@charset "utf-8";
@import url(common.css);
@import url(widget.css);
@import url(seoul.css);
/*
Theme Name:Seoul ENG REDESIGN
Theme URI:-r
Author:kompass
Author URI:http://wordpress.org/
Description:New Seoul ENG Theme REdesign
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Tags:Seoul
Text Domain:seoul-e

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**************************** CSS Document ****************************
	Setting of:공통페이지
		01:slider common
		02:main slider:171204 추가
		03:Main
		04:연관 컨텐츠
		05:마이서울(회원가입)
		06:통합검색페이지
		07:커뮤니티(소통마당)
		08:Contants List
		09:서울소개
		10:생활정보
		11:정책정보
		12:Sitemap
		13:family site
		14:etc
		15:2015-08-06대기오염환경(Air Quality Information)
		16:정책정보 비쥬얼
		17:실국링크페이지
		18:관련기관
		19:에러페이지
		20:설문조사 퀴즈
		21:브래드크럼프
***********************************************************************/

.seoul-slide-mobile{display:none;}

/* ----------------------------------------------------------------------------
	01:slider common
------------------------------------------------------------------------------- */
/* slider pre.next arrow */
.nextend-arrow.nextend-arrow-animated-horizontal:focus .n2-active,
.nextend-arrow.nextend-arrow-animated-horizontal:hover .n2-active{left:0 !important;}
.nextend-bullet-bar .n2-ow{position:relative;}
.nextend-bullet-bar .n2-ow:hover,
.nextend-bullet-bar .n2-ow:focus{opacity:0.8 !important;}
.nextend-bullet-bar .n2-ow:hover:before,
.nextend-bullet-bar .n2-ow:focus:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px dotted #333 !important;border-radius:50%;}

/* smart slider */
div#n2-ss-1.n2-ss-desktop .n2-ss-widget-display-desktop.n2-ib:focus{border:1px solid #a6c7ff;}
div#n2-ss-1 .nextend-bullet-bar > div:focus{background-color:#a6c7ff;}


