@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;padding:0 40px}
.layout:after{display:block;visibility:hidden;clear:both;content:""}

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

#tnb *{font-family:'sebang','gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif !important;font-weight:500}
#tnb{background:#fff;z-index:10;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/img/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:41px;top:13px}
#tnb .right_util a{padding:3px 0 2px 25px}
#tnb .right_util a:nth-child(1){margin-right:25px;background:url(/img/ko/main/ico_login.png) no-repeat 0 0}
#tnb .right_util a:nth-child(2){background:url(/img/ko/main/ico_mypage.png) no-repeat 0 0}


#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:relative;z-index:15;width:100%;text-align:center}
#top_layout.on{z-index:9999}
#top_layout .top_wrap{height:110px;padding:0 40px;transition:all .3s}
#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 span{display:inline-block;width:214px;height:56px;margin:0 10px 0 0;background-size:100% auto;background-repeat:no-repeat;background-image:url(/img/ko/common/logo.svg);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/img/logo_txt.png);background-image:url(/city/common/tmpl/skinB/img/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:'sebang'}
#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.search svg{display:inline-block;width:21px;height:100%;vertical-align:middle}
#top_layout .top_wrap .utile_wrap li.search{position:relative}
#top_layout .top_wrap .utile_wrap li.search svg{display:inline-block;width:21px;height:100%;vertical-align:middle}
#top_layout .top_wrap .utile_wrap li.search > button{}
#top_layout .top_wrap .utile_wrap li.search.on > button{display:none}
#top_layout .top_wrap .utile_wrap li.search >div{display:none;position:absolute;top:32.5px;right:34px}
#top_layout .top_wrap .utile_wrap li.search.on >div{display:block}
#top_layout .top_wrap .utile_wrap li.search >div .form_wrap{position:relative}
#top_layout .top_wrap .utile_wrap li.search >div span{}
#top_layout .top_wrap .utile_wrap li.search >div span input[type="text"]{display:block;width:235px;height:45px;line-height:45px;padding:0 0 0 15px;border:2px solid #00a0a0;box-sizing:border-box;color:#57554b}
#top_layout .top_wrap .utile_wrap li.search >div span input[type="submit"]{position:absolute;right:15px;top:0;width:21px;height:45px;background:url(/city/common/tmpl/skinA/img/search.png)no-repeat center;font-size:0}
#top_layout .top_wrap .utile_wrap li.search >div .clickClose{position:absolute;right:-45px;top:0;width:45px;height:45px}
#top_layout .top_wrap .utile_wrap li.search >div .clickClose:before, #top_layout .top_wrap .utile_wrap li.search >div .clickClose:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
#top_layout .top_wrap .utile_wrap li.search >div .clickClose:before{width:20px;height:2px;background:#00a0a0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#top_layout .top_wrap .utile_wrap li.search >div .clickClose:after{width:2px;height:20px;background:#00a0a0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#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.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}

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

#gnb_layout{display:block !important;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:160px;bottom:0;right:0;width:100%;height:auto;border-top:1px solid #e9e9e9;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:50px;left:0;z-index:99;width:100%;height:110px;min-height:110px;background:#fff}
#gnb *{font-family:'sebang','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:100%;transition:all 0.3s;-webkit-transition:all 0.3s}
#gnb_layout.open .depth1_ul{width:100%}
#gnb_layout .depth1_ul:after{display:block;content:'';clear:both}
#gnb_layout .depth1_ul>li{display:inline-block;float:left;width:25%;text-align:center;vertical-align:top;transition:all 0.3s;-webkit-transition:all 0.3s}
#gnb_layout .depth2_ul{display:none;position:relative;width:160px;height:150px;margin:-15px auto 0;padding:20px 0;background:#0070be;border-radius:15px}
/*#gnb_layout .depth2_ul:before{content:'';position:absolute;left:calc(50% - 10px);top:-10px;width:10px;height:10px;background:#0070be;border-radius:10px;border:2px solid #fff}*/
#gnb_layout .depth2_ul li{padding:0 20px}
#gnb_layout .depth2_ul li a span{display:block;padding:5px;color:#fff;font-size:16px;border-radius:30px;transition:all 0.3s}
#gnb_layout .depth2_ul li a:hover span{color:#0070be;background:#fff}
#gnb_layout.open .depth1_ul>li{text-align:left}
#gnb_layout.open .depth1_ul.n3>li{width:25%}
#gnb_layout.open .depth1_ul.n4>li{width:20%}
#gnb_layout.open .depth1_ul.n5>li{width:20%}
#gnb_layout.open .depth1_ul.n6>li{width:16.66%}
#gnb_layout.open .depth1_ul.n7>li{width:14.285714%}
#gnb_layout.open .depth1_ul{}



