@charset "utf-8";

/* @import url("bxslider.css"); */

body { /*background: url(../images/common/bg_header.gif) repeat-x 0 0;overflow-x:hidden;*/}
#skipnavi  {position:absolute;width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-9999px;font-size:0;}
#pcwrap {display:none;}
#wrap {width:950px; margin: 0 auto; /* overflow:hidden;*/ position:relative;/*background:url(../images/common/seoul_topbar.gif) no-repeat 0 109px;*/}
#header {width:100%;max-width: 950px; height: 109px;}
#logo {margin-top:23px;width:35%;max-width:325px;float:left;text-align:left;}
#logo a img {max-width:228px; margin-left:40px;}
#searchWrap {width:34%;float:left;height:27px;margin-top:24px;position:relative;border:3px solid #0188cb}
#searchWrap ul.searchUL {min-width:250px;width:100%; overflow: hidden;height:24px; background: url(../images/main/btn_search_bg.gif) repeat-x top;overflow:hidden;}
#searchWrap li {float: left;  height: 24px;}
#searchWrap li.searchCate {width: 61px; height: 17px; padding: 7px 0 0 9px; cursor: pointer;background: url(../images/main/btn_search_back_left.gif) no-repeat 0 0;float:left;position:relative;z-index:3;}
#searchWrap li.input {width: 100%; height: 22px; padding-top: 2px;min-width:90px;position:absolute;left:0;z-index:1;}
#searchWrap li.input input {margin-left:65px;}
#searchWrap .btn {height: 27px; font-size: 0; line-height: 0;right:0px;position:absolute;z-index:3;}
#search_icon {position:absolute;left:32px;top:5px;}
#search_btn {display:none;position:absolute;z-index:2;left:0;top:0;}
#searchCate {margin:3px 0 0 2px;border:none}

#ly_searchCate {background: url(../images/main/ly_searchCate.gif) no-repeat 0 0;position: absolute; left: 0; top: -22px; width: 78px; height: 73px; display: none; z-index:99;}
#ly_searchCate ul {width: 60px; margin-left: 10px; margin-top: 10px;}
#ly_searchCate ul li {background: 0; height: 18px; width: 60px;}
#ly_searchCate ul li a {color: #5b5b5b;}
#ly_searchCate ul li a:hover {text-decoration: underline;}

.topoverwrap {height:109px;overflow:hidden;}
.utilwrap {height:23px;}
#util {float:right}
/* 2012-10-09 #util .utilUL {overflow: hidden; padding-left: 5px; background: #4c4c4c;border:1px solid #333;border-top:none;margin-top:2px;} */
#util .utilUL {overflow: hidden; /* padding-left: 5px; */ background: #f3f3f5;margin-top:3px;}

#util .utilUL li {float:left; padding: 4px 10px 0;/* 2012-10-09 */background: url(../images/main/util_li.gif) no-repeat right 6px}
#util .utilUL li a {color: /* #fff */ #505050; font: 12px/14px dotum;}
/* #util .utilUL li a.eng {font:10px/14px Verdana; position:relative; top:-1px; #top:0px;}
/* #util .language {width:74px;height:100px;overflow:hidden; background:url('/v2012/images/main/lang_back.png') no-repeat 0 0;padding-top:24px; position:absolute; top:-100px; right:5px; z-index:99;} */
/* #util .language ul li {height:15px;overflow:hidden;padding:0;margin:0;padding-left:8px;clear:both;width:58px;} */
#util .utilUL2Wrap {overflow: hidden; width: 280px; position:relative;}

/* 2012-10-09 */
#util .utilUL li.first{height:21px;color:#505050;background-color:#fff}
#util .utilUL li.last{margin-right:200px}

#newLang {position:absolute;right:10px;top:5px}


