@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.blind{
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    z-index: -1;
}
/* default */
/* Skip */
#skip {
    position:absolute;
    top:0;
    height:0px;
    width:100%;
    z-index:2020;
}
#skip a {
    display:block;
    height:1px;
    width:1px;
    margin-bottom:-1px;
    overflow:hidden;
    text-align:center;
    color:#fff;
    white-space:nowrap;
}
#skip a:focus,
#skip a:active {
    display:block;
    top:0;
    width:100%;
    height:30px;
    line-height:30px;
    background:#2a2b2f;
}
a:hover {
    text-decoration:underline;
    font-weight:600;
}
#wrap{

}
/* header */
header{
    position: relative;

}
header .util-wrap	{    background:#2a2b2f;	}
header .util			{    display:block;    width:1200px;    margin:0 auto;    overflow:hidden;    padding:0px;	}
header .util .lnb		{    float:left;	}
header .util .lnb ul	{}
header .util .lnb ul li	{    float:left;    border-right:1px solid #595a5d;	}
header .util .lnb ul li a	{    display:block;    color:#fff;    padding:13px 8px;    font-size:14px;    font-weight:600;	}
header .util .lnb ul li.on,
header .util .lnb ul li:hover	{	}
header .util .lnb ul li.on a	{    background:#fff;    color:#1e1e1e;	}
header .util .link			{    float:right;	}
header .util .link ul li		{    float:left;    margin-left: 10px;    position:relative;    top: 0;	}
header .util .link ul li a		{    display:block;    text-indent: -999999px;    position:relative;	}
header .util .link ul li a:after	{    content: "";    display:inline-block;    width:1px;    height:8px;    background: #707174;    position: absolute;    top:5px;    left:-10px;	}
header .util .link ul li.facebook	{    background: url(/2018/images/01.potal/common/icon_facebook.png) no-repeat;    width:9px;	}
header .util .link ul li.youtube	{    background: url(/2018/images/01.potal/common/icon_youtubu.png) no-repeat;    background-position: 0px 2px;    width:19px;		}
header .util .link ul li.blog		{    background: url(/2018/images/01.potal/common/icon_blog.png) no-repeat;    width:11px;	}
header .util .link ul li.kakao		{    background: url(/2018/images/01.potal/common/icon_kakao.png) no-repeat;    width: 11px;	}
header .util .link ul li.instagram	{    background: url(/2018/images/01.potal/common/icon_instagram.png) no-repeat;    width: 19px;	}
header .util .link ul li.facebook a:after	{    display:none;	}
header .util .link ul li.twitter a		{    width:15px;	}
header .util .link ul li.instagram a		{    width:17px;	}
header .util .link ul li.sitemap		{    top:0;		}
header .util .link ul li.sitemap a		{    display:block;    background:#404650;    color:#fff;    padding:13px 20px;    font-size:14px;    font-weight:600;    text-indent: 0px;		}
header .util .link ul li.sitemap a:after	{    display:none;	}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px){
    header .util	{        display:none;    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    header .util	{        display:none;    }
}
header .top-wrap{}
header .top{
    max-width:1200px;
    margin:0 auto;
    position:relative;
    padding:30px 0px;
}
header .top .weather{
    position:absolute;
    top:35px;
    left:0px;
}
header .top .weather .w-info{}
header .top .weather .w-info .temperature{
    display: inline-block;
    color: #32383e;
    font-size: 40px;
    margin-right: 13px;

}
header .top .weather .w-info .temperature img{
    display: inline-block;
    position: relative;
    top: 2px;
    float: left;
    margin-right: 5px;
}
header .top .weather .w-info .temperature span{
    font-size:25px;
}
header .top .weather .w-info .date{
    display: inline-block;
    background: url(/2018/images/01.potal/common/w_bg1.png) no-repeat;
    padding-left: 15px;
    line-height: 17px;
    font-size: 12px;
    font-weight: 700;
    background-position: 0px 2px;
}
header .top .weather .fine-info{
    font-size: 14.5px;
    font-weight: 600;
    color: #353535;
    margin-top: 2px;
}
header .top .weather .fine-info span{
    display: inline-block;
}
header .top .weather .fine-info .fine1{
    margin-right:17px;
}
header .top .weather .fine-info .fine1 span{
    margin-left: 5px;
    color: #1d4ec0;
}
header .top .weather .fine-info .fine2 span{
    margin-left: 5px;
    color: #1d4ec0;
}
header .top .logo{
    text-align: center;
}
header .top .logo:after{display:block; content:''; clear:both;}
header .top .logo > *{display:inline-block; }
header .top .logo strong{font-size:1.8em; font-weight:bold; line-height:65px; vertical-align:bottom}
header .top .logo strong:before{display:inline-block; content:'｜'; color:#ddd; font-weight:normal;}
header .top .logo img{vertical-align:middle;}
header .top .right-group{
    position:absolute;
    top:20px;
    right:0px;
    /* overflow: hidden; */
}
header .top .right-group ul{/* margin-bottom:10px; */}
header .top .right-group ul.korea_m{overflow:hidden;/* padding-left:60px; */position:absolute;top: 64px;right: 0;/* width: 385px; */}
header .top .right-group ul li{
    float:left;
    
    position:relative;
}

header .top .right-group ul.korea_m li.f_ch a {padding: 8px 8px 6px 30px;border: solid 1px #b0afaf;font-size: 14px;background: url('https://www.jinan.go.kr/upload_data/board_data/BBS_0000160/168748778149271.png') no-repeat 8px center;}
header .top .right-group ul.korea_m li.f_ch:hover a,
header .top .right-group ul.korea_m li.f_ch:active a,
header .top .right-group ul.korea_m li.f_ch:focus a{border-color:#2a2a2a} 
header .top .right-group ul li a{
    font-weight:600;
    display:block;
    font-size:14.5px;
    margin-left:5px;
}
header .top .right-group ul li a.btn_extend{
    display:block;
    line-height: 50px;
    height:50px;
    background-color:#f6f6f6;
    color:#f04e00;
    padding:0 20px;
}
header .top .right-group ul li a.button-login{
    display:block;
    line-height: 50px;
    height:50px;
    background-color:#f6f6f6;
    color:#4a4a4a;
    padding:0 20px;
    margin-left:1px;
}
header .top .right-group ul li a.button-language{
    display: block;
    line-height: 50px;
    height: 50px;
    background: url(/2018/images/01.potal/common/icon-arrow05.png) no-repeat;
    background-position: 90% 49%;
    background-color: #f6f6f6;
    color: #4a4a4a;
    padding: 0 40px 0 20px;
}
header .top .right-group ul li a.button-language.on{
    background-color:#404650;
    color:#fff;
}
header .top .right-group ul li a.button-search{
    display: block;
    width: 72px;
    height: 50px;
    /* text-indent: -999999px; */
    background: url(/2018/images/01.potal/common/icon-zoom.png) no-repeat;
    background-position: 50% 17%;
    background-color: #3e61b2;
    color: #fff;
    padding-top: 30px;
    text-align: center;
    background-size: 17px;
    font-size: 13px; font-weight:bold;
}
header .top .right-group ul li .language{
    display:none;
    position:absolute;
    width:100%;
    z-index:99;
    border:1px solid #707174;
}
header .top .right-group ul li .language a{
    border-bottom:1px solid #707174;
    color:#fff;
    background:#404650;
    padding:10px;
    font-size:12px;
}
header .top .right-group ul li .language a:last-child{
    border-bottom:none;
}
header .gnb-wrap{
    border-top:1px solid #dadada;
    height:70px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
    zoom:1;
}
header .mobile-gnb-close {display:none;}

header .gnb .mobile-language{
    display:none;
}
header .gnb .button-group{
    display:none;
}

header .gnb .mobile-gnb-close{
    display:none;
}header .gnb-wrap

header .gnb ul{

    max-width:1200px;
    margin:0 auto;
}
header .gnb ul li{
    float:left;
    
}
header .gnb ul li a{
    display:block;
    text-align: center;
    font-size:20px;
    color:#111;
    font-weight:700;
    padding:20px 0;
    height: 69px;
    position:relative;
}
header .gnb ul li a:hover,
header .gnb ul li.active a{
    text-decoration: none;
    padding: 20px 0;
}
header .gnb ul li a:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #bfbfbf;
    position: absolute;
    margin-top: 7px;
    right:0;
}
header .gnb ul li:last-child a:after{
    display:none;
}
header .gnb ul li .sub-gnb{
    display:none;
    width: 100%;
    position: absolute;
    border-top: 1px solid #dadada;
    z-index: 999;
    left: 0;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap{
    max-width:1400px;
    margin:0 auto;
    overflow:hidden;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap{

}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title{
    float:left;
    width:345px;
}

header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup p{
    text-align: left;
    color:#aec4ed;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav{
    float:left;
    width:1055px;
    background-color:#fff;
    padding:25px 15px;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level{
    float:left;
    padding:0 15px;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level a:hover{
    text-decoration: none;
    border-bottom:none;

}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1{
    /*
    text-align: left;
    color:#231b1b;
    height:inherit;
    padding:10px 10px 10px 20px;
    width:100%;
    font-weight:800;
    font-size:16px;
    background:url(/2018/images/01.potal/common/icon-arrow06.png) no-repeat;
    background-position: 90% 50%;
    background-color:#e9e9e9;
    position:relative;
    */
}

header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1:hover{
    color:#fff;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1:after{
    display:none;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1{
    padding:15px 10px;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li{
    float:none;
    width:100%;
    position:relative;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a{
    text-align: left;
    padding:3px 0 3px 10px;
    color:#555;
    font-size:14px;
    height:inherit;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #3e61b2;
    position: absolute;
    top: 10%;
    margin-top: -3px;
    left: 0;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:hover{
    text-decoration: underline;
    font-weight:800;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:after{
    display:none;
}
header .mobile-gnb{
    display:none;
}
header .search-box{
    display:none;
    background: #3e61b2;
    padding: 25px 0;
    position: absolute;
    width: 100%;
      z-index:999;
}
header .search-box .search-wrap{
    max-width:685px;
    margin:0 auto;
    position:relative;
  
}
header .search-box .search-wrap select{
    position: absolute;
    width: 118px;
    border: none;
    border-right: 1px solid #ddd;
    padding: 0 10px 0 15px;
    height: 35px;
    margin-top: 10px;
    /*outline: none;*/
    -webkit-appearance: menulist-button;
    font-size:15px;
    background-color: #fff;
}
header .search-box input[type="text"]{
    width: calc(100% - 60px);
    height: 55px;
    border: none;
    padding: 10px 10px 10px 135px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-size:15px;
   width:625px;
}
header .search-box .submit-btn{
    display: inline-block;
    background: url(/2018/images/01.potal/common/m_search.png) 50% 50% no-repeat;
    background-size: 50%;
    background-color: #2a2b2f;
    width: 60px;
    height: 55px;
    float: right;
    border:none;
    position:absolute;
}
header .util-box{
    display:none;
}
.mask-wrap{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.mask-wrap.on{
    display:block;
}
.site-group{
        height: 45px;
    max-width: 1200px;
    margin: 10px auto 10px auto;
}
 .site-group ul{

}
.site-group ul li{
    float: left;
    width: 23%;
    margin-right: 2.6666%;
    position:relative;
}
.site-group ul li:last-child{
    margin-right: 0;
}

.site-group ul li a{
    display: block;
    border: 1px solid #cdcdcd;
    color: #2f2f2f;
    font-size: 14px;
    padding: 3px 0 0px 28px;
    line-height: 40px;
}
.site-group ul li a:after{
    content: "+";
    display: inline-block;
    color: #727272;
    float: right;
    margin-right: 27px;
    font-size: 25px;
    font-weight: 100;
}
.site-group ul li ul{
    position: absolute;
    width: 100%;
    height: 440px;
    overflow-y: auto;
    z-index: 99;
    padding: 0 20px;
    bottom: 45px;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    display:none;
}
.site-group ul li ul li{
    float:none;
    width:100%;
    padding: 5px 0;
}
.site-group ul li ul li:last-child{
    width:100%;
}
.site-group ul li ul li span{
    display:block;
    padding:10px;
    border-bottom:2px solid #3357ac;
    line-height:inherit;
    font-weight:bold;
    color:#3357ac;
    text-align:center;
}
 .site-group ul li ul li a{
    display: block;
    border: none;
    border-bottom: 1px solid #cdcdcd;
    color: #333;
    font-size: 14px;
    padding: 5px;
    line-height: inherit;
}
.site-group ul li ul li a:after{
    display:none;
}
footer{
    max-width:1200px;
    margin:0 auto;
    padding:10px 0px;
    position:relative;
}

footer nav{
    clear:both;
    overflow:hidden;
    margin-bottom:20px;
}
footer nav ul li{
    float:left;
    padding-right:40px;
    position:relative;
}
footer nav ul li a{
    color:#3a3a3a;
    font-size:15px;
}

footer nav ul li.important a {
    font-weight: bold;
    color: #0154b2;
    font-family: 'Nanumgothic';
}
footer nav ul li a:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #c4c4c4;
    position: absolute;
    top: 4px;
    right: 20px;
}
footer nav ul li:last-child a:after{
    display:none;
    padding-right:0;
}
footer .addr{
    color:#787878;
    font-weight:600;
    font-size:14px;
}
footer .addr span{
    color:#00688d;

}
footer .addr .copyright{
    color: #666666;
    font-weight:500;
    margin-top:5px;
}
footer .logo{
    position: absolute;
    right: 0px;
    bottom: 28px;
}

footer .wa-logo{
    position: absolute;
    right: 109px;
    bottom: 25px;
}
footer .qrmark{
    position: absolute;
    right: 229px;
    bottom: 15px;
}

footer .logo img{height:55px;}
footer .logo strong{font-size:1.15em; font-weight:bold; margin-left:5px; display:inline-block; }
footer .logo strong:before{display:inline-block; content:'｜'; color:#ddd;}

.bnr-area{
    background:#ececec;
    padding:40px 0 40px 0;
    overflow:hidden;
}
.bnr-area .bnr-wrap{
    max-width:1230px;
    width:100%;
    margin:0 auto;
    padding:0 15px;
    position:relative;
}
.bnr-area .bnr-wrap .title{
    display: inline-block;
    font-size: 15.5px;
    color: #313131;
    font-weight: 800;
    position: absolute;
    left: 15px;
    top: 13px;
    display: none;
}
.bnr-area .bnr-wrap .banners-panel{padding-left:0px;width:100%;}
.bnr-area .bnr-wrap .bx-wrapper ul li{
    max-width:285px;
}

.bnr-area .bnr-wrap .bx-wrapper ul li img{
   width:285px;
  height:102px;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-controls-direction a{
    width:26px;
    height:27px;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-prev {
    background:url(/2018/images/01.potal/common/banner-control-prev.jpg) no-repeat;
    top: 126px;
    right: 90px;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-next {
    background:url(/2018/images/01.potal/common/banner-control-next.jpg) no-repeat;
    top: 126px;
    right: 29px;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-controls-auto{
    top: 110px;
    right: 50px;
    width: auto;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-controls-auto .bx-start{
    width:25px;
    height:27px;
    background:url(/2018/images/01.potal/common/banner-control-play.jpg) no-repeat;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0px;
    display:none;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-controls-auto .bx-start.active{
    display: block;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-controls-auto .bx-stop{
    width: 26px;
    height:27px;
    background:url(/2018/images/01.potal/common/banner-control-stop.jpg) no-repeat;
    margin: 0;
    position: absolute;
    top: 0;
    right: 10px;
    display:none;
}
.bnr-area .bnr-wrap .bx-wrapper .bx-controls-auto .bx-stop.active{
    display:block;
}

.bnr-area .bnr-wrap .bnr-more-btn{width:26px; height:26px; position: absolute ; top:110px; right:14px; background: url("/2018/images/01.potal/common/banner-control-more.jpg"); display: inline-block; text-indent:-9999px;}

header .top .toggle, header .top .search, header .top .menu{display: none;}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px){
    header .util{
        display:none;
    }
    /* s: 2018.11.05 주현 */
    header .gnb-wrap{
        border:none;
        height:auto;
        box-shadow: none;
        position:relative;
        z-index:100000;
    }
    header .top{
        border-bottom:1px solid #ddd;
        padding:15px 0;
    }
    header .top .weather{
        display:none;
    }
    header .top .right-group{
        display:none;
    }
    header .top .toggle{
        display: inline-block;
        position: absolute;
        top: 30px;
        left: 20px;
        background: url(/2018/images/01.potal/common/m_toggle.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #2a2b2f;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    header .top .search {
        display: inline-block;
        position: absolute;
        top: 30px;
        right: 75px;
        background: url(/2018/images/01.potal/common/m_search.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #3e61b2;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    header .top .menu {
        display: inline-block;
        position: absolute;
        top: 30px;
        right: 20px;
        background: url(/2018/images/01.potal/common/m_menu.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #2a2b2f;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    header .top .logo{
        
        margin:0 auto;
    }
    header .top .logo img{height:70px;}
    header .top .logo strong{font-size:1.5em;}
    header .mobile-gnb{
        display:block;
        position: fixed;
        top: 0;
        left: -51%;
        height: 100%;
        z-index: 999;
        overflow-y: auto;
        transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    header .mobile-gnb.on{
        left:0;
    }
    header .mobile-gnb .mobile-language{
        display:block;
        background:#f7f7f7;
        padding:15px;
    }

    header .mobile-gnb-close{
    display:block;
    width:52px; 
    height:52px; 
    font-size:0;
    text-indent:-999em;
    background:url('/2018/images/01.potal/common/mobile-gnb-close.png') no-repeat 50% 50%;
    position:fixed; 
    top:0; 
    left:-70px;
    z-index:2000;
    }
    header .mobile-gnb-close.on{ 
        left:50%; 
    }

    header .mobile-gnb .mobile-language .lan-sel-btn{
        display: block;
        border: 1px solid #ddd;
        padding: 10px 10px 10px 20px;
        color: #555;
        font-size: 15px;
        font-weight: 800;
        background: url(/2018/images/01.potal/common/m_arrow01.png) 95% 50% no-repeat;
        background-size: 13px;
        background-color: #fff;
    }
    header .mobile-gnb .mobile-language .lan-sel-btn.on{
        background: url(/2018/images/01.potal/common/m_arrow02.png) 95% 50% no-repeat;
        background-color:#404650;
        color:#fff;
    }
    header .mobile-gnb .mobile-language .option{
        display:none;
        position:absolute;
        width:calc(100% - 30px);
        border:1px solid #ddd;
        border-top:none;
        z-index:9;
    }
    header .mobile-gnb .mobile-language .option li a{
        display:block;
        border-bottom:1px solid #ddd;
        padding:10px;
        font-size:14px;
        font-weight: 600;
        background:#404650;
        color:#fff;
    }
    header .mobile-gnb .mobile-language .option li:last-child a{
        border-bottom:none;
    }
    header .mobile-gnb .button-group{
        background:#f7f7f7;
        padding:15px;
        border-top:1px solid #ddd;
    }
    header .mobile-gnb .button-group a{
        display: inline-block;
        width: 47.5%;
        border: 1px solid #ddd;
        padding: 10px 10px 10px 30px;
        color: #555;
        font-size: 15px;
        font-weight: 800;
        text-align: center;
    }
    header .mobile-gnb .button-group a.btn-login{
        background: url(/2018/images/01.potal/common/m_btn_icon01.png) 20% 45% no-repeat;
        background-size: 13px;
        background-color: #fff;
        /* margin-right:8px; */
    }
    header .mobile-gnb .button-group a.btn-sitemap{
        background: url(/2018/images/01.potal/common/m_btn_icon02.png) 25% 45% no-repeat;
        background-size: 13px;
        background-color: #fff;
    }
    header .mobile-gnb .gnb-title{
        display:none;
    }

    header .mobile-gnb .dl{

    }
    header .mobile-gnb .dl li{
        position:relative;
    }
    header .mobile-gnb .dl li a{
        display:block;
        padding:15px 20px;
    }
    header .mobile-gnb .dl li a.level1-1{
        font-size:16px;
    }
    header .mobile-gnb .dl li a.level1-1:after{
        content: "+";
        color: #fff;
        font-size: 25px;
        position: absolute;
        right: 20px;
        top: 9px;
        font-weight: 100;
    }
    header .mobile-gnb .dl li a.level1-1.on:after{
        content: "-";
        font-size: 35px;
        font-weight: 400;
        top: 4px;
    }
    header .mobile-gnb .dl li .m-sub-gnb{
        padding:10px;
        display:none;
        background:#fff;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav{

    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level{
        margin-bottom:7px;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1{
        display: block;
        padding: 10px 15px;
        border: 1px solid #ddd;
        background: url(/2018/images/01.potal/common/m_arrow03.png) 95% 50% no-repeat;
        background-size: 7px;
        color:#000;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1.on{
        background: url(/2018/images/01.potal/common/m_arrow04.png) 95% 50% no-repeat;
        background-size:15px;
        background-color:#858585;
        color:#fff;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1{
        display:none;
        background:#f7f7f7;
        border:1px solid #ddd;
        border-top:none;
        padding:15px;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li{
        position:relative;
        border-bottom:none;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li a{
        border: none;
        padding: 3px 5px 3px 15px;
        display: block;
        color:#494f5a;
        border-bottom:none;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li a:before{
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        background: #979797;
        position: absolute;
        top: 11px;
        left: 0;
    }

    header .search-box{
        display:none;
        background: #3e61b2;
        padding: 15px;
        position: absolute;
        width: 100%;
        box-shadow: 0px 1000px 0px 1000px rgba(0,0,0,.4);
    }
    header .search-box .search-wrap select{
        display:none;
    }
    header .search-box input[type="text"]{
        width: calc(100% - 40px);
        height: 40px;
        border: none;
        padding: 10px;
    }
    header .search-box .submit-btn{
        display: inline-block;
        background: url(/2018/images/01.potal/common/m_search.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #2a2b2f;
        width: 40px;
        height: 40px;

        float:right;
    }
    header .util-box{
        display:none;
        position:absolute;
        width:100%;
        background:#435887;
        box-shadow: 0px 1000px 0px 1000px rgba(0,0,0,.4);
       z-index:9999;
    }
    header .util-box ul{
        overflow: hidden;
    }
    header .util-box ul li{
        float:left;
        width:33.3333%;
    }
    header .util-box ul li a{
        font-size: 14px;
        padding: 45px 0px 50px;
        display: block;
        color: #b4bccf;
        text-align: center;
        border-bottom: 1px solid #7483a6;
        border-right: 1px solid #7483a6;
        position: relative;
    }
    header .util-box ul li a span{
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 10px;
    }
    header .util-box ul li:nth-child(1) a{
        background: url(/2018/images/01.potal/common/m_util_icon01.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(2) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon02.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(3) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon03.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(4) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon04.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(5) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon05.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(6) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon06.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(7) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon07.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(8) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon08.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(9) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon09.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(10) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon10.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li.on:nth-child(1) a{
        /* background: url(/2018/images/01.potal/common/m_util_icon01_on.png) 50% 40% no-repeat; */
        background-size: auto 30px;
    }
    header .util-box ul li.on a{
        background-color:#3e61b2 !important;
        color:#fff;
    }

    /* e: 2018.11.05 주현 */
    header .gnb-wrap{
        border:none;
        height:auto;
        box-shadow: none;
        position:relative;
        z-index:100000;
    }
    .site-group{
        height:100px;
        margin:10px 15px 20px 15px;
    }
    .site-group ul li{
        width:48%;
        margin-right: 4%;
        margin-bottom:10px;
    }
    .site-group ul li:nth-child(2n){
        margin-right:0;
    }   
    footer {padding:15px 0;}

    footer nav ul{margin-left:15px;}
    footer nav ul li{
        padding-right:20px;
    }
    footer nav ul li a{
        font-size:115%;
    }
    footer nav ul li a:after{
        top: 2px;
        right: 10px;
    }
    footer .addr{
        margin-top:10px;
        margin-left:15px;
    }
    footer .logo {
        right:15px;
        bottom: 10px;
    }

     footer .wa-logo {
        right:109px;
        bottom: 10px;
    }

    footer .logo-wrap {
        right:109px;
        bottom: 10px;
    }
}

/* Mobile */
@media only screen and (max-width: 768px) {
    header .util{
        display:none;
    }
    header .top{
        border-bottom:1px solid #ddd;
        padding:15px 0
    }
    header .top .weather{
        display:none;
    }
    header .top .toggle{
        display: inline-block;
        position: absolute;
        top: 20px;
        left: 10px;
        background: url(/2018/images/01.potal/common/m_toggle.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #2a2b2f;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        z-index:99;
    }


    header .top .search {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 55px;
        background: url(/2018/images/01.potal/common/m_search.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #3e61b2;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    header .top .menu {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 10px;
        background: url(/2018/images/01.potal/common/m_menu.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #2a2b2f;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    header .top .logo {
      
        margin:0 auto;
    }
    header .top .logo {
        margin:0 auto;
    }
    header .top .logo img{height:50px;}
    header .top .logo span{display:none}
    header .top .logo strong{font-size:1.15em; line-height:40px;letter-spacing:-0.095em;}
    header .top .right-group{
        display:none;
    }
    header .gnb-wrap{
        border:none;
        height:auto;
        box-shadow: none;
    }

    header .mobile-gnb{
        display:block;
        position: fixed;
        top: 0;
        left: -81%;
        height: 100%;
        z-index: 999;
        overflow-y: auto;
        transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    header .mobile-gnb.on{
        left:0;
    }
    header .mobile-gnb .mobile-language{
        display:block;
        background:#f7f7f7;
        padding:15px;

    }
    header .mobile-gnb .mobile-language .lan-sel-btn{
        display: block;
        border: 1px solid #ddd;
        padding: 10px 10px 10px 20px;
        color: #555;
        font-size: 15px;
        font-weight: 800;
        background: url(/2018/images/01.potal/common/m_arrow01.png) 95% 50% no-repeat;
        background-size: 13px;
        background-color: #fff;
    }
    header .mobile-gnb .mobile-language .lan-sel-btn.on{
        background: url(/2018/images/01.potal/common/m_arrow02.png) 95% 50% no-repeat;
        background-color:#404650;
        color:#fff;
    }
    header .mobile-gnb .mobile-language .option{
        display:none;
        position:absolute;
        width:calc(100% - 30px);
        border:1px solid #ddd;
        border-top:none;
        z-index:9;
    }
    header .mobile-gnb .mobile-language .option li a{
        display:block;
        border-bottom:1px solid #ddd;
        padding:10px;
        font-size:14px;
        font-weight: 600;
        background:#404650;
        color:#fff;
    }
    header .mobile-gnb .mobile-language .option li:last-child a{
        border-bottom:none;
    }
    header .mobile-gnb .button-group{
        background:#f7f7f7;
        padding:15px;
        border-top:1px solid #ddd;
    }
    header .mobile-gnb .button-group a{
        display: inline-block;
        width: 32.5%;
        border: 1px solid #ddd;
        padding: 10px;
        color: #555;
        font-size: 15px;
        font-weight: 800;
        text-align: center;
    }
    header .mobile-gnb .button-group a.btn_extend{background:#fff;color:#f04e00;}
    header .mobile-gnb .button-group a.btn-login{
        /* background: url(/2018/images/01.potal/common/m_btn_icon01.png) 20% 45% no-repeat; */
        background-size: 13px;
        background-color: #fff;
        /* margin-right:8px; */
    }
    header .mobile-gnb .button-group a.btn-sitemap{
        /* background: url(/2018/images/01.potal/common/m_btn_icon02.png) 25% 45% no-repeat; */
        background-size: 13px;
        background-color: #fff;
    }
    header .mobile-gnb .gnb-title{
        display:none;
    }

    header .mobile-gnb-close{
    display:block;
    width:40px; 
    height:40px; 
    font-size:0;
    text-indent:-999em;
    background:url('/2018/images/01.potal/common/mobile-gnb-close.png') no-repeat 50% 50%;
    position:fixed; 
    top:20px; 
    left:-50px;
    z-index:2000;
    }
    header .mobile-gnb-close.on{ 
        left:85%; 
    }

    header .mobile-gnb .dl{

    }
    header .mobile-gnb .dl li{
        position:relative;
    }
    header .mobile-gnb .dl li a{
        display:block;
        padding:15px 20px;
        color:#fff;

    }
    header .mobile-gnb .dl li a.level1-1{
        font-size:16px;
    }
    header .mobile-gnb .dl li a.level1-1:after{
        content: "+";
        color: #fff;
        font-size: 25px;
        position: absolute;
        right: 20px;
        top: 9px;
        font-weight: 100;
    }
    header .mobile-gnb .dl li a.level1-1.on:after{
        content: "-";
        font-size: 35px;
        font-weight: 400;
        top: 4px;
    }
    header .mobile-gnb .dl li .m-sub-gnb{
        padding:10px;
        display:none;
        background:#fff;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav{

    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level{
        margin-bottom:7px;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1{
        display: block;
        padding: 10px 15px;
        border: 1px solid #ddd;
        background: url(/2018/images/01.potal/common/m_arrow03.png) 95% 50% no-repeat;
        background-size: 7px;
        color:#000;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level2-1.on{
        background: url(/2018/images/01.potal/common/m_arrow04.png) 95% 50% no-repeat;
        background-size:15px;
        background-color:#858585;
        color:#fff;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1{
        display:none;
        background:#f7f7f7;
        border:1px solid #ddd;
        border-top:none;
        padding:15px;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li{
        position:relative;
        border-bottom:none;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li a{
        border: none;
        padding: 3px 5px 3px 15px;
        display: block;
        color:#494f5a;
        border-bottom:none;
    }
    header .mobile-gnb .dl li .m-sub-gnb .nav .level .level3-1 li a:before{
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        background: #979797;
        position: absolute;
        top: 11px;
        left: 0;
    }
    header .search-box{
        display:
        none;
        background: #3e61b2;
        padding: 15px;
        position: absolute;
        width: 100%;
        box-shadow: 0px 1000px 0px 1000px rgba(0,0,0,.4);
        z-index: 10000;
    }
    header .search-box .search-wrap select{
        display:none;
    }
    header .search-box input[type="text"]{
        width: calc(100% - 40px);
        height: 40px;
        border: none;
        padding: 10px;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
    }
    header .search-box .submit-btn{
        display: inline-block;
        background: url(/2018/images/01.potal/common/m_search.png) 50% 50% no-repeat;
        background-size: 50%;
        background-color: #2a2b2f;
        width: 40px;
        height: 40px;
        float:right;
    }
    header .util-box{
        display:none;
        position:absolute;
        width:100%;
        background:#435887;
        box-shadow: 0px 1000px 0px 1000px rgba(0,0,0,.4);
        z-index: 9999;
    }
    header .util-box ul{
        overflow: hidden;
    }
    header .util-box ul li{
        float:left;
        width:33.3333%;
    }
    header .util-box ul li a{
        font-size: 14px;
        padding: 20px 0px;
        display: block;
        color: #b4bccf;
        text-align: center;
        border-bottom: 1px solid #7483a6;
        border-right: 1px solid #7483a6;
        position: relative;
    }
    header .util-box ul li a span{
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 10px;
    }
    /*
    header .util-box ul li:nth-child(1) a{
        background: url(/2018/images/01.potal/common/m_util_icon01.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(2) a{
        background: url(/2018/images/01.potal/common/m_util_icon02.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(3) a{
        background: url(/2018/images/01.potal/common/m_util_icon03.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(4) a{
        background: url(/2018/images/01.potal/common/m_util_icon04.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(5) a{
        background: url(/2018/images/01.potal/common/m_util_icon05.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(6) a{
        background: url(/2018/images/01.potal/common/m_util_icon06.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(7) a{
        background: url(/2018/images/01.potal/common/m_util_icon07.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(8) a{
        background: url(/2018/images/01.potal/common/m_util_icon08.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(9) a{
        background: url(/2018/images/01.potal/common/m_util_icon09.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li:nth-child(10) a{
        background: url(/2018/images/01.potal/common/m_util_icon10.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }
    header .util-box ul li.on:nth-child(1) a{
        background: url(/2018/images/01.potal/common/m_util_icon01_on.png) 50% 40% no-repeat;
        background-size: auto 30px;
    }*/
    header .util-box ul li.on a{
        background-color:#3e61b2 !important;
        color:#fff;
    }
    .site-group{
        height:210px;
        margin:20px 15px 0 15px;
    }
    .site-group ul li{
        width:100%;
        margin-bottom:10px;
    }
    footer .addr{
        margin-top:10px;
        text-align:center;
    }
    footer nav ul{
        overflow:hidden;
        margin:0 15px;
    }
    footer nav li{
        width:50%;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        padding:0 !important;
        background:#626f90;
        box-sizing: border-box;
    }
    footer nav ul li a{
        height:60px;
        line-height:60px;
        display:block;
        text-align:center;
        padding:0;
        color:#fff !important;
        font-size:100%;
    }
    footer nav ul li a:after{
        content: '';
        content: none;
    }
    footer nav ul li:last-child a{
        line-height:1.2;
        padding-top:12px;
    }
    footer nav ul li:last-child a span {display:block;}
    
    .logo-wrap{width: 100%;margin:0 auto;padding:40px 0 0 0;text-align:center;}

   /*  footer .logo {
        margin-top:15px;
        display:inline-block;
        width:105px;
        position:relative;
        text-align:center;
        right:0px;
        bottom:0px;

    } */

    footer .logo{position: relative;; display: inline-block; top:0px; right:0px;margin:0 5px}
    footer .wa-logo{position: relative;; display: inline-block; top:0px; right:0px;margin:0 5px}
    footer .qrmark{position: relative;; display: inline-block; top:0px; right:0px;margin:0 5px}

    /* 하단 배너존 */
    .bnr-area{
        margin-top:20px;
    }

    .bnr-area .bnr-wrap .bx-wrapper .bx-controls-auto{top:50px;}
    .bnr-area .bnr-wrap .bx-wrapper .bx-prev{top:66px}
    .bnr-area .bnr-wrap .bx-wrapper .bx-next{top:66px}
    #body .bnr-area .bnr-wrap .bx-wrapper .bx-viewport{height: auto !important;}
    .bnr-area .bnr-wrap .bx-wrapper ul li img{height: auto;}
     .bnr-area .bnr-wrap .bnr-more-btn{top:50px;}
}  

/* 만족도 */
/*담당자 및 고객의견*/
.customerBox {
    margin:50px 0 20px;
    border:1px solid #ddd;
    color:#666;
    font-size:0.97em;
}
.customerBox > div.ctm-1 {
    overflow:hidden;
    border-bottom:1px solid #ddd;
    padding:13px;
    background:#f7f7f7;
}
.customerBox > div.ctm-1 ul {
    float:left;
}
.customerBox > div.ctm-1 p {
    float:right;
    line-height:24px;
    padding-right:10px;
    font-size:15px;
    color:#333;
}
.customerBox > div.ctm-1 p strong{
    font-weight:700;
}
.customerBox > div.ctm-1 ul:after {
    clear:both;
    content:"";
    display:block;
}
.customerBox > div.ctm-1 ul li {
    float:left;
    padding:2px 20px 2px 0;
    font-size:15px;
    color:#333;
}
.customerBox > div.ctm-1 ul li:last-child {
    padding-left:0;
}
.customerBox > div.ctm-1 ul strong {
    display:inline-block;
    height:24px;
    line-height:24px;
    padding:0 10px 0 30px;
    font-weight:700;
}
.customerBox > div.ctm-1 ul strong.f-in-1 {
    background:url(/2018/images/01.potal/common/f-in-1.png) no-repeat 0 50%;
}
.customerBox > div.ctm-1 ul strong.f-in-2 {
    background:url(/2018/images/01.potal/common/f-in-2.png) no-repeat 0 50%;
}
.customerBox > div.ctm-1 ul strong.f-in-3 {
    background:url(/2018/images/01.potal/common/f-in-3.png) no-repeat 0 50%;
}

.customerBox > div.ctm-2 {

    padding:15px 10px;
}
.customerBox > div.ctm-2 > p {
    line-height:30px;
    background:url(/2018/images/01.potal/common/ico_ctm-2.png) no-repeat 10px 50%;
    padding-left:50px;
    font-weight:bold;
    color: #31355b;
    font-size: 15px;
}
.customerBox > div.ctm-2 .scoreBox {
    padding:20px;
    float:left;
}
.customerBox > div.ctm-2 .scoreBox span {
    display:inline-block;
    padding:0 10px 0 0;
    font-weight:bold;
}
.customerBox > div.ctm-2 .scoreBox span:first-child {
    padding-left:0;
}
.customerBox > div.ctm-2 form {
    overflow:hidden;
}
.customerBox > div.ctm-2 form fieldset {
    position:relative;
    width:420px;
    padding:10px 10px 0 10px;
}
.customerBox > div.ctm-2 form label {
    padding-left: 2px;
    font-size: 15px;
    color: #666;
}
.customerBox > div.ctm-2 form input[type="text"] {
    width:100%;
    height:40px;
    padding-left:20px;
    background:#fff url(/2018/images/01.potal/common/input_white.png);
    border:1px solid #e4e4e4;
    color:#000;
}
.customerBox > div.ctm-2 form input[type="submit"] {
    position:absolute;
    top:10px;
    right:10px;
    width:70px;
    height:40px;
    display:inline-block;
    background:#6d6d6d;
    color:#fff;
    border:0;
}
.customerBox > div.ctm-2 .qrBox {
    float:right;
    padding-right:10px;
}

/* mobile */
@media only screen and (max-width: 900px){
    
    .customerBox > div.ctm-1 ul li {font-size:13px;}
    .customerBox > div.ctm-2 form fieldset {width:100%;}
    
}      
@media only screen and (max-width: 500px){

    .customerBox > div.ctm-2 > p {line-height:initial;}
    .customerBox > div.ctm-2 .scoreBox {padding:10px;}
    .customerBox > div.ctm-2 .scoreBox span {min-width:30%;}
    .customerBox > div.ctm-2 form input[type="text"] {font-size:11px !important;}
}    



a:focus,button:focus,input:focus,select:focus{outline:dashed 2px red; outline-offset:-3px; /*border-style:solid;border-width:1px 3px 1px 3px;border-color: #f30d0d;*/} 
a:hover,button:hover,input:hover,select:hover,
a:active,button:active,input:active,select:active{outline:none;}


header .top .f_ch {font-size: 14px;background: #2a3f6f url('https://www.jinan.go.kr/upload_data/board_data/BBS_0000160/168774299282477.png') no-repeat center;margin-top: 1px;display: block;font-size: 0;width: 41px;height: 41px;position: absolute;left: 55px;top: 19px;border-radius: 50%;font-weight: bold;color: #fff;}
header .top .f_ch:hover,
header .top .f_ch:focus,
header .top .f_ch:active{border-color:#2a2a2a}       

@media all and (min-width:768px) {
header .top .f_ch{width: 118px;font-size: 14px;height: auto;top: 27px;background-position: 5px center;padding: 9px 8px 7px 30px;border-radius: 0;left: 79px;}
} 
@media all and (min-width:1023px) {
header .top .f_ch{width: auto;left: auto;top: 83px;right: 225px;}
}