@charset "utf-8";
a:focus, button:focus{outline:1px dotted #000}

.more{display:block;overflow:hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0}
.more:before,
.more:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.more:before{width:calc(100%/2);height:1px;background:#b2b2b2}
.more:after{width:1px;height:calc(100%/2);background:#b2b2b2}

button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow:hidden}
button[data-control]:before, button[data-control]:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
button[data-control="prev"]:before, button[data-control="next"]:before{width:calc(100%/2.5);height:calc(100%/2.5);border-width:2px;border-style:solid;border-color:#333;transform:rotate(45deg)}
button[data-control="prev"]:before{right:-5px;border-width:0 0 2px 2px}
button[data-control="next"]:before{left:-5px;border-width:2px 2px 0 0}
button[data-control="stop"]:before{width:2px;height:calc(100%/2);box-shadow:-3px 0 #333, 3px 0 #333}
button[data-control="play"]:before{right:-5px;width:0;height:0;border-width:10px 0 10px 15px;border-style:solid;border-color:transparent transparent transparent #333}

.layout{position:relative;margin:0 auto;width:100%;max-width:1600px}
.layout:after{display:block;visibility:hidden;clear:both;content:""}

.clear{clear:none}
.clear:after{display:block;visibility:hidden;clear:both;content:""}

#tnb *{font-family:'gmarket','gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif !important;font-weight:500}
#tnb{background:#fff;z-index:100;position:relative;height:50px;border-bottom:1px solid #e9e9e9}
#tnb .layout{max-width:none;padding:0 40px}
#tnb ul{text-align:left}
#tnb ul li{display:inline-block;position:relative;margin:0 13px}
#tnb ul li:not(:last-child):before{display:block;position:absolute;right:-18px;top:50%;content:'';width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#dddddd}
#tnb ul li a{display:block;line-height:50px;font-size:14px;color:#848787}
#tnb ul li.on a{font-weight:bold;color:#36a6a8}
#tnb .left_util{display:none;position:absolute;left:40px;top:0}
#tnb .left_util a{display:block;line-height:50px;font-size:14px;font-weight:bold;color:#4f5757}
#tnb .left_util span{display:inline-block;width:23px;height:23px;margin:-9px 5px 0 0;background:url(../../../city/common/tmpl/skinD/imgs/ico02.png)no-repeat left center;background-size:auto 100%;vertical-align:middle}
#tnb .left_util em{display:inline-block;margin:0 5px 0 0;color:#ef4937;font-size:14px;font-weight:bold}
#tnb .right_util{position:absolute;right:0;top:0}
#tnb .right_util #weather .corona{display:inline-block;margin-left:11px}
#tnb .right_util #weather .corona a{display:block;padding:0 5px;line-height:50px;font-size:14px;font-weight:bold;color:#4f5757;position:relative}
#tnb .right_util #weather .corona a:before{display:block;position:absolute;left:0;bottom:0;content:'';width:100%;height:1px;background:#ea4d3c}
#tnb .right_util #weather .corona span{display:inline-block;width:23px;height:23px;margin:-9px 5px 0 0;background:url(../../../city/common/tmpl/skinD/imgs/ico02.png)no-repeat left center;background-size:auto 100%;vertical-align:middle}
#tnb .right_util #weather .corona em{display:inline-block;margin:0 5px 0 0;color:#ef4937;font-size:14px;font-weight:bold}
#tnb .right_util #weather .weather_box{display:inline-block;margin-left:-10px}
#tnb .right_util #weather .weather_box > li{display:inline-block;position:relative;margin:4px 0;padding-left:55px;padding-right:18px;font-size:13px;color:#222222;font-weight:bold;text-align:right}
#tnb .right_util #weather .weather_box > li span{display:block;position:absolute;left:0;top:0;width:46px;font-size:13px;font-weight:normal;color:#222222;text-align:right}
#tnb .right_util #weather .weather_box > li .ico{display:inline-block;position:absolute;right:0;top:3px;width:15px;height:15px;background:url(../../../city/common/tmpl/skinD/imgs/weather2.png)no-repeat;font-size:0;vertical-align:middle}
#tnb .right_util #weather .weather_box > li .ico2{background-position:-15px 0}
#tnb .right_util #weather .weather_box > li .ico3{background-position:-30px 0}
#tnb .right_util #weather .weather_box > li .ico4{background-position:-45px 0}
#tnb .right_util #weather .weather_box > li .ico5{background-position:-60px 0}
#tnb .right_util #weather .weather-box, #tnb .right_util #weather .weather-box .info{display:inline-block}
#tnb .right_util #weather .weather-box *{vertical-align:middle}
#tnb .right_util #weather .weather-box strong{display:inline-block;margin:0 5px 0 0;vertical-align:middle;color:#222222;font-size:13px;position:relative}
#tnb .right_util #weather .weather-box span{display:inline-block;vertical-align:middle;font-size:13px;color:#222222;font-weight:bold}
#tnb .right_util #weather .weather-box .ico{height:30px;margin:0 5px 0 0;background:url(../../../city/common/tmpl/skinB/imgs/weather.png)no-repeat;background-size:auto 40px;display:inline-block}
#tnb .right_util #weather .weather-box .ico1{width:24px}
#tnb .right_util #weather .weather-box .ico2{width:33px;background-position:-128px 0}
#tnb .right_util #weather .weather-box .ico3{width:38px;background-position:-191px 0}
#tnb .right_util #weather .weather-box .ico4{width:30px;background-position:-259px 0}
#tnb .right_util #weather .weather-box .ico5{width:31px;background-position:-327px 0}
#tnb .right_util #weather .weather-box .ico6{width:30px;background-position:-393px 0}
#tnb .right_util #weather, #tnb .lang{display:inline-block;position:relative;vertical-align:top}

#tnb .lang > button{line-height:50px;font-size:14px;color:#848787}
#tnb .lang button.clickClose{position:absolute;left:0;top:0;width:100%;line-height:50px;background:#fff;font-size:14px;color:#848787}
#tnb .lang button span{display:inline-block;width:12px;height:13px;margin:0 5px 0 0;background:url(../../../city/common/tmpl/skinD/imgs/lang.png)no-repeat;vertical-align:middle}
#tnb .lang > button em, #tnb .lang button.clickClose em{display:inline-block;width:4px;height:4px;margin:0 0 0 10px;border:solid #848787;border-width:0 1px 1px 0;font-size:0;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#tnb .lang button.clickClose em{border-width:1px 0 0 1px}
#tnb .lang > div{display:none}
#tnb .lang.on > div{display:block}
#tnb .lang > div .inner{position:absolute;left:0;top:50px;width:100%;z-index:999;background:#36a6a8}
#tnb .lang > div .inner span{display:block;width:100%;text-align:center}
#tnb .lang > div .inner span a{display:block;height:40px;line-height:40px;padding:0;color:#fff;font-size:14px}
#tnb .lang > div .inner span:not(:last-child) a{border-bottom:1px dashed rgba(255,255,255,.3)}
#tnb .lang > div .inner span a:before, #tnb .lang > div .inner span a:after{display:none}

#tnb .familysite{display:inline-block;margin-left:11px}
#tnb .familysite a{display:block;position:relative;padding:0 10px;line-height:50px;font-family:'gmarket';font-size:14px;color:#4f5757}
#tnb .familysite a:before{display:block;position:absolute;left:0;bottom:0;content:'';width:100%;height:1px;background:#2973d6}
#tnb .familysite span{display:inline-block;line-height:50px;font-family:'gmarket';font-size:14px;color:#2973d6}
#tnb .familysite em{display:inline-block;width:10px;height:10px;margin:-3px 0 0 10px;vertical-align:middle}

#ajaxLayer{position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.85)}

#top_layout{display:block;position:fixed;z-index:15;width:100%;text-align:center;background:#fff;border-bottom:1px solid #efefef}
#top_layout.on{z-index:9999}
#top_layout .top_wrap{height:110px;padding:0 40px}
#top_layout .top_wrap #logo{float:left;position:relative;z-index:9;vertical-align:top}
#top_layout .top_wrap #logo a{display:inline-block;position:relative;height:110px;line-height:110px;vertical-align:top}
#top_layout .top_wrap #logo a.logo_img{top:-3px}
#top_layout .top_wrap #logo a.logo_img span{display:inline-block;width:303px;height:34px;margin:0 10px 0 0;background-size:100% auto;background-repeat:no-repeat;background-image:url(../../../imgs/scurc/common/logo.png);font-size:0;vertical-align:middle}
#top_layout .top_wrap #logo a.logo_img em{display:inline-block;width:66px;height:20px;background-size:100% auto;background-repeat:no-repeat;background-image:url(../../../city/common/tmpl/skinB/imgs/logo_txt.png);background-image:url(../../../city/common/tmpl/skinB/imgs/logo_txt.svg);font-size:0;vertical-align:middle}
#top_layout .top_wrap #logo a.logo_txt{margin-left:25px;font-size:24px;font-family:'gmarket'}
#top_layout .top_wrap #logo a.logo_txt:before{display:block;position:absolute;left:-15px;top:50%;content:'';width:4px;height:4px;margin-top:-3px;border-radius:50%;background:#b2b1b1}
#top_layout .top_wrap .utile_wrap{float:right;position:relative;z-index:9;vertical-align:top}
#top_layout .top_wrap .utile_wrap li{display:inline-block;margin-left:28px;vertical-align:top}
#top_layout .top_wrap .utile_wrap li a,
#top_layout .top_wrap .utile_wrap li button{display:block;height:110px;font-size:0}
#top_layout .top_wrap .utile_wrap li.sns{line-height:83px}
#top_layout .top_wrap .utile_wrap li.sns a{display:inline-block;height:auto}
#top_layout .top_wrap .utile_wrap li.home svg{display:inline-block;width:18px;height:100%;vertical-align:middle}
#top_layout .top_wrap .utile_wrap li.search input{width:30px;height:110px;background:url(../../../imgs/kr/common/btn_search_open.png) 50% 50% no-repeat}
#top_layout .top_wrap .utile_wrap li.pc svg,
#top_layout .top_wrap .utile_wrap li.mo svg{display:inline-block;width:22px;height:100%;vertical-align:middle}
#top_layout .top_wrap .utile_wrap li.mo{display:none}
#top_layout.on + .gnb_bg{display:block;z-index:99}
#top_layout + .gnb_bg{display:none;position:fixed;top:90px;left:0;z-index:2;width:100%;height:100%;background:#000;opacity:0.5;content:'';transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out}

#top_layout.on .top_wrap .utile_wrap li.search input{background:url(../../../imgs/kr/common/btn_search_open_on.png) 50% 50% no-repeat}

.modal-open #top_layout .top_wrap #logo{z-index:-1}

#mainSearchDiv{width:100%;padding:30px 10px 30px 30px;position:absolute;left:0;top:110px;z-index:100;background:#0f75bc;display:none}
#mainSearchDiv #mainForm{position:relative;margin:0 auto;width:100%;max-width:720px}
#mainSearchDiv #mainForm #mainField{width:calc(100% - 49px);position:relative;text-align:left}
#mainSearchDiv #mainForm #mainField #qt{color:#fff;padding:0 10px;width:100%;height:50px;border:2px #fff solid;background:transparent}
#mainSearchDiv #mainForm #mainField #searchMainBtn{position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height:114px; background:url(../../../imgs/scurc/common/search_iconWhite.png) 50% 50% no-repeat}
#mainSearchDiv #mainForm .searchClose{display:block;z-index:1;position:absolute;right:4px;top:8px;width:40px;height:40px;border-radius:100%;text-indent:-9999px;background:url(../../../imgs/scurc/common/search_icon_closeWhite.png) no-repeat center}

#gnb_layout{display:block !important;overflow:hidden;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;min-height:110px}
.userMs #gnb_layout{transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out}
#gnb_layout:after{top:110px;width:100%;height:100%;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out}
#gnb_layout.open{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out}
#gnb_layout.open:after{position:absolute;top:111px;bottom:0;right:0;width:100%;height:auto;background:#fff;content:""}
#gnb_layout.open:before{display:block;content:''}
#gnb{position:absolute;top:0px;left:0;width:100%;height:110px;z-index:2}
#gnb_layout.action{position:relative;background-color:#fff}
#gnb_layout .layout{position:relative;max-width:1200px;height:100%;text-align:center}
#gnb{position:absolute;top:0;left:0;z-index:99;width:100%;height:110px;min-height:110px;background:#fff}
#gnb *{font-family:'gmarket','gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif !important;font-weight:500}
#gnb_layout .depth1_ul{display:inline-block;position:relative;width:auto;transition:all 0.3s;-webkit-transition:all 0.3s}

#gnb_layout .depth1_ul:after{display:block;content:'';clear:both}
#gnb_layout .depth1_ul>li{display:inline-block;float:left;width:auto;text-align:center;vertical-align:top;transition:all 0.3s;-webkit-transition:all 0.3s}

#gnb .gnb_wrap > .depth1_ul > li > .item .gnb-title{display:none}
#gnb .gnb_wrap > .depth1_ul > li > a{display:block;position:relative;width:100%;height:100%;transition:all 0.3s;-webkit-transition:all 0.3s}
#gnb .gnb_wrap > .depth1_ul > li > a > span{display:block;position:relative;width:100%;height:100%;line-height:114px;padding:0 40px;font-size:20px;color:#2f3236;letter-spacing:-0.02em;transition:all 0.3s;-webkit-transition:all 0.3s}
#gnb .gnb_wrap > .depth1_ul > li > a > span:before{display:block;position:absolute;left:100%;right:0;bottom:0;width:auto;height:3px;content:'';background:#1F58CB;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
#gnb .gnb_wrap > .depth1_ul > li.on > a> span:before{left:0}
#gnb .gnb_wrap > .depth1_ul > li > a[target="_blank"] > span:after{display:inline-block;width:11px;height:12px;margin:0 0 0 5px;background:url(../../../city/common/tmpl/skinB/imgs/target.png) no-repeat;border:0;border-radius:0;transform:none;content:'';vertical-align:middle}
#gnb .gnb_wrap > .depth1_ul > li > .item{position:relative;padding:40px 30px;transition:all 0.3s;-webkit-transition:all 0.3s}
#gnb .gnb_wrap > .depth1_ul > li > .item:after{display:block;position:absolute;content:'';right:0;top:40px;bottom:80px;width:1px;height:auto;background:#e4e4e4}
#gnb .gnb_wrap > .depth1_ul > li:last-child > .item:after{display:none}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul{height:100%;transition:all 0.3s;-webkit-transition:all 0.3s}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li{}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a{display:block;position:relative;margin:10px 0;font-size:15px;color:#100608;text-align:left}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a:hover, #gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a:focus{color:#0392d5}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a:after{display:block;position:absolute;content:'';left:100%;right:0;top:56%;width:auto;height:1px;background:#0392d5;transition:all 0.5s;-webkit-transition:all 0.5s}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a:hover:after, #gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a:focus:after{left:0}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a > span{display:inline-block;position:relative;padding:0 20px 0 0;background:#fff;font-size:17px;z-index:2;vertical-align:middle}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a[target="_blank"] > span:after{display:inline-block;position:absolute;top:7px;right:7px;width:11px;height:12px;margin:0 0 0 5px;background:url(../../../city/common/tmpl/skinB/imgs/target.png) no-repeat;border:0;border-radius:0;transform:none;content:'';vertical-align:middle}
#gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li .depth3_ul{display:none}



#body_layout{display:block;width:100%}

@media(max-width:1919px){
    #gnb_layout.open .depth1_ul{width:100%}
    #gnb_layout .depth1_ul>li, #gnb_layout.open .depth1_ul>li{float:none}
    #gnb_layout.open .depth1_ul.n3>li, #gnb_layout.open .depth1_ul.n4>li, #gnb_layout.open .depth1_ul.n5>li, #gnb_layout.open .depth1_ul.n6>li, #gnb_layout.open .depth1_ul.n7>li{    width:auto}
}

@media(max-width:1699px){
    .layout{max-width:100%;padding:0 40px}
}

@media(max-width:1480px){
	#gnb_layout .layout{margin-left:10%}
	#gnb .gnb_wrap > .depth1_ul > li > .item{padding:40px 20px}
    #gnb .gnb_wrap > .depth1_ul > li > a > span{padding:0}
    #gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a > span{padding:0 5px 0 0}
    
    @media(max-width:1330px){
        #gnb_layout .layout{margin-left:8%}
        #gnb .gnb_wrap > .depth1_ul > li > .item{padding:30px 10px}
        #gnb .gnb_wrap > .depth1_ul > li > .item .depth2_ul > li > a > span{font-size:15px}
    }
    @media(max-width:1279px){
        #tnb .familysite{display:none}
        #top_layout .top_wrap .utile_wrap li{display:none}
        #top_layout .top_wrap .utile_wrap li.pc{display:none}
        #top_layout .top_wrap .utile_wrap li.mo,
        #top_layout .top_wrap .utile_wrap li.search{display:inline-block}
        #gnb_layout{display:none !important}
    }
    @media(max-width:1023px){
        .layout{padding:0 30px}
        #top_layout .top_wrap{height:95px;padding:0 30px}
        #top_layout .top_wrap #logo a{height:95px;line-height:95px}
        #top_layout .top_wrap #logo a.logo_img span{}
        #top_layout .top_wrap #logo a.logo_img em{width:60px;height:18px}
        #top_layout .top_wrap #logo a.logo_txt{margin-left:25px;font-size:19px;font-family:'gmarket';letter-spacing:-1px}
        #top_layout .top_wrap .utile_wrap li a, 
        #top_layout .top_wrap .utile_wrap li button,
        #top_layout .top_wrap .utile_wrap li.search input{height:95px}
        #svisual_layout{padding-top:95px!important}
        #mainSearchDiv{top:95px}
    }
    @media(max-width:767px){
    	#top_layout{border-bottom:0}
        .layout{padding:0 20px}
        #tnb{display:none}
        #top_layout .top_wrap{padding:0 20px}
        #top_layout .top_wrap .utile_wrap li{margin-left:20px}
        #top_layout:before{content:'';position:absolute;left:0;top:calc(6.2rem + 1px);width:100%;height:1px;background:rgba(0,0,0,0.1);z-index:1}
        #top_layout .top_wrap #logo a.logo_img span{width:245px;height:27px}
    }
    @media(max-width:580px){
        #top_layout .top_wrap #logo a.logo_img span{margin:0}
        #top_layout .top_wrap #logo a.logo_img em{display:none}
        #top_layout .top_wrap #logo a.logo_txt:before{left:-18px}
    }
    
    @media (max-width:385px) {
	    #top_layout .top_wrap{height:85px}
    	#top_layout .top_wrap #logo a.logo_img span{width:180px;height:20px}
    	#mainSearchDiv{top:85px}
    }
    /* mobile menu */
    #mobile-menu{overflow:visible;padding:0 !important}
    #mobile-menu .modal-dialog{float:right;width:320px;height:100%;margin:0;border-radius:0;-webkit-transform:translate(25%,0);transform:translate(25%,0)}
    #mobile-menu.in .modal-dialog, #mobile-menu.show .modal-dialog{-webkit-transform:translate(0px,0);transform:translate(0px,0)}
    #mobile-menu .modal-dialog .modal-content{position:static;height:100%;padding:0;background:#fff;padding:105px 0 0;border-radius:0}
    #mobile-menu .modal-dialog .modal-content .topUtile{position:absolute;top:0;left:0;width:100%;height:105px}
    #mobile-menu .modal-dialog .modal-content .topUtile .familysite{background:#3e4651}
    #mobile-menu .modal-dialog .modal-content .topUtile .familysite a{display:block;position:relative;padding:0 25px;line-height:45px;font-family:'gmarket';font-size:14px;color:#fff;text-align:left}
    #mobile-menu .modal-dialog .modal-content .topUtile .familysite a:after{display:block;clear:both;visibility:hidden;content:''}
    #mobile-menu .modal-dialog .modal-content .topUtile .familysite span{display:inline-block;line-height:45px;font-family:'gmarket';font-size:14px;color:#fff}
    #mobile-menu .modal-dialog .modal-content .topUtile .familysite em{display:inline-block;float:right;width:10px;height:10px;margin:17.5px 0 0;background:url(../../../city/common/tmpl/skinB/imgs/menu2.png)no-repeat;vertical-align:middle}
    #mobile-menu .modal-dialog .modal-content .topUtile ul{padding-right:66px;text-align:right}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li{display:inline-block;margin-left:20px;vertical-align:top}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li a{display:block;height:60px;font-size:0}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.sns{display:inline-block;margin-left:0;vertical-align:top;line-height:33px;width:185px;text-align:left}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.sns a{display:inline-block;height:auto;font-size:0}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search svg{display:inline-block;width:21px;height:100%;vertical-align:middle}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search svg{display:inline-block;width:21px;height:100%;vertical-align:middle}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search{}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search svg{display:inline-block;width:21px;height:100%;vertical-align:middle}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search > button{height:60px;font-size:0}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search.on > button{display:none}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div{display:none;position:absolute;top:52px;right:54px}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search.on >div{display:block}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div .form_wrap{position:relative}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div span{}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div span input[type="text"]{display:block;width:255px;height:45px;line-height:45px;padding:0 0 0 15px;border:2px solid #00a0a0;box-sizing:border-box;color:#57554b}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div span input[type="submit"]{position:absolute;right:15px;top:0;width:21px;height:45px;background:url(../../../city/common/tmpl/skinA/imgs/search.png)no-repeat center;font-size:0}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div .clickClose{position:absolute;right:-45px;top:0;z-index:99;width:45px;height:45px;font-size:0;background:#fff}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div .clickClose:before, #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div .clickClose:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div .clickClose:before{width:22px;height:2px;background:#00a0a0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.search >div .clickClose:after{width:2px;height:22px;background:#00a0a0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.home svg{display:inline-block;width:18px;height:100%;vertical-align:middle}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.pc svg{display:inline-block;width:22px;height:100%;vertical-align:middle}
    #mobile-menu .modal-dialog .modal-content .modal-body{height:100%;padding:0;border-top:1px solid #e5e5e5}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul{overflow-y:scroll;overflow-x:hidden;height:100%;background:#fff;text-align:left}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li{position:relative}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a{display:block;padding:13px 25px;border-bottom:1px solid #e5e5e5}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before{display:block;content:'';position:absolute;right:22px;top:15px;width:23px;height:23px;border-radius:50%}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after{display:block;position:absolute;z-index:2;right:30px;top:20.5px;width:5px;height:5px;border-width:1px;border-style:solid;border-color:#cecece;border-width:0 2px 2px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);content:''}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov{background:#00a0a0}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before{}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after{top:21.5px;border-width:2px 0 0 2px;border-color:#fff}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov span{color:#fff}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a em{display:inline-block;color:#404751;font-size:15px;font-weight:500}
    #mobile-menu .modal-dialog .modal-content .modal-body .gnb-title{display:none}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul{display:block;width:100%;padding:10px;border-bottom:1px solid #e5e5e5;background:#f5f7fb}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li{display:block;width:100%;padding:5px 0}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a{display:block;position:relative;width:100%}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before{display:block;position:absolute;z-index:2;right:21px;top:14px;width:5px;height:5px;border-width:1px;border-style:solid;border-color:#cecece;border-width:2px 2px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);content:''}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a:before, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.ov:before{border-color:#fff}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov{background:#00a0a0}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a span, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span{position:relative;color:#fff}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:before, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:after{content:'';position:absolute;z-index:2;top:0;bottom:0;margin:auto;border:none;transform:none;-webkit-transform:none}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:before{right:17px;width:12px;height:2px;background:#c7c8cb}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:after{right:22px;width:2px;height:12px;background:#c7c8cb}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep.ov:before, #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.dep:before{background:#fff}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep.ov:after{display:none}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.dep:after{background:#fff}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span{display:block;line-height:1.4;padding:9px 45px 9px 25px;color:#45474b;font-size:14px;font-weight:500}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul{display:none;padding:20px 0 3px;margin:-15px 0 0;border:1px solid #00a0a0;background:#fff}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li{position:relative;margin:12px 0}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li a:after{display:block;position:absolute;left:25px;top:10px;width:2px;height:2px;border-radius:50%;background:#404751;content:''}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li a{display:block;padding-left:33px;font-size:14px;color:#3f4146}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li a span{display:block;font-size:14px;color:#404751}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li.on a{color:#00a0a0}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li.on a:after{background:#00a0a0}
    #mobile-menu .mobile-close{position:absolute;top:-42px;right:20px}
    #mobile-menu .mobile-close span{display:block;position:relative;width:22px;height:22px;font-size:0}
    #mobile-menu .mobile-close span:before, #mobile-menu .mobile-close span:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
    #mobile-menu .mobile-close span:before{width:100%;height:2px;background:#2f3236}
    #mobile-menu .mobile-close span:after{width:2px;height:100%;background:#2f3236}

    .modal-backdrop.in{opacity:.8;z-index:12}
    .modal-open, .modal-open #body_layout{overflow:hidden;height:100%}
    .modal-open #op_layout{z-index:1}

    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a[target="_blank"]:after{right:28px;width:11px;height:12px;background:url(../../../city/common/tmpl/skinB/imgs/target.png)no-repeat center;border:none;transform:none;-webkit-transform:none}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"]:before{top:11px;right:20px;width:11px;height:12px;background:url(../../../city/common/tmpl/skinB/imgs/target.png)no-repeat center;border:none;transform:none;-webkit-transform:none}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after{display:inline-block;content:'';width:11px;height:12px;margin:-1px 0 0 5px;background:url(../../../city/common/tmpl/skinB/imgs/target.png)no-repeat center;vertical-align:middle}

    body.health #tnb ul li:nth-child(4) a{font-weight:bold;color:#36a6a8}
    body.council #tnb ul li:nth-child(5) a{font-weight:bold;color:#36a6a8}
}