#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:110px;font-size:20px;color:#2f3236;letter-spacing:-0.02em;transition:all 0.3s;-webkit-transition:all 0.3s;text-align:center}
#gnb .gnb_wrap > .depth1_ul > li:hover > a > span{color:#0070be}
#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/img/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/img/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}
#gnb .gnb_wrap > .depth1_ul > li > .item{position:absolute}
#gnb .gnb_wrap > .depth1_ul.n3 > li > .item{width:25%}
#gnb .gnb_wrap > .depth1_ul.n3 > li.n1 > .item{left:0}
#gnb .gnb_wrap > .depth1_ul.n3 > li.n2 > .item{left:25%}
#gnb .gnb_wrap > .depth1_ul.n3 > li.n3 > .item{left:50%}
#gnb .gnb_wrap > .depth1_ul.n3 > li.n4 > .item{left:75%}
#gnb .gnb_wrap > .depth1_ul.n3 > li.n5 > .item{left:80%}
#gnb .gnb_wrap > .depth1_ul.n4 > li > .item{width:20%}
#gnb .gnb_wrap > .depth1_ul.n4 > li.n1 > .item{left:0}
#gnb .gnb_wrap > .depth1_ul.n4 > li.n2 > .item{left:25%}
#gnb .gnb_wrap > .depth1_ul.n4 > li.n3 > .item{left:50%}
#gnb .gnb_wrap > .depth1_ul.n4 > li.n4 > .item{left:75%}
#gnb .gnb_wrap > .depth1_ul.n5 > li > .item{width:20%}
#gnb .gnb_wrap > .depth1_ul.n5 > li.n1 > .item{left:0}
#gnb .gnb_wrap > .depth1_ul.n5 > li.n2 > .item{left:20%}
#gnb .gnb_wrap > .depth1_ul.n5 > li.n3 > .item{left:40%}
#gnb .gnb_wrap > .depth1_ul.n5 > li.n4 > .item{left:60%}
#gnb .gnb_wrap > .depth1_ul.n5 > li.n5 > .item{left:80%}
#gnb .gnb_wrap > .depth1_ul.n6 > li > .item{width:16.66%}
#gnb .gnb_wrap > .depth1_ul.n6 > li.n1 > .item{left:0}
#gnb .gnb_wrap > .depth1_ul.n6 > li.n2 > .item{left:16.66%}
#gnb .gnb_wrap > .depth1_ul.n6 > li.n3 > .item{left:33.32%}
#gnb .gnb_wrap > .depth1_ul.n6 > li.n4 > .item{left:49.98%}
#gnb .gnb_wrap > .depth1_ul.n6 > li.n5 > .item{left:66.64%}
#gnb .gnb_wrap > .depth1_ul.n6 > li.n6 > .item{left:83.3%}
#gnb .gnb_wrap > .depth1_ul.n7 > li > .item{width:14.285714%}
#gnb .gnb_wrap > .depth1_ul.n7 > li.n1 > .item{left:0}
#gnb .gnb_wrap > .depth1_ul.n7 > li.n2 > .item{left:14.285714%}
#gnb .gnb_wrap > .depth1_ul.n7 > li.n3 > .item{left:28.5714%}
#gnb .gnb_wrap > .depth1_ul.n7 > li.n4 > .item{left:42.85714%}
#gnb .gnb_wrap > .depth1_ul.n7 > li.n5 > .item{left:57.152856%}
#gnb .gnb_wrap > .depth1_ul.n7 > li.n6 > .item{left:71.438570%}
#gnb .gnb_wrap > .depth1_ul.n7 > li.n7 > .item{left:85.724284%}
#body_layout{display:block;width:100%}

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

@media(max-width:1750px){
	#gnb .gnb_wrap > .depth1_ul > li > a > span{font-size:18px}
    #gnb_layout .layout{max-width:1030px;padding:0 20px 0 80px}
}

@media(max-width:1279px){
	#tnb{display:none}
    #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{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:'sebang';letter-spacing:-1px}
    #top_layout .top_wrap .utile_wrap li a, #top_layout .top_wrap .utile_wrap li button{height:95px}
}

@media(max-width:767px){
    .layout{padding:0 20px}
    #top_layout .top_wrap{padding:0 20px}
    #top_layout .top_wrap .utile_wrap li{margin-left:20px}
}

@media(max-width:580px){
	.layout{padding:0 10px}
	#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}
}


/* sitemap menu */
#sitemap-menu{overflow:visible;padding:0 !important;font-family:'sebang';background:#0056aa}
#sitemap-menu .modal-dialog{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;margin:0 auto;border-radius:0}
#sitemap-menu .modal-dialog .modal-content{background:none}
#sitemap-menu .modal-dialog .modal-content .modal-body p{padding:0 50px 20px;margin-bottom:20px;color:#fff;font-size:40px;border-bottom:1px solid rgba(255, 255, 255, .3);text-align:left}
#sitemap-menu .modal-dialog .modal-content .modal-body .depth1_ul{display:flex;justify-content:center}
#sitemap-menu .modal-dialog .modal-content .modal-body .depth1_ul > li{padding:10px 50px}
#sitemap-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a{color:#fff;font-size:24px}
#sitemap-menu .modal-dialog .modal-content .modal-body .item{margin-top:20px}
#sitemap-menu .modal-dialog .modal-content .modal-body .depth2_ul > li{}
#sitemap-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a{color:#fff;font-size:18px}

#sitemap-menu .sitemap-close{position:absolute;right:30px;top:30px;width:6rem;height:6rem;cursor:pointer}
#sitemap-menu .sitemap-close .ico{position:absolute;left:50%;top:50%;width:50%;height:50%;transform:translate(-50%, -50%);fill:#fff;transition:transform 0.2s}
#sitemap-menu .sitemap-close .ico svg{width:100%;height:100%;fill:#fff;transition:transform 0.7s}


@media(max-width:1400px){
    /* mobile menu */
    #mobile-menu{overflow:visible;padding:0 !important;font-family:'sebang'}
    #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:'sebang';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:'sebang';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/img/menu2.png)no-repeat;vertical-align:middle}
    #mobile-menu .modal-dialog .modal-content .topUtile ul{position:relative;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.login_box{position:absolute;left:25px;top:15px;margin:0}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.login_box a{display:inline-block;margin-right:2px;padding:0 7px;height:30px;line-height:37px;border:1px solid #888}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.login_box a:last-child{}
    #mobile-menu .modal-dialog .modal-content .topUtile ul li.login_box a span{font-size:14px}
    #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/img/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:#0056aa}
    #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/img/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/img/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/img/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}
}