/* ------------------------------------------------------
	02:main slider
------------------------------------------------------ */
.main-visual-wrap .bx-wrapper,
.banner-wrap .bx-wrapper{display:block;border:none;}
/* visual slider 공통*/
[id*="-visual-btn-"]{position:absolute;top:50%;margin-top:-26px;z-index:1;}
[id*="-visual-btn-"] a{display:block;padding:14px 16px;font-size:0;border:1px solid rgba(255,255,255,0.1);background-color:#fff;background-color:rgba(255,255,255,0.67);}
[id*="-visual-btn-"] a:before{content:"\f104";font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900;color:#363636;vertical-align:middle;}
[id*="-visual-btn-"] a span{display:block;position:absolute;top:-9999em;}
[id*="-visual-btn-prev"]{left:0;}
[id*="-visual-btn-prev"] a{background-position:0 0;}
[id*="-visual-btn-prev"] a:hover{background-position:-50px 0px;}
[id*="-visual-btn-next"]{right:0;}
[id*="-visual-btn-next"] a:hover{background-color:rgba(255,255,255,0.9);}
[id*="-visual-btn-next"] a:before{content:"\f105";}
[class*="-visual-rolling"]{overflow:hidden;height:100%;}
[class*="-visual-rolling"] li > a,
.side_banner li > a{display:block;}
[class*="-visual-rolling"] li > a:focus{}

/* main visual */
.main-visual-wrap{position:relative;margin:0 auto;}
.main-visual-count{position:absolute;left:50%;bottom:0;width:45px;margin-left:-24px;text-align:center;font-size:12px;color:#666666;line-height:24px;z-index:998;}
.main-visual-count:before{content:"";display:block;position:absolute;bottom:0;width:100%;height:24px;border-radius:12px 12px 0 0;background-color:rgba(22,22,22,0.8);z-index:-1;}
.main-visual-count span{display:inline-block;vertical-align:middle;color:#eee;font-size:1.000em;}
#main-visual-index{font-weight:bold;font-size:13px;color:#fff;}
.main-visual-wrap .bx-wrapper{background:#fff;}
.main-visual-wrap .bx-controls,
.banner-wrap .bx-controls{display:none;}

.event-visual-wrap .bx-wrapper,
.banner-wrap .bx-wrapper{display:block;border:none;}

.wrap-btn-more .btn-more{top:auto !important;bottom:20px;}
#sub_contents .wrap-btn-more .btn-more{bottom:55px;}

/* Slider (url(/wp-content/themes/seoul-e/images/common/ico-btn-play-control.png))*/
.slider-wrap{position:relative;overflow:hidden;}
.slick-slider{position:relative;display:block;box-sizing:border-box;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list.dragging{cursor:pointer;cursor:pointer;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;position:relative;float:left;height:100%;min-height:1px;}
[dir='rtl'].slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slide:focus:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px dotted #000;box-shadow:inset 0 0 5px rgba(255,255,255,1);z-index:1;}

.slider-wrap .slick-arrow{display:block;position:absolute;top:50%;font-size:0 !important;opacity:0.7;transform:translateY(-50%);z-index:1;}
.slider-wrap .slick-arrow:after{content:"";display:block;font-family:'Font Awesome 5 Free';font-size:50px;font-weight:900;color:#fff;}
.slider-wrap .slick-arrow.slick-prev:after{content:"\f053";}
.slider-wrap .slick-arrow.slick-next:after{content:"\f054"}
.slider-wrap .slick-arrow:focus,
.slider-wrap .slick-arrow:hover{opacity:1 !important;}
.slider-wrap .slider-control{display:inline-block;position:absolute;}
.slider-wrap .slider-control .buttons button{background:url(/wp-content/themes/seoul-e/images/common/ico-btn-play-control.png) no-repeat 0 0 / cover;opacity:0.5;background-position: 1px;}
.slider-wrap .slider-control .buttons button.on{opacity:1;}
.slider-wrap .slider-counter{position:absolute;font-size:14px;color:#fff;}

/* main visual slider */
#slider-main-visual .slider-wrap .slider{max-width:1280px;margin:0 auto;}
#slider-main-visual .slider-wrap .slick-list{overflow:visible;}
#slider-main-visual .slider-wrap .slick-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7);}
#slider-main-visual .slider-wrap .slick-slide.slick-current:after{display:none;}
#slider-main-visual .slider-wrap .slick-slide img{width:100%;transition:all .1s .1s;}
#slider-main-visual .slider-wrap .slick-slide.slick-active img{transform:scale(1);transition:all .7s .5s;}
#slider-main-visual .slider-wrap .slick-arrow.slick-prev{left:-53px;}
#slider-main-visual .slider-wrap .slick-arrow.slick-next{right:-53px;}
#slider-main-visual .slider-wrap .slick-arrow:after{content:"";display:block;font-family:'Font Awesome 5 Free';font-size:60px;font-weight:900;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.3)}
#slider-main-visual .slider-wrap .slick-arrow.slick-prev:after{content:"\f053";}
#slider-main-visual .slider-wrap .slick-arrow.slick-next:after{content:"\f054"}
#slider-main-visual .slider-control{right:calc(17% + 10px);bottom:28px;z-index:1}
#slider-main-visual .slider-control .buttons{margin-top:5px;}
#slider-main-visual .slider-control .buttons button{width:15px;height:16px;margin-left:5px;font-size:0;}
#slider-main-visual .slider-control .buttons button.play{background-position:0 0;}
#slider-main-visual .slider-control .buttons button.pause{background-position:-16px 0;}
#slider-main-visual .slider-counter{right:17%;bottom:20px;height:35px;padding:6px 65px 0 16px;border-radius:18px;box-sizing:border-box;background-color:rgba(0,0,0,0.7);}

#slider-main-visual .txt-area{position:absolute;top:45px;left:0;width:100%;line-height:1.2;padding:0 56px;box-sizing:border-box;}
#slider-main-visual .txt-area.txt-c-wh{color:#fff;}
#slider-main-visual .txt-area.txt-c-bl{color:#212121;}
#slider-main-visual .txt-area.txt-c-bl .list-dash li:before{background-color:#212121;}
#slider-main-visual h1{margin-bottom:8px;font-family:'Noto Serif JP', serif;font-size:2.6em;font-weight:500;}
#slider-main-visual h1 strong{font-weight:900;}
#slider-main-visual .summary{margin-bottom:15px;font-size:17px;}
#slider-main-visual dl dt{font-weight:700;}
#slider-main-visual dl dd{margin-left:0;font-size:20px;}
#slider-main-visual dl dd ul{padding-left:0;}
#slider-main-visual dl.type1 dt{display:inline-block;position:relative;margin-bottom:5px;padding-bottom:1px;font-size:17px;}
#slider-main-visual dl.type1 dt:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:rgba(255,255,255,.7);}
#slider-main-visual dl.type1 dd{margin-left:0;font-size:20px;}
#slider-main-visual dl.type2 dt{margin-bottom:5px;padding-bottom:1px;font-size:20px;}
#slider-main-visual dl.type2 dd{margin-left:0;font-size:17px;}
#slider-main-visual .txt-area .list-dash li{line-height:1.15;margin-top:1px;font-size:20px;}
#slider-main-visual .btn{margin-top:21px;}
#slider-main-visual .date{text-decoration:underline;font-size:17px;color:inherit;}
#slider-main-visual .txt{padding-top:6px;font-size:17px;}
/*#slider-main-visual .btn.btn-w-r:focus,
#slider-main-visual .btn.btn-w-r:hover{color:#fff;border-color:rgba(0,0,0,0.5);background-color:rgba(0,0,0,0.5);} */

.slider-media-wrap{max-width:1280px;margin:0 auto;}
.slider-media-wrap .slick-slide img{width:100%;}
.slider-media-wrap .slick-slide .txt{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;padding:20px;text-align:center;font-size:16px;font-weight:700;color:#fff;background:url(/wp-content/themes/seoul-e/images/common/bg-board-over2.png) no-repeat 0 0 / cover;opacity:0;transition-duration:.2s;}
.slider-media-wrap .slick-slide:focus .txt,
.slider-media-wrap .slick-slide:hover .txt{opacity:1;}
.slider-media-wrap .slider-wrap{overflow:visible;}
.slider-media-wrap .slider-wrap .slick-arrow:after{font-size:30px;}
.slider-media-wrap .slider-wrap .slick-arrow.slick-prev{left:-136px;}
.slider-media-wrap .slider-wrap .slick-arrow.slick-next{right:-136px;}
.slider-media-wrap .slider-control{bottom:-39px;left:50%;}
.slider-media-wrap .slider-control .buttons button{width:20px;height:20px;margin-left:5px;font-size:0;}
.slider-media-wrap .slider-control .buttons button.pause{background-position:-17px 0;}
.slider-media-wrap .slider-counter{left:calc(50% - 77px);bottom:-30px;}
.slider-media-wrap .slider-paging-number{position:absolute;bottom:-39px;left:calc(50% - 36px);}
.slider-media-wrap .slider-paging-number li{display:none;color:#fff;}
.slider-media-wrap .slider-paging-number li.slick-active{display:block;}
.slider-media-wrap .slider-paging-number li > *{display:inline-block;height:1em;line-height:1em;vertical-align:middle;}

/*미디어슬라이더 페이징을 dot로 변경*/
.slider-media-wrap .slider-paging-number{bottom:-34px;left:50%;transform:translateX(-50%);}
.slider-media-wrap .slider-paging-number li{display:inline-block;margin:0 3px;color:#fff;}
.slider-media-wrap .slider-paging-number li.slick-active{display:inline-block;}
.slider-media-wrap .slider-paging-number li button{font-size:0;color:#fff;}
.slider-media-wrap .slider-paging-number li button:before{content:"";display:block;width:10px;height:10px;opacity:0.2;border-radius:10px;background-color:#fff;margin: 0 auto;}
.slider-media-wrap .slider-paging-number li.slick-active button:before{opacity:1;width: 20px;}
.slider-media-wrap .slider-control{left:auto;right:0;}

/* main slider:midea */
.bg-midea-wrap{background-color:#182d58;}
[class*="midea-slider-wrap"]{max-width:1920px;margin:0 auto;padding:170px 0 80px;background:url(/wp-content/uploads/2020/08/bg-main-meda-slider.png) no-repeat 0 0 /cover;}
[class*="midea-slider-wrap"] .widget_siteorigin-panels-postloop{display:block;}
[class*="midea-slider-wrap"] .widget-title{color:#fff !important;}
[class*="midea-slider-wrap"] .n2-ss-slider .n2-ss-layer-content .n2-ss-layer{font-size:20px;}
[class*="midea-slider-wrap"] .thumb{text-align:center;}
[class*="midea-slider-wrap"] .panel-grid-cell .btn-position-ab{top:-49px;}
.midea-slider-wrap2{margin-bottom:-60px;padding-top:60px;padding-bottom:140px;background-image:url(/wp-content/uploads/2020/08/sub-main-06-bg.jpg);}

@media only screen and (max-width:1600px){
	.slider-media-wrap .slider-wrap .slick-arrow.slick-prev{left:-40px;}
	.slider-media-wrap .slider-wrap .slick-arrow.slick-next{right:-40px;}
}
@media only screen and (max-width:1480px){
	/* #slider-main-visual .slider-wrap .slider{max-width:1024px;} */
	#slider-main-visual .summary{margin-bottom:40px;}
	/* #slider-main-visual .hide{display:none;} */

	.slider-media-wrap{padding:0 36px;}
	.slider-media-wrap .slider-wrap .slick-arrow.slick-prev{left:-22px;}
    .slider-media-wrap .slider-wrap .slick-arrow.slick-next{right:-22px;}
}
@media only screen and (max-width:1320px){
	[class*="midea-slider-wrap"] .inner_wrap{padding-right:19px !important;padding-left:19px !important;}
}
@media only screen and (max-width:1180px){
    #slider-main-visual .slider-wrap .slick-arrow.slick-prev{left:24px;}
    #slider-main-visual .slider-wrap .slick-arrow.slick-next{right:24px;}
}

@media only screen and (max-width:1080px){
	#slider-main-visual .slider-wrap .slick-slide .thumb{position:relative;overflow:hidden;height:400px;}
	/* #slider-main-visual .slider-wrap .slick-slide .thumb::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(/wp-content/themes/seoul-e/images/main/bg-slider-visual-m.png) repeat-y 0 0 / cover;} */
	#slider-main-visual .slider-wrap .slick-slide .thumb img{position:absolute;top:0;/*right:0;*/left:50%;width:auto;max-width:none;height:100%;transform:translateX(-50%);}
	#slider-main-visual h1{font-size:26px;}
	#slider-main-visual .summary{font-size:15px;}
	#slider-main-visual .slider-control{right:50%;transform:translateX(90%);}
	#slider-main-visual .slider-counter{right:50%;transform:translateX(50%);}
	#slider-main-visual .slider-wrap .slick-arrow{top:auto;bottom:12px;}
	/* #slider-main-visual .slider-wrap .slick-arrow:after{width:18px;height:18px;border-top:5px solid #fff;border-right:5px solid #fff;} */
	#slider-main-visual .slider-wrap .slick-arrow:after{font-size:26px;}
	#slider-main-visual .txt-area{padding-bottom:54px;padding-right:19px;padding-left:19px;box-sizing:border-box;}
	[class*="midea-slider-wrap"]{padding:60px 0;}
}

@media only screen and (min-width:768px){
	.slider-media-wrap .slider-paging-number li > span{display:none;}
}
@media only screen and (max-width:767px){
	.slider-media-wrap .slider-paging-number{left:calc(50% - 32px);}
    .slider-media-wrap .slider-paging-number li{display:none;font-size:14px;}
	.slider-media-wrap .slider-paging-number li.slick-active{display:block;}
	.slider-media-wrap .slider-paging-number li button{font-size:14px;}
	.slider-media-wrap .slider-paging-number li button:before{display:none;}
	.slider-media-wrap .slider-control{bottom:-34px;right:calc(50% - 32px);}
	.midea-slider-wrap2{margin-bottom:-37px;}
}
@media only screen and (max-width:700px){
	#slider-main-visual .slider-wrap .slick-slide .thumb{height:auto;padding-top:100%;}
}

/* mini banner */
.mini_banner{display:block;overflow:hidden;box-sizing:border-box;}

/* event visual */
.event-visual-wrap{position:relative;margin:0 auto;}
.event-visual-count{position:absolute;right:2%;bottom:10px;width:45px;text-align:center;font-size:12px;color:#666666;line-height:24px;z-index:1000;}
.event-visual-count:before{content:"";display:block;position:absolute;bottom:0;width:100%;height:24px;border-radius:15px;background-color:rgba(10,10,10,0.9);z-index:-1;}
.event-visual-count span{display:inline-block;vertical-align:middle;color:#fff;font-size:1.000em;}
#event-visual-index{font-weight:bold;font-size:13px;color:#ccc;}
.event-visual-wrap .bx-wrapper{background:#fff;}
.event-visual-wrap .bx-controls,
.banner-wrap .bx-controls{display:none;}


@media screen and (max-width:1080px){
	.mobile-menu-btn{display:block;}

	[id*="-visual-btn-"]{margin-bottom:0px;}
	[id*="-visual-btn-"] a{margin-top:-18px;padding:7px 9px;}

	.main-visual-wrap{width:auto;/*padding:10px 4%;*/height:auto;background:none;}
	.main-visual-rolling{width:auto;height:auto;}
	.main-visual-rolling img{width:100% !important;height:auto;}
	.main-visual-wrap .bx-wrapper{margin:0 auto 0px !important}
	.main-visual-count:before{display:none;}
	#main-visual-index{font-size:14px;}
	.main-visual-wrap .bx-viewport{height:auto !important;}
}
@media screen and (max-width:360px){
	.main-visual-wrap{padding:0px;}
}

/* banner */
.banner-wrap{position:relative;float:left;width:100%;max-width:310px;margin:10px 0;}
.banner-wrap .side_banner{position:absolute;left:0px;top:0px;z-index:1;overflow:hidden;width:100%;height:217px;}
.banner-wrap .side_banner li{float:left;}
.banner-wrap .side_banner li a img{width:100%;/*height:215px;*/}
.banner-wrap .banner-text-wrap{position:absolute;left:0px;bottom:0px;width:100%;z-index:2;height:20px;padding:12px 0px 7px 0px;background:rgba(0,0,0,.5);font-size:11px;font-weight:700;color:#fff;}
.banner-wrap .banner-text-wrap .banner-title{float:left;padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:180px;line-height:20px;}
.banner-wrap .banner-text-wrap .banner-control{float:right;padding-right:15px;line-height:20px;}
.banner-wrap .banner-text-wrap .banner-control .banner-count{margin-right:10px;float:left;}
.banner-wrap .banner-text-wrap .banner-control .banner-btn{float:left;}
.banner-wrap .banner-text-wrap .banner-control .banner-btn span{display:inline-block;width:16px;height:16px;background-image:url(http://www.seoul.go.kr/v2016/images/main/btn-imgbanner-control.gif);background-repeat:no-repeat;text-indent:-9999px;vertical-align:middle}
.banner-wrap .banner-text-wrap .banner-control .banner-btn span.banner-prev{background-position:0px 0px}
.banner-wrap .banner-text-wrap .banner-control .banner-btn span.banner-next{background-position:-16px 0px;width:15px;}
.banner-wrap .banner-text-wrap .banner-control .banner-btn span a{display:block;width:16px;height:16px;}

@media screen and (max-width:1080px){
  .banner-wrap{float:none;width:auto;max-width:100%;height:auto;margin-top:0;}
  .banner-wrap .side_banner{height:auto;}
  .banner-wrap .side_banner li a img{width:100%;/*height:140px;*/}
  .banner-wrap .banner-text-wrap{position:relative;padding-bottom:17px;background:#fff;}
  .banner-wrap .banner-text-wrap .banner-title{display:none;}
  .banner-wrap .banner-text-wrap .banner-control{position:relative;float:none;width:200px;margin:0 auto;padding-right:0px;line-height:20px;}
  .banner-wrap .banner-text-wrap .banner-control .banner-count{margin-right:0px;float:none;width:200px;text-align:center;font-size:13px;color:#999;line-height:32px;font-weight:normal;}
  .banner-wrap .banner-text-wrap .banner-control .banner-btn{float:none;position:absolute;left:0px;top:2px;z-index:1;width:200px;}
  .banner-wrap .banner-text-wrap .banner-control .banner-btn span{position:absolute;top:0px;display:inline-block;width:32px;height:32px;background-image:none;background-repeat:no-repeat;text-indent:-9999px;vertical-align:middle}
  .banner-wrap .banner-text-wrap .banner-control .banner-btn span.banner-prev{background-position:0px 0px;background-image:url(http://www.seoul.go.kr/v2016/images/main/btn-hotissue-control-m.png);left:0px;}
  .banner-wrap .banner-text-wrap .banner-control .banner-btn span.banner-next{background-position:-32px 0px;background-image:url(http://www.seoul.go.kr/v2016/images/main/btn-hotissue-control-m.png);right:0px;width:32px;}
  .banner-wrap .banner-text-wrap .banner-control .banner-btn span a{display:block;width:32px;height:32px;font-size:0.813em;}
  #content_wrap .right_box .mail_to_mayor{clear:both;}
  #banner-index{font-weight:700}
}
@media screen and (max-width:640px){
  .banner-wrap .side_banner li a img{width:100%;/*height:130px;*/}
}
@media screen and (max-width:480px){
  .banner-wrap .side_banner li a img{width:100%;/*height:115px;*/}
}


/* ----------------------------------------------------------------------------
	03:Main
------------------------------------------------------------------------------- */
/* #main #content{position:relative;max-width:1280px;margin:30px auto 0;} */
#main .n2-ss-layers-container:focus{box-sizing:border-box;border:1px solid #a6c7ff;}

/* Main slider:Visual */
#main_visual{width:100%;overflow-x:hidden;}
.main_visual_box{float:left;width:2338px;overflow:hidden;border-bottom:4px solid #fff;border-right:4px solid #fff;}
ul.visual_list{float:left;width:330px;margin-left:4px;}
ul.visual_list li{position:relative;float:left;color:#fff;font-size:16px;line-height:20px;margin-top:4px;}
ul.visual_list li.size_1{width:330px;height:260px;}
ul.visual_list li.size_2{width:330px;height:128px;}
ul.visual_list li.size_3{width:163px;height:260px;}
ul.visual_list li.size_3.mr_l4{margin-left:4px;}
ul.visual_list li h3{font-size:18px;color:#fff;}
ul.visual_list li span{display:block;font-size:12px;color:#fff;}
ul.visual_list li div.over_txt{position:absolute;z-index:1;left:0;bottom:0;width:90%;height:30px;padding:15px 5%;line-height:22px;overflow:hidden;background:url(images/common/bg_over.png) repeat left top;-webkit-transition:height .2s linear;-moz-transition:height .2s linear;-ms-transition:height .2s linear;-o-transition:height .2s linear;transition:height .2s linear;}
ul.visual_list li :hover div.over_txt{overflow:hidden;height:50%;-webkit-transition:height .3s linear;-moz-transition:height .3s linear;-ms-transition:height .3s linear;-o-transition:height .3s linear;transition:height .3s linear;}
ul.visual_list li img{width:100%;height:100%;}

/* Main banner:Covid */
#banner-covid-wrap.hide{overflow:hidden;height:0;}
#banner-covid-wrap .panel-grid-cell{margin:0;}

.main-wrap #btn-area-open{display:none;overflow:hidden;margin-top:-25px;}
.main-wrap .btn-open-banner{position:relative;margin-top:20px;padding-bottom:33px;text-align:center;color:#4da6ca;}
.main-wrap .btn-open-banner::before,
.main-wrap .btn-open-banner::after{content:"";display:block;position:absolute;top:27px;left:50%;width:2px;height:22px;background-color:#4da6ca;transform:translateX(-50%);}
.main-wrap .btn-open-banner::after{transform:translateX(-50%) rotate(90deg);}

/* Main slider:Midea */
/* .midea-slider-wrap .n2-ss-slide{margin:0 !important;} */
#panel-147206-4-0-1> .panel-widget-style{background-color:transparent !important;}
.midea-slider-wrap .n2-ss-slide{height:213px !important;}
.midea-slider-wrap .n2-ss-slider .n2-ss-slide:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition-duration:.3s;}
.midea-slider-wrap .n2-ss-slider .n2-ss-slide .n2-ss-layer{padding:1em;box-sizing:border-box;opacity:0;transition-duration:.3s;}
.midea-slider-wrap .n2-ss-slider .n2-ss-slide .n2-ss-layer .n2-font-1009-hover{font-size:16px !important;}
.midea-slider-wrap .n2-ss-slider .n2-ss-slide:focus:before,
.midea-slider-wrap .n2-ss-slider .n2-ss-slide:hover:before{background:url(/wp-content/themes/seoul-e/images/common/bg-board-over.png) no-repeat center center / cover;opacity:1;z-index:11;}
.midea-slider-wrap .n2-ss-slider .n2-ss-slide:focus .n2-ss-layer,
.midea-slider-wrap .n2-ss-slider .n2-ss-slide:hover .n2-ss-layer{opacity:1;}

/* .n2-ss-slide 
.n2-ss-slide-background / .n2-ss-layers-container
.n2-ss-layer
.n2-ss-section-main-content.n2-ss-layer-content
.n2-ss-layer */

/* widget(main) */
#main .panel-grid{}
#main .panel-grid-cell{padding:0;}
#main #pgc-home-0-0{width:60.71429%;}
#main #pgc-home-0-1{width:35.71429%;}
#main .template_cnt.type_thumb_text_ver{width:auto;margin:0;text-align:center;}
#main .template_cnt.type_thumb_text_ver .thumb{margin-bottom:11px;}
#main .template_cnt.type_thumb_text_ver .thumb:before{display:none;}
#main .template_cnt.type_thumb_text_ver .thumb img{position:relative;}
#main .template_cnt.type_thumb_text_ver .ex_txt{max-height:inherit;margin-bottom:16px;font-size:16px;color:#545454;}
#main .template_cnt:focus .thumb img,
#main .template_cnt:hover .thumb img{border:none;}
#main .iseoulu .thumb{border:5px solid #4da6ca;}
#main .type_thumb_tit .template_cnt{padding:0;}

/* SEOUL NEWS */
#main #pg-home-0 .so-panel{margin-bottom:0;}
.bx-wrapper .bx-viewport:focus{overflow:hidden;}

/* banners 1 */
#main #pg-home-4{padding:0;border:none;background-color:transparent;}

/* 날씨, 교통 정보, 뉴스레터 등 20190927 -> ph-home-2 가 ph-home3으로 변경 됨
#main #pg-home-2{margin-top:-35px;margin-bottom:10px;padding:0;border:none;background-color:#free;}
#main #pgc-home-2-0, #main #pgc-home-2-1, #main #pgc-home-2-2{width:33.3333%;}*/
#main #pg-home-3{margin-top:35px;margin-bottom:10px;padding:0;border:none;background-color:#4da6ca;}
#main #pgc-home-3-0, #main #pgc-home-3-1, #main #pgc-home-3-2{width:33.3333%;}

#main .weather_wrap{position:relative;overflow:hidden;margin:19px 0 0 7.5%;color:#fff;}
#main .weather_wrap .conditions{float:left;margin-right:7px;padding-right:45px;background:url(/wp-content/themes/seoul-e/images/main/weathericon_new_air.png) no-repeat right 5px;}
#main .weather_wrap .conditions span{vertical-align:top;}
#main .weather_wrap .conditions img{width:auto;}
#main .weather_wrap .conditions .weather_title{visibility:hidden;line-height:0;font-size:0;}
#main .weather_wrap .conditions .weather_temperature{display:inline-block;line-height:1.2em;margin-left:9px;font-size:34px;font-family:gulim, 굴림, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}
#main .weather_wrap .conditions .weather_temperature strong{font-family:"Roboto Condensed";}
#main .weather_wrap .air_quality_wrap{float:left;margin-top:3px;}
#main .weather_wrap .air_quality_wrap a{font-size:14px;}
#main .weather_wrap .air_quality_wrap a:focus,
#main .weather_wrap .air_quality_wrap a:hover{color:rgba(255,255,255,0.85);}
#main .weather_wrap .air_quality_wrap .air_quality_level{line-height:1em;text-transform:uppercase;}
#main .weather_wrap .today{position:absolute;top:42px;left:82px;font-size:14px;color:#dbdbdb;}

/* 20190927 이후 변경
#main #pg-home-2 #panel-home-2-1-0{border-right:1px solid #3c959a;border-left:1px solid #3c959a;}
*/
#main #pg-home-3 #panel-home-3-1-0{border-right:1px solid #3c959a;border-left:1px solid #3c959a;}

#main .help_area{overflow:hidden;width:50%;margin:0 auto}
/* 20190827 변경 전 
#main .help_area li{float:left;width:24%;padding:20px 0 20px;text-align:center;}'
*/
#main .help_area li{float:left;width:50%;padding:20px 0 20px;text-align:center;}
#main .help_area li a{font-size:14px;color:#fff;}
#main .help_area li img{width:auto;}

#main .newsletter{padding:30px 13.75% 0 16.75%;}
#main .newsletter h3{margin-bottom:1px;font-size:16px;font-weight:400;color:#fff;}
#main .newsletter h3:before{content:"\f0e0";font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900;color:#fff;margin-right:10px;vertical-align:middle;}
#main .newsletter h3 a{font-size:25px;font-weight:400;color:#fff;vertical-align:middle}
#main .newsletter fieldset{position:relative;}
#main .newsletter .input_area{margin-right:71px;}
#main .newsletter input{width:98%;box-shadow:inset 0 2px 4px #c1c1c1;}
#main .newsletter [class*="btn_"]{position:absolute;top:0;right:0;padding:6px 11px;font-size:16px;color:#fff;background:#1c1c1c;}

/* Cultural Events Calendar & Arirang news */
#main .thumb-banner a{display:inline-block;position:relative;}
#main .thumb-banner a:hover::before,
#main .thumb-banner a:focus::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/wp-content/themes/seoul-e/images/common/bg-board-over.png) no-repeat center center / cover;opacity:1;z-index:2;}

/* banners 2 20190827 이후 */
#main .request_area{text-align:center;}
#main .request_area a{display:inline-flex;vertical-align:middle;text-align:left;margin:30px 10px;color:#fff;}
#main .request_area a:hover{color:#fff}
#main .request_area a span{margin:auto}
#main .request_area a img{padding-right:10px}
#main .request_area .ft_yellor span{margin:15px 0}

/* banners 2 20190826 이전
#main #pg-home-3{padding:0;border:none;background-color:transparent;}/*banners를 감싸고 있는 영역
#main .homebanners{overflow:hidden;margin:0 -0.5% -12px;text-align:center;}
#main .homebanners li{float:left;width:20%;padding:0 0.25%;}
#main .homebanners a{display:inline-block;border:1px solid #dadada;}
#main .homebanners a:hover,#content_wrap .homebanners a:focus{border:1px solid #232323;}
#main .homebanners img{width:auto;max-width:100%;height:auto;}
*/

/* banners 2 20190826 이후 */
.ft_yellor{color:#fff200 !important}
/*20190926 이후 
#main #pg-home-3{padding:0;border:none;background-color:transparent;}banners를 감싸고 있는 영역 */
#main .homebanners{overflow:hidden;margin:0 -0.5% 2px;text-align:center;}
#main .homebanners li{float:left;width:20%;padding:0 0.25%;}
#main .homebanners a{display:inline-block;border:1px solid #dadada;}
#main .homebanners a:hover,#content_wrap .homebanners a:focus{border:1px solid #232323;}
#main .homebanners img{width:auto;max-width:100%;height:auto;}

/* MAYER’s OFFICE 20190926 이후 #pgc-home-4-0  pgc-home-1-0 으로 변경  #pgc-home-4-0 삭제 */
#main #pg-home-1 #pgc-home-1-0 .template_cnt h4{font-size:18px;white-space:normal;}
#main #pg-home-1 #pgc-home-1-0 .template_cnt .thumb{width:43%;margin-right:5%;background:url(/wp-content/uploads/2013/10/img_ceo2.jpg) no-repeat center center;background-size:cover;}
#main #pg-home-1 #pgc-home-1-0 .template_cnt .thumb:before{padding-top:147.36%;}
#main #pg-home-1 #pgc-home-1-0 .template_cnt .thumb:after{display:none;}
#main #pg-home-1 #pgc-home-1-0 .template_cnt .thumb span{font-size:0;text-indent:-9999em;}
#main #pg-home-1 #pgc-home-1-0 .template_cnt .total_box{padding-left:48%;}
#main #pg-home-1 #pgc-home-1-0 .template_cnt .ex_txt{height:auto;margin-bottom:14px;}

/* EVENT */
#main #pg-home-4 .metaslider .caption-wrap{opacity:0;}
#main #pg-home-4 #pgc-home-4-1 .so-panel{margin-bottom:0;}

/* Smart Slider */
#main .nextend-arrow:focus{border:1px solid #a6c7ff;}
#main .nextend-arrow [class*="-heading-active"]{width:auto !important;padding:21px 14px 22px;border-radius:0px;border:1px solid rgba(255,255,255,0.1);background-color:#fff;background-color:rgba(255,255,255,0.67);opacity:1;box-shadow:none;}
#main .nextend-arrow [class*="-heading-active"].n2-active{background-color:rgba(255,255,255,0.9);}
#main .nextend-arrow img{display:none !important;}
#main .nextend-arrow>div:before{font-family:"Font Awesome 5 Free";font-size:30px;font-weight:900;color:#363636;vertical-align:middle;}
#main .nextend-arrow-previous>div:before{content:"\f104";}
#main .nextend-arrow-next>div:before{content:"\f105";}
#main .nextend-bullet-bar .n2-ow{margin:3px;padding:6px;border-color:#fff;border-radius:50%;border-width:3px;background-color:transparent;opacity:1;}
#main .nextend-bullet-bar .n2-ow.n2-active,
#main .nextend-bullet-bar .n2-ow:hover,
#main .nextend-bullet-bar .n2-ow:focus{border-width:3px;background:#fff;}
#main .event_wrap .nextend-bullet-bar .n2-ow{border-color:#4da6ca;}
#main .event_wrap .nextend-bullet-bar .n2-ow.n2-active,
#main .event_wrap .nextend-bullet-bar .n2-ow:hover,
#main .event_wrap .nextend-bullet-bar .n2-ow:focus{background:#4da6ca;}
div#n2-ss-12 .n2-ss-slide-background, div#n2-ss-12 .n2-ss-slide-background *{position:relative;}
.n2-ss-slide-group .n2-ss-layer{right:0 !important;left:0 !important;}
/* .n2-ss-slide-group .n2-ss-layer [class*="n2-font"]{font-size:16px !important;} */
.n2-ss-background-image{background-position-y:top !important;}
.n2-ss-layer{line-height:1.2em;text-overflow:ellipsis;white-space:nowrap;}

/* Smart Slider :main page :photo & video */
#main .panel-grid-video h4,
#main .panel-grid-photo h4{font-weight:700 !important;}
#main .panel-grid-video.n2-ss-slider-1,
#main .panel-grid-photo.n2-ss-slider-1{padding:0 21px;}
#main .panel-grid-photo .n2-ss-align,
#main .panel-grid-video .n2-ss-align{margin:0 -27px;}
#main .panel-grid-photo .txt_date>div,
#main .panel-grid-video .txt_date>div{font-size:13px !important;}
#main .panel-grid-video .txt_date{color:#fff;}
#main .panel-grid-video .template_cnt:focus h4,
#main .panel-grid-video .template_cnt:hover h4,
#main .panel-grid-video .template_cnt>a:focus h4,
#main .panel-grid-video .template_cnt>a:hover h4{color:#fff;}
#main .panel-grid-video .template_cnt>a:focus .thumb:after,
#main .panel-grid-video .template_cnt>a:hover .thumb:after,
#main .panel-grid-video .template_cnt:focus .thumb:after,
#main .panel-grid-video .template_cnt:hover .thumb:after{border:5px solid #fff;}

#main .panel-grid-photo .nextend-arrow [class*="-heading-active"]{border:1px solid rgba(0,129,137,0.1);background-color:#fff;background-color:rgba(0,129,137,0.67);opacity:1;box-shadow:none;}
#main .panel-grid-photo .nextend-arrow [class*="-heading-active"].n2-active{background-color:rgba(0,129,137,0.8);}
#main .panel-grid-photo .nextend-arrow>div:before{color:#fff;}
#main #pg-home-6{position:relative;padding:40px 27px;border-color:#4da6ca;background-color:#4da6ca;}/*video*/
#main .panel-grid-video .txt_date>div{color:#f5f5f5;}

/* side area */
#topviewlikewidget-2{display:none;}


/* ----------------------------------------------------------------------------
	04:연관 컨텐츠
------------------------------------------------------------------------------- */
.crp_related{margin-top:43px;padding:33px 40px 36px;background-color:#f6f6f6;}
.crp_related h3{font-weight:900;}
.crp_related ul{overflow:hidden;}
.crp_related li{float:left;width:30.5%;margin-top:0;padding:0;}
.crp_related li + li{margin-left:4.25%;}
.crp_related li a{overflow:hidden;}
.crp_related li .crp_title{display:block;overflow:hidden;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;color:#000;}
.crp_related li a:focus .crp_title,
.crp_related li a:hover .crp_title{text-decoration:none;}
.crp_related li img{position:absolute;top:0;left:0;width:100%;}


/* ----------------------------------------------------------------------------
	05:마이서울(회원가입)
------------------------------------------------------------------------------- */
/* 로그인공통 */
.white_ex_list{margin-top:20px;}
.white_ex_list li{margin-top:8px;font-size:14px;}
.white_ex_list li:first-child{margin-top:0;}
.white_ex_list li span.txt_q{margin-right:10px;}
.white_ex_list li a{display:block;position:relative;height:47px;line-height:47px;padding:0 8px;font-size:14px;color:#fff;border-radius:24px;background-color:#65c0c6;}
/* .white_ex_list li a:after{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:0;right:12px;font-size:10px;} */
.white_ex_list li a:focus,
.white_ex_list li a:hover{background-color:#4da6ca;}
.gray_ex_list{padding:17px 30px;text-align:left;background-color:#f5f5f5;}
.gray_ex_list li{line-height:16px;margin-top:5px;padding-left:8px;font-size:14px;color:#333;background:url(images/common/bg_ex_txt.jpg) no-repeat left center;}
.gray_ex_list li:first-child{margin-top:0;}
.gray_ex_list li span.txt_q{margin-right:10px;}
.gray_ex_list li a{color:#333;}
.gray_ex_list li a:hover{text-decoration:underline;}
.btn_login_face{display:block;position:relative;height:47px;line-height:47px;margin-top:10px;margin-bottom:25px;text-align:center;font-size:14px;color:#fff !important;background-color:#3c5a99;border-radius:24px;}
/* .btn_login_face:before{content:"\f39e";font-family:"Font Awesome 5 Brands";font-weight:900;position:absolute;top:0;left:12px;margin-left:3px;font-size:17px;color:#fff;} */
.btn_login_face:focus,
.btn_login_face:hover{background-color:#00597d;}
.btn_login_google{display:block;position:relative;height:36px;line-height:36px;margin-top:3px;padding-right:12px;text-align:right;font-size:14px;color:#fff !important;background-color:#cf4332;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.btn_login_google:before{content:"\f0d5";font-family:"Font Awesome 5 Brands";font-weight:900;position:absolute;top:0;left:12px;margin-left:3px;font-size:17px;color:#fff;}
.btn_login_google:focus,.btn_login_google:hover{background-color:#f04631;}
.wrap-member{background-color:#e2f8f9;}
.wrap-member ~ #footer{margin-top:0;}

/* 로그인페이지 */
.global_login{background-color:#e2f8f9;}
.login_wrap{position:relative;max-width:900px;margin:0 auto;padding:100px 39px;text-align:center;}
.login_wrap h3{padding-bottom:10px;font-size:25px;font-weight:900;color:#212121;}
.login_wrap p{line-height:1.4em;font-size:16px;color:#000;}
.login_wrap .or{margin-top:20px;padding:6px 0 17px;font-size:14px;color:#000;border-top:1px solid #000;}
.login_wrap .login_box_wrap .input_wrap{width:300px;margin:40px auto 0;}
.login_wrap .login_box{position:relative;width:100%;}
.login_wrap .login_box .btn_face_box{position:relative;text-align:left;}
.login_wrap .login_box .btn_face_box input{position:absolute;top:77px;left:0;}
.login_wrap .login_box .btn_face_box label{display:inline-block;line-height:1.4;padding-left:2.2em;font-size:14px;color:#000;}
.login_wrap .login_box .input_box{margin-bottom:10px;}
.login_wrap .login_box .btn_login{width:100%;height:47px;line-height:47px;margin-bottom:20px;}
.login_wrap .login_box .btn_login:focus,
.login_wrap .login_box .btn_login:hover{background-color:#00597d;}
.login_wrap input[type='text'],.login_wrap input[type='password'],.login_wrap input[type='file'],.login_wrap select{width:100%;height:47px;line-height:47px;padding:0 20px;border:1px solid #212121;border-radius:24px;box-sizing:border-box;}
.login_wrap .btn_box_center .btn{width:300px;height:47px;line-height:47px;}
.login_wrap input::placeholder{color:#939393 !important;}
.login_wrap input::-ms-input-placeholder{color:#939393 !important;}
.login_wrap input::-webkit-input-placeholder{color:#939393 !important;}
.login_wrap input::-moz-placeholder{color:#939393 !important;}
.login_wrap .notice_txt{margin:0 -15%;}
fieldset + .btn_box_center{margin-top:0;}

/* 로그인 레이어팝업*/
.layer_login_wrap{position:relative;max-width:520px;margin:0 auto;text-align:center;}
.layer_login_wrap h3{margin-bottom:25px;font-size:16px;line-height:18px;color:#222;}
.layer_login_wrap .login_box_wrap{width:342px;margin:25px auto 0;}
.layer_login_wrap .btn_face_box{width:100%;padding:0 0 30px 0;border-bottom:1px solid #d8d8d8;}
.layer_login_wrap .login_box{position:relative;width:100%;}
.layer_login_wrap .login_box .left_write_box{margin-right:0;text-align:left;}
.layer_login_wrap .login_box .left_write_box input[type='text'],.layer_login_wrap .login_box .left_write_box input[type='password']{width:246px;}
.layer_login_wrap .login_box .left_write_box .input_box:first-child{margin-bottom:4px;}
.layer_login_wrap .login_box .btn_login{position:absolute;z-index:1;right:0;top:0;display:inline-block;width:80px;height:68px;text-align:center;font-size:16px;line-height:68px;color:#fff;border:1px solid #4da6ca;background:#4da6ca;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}

/* 패스워드 찾기 */
.find_wrap{padding:40px 0 0 0;margin:0 0 34px 0;overflow:hidden;}
.find_wrap .find_box{padding:60px 10px;text-align:center;border:1px solid #d8d8d8;}
.find_wrap .address_box{float:left;width:49%;}
.find_wrap .pass_box{float:right;width:43%;}
.find_wrap .find_box h3{margin-bottom:25px;font-size:20px;line-height:22px;color:#222;font-weight:bold;}
.find_wrap .find_box p{font-size:14px;line-height:18px;color:#555;}
.find_wrap .find_box input[type='text']{width:140px;}
.find_wrap .find_box .write_box{margin:25px 0 0 0;overflow:hidden;}
.find_wrap .find_box .write_box span.input_box{display:inline-block;margin-right:3px;}
.find_wrap .input_find_mail{width:220px !important;}

/* 회원가입공통 */
.wp_agree{background-color:#e2f8f9;}
.join_step li.lastLi{width:310px;padding:0 0 0 0;background:none;}
.join_step li.lastLi h3{margin-right:0;}
.join_step li h3{line-height:1.3;margin-bottom:4px;}
.join_step li h3 span{display:block;font-size:34px;}

.photo_image{position:relative;overflow:hidden;margin-bottom:13px;}
.photo_image p.img_file{position:absolute;top:0;left:0;width:34px;height:34px;margin-right:9px;border:1px solid #d5d5d5;background:url(images/common/bg_profile_img.jpg) no-repeat left top;background-size:100%;}
.photo_image p.img_file img{max-width:100%;max-height:100%;}
.photo_image .img_file_find{margin-left:45px;text-align:left;}
.photo_image .img_file_find a{margin-bottom:3px;}
.photo_image .img_file_find input{width:100% !important;line-height:normal;padding:5px;}
.photo_image .img_file_txt{text-align:left;font-size:13px;color:#707070;}
.input_wrap .table_ex{display:block;text-align:left;color:#707070;}

.table_ex_box{position:relative;font-size:16px;line-height:18px;color:#000;}
.table_ex_box .btn_white_28{position:absolute;z-index:1;right:0;top:0;line-height:24px;}
.fields{font-size:18px;color:#ff0000;}
.gray_txt_box02{margin-top:30px;padding:30px 10px;background:#f5f5f5;text-align:center;font-size:16px;line-height:20px;color:#394453;}
.radio_gray_box{padding:7px 10px;background:#f5f5f5;}
.radio_gray_box>*{padding:3px 0;}
.radio_gray_box span{margin-right:35px;}
.radio_gray_box input + label{margin-left:7px;}
.disabled_box{width:100%;height:38px;line-height:28px;padding:5px;text-align:left;border:1px solid #363636;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-sizing:border-box;margin-bottom:8px !important;background-color:#fff;}
#secession_form input[type="submit"]{width:100%;margin-top:40px;color:#c3c3c3;background-color:#474747;}
#secession_form input[type="submit"]:focus,
#secession_form input[type="submit"]:hover{color:#fff;background-color:#7f0707;}

/* 회원가입 step01 */
.step01_contents .step01_list{margin:50px 0 30px 0;}
.step01_contents .step01_list li{margin-bottom:18px;background:url(images/common/bg_write_dt.jpg) no-repeat left bottom;}
.step01_contents .step01_list li dl{overflow:hidden;}
.step01_contents .step01_list li dl dt{float:left;width:20%;font-size:16px;line-height:18px;color:#222;font-weight:bold;letter-spacing:-0.03em;}
.step01_contents .step01_list li dl dd{float:right;width:79%;}
.step01_contents .step01_list textarea, .step01_list input[type='text'], .step01_list input[type='password']{width:95%;}
.step01_contents .step01_list input[type='text']:focus, .step01_list input[type='password']:focus,.step01_list textarea:focus{border:1px solid #41a2a8;background:#fafafa;}
.step01_contents .step01_list .arror_txt{padding:5px 0 0 0;font-size:12px;line-height:14px;color:#d10022;}
.step01_contents .step01_list .arror{border:1px solid #d10022;}
.step01_contents .step01_list .input_file{width:78% !important;}
.step01_contents .join_txt_box{width:100%;height:209px;padding:21px 17px;border:1px solid #363636;box-sizing:border-box;resize:none;}
.step01_contents .check_txt_box{margin-bottom:14px;text-align:left;}
.step01_contents .check_txt_box label{margin-left:5px;font-size:14px;color:#000;cursor:pointer;}
.step01_contents .txt{margin-bottom:10px;padding-top:30px;font-size:16px;color:#000;}

/* 회원가입 step02 */
.step02_contents .step02_box{width:310px;margin:0 auto;padding:20px 0 50px 0;text-align:center;}
.step02_contents .step02_box h4{margin-bottom:3px;font-size:16px;line-height:18px;color:#333;}
.step02_contents .step02_box p.txt01{font-size:14px;line-height:16px;color:#727272;}
.step02_contents .input_wrap>label{display:block;margin-top:3px;margin-bottom:3px !important;padding-left:20px;text-align:left;font-weight:700;}
.step02_contents .input_wrap label:first-child{margin-top:0;}
.step02_contents .input_wrap .table_ex{line-height:1.3;margin-bottom:12px;padding-left:20px;font-size:13px;}
.step02_contents .radio_gray_box{margin-bottom:12px;padding:7px 20px;text-align:left;background-color:#fff;}
.step02_contents input[type='file'], .step02_contents input[type='text'], .step02_contents input[type='password'], .step02_contents select{margin-bottom:8px !important;}
.photo_image #preview-file{top:0 !important;height:auto !important;opacity:1 !important;}
.step02_contents .errormsg{text-align:left;}

/* 회원가입 step03 */
.step03_contents .step03_box{padding:40px 0 70px 0;text-align:center;}
.step03_contents .step03_box h4{margin-bottom:25px;font-size:42px;line-height:44px;color:#4da6ca;}
.step03_contents .step03_box p.txt01{margin-bottom:25px;font-size:16px;line-height:20px;color:#333;}
.step03_contents .step03_box p.txt02{margin-bottom:25px;font-size:14px;line-height:16px;color:#727272;}
.step03_contents .step03_ex_txt{padding:15px 0;font-size:11px;line-height:14px;color:#555;}
.step03_contents .people_list{overflow:hidden;}
.step03_contents .people_list li{float:left;width:50px;margin-right:4px;}
.step03_contents .people_list li img{width:50px;height:50px;}
.step03_contents .people_box{padding:20px;background:#f5f5f5;}
.step03_contents .like_seoul{overflow:hidden;}
.step03_contents .like_seoul dt{float:left;width:51px;margin-right:12px;}
.step03_contents .like_seoul dt img{width:51px;height:51px;}
.step03_contents .like_seoul dd{float:left;width:80%;}
.step03_contents .like_seoul dd h5{margin-bottom:5px;}
.step03_contents .like_seoul dd h5 a{font-size:14px;line-height:16px;color:#395899;font-weight:bold;}

/* 정책관련 */
.policy_contents .policy_txt_top{padding:20px 0 34px 0;}
.policy_contents .policy_txt_top h3{margin-bottom:5px;font-size:18px;line-height:20px;color:#333;font-weight:bold;}
.policy_contents .policy_txt_top p.txt01{margin-bottom:30px;font-size:16px;line-height:18px;color:#333;}
.policy_contents .policy_txt_top p.txt02{font-size:14px;line-height:16px;color:#727272;}
.policy_contents .policy_txt{padding-left:0;}
.policy_contents .policy_txt > li{padding:20px 0;border-top:1px solid #d8d8d8;}
.policy_contents .policy_txt > li:first-child{border-top:none;}
.policy_contents .policy_txt > li h4{margin-bottom:20px;font-size:16px;line-height:18px;color:#41a2a8;}
.policy_contents .policy_txt > li h4 span{color:#999;font-weight:bold;}
.policy_contents .policy_txt > li > ol{clear:both;}
.policy_contents .policy_txt > li > ol > li{position:relative;margin:25px 0 0 0;padding-left:20px;line-height:18px;color:#555555;}
.policy_contents .policy_txt > li > ol > li:first-child{margin:0;}
.policy_contents .policy_txt > li > ol > li span{position:absolute;z-index:1;left:0;top:0;width:15px;}
.policy_contents .policy_txt > li > ol > li p{margin-left:17px;}
.policy_contents .policy_txt > li > ol > li > ol{clear:both;}
.policy_contents .policy_txt > li > ol > li > ol > li{position:relative;padding:0 0 0 20px;margin:15px 0 0 0;overflow:hidden;font-size:14px;line-height:16px;color:#727272;}
.policy_contents .policy_txt > li > ol > li > ol > li:first-child{margin:0;}
.policy_contents .policy_txt > li > ol > li > ol > li span{position:absolute;z-index:1;left:0;top:0;width:15px;}
.policy_contents .policy_txt > li > ol > li > ol > li p{margin-left:0;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol{clear:both;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li{position:relative;padding:0 0 0 15px;margin:15px 0 0 0;overflow:hidden;font-size:14px;line-height:16px;color:#727272;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li:first-child{margin:0;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li span{position:absolute;z-index:1;left:0;top:0;width:15px;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li p{margin-left:0;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li > ol{clear:both;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li > ol > li{position:relative;padding:0 0 0 20px;margin:15px 0 0 0;overflow:hidden;font-size:14px;line-height:16px;color:#727272;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li > ol > li:first-child{margin:0;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li > ol > li span{position:absolute;z-index:1;left:0;top:0;width:15px;}
.policy_contents .policy_txt > li > ol > li > ol > li > ol > li > ol > li p{margin-left:0;}

/* 패스워드 결과 */
.find_result_contents .find_result_wrap{position:relative;max-width:632px;margin:40px auto 0;padding:70px 10px;border:1px solid #d8d8d8;text-align:center;}
.find_result_contents .find_result_wrap h3{margin-bottom:25px;font-size:42px;line-height:46px;color:#222;}
.find_result_contents .find_result_wrap p.txt01{margin-bottom:30px;font-size:15px;line-height:24px;color:#555;font-weight:bold;}
.find_result_contents .find_result_wrap p.txt02{font-size:15px;line-height:24px;color:#555;}
.find_result_contents .find_result_wrap .btn_blue_32{margin-top:30px;}


/* ----------------------------------------------------------------------------
	06:통합검색페이지
------------------------------------------------------------------------------- */
.search_form{position:relative;width:100%;padding:61px 0 23px;text-align:center;background-color:#f6f6f6;}
.search_form .input_box{position:relative;width:100%;margin:0 auto 23px;text-align:center;}
.search_form .input_box .srh_box{position:relative;height:38px;max-width:620px;margin:0 auto;padding:0 3px 0 19px;border-radius:19px;box-sizing:border-box;background-color:#e5ecf9;}
.search_form .input_box .srh_box .btn_result_search{position:absolute;top:0;right:3px;}
.search_form .input_box input.input_txt{width:calc(100% - 47px);margin-right:4px;padding:9px 0;border:none;background-color:transparent;}
.search_form .input_box ul.popular_list{margin-top:13px;padding:0 20px;text-align:center;}
.search_form .input_box ul.popular_list li{display:inline-block;margin-right:6px;}
.search_form .input_box ul.popular_list li:first-child{padding-top:2px;vertical-align:top;}
.search_form .input_box ul.popular_list li:first-child h4{letter-spacing:0;font-family:'Oxygen', Arial, helvetica, "Trebuchet MS", sans-serif;font-size:14px;font-weight:400;line-height:14px;}
.search_form .input_box ul.popular_list li a{display:inline-block;font-size:14px;font-weight:700;text-decoration:underline;color:#338eb3;}
.search_form .input_box ul.popular_list li a:focus,
.search_form .input_box ul.popular_list li a:hover{color:#3f70d4;}
.search_form a.btn_detail{margin-top:30px;font-size:14px;font-weight:700;color:#212121;padding-bottom:20px;}
.search_form a.btn_detail::after{content:"";display:block;width:7px;height:7px;margin:1px auto 0;border-right:2px solid #212121;border-bottom:2px solid #212121;transform:rotate(45deg);}
.search_form a.btn_detail.on{color:#41a2a8;background:url(images/common/bg_result_on.png) no-repeat right center;}
.search_form a.btn_detail.on span{background:url(images/common/btn_result_search_on.png) no-repeat left center;}

.search_detali_box{position:relative;padding:21px 70px 67px;background-color:#338eb3;}
.search_detali_box input[type="text"]{height:37px;padding:5px 21px;border:none;border-radius:24px;background-color:#fff;}
.search_detali_box .detali_list > li{padding:19px 0;}
.search_detali_box .detali_list li:after{content:"";display:block;clear:both;}
.search_detali_box .detali_list li h4{float:left;width:152px;padding-top:3px;font-family:'Oxygen', Arial, helvetica, "Trebuchet MS", sans-serif;font-size:14px;font-weight:700;line-height:15px;color:#fff;font-weight:bold;}
.search_detali_box .detali_list li div.txt_con{float:left;width:calc(100% - 152px);}
.search_detali_box .detali_list li div.txt_con input.input_txt{width:290px;}
.search_detali_box .detali_list li div.txt_con p{margin-top:5px;}
.search_detali_box .detali_list li span{position:relative;margin-right:16px;color:#fff;}
.search_detali_box .detali_list li span label{margin-left:12px;font-size:14px;color:#fff;cursor:pointer;}
.search_detali_box .detali_list li span label::before{content:"";display:block;position:absolute;top:4px;left:0;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background-color:#fff;}
.search_detali_box .detali_list li span input[type="radio"]:checked + label::before{background-color:#4da6ca;}
.search_detali_box .detali_list li span span{margin-right:4px;}
.search_detali_box input.btn_detail_search{position:absolute;z-index:1;left:0;bottom:0;width:100%;height:57px;line-height:57px;padding-left:17px;text-transform:uppercase;font-size:17px;font-weight:700;background-color:#212121;background-position:calc(50% - 40px);}
.search_detali_box .detali_list > li:nth-child(1) h4{margin-top:10px;}
.search_detali_box .detali_list > li:nth-child(3){padding-top:0;padding-bottom:0;}
.search_detali_box .detali_list > li:nth-child(3) h4{margin-top:10px;}

.result_list_box{margin-top:37px;}
.result_list_box h3{margin-bottom:0 !important;font-size:16px;color:#212121;font-weight:900;}
.result_list_box h3 span{color:#3f70d4;vertical-align:-2px;}
.result_list_box div > h4{margin-bottom:10px;font-family:'Oxygen', Arial, helvetica, "Trebuchet MS", sans-serif;font-size:14px;font-weight:700;}
.result_list_box div > h4::before{content:"\f14a";font-family:"Font Awesome 5 Free";font-weight:400;font-size:16px;margin-right:8px;vertical-align:middle;}
.result_list_box div > h4 span{color:#3f70d4;vertical-align:-1px;}
.result_list_box .btn_view_list{margin-bottom:30px;}
.result_list_box .three_list{margin-top:30px;overflow:hidden;}
.result_list_box .three_list li{float:left;width:310px;padding:0 0 10px 0;margin-left:34px;border-bottom:1px solid #d8d8d8;}
.result_list_box .three_list li:first-child{margin-left:0;}

.three_list{overflow:hidden;}
.three_list li{float:left;width:310px;margin:34px 0 0 34px;padding:0 0 10px 0;border-bottom:1px solid #d8d8d8;}
.three_list li:nth-child(2n+1){margin:34px 0 0 0;}
.three_list a h4{display:inline;margin-bottom:5px;font-size:14px;line-height:16px;color:#222;}
.three_list a p{margin-bottom:10px;}
.three_list a p img{width:100%;height:180px;}

.result_menu{margin-top:56px;}
.result_menu h3{margin-bottom:10px;color:#212121;font-weight:300;}
.result_menu h3 span.num{color:#212121;font-weight:900;}
.result_menu h3 span.srh_txt{font-weight:900;color:#3f70d4;}
.result_menu ul.result_list{position:relative;overflow:hidden;padding:14px 15px 16px 157px;background-color:#f6f6f6;}
.result_menu ul.result_list li{display:inline-block;margin:0 26px 7px 0;}
.result_menu ul.result_list li:first-child{position:absolute;top:14px;left:32px;z-index:1;}
.result_menu ul.result_list li label{margin-left:4px;line-height:15px;font-size:14px;font-weight:400;}
.result_menu ul.result_list li label span{font-weight:700;}

.no_result_box{margin:34px 0 40px 0;}
.no_result_box h3{margin-bottom:5px;font-size:16px;line-height:18px;color:#555;font-weight:normal;}
.no_result_box h3 span.num{font-size:18px;line-height:20px;color:#333;font-weight:bold;}
.no_result_box h3 span.srh_txt{font-size:18px;line-height:20px;font-weight:bold;color:#41a2a8;}
.no_result_box ul{padding:10px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.no_result_box ul li{padding:4px 0 4px 15px;font-size:12px;line-height:14px;color:#555;background:url(images/common/bg_jum_list.jpg) no-repeat 5px 9px;}

.search_contents_area .template_cnt{padding:20px 0;}
.search_contents_area .template_cnt .txt_category{padding:2px 9px 3px;}
.search_contents_area .template_cnt .ex_txt{font-size:14px;}
.search_contents_area .template_cnt .info_txt{margin-top:10px;}
.search_contents_area .date_txt{font-size:13px;color:#4da6ca;}
.search_contents_area .btn-more{display:inline-block;height:33px;line-height:33px;padding:0 8px 0 15px;font-size:12px;color:#212121;border-radius:16px;background-color:#e5ecf9;z-index:1;}
.search_contents_area .btn-more::after{content:"";display:inline-block;width:16px;height:15px;margin-top:-2px;margin-left:8px;background:url(/wp-content/themes/seoul-e/images/common/ico-arrow-more.png) no-repeat 0 0 / cover;vertical-align:middle;}
.search_contents_area .btn-more::after{background-position:0 0;}
.search_contents_area .btn-more:focus,
.search_contents_area .btn-more:hover{color:#fff !important;background-color:#4da6ca;}
.search_contents_area .btn-more:focus::after,
.search_contents_area .btn-more:hover::after{background-position:0 -15px;}

/* 템플릿 컨텐츠 영역 */
.layout-column2{margin:0 -25px;}
.layout-column2:after{content:"";display:block;clear:both;}
.layout-column2 .template_cnt{position:relative;float:left;width:50%;margin-top:30px;padding:0 25px;box-sizing:border-box;}
.layout-column2 .template_cnt a.btn{position:absolute;top:50%;right:45px;text-transform:uppercase;transform:translateY(-50%);}
.layout-column2 .template_cnt a.btn i{margin-right:5px;font-size:15px;vertical-align:-1px;}
.layout-column2 .template_cnt .info_txt span.date_txt:before{content:"\f073";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:4px;}


/* ----------------------------------------------------------------------------
	07:커뮤니티(소통마당)
------------------------------------------------------------------------------- */
/* 글로벌메이트 소개 */
.medal_intro{overflow:hidden;padding-left:0 !important;list-style-type:none !important;}
.medal_intro li{position:relative;float:left;width:23%;padding:0 0 5px 85px;list-style-type:none !important;}
.medal_intro li img{position:absolute;z-index:1;left:15px;top:0;}
.medal_intro li dl dt{font-size:14px;line-height:18px;color:#333;}
.medal_intro li dl dd{font-size:20px;line-height:24px;color:#333;}

/* 메달컨텐츠 */
.symbol_box{padding:0 0 50px 0;overflow:hidden;}
.symbol_box img{float:left;width:318px;}
.symbol_box ul{float:right;width:280px;}
.symbol_box ul li{margin-top:30px;}
.symbol_box ul li:first-child{margin-top:0;}
.symbol_box ul li dl dt{margin-bottom:4px;font-size:16px;line-height:24px;color:#000;}
.symbol_box ul li dl dt span{font-size:24px;line-height:24px;}
.symbol_box ul li dl dd{font-size:14px;line-height:16px;color:#727272;}
.symbol_down{padding:30px 0;background:#f7f7f7 url(images/commu/symbol_line.jpg) no-repeat center top;text-align:center;}
.symbol_down a.btn_symbol{display:inline-block;width:185px;padding:0 0 3px 18px;font-size:21px;line-height:23px;color:#333;border-bottom:1px solid #999;background:url(images/commu/icon_down.png) no-repeat left center;}
.symbol_down p{margin-top:20px;font-size:13px;line-height:16px;color:#555;text-align:center;}


/* ----------------------------------------------------------------------------
	08:Contants List
------------------------------------------------------------------------------- */
/* 커뮤니티 리스트 */
.wookmark{border-top:2px solid #333;}
ul.commu_list > li{width:200px;padding:15px 8px;z-index:1;background:#fff;border:1px solid #fff;height:300px;}
ul.commu_list > li .in_wa{position:relative;}
ul.commu_list li a img{display:block;position:relative;z-index:1;width:100%;height:150px;}
ul.commu_list li a h4{color:#222222;font-size:14px;height:35px;line-height:16px;overflow:hidden;padding:7px 1px 0;}
ul.commu_list li a .ex_txt{color:#727272;font-size:12px;line-height:14px;margin:5px 0 4px;}
ul.commu_list li .total_box{width:100%;text-align:center;background:#fff;}
ul.commu_list li .total_box p.txt_ex{font-size:13px;line-height:15px;color:#555;text-align:left;display:none;}
ul.commu_list li .total_box p{display:block;font-size:13px;line-height:15px;color:#727272;text-align:left;}
ul.commu_list li .total_box .txt_date{font-size:12px;letter-spacing:1px;line-height:16px;padding:0 0 6px;text-align:left;}
ul.commu_list li .total_box a.btn_like_it{display:none;margin:15px 0;}
ul.commu_list li .total_box .icon_box{padding:10px 0;overflow:hidden;text-align:left;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
ul.commu_list li .total_box .icon_box p{display:block;float:left;width:48%;padding:0 0 0 2%}
ul.commu_list li .total_box .icon_box p a.btn_views{padding-left:17px;font-size:12px;line-height:16px;color:#727272;background:url(images/common/btn_views.png) no-repeat left center;}
ul.commu_list li .total_box .icon_box p a.btn_views span.views_txt{font-size:14px;line-height:16px;color:#555;}
ul.commu_list li .total_box .icon_box p a.btn_like{padding-left:14px;font-size:12px;line-height:16px;color:#727272;background:url(images/common/btn_like_it.png) no-repeat left center;}
ul.commu_list li .total_box .icon_box p a.btn_like span.like_txt{font-size:14px;line-height:16px;color:#4da6ca;}
ul.commu_list li .total_box .btn_box{display:none;}
ul.commu_list:hover li{opacity:0.8;}
ul.commu_list:hover li:hover{opacity:1;z-index:2;-webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.3);border:1px solid #ccc;height:auto;}
ul.commu_list li:hover .total_box p.txt_ex{display:block;}
ul.commu_list li:hover .total_box a.btn_like_it{display:inline-block;}
ul.commu_list li:hover .total_box .btn_box{display:block;margin:10px 0 0 0;text-align:left;}
ul.commu_list li:hover .total_box .btn_box a:first-child{margin-left:0;}

/* 멀티미디어 리스트 */
ul.multimedia_list{overflow:hidden;margin:0 -1%;}
ul.multimedia_list li{float:left;width:23%;margin:0 1%;}
ul.multimedia_list li:nth-child(4n+1){clear:left;}
ul.multimedia_list li > a{width:100%;height:auto;}
ul.multimedia_list li.template_cnt .thumb:before{padding-top:56%;}
ul.multimedia_list li div.photo_img img{width:100%;height:180px;}
ul.multimedia_list li .photo_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_none.png) repeat 0 0;cursor:pointer;}
ul.multimedia_list li .photo_over .icon_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/over_vedio.png) no-repeat center center;}
ul.multimedia_list li .info_txt{color:#4da6ca;}
ul.multimedia_list li div.clearfix{padding:15px 0 20px 0;}
ul.multimedia_list li div.title_txt{margin-top:7px;}
ul.multimedia_list li div.title_txt > a{display:block;}
ul.multimedia_list li div.title_txt p.cate_txt{margin:0 0 5px 0;font-size:13px;line-height:18px;color:#333;}
ul.multimedia_list li div.title_txt div.btn_list_down{display:none;margin:3px 0 0 0;text-align:right;}
/*ul.multimedia_list li div.ex_txt{display:none;margin-top:20px;width:100%;font-size:14px;line-height:18px;color:#727272;}*/

/* 갤러리리스트 */
ul.gallery_list li .photo_over{display:none;}
ul.gallery_list.multimedia_list li.template_cnt .thumb:before{padding-top:66.666%;}

/* 사진전 리스트 */
ul.exhibition_list li .photo_over{display:none;}

/* 통합검색 멀티미디어 리스트 */
ul.multi_three_list{overflow:hidden;margin:0 -1%;}
ul.multi_three_list li{float:left;width:23%;margin:15px 1% 0;}
ul.multi_three_list li:nth-child(4n+1){clear:left;}
ul.multi_three_list li h4::before{display:none;}
ul.multi_three_list li div.photo_img{position:relative;padding-top:56.13%;}
ul.multi_three_list li div.photo_img img{position:absolute;top:0;left:0;width:100%;height:100%;}
ul.multi_three_list li .photo_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_none.png) repeat 0 0;cursor:pointer;}
ul.multi_three_list li .photo_over .icon_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/over_vedio.png) no-repeat center center;}
ul.multi_three_list li a .photo_over::before{content:"";display:block;position:relative;padding-top:56.13%;opacity:0;transition-duration:.3s;}
ul.multi_three_list li a:focus .photo_over::before,
ul.multi_three_list li a:hover .photo_over::before{background:url(/wp-content/themes/seoul-e/images/common/bg-board-over.png) no-repeat center center / cover;opacity:1;z-index:2;}
ul.multi_three_list li div.clearfix{padding-top:15px;}
ul.multi_three_list li div.title_txt{width:100%;}
ul.multi_three_list li div.title_txt p.cate_txt{margin:0 0 5px 0;font-size:13px;line-height:18px;color:#333;}
ul.multi_three_list li div.title_txt h4{overflow:hidden;max-height:4.5em;line-height:1.5em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;}
ul.multi_three_list li div.title_txt div.btn_list_down{display:none;margin:3px 0 0 0;text-align:right;}
ul.multi_three_list li div.ex_txt{display:none;margin-top:20px;width:100%;font-size:14px;line-height:18px;color:#727272;}

/* 통합검색 갤러리 리스트 */
ul.gallery_three_list{overflow:hidden;}
ul.gallery_three_list li{float:left;width:310px;margin:34px 34px 0 0;padding:0px 0;border-bottom:1px solid #d8d8d8;}
ul.gallery_three_list li.lastLi{margin:34px 0 0 0;}
ul.gallery_three_list li:nth-child(3n){margin:34px 0 0 0;}
ul.gallery_three_list li div.photo_img{position:relative;width:310px;height:180px;}
ul.gallery_three_list li div.photo_img img{width:100%;height:180px;}
ul.gallery_three_list li .photo_over{display:none;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_none.png) repeat 0 0;cursor:pointer;}
ul.gallery_three_list li .photo_over .icon_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/over_vedio.png) no-repeat center center;}
ul.gallery_three_list li:hover{border-bottom:1px solid #333;}
ul.gallery_three_list li:hover h4{text-decoration:underline;}
ul.gallery_three_list li:hover .photo_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_over.png) repeat 0 0;cursor:pointer;}
ul.gallery_three_list li:hover .photo_over .icon_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_over_view.png) no-repeat center center;}
ul.gallery_three_list li div.clearfix{padding:15px 0 20px 0;}
ul.gallery_three_list li div.title_txt{width:100%;}
ul.gallery_three_list li div.title_txt p.cate_txt{display:none;margin:0 0 5px 0;font-size:13px;line-height:18px;color:#333;}
ul.gallery_three_list li div.title_txt h4{height:20px;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:16px;color:#333;background:none;}
ul.gallery_three_list li div.title_txt div.btn_list_down{display:none;margin:3px 0 0 0;text-align:right;}
ul.gallery_three_list li div.ex_txt{display:none;margin-top:20px;width:100%;font-size:14px;line-height:18px;color:#727272;}

/* 통합검색 사진전 리스트 */
ul.exhibition_three_list{overflow:hidden;border-top:2px solid #333333;}
ul.exhibition_three_list li{float:left;width:310px;margin:34px 34px 0 0;padding:0px 0;border-bottom:1px solid #d8d8d8;}
ul.exhibition_three_list li.lastLi{margin:34px 0 0 0;}
ul.exhibition_three_list li:nth-child(3n){margin:34px 0 0 0;}
ul.exhibition_three_list li div.photo_img{position:relative;width:310px;height:180px;}
ul.exhibition_three_list li div.photo_img img{width:100%;height:180px;}
ul.exhibition_three_list li .photo_over{display:none;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_none.png) repeat 0 0;cursor:pointer;}
ul.exhibition_three_list li .photo_over .icon_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/over_vedio.png) no-repeat center center;}
ul.exhibition_three_list li:hover{border-bottom:1px solid #333;}
ul.exhibition_three_list li:hover h4{text-decoration:underline;}
ul.exhibition_three_list li:hover .photo_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_over.png) repeat 0 0;cursor:pointer;}
ul.exhibition_three_list li:hover .photo_over .icon_over{display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_over_view.png) no-repeat center center;}
ul.exhibition_three_list li div.clearfix{padding:15px 0 20px 0;}
ul.exhibition_three_list li div.title_txt{width:100%;}
ul.exhibition_three_list li div.title_txt p.cate_txt{margin:0 0 5px 0;font-size:13px;line-height:18px;color:#333;}
ul.exhibition_three_list li div.title_txt h4{height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:16px;color:#333;}
ul.exhibition_three_list li div.title_txt div.btn_list_down{display:none;margin:3px 0 0 0;text-align:right;}
ul.exhibition_three_list li div.ex_txt{display:none;margin-top:20px;width:100%;font-size:14px;line-height:18px;color:#727272;}

/* 프로모션 */
ul.promotion_list .template_cnt{margin-top:20px;margin-bottom:20px}
ul.promotion_list .template_cnt:nth-child(2n+1){clear:left;}
ul.promotion_list .template_cnt .thumb{margin-bottom:6px;}
ul.promotion_list .template_cnt .thumb:before{padding-top:22.947%;}
ul.promotion_list li div.title_txt h4{text-align:center;font-size:16px;}
/*ul.promotion_list li div.ex_txt{float:right;width:55%;height:72px;overflow:hidden;font-size:14px;line-height:18px;color:#727272;}180628지워*/
ul.promotion_list li div.ex_txt > p{height:72px;}
ul.promotion_list li div.ex_txt > p > a{display:inline-block;height:72px;}
ul.promotion_list li div.ex_txt > p >.btn_readmore{height:auto;}

/* 문화이벤트 */
ul.culture_e_list{overflow:hidden;margin:0 -1%;}
ul.culture_e_list li{float:left;width:23%;margin:0 1%;}
ul.culture_e_list li div.title_txt{width:100%;}
ul.culture_e_list li div.title_txt h4{margin-top:7px;}
ul.culture_e_list li div.title_txt .info_txt{color:#4da6ca;}
ul.culture_e_list li div.ex_txt{max-height:5em;line-height:1.25em;margin-top:10px;font-weight:400;color:#212121;}
ul.culture_e_list li div.ex_txt a{color:#212121;}
ul.culture_e_list li div.ex_txt .btn_readmore{display:none;}
ul.culture_e_list li.template_cnt .thumb:before{padding-top:48.32%;}

/* 설문조사 */
.survey_list{overflow:hidden;margin-top:-34px;}
.survey_list li{position:relative;float:left;width:248px;height:230px;padding:30px;margin:34px 34px 0 0;text-align:center;border:1px solid #d8d8d8;}
.survey_list li:hover h4{text-decoration:underline;}
.survey_list li.lastLi{margin-right:0;}
.survey_list li h4{height:52px;overflow:hidden;font-size:22px;line-height:24px;color:#333;}
.survey_list li span.date_txt{display:block;margin-top:15px;font-size:14px;line-height:16px;color:#41a2a8;}
.survey_list li span.ex_txt{display:block;height:54px;overflow:hidden;margin-top:18px;font-size:14px;line-height:18px;color:#727272;}
.survey_list li div.txt_bottom{position:absolute;z-index:5;left:0;bottom:0;width:100%;padding:14px 0 12px 0;overflow:hidden;background:#f4f4f4;border-top:1px dotted #d8d8d8;}
.survey_list li div.txt_bottom div.txt_left{float:left;margin-left:13px;}
.survey_list li div.txt_bottom div.txt_left span.icon_partic{display:inline-block;height:26px;padding-left:25px;margin-right:10px;font-size:14px;line-height:26px;color:#555;background:url(images/common/icon_people02.png) no-repeat left center;}
.survey_list li div.txt_bottom div.txt_left span.num_txt{display:inline-block;font-size:22px;line-height:26px;color:#41a2a8;font-style:italic;}
.survey_list li div.txt_bottom a.btn_white_28{float:right;margin-right:13px;}

/* 상단 메인 리스트 */
.list_top_box{position:relative;height:140px;padding:25px 30px 25px 340px;overflow:hidden;border:1px solid #d8d8d8;background:#fff;margin-bottom:15px;}
.list_top_box.no_img{padding:25px 30px 25px 85px;}
.list_top_box.no_img img{display:none;}
.list_top_box a  .img{position:absolute;z-index:5;left:0;top:0;width:310px;height:190px;}
.list_top_box a  .img img{width:100%;height:auto;}
.list_top_box a:hover h3{text-decoration:underline;}
.list_top_box a h3{height:43px;overflow:hidden;margin-bottom:10px;font-size:18px;line-height:20px;color:#333;}
.list_top_box a span{display:block;height:75px;overflow:hidden;margin-right:15px;font-size:14px;line-height:18px;color:#727272;}
.list_top_box .date_box{position:absolute;z-index:10;left:0;top:0;width:61px;height:46px;padding:15px 0 0 0;background:#41a2a8;color:#fff;text-align:center;}
.list_top_box .date_box li.month_txt{font-size:12px;line-height:14px;}
.list_top_box .date_box li.date_txt{font-size:22px;line-height:24px;}

/* press 리스트 */
/* .overseas_list{border-top:2px solid #414141;} */
.overseas_list.borTnone{border-top:none;}
.overseas_list > li h4{margin-right:80px;}
.overseas_list li a.btn_white_32{right:0;z-index:1;}
.overseas_list li img,.overseas_list li p.ex_txt{display:none;}

/* newLetter */
ul.letter_list{overflow:hidden;margin:0 -1%;}
ul.letter_list li{position:relative;float:left;width:14.6667%;margin:20px 1%;text-align:center;}
ul.letter_list li h3{padding:20px 0 50px 0;font-size:15px;line-height:20px;color:#333;background:url(images/commu/icon_letter.png) no-repeat center bottom;}
ul.letter_list li h3 span{display:block;font-size:18px;}
ul.letter_list li a.btn_white_28{margin-top:20px;}
ul.letter_list li.lastLi{margin:0 0 34px 0;}
ul.letter_list li a img{width:100%;height:272px;}
ul.letter_list li a h4{display:block;padding:5px 0;text-align:center;}
ul.letter_list li .photo_box .photo_over{display:none;}
ul.letter_list li:hover .photo_over{display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_over.png) repeat 0 0;cursor:pointer;}
ul.letter_list li:hover .photo_over .icon_over{display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:url(images/common/bg_over_view.png) no-repeat center center;}
.news_letter_contents{clear:both;}
.news_letter_contents .layout-column2{margin:0;}
.news_letter_contents .template_cnt.type_thumb_poster:nth-child(6n+1){clear:left;margin-left:0 !important;}

/* 메달리스트 */
.medal_list{overflow:hidden;border-top:2px solid #5c5c5c;}
.medal_list li{float:left;width:33.3%;height:182px;border-bottom:1px solid #d9d9d9;}
.medal_list li:hover{background:#f7f7f7;}
.medal_list li div.medal_box{position:relative;height:122px;padding:30px 18px;}
.medal_list li div.medal_box div.photo_img{float:left;width:35px;margin-right:15px;}
.medal_list li div.medal_box dl{float:left;width:65%;}
.medal_list li div.medal_box dl dt a{font-size:16px;line-height:18px;color:#222;}
.medal_list li div.medal_box dl dd{margin-top:10px;}
.medal_list li div.medal_box dl dd span{display:block;font-size:12px;line-height:16px;color:#727272;}
.medal_list li div.medal_box a.btn_white_28{position:absolute;z-index:1;left:68px;bottom:30px;}

/* 한국어한마디 리스트 */
.speaking_box{padding:0 0 30px 0;}
.speaking_list{margin-top:-64px;}
.speaking_list > li{position:relative;float:left;width:248px;height:270px;padding:0 30px 0 30px;margin:64px 34px 0 0;text-align:center;border:1px solid #d8d8d8;}
.speaking_list > li.mt_first{margin:34px 34px 0 0;}
.speaking_list > li.lastLi{margin-right:0;}
.speaking_list > li .table_ul{display:table;width:100%;}
.speaking_list > li .table_ul > ul{display:table-row;*display:block;*padding:100px 0 0 0;}
.speaking_list > li .table_ul > ul > li{display:table-cell;height:270px;vertical-align:middle;}
.speaking_list > li h4{font-size:28px;line-height:32px;color:#333;}
.speaking_list > li p.ex_txt{margin-top:10px;font-size:14px;line-height:18px;color:#727272;}
.speaking_list > li span.date_txt{position:absolute;z-index:1;left:15px;top:10px;font-size:13px;line-height:16px;color:#41a2a8;}
.speaking_list > li span.arrow{position:absolute;z-index:1;right:50px;bottom:-30px;display:block;width:30px;height:31px;background:url(images/common/bg_speak_aroow.png) no-repeat 0 0;}
.speaking_list > li:hover{border:1px solid #394453;}
.speaking_list > li:focus h4,
.speaking_list > li:hover h4{color:#4da6ca;}
.speaking_list > li:hover span.arrow{background:url(images/common/bg_speak_aroow_on.png) no-repeat 0 0;}

/* 한국어한마디 뷰페이지 */
.speak_box{padding:78px 40px;text-align:center;border:1px solid #d8d8d8;background:url(images/common/bg_speak_box02.jpg) repeat-y left bottom;}
.speak_box h3{font-size:46px;line-height:50px;color:#394453;font-weight:bold;}
.speak_box p{margin:10px 0 0 0;font-size:20px;line-height:24px;color:#727272;}
.speak_box .btn_speak_box{margin:25px auto 0;height:45px;*width:245px;}
.speak_box .btn_speak_box a{display:inline-block;*display:inline;zoom:1;*float:left;width:45px;height:45px;margin-left:5px;font-size:0;line-height:0;text-indent:-9999px;}
.speak_box .btn_speak_box a:first-child{margin:0;}
.speak_box .btn_speak_box a.btn_speak_play{background:url(images/common/bg_speak_play.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_play:hover{background:url(images/common/bg_speak_play_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_play.active{background:url(images/common/bg_speak_play_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_reset{background:url(images/common/bg_speak_reset.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_reset:hover{background:url(images/common/bg_speak_reset_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_reset.active{background:url(images/common/bg_speak_reset_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_pause{background:url(images/common/bg_speak_pause.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_pause:hover{background:url(images/common/bg_speak_pause_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_pause.active{background:url(images/common/bg_speak_pause_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_stop{background:url(images/common/bg_speak_stop.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_stop:hover{background:url(images/common/bg_speak_stop_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_stop.active{background:url(images/common/bg_speak_stop_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_again{background:url(images/common/bg_speak_again.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_again:hover{background:url(images/common/bg_speak_again_on.png) no-repeat 0 0;}
.speak_box .btn_speak_box a.btn_speak_again.active{background:url(images/common/bg_speak_again_on.png) no-repeat 0 0;}

.talk_box{margin:35px 0 0 0;}
.talk_box h4{margin:0 0 30px 0;font-size:20px;line-height:24px;color:#333;font-weight:bold;}
.talk_box .talk_list_box{overflow:hidden;}
.talk_box .talk_list_box .talk_img{float:left;width:310px;}
.talk_box .talk_list_box .talk_img img{width:100%;}
.talk_box .talk_list_box .talk_list{float:right;width:310px;}
.talk_box .talk_list_box .talk_list li{min-height:40px;padding:0 0 0 55px;margin:20px 0 0 0;}
.talk_box .talk_list_box .talk_list li:first-child{margin:0;}
.talk_box .talk_list_box .talk_list li.talk_a{background:url(images/common/bg_speak_a.png) no-repeat left top;}
.talk_box .talk_list_box .talk_list li.talk_b{background:url(images/common/bg_speak_b.png) no-repeat left top;}
.talk_box .talk_list_box .talk_list li .kor_txt{margin:0 0 4px 0;font-size:14px;line-height:20px;color:#333;font-weight:bold;}
.talk_box .talk_list_box .talk_list li .trans_txt{font-size:13px;line-height:20px;color:#727272;}
.talk_box .talk_list_box .talk_list li .btn_talk_box{position:relative;text-align:right;overflow:hidden;}
.talk_box .talk_list_box .talk_list li .btn_talk_box span{float:left;padding:5px 0 0 60px;*padding:5px 0 0 30px;font-size:14px;line-height:18px;color:#333;font-weight:bold;}
.talk_box .talk_list_box .talk_list li .btn_talk_box p{float:right;height:27px;*width:144px;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a{float:left;width:27px;height:27px;margin-left:2px;font-size:0;line-height:0;text-indent:-9999px;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a:first-child{margin:0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_play{background:url(images/common/bg_speak_play02.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_play:hover{background:url(images/common/bg_speak_play02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_play.active{background:url(images/common/bg_speak_play02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_reset{background:url(images/common/bg_speak_reset02.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_reset:hover{background:url(images/common/bg_speak_reset02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_reset.active{background:url(images/common/bg_speak_reset02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_pause{background:url(images/common/bg_speak_pause02.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_pause:hover{background:url(images/common/bg_speak_pause02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_pause.active{background:url(images/common/bg_speak_pause02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_stop{background:url(images/common/bg_speak_stop02.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_stop:hover{background:url(images/common/bg_speak_stop02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_stop.active{background:url(images/common/bg_speak_stop02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_again{background:url(images/common/bg_speak_again02.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_again:hover{background:url(images/common/bg_speak_again02_on.png) no-repeat 0 0;}
.talk_box .talk_list_box .talk_list li .btn_talk_box a.btn_speak_again.active{background:url(images/common/bg_speak_again02_on.png) no-repeat 0 0;}

.talk_box02{margin:35px 0 0 0;padding:40px 0 0 0;border-top:1px solid #d8d8d8;}
.talk_box02 h4{margin:0 0 30px 0;font-size:20px;line-height:24px;color:#333;font-weight:bold;}
.talk_box02 h5{font-size:14px;line-height:16px;color:#333;font-weight:bold;}

.talk_box03{margin:35px 0 0 0;padding:40px 0 0 0;border-top:1px solid #d8d8d8;}
.talk_box03 h4{margin:0 0 30px 0;font-size:20px;line-height:24px;color:#333;font-weight:bold;}
.talk_box03 .txt_box{padding:20px;font-size:14px;line-height:22px;color:#555;background:#f5f5f5;}

/* 라이브러리-브로셔 */
ul.brochure_list{overflow:hidden;margin:0 -2%;}
ul.brochure_list li{float:left;width:29.3333%;margin:40px 2% 0;padding:0;background-color:#f5f5f5;box-shadow:0 2px 20px rgba(0,0,0,0);transition-duration:.3s;}
ul.brochure_list li>div{display:table;width:100%;}
ul.brochure_list li>div>*{display:table-cell;vertical-align:top;}
ul.brochure_list li .thumb{width:50%;}
ul.brochure_list li .thumb:before{padding-top:143%;}
ul.brochure_list li .con_box{position:relative;margin-left:50%;padding:11px 16px 0 20px;}
ul.brochure_list li .con_box h4{height:7.5em;white-space:normal;text-overflow:initial;}
ul.brochure_list li .con_box .btn_box{position:absolute;bottom:21px;right:16px;left:16px;}
ul.brochure_list li .con_box .btn_box .btn{display:block;margin-top:8px;text-transform:uppercase;}
ul.brochure_list li:hover{box-shadow:0 2px 20px rgba(0,0,0,0.2);}

/* 라이브러리-정책자료실 */
ul.policy_list li.lastLi{margin-right:0;}
ul.policy_list li.template_cnt{overflow:unset;}
ul.policy_list li .con_box{position:relative;padding:13px 21px;background-color:#f6f6f6;box-shadow:0 2px 20px rgba(0,0,0,0);transition-duration:.3s;}
ul.policy_list li .con_box h4{overflow:hidden;padding:11px 145px 12px 39px;white-space:nowrap;text-overflow:ellipsis;}
ul.policy_list li .con_box h4:before{content:"\f1c1";position:absolute;left:0;top:50%;font-family:"Font Awesome 5 Free";font-weight:900;font-size:40px;color:#4da6ca;z-index:1;transform:translateY(-50%);}
ul.policy_list li .btn_box{position:absolute;top:50%;right:45px;transform:translateY(-50%);}
ul.policy_list li .btn_box .btn{position:static;transform:none;}
ul.policy_list li .btn_box .ico-view{display:none;}
ul.policy_list li.on .con_box{box-shadow:0 2px 20px rgba(0,0,0,0.2);}
ul.policy_list br{display:none;}

/* 갤러리 - 파노라마 */
ul.panorama_list{overflow:hidden;}
ul.panorama_list li{float:left;width:310px;margin-right:34px;padding:30px 0 8px 0;border-bottom:1px solid #d8d8d8;}
ul.panorama_list li:hover{border-bottom:1px solid #333;}
ul.panorama_list li:hover h4{text-decoration:underline;}
ul.panorama_list li.lastLi{margin-right:0;}
ul.panorama_list li .photo_img{width:310px;height:175px;margin-bottom:8px;}
ul.panorama_list li .photo_img img{width:310px;height:175px;}
ul.panorama_list li .con_box .desc_box{width:214px;float:left;}
ul.panorama_list li .con_box h4{font-size:16px;line-height:28px;color:#333;font-weight:bold;}
ul.panorama_list li .con_box p{font-size:14px;line-height:28px;color:#333;}
ul.panorama_list li .con_box .btn_box{margin-left :214px;}
ul.panorama_list li .con_box .btn_box a.btn_view_28{margin-bottom:4px;}

/* 사이트맵 */
.sitemap_box{overflow:hidden;}
.sitemap_box h3{float:left;width:22%;padding:15px 0 0 0;border-top:2px solid #333;}
.sitemap_box h3 a{font-size:22px;line-height:26px;color:#222;font-weight:bold;}
.sitemap_box h3 a:hover{color:#41a2a8;}
.sitemap_box > ul{float:right;width:74%;}
.sitemap_box > ul > li{float:left;width:30%;margin-right:5%;margin-bottom:50px;}
.sitemap_box > ul > li.lastLi{margin-right:0;}
.sitemap_box > ul > li h4{padding:15px 0;margin-bottom:20px;border-top:1px solid #333;border-bottom:1px solid #d8d8d8;}
.sitemap_box > ul > li h4 a{display:block;height:45px;overflow:hidden;font-size:18px;line-height:22px;color:#555;font-weight:bold;}
.sitemap_box > ul > li h4 a:hover{color:#41a2a8;}
.sitemap_box > ul > li > ul > li{padding:0 0 0 12px;margin-top:5px;background:url(images/common/bg_jum_list.jpg) no-repeat 4px 9px;}
.sitemap_box > ul > li > ul > li:first-child{margin-top:0;}
.sitemap_box > ul > li > ul > li a{font-size:14px;line-height:20px;color:#555;}
.sitemap_box > ul > li > ul > li a:hover{color:#41a2a8;}

/* side list */
.panel-grid-cell .side-board .widget-title{margin-bottom:1px;}


/* ----------------------------------------------------------------------------
	09:서울소개
------------------------------------------------------------------------------- */
/* 서울소개_역사 */
.sub_wid_one .c_about_his_box:first-child{margin-top:40px;}
.c_about_his_box{position:relative;overflow:hidden;background:url(images/about/bg_his_line.jpg) repeat-y center top;}
.c_about_his_box h3{padding:0px 0 4px 0 !important;margin:0 0 20px 0 !important;text-align:center;font-size:30px !important;line-height:36px !important;color:#333 !important;font-weight:bold;background:#fff url(images/about/bg_his_title.jpg) no-repeat center bottom;}
.c_about_his_box h3.toph3{position:absolute;z-index:1;left:0;top:-6px;width:100%;padding:1px 0 4px 0 !important;}
.c_about_his_box div.his_box_left{float:left;width:45%;}
.c_about_his_box div.his_box_right{float:right;width:45%;}
.c_about_his_box div.h_world_box{position:relative;padding:20px 20px 10px 20px;background:#f5f5f5;}
.c_about_his_box div.h_world_box dl:first-child{margin-top:0;}
.c_about_his_box div.h_world_box span.arrow{position:absolute;z-index:1;right:-11px;top:0;width:11px;height:18px;background:#fff url(images/about/bg_his_arrow02.jpg) no-repeat left top;}
.c_about_his_box div.h_seoul_box p{padding-bottom:20px;}
.c_about_his_box h4{position:relative;z-index:2;padding:0 0 10px 0 !important;margin:0 0 30px 0 !important;font-size:18px !important;line-height:22px !important;text-align:center;font-weight:bold;background:none !important;}
.c_about_his_box h4.black{color:#333333 !important;border-bottom:1px solid #333;}
.c_about_his_box h4.blue{color:#4da6ca !important;border-bottom:1px solid #4da6ca;}
.c_about_his_box h4.hid{display:block;text-indent:-9999px;font-size:0 !important;padding:0 !important;margin:0 !important;line-height:0px !important;}
.c_about_his_box dl{padding-bottom:10px;}
.c_about_his_box dl dt{margin:0 0 3px 0;font-size:14px;line-height:20px;color:#333;}
.c_about_his_box dl dd{font-size:14px;line-height:20px;color:#555;}

/* 서울소개_역대시장 */
.about_former_contents{background:url(images/about/bg_his_line.jpg) repeat-y center top;}
.c_former_box{position:relative;}
.c_former_box.h3pad{padding-top:60px;}
.c_former_box h3{padding:0px 0 4px 0 !important;margin:0 !important;font-size:30px !important;line-height:36px !important;color:#333 !important;font-weight:bold;text-align:center;background:#fff url(images/about/bg_his_title.jpg) no-repeat center bottom;}
.c_former_box h5{margin:0 !important;padding-left:0 !important;background:none !important;}
.c_former_box h5::before{display:none !important;}
.c_former_box>div[class*="former_"]{position:relative;width:170px;height:106px;padding:15px 0 0 120px;margin-top:60px;background:#f5f5f5;}
.c_former_box>div[class*="former_"] h4{position:absolute;z-index:1;top:45px;padding:6px 0 6px 0 !important;margin:0 !important;font-size:14px;line-height:20px;color:#222;font-weight:bold;text-align:center;background:#fff;}
.c_former_box>div[class*="former_"] span.arrow_left{position:absolute;z-index:1;top:60px;width:16px;height:1px;background:#fff url(images/about/seoul_arrow_left.png) no-repeat left top;}
.c_former_box>div[class*="former_"] p{margin:3px 0 0 0;}
.c_former_box div.former_left{float:left;left:50%;margin-left:-327px;}
.c_former_box div.former_left h4{right:-51px;}
.c_former_box div.former_left span.arrow_left{right:-15px;}
.c_former_box div.former_right{left:50%;float:left;margin-left:42px;}
.c_former_box div.former_right h4{left:-55px;}
.c_former_box div.former_right span.arrow_left{left:-21px;}
.c_former_box span.arrow_left.none{display:none;}
.c_former_box h5 span{display:block;line-height:20px;color:#333;font-weight:bold;}
.c_former_box h5 span.txt_01{font-size:13px;}
.c_former_box h5 span.txt_02{font-size:18px;}
.c_former_box img{position:absolute;z-index:0;left:0;top:0;width:102px;height:121px;}
.c_former_box p{font-size:13px;line-height:16px;color:#4da6ca;}
.c_former_box a.btn_c_policy{display:block;position:absolute;z-index:0;right:15px;bottom:8px;padding-right:12px;font-size:13px;line-height:16px;color:#333;background:url(images/about/policy_arrow.png) no-repeat right center;}
.c_former_box a.btn_c_policy.on{display:none;}
.c_former_box div.former_con_list{display:none;position:absolute;z-index:1;left:0;top:121px;width:290px;background:#f5f5f5;}
.c_former_box div.former_con_list ul{padding:15px;}
.c_former_box div.former_con_list ul li{overflow:hidden;padding-left:8px;margin-top:5px;font-size:13px;line-height:18px;color:#333;background:url(images/common/bg_con_jum.jpg) no-repeat left 6px;}
.c_former_box div.former_con_list p{padding:9px 15px;background:#e9e9e9;text-align:right;}
.c_former_box div.former_con_list p a.btn_policy_close{display:block;padding-right:12px;font-size:13px;line-height:16px;color:#333;background:url(images/about/policy_arrow_on.png) no-repeat right center;}

/* 서울소개_컨텐츠_박스*/
.map_01_contents .sub_wid_one{margin:20px 0 0 0 !important;}
.map_02_contents .sub_wid_one{margin:20px 0 0 0 !important;}
.map_03_contents .sub_wid_one{margin:20px 0 0 0 !important;}
.map_04_contents .sub_wid_one{margin:20px 0 0 0 !important;}
.haeng_01_contents .sub_wid_one{margin:20px 0 0 0 !important;}

/* 서울의상징 */
.c_color_area{padding-left:61px;position:relative;}
.c_monored{width:50px;height:50px;background:#be1138;position:absolute;top:0;left:0;}
.c_sc7912{width:50px;height:50px;background:#0188cb;position:absolute;top:0;left:0;}
.c_sc4904{width:50px;height:50px;background:#289848;position:absolute;top:0;left:0;}
.c_color_h5{display:inline-block;}
.c_monored_mini{width:14px;height:14px;margin-bottom:7px !important;background:#be1138;display:inline-block;}
.c_hangang_mini{width:12px;height:12px;border:1px solid #d8d8d8;background:#ebecf0;display:inline-block;}

/* 시장약력 */
.c_mayor_list li{margin-top:15px;overflow:hidden;}
.c_mayor_list li:first-child{margin-top:0;}
.c_mayor_list li span.year_txt{float:left;line-height:22px;font-weight:bold;font-size:18px;color:#333;border-bottom:1px solid #333;}
.c_mayor_list li span.year_txt br{display:block;}
.c_mayor_list li span.ex_txt{float:right;width:77%;line-height:22px;margin:0 0 0 20px;font-size:14px;color:#555;}
.c_mayor_list li br{display:none;}
.c_awards_wrap{overflow:hidden;}
.c_awards_box{float:left;width:49.7%;border-top:1px solid #747c86;border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px dotted #d8d8d8;}
.c_awards_box.right_box{border-left:none;}
.c_awards_box h4{line-height:22px;margin:0 !important;padding:10px 20px !important;font-size:14px;font-weight:bold;color:#394453;border-bottom:1px dotted #d8d8d8;border-bottom:1px dotted #d8d8d8;background:#f5f5f5 !important;}
.c_awards_box ul{height:330px;padding:30px 20px;}
.c_awards_box ul li{margin-top:30px;overflow:hidden;}
.c_awards_box ul li:first-child{margin-top:0;}
.c_awards_box ul li span.year_txt{float:left;line-height:18px;width:50px;font-size:14px;font-weight:bold;color:#333;}
.c_awards_box ul li span.ex_txt{float:right;width:80%;line-height:18px;font-size:14px;color:#555;}
.c_awards_box br{display:none;}

/* 서울소개_시장메세지 */
.c_line_left_txt{margin:35px 0 0 0;padding:0 0 55px 20px;background:url(images/about/bg_ceo_line.jpg) repeat-y left top;} 
.c_line_left_txt p.big_txt{line-height:24px;font-size:16px;color:#333;} 
.c_line_left_txt p{line-height:22px;margin:25px 0 0 0 !important;font-size:13px;color:#555;} 
.c_line_left_txt p:first-child{margin:0 0 0 0 !important;}

/* 서울소개_찾아오시는길 */
.c_map_icon{width:15px;height:15px;}
.c_map_icon img{width:15px;height:15px;}

/* 서울소개_서울통계 */
.c_statistics ul{overflow:hidden;clear:both;list-style-type:none;}
.c_statistics ul li{float:left;width:30%;margin-right:5%;padding:0;list-style-type:none;background:none;}
.c_statistics ul li.last_child{margin-right:0;}
.c_statistics ul li p span{display:inline-block;line-height:30px;vertical-align:bottom;}
.c_statistics ul li p span.c_statistics_txt{font-size:26px;color:#4da6ca;}
.c_statistics ul li p.c_right{height:100px;line-height:100px;}

/* 서울소개_도시경쟁력평가지수 */
.c_competition li{height:89px;padding:20px 0 30px 0;padding-left:118px;margin-top:17px;background:url(images/about/bg_line.png) bottom left repeat-x;position:relative;}
.c_competition li h5{margin:0 !important;padding:0 !important;}
.c_competition li p{margin:3px 0 0 0;font-size:13px;line-height:18px;color:#727272;}
.c_competition .count{font-size:80px;position:absolute;top:49px;left:33px;}
.c_competition br{display:none;}

/* 서울소개_외국인평가 */
.c_rating{margin-top:60px;overflow:hidden;clear:both;}
.c_rating .c_leftBox{width:130px;padding:10px 20px 0 20px;text-align:center;float:left;}
.c_rating .c_rightBox{float:right;}
.c_rating br{display:none;}
.c_question{padding:12px 0 12px 56px;margin:30px 0 25px 0 !important;background:url(images/about/bg_icon_q.png) no-repeat left top;}

/* 서울소개_서울시 분야별 통계 */
.c_statistics_tab{padding-left:0 !important;list-style-type:none !important;border:1px solid #d8d8d8;border-top:2px solid #747c86;}
.c_statistics_tab > li{list-style-type:none !important;border-bottom:1px dotted #d8d8d8;background:none !important;}
.c_statistics_tab > li.last_child{border-bottom:none;}
.c_statistics_tab > li > a{display:block;font-size:15px;line-height:22px;font-weight:bold;color:#333;padding:10px 20px;background:url(images/common/bg_comment_on.png) 97% center no-repeat;}
.c_statistics_tab > li > a.on{color:#fff;background:#394453 url(images/common/bg_comment_on2.png) 97% center no-repeat;}
.c_statistics_tab > li > a + p{display:none;}
.c_statistics_tab div{display:none;padding:20px 20px;background:#f5f5f5;}
.c_statistics_tab div ul{clear:both;overflow:hidden;}
.c_statistics_tab div ul li{float:left;width:50%;}
.c_statistics_tab div ul li a{display:block;padding:5px 15px 5px 21px;font-size:13px;line-height:18px;color:#333;background:url(images/common/bg_con_win.png) left 9px no-repeat;}
.c_statistics_tab div ul li a:focus,
.c_statistics_tab div ul li a:hover{color:#4da6ca;text-decoration:underline;}

/* 서울소개_서체 */
.c_font_content{padding:30px 20px;background:#f5f5f5;}
.c_font_content h4{padding:30px 0 0 0 !important;margin:0 !important;font-size:16px !important;line-height:20px !important;color:#333 !important;font-weight:bold;background:none !important;}
.c_font_content h5{padding:0 0 0 20px !important;margin:30px 0 10px 0 !important;font-size:14px !important;line-height:18px !important;color:#333 !important;font-weight:bold;background:url(images/common/icon_notice.png) left center no-repeat;}
.c_font_content h5:first-child{margin:0 0 10px 0 !important;}
.c_font_content .c_font_down{padding:0 20px;}
.c_font_content .c_font_down ul li{margin-top:15px;}
.c_font_content .c_font_down p{padding-bottom:5px;}
.c_font_content .c_font_line{padding-bottom:25px;border-bottom:1px solid #d8d8d8;}
.c_font_content .black{color:#333;font-weight:bold;}
.c_font_content .blue{font-weight:normal;}

/* 조직도 */
.c_link_list{overflow:hidden;padding-left:0 !important;list-style-type:none !important;border:1px solid #d8d8d8;}
.c_link_list li{float:left;width:49.9%;height:100px;*height:120px;padding-left:0 !important;list-style-type:none !important;border-right:1px dotted #d8d8d8;border-bottom:1px dotted #d8d8d8;background:none !important;}
.c_link_list li.bd_r_none{border-right:none;}
.c_link_list li.bd_b_none{border-bottom:none;}
.c_link_list li .c_link_txt{position:relative;padding:5px 8px 8px 100px;}
.c_link_list li .c_link_txt img{position:absolute;z-index:1;left:10px;top:8px;}
.c_link_list.no_img li{height:90px;margin-top:0;padding-top:5px;}
.c_link_list.no_img li .c_link_txt{position:relative;padding:5px 8px 8px 20px;}
.c_link_list.no_img img{display:none;}
.c_link_list br{display:none;}

.organ_01_contents .sub_wid_one .c_organ_line_box:first-child{padding-bottom:180px}
.c_organ_line_box{position:relative;padding:0 0 60px 0;}
/*.c_organ_line_box.line_bottom{padding:0 0 38px 0;background:url(images/about/bg_organ_line03.jpg) no-repeat left bottom;}*/
.c_organ_line_box.line_bottom:after{content:"";position:absolute;top:32px;left:22.6%;width:50%;height:1px;background-color:#d8d8d8;z-index:0;}
.c_organ_line_box.line2_01{background-position:33% -1px;}
.c_organ_line_box.line2_02{height:350px;}
.c_organ_line_box.line2_03{height:521px;}
.c_organ_line_box.line2_04{background:none;}
.c_organ_line_box h3{position:relative;float:left;width:22.6%;padding:20px 2.5% !important;margin:0 8% 0 0 !important;background:#fff;border:1px solid #4da6ca;color:#4da6ca !important;font-size:14px !important;line-height:20px !important;text-align:center;z-index:1;}
.c_organ_line_box h3.mar_r{margin:0 12.5% 0 0 !important;}
.c_organ_line_box h3.top_h3{background:#4da6ca !important;font-size:20px !important;color:#fff !important;}
.c_organ_line_box br{display:none;}
.c_organ_line_box_last{padding-bottom:0;background:none !important}

.c_organ_line_box ul{list-style:none;padding-left:0;}
.c_organ_line_box ul li{overflow:visible;list-style:none;}
.c_organ_line_box ul li h5::before{display:none;}
.c_organ_line_box ul.organ_2depth_list,
.c_organ_line_box ul.organ_3depth_list{position:relative;}
.c_organ_line_box ul.organ_2depth_list:before,
.c_organ_line_box ul.organ_3depth_list:before{content:"";position:absolute;top:32px;left:-45%;width:45%;height:1px;background-color:#d8d8d8;z-index:0;}

.c_organ_line_box.line2_03 ul.organ_2depth_list>li:before{content:"";position:absolute;top:32px;left:-45%;width:45%;height:1px;background-color:#d8d8d8;}
.c_organ_line_box.line2_03 ul.organ_2depth_list>li:last-child:before{display:none;}

.c_organ_line_box ul[class*="depth_list"] > li > .layer_organ{display:none;position:absolute;z-index:5;left:-1px;/* top:-1px;*/bottom:0;width:100%;padding:0 0 10px 0 !important;border:1px solid #00597d;background:#fff;} 
.c_organ_line_box ul[class*="depth_list"] > li > .layer_organ > h5{padding:0 0 1px 0 !important;margin:0 0 10px 0 !important;background:url(images/about/bg_organ_title.jpg) no-repeat 15px bottom;}
.c_organ_line_box ul[class*="depth_list"] > li > .layer_organ > h5 > a{display:block;padding:20px 25px 20px 15px;font-size:14px;line-height:20px;color:#00597d;background:#fff url(images/about/organ_arrow_on.png) no-repeat 93% center;}
.c_organ_line_box ul[class*="depth_list"] > li > .layer_organ > h6{margin:5px 5px 5px 15px !important;padding:0 !important;font-size:12px !important;line-height:16px !important;color:#555 !important;font-weight:bold;}
.c_organ_line_box ul[class*="depth_list"] > li > .layer_organ > ul{margin:0 0 0 15px !important;}
.c_organ_line_box ul[class*="depth_list"] > li > .layer_organ > ul > li{padding:0 0 4px 8px !important;font-size:12px;line-height:16px;color:#727272;background:url(images/common/bg_con_jum.jpg) no-repeat left 6px;}

.c_organ_line_box ul.organ_2depth_list{float:left;width:28%;margin-right:7.5% !important;/*background:url(images/about/bg_his_line.jpg) repeat-y center top;*/}
.c_organ_line_box ul.organ_2depth_list.bg_none{background:none;padding:0;margin:0;;}
.c_organ_line_box ul.organ_2depth_list.bg_none:before{content:"";position:absolute;top:auto;left:-22%;bottom:30px;width:22%;height:1px;background-color:#d8d8d8;z-index:0;}
.c_organ_line_box ul.organ_2depth_list > li{position:relative;padding:20px 0;margin-top:10px;border:1px solid #d8d8d8;background:#f5f5f5;z-index:1;}
.c_organ_line_box ul.organ_2depth_list > li.bullet{background:#f5f5f5 url(images/about/organ_arrow.png) no-repeat 93% center;}
.c_organ_line_box ul.organ_2depth_list > li.bullet:hover .layer_organ{display:block;}
.c_organ_line_box ul.organ_2depth_list > li:first-child{margin-top:0;}
.c_organ_line_box ul.organ_2depth_list > li.mar_b{margin-bottom:520px;}
.c_organ_line_box ul.organ_2depth_list > li.none{visibility:hidden;padding:0;border:1px solid #fff;height:0;background:none;}
.c_organ_line_box ul.organ_2depth_list > li h4{padding:0 15px 0 10px !important;margin:0 !important;font-size:14px !important;line-height:20px !important;color:#333 !important;background:none;}
.c_organ_line_box ul.organ_2depth_list > li h4 a{font-weight:700;color:#333;}
.c_organ_line_box ul.organ_2depth_list > li > ul{position:absolute;z-index:1;left:0;top:80px;width:380px;}
.c_organ_line_box ul.organ_2depth_list > li > ul > li{padding:0 0 7px 8px !important;line-height:1.3;background:url(images/common/bg_con_jum.jpg) no-repeat left 6px !important;}
.c_organ_line_box_last{padding-bottom:0;background:none !important}
.c_organ_line_box ul.organ_2depth_list > li > .layer_organ{display:none;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ{display:block;position:absolute;z-index:5;left:-1px;/* top:-1px;*/bottom:0;padding:0 0 10px 0 !important;border:1px solid #00597d;background:#fff;} 
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > h5{padding:0 0 1px 0 !important;margin:0 0 10px 0 !important;background:url(images/about/bg_organ_title.jpg) no-repeat 15px bottom;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > h5 > a{display:block;padding:20px 25px 20px 15px;font-size:14px;line-height:20px;color:#00597d;background:#fff url(images/about/organ_arrow_on.png) no-repeat 93% center;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > h6{margin:5px 5px 5px 15px !important;padding:0 !important;font-size:12px !important;line-height:16px !important;color:#555 !important;font-weight:bold;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > ul{margin:0 0 0 15px !important;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > ul > li{padding:0 0 4px 8px !important;font-size:12px;line-height:16px;color:#727272;background:url(images/common/bg_con_jum.jpg) no-repeat left 6px;}

.c_organ_line_box ul.organ_3depth_list{float:left;width:28%;background:url(images/about/bg_his_line.jpg) repeat-y center top;}
.c_organ_line_box ul.organ_3depth_list > li{position:relative;margin:10px 0 0 0 !important;padding-left:0;border:1px solid #d8d8d8;background:none;z-index:1;}
.c_organ_line_box ul.organ_3depth_list > li:first-child{margin:0 !important;}
.c_organ_line_box ul.organ_3depth_list > li > h5{margin:0 !important;padding:0 !important;}
.c_organ_line_box ul.organ_3depth_list > li > h5 > a{display:block;padding:20px 25px 20px 15px !important;font-size:14px;line-height:20px;color:#333;background:#fff url(images/about/organ_arrow.png) no-repeat 93% center;}
.c_organ_line_box ul.organ_3depth_list > li > h5 > a.bg_none{background:#fff}
.c_organ_line_box ul.organ_3depth_list > li > .layer_organ{display:none;}
.c_organ_line_box ul.organ_3depth_list > li:hover > .layer_organ{display:block;position:absolute;z-index:5;right:-1px;/* top:-1px;*/bottom:0;padding:0 0 10px 0 !important;border:1px solid #00597d;background:#fff;} 
.c_organ_line_box ul.organ_3depth_list > li:hover > .layer_organ > h5{padding:0 0 1px 0 !important;margin:0 0 10px 0 !important;background:url(images/about/bg_organ_title.jpg) no-repeat 15px bottom;}
.c_organ_line_box ul.organ_3depth_list > li:hover > .layer_organ > h5 > a{display:block;padding:20px 25px 20px 15px;font-size:14px;line-height:20px;color:#00597d;background:#fff url(images/about/organ_arrow_on.png) no-repeat 93% center;}
.c_organ_line_box ul.organ_3depth_list > li:hover > .layer_organ > h6{margin:5px 5px 5px 15px !important;padding:0 !important;font-size:12px !important;line-height:16px !important;color:#555 !important;font-weight:bold;}
.c_organ_line_box ul.organ_3depth_list > li:hover > .layer_organ > ul{margin:0 0 0 15px !important;}
.c_organ_line_box ul.organ_3depth_list > li:hover > .layer_organ > ul > li{padding:0 0 4px 8px !important;font-size:12px;line-height:16px;color:#727272;background:url(images/common/bg_con_jum.jpg) no-repeat left 6px;}
.c_organ_line_box br{display:none;}
.c_organ_line_box ul.organ_3depth_list > li:hover .layer_organ{display:block;}
.c_organ_line_box ul.organ_3depth_list > li .layer_organ{right:-1px;left:auto;}
.c_organ_line_box_last{padding-bottom:0;background:none !important}

.c_borough_box{position:relative;width:100%;overflow:hidden;background:#f5f5f5;}
.c_borough_box .map_con{display:none;padding:579px 40px 40px 40px;}
.c_borough_box .map_link a{position:absolute;z-index:1;font-size:13px;line-height:16px;color:#333;text-align:center;}
.c_borough_box .map_link br{display:none;}
.c_borough_box .map_link a br{display:block !important;}
.c_borough_box .map_link a.on{color:#fff;}
.c_borough_box .map_link a.map1{left:229px;top:203px;}
.c_borough_box .map_link a.map2{left:466px;top:315px;}
.c_borough_box .map_link a.map3{left:388px;top:110px;}
.c_borough_box .map_link a.map4{left:414px;top:265px;}
.c_borough_box .map_link a.map5{left:266px;top:408px;}
.c_borough_box .map_link a.map6{left:220px;top:372px;}
.c_borough_box .map_link a.map7{left:344px;top:164px;}
.c_borough_box .map_link a.map8{left:540px;top:325px;}
.c_borough_box .map_link a.map9{left:427px;top:432px;}
.c_borough_box .map_link a.map10{left:77px;top:300px;}
.c_borough_box .map_link a.map11{left:211px;top:455px;}
.c_borough_box .map_link a.map12{left:110px;top:421px;}
.c_borough_box .map_link a.map13{left:270px;top:470px;}
.c_borough_box .map_link a.map14{left:306px;top:340px;}
.c_borough_box .map_link a.map15{left:317px;top:255px;}
.c_borough_box .map_link a.map16{left:328px;top:305px;}
.c_borough_box .map_link a.map17{left:481px;top:230px;}
.c_borough_box .map_link a.map18{left:235px;top:312px;}
.c_borough_box .map_link a.map19{left:448px;top:161px;}
.c_borough_box .map_link a.map20{left:360px;top:449px;}
.c_borough_box .map_link a.map21{left:256px;top:264px;}
.c_borough_box .map_link a.map22{left:356px;top:230px;}
.c_borough_box .map_link a.map23{left:391px;top:313px;}
.c_borough_box .map_link a.map24{left:493px;top:400px;}
.c_borough_box .map_link a.map25{left:132px;top:358px;}
.c_borough_box [class*="map_con"]{background-repeat:no-repeat;background-position:left top;}
.c_borough_box .map_con0{background-image:url(images/about/map_00.jpg);}
.c_borough_box .map_con1{background-image:url(images/about/map_Eunpyeong-gu.jpg);}
.c_borough_box .map_con2{background-image:url(images/about/map_Gwangjin-gu.jpg);}
.c_borough_box .map_con3{background-image:url(images/about/map_Dobong-gu.jpg);}
.c_borough_box .map_con4{background-image:url(images/about/map_Dongdae-gu.jpg);}
.c_borough_box .map_con5{background-image:url(images/about/map_Dongjak-gu.jpg);}
.c_borough_box .map_con6{background-image:url(images/about/map_Yeongdeungpo-gu.jpg);}
.c_borough_box .map_con7{background-image:url(images/about/map_Gangbuk-gu.jpg);}
.c_borough_box .map_con8{background-image:url(images/about/map_Gangdong-gu.jpg);}
.c_borough_box .map_con9{background-image:url(images/about/map_Gangnam-gu.jpg);}
.c_borough_box .map_con10{background-image:url(images/about/map_Gangseo-gu.jpg);}
.c_borough_box .map_con11{background-image:url(images/about/map_Geumcheon-gu.jpg);}
.c_borough_box .map_con12{background-image:url(images/about/map_Guro-gu.jpg);}
.c_borough_box .map_con13{background-image:url(images/about/map_Gwanak-gu.jpg);}
.c_borough_box .map_con14{background-image:url(images/about/map_Yongsan-gu.jpg);}
.c_borough_box .map_con15{background-image:url(images/about/map_Jongno-gu.jpg);}
.c_borough_box .map_con16{background-image:url(images/about/map_Jung-gu.jpg);}
.c_borough_box .map_con17{background-image:url(images/about/map_Jungnang-gu.jpg);}
.c_borough_box .map_con18{background-image:url(images/about/map_Mapo-gu.jpg);}
.c_borough_box .map_con19{background-image:url(images/about/map_Nowon-gu.jpg);}
.c_borough_box .map_con20{background-image:url(images/about/map_Seocho-gu.jpg);}
.c_borough_box .map_con21{background-image:url(images/about/map_Seodaemun-gu.jpg);}
.c_borough_box .map_con22{background-image:url(images/about/map_Seongbuk.jpg);}
.c_borough_box .map_con23{background-image:url(images/about/map_Seongdong-gu.jpg);}
.c_borough_box .map_con24{background-image:url(images/about/map_Songpa-gu.jpg);}
.c_borough_box .map_con25{background-image:url(images/about/map_Yangcheon-gu.jpg);}
.c_borough_box .map_con.on{display:block;}
.c_borough_box .map_con.on a{font-size:13px;line-height:16px;}
.c_borough_box .map_con_view{padding:40px 0 0 0;overflow:hidden;border-top:1px solid #d8d8d8;}
.c_borough_box .map_con_view img+p{display:none;}
.c_borough_box img{float:left;width:150px;margin-right:30px;}
.c_borough_box ul{float:left;width:63%;}
.c_borough_box ul li{padding-left:8px;margin-top:7px;font-size:13px;line-height:16px;color:#333;background:url(images/common/bg_con_jum.jpg) no-repeat left 7px;}
.c_borough_box ul li:first-child{margin-top:0;padding-left:0;background:none;}
.c_borough_box ul li h3{margin:0 !important;font-size:22px;line-height:30px;color:#222;}
.c_borough_box ul li span.title_txt{font-weight:bold;}
.c_borough_box ul li span.ex_txt a{text-decoration:underline;color:#41a2a8;}
.c_borough_box ul li br{display:none;}


/* ----------------------------------------------------------------------------
	10:생활정보
------------------------------------------------------------------------------- */
/*코스 리스트 */
.c_course_walk{overflow:hidden;margin-left:-1%;padding:30px 1% 12px 0;}
.c_course_walk li{position:relative;float:left;width:14.66%;padding:35px 1% 12px;list-style:none !important;}
.c_course_walk li:before{content:"";position:absolute;top:13px;left:0;width:100%;height:2px;background-color:#333;}
.c_course_walk li:after{content:"\f35a";font-family:"Font Awesome 5 Free";font-weight:400;font-size:20px;position:absolute;top:0;right:0;margin-right:-10px;background-color:#fff;z-index:1;}
.c_course_walk li:last-child:after{display:none;}
.c_course_walk li img{width:100%;}
.c_course_walk li.coruse_arrow{width:18px;padding:0 8px;}
.c_course_walk li.coruse_arrow p{width:18px;height:18px;background:url(images/common/bg_con_arrow.png) center top no-repeat;}
.c_course_walk .c_course_time{padding-left:17px;margin-top:15px;margin-bottom:0;font-size:12px;line-height:15px;color:#41a2a8;}
.c_course_walk .c_course_time:before{content:"\f017";font-family:"Font Awesome 5 Free";font-weight:900;font-size:14px;margin-right:4px;color:#007aca;vertical-align:middle;}

.c_course_walk .c_course_time2{margin-top:15px;color:#41a2a8;}
.c_course_walk .c_course_name{margin-bottom:3px;padding-top:5px;font-weight:bold;color:#333;}
.c_course_walk .c_course_content{padding-top:4px;}
.c_course_walk .c_course_line{margin-top:15px;font-size:12px;line-height:15px;}
.c_course_walk .c_course_line span{display:inline-block;padding-left:14px;padding-right:10px;}
.c_course_walk .c_course_line .line1{background:url(images/life/bg_subway_1.png) left center no-repeat;}
.c_course_walk .c_course_line .line2{background:url(images/life/bg_subway_2.png) left center no-repeat;}
.c_course_walk .c_course_line .line3{background:url(images/life/bg_subway_3.png) left center no-repeat;}
.c_course_walk .c_course_line .line4{background:url(images/life/bg_subway_4.png) left center no-repeat;}
.c_course_walk .c_course_line .line5{background:url(images/life/bg_subway_5.png) left center no-repeat;}
.c_course_walk .c_course_line .line6{background:url(images/life/bg_subway_6.png) left center no-repeat;}
.c_course_walk .c_course_line .line7{background:url(images/life/bg_subway_7.png) left center no-repeat;}
.c_course_walk .c_course_line .line8{background:url(images/life/bg_subway_8.png) left center no-repeat;}
.c_course_walk_h li{height:220px;}
.c_course_walk_h2 li{height:240px;}

.c_jum_walk{padding:20px 20px;background:#f5f5f5;}
.c_jum_walk .jum_title{font-weight:bold;color:#555 !important;}
.c_jum_walk .jum_ex{width:80% !important;color:#555 !important;}


/* ----------------------------------------------------------------------------
	11:정책정보
------------------------------------------------------------------------------- */
/*디자인시티*/
.design_table tbody td{padding:5px 5px !important;}
.design_table p{height:54px;}
.design_table p.design_table_p{height:87px;}


/* ----------------------------------------------------------------------------
	12:Sitemap
------------------------------------------------------------------------------- */
/* sitemap */
.noside ul.menu{width:100%;padding-left:0;}
.noside ul.menu li{display:block;}
.noside ul.menu li a{display:inline-block;color:#212121;}
.noside ul.menu:after,
.noside ul.menu li:after{content:"";display:block;clear:both;}
.noside ul.menu li a:hover{color:#41a2a8;}
.noside ul.menu ul.sub-menu{overflow:hidden;}

/*1depth*/
.noside ul.menu>li + li{margin-top:50px;}
.noside ul.menu>li>a{margin-bottom:1px;font-family:'Roboto Slab', 'Arial', sans-serif;font-size:26px;font-weight:900;}
.noside ul.menu>li>a:before{content:"\f249";display:inline-block;width:28px;height:28px;margin-right:10px;font-family:"Font Awesome 5 Free";font-size:32px;font-weight:900;color:#65c0c6;vertical-align:-3px;}

/*2depth*/
.noside ul.menu>li>ul{display:block;padding-left:40px;}
.noside ul.menu>li>ul>li{float:left;width:25%;background:none;}
.noside ul.menu>li>ul>li:nth-child(4n+1){clear:left;}
.noside ul.menu>li>ul>li>a{display:inline-block;margin-top:13px;margin-bottom:13px;padding-bottom:7px;font-size:18px;font-weight:700;color:#212121;border-bottom:2px solid #65c0c6;}

/*3depth*/
.noside ul.menu>li>ul>li>ul{margin-top:0;}
.noside ul.menu>li>ul>li>ul>li{position:relative;margin-left:0%;margin-bottom:0px;padding:0 20px;}
.noside ul.menu>li>ul>li>ul>li::before{content:"";display:inline-block;position:absolute;top:1px;left:0;width:10px;height:10px;margin-right:8px;border-left:1px solid #65c0c6;border-bottom:1px solid #65c0c6;vertical-align:top;}
.noside ul.menu>li>ul>li>ul>li>a{position:relative;margin-bottom:3px;padding-bottom:0;padding-left:0;font-size:15px;font-weight:400;}
.noside ul.menu>li>ul>li>ul>li>a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#bce1e3;transition-duration:.3s;}
.noside ul.menu>li>ul>li>ul>li>a:focus::after,
.noside ul.menu>li>ul>li>ul>li>a:hover::after{width:100%;}

/*4depth*/
.noside ul.menu>li>ul>li>ul>li>a + ul.sub-menu{display:none;}
.noside ul.menu>li>ul>li>ul>li>ul>li>a{position:relative;padding-bottom:2px;padding-left:20px;}
.noside ul.menu>li>ul>li>ul>li>ul>li>a:before{content:"";display:block;position:absolute;top:12px;left:0;width:10px;height:1px;background-color:#65c0c6;}

#head_wrap .nav_wrap .close_menu{display:none}


/* ----------------------------------------------------------------------------
	13:family site
------------------------------------------------------------------------------- */
.family_site_list a:focus,.family_site_list a:hover{text-decoration:underline !important;}

/* fm depth1 */
.family_site_list .family_site_list_depth1>li{overflow:hidden;margin-top:30px;}
.family_site_list .family_site_list_depth1>li:first-child{margin-top:0;}
.family_site_list .family_site_list_depth1 li a{display:block;position:relative;line-height:1.2em;padding:3px 0;}
.family_site_list .family_site_list_depth1 > li > a{line-height:20px;padding-bottom:15px;font-size:15px;}
.family_site_list .family_site_list_depth1 > li > a:link,
.family_site_list .family_site_list_depth1 > li > a:visited{color:#bde3e3;}
.family_site_list .family_site_list_depth1 > li > a:hover,
.family_site_list .family_site_list_depth1 > li > a:focus,
.family_site_list .family_site_list_depth1 > li > a:active{color:#fff;text-decoration:underline;}

/* fm depth2 */
.family_site_list .family_site_list_depth2 .dep1_name{line-height:1.2em;margin-bottom:18px;padding-bottom:14px;font-family:'Roboto Slab', 'Arial', sans-serif;font-size:26px;font-weight:900;color:#212121;border-bottom:2px solid #65c0c6;letter-spacing:-0.02em;}
.family_site_list .family_site_list_depth2 > ul{overflow:hidden;}
.family_site_list .family_site_list_depth2 > ul li{float:left;width:25%;margin-bottom:13px;padding-right:2%;font-size:15px;box-sizing:border-box;}
.family_site_list .family_site_list_depth2 > ul li:nth-child(4n+1){clear:left;}
.family_site_list .family_site_list_depth2 > ul li a{padding-left:25px;}
.family_site_list .family_site_list_depth2 > ul li a::before{content:"\f35d";display:inline-block;position:absolute;top:3px;left:0;margin-right:5px;font-family:"Font Awesome 5 Free";font-size:15px;font-weight:900;color:#65c0c6;}


/* ----------------------------------------------------------------------------
	14:etc
------------------------------------------------------------------------------- */
/* 140715 global mate mission */
.mission_view .title_h3_box{border:0;}
.mission_view h3 .name{padding:10px;display:inline-block;background:#f5f5f5;border:1px solid #d8d8d8;}
.mission_view h5{padding-top:30px;padding-bottom:10px;color:#252525;font-weight:bold;}
.mission_view .mission_img{max-width:100%;height:auto;text-align:center;}
.mission_view .mission_img img{width:100%;height:auto;}

.mission_write{padding:17px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;position:relative;}
.mission_write .btn_area{margin-top:20px;position:relative;}
.mission_write .btn_area a{margin-right:5px;}
.mission_write .input_area{padding-left:330px;height:225px;}
.mission_write .input_file{width:298px;height:223px;border:1px solid #d8d8d8;background:url(images/commu/bg_file.png) center 47% no-repeat;text-align:center;position:absolute;top:17px;left:17px;overflow:hidden;}
.mission_write .input_file img{width:298px;height:223px;position:absolute;top:0;left:0;}
.mission_write #preview-photo{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;cursor:pointer;}
/*.mission_write input[type=file]{width:100%;height:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;font-size:100px;cursor:pointer;}*/
.mission_write .file{width:100%;position:absolute;top:55%;left:50%;margin-left:-50%;}
.mission_write textarea,
.mission_write input[type=text]{width:98%;border-color:#d8d8d8;}
.mission_write h5{padding-top:19px;padding-bottom:10px;color:#252525;font-weight:bold;}
.mission_write .btn_gray_32{padding:0 100px;}
.mission_write2{padding-top:0;margin-bottom:30px;border-bottom:1px solid #d8d8d8;}

.mission_video{text-align:left !important;position:relative;padding-bottom:56.25%;}
.mission_video object{position:absolute;width:100%;height:100%;*height:300px;}

/* 140722 global mate mission 공지사항 */
.mission_area{position:relative;text-align:center;}
.mission_area .btn_mission{width:100%;display:block;position:absolute;bottom:4%;left:50%;margin-left:-50%;}
.mission_area .mission_lang{width:88%;padding:0 6%;position:absolute;bottom:0;left:50%;margin-left:-50%;}
.mission_area .mission_lang a{width:25%;display:inline-block;}

/* 141114 typoevent */
.typo_write{padding:17px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;position:relative;}
.typo_write .btn_area{margin-top:20px;position:relative;}
.typo_write .btn_area a{margin-right:5px;}
.typo_write .input_area{padding-left:330px;height:300px;}
.typo_write .input_file{width:298px;height:298px;border:1px solid #d8d8d8;background:url(images/commu/bg_file.png) center 47% no-repeat;text-align:center;position:absolute;top:17px;left:17px;overflow:hidden;}
.typo_write .input_file img{width:298px;height:298px;position:absolute;top:0;left:0;}
.typo_write #preview-photo{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;cursor:pointer;}
.typo_write .file{width:100%;position:absolute;top:55%;left:50%;margin-left:-50%;}
.typo_write textarea,
.typo_write input[type=text]{width:98%;border-color:#d8d8d8;}
.typo_write h5{padding-top:30px;padding-bottom:10px;color:#252525;font-weight:bold;}
.typo_write .btn_gray_32{padding:0 100px;}

.mission_video{text-align:left !important;position:relative;padding-bottom:56.25%;}
.mission_video object{position:absolute;width:100%;height:100%;*height:300px;}

.typo_notice a{display:inline-block;}
.view_contents .typo_notice div ,
.view_contents .typo_notice p{line-height:70% !important;margin-bottom:0 !important;}
.typo_notice .tab{width:90%;margin:0 5%;display:table;}
.typo_notice .tab a{width:33%;display:block;float:left;}
.typo_notice .lang{width:100%;display:table;background:#ffd43d;}
.typo_notice .lang a{width:24.5%;display:block;float:left;}

/* 141210 mission3 */
.mission3_notice a{display:block;}
.view_contents .mission3_notice div,
.view_contents .mission3_notice p{line-height:70% !important;margin-bottom:0 !important;}
.mission3_notice .lang_tab{width:92%;padding:0 4%;text-align:center;background:url(/wp-content/themes/seoul-e/images/commu/mission3/bg_lang.png) repeat;}
.mission3_notice .lang_tab a{width:24%;display:inline-block;}

.mission3_select img ,
.mission3_select input[type="image"]{width:100%;height:auto;line-height:70%;}
.mission3_select .mission3_list{position:relative;}
.mission3_select .mission3_list > img{position:absolute;top:0;left:0;z-index:-1;}
.mission3_select .mission3_list input[type=radio]{width:100%;display:block;opacity:0;filter:Alpha(Opacity=0);cursor:pointer;}

.com_view_box li div.mission3_view ,
.mission3_view{margin-top:15px;padding:10% 5%;background:url(/wp-content/themes/seoul-e/images/commu/mission3/bg_view2.png) center top no-repeat;}
.mission3_img img{width:100%;}
.mission3_img.title{padding-bottom:5%;}
.mission3_view p{text-align:center;color:#fff;}
.mission3_view h3{color:#fff !important;}
.mission3_view h3 .name{color:#333 !important;}

/* 150114 typo vote -list */
.typo_vote > img{width:100%;height:auto;}
.typo_vote .typo_vote_list{margin-top:60px;clear:both;overflow:hidden;}
.typo_vote .typo_vote_list li{width:19%;margin-left:1%;float:left;color:#666;line-height:16px;}
.typo_vote .typo_vote_list li:first-child ,
.typo_vote .typo_vote_list li.artCount5{margin-left:0;}
.typo_vote .typo_vote_list li a{display:block;}
.typo_vote .typo_vote_list li a > img{width:118px;height:118px;border:1px solid #ccc;}
.typo_vote .typo_vote_list li div{height:65px;padding:10px 20px;position:relative;}
.typo_vote .typo_vote_list li input[type=checkbox]{position:absolute;top:10px;left:0;}
.typo_vote .name ,
.typo_vote .country{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.typo_vote .color_black{color:#000;}
.typo_vote .btn_vote{padding:40px 0 15px;border-bottom:1px solid #000;text-align:right;}
.typo_vote .btn_vote input{width:152px;height:44px;padding-left:80px;color:#fff200;font-size:16px;background:url(/wp-content/themes/seoul-e/images/commu/typo/btn_typovote.png) left top no-repeat;cursor:pointer;}
.typo_vote h2 img{width:100%;}
.typo_vote .result_count{margin-top:10px;background:#f1f1f1;border:1px solid #cbcbcb;color:#666;text-align:center;}

.typo_vote_lang{margin-top:75px;clear:both;overflow:hidden;}
.typo_vote_lang li{width:24.8%;float:left;}
.typo_vote_lang li a{display:block;}
.typo_vote_lang li img{width:100%;}

/* 150114 typo vote - my vote */
.my_vote h2 img{width:100%;}
.my_vote > img{width:100%;height:auto;}
.my_vote > div{position:relative;}
.my_vote > div > img{width:100%;height:auto;}
.my_vote .typo_result_list{width:60%;position:absolute;top:5%;left:50%;margin-left:-30%;}
.my_vote .typo_result_list li{width:32%;margin-left:2%;float:left;color:#666;line-height:16px;text-align:center;}
.my_vote .typo_result_list li:first-child,
.my_vote .typo_result_list li.artCount5{margin-left:0;}
.my_vote .typo_result_list li a{display:block;}
.my_vote .typo_result_list li a > img{width:118px;height:118px;border:1px solid #ccc;}
.my_vote .typo_result_list li div{height:96px;padding:10px 20px;position:relative;}
.my_vote .typo_result_list li img{width:100%;height:auto;border:1px solid #ccc;}
.my_vote .typo_result_list .result_count{border:1px solid #d4b400;background:#ffde26;color:#7a690a;}

.my_vote .typo_vote_list{margin-top:15px;}
.my_vote .typo_vote_list li{position:relative;margin-top:6px;}
.my_vote .typo_vote_list .best_count{width:128px;height:129px;display:block;position:absolute;top:-6px;left:50%;margin-left:-62px;z-index:9999;}
.my_vote .typo_vote_list .best_count img{width:100%;height:100%;}
.my_vote .typo_vote_list li div{height:96px;padding:10px 20px;position:relative;}

/* 150114 typo vote - view */
#simplemodal-container{margin-top:50px;}
.simplemodal-wrap{position:relative;}
.typo_vote_popup{width:540px;background:#fff;}
.typo_vote_popup .scroll{max-height:520px;margin:0 auto;overflow-y:scroll;padding:20px;}
.typo_vote_popup p.close{padding:5px;text-align:right;}
.typo_vote_popup .simplemodal-close{width:29px;height:28px;overflow:hidden;background:url(/wp-content/themes/seoul-e/images/commu/typo/btn_close2.png) no-repeat;cursor:pointer;text-indent:-9999em;border:0;}
.typo_vote_popup .mission_img{width:500px;height:auto;max-height:500px;margin:0 auto;text-align:center;}
.typo_vote_popup .mission_img img{width:auto;max-width:500px;height:auto;max-height:500px;border:1px solid #ccc;}
.typo_vote_popup .mission_view{color:#000;}
.typo_vote_popup .vote_content{padding:20px 0;}
.typo_vote_popup .vote_info{margin-top:15px;margin-bottom:50px;color:#666;}
.typo_vote_popup .vote_info strong{color:#000;}
.typo_vote_popup #pass-checker{margin-top:40px;color:#000;}
.typo_vote_popup .btn_confirm{padding:20px 0;margin-top:20px;text-align:right;border-top:1px solid #000;}
.typo_vote_popup .btn_confirm input{width:152px;height:44px;padding-left:70px;line-height:44px;text-align:left;color:#fff200;font-size:16px;font-weight:bold;background:url(/wp-content/themes/seoul-e/images/commu/typo/btn_typovote.png) left top no-repeat;cursor:pointer;}
.typo_vote_popup h4{margin-top:10px;color:#000;font-weight:bold;}
.typo_vote_popup label{margin-right:20px;color:#000;}

/* News>Seoul Club>Introduction */
.Seoul_club_div .sns_area{text-align:right;}
.Seoul_club_div .sns_area p{margin-bottom:10px;}
.Seoul_club_div .sns_area ul{text-align:right;}
.Seoul_club_div .sns_area ul li{display:inline-block;line-height:0;padding-left:10px;background:none;}
.Seoul_club_div .sns_area ul li a{display:block;width:25px;height:25px;}
.Seoul_club_div .sns_area ul li a img{margin:0;width:100%;}


/* ----------------------------------------------------------------------------
	15:2015-08-06대기오염환경(Air Quality Information)
------------------------------------------------------------------------------- */
.colgrp1{overflow:hidden;width:654px;margin:0 auto;}
.colgrp2{overflow:hidden;}

.colgrp2 div h3, #weather h3{text-indent:-5000px;}
.colgrp2 div h3{margin-top:10px}
.colgrp2 .last{margin-right:0;}
.colgrp3{overflow:hidden;width:100%;height:50px;margin:32px 0 10px 0;}

.colgrp1 .btn-air{display:inline-block;position:relative;width:206px;height:50px;line-height:50px;margin-bottom:8px;text-align:center;border:1px solid #c9c9c9;background-color:#e3e3e3;box-sizing:border-box;vertical-align:middle}
.colgrp1 .btn-air::before{content:"";display:inline-block;width:36px;height:36px;margin:-2px 6px 0 -8px;background:url(/wp-content/themes/seoul-e/_br/images/banner_sprite.svg) no-repeat -8px 0 / 600% 100%;vertical-align:middle;}

/* 측정소지도 및 정보 */
.air-summary {height:706px;margin-bottom:10px;}
#tabNav1{width:100%;height:30px;margin-bottom:0;padding-left:0 !important;list-style-type:none !important;}
#tabNav1 li{float:left;width:auto;height:auto;list-style-type:none !important;}
#tabNav1 li span{visibility:hidden}
#tabNav1 li a{float:left;display:block;height:30px;background:url(/wp-content/themes/seoul-e/images/environment/bg_tab_01.gif) no-repeat }

#tabNav1 li.n1{width:154px;}
#tabNav1 li.n2{width:172px;}
#tabNav1 li.n3{width:174px;}
#tabNav1 li.n4{width:154px;}
#tabNav1 li.n1 a{width:154px;background-position:0 -30px}
#tabNav1 li.n2 a{width:172px;background-position:-154px -30px}
#tabNav1 li.n3 a{width:174px;background-position:-326px -30px}
#tabNav1 li.n4 a{width:154px;background-position:-500px -30px}
#tabNav1 li.n1 a:hover, 
#tabNav1 li.n1 a.on, 
#tabNav1 li.n1 a.hover{background-position:0 0}
#tabNav1 li.n2 a:hover, 
#tabNav1 li.n2 a.on, 
#tabNav1 li.n2 a.hover{background-position:-154px 0}
#tabNav1 li.n3 a:hover, 
#tabNav1 li.n3 a.on, 
#tabNav1 li.n3 a.hover{background-position:-326px 0}
#tabNav1 li.n4 a:hover, 
#tabNav1 li.n4 a.on, 
#tabNav1 li.n4 a.hover{background-position:-500px 0}
.tabContents1, .tabContents2, .tabContents3, .tabContents4{position:relative;height:364px;background:url(/wp-content/themes/seoul-e/images/environment/bg_map.jpg) no-repeat left bottom;}

.tower{position:absolute;top:58px;left:21px}

.map{position:relative;}
.all{position:absolute;top:18px;left:97px;z-index:110}
[class*="tabContents"]>p,[class*="tabContents"]+p,
.all + p{display:none;}
.Jongno{position:absolute;top:101px;left:279px;z-index:100}
.Jongno:hover{position:absolute;top:101px;left:279px;z-index:100;}
.Jung{position:absolute;top:175px;left:291px;z-index:99}
.Yongsan{position:absolute;top:195px;left:273px;z-index:98}
.Seongdong{position:absolute;top:170px;left:338px;z-index:97}
.Gwangjin{position:absolute;top:172px;left:385px;z-index:96}

.Dongdaemun{position:absolute;top:131px;left:350px;z-index:95}
.Jungnang{position:absolute;top:111px;left:390px;z-index:94}
.Seongbuk{position:absolute;top:93px;left:306px;z-index:93}
.Gangbuk{position:absolute;top:32px;left:309px;z-index:92}
.Dobong{position:absolute;top:12px;left:335px;z-index:91}

.Nowon{position:absolute;top:18px;left:370px;z-index:90}
.Eunpyung{position:absolute;top:67px;left:218px;z-index:89}
.Seodaemun{position:absolute;top:130px;left:233px;z-index:88}
.Mapo{position:absolute;top:147px;left:188px;z-index:87}
.Yangcheon{position:absolute;top:202px;left:151px;z-index:86}

.Gangseo{position:absolute;top:132px;left:95px;z-index:85}
.Guro{position:absolute;top:242px;left:141px;z-index:84}
.Geumcheon{position:absolute;top:277px;left:204px;z-index:83}
.Yeongdeungpo{position:absolute;top:200px;left:211px;z-index:82}
.Dongjak{position:absolute;top:237px;left:232px;z-index:81}

.Gwanak{position:absolute;top:269px;left:228px;z-index:80}
.Seocho{position:absolute;top:229px;left:308px;z-index:79}
.Gangnam{position:absolute;top:214px;left:340px;z-index:78}
.Songpa{position:absolute;top:208px;left:396px;z-index:77}
.Gangdong{position:absolute;top:162px;left:438px;z-index:76}

.monitor,
.notes{position:absolute;top:412px;width:49%;height:auto;border:1px solid #bcd9ff;border-radius:3px;}
.monitor{left:0;}
.monitor table{position:relative;}
.monitor_t, .notes_t{width:100%;height:22px;line-height:22px;text-align:center;font-weight:bold;font-size:13px;letter-spacing:-0.9px;color:#333;border-bottom:1px solid #bcd9ff;}
.monitor_m, .notes_m{width:100%;height:auto;}
.monitor_b, .notes_b{width:161px;height:5px;background:url(../img/main/box_map_bot.png) no-repeat}
.monitor_m table th, .monitor_m table td, .notes_m table th, .notes_m table td{padding:2px;border-bottom:1px solid #eee;line-height:21px;text-align:center}
.monitor_m table th, .notes_m table th{border-left:none;}
.monitor_m table td, .notes_m table td{border-left:1px solid #eee;border-right:none;}
.monitor_m table tr.bdr_none th, .monitor_m table tr.bdr_none td, 
.notes_m table tr.bdr_none th, .notes_m table tr.bdr_none td{border-bottom:none}
.monitor_m table{border-top:none;}
.monitor_m table thead th{color:#0066CC;border-top:none;border:none;background:#f0f7ff;}
.monitor_m p,.monitor_m + p,.notes_m + p{margin-bottom:0;}
.monitor_m p#areaName_1{height:21px;line-height:20px;}
.notes_m table thead th{height:26px;border-top:1px solid #eee;border-right:1px solid #eee;}
.notes_m table thead td{border-top:1px solid #eee;}
.notes_m table tbody th{height:25px;}
.notes_t{font-weight:bold;color:#333}
.notes_t .s{font-weight:normal;font-size:11px}

.notes{right:0px;}
.num_01{background:#62bcef;color:#333;}
.num_02{background:#bde77a;color:#333;}
.num_03{background:#f8d75c;color:#333;}
.num_04{background:#f65e63;color:#333;}
.num_05{background:#f7f7f7;color:#333;}

/* 탭 미세먼지,오존,황사 예보경보 */
#situation{overflow:hidden;width:auto;padding-left:0;border:1px solid #bcd9ff;border-radius:3px;}
#situation ul{width:auto;padding:15px;padding-left:0 !important;list-style-type:none !important;}
#situation > li{float:left;width:50%;height:auto;list-style-type:none !important;}
#situation h3 a{display:block;overflow:hidden;height:30px;text-align:center;letter-spacing:-0.01em;font-size:11px;font-weight:bold;line-height:30px;color:#333;border-bottom:1px solid #bcd9ff;}
* html #situation .tabNav01, 
* html #situation .tabNav02, 
* html #situation .tabNav03, 
* html #situation .tabNav04, 
* html #situation .tabNav05,
* html #situation .tabNav06,
* html #situation .tabNav07,  
* html #situation .tabNav08{height:30px;}
#tabscon1 li, #tabscon2 li{clear:both;margin-top:2px}
#tabscon1 .h3, #tabscon2 .h3{font-weight:bold;color:#333}

#situation li a.more{position:absolute;}
#more1{z-index:99;right:0;top:3px;}
#more2{z-index:98;right:0;top:3px;}
#more3{z-index:97;right:0;top:70px;}
#more4{z-index:96;right:0;top:70px;}
#more5{z-index:95;right:0;top:134px;}
#more6{z-index:94;right:0;top:134px;}
#more7{z-index:93;right:0;top:198px;}
#more8{z-index:92;right:0;top:205px;}
.date{font-size:11px;word-spacing:-1px;font-weight:normal;color:#999}
#situation #tabscon1 dl.bdr_none, #situation #tabscon2 dl.bdr_none{border-bottom:none}
#situation #tabscon1 li,
#situation #tabscon2 li{padding:2px 0 2px 8px}
#situation #tabscon1 dl,
#situation #tabscon2 dl{overflow:hidden;width:100%;margin-top:4px;}
#situation #tabscon1 dt,
#situation #tabscon2 dt{float:left;margin:3px 0;width:40px}
#situation #tabscon1 dd,
#situation #tabscon2 dd{float:right;margin:3px 0;width:220px;}
.ment{background-color:#f7f7f7;color:#3399cc;padding:5px;line-height:20px}
.warning{display:block;float:left;width:128px;}
.action{position:absolute;top:0;right:5px;font-size:11px;}
table td.action2{padding-right:5px;text-align:right;}
.action a, table td.action2 a{color:#6699cc!important}
#situation #tabscon2 dd .ft_point2, #situation #tabscon1 dd .ft_point2{color:#0050a7}

/* 서울의 날씨 */
#weather{width:auto;height:80px;padding:10px;margin:0 0 8px 8px;line-height:16px;border:1px solid #e1e1e1;background-color:#f7f7f7;border-radius:3px;}
#weather h3{background:url(/wp-content/themes/seoul-e/images/environment/h3_seoul.gif) no-repeat 10px 0;height:15px;padding:0}
#weather dl{overflow:hidden;width:100%;}
#weather dt{width:40px;margin:3px 10px 0 10px;text-align:center;}
#weather dt, #weather dd{display:block;float:left;}
#weather dd{line-height:22px}
#weather dd{width:180px;}
.point{line-height:42px}

#weather table td{border-top:1px dashed #cccccc;}
#weather table th, #weather table td{padding:1px 1px;font-weight:normal;border-left:1px dashed #cccccc;}

/* 공지사항 */
#notice{float:left;width:252px;height:132px;padding:0;border-bottom:1px solid #e1e1e1}
.notice, .inform{overflow:hidden;position:relative;width:230px;height:82px;padding:10px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.notice li, .inform li{background:url(../img/bullet/sq_3x3_green.gif) no-repeat 7px 7px;padding-left:18px;padding-top:2px}

/* 자료실 */
#tabNav2{overflow:hidden;width:252px;height:30px;}
#tabNav2 li{float:left;width:126px;height:30px;margin-right:0;text-align:center;}
#tabNav2 li span{height:30px;cursor:pointer;visibility:hidden}
#tabNav2 li a{display:inline-block;height:30px;line-height:30px;text-decoration:none;background:url(../img/main/bg_tab_03.gif) no-repeat }
#tabNav2 li.n1 a{width:126px;background-position:0 -30px}
#tabNav2 li.n2 a{width:126px;background-position:-126px -30px}
#tabNav2 li.n1 a:hover, 
#tabNav2 li.n1 a.on, 
#tabNav2 li.n1 a.hover{background-position:0 0}
#tabNav2 li.n2 a:hover, 
#tabNav2 li.n2 a.on, 
#tabNav2 li.n2 a.hover{background-position:-126px 0}

/* 문자서비스 */
#eco_sns{float:left;width:128px;height:133px;margin:0 0 0 8px;padding:0;vertical-align:top}
#eco_sns2{float:left;width:129px;height:133px;margin:0 0 0 0px;padding:0;vertical-align:top}

/*미세먼지,황사*/
#dust{float:left;width:166px;height:133px;margin:0 0 0 8px;padding:0}

/* 알림창 */
#listRotation{float:left;position:relative;width:280px;height:131px;margin:0 0 0 7px;padding:0;text-align:center;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:url(../img/main/bg_list.gif) repeat-y;}
#listRotation h3{background:url(../img/main/h_info.gif) no-repeat 20px 0;}
#listRotation .list-btn{position:absolute;top:10px;left:70px}
#listRotation .btn{position:absolute;top:12px;right:16px}
#listRotation .btn .rolling-auto, #listRotation .btn .rolling-stop{display:inline-block;vertical-align:top;margin:0;padding:0;}
#listRotation .list-btn .rolling-button{position:relative;overflow:hidden;display:inline-block;width:10px;height:10px;margin:0;padding:0;vertical-align:middle;border:none;background:transparent;}
#listRotation .list-btn .rolling-button img{vertical-align:middle;}
#listRotation .list-btn .current img{margin-top:-10px;vertical-align:middle;}
*+html #listRotation .list-btn .current img{margin-top:-14px;vertical-align:middle;}
#listRotation ul.list-bnnr li img{vertical-align:middle;border:1px solid #ccc;margin-top:10px}

/* 배너 */
#banner{overflow:hidden;width:978px;border:1px solid #cccccc}
#banner li{float:left;padding:4px 6px 4px 6px;background:url(../img/main/bg_ban.gif) no-repeat left center}
#banner li.bgnone{background:none}

/*more*/
.tabContents, #livecam, #notice, #inform, #slider, #thermo, #info, #climate, #stats, #weather, #factor{position:relative}
#notice .more, #inform .more, #slider .more, #info .more, #climate .more, #stats .more, #weather .more, #factor .more{position:absolute;top:20px;right:10px;}
.tabContents .more{position:absolute;top:10px;right:10px;}

#livecam .more, #thermo .more{position:absolute;top:100px;right:20px;height:24px}
#info li, #stats li{background:url(../img/bullet/sq_3x3_green.gif) no-repeat 7px 11px;padding-left:18px;padding-top:4px}

#info ul, #stats ul{padding-top:7px}
/* caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0} */
.space{word-spacing:18px;}
table .brl_none{border-left:none!important}
/* h4{text-indent:-5000px;} */
.comment{display:block;margin-top:5px;color:#3399cc}

*+html .kma1{margin-left:0} 
*+html .kma2{margin-left:0} 
*+html .kma3{margin-left:0} 
*+html .kma4{margin-left:0} 
*+html .kma5{margin-left:0}
*+html .kma6{margin-left:0}
/*ie6*/
* html .kma1{margin-left:0}
* html .kma2{margin-left:0} 
* html .kma3{margin-left:0} 
* html .kma4{margin-left:0} 
* html .kma5{margin-left:0}
* html .kma6{margin-left:0}
.kma1, .kma2, .kma3, .kma4, .kma5, .kma6{display:inline-block;width:26px;height:12px;padding:3px 0 1px 0;line-height:12px;text-align:center;font-size:11px;font-weight:bold;margin-left:4px}
.kma1{background:url(/wp-content/themes/seoul-e/images/environment/ico_kma1.gif) no-repeat left top;color:#fff;}
.kma2{background:url(/wp-content/themes/seoul-e/images/environment/ico_kma2.gif) no-repeat left top;color:#000;}
.kma3{background:url(/wp-content/themes/seoul-e/images/environment/ico_kma3.gif) no-repeat left top;color:#000;}
.kma4{background:url(/wp-content/themes/seoul-e/images/environment/ico_kma4.gif) no-repeat left top;color:#000;}
.kma5{background:url(/wp-content/themes/seoul-e/images/environment/ico_kma5.gif) no-repeat left top;color:#fff;}
.kma6{background:url(/wp-content/themes/seoul-e/images/environment/ico_kma6.gif) no-repeat left top;color:#fff;}

.pop_btn{position:absolute;top:70px;right:322px;width:100px;height:20px;z-index:10000}
.pop_btn a{display:block;width:100px;}
.pop{position:absolute;top:10px;left:100px;width:405px;height:400px;z-index:100000;font-size:11px}
.pop .pop_t{width:405px;height:36px;background:url(../img/main/pop_title.png) no-repeat}
.pop .pop_m{width:395px;background:url(../img/main/bg_pop_mid.png) repeat-y;padding:0 0 0 10px}
.pop .pop_m label{display:inline-block;width:50px}
.pop .pop_b{width:405px;height:13px;background:url(../img/main/bg_pop_bot.png) no-repeat}
#layer{display:none}
.pop .cls{position:absolute;top:10px;right:10px}
.pop .tit{background:url(../img/main/blt_area.gif) no-repeat left center;padding-left:16px;font-weight:bold;color:#06C;margin:14px 0}
.pop .rdo{margin-bottom:3px}

.btn_arw_l{position:absolute;top:0;left:0px;width:20px;height:20px;z-index:9999}
.btn_arw_r{position:absolute;top:0;right:0px;width:20px;height:20px;z-index:9998}
[class*="btn_arw_"] a {display:block;cursor:pointer;}

.fl.w690{float:none;width:100%;height:644px;padding:0;margin-bottom:10px;}
.fr.w290{float:none;width:100%;height:auto;padding:0;}
.box_over{overflow-x:scroll;width:100%;}
#Map1, #Map2, #Map3, #Map4
{position:absolute;top:0;left:-75px;width:205px;height:66px;background:url(/wp-content/themes/seoul-e/images/environment/balloon.png) no-repeat left top;color:#000;font-size:22px;line-height:50px;text-align:center;}
.tabContentsWrap{position:relative;padding-bottom:40px;border:1px solid #e1e1e1;border-top:none;background-color:#fbfcf7;}
.tabContentsWrap>p{display:none;}
.tabContentsWrap table{margin:0;}
.page .air_info p.pointer{position:absolute;left:10px;bottom:5px;padding-left:35px;background:url(/wp-content/themes/seoul-e/images/environment/one_finger_tap.png) no-repeat left top;color:#333;font-weight:bold;font-size:13px !important;}
p.pointer{display:block;position:absolute;left:10px;bottom:5px;padding-left:35px;background:url(/wp-content/themes/seoul-e/images/environment/one_finger_tap.png) no-repeat left top;color:#333;font-weight:bold;font-size:13px !important;}
p.average{display:block;position:absolute;right:20px;top:25px;color:#333;font-weight:bold;font-size:13px !important;text-align:center;}
p.average strong{display:block;}
p.average span{font-weight:bold;}
p.average span.good{color:#62bcef;}
p.average span.moderate{display:none;color:#bde77a;}
p.average span.unhealthy{display:none;color:#f8d75c;}
p.average span.very_unhealthy{display:none;color:#f65e63;}
#tabscon1 .ft_b.ft_point2{display:inline-block;width:105px;height:auto;}
#tabscon1 td{padding:2px 0;}

.Pollutants td.color01{background:#62bcef;}
.Pollutants td.color02{background:#bde77a;}
.Pollutants td.color03{background:#f8d75c;}
.Pollutants td.color04{background:#f65e63;}
.Pollutants td.color00{background:#f7f7f7;}

/*2015-09-07 소셜css추가*/
.social_menu .all{position:static;}


/* ----------------------------------------------------------------------------
	16:정책정보 비쥬얼
------------------------------------------------------------------------------- */
/* 정책정보 서브메인998px */
#policy_visual{width:100%;overflow:hidden;margin-bottom:40px;}
.p_visual_box{float:left;width:100%;overflow:hidden;border-bottom:4px solid #fff;border-right:4px solid #fff;}
.p_visual_box .p_visual_list:first-child{margin-left:0;}
ul.p_visual_list{float:left;width:330px;margin-left:4px;}
ul.p_visual_list li{position:relative;float:left;color:#fff;font-size:16px;line-height:20px;margin-top:4px;}
ul.p_visual_list li:first-child{margin-top:0;}
ul.p_visual_list li.size_1{width:330px;height:260px;}
ul.p_visual_list li.size_2{width:330px;height:128px;}
ul.p_visual_list li.size_3{width:325px;height:310px;}
ul.p_visual_list li.size_4{width:325px;height:153px;}
ul.p_visual_list li h3{font-size:18px;color:#fff;}
ul.p_visual_list li span{display:block;font-size:12px;color:#fff;}
ul.p_visual_list li div.over_txt{position:absolute;z-index:1;left:0;bottom:0;width:90%;height:30px;padding:15px 5%;line-height:22px;overflow:hidden;background:url(images/common/bg_over.png) repeat left top;-webkit-transition:height .2s linear;-moz-transition:height .2s linear;-ms-transition:height .2s linear;-o-transition:height .2s linear;transition:height .2s linear;}
ul.p_visual_list li :hover div.over_txt{overflow:hidden;height:50%;-webkit-transition:height .3s linear;-moz-transition:height .3s linear;-ms-transition:height .3s linear;-o-transition:height .3s linear;transition:height .3s linear;}

/* 정책정보 서브메인654px */
ul.p_visual_list.small654{width:325px;}


/* ----------------------------------------------------------------------------
	17:실국링크페이지 
------------------------------------------------------------------------------- */
.link_map_contents{width:100%;height:auto;padding:70px 0 0 0;background:#faf7ee;}
.link_map_contents .map_box{position:relative;width:998px;height:826px;margin:0 auto;background:url(images/about/link_map.png) no-repeat 0 0;}
.map_list li{margin:0;}
.map_list li:first-child{margin:0;}
.map_list li span{display:none;padding-left:18px;margin:0 0 5px 0;font-size:13px;line-height:18px;color:#333;}
.map_list li span.link_p{background:url(images/common/bg_con_win.png) no-repeat left 3px;}
.map_list li b{font-weight:bold;}
.map_list li a.btn_white_22{display:none;margin:0 10px 0 0;}
.btn_link_web{display:block;position:absolute;z-index:1;text-indent:-9999px;font-size:0;}
.map_list li br{display:none;}
.link01{width:133px;height:176px;left:586px;top:50px;}
.link02{width:206px;height:138px;left:600px;top:238px;}
.link03{width:117px;height:324px;left:463px;top:50px;}
.link04{width:190px;height:126px;left:264px;top:152px;}
.link05{width:139px;height:132px;left:143px;top:287px;}
.link06{width:144px;height:167px;left:298px;top:291px;}
.link07{width:149px;height:102px;left:92px;top:486px;}
.link08{width:154px;height:109px;left:131px;top:607px;}
.link09{width:140px;height:210px;left:298px;top:487px;}
.link10{width:177px;height:158px;left:463px;top:462px;}
.link11{width:195px;height:212px;left:711px;top:402px;}
.link12{width:268px;height:177px;left:475px;top:631px;}
.link13{width:142px;height:177px;left:637px;top:31px;}
.link14{width:140px;height:111px;left:134px;top:336px;}


/* ----------------------------------------------------------------------------
	18:관련기관
------------------------------------------------------------------------------- */
.link_map_contents02{width:100%;height:auto;padding:0 0 70px;}
.c_organ_site{margin:0 auto;}
.c_organ_site ul{overflow:hidden;}
.c_organ_site ul li{float:left;width:23%;height:270px;margin-right:2.5%;margin-top:30px;}
.c_organ_site ul li .link_p{margin-top:19px;}
.c_organ_site ul li.last_child{margin-right:0;}
.c_organ_site ul li.first_line{margin-top:22px;}
.c_organ_site ul li img{width:100%;}


/* ----------------------------------------------------------------------------
	19:에러페이지
------------------------------------------------------------------------------- */
/* 에러페이지 수정 전
.error_contents{padding:100px 0;background:#f5f5f5;}
.error_con{position:relative;width:663px;height:296px;margin:0 auto;background:url(images/common/bg_error.png) no-repeat 0 0;}
.error_con .error_img{display:block;position:absolute;z-index:1;left:19px;top:55px;width:188px;height:175px;background:url(images/common/bg_error_img.png) no-repeat 0 0;}
.error_con .error_txt{padding:50px 30px 0 225px;}
.error_con .error_txt p.txt01{font-size:24px;line-height:30px;color:#333;font-weight:bold;}
.error_con .error_txt p.txt02{margin:20px 0 0 0;font-size:14px;line-height:18px;color:#333;}
.error_con .error_txt .btn_error{margin:30px 0 0 0;} */
.error_contents{margin-top:113px;padding:150px 0 180px;text-align:center;background:#f6f6f6;}
.error_con{position:relative;margin:0 auto;}
.error_con .error_img{display:block;position:absolute;z-index:1;left:19px;top:55px;width:188px;height:175px;}
.error_con .error_txt em{display:inline-block;margin-bottom:38px;padding:19px 36px 18px;letter-spacing:0;font-size:41px;font-weight:900;color:#fff;background-color:#ef5281;}
.error_con .error_txt .txt01{font-size:30px;line-height:30px;color:#212121;font-weight:900;}
.error_con .error_txt p.txt02{margin:20px 0 54px;font-size:18px;line-height:18px;color:#212121;}
.error_con .error_txt .btn_error{margin:30px 0 0 0;}
.error_contents + #footer{margin-top:0;}


/* ----------------------------------------------------------------------------
	20:설문조사 퀴즈
------------------------------------------------------------------------------- */
/* 퀴즈 테이블 */
.quiz_table_box{padding:10px;border:5px solid #f5f5f5;}
table.wid_quiz_table{width:100%;border-collapse:collapse;border-top:1px solid #747c86;border-bottom:1px solid #d8d8d8;background:#fff;}
table.wid_quiz_table tbody td{width:5.8%;height:30px;text-align:center;font-size:13px;line-height:18px;color:#555;border:1px solid #d8d8d8;border-bottom:none;background:#eee;color:#333;}
table.wid_quiz_table tbody td.numTd{background:#555;color:#fff;font-weight:bold;}
table.wid_quiz_table tbody td.numTd a{color:#fff;}
table.wid_quiz_table tbody td.active{background:#d60312;}
table.wid_quiz_table tbody td.focusTd{background:#fcebec !important;}
table.wid_quiz_table tbody td.txtTd{background:#fff;color:#333;font-weight:bold;}
table.wid_quiz_table .quiz_q_box{margin:0;background:#fff;}

/* 퀴즈 문제 */
.quiz_q_box{display:none;margin:14px 0 0 0;background:#f5f5f5;}
.quiz_q_box.quiz_01{display:block;}
.quiz_q_box .mun_txt{padding:5px 15px;background:#5b626a;font-size:13px;line-height:18px;color:#fff;font-weight:bold;}
.quiz_q_box .quiz_con{padding:10px 20px 20px 20px;}
.quiz_q_box .quiz_con h3{font-size:13px;line-height:20px;color:#333;font-weight:bold;}
.quiz_q_box .quiz_con .quiz_answer{margin:40px 0 0 0;overflow:hidden;}
.quiz_q_box .quiz_con .quiz_answer .txt{float:left;width:17%;padding:6px 10px 0 0;font-size:16px;line-height:20px;color:#333;font-weight:bold;}
.quiz_q_box .quiz_con .quiz_answer .txt_box{float:left;width:80%;}
.quiz_q_box .quiz_con .quiz_answer input[type="text"]{padding:5px 10px !important;margin-bottom:7px;}
.quiz_q_box .quiz_con .quiz_answer input[type="text"]:focus{background:#fff !important;}
.btn_quiz{margin:30px 0 0 0;text-align:center;}
.hint{display:inline-block;padding:5px 10px;background:#4d9f87;border-bottom:3px solid #1d5847;font-size:15px;line-height:20px;color:#fff !important;vertical-align:bottom;vertical-align:middle;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:7px;}
.hint span{padding:0 10px 0 0;background:#4d9f87 url(images/common/arrow_hint.png) no-repeat right 3px;}

/* 퀴즈 이벤트박스 */
.quiz_event_box{display:none;padding:20px 0;}
.quiz_event_box h3{font-size:20px;line-height:26px;color:#333;font-weight:bold;}
.quiz_event_box h3 span{display:inline-block;padding:0px 10px;margin:0 10px 0 0;font-size:13px;line-height:20px;color:#fff;font-weight:bold;background:#d60312;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.quiz_event_box h4{font-size:13px;line-height:20px;color:#fff;font-weight:bold;}
.quiz_event_box p.ex_txt{margin:20px 0 0 0;font-size:13px;line-height:20px;color:#555;}
.quiz_event_box ul.quiz_list{width:90%;margin:0 auto;overflow:hidden;}
.quiz_event_box ul.quiz_list li{float:left;width:24%;margin:0 0 0 13%;text-align:center;}
.quiz_event_box ul.quiz_list li:first-child{margin:0;}
.quiz_event_box ul.quiz_list li p img{width:100%;}
.quiz_event_box ul.quiz_list li .name_txt{font-size:13px;line-height:20px;color:#333;font-weight:bold;}
.quiz_event_box ul.quiz_list li .name_txt span{display:block;font-size:12px;line-height:18px;color:#333;font-weight:bold;}
.quiz_e_txt{margin:0 0 10px 0;font-size:12px;line-height:18px;color:#333;}
.input_quiz{width:57% !important;}


/* ----------------------------------------------------------------------------
	21:Breadcrumb
------------------------------------------------------------------------------- */
.breadcrumbs_no_style .wpnavmenu_breadcrumbs_last_item{text-decoration:none;}

@media only screen and (max-width:1280px){
	/* banners 2 */
	#main .homebanners{margin:0 -0.25%;}
}

@media only screen and (max-width:1080px){
	/* ----------------------------------------------------------------------------
		08:Contants List
	------------------------------------------------------------------------------- */
	/* 라이브러리-브로셔 */
	ul.brochure_list li{width:46%;}

	/* ----------------------------------------------------------------------------
		13:family site
	------------------------------------------------------------------------------- */
	.family_site_list .family_site_list_depth2 > ul li{width:33.3333%;}
	.family_site_list .family_site_list_depth2 > ul li:nth-child(4n+1){clear:none;}
	.family_site_list .family_site_list_depth2 > ul li:nth-child(3n+1){clear:left;}
	/* fm depth1 */
	.family_site_list .family_site_list_depth1{padding-left:0;}

	/* ----------------------------------------------------------------------------
		19:에러페이지
	------------------------------------------------------------------------------- */
	.error_contents{margin-top:50px;padding:100px 0;}
	/* .error_con{position:relative;height:296px;margin:0 auto;}
	.error_con .error_img{display:block;position:absolute;z-index:1;left:19px;top:55px;width:188px;height:175px;}
	.error_con .error_txt em{display:inline-block;margin-bottom:38px;padding:19px 36px 18px;letter-spacing:0;font-size:41px;font-weight:900;color:#fff;background-color:#ef5281;}
	.error_con .error_txt .txt01{font-size:30px;line-height:30px;color:#212121;font-weight:900;}
	.error_con .error_txt p.txt02{margin:20px 0 54px;font-size:18px;line-height:18px;color:#212121;}
	.error_con .error_txt .btn_error{margin:30px 0 0 0;}
	.error_contents + #footer{margin-top:0;} */
}

@media (min-width:768px) and (max-width:1080px){
	/* ----------------------------------------------------------------------------
		03:Main
	------------------------------------------------------------------------------- */
	/* 날씨, 교통 정보, 뉴스레터 등 */
	#main #pg-home-2 .help_area li img{margin-right:0;}
	#main #pg-home-2 .help_area li span{display:block;margin-top:5px;}
	#main #pg-home-2 .newsletter{padding:20px 12px 0 12px;}
	#main .weather_wrap .conditions .weather_temperature{font-size:32px;}
	#main .weather_wrap .air_quality_wrap a div{display:inline-block;vertical-align:middle;}
}

@media only screen and (min-width:768px){
	/* ----------------------------------------------------------------------------
		03:Main
	------------------------------------------------------------------------------- */
	#main #panel-home-5-0-0,
	#main #panel-home-6-0-0{display:block;margin-bottom:0;}
	.slider-media-wrap .slider-paging-number li button{width:20px;height:20px;}

	/* ----------------------------------------------------------------------------
		09:서울소개
	------------------------------------------------------------------------------- */
	/* 조직도 */
	.c_organ_line_box:before{content:"";position:absolute;top:0;left:13.9%;width:1px;height:100%;background-color:#d8d8d8;}
	.c_organ_line_box.line2_03:after{content:"";position:absolute;top:33px;left:34%;width:1px;height:100%;background-color:#d8d8d8;}
	.c_organ_line_box ul.organ_2depth_list:after{content:"";position:absolute;top:0;left:50%;width:1px;height:95%;background-color:#d8d8d8;}
	.c_organ_line_box ul.organ_2depth_list.bg_none:after{display:none;}
	.c_organ_line_box_last:before{height:0}
}

@media only screen and (max-width:767px){
	/* ----------------------------------------------------------------------------
		03:Main
	------------------------------------------------------------------------------- */
	/* widget(main) */
	/* #main .panel-grid{padding:11px !important;} */
	#main #panel-home-5-0-0,
	#main #panel-home-6-0-0{display:none;}
	#main #panel-home-5-0-1,
	#main #panel-home-6-0-1{display:block;}
	#main #n2-ss-17-align{margin:0 !important;}
	#main #n2-ss-17 .n2-ss-layer{border:none;}

	/* banners 1 */
	#main #pg-home-1 .panel-row-style-for-home-1{display:block;}
	#main #pg-home-1 #pgc-home-1-1{margin-top:0;}
	#main #pg-home-1 .panel-grid-cell{margin-bottom:0;}
	#main #pg-home-1 .panel-grid-cell img{width:100%;}

	/* SEOUL NEWS */
	#pgc-home-0-1 #panel-home-0-1-0 + #panel-home-0-1-1{margin-top:0;}

	/* banners 2 */
	#main .homebanners,
	#main .homebanners li{margin:0;}

	/* 날씨, 교통 정보, 뉴스레터 등 */
	#main #pg-home-2{margin-bottom:30px;padding:5px 12px;}
	#main #pg-home-2 #pgc-home-2-0,
	#main #pg-home-2 #pgc-home-2-1{margin-bottom:18px;}
	#main #pg-home-2.panel-grid .panel-grid-cell .widget{margin-top:0;}
	#main #pg-home-2 #panel-home-2-1-0{border-top:1px solid #3c959a;border-bottom:1px solid #3c959a;border-right:none;border-left:none;padding-top:15px}
	#main .weather_wrap{margin-top:16px;}
	#main .help_area li{padding:0;}
	#main .help_area li img{height:31px;}

	#main .request_area{padding-bottom:10px;border-bottom:1px solid #fff}
	#main .request_area a{margin:5px 10px;}
	#main .newsletter{padding:23px 0 16px;text-align:center;border-top:1px solid #fff}
	#main .newsletter h3{margin-bottom:8px;font-size:16px;font-weight:400;color:#fff;}
	#main .newsletter h3:before{content:"\f0e0";font-family:"Font Awesome 5 Free";font-size:22px;font-weight:900;color:#fff;margin-right:10px;vertical-align:bottom;}
	/* EVENT */
	#pgc-home-3-1{margin:-14px 0 !important}

	#pgc-home-4-1 #panel-home-4-1-0 + #panel-home-4-1-1{margin-top:0;}

	/* ----------------------------------------------------------------------------
		04:연관 컨텐츠
	------------------------------------------------------------------------------- */
	.crp_related{margin:21px -19px 0;padding:20px 15px;}
	.crp_related h3{padding:0;}
	.crp_related li{width:48%;}
	.crp_related li + li{margin-left:4%;}
	.crp_related li:nth-child(3){display:none;}

	.panel-grid-cell .fpw_square:before{display:none;}
	.panel-grid-cell .fpw_square .widget-title{float:none;width:auto;margin-top:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:4px solid #363636;}
	.panel-grid-cell .fpw_square .widget-title a:after{display:none;}
	.panel-grid-cell .fpw_square .widget-cnt{margin-left:0;padding-left:0;}

	/* ----------------------------------------------------------------------------
		05:마이서울(회원가입)
	------------------------------------------------------------------------------- */
	/* 로그인페이지 */
	.login_wrap .notice_txt{margin:0;}
	
	/* ----------------------------------------------------------------------------
		08:Contants List
	------------------------------------------------------------------------------- */
	/* newLetter */
	ul.letter_list{overflow:hidden;margin:0 -1%;}
	ul.letter_list li{width:50%;margin:0;}
	.news_letter_contents .layout-column2{margin:0 -6px;}
	
	/* 라이브러리-브로셔 */
	ul.brochure_list{margin:0;}
	ul.brochure_list li{width:100%;margin:24px 0 0;}
	ul.brochure_list li .con_box{padding:10px 15px 0 15px;}
	ul.brochure_list li .con_box h4{height:5em;}
	ul.brochure_list li .con_box .btn_box{right:12px;bottom:16px;left:12px;letter-spacing:-0.05em;}
	
	/* ----------------------------------------------------------------------------
		09:서울소개
	------------------------------------------------------------------------------- */
	/* 조직도 */
	.organ_01_contents .sub_wid_one .c_organ_line_box:first-child{padding-bottom:0px}
	.c_link_list.no_img li .c_link_txt{padding-left:8px;}
	/* ----------------------------------------------------------------------------
		21:브래드크럼프
	------------------------------------------------------------------------------- */
	.breadcrumbs_no_style span {font-size:14px}
}

@media (max-width:480px){
	/* ----------------------------------------------------------------------------
		03:Main
	------------------------------------------------------------------------------- */
	/* 날씨, 교통 정보, 뉴스레터 등 */
	#main .weather_wrap .air_quality_wrap{margin-left:83px;}
}