/* //2012-10-09 */
.popular {float:right;min-width:290px;width:30%;}
.popular .utilUL2 {margin-top: 40px; width: 95%; overflow: hidden;height:13px;max-width:280px;}
.popular .utilUL2 li {float: left; margin-right: 20px; height: 12px;}
.popular .utilUL2 li.first {background: url(../images/main/bul_star.gif) no-repeat 2px 0px; padding-left: 21px;}
.popular .utilUL2 li.last {margin-right: 0;}
.popular .utilUL2 li a {color: #636363; font-size: 11px;}

.popular .info120 {margin-top:40px; width:100%;overflow: hidden;height:13px;max-width:280px;font:12px verdana;}

#twitterWrap {width: 266px; border: 1px solid #767676; position: relative; margin-bottom: 10px;}
h3.twitter {background: #444;/*url(../images/main/twitter_bg.gif) no-repeat;*/ height: 22px; color: #fff; font-weight: bold; padding-left: 10px; padding-top: 9px;position:relative;left:-1px;top:-1px;width:258px;}
h3.twitter span.twitter_link {position:absolute;right:8px;top:5px;}
.twitterUL li {border-bottom: 1px solid #eaeaea; position: relative; padding: 7px 5px;}
.twitterUL li .name {font-weight: bold; color: #767676;}
.twitterUL li .id   {font-size: 11px; color: #767676;}
.twitterUL li .to   {font-size: 11px; color: #2b6edd;}
.twitterUL li .time {position: absolute; right: 5px; top: 5px; font-size: 11px; color: #767676;}
.twitterUL li p {padding-top: 7px; line-height: 14px;}

.seoulTwitterContWrap {position:relative; padding:7px 0 7px 5px;border-bottom:1px solid #eee;}
/*.seoulTwitterContWrap * {border:1px dotted #f00;}*/
.seoulTwitterId a {font-weight: bold; color:#2b6edd; font-weight:normal;/*background:url('/v2012/images/main/twitter_at.gif') no-repeat ;*/}
.seoulTwitterId a:hover {text-decoration: underline;}
.seoulTwitterName {color: #222;}
.seoulTwitterContent {padding-top: 7px; line-height: 14px; display: block;/* #padding-top:0; */}
.seoulTwitterContent .hashTag {color: #25a9d8;}
.seoulTwitterDate {position: absolute; right: 5px; top: 8px; font-size: 11px; color: #767676;text-align:right;background:#fff;width:40px;padding-left:5px;height:11px;overflow:hidden;}
.seoulTwitterDate:hover {width:85px;}
.seoulTwitterListUL li dl dd a.twitter_pic {display:none; border:1px solid red}

.seoulTwitterName {padding-right:5px;/*float:left;height:14px;overflow:hidden;#margin-top:-14px;*/}
.seoulTwitterId {/*height:14px;#padding-left:110px;*/}
.seoulTwitterContent {clear:both;width:240px;padding-top:2px;}
.seoulTwitterContent a {color:#2b6edd;}
.seoulTwitterContent a:hover {text-decoration: underline;}


.seoulTwitterWrap {/*overflow-x: hidden; overflow-y: scroll;*/overflow:auto; position: relative; /*width: px;*/ height: 300px; margin: 0 auto;
	border: 1px solid #ccc;
	/*scrollbar-face-color: #c0bebe;
	scrollbar-shadow-color: #c0bebe;
	scrollbar-highlight-color: #c0bebe;
	scrollbar-3dlight-color: #c0bebe;
	scrollbar-darkshadow-color: #eee;
	scrollbar-track-color: #eee;
	scrollbar-arrow-color: #1c1c1c;*/
}

/*ul {list-style: none !important; -webkit-list-style: none !important;}
ul, li, dd {margin: 0px !important; padding: 0px !important; -webkit-margin: 0px !important; -webkit-padding-start: 0px !important;}*/

.right_banner ul li a {border-bottom: 0;}



#gnb {width: 950px; position: relative; margin-top: 9px; margin-bottom: 20px; width: 950px;}
#gnb  a {width:217px; text-align:center; display:block;}
#gnbUL {position: absolute; left: 249px; top: 12px;}
#gnbUL li {float: left; font-size: 0; line-height: 0; padding-left: 10px; padding-right: 10px; background: url('../images/common/bg_gnb.gif') no-repeat right 2px;}
#gnbUL li.last {background: none;}
#searchBox  a {width:auto; text-align: left; display: inline;}
#searchBox  a,#gnbUL li a {width:auto; text-align: left; display: inline;}

#searchBox {position: absolute; right: 0; top: 12px;}

#btn_partAll {position: absolute; right: 0px; top: 0px;}
#btn_partAllclose {position: absolute; right: 0px; top: 0px;}
#searchWrap2 {background: url('../images/common/bg_searchWrap2.gif') no-repeat; width: 268px; height: 24px; right: 0; top: 0; position: relative; margin-bottom: 15px;}

#btnCb {padding-top:3px;margin-left:2px}

.search2 {width: 240px;height:20px; line-height: 24px; border: 0; margin:1px 0 0 3px; background: transparent;outline:none;}
.submitIpt {/* display: inline-block */ display: block; width: 20px; height: 24px; border:0; background: transparent; /*font-size:0; line-height:0;*/ cursor: pointer;}
#searchWrap3 {background: url('../images/common/bg_searchWrap3.gif') no-repeat; width: 211px; height: 24px; right: 0; top: 0; position: relative; margin:5px 0px 0px 4px;}
.search3 {width: 181px;height:20px; line-height: 24px; border: 0; margin:1px 0 0 3px; background: transparent;outline:none;}
.submitIpt3 {/* display: inline-block */ display: block; width: 20px; height: 24px; border:0; background: transparent; /*font-size:0; line-height:0;*/ cursor: pointer;}
#searchWrap_bg {background: url('../images/common/bg_searchWrap4.gif') repeat-x ; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; height:34px; border-bottom:1px solid #e5e5e5;}

#contentWrap {width: 950px; overflow: hidden;}
#content {width: 655px; float: left;}
#mainTopic {background: url('../images/main/bg_mainTopic.gif') no-repeat; width: 655px; height: 223px; margin-bottom: 35px;}
#mainTopicDL {margin-left: 4px; width: 647px; /*overflow: hidden;*/ padding-top: 4px;}
#mainTopicDL dt {width: 350px; float: left;}
#mainTopicDL dd {width: 297px; float: left;}
#mainTopicDL dd .tit {display: block; color: #3f3f3f; font-size: 14px; font-weight: bold; padding-top: 18px; width:295px; height: 25px; overflow:hidden;white-space:nowrap;/*text-overflow:ellipsis;*/}
#mainTopicDL dd .tit:hover {text-decoration: underline;}
#mainTopicDL dd .part {display: block; color: #767676; font-size: 11px; height: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*20131004 추가 */
#mainTopicDL dd .time {display: block; color: #767676; font-size: 11px; height: 40px;}
#mainTopicDL dd .topicCont {width: 290px;}
#mainTopicDL dd .topicCont a {color: #767676; line-height: 18px;}
#mainTopicDL .mainImgSize {width: 325px; height: 215px;}
.subImgSize {width: 158px; height: 108px;}

#main_news{position:relative;margin-top:10px;}
#main_news .btn_more{position: absolute;right: 5px;top: 1px;background: none !important;}
#newsDL {width: 655px; overflow: hidden; padding-top: 4px;}
#newsDL dt {width: 170px; float: left;}
#newsDL dt.tit {width: 100%;float: none}
#newsDL dt.tit .tit {display: block; color: #3f3f3f; font-size: 14px; font-weight: bold; height: 22px;}
#newsDL dd {width: 485px; float: left;}
#newsDL dd .tit {display: block; color: #3f3f3f; font-size: 14px; font-weight: bold; height: 22px;}
#newsDL dd .tit:hover {text-decoration: underline;}
#newsDL dd .part {display: block; color: #767676; font-size: 11px; height: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*20131004 추가 */
#newsDL dd .time {display: block; color: #767676; font-size: 11px; height: 20px;}
#newsDL dd .newsCont {width: 460px;}
#newsDL dd .newsCont a {color: #6f6f6f; line-height: 18px !important;}
.newsCont a {color: #6f6f6f; line-height: 18px !important;}
#newsDL dd div a {line-height: 18px !important;}

#recommWrap {width: 655px; overflow: hidden; margin-bottom: 23px;}
#recomminfoWrap {float: left; width: 332px;}
h3.recomminfo_tit {background: url('../images/main/bg_h3.gif') no-repeat -185px bottom; position: relative; height: 18px; color: #222; font-weight: bold; margin-bottom: 11px;}
h3.report_tit {background: url('../images/main/bg_h3.gif') no-repeat -185px bottom; position: relative; height: 18px; color: #222; font-weight: bold; margin-bottom: 11px;}
h3.event_tit {background: url('../images/main/bg_h3.gif') no-repeat -155px bottom; position: relative; height: 18px; color: #222; font-weight: bold; margin-bottom: 11px;}
h3.news_tit {background: url('../images/main/bg_h3.gif') no-repeat -200px bottom; position: relative; height: 18px; color: #222; font-weight: bold; margin-bottom: 11px;}
h3.media_tit {background: url('../images/main/bg_h3.gif') no-repeat -200px bottom; position: relative; height: 18px; color: #222; font-weight: bold; margin-bottom: 11px;}
h3.book_tit {background: url('../images/main/bg_h3.gif') no-repeat -213px bottom; position: relative; height: 18px; color: #222; font-weight: bold; margin-bottom: 11px;}

#recomminfoUL {width: 100%; overflow: hidden;}
#recomminfoUL li {width: 158px; float: left;}
#recomminfoUL li a.tit {display: block; color: #333; padding-top: 12px; height: 20px; font-weight: bold;}
#recomminfoUL li a.tit:hover {text-decoration: underline;}
#recomminfoUL li div a {color: #636363; line-height: 18px;}
.reportUL {width: 100%; overflow: hidden; margin-bottom: 20px;}
.reportUL li {background: url('../images/main/bul_rect1.gif') no-repeat 5px 9px; padding-left: 14px;}
.reportUL li a {color: #636363; line-height: 22px;}
.reportUL li a:hover {text-decoration: underline;}

#reportWrap {float: right; width: 296px;}

#tagDiv {clear:both;font-size: 14px; color: #767676; line-height: 15px; padding-top: 10px;}
#tagDiv li {float:left;padding-left:5px}
.tagDiv {clear:both;font-size: 14px; color: #767676; line-height: 15px; padding-top:5px;}
.tagDiv li {float:left;padding-left:5px;}
.tagDiv li a {white-space:nowrap; color:#767676; display:inline-block; padding:0 0.5em; line-height:18px; font-size:12px; background-color:#f4f6f7}
.tagDiv li a strong{ color:#0c82e9; font-weight:400;}
.tagDiv img{ vertical-align:middle;}

#newsULWrap {clear:both;background: url('../images/common/bg_dot.gif') repeat-x; margin-top: 14px;}
#newsUL {width: 100%;}
#newsUL li {background: url('../images/common/bg_dot.gif') repeat-x 0 bottom; position: relative;}
#newsUL li a {color: #3f3f3f; font-size: 12px; font-weight: bold; line-height: 35px;}
#newsUL li a:hover {text-decoration: underline;}
#newsUL li .date {color: #767676; font-size: 11px; position: absolute; right: 0; top: 10px;}
#mediaBookWrap {width: 655px; overflow: hidden; margin-top: 35px;}
#mediaWrap {float: left; width: 310px;}
#mediaUL {overflow: hidden;}
#mediaUL li {width: 147px; float: left;}
#mediaUL li a {display: block; text-align: center; color: #565656;}
#mediaUL li a.tit {margin-top: 10px;padding-left:12px;padding-right:11px;}
#mediaUL li a:hover {text-decoration: underline;}
#bookWrap {float: right; width: 310px;}
#bookDL {overflow: hidden;}
#bookDL dt {float: left; width: 63px; height: 96px; border: 1px solid #d8d8d8; padding: 4px; font-size: 0; line-height: 0; margin-right: 18px;}
#bookDL dd {float: left; width: 219px; position: relative;}
#bookDesc {background: url('../images/common/bg_dot.gif') repeat-x 0 bottom; padding-bottom: 5px; margin-bottom: 7px;}
#bookDesc #bookDown {position: absolute; right: 0; top: 20px;}
#bookDesc a.tit {color: #505050; font-weight: bold; display: block; margin-bottom: 5px;}
#bookDesc a.tit:hover {text-decoration: underline;}
.publish {color: #767676; font-size: 11px; letter-spacing: -1px; line-height: 16px;}
.bookCont {width: 100%; line-height: 16px; color:#646464;}
.bookCont a {color: #646464;}

/*���̵��*/
.content-side {position:relative;width: 268px; float: right; overflow:hidden;}
.sidebar_tit {color: #222; font-weight: bold; height: 19px; position: relative;}
.btn_tit {position: absolute; right: 0; margin-top:-18px;}

#topService {background: url('../images/main/bg_topService.gif'); width:270px; height: 120px; margin-bottom: 17px;}
#topServiceWrap {width:270px; height:120px; overflow: hidden; position: relative; }
.topServiceUL2UL {position: absolute;height:115px;padding-top:5px}
.topServiceUL2UL li {float:left;width: 98px; height: 40px; padding-left: 35px; overflow:hidden;}
/* #topServiceUL {width: 100%;height:115px; overflow: hidden; padding-top: 5px;} */
/* #topServiceUL li {float: left; width: 93px; height: 40px; padding-left: 41px; overflow:hidden;} */
.topServiceUL2UL li.type1 {background: url('../images/main/bg_type1.gif') no-repeat 10px 7px;}
.topServiceUL2UL li.type2 {background: url('../images/main/bg_type2.gif') no-repeat 10px 7px;}
.topServiceUL2UL li.type3 {background: url('../images/main/bg_type3.gif') no-repeat 10px 7px;}
.topServiceUL2UL li.type4 {background: url('../images/main/bg_type4.gif') no-repeat 10px 7px;}
.topServiceUL2UL li.type5 {background: url('../images/main/bg_type5.gif') no-repeat 10px 7px;}
.topServiceUL2UL li.type6 {background: url('../images/main/bg_type6.gif') no-repeat 10px 7px;}
.topServiceUL2UL li a {font-weight: bold; color: #4c4c4c; font-size: 11px; line-height:35px;}
.topServiceUL2UL li a:hover {color: #eb8105;}

#weekPopular {width: 268px; height: 149px; background: url('../images/main/bg_weekPopular.gif') no-repeat; margin-bottom: 17px;}
#weekPopular ul {padding-top: 1px;}
#weekPopular ul li {padding-left: 37px;}
#weekPopular ul li a {line-height: 29px; color: #6c6c6c;display:block;overflow:hidden;width:225px; white-space:nowrap; /* -o-text-overflow:ellipsis;	-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined;*/}
#weekPopular ul li a:hover {text-decoration: underline; color:#eb8105;}
#weekPopular ul li.rank1 {background: url('../images/main/bg_rank1.gif') no-repeat 12px 7px;}
#weekPopular ul li.rank1 a {color: #222; font-weight: bold;}
#weekPopular ul li.rank1 a:hover {color: #eb8105; font-weight: bold;}
#weekPopular ul li.rank2 {background: url('../images/main/bg_rank2.gif') no-repeat 12px 7px;}
#weekPopular ul li.rank3 {background: url('../images/main/bg_rank3.gif') no-repeat 12px 7px;}
#weekPopular ul li.rank4 {background: url('../images/main/bg_rank4.gif') no-repeat 12px 7px;}
#weekPopular ul li.rank5 {background: url('../images/main/bg_rank5.gif') no-repeat 12px 7px;}

#monthPopular {display:none;width: 268px; height: 149px; background: url('../images/main/bg_weekPopular.gif') no-repeat; margin-bottom: 17px;}
#monthPopular ul {padding-top: 1px;}
#monthPopular ul li {padding-left: 37px;}
#monthPopular ul li a {line-height: 29px; color: #6c6c6c;display:block;overflow:hidden;width:225px; white-space:nowrap; /*-o-text-overflow:ellipsis;	-moz-binding:url(js/ellipsis.xml#ellipsis)undefinedundefinedundefined;*/}
#monthPopular ul li a:hover {text-decoration: underline; color:#eb8105;}
#monthPopular ul li.rank1 {background: url('../images/main/bg_rank1.gif') no-repeat 12px 7px;}
#monthPopular ul li.rank1 a {color: #222; font-weight: bold;}
#monthPopular ul li.rank1 a:hover {color: #eb8105; font-weight: bold;}
#monthPopular ul li.rank2 {background: url('../images/main/bg_rank2.gif') no-repeat 12px 7px;}
#monthPopular ul li.rank3 {background: url('../images/main/bg_rank3.gif') no-repeat 12px 7px;}
#monthPopular ul li.rank4 {background: url('../images/main/bg_rank4.gif') no-repeat 12px 7px;}
#monthPopular ul li.rank5 {background: url('../images/main/bg_rank5.gif') no-repeat 12px 7px;}

.popularTab li{	list-style-type:none !important; float:left; width:132px; text-align:center; padding:5px 0; border:1px solid #ccc; border-bottom:none; color:#494949; cursor: pointer;background: #EEE;}
.popularTab .on{ background:#fff; font-weight:bold; color:#222;}
.popularTab .on a{ color:#222;}
.popularTab a {color:#666;}
.popularTab li:first-child{ border-right:none; width:133px;}
.popularTab:after{ content:""; clear:both; display:block;}

#serviceGo {border: 1px solid #bbb; background: #f9f9f9; padding: 5px 0; margin-bottom: 17px; overflow: hidden; width: 266px;position: relative; height: 181px;}
#serviceGoULWrap {width: 1000px;height:181px;overflow: hidden; position: relative;}
.serviceGoUL li {background: url('../images/main/bul_rect.gif') no-repeat 12px 9px; padding-left: 23px;}
.serviceGoUL li a {color: #6c6c6c; line-height: 25px; /* display: inline-block */ display: block; padding-right: 15px;}
.serviceGoUL li a.icon {background: url('../images/main/icon_seoul.gif') no-repeat right 5px;}
.serviceGoUL li a:hover {letter-spacing: -1px; font-weight: bold;}
.serviceGoUL li a.icon:hover {background: url('../images/main/icon_seoul_on.gif') no-repeat right 5px;}
.serviceGoUL2 {position: absolute; width:1000px;height:175px;}
.serviceGoUL2 li {width:268px; float: left;}
.serviceGoUL2 li span {background: url('../images/main/bul_rect.gif') no-repeat 12px 9px; padding-left: 23px; display: block; width: 245px; height: 25px;}
.serviceGoUL2 li span a {color: #6c6c6c; line-height: 25px; /* display: inline-block */ display:inline; padding-right: 15px;}
.serviceGoUL2 li span a.icon {background: url('../images/main/icon_seoul.gif') no-repeat right 0;}
.serviceGoUL2 li span a:hover {/*letter-spacing: -1px;*/ font-weight: bold;}
.serviceGoUL2 li span a.icon:hover {background: url('../images/main/icon_seoul_on.gif') no-repeat right 0;}

#tagCloud {border: 1px solid #bbb; background: #f9f9f9; padding: 5px; height: 65px; overflow: hidden;}
#tagCloud a {line-height: 23px !important; color: #505050 !important; /* display: inline-block */ display: block; margin-right: 10px !important; /*word-wrap: break-word !important;*/ white-space:nowrap;}
/* #tagCloudUL {width: 100%; overflow: hidden;}
#tagCloudUL li {float: left; margin-right: 10px !important;}
#tagCloudUL li a {line-height: 22px !important; color: #505050;}
#tagCloudUL li a.bold {font-weight: bold;}
*/
#tagCloud li {float: left; margin-right: 10px !important;}
#tagCloud li a {line-height: 22px !important; color: #505050;}
#tagCloud li a.bold {font-weight: bold;}


#utilWrap {border-top: 1px solid #4c4c4c; border-bottom: 1px solid #d6d6d6; background: #f9f9f9; padding: 20px 10px; position: relative; clear:both;}
.utilUL3 {max-width: 900px; overflow: hidden;}
.utilUL3 li {border-right: 1px solid #e6e6e6;}
.utilUL3 li.favor {float: left;padding-left:30px;margin-bottom:10px;}
.utilUL3 li.last {float: left;width: 155px;border-right: 0;padding-left:30px;margin-bottom:10px;}
h4.util {font-weight: bold; color: #4c4c4c; height: 20px;}
.utilUL4 {width:150px;height:178px;overflow:hidden;}
.w-2line {width:300px;}
.utilUL4 li {width: 150px; line-height: 18px; border-right: 0;float:left;height:18px;}
.infoUL li {width: 160px;}
.utilUL4 li a {color: #767676; font-size: 11px;}
.utilUL4 li a:hover {color: #767676;}
#utilWrap ul li .infoUL {height:auto; overflow:visible;}
#utilULDiv {width: 328px; overflow: hidden;}
#utilULDiv .util_l {float: left; width: 163px;}
#utilULDiv .util_r {float: left; width: 165px;}
#bntQR {color:#767676; cursor:pointer; font-size: 11px; padding-right:11px; background:url('/v2012/images/main/icon_view.gif') no-repeat right 0;}
#bntQR_on {font-size: 0; line-height: 0; position: absolute; right: 10px; top: -15px; display: none;}
#bgPng {position: absolute; bottom: 0; left: 0; background: url(../images/main/bg_twitter.png) no-repeat -1px 0; width: 268px; height: 23px;}

#footerWrap {position:relative; width: 100%; border-top: 1px solid #ddd; clear: both; margin-top: 40px;}
#footerWrap #footer {width: 950px; margin: 0 auto; text-align: center; position: relative; padding-top: 16px; height: 60px; font-size: 11px; color: #767676; line-height: 20px; clear:both;}
#footerWrap #footer .logo {position: absolute; left: 40px; top: 14px;}
#footerWrap #footer .cityhall {font-weight: bold; color: #767676;}

#rssUL {position: absolute; left: 750px; top: 5px; height: 18px; overflow: hidden; padding-top: 11px;}
#rssUL li {float: left; height: 12px; background: url('../images/common/bg_rssBar.gif') no-repeat 0 5px; padding-left: 10px; padding-right: 3px; padding-top: 3px;/* #padding-top: 2px; */ line-height:28px;}
#rssUL li img {margin-top: 3px;/* #margin-top: -4px;*/}
#rssUL li.first {background: url('/wp-content/themes/seoul/images/common/icon_rss.gif') no-repeat 0 3px;/*#background: url('../images/common/icon_rss.gif') no-repeat 0 1px;*/ padding-left: 22px;}

#rssUL2 {position: absolute; right: 0px; top: 22px; height: 18px; overflow: hidden; padding-top: 11px;}
#rssUL2 li {float: left; height: 12px; background: url('../images/common/bg_rssBar.gif') no-repeat 0 5px; padding-left: 10px; padding-right: 3px; padding-top: 3px; /* #padding-top: 2px; */line-height:28px;}
#rssUL2 li img {margin-top: 3px;/* #margin-top: -4px;*/}
#rssUL2 li.first {background: url('../images/common/icon_rss.gif') no-repeat 0 3px;/*#background: url('../images/common/icon_rss.gif') no-repeat 0 1px;*/ padding-left: 22px;}

.ipt00 {margin-bottom:0px;border:0;height:21px/*;#height:17px;#position:relative;#top:1px;*/}


#frmWrap {background: url('/v2012/images/main/bg_snsFrm.png') no-repeat 0 0; width: 396px; height: 583px; position: absolute; left: 50%; top: 150px; z-index:1000; display:none; margin-left:-200px;}
#btnClose2 {position: absolute; top: -10px; right: -10px;}
#snsWrap {width: 366px; height: 552px; position: absolute; top: 15px; left: 14px;}


#deemed {position:fixed; width:100%; background-color:#000;height:933px; left:0; top: 0; display:none; z-index:999;}


span.newcontent {position:absolute; right:4%; top:106px; display:block; width:27px; height:16px; background:url('/v2012/images/main/icon_new.png') no-repeat 0 0; text-indent:-1000px;z-index:1; display:none;}

/*��ü����Ʈcss*/
#fullsite_wrap{width:570px;color:#464646;}
#fullsite_wrap h1{width:570px;height:64px;background:url(/v2012/images/main/h1.gif) no-repeat left top;}
#fullsite_wrap h1 span{display:none;}

ul.fullsite {width:530px;margin:24px 0 0 39px;}
ul.fullsite li {float:left;width:100%;margin-top:15px;}
ul.fullsite li:first-child {margin-top:0;}
ul.fullsite li a {color:#464646;}
ul.fullsite li a:hover {text-decoration:underline;}
ul.fullsite_list {margin-top:10px;width:100%;overflow: hidden;margin-bottom:20px;}
ul.fullsite_list li {float:left;width:132px;height:20px; line-height:23px;letter-spacing:-1px;margin-top:0;}
ul.fullsite_list li a {color:#464646;}
ul.fullsite_list li img {vertical-align: middle;}

ul.fullsite_list2 {margin-top:10px;width:531px;overflow: hidden;margin-bottom:20px;}
ul.fullsite_list2 li {float:left;width:171px;height:20px; line-height:23px;letter-spacing:-1px;margin-top:0;}
ul.fullsite_list2 li a {color:#464646;}
ul.fullsite_list2 li img {vertical-align: middle;}

ul.fullsite_list li.width_min {width:160px;}
ul.fullsite_list li.width_max {width:200px;}


#mcs2_container {width:262px; height:300px; padding-left:3px;}
#mcs2_container .customScrollBox {position:relative;width:264px; height:100%; overflow:hidden;}
#mcs2_container .customScrollBox .container {position:relative; width:262px; top:0; float:left;}
#mcs2_container .customScrollBox .content {clear:both; position: relative;}
#mcs2_container .customScrollBox img {border:5px solid #fff;}
/*
#mcs2_container .dragger_container {background: #e5e5e5;position:relative; width:9px; height:100%; float:left; margin:1px 0 0 10px; cursor:pointer; }
#mcs2_container .dragger {position:absolute; width:8px; height:60px; overflow:hidden;  cursor:pointer;background:url('http://www.seoul.go.kr/v2012/images/main/twitter_bar.gif') no-repeat 0 center #4e4e4e;}
#mcs2_container .dragger_pressed {position:absolute; width:8px; height:60px; background:url('http://www.seoul.go.kr/v2012/images/main/twitter_bar.gif') no-repeat 0 center #4e4e4e;}
*/



.searchtxt {padding-top:17px; text-align:center;}

.gnbsingle div.gmbox {max-width:950px; width:950px; position:absolute; z-index:5; top:150px; left:0; border-top: 2px solid; border-bottom: 2px solid; background: #fff;}
.gnbsingle div.gmbox .gnb_2depth {position:absolute;top:0;left:0; padding-top:20px; width:100%;}
.gnbsingle div.gmbox .gnb_2depth li strong {border-left:3px solid #368abc; height:11px; display:block; margin-bottom:14px; padding-left:10px;}
.gnbsingle div.gmbox .gnb_2depth li {width:20%;}
.gnbsingle div.gmbox .gnb_2depth li .gnbSubUL2 li {clear:both; float:none; width:100%; font:11px/19px dotum; color:#767676; padding-left:20px; border:none;}
.gnbsingle div.gmbox .gnb_2depth li .gnbSubUL2 li a:hover {color:#555;}


.gnbsingle #gm_1 .gnb_2depth li strong {border-left:3px solid #368abc;}
.gnbsingle #gm_1 .gnb_2depth li strong a {color:#368abc;}
.gnbsingle #gm_2 .gnb_2depth li strong {border-left:3px solid #8bae07;}
.gnbsingle #gm_2 .gnb_2depth li strong a {color:#8bae07;}
.gnbsingle #gm_3 .gnb_2depth li strong {border-left:3px solid #e0621f;}
.gnbsingle #gm_3 .gnb_2depth li strong a {color:#e0621f;}
.gnbsingle #gm_4 .gnb_2depth li strong {border-left:3px solid #5886d5;}
.gnbsingle #gm_4 .gnb_2depth li strong a {color:#5886d5;}
.gnbsingle #gm_5 .gnb_2depth li strong {border-left:3px solid #bb365d;}
.gnbsingle #gm_5 .gnb_2depth li strong a {color:#bb365d;}


.gnbsingle .gmbox .infotype {width:99%; height:112px;background-color:#fff;margin-left:3px;}
.gnbsingle .gmbox .infotype li {width:8.2%; float: left;}
.gnbsingle .gmbox .infotype li a {width:100%; display:block; height:112px; position:relative; z-index:9;border-left:1px solid #eee;}
.gnbsingle .gmbox .infotype li a span.icon {width:42px;height:42px; overflow:hidden; display:block; position:absolute; top:20px; left:50%; margin-left:-21px; z-index:8; background:url('http://www.seoul.go.kr/v2012/images/common/new_icon_set.gif') no-repeat; cursor:pointer;}
.gnbsingle .gmbox .infotype li a span.txt {width:100%; position:absolute; top:75px; text-align:center; z-index:8; cursor:pointer; font:11px dotum; color:#cbc7c2;}
.gnbsingle .gmbox .infotype li a.On span.txt {color:#7e5420;}
.gnbsingle .gmbox .infotype li a span.txt span.brtag {display:block;text-align:center;}
.gnbsingle .gmbox .infotype li a span.txt span.brtag span {display:none;}
.gnbsingle .gmbox .infotype li.infotype_9 a span.txt span.brtag {letter-spacing:-1px;}
.gnbsingle .gmbox .infotype li.infotype_12 { width:9.7%;}
.gnbsingle .gmbox .infotype li.infotype_12 a span.txt span.brtag {letter-spacing:-2px;}


.gnbsingle .gmbox .infotype li.infotype_1 a span.icon {background-position:0 0;}
.gnbsingle .gmbox .infotype li.infotype_2 a span.icon {background-position:-50px 0;}
.gnbsingle .gmbox .infotype li.infotype_3 a span.icon {background-position:-100px 0;}
.gnbsingle .gmbox .infotype li.infotype_4 a span.icon {background-position:-150px 0;}
.gnbsingle .gmbox .infotype li.infotype_5 a span.icon {background-position:-200px 0;}
.gnbsingle .gmbox .infotype li.infotype_6 a span.icon {background-position:-250px 0;}
.gnbsingle .gmbox .infotype li.infotype_7 a span.icon {background-position:-300px 0;}
.gnbsingle .gmbox .infotype li.infotype_8 a span.icon {background-position:-350px 0;}
.gnbsingle .gmbox .infotype li.infotype_9 a span.icon {background-position:-400px 0;}
.gnbsingle .gmbox .infotype li.infotype_10 a span.icon {background-position:-450px 0;}
.gnbsingle .gmbox .infotype li.infotype_11 a span.icon {background-position:-500px 0;}
.gnbsingle .gmbox .infotype li.infotype_12 a span.icon {background-position:-550px 0;}
.gnbsingle .gmbox .infotype li.infotype_1 a.On span.icon {background-position:0 -50px;}
.gnbsingle .gmbox .infotype li.infotype_2 a.On span.icon {background-position:-50px -50px;}
.gnbsingle .gmbox .infotype li.infotype_3 a.On span.icon {background-position:-100px -50px;}
.gnbsingle .gmbox .infotype li.infotype_4 a.On span.icon {background-position:-150px -50px;}
.gnbsingle .gmbox .infotype li.infotype_5 a.On span.icon {background-position:-200px -50px;}
.gnbsingle .gmbox .infotype li.infotype_6 a.On span.icon {background-position:-250px -50px;}
.gnbsingle .gmbox .infotype li.infotype_7 a.On span.icon {background-position:-300px -50px;}
.gnbsingle .gmbox .infotype li.infotype_8 a.On span.icon {background-position:-350px -50px;}
.gnbsingle .gmbox .infotype li.infotype_9 a.On span.icon {background-position:-400px -50px;}
.gnbsingle .gmbox .infotype li.infotype_10 a.On span.icon {background-position:-450px -50px;}
.gnbsingle .gmbox .infotype li.infotype_11 a.On span.icon {background-position:-500px -50px;}
.gnbsingle .gmbox .infotype li.infotype_12 a.On span.icon {background-position:-550px -50px;}

/* 20131224 header footer renew */
#wrapper {position:relative; width:100%; min-width:1152px; z-index:1;}
#wrapper #head {position:relative;width:100%;/*height:113px;*/margin:0 auto; z-index:1000;}
#wrapper #contentWrap {width:1152px;margin:0px auto;padding:50px 0px 30px 0px;}

#global{position:relative; z-index:999; margin:0 auto; width:950px; height:32px;}
#global h1{float:left; padding-top:6px; width:106px; height:26px; border-left:1px solid #ddd; text-align:center;}
#global > ul{float:none;margin-left:642px;}
#global li{float:left; margin:7px 0 0 18px;}
#global li a{color:#333;}
#global li.translate{display:none;margin:7px 0 0 13px; padding:5px 0 0 28px; width:90px; height:20px; border: 1px solid #ccc; border-radius:15px; background:#fff url(/wp-content/themes/seoul/images/header/back_translate.gif) no-repeat 0 0; color:#666;}
#global li.foreign{position:relative; margin:7px 0 0 8px; width:142px;}
#global li.foreign a{display:block; padding:3px 0 0 29px; height:22px; color:#666;}
#global li.foreign a:hover{text-decoration: underline;}
#global li.foreign div.current_site{border:1px solid #ccc; border-radius:15px; background:#fff url(/wp-content/themes/seoul/images/header/select_arr_bottom.gif) 124px 10px no-repeat;}
#global li.foreign div.current_site a{position:relative; z-index:10; background:url(/wp-content/themes/seoul/images/header/flag_korea.png) no-repeat 4px center;}
#global li.foreign div.foreign_site{display:none; position:absolute; z-index:15; top:0; padding-bottom:2px; width:140px; border:1px solid #ccc; border-radius:12px; background:#fff url(/wp-content/themes/seoul/images/header/select_arr_top.gif) no-repeat 124px 10px;}
#global li.foreign div.foreign_site ul{float:none;}
#global li.foreign div.foreign_site ul li{float:none; margin:0;}
#global li.foreign div.foreign_site ul li.kor a{background:url(/wp-content/themes/seoul/images/header/flag_korea.png) no-repeat 4px center;}
#global li.foreign div.foreign_site ul li.eng a{background:url(/wp-content/themes/seoul/images/header/flag_eng.png) no-repeat 4px center;}
#global li.foreign div.foreign_site ul li.jap a{background:url(/wp-content/themes/seoul/images/header/flag_jap.png) no-repeat 4px center;}
#global li.foreign div.foreign_site ul li.ch a{background:url(/wp-content/themes/seoul/images/header/flag_chn.png) no-repeat 4px center;}
#global li.foreign div.foreign_site ul li.fra a{background:url(/wp-content/themes/seoul/images/header/flag_fra.png) no-repeat 4px center;}
#global li.foreign div.foreign_site ul li.spa a{background:url(/wp-content/themes/seoul/images/header/flag_spa.png) no-repeat 4px center;}

#gnb_part {position:relative; z-index:995; margin-top:0px; width:100%; min-width:950px; height:60px; background-color:#fff; border-width:0; border-style:solid;}

.title_sec {position:absolute; top:0; left:50%; margin-left:-550px;}
.title_sec .menu_view {position:absolute;right:72px;top:20px;}
.title_sec .menu_view a {display:inline-block;width:25px;height:25px;}
.btn_menu_close {background:url(/wp-content/themes/seoul/images/header/btn_menu_close.png) no-repeat;}
.title_sec h2 { position:relative; padding:0 70px 0 0; line-height:60px; color:#fff; font-size:30px; }
.title_sec h2 a{ color:#fff;}
.title_sec .gov:after {background-position:right 0;}
.title_sec .finance:after {background-position:right -63px;}
.title_sec .infra:after {background-position:right -131px;}
.title_sec .traffic:after {background-position:right -198px;}
.title_sec .health:after {background-position:right -268px;}
.title_sec .sculture:after {background-position:right -334px;}
.title_sec .env:after {background-position:right -410px;}
.title_sec .citybuild:after {background-position:right -481px;}
.title_sec .safe:after {background-position:right -555px;}
.title_sec .economy:after {background-position:right -628px;}
.title_sec .woman:after {background-position:right -688px;}
.title_sec .welfare:after {background-position:right 0;}

/* 2014-04-01 추가 */
#menu_view{display:block; position:absolute; top:20px; right:72px; width:25px; padding:0; height:25px; border:0; background:transparent; cursor:pointer;}
/*#menu_view::-moz-focus-inner{border:0; padding:0;}*/
#menu_view.btn_menu_close {background:url(/wp-content/themes/seoul/images/header/btn_menu_close.png) no-repeat;}

#search{position:absolute; width:248px; top:16px; right:50%; padding:0 28px 0 0; margin-right:-576px;  border-bottom:#fff 1px solid;}
#search .searchbox{float:left; margin-right:0; width:100%; height:30px;}
#search .searchbox option {background:#fff}
#search span.search_type{/*display:inline-block;*/ display:none; position:relative; float:left; margin-right:5px;padding-left:3px;width:73px; height:100%; overflow: hidden; line-height:30px; font-size:13px; background:url(/wp-content/themes/seoul/images/header/select_arr_bottom.gif) no-repeat 69px center;}
#search span.search_type select{/* -moz-appearance:none; -webkit-appearance:none;*/ border:0; position:relative; top:0px; width:100px; height:20px; border:0; color:#666; background:none; cursor:pointer; vertical-align:top;}
#search .lb-title {position:absolute; top:0; left:0; padding-left:0; width:190px; height:30px; line-height:29px;  color:#fff; font-size:14px; }
body.ie7 #search span.search_type select{top:0; width: auto;}
body.ie7 #search span.search_type{width: 90px;}
#search input{margin:0; width:100%; height:30px; line-height:30px; border:0; background-color:transparent;  color:#fff; font-size:14px;}
body.ie7 #search input{width: 110px;}
#search button{ position:absolute; top:0; right:0; margin:0; padding:0; width:28px; height:30px; border:0; background:url(/wp-content/themes/seoul/images/header/btn_search.png) 0 0 no-repeat;cursor:pointer;}

.sch-full{ background-color:#f4f6f7; padding:30px; border:#ddd 1px solid; margin:0 0 40px 0;}
.sch-full .inner{ margin:0 0 0 -1%; overflow:hidden;}
.sch-full .bt-sch{ float:left; width:10%; margin-left:1%; box-sizing:border-box; background-color:#fff; height:38px; min-width:60px; line-height:38px; border:#222 1px solid; padding:0; box-shadow:none; vertical-align:middle; font-size:14px; color:#222;}
.sch-full .bt-sch:before{ content:""; width:14px; height:14px; display:inline-block; background:url('../images/common/blt_sch.png'); vertical-align:middle; margin:-2px 5px 0 0;}
.sch-full .select{ float:left; width:15%; margin-left:1%; }
.sch-full .input{ float:left; width:40%; margin-left:1%; }
.sch-full.n1-search{ width:520px; margin:0 auto 40px; background-color:#fff; border:none; padding:0; }
.sch-full.n1-search .select,
.sch-full.n1-search .bt-sch{ width:80px;}
.sch-full.n1-search .input{ width:345px;}
.sch-full.n1-search.card-search {width: 430px}

#gnb_part .bt-menu{ position:absolute; top:26px; right:50%; margin:0 -576px 0 0; width:24px; height:24px; background-color:#fff; border:none; overflow:hidden; cursor:pointer;}
#gnb_part .bt-menu span{position:absolute; top:-9999px; right:-9999px;}
#gnb_part .bt-menu>i{ position:absolute; left:0; width:100%; height:2px; display:block; background-color:#222;}
#gnb_part .bt-menu>i:nth-child(1){ top:3px;}
#gnb_part .bt-menu>i:nth-child(2){ top:10px;}
#gnb_part .bt-menu>i:nth-child(3){ top:17px;}

/* google translate */
.goog-te-gadget-simple {border:0 !important;}
.goog-te-gadget-icon {display: none !important;}
.goog-te-menu-value span {display: none !important;}
.goog-te-menu-value span:first-child {font-size:12px !important; color:#666 !important; display: inline-block !important;position: relative !important; top: 0 !important;}
#google_translate_element {margin-top:-4px;}
.tooltip {overflow: hidden;}
.tooltip a {text-indent: -3000px;display: inline-block;}
.service_menu_search .tooltip a {width:16px;}
.tooltiptxt {border:1px solid #ddd; border-radius:5px; padding:10px; background-color: #fff; z-index:1001;max-width: 300px;}
.tooltiptxt span.arr {position: absolute; left:50%; margin-left:-13px; bottom:-6px;width: 11px; height: 7px; background: url(/wp-content/themes/seoul/images/header/tooltip_arr.gif) no-repeat;}
.popular_keyword {display: none;}

/* 2014-04-01 전체변경 */
#wrapper #gnb_menu {position:absolute; top:65px; left:0; width:100%; min-width:950px; text-align:center; font-size:11px; background:#b2afa3; height:0; overflow:hidden;}
#wrapper #gnb_menu ul {margin:0 auto; width:950px;padding-top:5px;}
#wrapper #gnb_menu ul:after {content:"";display:block;clear:both;}
#wrapper #gnb_menu li {float:left; margin-top:5px; padding:2px; width:75px; background-image:url(/wp-content/themes/seoul/images/header/gnb_back_icon2.png);background-repeat:no-repeat;}
#wrapper #gnb_menu li.submenu_1{background-position:0px 3px;}
#wrapper #gnb_menu li.submenu_2{background-position:-80px 3px;}
#wrapper #gnb_menu li.submenu_3{background-position:-160px 3px;}
#wrapper #gnb_menu li.submenu_4{background-position:-240px 3px;}
#wrapper #gnb_menu li.submenu_5{background-position:-320px 3px;}
#wrapper #gnb_menu li.submenu_6{background-position:-400px 3px;}
#wrapper #gnb_menu li.submenu_7{background-position:-480px 3px;}
#wrapper #gnb_menu li.submenu_8{background-position:-560px 3px;}
#wrapper #gnb_menu li.submenu_9{background-position:-640px 3px;}
#wrapper #gnb_menu li.submenu_10{background-position:-720px 3px;}
#wrapper #gnb_menu li.submenu_11{background-position:-800px 3px;}
#wrapper #gnb_menu li.submenu_12{background-position:-880px 3px;}
#wrapper #gnb_menu li a {display:inline-block; padding-top:68px; width:70px; height:33px; border:1px solid transparent; border-radius:10px; text-align:center; color:#fff;}
#wrapper #gnb_menu li a:hover {border:1px solid #fff; border-color:#fff;}
#wrapper #gnb_sec {position:relative;width:100%;min-width:950px; height:40px; background:#eee; border-top:none; border-bottom:none; z-index:990; box-sizing:border-box;}
#wrapper #gnb_sec .mdept { width:1152px; margin:0 auto;padding:0 0 0 12px;}
#wrapper #gnb_sec .mdept:after {content:"";display:block;clear:both;}
#wrapper #gnb_sec .mdept > li { float:left; margin-right:-10px;}
#wrapper #gnb_sec .mdept > li > a{display:inline-block; height:40px; line-height:40px; padding:0 20px;color:#222; border-radius:0; text-align:center; font-size:14px;}

#wrapper.env #gnb_sec .mdept,
#wrapper.culture #gnb_sec .mdept,
#wrapper.safe #gnb_sec .mdept{ padding:0 0 0 0;}

#wrapper.env #gnb_sec .mdept > li > a,
#wrapper.culture #gnb_sec .mdept > li > a,
#wrapper.safe #gnb_sec .mdept > li > a{ padding:0 30px;}

#wrapper.env #gnb_sec .mdept > li:first-child > a,
#wrapper.culture #gnb_sec .mdept > li:first-child > a,
#wrapper.safe #gnb_sec .mdept > li:first-child > a{ padding:0 30px;}

/* 서울비전 2020 메뉴 오픈시 주석 해제 2021-12-21 */
/*
#wrapper.gov #gnb_sec .mdept > li > a {padding: 0 15px;}
#wrapper.gov #gnb_sec .mdept > li:first-child > a {padding-left: 0;}
#wrapper.gov #gnb_sec .mdept > li:last-child > a {padding-right: 0;}
*/






#wrapper #gnb_sec .mdept.min-size > li > a{ padding:0 22px;}
#wrapper #gnb_sec .mdept > li > a:hover,
#wrapper #gnb_sec .mdept > li > a.on { background-color:#fff; font-weight:600; }
#wrapper #gnb_sec div.depth2{ position:absolute; display:block; border-bottom:1px solid #b2b2b2; border-top:none; background:#fff; right:0; top:40px; width:100%; padding:0 0 20px; box-shadow:0 5px 5px rgba(0,0,0,0.1); display:none;}
#wrapper #gnb_sec div.depth2 > .sdept { display:block; width:1152px; text-align:left;  margin:-15px auto 0; padding:0;}
#wrapper #gnb_sec div.depth2 > .sdept > li {display:inline-block !important;width:auto; padding:0 15px; max-width:200px; vertical-align:top; margin:0 !important;}
#wrapper #gnb_sec div.depth2 > .sdept > li >a { display:block !important; height:auto; padding:35px 0 10px; line-height:1.2; border-radius:0px !important; color:#222; font-weight:600; text-align:left;font-size:16px;}
#wrapper #gnb_sec div.depth3 > .sdept{ display:block; margin-top:0;}
#wrapper #gnb_sec div.depth3 > .sdept > li >a { display:block; font-size:14px; color:#767676; padding:5px 0; line-height:1.2; letter-spacing:-0.08em; text-align:left;}
#wrapper #gnb_sec .sdept li.display-none,
#wrapper #gnb_sec div.depth2 > .sdept li.display-none {display: none !important}


#wrapper #gnb_sec .mdept > li:nth-child(1) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(2) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(3) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(4) div.depth2 > .sdept{ text-align:left;}
#wrapper #gnb_sec .mdept > li:nth-child(5) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(6) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(7) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(8) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(9) div.depth2 > .sdept{ text-align:center;}
#wrapper #gnb_sec .mdept > li:nth-child(10) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(11) div.depth2 > .sdept,
#wrapper #gnb_sec .mdept > li:nth-child(12) div.depth2 > .sdept{ text-align:right;}

/* 분야별 정렬 */
#wrapper.traffic #gnb_sec .mdept > li:nth-child(4) div.depth2 > .sdept{ text-align:center;}
#wrapper.safe #gnb_sec .mdept > li:nth-child(4) div.depth2 > .sdept{ text-align:center;}

/* footer */
#footer { border-top: 1px solid #d0d0d0; }
#footer .footer-link ul { padding:15px 0; }
#footer .footer-link ul li { position: relative; float: left; padding: 0 10px; }
#footer .footer-link ul li:first-child { padding-left: 0; }
#footer .footer-link ul li:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 14px; margin-top: -6px; background: #dcdcdc; }
#footer .footer-link ul li:first-child:before { display: none; }
/*아래 폰트크기 15px->12px로 바꿈 2016-07-18 주미숙*/
#footer .footer-link ul li a { font-size: 12px; color:#636363;}
#footer .footer-link ul li.policy a {color:#000;font-weight: bold}
#footer .footer-link ul:after { display: block; content: ''; clear: both; }
#footer .footer-link .sns { position: absolute; top: 50%; right: 0; margin-top: -14px; overflow: hidden; font-size: 0; text-align: center; }
#footer .footer-link .sns a { display: inline-block; width:24px; height:24px; background: url(/wp-content/themes/seoul/images/common/icon_set_common.png) no-repeat; font-size: 0; text-indent: -9999em; }
#footer .footer-link .sns a + a { margin-left: 12px; }
#footer .footer-link .sns a.rss { background-position: -87px -73px;}
#footer .footer-link .sns a.fb { background-position: -171px -73px; }
#footer .footer-link .sns a.tw { background-position: -130px -73px;}

/* 2018-12-13 푸터 하단 SNS 추가 */
#footer .footer-link .sns-new a {background: url(/wp-content/themes/seoul/images/common/icon_set_sns_2020.png) no-repeat 0  0;}
#footer .footer-link .sns-new a.rss { background-position: 0 0;}
#footer .footer-link .sns-new a.fb { background-position: -25px 0;}
#footer .footer-link .sns-new a.tw { background-position: -50px 0;}
#footer .footer-link .sns-new a.ins { background-position: -75px 0;}
#footer .footer-link .sns-new a.ks { background-position: -100px 0;}
#footer .footer-link .sns-new a.yt { background-position: -125px 0;}
#footer .footer-link .sns-new a.bl { background-position: -150px 0;}

#footer .footer-link .sns-new a.rss:hover { background-position: 0 -25px;}
#footer .footer-link .sns-new a.fb:hover { background-position: -25px -25px;}
#footer .footer-link .sns-new a.tw:hover { background-position: -50px -25px;}
#footer .footer-link .sns-new a.ins:hover { background-position: -75px -25px;}
#footer .footer-link .sns-new a.ks:hover { background-position: -100px -25px;}
#footer .footer-link .sns-new a.yt:hover { background-position: -125px -25px;}
#footer .footer-link .sns-new a.bl:hover { background-position: -150px -25px;}


#footer .row .inner { padding: 22px 0; border-top: 1px solid #dcdcdc; }
#footer .row .inner > span.foo-logo{ margin-right: 40px; float:left; width: 108px; height: 45px; background: url(/wp-content/themes/seoul/images/common/icon_set_common.png) no-repeat -180px 0; }
#footer .row .inner .address { display: inline-block; vertical-align: top; }
#footer .row .inner .address p { padding-bottom:2px; font-size: 12px; color:#707070;line-height:16px;box-sizing:border-box}
#footer .row .inner .address p:after{ display: block; content: ''; clear: both; }
#footer .row .inner .address p strong { font-weight: normal; }
#footer .row .inner .address p .tel { font-size: 11px;}
#footer .row .inner .address .copy { font-size: 11px;}
#footer .row .inner .mark { position: absolute; top: 20px; right: 0; padding: 0; background: none; }
/*아래 css 추가 2016-07-16 주미숙*/
#footer .row .inner .mark a{display:inline-block;}
#footer .row .inner .mark a + a { margin-left: 10px; }
#footer .inner { position: relative; width: 1152px; margin: 0 auto; min-width: 1152px; }
#footer .inner:after { content: ''; display: block; clear: both; }
#footer .row .inner .address .map {font-size: 11px;font-weight:400;} /* 2019-03-13 */
/*스크린 리더 only*/
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }


/* 분야별 컬러 */
/* 복지 */
#head.welfare #gnb_part{ background-color:#d76000; }
#wrapper #head.welfare #gnb_sec .mdept > li > a:hover,
#wrapper #head.welfare #gnb_sec .mdept > li > a.on { color:#d76000; }
#wrapper #head.welfare #gnb_sec div.depth2{ border-bottom:#d76000 1px solid;}
#wrapper.welfare #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#d76000;}

/* 시정 */
#head.gov #gnb_part{ background-color:#028ab6; }
#wrapper #head.gov #gnb_sec .mdept > li > a:hover,
#wrapper #head.gov #gnb_sec .mdept > li > a.on { color:#028ab6; }
#wrapper #head.gov #gnb_sec div.depth2{ border-bottom:#028ab6 1px solid;}
#wrapper.gov #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#028ab6;}

/* 경제 */
#head.economy #gnb_part{ background-color:#069363; }
#wrapper #head.economy #gnb_sec .mdept > li > a:hover,
#wrapper #head.economy #gnb_sec .mdept > li > a.on { color:#069363; }
#wrapper #head.economy #gnb_sec div.depth2{ border-bottom:#069363 1px solid;}
#wrapper.economy #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#069363;}

/* 안전 */
#head.safe #gnb_part{ background-color:#e44869; }
#wrapper #head.safe #gnb_sec .mdept > li > a:hover,
#wrapper #head.safe #gnb_sec .mdept > li > a.on { color:#e44869; }
#wrapper #head.safe #gnb_sec div.depth2{ border-bottom:#e44869 1px solid;}
#wrapper.safe #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#e44869;}

/* 환경 */
#head.env #gnb_part{ background-color:#599100; }
#wrapper #head.env #gnb_sec .mdept > li > a:hover,
#wrapper #head.env #gnb_sec .mdept > li > a.on { color:#599100; }
#wrapper #head.env #gnb_sec div.depth2{ border-bottom:#599100 1px solid;}
#wrapper.env #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#599100;}

/* 문화 */
#head.culture #gnb_part{ background-color:#9b64d3; }
#wrapper #head.culture #gnb_sec .mdept > li > a:hover,
#wrapper #head.culture #gnb_sec .mdept > li > a.on { color:#9b64d3; }
#wrapper #head.culture #gnb_sec div.depth2{ border-bottom:#9b64d3 1px solid;}
#wrapper.culture #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#9b64d3;}

/* 주택 */
#head.citybuild #gnb_part{ background-color:#c35c3c; }
#wrapper #head.citybuild #gnb_sec .mdept > li > a:hover,
#wrapper #head.citybuild #gnb_sec .mdept > li > a.on { color:#c35c3c; }
#wrapper #head.citybuild #gnb_sec div.depth2{ border-bottom:#c35c3c 1px solid;}
#wrapper.citybuild #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#c35c3c;}

/* 교통 */
#head.traffic #gnb_part{ background-color:#337ee2; }
#wrapper #head.traffic #gnb_sec .mdept > li > a:hover,
#wrapper #head.traffic #gnb_sec .mdept > li > a.on { color:#337ee2; }
#wrapper #head.traffic #gnb_sec div.depth2{ border-bottom:#337ee2 1px solid;}
#wrapper.traffic #gnb_sec div.depth3 > .sdept > li >a:hover{ color:#337ee2;}

/* top area 180723*/
.top-area { position: relative; height: 48px; background: #fff; z-index:996;}
.top-area .inner { position: relative; width: 1152px; margin: 0 auto; min-width: 1152px; }
.top-area .inner:after { content: ''; display: block; clear: both; }
.top-area h1.logo { float: left; width: 101px; height: 27px; margin-top: 8px; }
.top-area h1.logo a { display: block; width: 105px; height: 27px; background: url(/wp-content/themes/seoul/images/common/icon_set_common.png) no-repeat -5px -165px; }
/* .top-area .gnb { float: left; width:calc(100% - 101px); width:-webkit-calc(100% - 101px); width:-moz-calc(100% - 101px); width:-ms-calc(100% - 101px); width:-o-calc(100% - 101px); } */
.top-area .gnb { float: left; width:calc(100% - 101px);}
.top-area .gnb>ul { float: left; }
.top-area .gnb>ul>li { float: left; margin-left: 20px; }
.top-area .gnb>ul>li:first-child {padding-left: 40px; margin-left: 30px; position: relative;}
.top-area .gnb>ul>li>a {font-size: 16px; height: 48px; line-height: 48px; font-weight:700; color:#222;}
.top-area .gnb>ul.other {float: right;}
.top-area .gnb>ul.other>li {float: left; padding:0 10px; margin:0;}
.top-area .gnb>ul.other>li>a {display: block; font-size:14px;}

/*분야별 정보*/
.info_cate{position:relative;}
.info_detail{display:none; position:absolute; top:48px; right:0;  box-sizing:border-box;}
.info_detail h1{background-color:#0d82e9; color:#fff; padding:10px 0; font-size:16px; padding-left:20px; margin:1px 1px 19px 1px;}
.info_detail h1 .btn_close{float:right; margin-right:14px; margin-top:3px; width:14px; height:14px; background:url(../images/btn_allmenu_close.png) no-repeat; background-size:100%; border:none;}
.info_detail .info_tit_h1{background-color:#0d82e9; color:#fff; padding:10px 0; font-size:16px; padding-left:20px; margin:1px 1px 19px 1px;}
.info_detail .info_tit_h1 .btn_close{float:right; margin-right:14px; margin-top:3px; width:14px; height:14px; background:url(../images/btn_allmenu_close.png) no-repeat; background-size:100%; border:none;}
.info_detail.on{width:200px; display:block; border:1px solid #959595;  background:#fff; z-index:996;}
.info_detail.on:before{content:''; position:absolute; width:20px; height:12px;  background:url(../images/bg_info_detail_arr.png) no-repeat; right:26px; top:-11px;}
.info_detail ul:after{content:''; display:block; clear:both;}
.info_detail ul{padding:0 31px; margin-left:-30px;}
.info_detail li{float:left; width:53px; height:80px; margin-left:30px;}
.info_detail li a{font-size:13px; font-weight:700; text-align:center; display:block; height:80px; padding-top:57px; box-sizing:border-box; color:#222;}
.info_detail li a:hover{color:#222;text-decoration:none;}
.info_detail li.house{background:url(../images/icon_house.png) no-repeat;}
.info_detail li.economy{background:url(../images/icon_economy.png) no-repeat;}
.info_detail li.traffic{background:url(../images/icon_traffic.png) no-repeat;}
.info_detail li.environment{background:url(../images/icon_environment.png) no-repeat;}
.info_detail li.welfare{background:url(../images/icon_welfare.png) no-repeat;}
.info_detail li.safty{background:url(../images/icon_safty.png) no-repeat;}
.info_detail li.culture{background:url(../images/icon_culture.png) no-repeat;}
.info_detail li.work{background:url(../images/icon_work.png) no-repeat;}
.info_detail .view_all{border-top:1px dashed #c9c9c9; margin:7px 13px 0 13px; padding:13px 0 15px 0;}
.info_detail .view_all > a{display:block; width:100%; text-align:center; color:#313131; font-size:15px; font-weight:700;}

#gnb-section {float:right;}
#gnb-section h2 {position:relative; z-index:2; width:106px; height:32px; border-width:0 1px; border-style:solid; border-color:#ddd; background:#fff;}
#gnb-section h2 a {display:block; padding:8px 0 0 16px; width:90px; height:24px; background:#fff url(/wp-content/themes/seoul/images/header/arrow_gnbsection_dn.gif) 86px 15px no-repeat; font-size:13px; letter-spacing:-1px; font-weight:bold; color:#0d0705;}
#gnb-section h2.on{height:33px;}
#gnb-section h2.on a {background:#fff url(/wp-content/themes/seoul/images/header/arrow_gnbsection_up.gif) 86px 15px no-repeat;}
#gnb-section .holder {position:absolute; top:32px; left:0; z-index:1; width:950px; height:0; overflow:hidden; background:#fff;/* -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.11);*/ box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.11);}
#gnb-section #sectionav {padding:7px 0 0 0; width:950px; border-top:1px solid #ddd;}
#gnb-section #sectionav ul {float:none; padding:6px 9px 0 8px; width:644px; height:55px; overflow:hidden; border-right:1px solid #e7e7e7;}
#gnb-section #sectionav li {float:left; margin:0; width:53px; font-size:12px; letter-spacing:-1px;/*word-break:break-all; */white-space:nowrap;}
#gnb-section #sectionav li.section5 {letter-spacing:-3px;}
#gnb-section #sectionav li a {display:block; position:relative; width:100%; height:50px; text-align:center; color:#666; cursor:pointer;}
#gnb-section #sectionav li a span {display:block;}
#gnb-section #sectionav li a span.icon {margin:0 auto; width:31px; height:32px; background-image:url(/wp-content/themes/seoul/images/header/sp-seoulsection.png); background-repeat:no-repeat;}
#gnb-section #sectionav li.section1 a span.icon {background-position:0 0;}
#gnb-section #sectionav li.section2 a span.icon {background-position:0 -32px;}
#gnb-section #sectionav li.section3 a span.icon {background-position:0 -64px;}
#gnb-section #sectionav li.section4 a span.icon {background-position:0 -96px;}
#gnb-section #sectionav li.section5 a span.icon {background-position:0 -128px;}
#gnb-section #sectionav li.section6 a span.icon {background-position:0 -160px;}
#gnb-section #sectionav li.section7 a span.icon {background-position:0 -192px;}
#gnb-section #sectionav li.section8 a span.icon {background-position:0 -224px;}
#gnb-section #sectionav li.section9 a span.icon {background-position:0 -256px;}
#gnb-section #sectionav li.section10 a span.icon {background-position:0 -288px;}
#gnb-section #sectionav li.section11 a span.icon {background-position:0 -320px;}
#gnb-section #sectionav li.section12 a span.icon {background-position:0 -352px;}
#gnb-section #sectionav li a span.text {display:inline-block; position:absolute; padding-top:4px; width:60px; left:50%; margin-left:-30px;}
#gnb-section .servicemap {margin-top:8px; padding-left:18px; height:25px; background:#f8f8f8; line-height:24px;}
#gnb-section .servicemap a {padding-right:8px; background:url(/wp-content/themes/seoul/images/header/arrow-servicemap.gif) right center no-repeat; font-size:11px; letter-spacing:-1px; color:#666;}
#gnb-section #sectionbanner{position:absolute; top:7px; right:29px; width:230px; height:61px;}
#gnb-section button.sectionexit{position:absolute; right:6px; bottom:4px; margin:0; padding:0; width:17px; height:17px; border:0; background:url(/wp-content/themes/seoul/images/header/btn-section-close.gif) 0 0 no-repeat; cursor:pointer;}
/*#gnb-section button.sectionexit::-moz-focus-inner{border:0; padding:0;}*/

/* seoul-news */
.seoul-news{width:480px;position:absolute;left: -15px;top: -4px;z-index:999;}

/* env 미세먼지 추가 */
.fine-dust-wrap{position:relative; margin-bottom:15px;overflow:hidden;clear:both;}
.fine-dust-title{float:left;}
.fine-dust-info{float:left;width:177px;height:53px;border:1px solid #53a2db;border-left:0px;}
dl.fine-dust-text{float:left;width:80px;text-align:center;margin:6px 0px 0px 12px;}
dl.fine-dust-text.two{width:66px;margin-left:7px;}
dl.fine-dust-text dt{font-size:11px;color:#666;margin-bottom:3px;}
dl.fine-dust-text dd.air-txt-one{font-size:13px;color:#006dc2;font-weight:bold;line-height:24px;background:#e9f2fb;width:auto;border-radius:4px}
dl.fine-dust-text dd.air-txt-one a{color:#006dc2;}
dl.fine-dust-text dd.air-txt-one span{font-size:16px;}
dl.fine-dust-text dd.air-txt-two{font-size:14px;color:#618521;font-weight:bold;line-height:24px;background:#eff3e0;width:66px;border-radius:4px}
dl.fine-dust-text dd.air-txt-two a{color:#618521;}

/* 공통gnb */
.seoul-common-wrap{position:relative;z-index:1000;height:30px;background:#5474c0;}
.seoul-common-wrap .seoul-common-inner{position:relative;width:100%;max-width:950px;margin:0 auto;}
.seoul-common-wrap .seoul-common-inner h1{width:80px;float:left;margin:4px 0px 0px 3px;}
.seoul-common-wrap .seoul-common-inner h1 img{width:100%;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb{float:right;border-left:1px solid #3e5fab;border-right:1px solid #779bd5;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb > li{position:relative;float:left;width:55px;height:30px;background-image:url(//www.seoul.go.kr/v2016/images/main/icon-gnbmenu.png);background-repeat:no-repeat;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb > li.news{background-position:3px 0px;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb > li.eungdapso{background-position:-55px 0px;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb > li.opengov{background-position:-108px 0px;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb > li.more{background-position:-158px 0px;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb > li > a{display:block;height:30px;text-indent:-9999px;border-left:1px solid #779bd5;border-right:1px solid #3e5fab;}
.seoul-common-wrap .seoul-common-inner .seoul-common-gnb > li > button{display:block;width: 55px;height:30px;text-indent:-9999px;border: 0;background: transparent;border-left:1px solid #779bd5;border-right:1px solid #3e5fab;cursor: pointer}

.seoul-gnb-menu-section {display:none;position:absolute; top:36px; right:-1px; z-index:11111;width:264px; border:1px solid #9b9b9b; box-shadow:0px 3px 6px 0px rgba(0,0,0,0.2);background:#fff;letter-spacing:-1px}
.seoul-gnb-menu-section:before {content:" "; position:absolute; top:-7px; right:19px; margin:0; padding:0; width:12px; height:7px; overflow:hidden; background:url(//www.seoul.go.kr/v2016/images/main/ico-sprite-common-gnb.png) -40px -53px;}
.seoul-gnb-menu-section dl {margin:0; padding:0;}
.seoul-gnb-menu-section dt {margin:0; padding:11px 10px 6px 10px; border-bottom:1px solid #d0d0d0; color:#033333;font-size:16px;}
.seoul-gnb-menu-section dd {margin:0; padding:0;}
.seoul-gnb-menu-section ul {position:relative; margin:0; padding:12px 0; overflow:hidden; list-style:none;}
.seoul-gnb-menu-section ul:before {content:" "; position:absolute; top:0; bottom:0; left:50%; margin-left:-1px; width:1px; background:#d0d0d0;}
.seoul-gnb-menu-section li {float:left; margin:0; padding:0; width:50%; list-style:none;}
.seoul-gnb-menu-section li a {display:block; padding:4px 0 4px 10px; font-size:13px;color:#333;}
.seoul-gnb-menu-section li a span {display:inline-block; margin-right:5px;}
.seoul-gnb-menu-section p {margin:0; padding:0; background:#eee; text-align:center;}
.seoul-gnb-menu-section p a {display:block; padding:9px 0; color:#3399d7;}
.seoul-gnb-icon-link, .seoul-gnb-icon-notice, .seoul-gnb-icon-menu1, .seoul-gnb-icon-menu2,
.seoul-gnb-icon-menu3, .seoul-gnb-icon-menu4, .seoul-gnb-icon-section1, .seoul-gnb-icon-section2,
.seoul-gnb-icon-section3, .seoul-gnb-icon-section4, .seoul-gnb-icon-section5, .seoul-gnb-icon-section6,
.seoul-gnb-icon-section7, .seoul-gnb-icon-section8, .seoul-gnb-icon-section9, .seoul-gnb-icon-section10,
.seoul-gnb-icon-section11, .seoul-gnb-icon-section12, .seoul-gnb-icon-service {display:block; overflow:hidden; vertical-align:middle; background-image:url(//www.seoul.go.kr/v2016/images/main/ico-sprite-common-gnb.png);text-indent:-9999px;}
.seoul-gnb-icon-section1 {width:20px; height:20px; background-position:0 -60px;}
.seoul-gnb-icon-section2 {width:20px; height:20px; background-position:-20px -60px;}
.seoul-gnb-icon-section3 {width:20px; height:20px; background-position:-40px -60px;}
.seoul-gnb-icon-section4 {width:20px; height:20px; background-position:-60px -60px;}
.seoul-gnb-icon-section5 {width:20px; height:20px; background-position:-80px -60px;}
.seoul-gnb-icon-section6 {width:20px; height:20px; background-position:-100px -60px;}
.seoul-gnb-icon-section7 {width:20px; height:20px; background-position:0 -80px;}
.seoul-gnb-icon-section8 {width:20px; height:20px; background-position:-20px -80px;}
.seoul-gnb-icon-section9 {width:20px; height:20px; background-position:-40px -80px;}
.seoul-gnb-icon-section10 {width:20px; height:20px; background-position:-60px -80px;}
.seoul-gnb-icon-section11 {width:20px; height:20px; background-position:-80px -80px;}
.seoul-gnb-icon-section12 {width:20px; height:20px; background-position:-100px -80px;}
.seoul-gnb-icon-service {display:inline-block; width:36px; height:21px; background-position:-120px -60px;}
.seoul-gnb-icon-close{position:absolute;right:10px;top:10px;z-index:11111;width:17px;height:17px;background:url(//www.seoul.go.kr/v2016/images/main/ico-sprite-common-gnb.png) no-repeat -176px -60px}
.seoul-gnb-icon-close a{width:17px;height:17px;display:block;text-indent:-9999px}
.seoul-gnb-icon-close button{width:17px;height:17px;display:block;text-indent:-9999px;border: 0;background-color: transparent;cursor: pointer}

.seoul-common-inner #gnb{position:absolute;left:180px;top:6px;z-index:1;width:500px;margin:0px;}
.seoul-common-inner #gnb > ul { float:left;}
.seoul-common-inner #gnb li{float:left;padding:0px 7px}
.seoul-common-inner #gnb li a{display:block;width:auto;color:#E5EEF6;font-size:14px;font-weight: bold;letter-spacing:-1px}
.seoul-common-inner #gnb .gnb-other{float:left;padding-left:5px;border-left:1px solid #92adda;}
.seoul-common-inner #gnb .gnb-other li{float:left;padding:0px 7px}

/* 2017-03 분야별 메인 리뉴얼 */
#content.new-2017 {width:100%;float: none;letter-spacing: -0.075em;}
.new-2017 #mainTopic {background:none; width:718px;height: auto;margin-bottom :0}
.section-wrap:before, .section-wrap:after {content: " ";display:table;padding:0}
.section-wrap:after {clear:both}
.main-section .section {float: left;margin: 0 0 10px 55px}
.main-section .section:first-child {margin-left: 0;}
.main-section .column1 {width: 377px}
.main-section .column2 {width: 718px}
.main-section .column3 {width: 1152px;margin: 0;float: none}
.main-section .section h3 {margin:30px 0 0px;color: #333333;font-size: 25px;font-weight: bold;letter-spacing: -0.075em;}
.main-section .section.column3 h3 {margin-bottom: 3px;}
/* 이슈리스트 */
.issue-list{ padding-top:20px;}
/* #wrapper.env .issue-list{ padding-top:0;} */
.issue-list li + li{margin-top:32px;}
.issue-list li img {width: 377px; height:82px;}
.issue-list li:first-child {margin-top: 0}
/* 컨텐츠 box */
#mainNews, #mainPress {position: relative;}
.cont-wrap {min-height: 260px;padding:0; box-sizing: border-box}
.cont-wrap .no-result {color:#333333;font-size: 14px;font-weight: bold}
/* 새소식 dl */
.news-first {position: relative; border-bottom: 1px solid #ddd; padding:10px 0 22px; box-sizing:border-box;}
.news-first *{ box-sizing:border-box;}
.news-first a {display:table; width:100%; table-layout:fixed;overflow: hidden;}
.news-first a>*{ display:table-cell; vertical-align:top; }
.news-first a>.thum{ width:230px;}
.news-first a>.thum img{ width:210px; height:116px; display:block;}
.news-first a>.tbx{ padding:0 80px 12px 0;}
.news-first a>.tbx .tit{ font-size:16px; color:#555; display:block; margin:0 0 10px 0; font-weight:600;}
.news-first a>.tbx .txt{ font-size:14px; }
.news-first a>.tbx .date{ font-size:14px; position: absolute;top:10px; right:0; display:inline-block;letter-spacing: 0; }
.news-first a #newsTop {width: 100%}
.news-first a #newsTop dd p {min-height: 42px;}
.news-first a img + #newsTop {float: left;width: 410px;}
.news-first a:hover,
.news-first a:hover .tit{ color:#000;}
.news-list li a:hover{ color:#000;}
#newsTop dt {margin-bottom: 10px;color: #333;font-size: 17px;font-weight: bold;line-height: 1.3}
#newsTop dt.tit {padding-right: 80px;}
#newsTop dd {color: #666;font-size: 14px;line-height: 1.5}
#newsTop dd.date {position: absolute;top: 3px;right: 0;}
/* list */
.news-list li {position: relative; height:37px; border-bottom:#ddd 1px solid; box-sizing:border-box;}
.news-list li a  {position: relative; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; padding: 0 80px 0 0;color:#555;font-size: 14px; line-height:37px;}
#mainPress .news-list li a { padding:0;}
.news-list li span.date {position: absolute;top: 0px;right: 0;width: 80px;color: #666;font-size: 14px;font-weight: normal;letter-spacing: 0;text-align: right}
/* common */
.title-ellipsis {display:inline-block; overflow:hidden; width:98%; white-space:nowrap; padding-left:0; text-overflow:ellipsis;word-wrap:normal;}
.btn-more {position: absolute;top: 8px;right: 0;width: 30px;height: 28px;background: url(/wp-content/themes/seoul/images/main/2017/icon_sprite.png) no-repeat 0 0;text-indent: -9999em}
.icon-plus {display: inline-block;width: 8px;height: 8px;margin-left: 3px;background: url(/wp-content/themes/seoul/images/main/2017/icon_sprite.png) no-repeat -3px -32px;vertical-align: middle}
/* 서비스 바로가기 */
#sectionService {position: relative;}
.btn-all-relative {position: absolute; top:0; right:1px; padding: 3px 0 5px;color:#666;font-size: 14px;}
.btn-all-relative:after{ content:""; display:inline-block; width:7px; height:7px; vertical-align:middle; margin-left:5px; margin-top:-3px; border-top:#666 1px solid; border-right:#666 1px solid; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.table-row {display: table;width: 100%;}
.table-row .table-cell {display: table-cell;}
.table-row .cell1 {width: 140px;padding: 0 5px 0;border-bottom: 1px solid #fff;text-align: center;vertical-align: middle;box-sizing: border-box;}
.table-row .cell1 h4 {font-size: 16px;color: #fff;letter-spacing: -1px}
.table-row .cell2 {padding: 10px;border-bottom: 1px solid #e4e4e4;vertical-align: middle}
.table-wrap .table-row:first-child .cell2, .table-row1 .cell2 {border-top: 1px solid #e4e4e4}
.table-row .cell2 a {display: inline-block;width: 25%;margin-left: -4px;padding: 5px 0 5px 10px;box-sizing: border-box;color: #333;font-size: 13px;letter-spacing: -0.1em;vertical-align: middle}
.table-row .cell2 .cell-list {display: table;width: 100%;float: none;vertical-align: middle}
/* color setting */
.table-row .cell1 {background: #3f769d}
.table-row1 .cell1 {background: #3f769d}
.table-row2 .cell1 {background: #0c7ca7}
.table-row3 .cell1 {background: #2a718e}
.table-row4 .cell1 {background: #3060ba}
.table-row5 .cell1 {background: #3a5485}
.table-row6 .cell1 {background: #404f9c}
.table-row7 .cell1 {background: #5d45ab}
.table-row8 .cell1 {background: #792d79}
.table-row9 .cell1 {background: #3f769d}
.table-row10 .cell1 {background: #3f769d}


/*  분야 공통 */
#ct_textWarp [class^="-policy-cont"],
#ct_textWarp [class*="-policy-cont"],
#ct_textWarp [class*=".policy-cont-20"],
#ct_textWarp .policy-cont-2019,
#ct_textWarp .policy-cont-2019 .policy-cont { width:800px; margin:0 auto;}


/* 180725 메인 */
.topic-slide{ position:relative; overflow:hidden; height:350px; box-sizing:border-box;}
.topic-slide *{ box-sizing:border-box; cursor:pointer;}
.topic-slide .pag-bx{ position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:3;}
.topic-slide .pag-bx .pag{ position:relative; text-align:center; bottom:auto; left:auto; width:auto; display:inline-block; cursor:pointer;}
.topic-slide .pag-bx .pag .swiper-pagination-switch{ width:10px; height:10px; display:inline-block; cursor:pointer; border-radius:50%; background-color:transparent; opacity:1; border:#fff 2px solid; margin:0 0 0 8px; vertical-align:middle; }
.topic-slide .pag-bx .pag .swiper-pagination-switch.swiper-active-switch{ background-color:#fff;}
.topic-slide .pag-bx>button{ display:inline-block; height:10px; vertical-align:middle; margin-left:8px; padding:0; cursor:pointer; background-color:transparent; border:none;}
.topic-slide .pag-bx>button span{ position:absolute; top:-9999px; right:-9999px;}
.topic-slide .pag-bx>button.nav-stop{ width:8px; border-right:#fff 3px solid; border-left:#fff 3px solid; }
.topic-slide .pag-bx>button.nav-start{ display:none; width:8px; border-left:#fff 7px solid; border-top:transparent 5px solid; border-bottom:transparent 5px solid;}
.section-wrap .btn-more,
.main-section .btn-more{ top:30px; right:-12px; background:none; text-indent:0;}
.section-wrap .btn-more span,
.main-section .btn-more span{ position:absolute; top:-9999px; right:-9999px;}
.section-wrap .btn-more:after,
.main-section .btn-more:after{content:""; display:inline-block; width:10px; height:10px; border-top:#959595 2px solid; border-right:#959595 2px solid; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.main-section .section h3{ border-bottom:#9e9e9e 2px solid; margin-bottom:8px;}
#sectionService h3{ border-bottom:none;}

.table-wrap table{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#d76000 2px solid;}
.table-wrap table th{ padding:16px 10px; text-align:left; vertical-align:top; font-size:16px; font-weight:600; border:none; border-bottom:#eacdbc 1px solid;}
.table-wrap table td{ padding:16px 10px; text-align:left; vertical-align:top; border:none; border-bottom:#eacdbc 1px solid;}
.table-wrap table td ul:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.table-wrap table td ul li{ float:left; width:33%; }
.table-wrap table td ul li:nth-child(3n+1){ clear:both; width:34%;}
.table-wrap table td ul li a{ display:block; font-size:14px; padding:7px 10px 7px 0; line-height:17px;}
.table-wrap table td ul li a:hover{ color:#000;}

#wrapper.citybuild .table-wrap table{ border-color:#c35c3c;}
#wrapper.welfare .table-wrap table{ border-color:#d76000;}
#wrapper.economy .table-wrap table{ border-color:#069363;}
#wrapper.env .table-wrap table{ border-color:#599100;}
#wrapper.traffic .table-wrap table{ border-color:#337ee2;}
#wrapper.gov .table-wrap table{ border-color:#028ab6;}
#wrapper.safe .table-wrap table{ border-color:#e44869;}
#wrapper.culture .table-wrap table{ border-color:#9b64d3;}

#wrapper.citybuild .table-wrap table th,
#wrapper.welfare .table-wrap table th{ background-color:#faf1ec;}
#wrapper.economy .table-wrap table th,
#wrapper.env .table-wrap table th{ background-color:#f0f9ee;}
#wrapper.traffic .table-wrap table th,
#wrapper.gov .table-wrap table th{ background-color:#eff6fd;}
#wrapper.safe .table-wrap table th,
#wrapper.culture .table-wrap table th{ background-color:#faf4fd;}

#wrapper.citybuild .table-wrap table th,
#wrapper.citybuild .table-wrap table td,
#wrapper.welfare .table-wrap table th,
#wrapper.welfare .table-wrap table td{ border-color:#eacdbc;}
#wrapper.economy .table-wrap table th,
#wrapper.economy .table-wrap table td,
#wrapper.env .table-wrap table th,
#wrapper.env .table-wrap table td{ border-color:#cfdccc;}
#wrapper.traffic .table-wrap table th,
#wrapper.traffic .table-wrap table td,
#wrapper.gov .table-wrap table th,
#wrapper.gov .table-wrap table td{ border-color:#c3d8e7;}
#wrapper.safe .table-wrap table th,
#wrapper.safe .table-wrap table td,
#wrapper.culture .table-wrap table th,
#wrapper.culture .table-wrap table td{ border-color:#e1d0ea;}

/* header-new 2021-07-28 add */
.header-new {width:initial; position:relative}
.header-new .top-area{width:1152px; margin:0 auto;position: static;}
.top-area.new2021 .inner, .top-area.new2021 .gnb ul.other{position:static}
.top-area.new2021 .gnb > ul > li:first-child, .info_cate{position:static}
.top-area.new2021 .gnb .active{color:#2292e9}
.sub-items {position: absolute;top: 48px;right: 0;left: 0;z-index: 9999;display: none;width: 100%;background: #fff;border-top:1px solid #ddd; box-shadow:0 5px 6px 2px rgba(102,102,102,0.25); overflow: hidden;}
.sub-items.on{position: absolute;top: 100%;right: 0;left: 0;z-index: 9999;display: block;width: 100%;background: #fdfdfd;}
.sub-items .sub-container {position: relative;display: table;width: 100%;height: 300px; max-width: 1152px; margin: 0 auto;}
.sub-items .sub-container:before{display: inline-block;width: 200%;content:'';height: 100%;background:#eaf2f8;bottom: 0;left: 0;position: absolute;box-sizing: border-box;margin-left: -150%;z-index: -1;}
.sub-items .sub-container:after{display: inline-block;width: 200%;content:'';height: 100%;background:#fff;bottom: 0;left: 0;position: absolute;box-sizing: border-box;margin-left: 150%;z-index: -1;}
.sub-items .sub-container .title {display: table-cell;padding-right: 40px;background: #eaf2f8;padding-top: 50px;box-sizing: border-box;width:202px;}
.sub-items .sub-container .title strong { font-size: 30px; display: block; line-height: 1; margin-bottom: 25px; color:#333;}
.sub-items .sub-container .title span { color: #666; font-size: 14px; line-height: 1.2; }
.sub-items .sub-container .sub-cont {display: table-cell;vertical-align: top; background:#fff;}
.sub-items .sub-container .sub-cont > ul { padding: 25px 0 25px 50px; }
.sub-items .sub-container .sub-cont .depth02 {display: table;width: 100%;border-bottom: 1px solid #ddd;}
.sub-items .sub-container .sub-cont .depth02:last-child{border-bottom:0}
.sub-items .sub-container .sub-cont .depth02 > a {display: table-cell;padding: 25px 60px 26px 22px;vertical-align: top;font-size:16px; box-sizing:border-box;line-height:1; color:#333;}
.sub-items .sub-container .sub-cont .depth02 > ul{display: table-cell; padding: 25px 0 10px}
.sub-items .sub-container .sub-cont .depth03 {display: inline-block;margin-bottom:16px; }
.sub-items .sub-container .sub-cont .depth03 a {position: relative;display: inline-block; font-size: 15px; line-height:1rem;color:#666;}
.sub-items .sub-container .sub-cont .depth03 a:hover{color:#2292e9; text-decoration:underline;}
.sub-items.sub-item01 .sub-container .sub-cont .depth02 > a{width:194px}
.sub-items.sub-item02 .sub-container .sub-cont .depth02 > a{width:259px}
.sub-items.sub-item03 .sub-container .sub-cont .depth02 > a{width:216px}
.sub-items.sub-item01 .sub-container .sub-cont .depth03:nth-child(4n+1) {width: 143px;}
.sub-items.sub-item01 .sub-container .sub-cont .depth03:nth-child(4n+2) {width: 200px;}
.sub-items.sub-item01 .sub-container .sub-cont .depth03:nth-child(4n+3) {width: 178px;}
.sub-items.sub-item02 .sub-container .sub-cont .depth03:nth-child(3n+1) {width: 216px;}
.sub-items.sub-item02 .sub-container .sub-cont .depth03:nth-child(3n+2) {width: 170px;}
.sub-items.sub-item03 .sub-container .sub-cont .depth03:nth-child(4n+1) {width: 175px;}
.sub-items.sub-item03 .sub-container .sub-cont .depth03:nth-child(4n+2) {width: 160px;}
.sub-items.sub-item03 .sub-container .sub-cont .depth03:nth-child(4n+3) {width: 155px;}

/* 사이트맵 새창열기 2021-01-06 */
.new2021 .gnb li.depth01 > a[target="_blank"] span,
.new2021 .gnb li.depth02 li a[target="_blank"] {position: relative; overflow:visible;font-weight: inherit;padding-right:15px;}
.new2021 .gnb li.depth02 > a[target="_blank"] strong {position: relative; overflow:visible;padding-right:15px;}
.new2021 .gnb li.depth01 > a[target="_blank"] span:after,.new2021 .gnb ul > li.depth02 > a[target="_blank"] strong:after,
.new2021 .gnb li.depth02 li a[target="_blank"]:after {position: absolute; top:50%; margin-top:-5px; right: 0; width: 10px;height: 10px;background: url(https://news.seoul.go.kr/wp-content/themes/seoul/images/header/icon_blank.png);content: '';}
