@charset "utf-8";
@import url(common.css);
@import url(widget.css);
@media print{
	@page{
		size:21cm 29.7cm;/*A4*/
		margin:0;
	}
	html,body{border:0;margin:0;padding:0;width:1024px;}
	@import url(seoul.css);
	#head_wrap{display:none;}
}

/*
Theme Name:Seoul Japanese
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:설문조사 퀴즈
***********************************************************************/

.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{border:#000 dotted 1px;}

/* 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:1000;}
.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;}

/* mini banner */
.mini_banner{display:block;margin-top:20px;overflow: hidden;border: 1px solid #d5d5d5;box-sizing: border-box;}
.mini_banner:hover, .mini_banner:focus{border: 1px solid #b3254f}

/* 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:1024px){
	.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 40px !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:1024px){
  .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:1200px;margin:30px auto 0;}
#main .n2-ss-layers-container:focus{box-sizing:border-box;border:1px solid #a6c7ff;}

/* 메인비쥬얼 */
#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:16;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:none;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%;}

/* widget(main) */
#main .panel-grid{padding:29px 39px;border:1px solid #d5d5d5;background-color:#fff;}
#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{/*margin-top:28px;*/padding:12px 0;}
#main .template_cnt:first-child{padding-top:3px;}
#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:14px;color:#545454;}
#main .template_cnt:focus .thumb img,
#main .template_cnt:hover .thumb img{border:none;}
#main .iseoulu .thumb{border:5px solid #b3254f;}
#main .type_thumb_tit .template_cnt{padding:0;}

/* banner */
.so-widget-sow-image-default-bd5cd9da0588 .sow-image-container .so-widget-image {display:inline-block !important;}

/* SEOUL NEWS */
#main #pg-home-0 .so-panel{margin-bottom:0;}

/* banners 1 */
#main #pg-home-1{padding:0;border:none;background-color:transparent;}
#main #pg-home-1 .panel-grid-cell{width:50%;}

/* 날씨, 교통 정보, 뉴스레터 등 */
#main #pg-home-2{margin-top:-35px;margin-bottom:10px;padding:0;border:none;background-color:#b3254f;}
#main #pgc-home-2-0, #main #pgc-home-2-1, #main #pgc-home-2-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;}

#main #pg-home-2 #panel-home-2-1-0{border-right:1px solid #c3466b;border-left:1px solid #c3466b;}
#main .help_area{overflow:hidden;}
#main .help_area li{float:left;width:24%;padding:20px 0 20px;text-align:center;}
#main .help_area li a{font-size:13px;color:#fff;}
#main .help_area li img{width:auto;}

#main .newsletter{padding:20px 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:22px;font-weight:900;color:#fff;margin-right:10px;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;}

#main .monthly_events{text-align:center;padding:35px 0}

/* banners 2 */
#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;}

/* MAYER’s OFFICE */
#main #pg-home-4 #pgc-home-4-0 .template_cnt h4{font-size:16px;white-space:normal;}
#main #pg-home-4 #pgc-home-4-0 .template_cnt .thumb{width:43%;margin-right:5%;background:url(/wp-content/uploads/2018/11/img_ceo2.jpg) no-repeat center center;background-size:cover;}
#main #pg-home-4 #pgc-home-4-0 .template_cnt .thumb:before{padding-top:147.36%;}
#main #pg-home-4 #pgc-home-4-0 .template_cnt .thumb:after{display:none;}
#main #pg-home-4 #pgc-home-4-0 .template_cnt .thumb span{font-size:0;text-indent:-9999em;}
#main #pg-home-4 #pgc-home-4-0 .template_cnt .total_box{padding-left:48%;}
#main #pg-home-4 #pgc-home-4-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:#b3254f;}
#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:#b3254f;}
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 #pg-home-5{position:relative;padding:40px 27px;}/*photo*/
#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:#b3254f;background-color:#b3254f;}/*video*/
#main .panel-grid-video .txt_date>div{color:#f5f5f5;}

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


/* ----------------------------------------------------------------------------
	04:연관 컨텐츠
------------------------------------------------------------------------------- */
.crp_related{margin-top:43px;padding:20px 14px 21px;border:1px solid #d5d5d5;background-color:#f5f5f5;}
.crp_related h3{/*overflow:hidden;visibility:hidden;line-height:0;font-size:0;*/padding:0 15px 15px;}
.crp_related ul{overflow:hidden;}
.crp_related li{float:left;width:33.3333%;margin-top:0;margin-bottom:8px;padding:0;}
.crp_related li a{padding:0 15px;text-decoration:none !important;color:#545454 !important;}
.crp_related li .crp_title{display:block;overflow:hidden;margin-bottom:9px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.crp_related li a:focus .crp_title,.crp_related li a:hover .crp_title{text-decoration:none;}
.crp_related li img{width:100%;}


/* ----------------------------------------------------------------------------
	05:마이서울(회원가입)
------------------------------------------------------------------------------- */
/* 로그인공통 */
.white_ex_list{margin-top:20px;text-align:left;}
.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:36px;line-height:36px;padding:0 8px;font-size:14px;color:#545454;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#d5d5d5;}
.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:hover{text-decoration:underline;}
.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:36px;line-height:36px;margin-top:20px;padding-right:12px;text-align:right;font-size:14px;color:#fff !important;background-color:#3c5a99;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.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:#006fb5;}
.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;}

/* 로그인페이지 */
.login_wrap{position:relative;max-width:722px;margin:40px auto 0;padding:42px 39px;text-align:center;border:1px solid #d5d5d5;background-color:#fff;}
.login_wrap h3{margin-bottom:9px;padding-bottom:14px;font-size:24px;font-weight:400;color:#545454;border-bottom:1px solid #545454;}
.login_wrap p{line-height:1.2em;font-size:18px;color:#545454;}
.login_wrap .or{margin-top:14px;font-size:16px;}
.login_wrap .login_box_wrap{width:280px;margin:31px auto 0;}
.login_wrap .login_box{position:relative;width:100%;}
.login_wrap .login_box .input_box{margin-bottom:8px;}
.login_wrap .login_box .btn_login{display:block;width:100%;height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff;border:1px solid #363636;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#363636;cursor:pointer;}
.login_wrap input[type='text'],.login_wrap input[type='password'],.login_wrap input[type='file'],.login_wrap select{width:100%;height:38px;line-height:38px;border:1px solid #363636;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-sizing:border-box;}
.login_wrap .btn_box_center .btn_l{margin:0 3px;}
.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 .login_box .btn_login{margin-top:15px;}
.btn_login_face{margin-top:15px;margin-bottom:5px;}
.login_wrap .notice_txt{margin:0 -15%;}

/* 로그인 레이어팝업*/
.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;*display:inline;zoom:1;width:80px;height:68px;text-align:center;font-size:16px;line-height:68px;color:#fff;border:1px solid #b3254f;background:#b3254f;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;*display:inline;zoom:1;margin-right:3px;}
.find_wrap .input_find_mail{width:220px !important;}

/* 회원가입공통 */
.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{font-weight:700;}
.join_step li h3 span{display:block;margin-bottom:10px;font-size:18px;}

.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;padding-top:5px;font-size:18px;line-height:18px;color:#333;}
.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;}
.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:200px;padding:25px 20px;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:#545454;cursor:pointer;}
.step01_contents .txt{margin-bottom:-11px;padding-top:20px;}

/* 회원가입 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:6px !important;text-align:left;font-weight:700;}
.step02_contents .input_wrap label:first-child{margin-top:0;}
.step02_contents .radio_gray_box{margin-bottom:12px;text-align:left;}
.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:#b3254f;}
.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 > li{padding:20px 18px;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:#c75375;}
.policy_contents .policy_txt > li h4 span{color:#eaeaea;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;font-size:14px;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 17px;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{padding:0 0 0 17px;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 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 > 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:25px 0 30px 0;text-align:center;background:#f5f5f5;}
.search_form .input_box{position:relative;width:100%;margin:0 auto;text-align:center;}
.search_form .input_box input.input_txt{width:380px;margin-right:4px;}
.search_form .input_box ul.popular_list{margin:5px 0 0 0;padding:0 20px;text-align:center;}
.search_form .input_box ul.popular_list li{display:inline-block;*display:inline;zoom:1;margin-right:4px;}
.search_form .input_box ul.popular_list li:first-child{padding:2px 0 0 0;margin-right:10px;vertical-align:top;}
.search_form .input_box ul.popular_list li:first-child h4{font-size:14px;line-height:14px;font-weight:bold;}
.search_form .input_box ul.popular_list li a{display:inline-block;*display:inline;zoom:1;padding:3px 8px;font-size:12px;line-height:14px;color:#555;background:#e2e2e2;}
.search_form .input_box ul.popular_list li a:hover{background:#b3254f;color:#fff;}
.search_form a.btn_detail{position:absolute;z-index:1;right:20px;bottom:15px;font-size:14px;line-height:16px;color:#555;padding-right:20px;background:url(images/common/bg_result.png) no-repeat right center;}
.search_form a.btn_detail span{padding-left:18px;background:url(images/common/btn_result_search.png) no-repeat left center;}
.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:0 18px 67px 18px;border:10px solid #f5f5f5;}
.search_detali_box .detali_list > li{padding:15px 0;border-bottom:1px dotted #d8d8d8;zoom:1;}
.search_detali_box .detali_list li:after{content:"";display:block;clear:both;}
.search_detali_box .detali_list li h4{float:left;width:16%;padding-top:3px;font-size:13px;line-height:15px;color:#333;font-weight:bold;}
.search_detali_box .detali_list li div.txt_con{float:left;width:84%;}
.search_detali_box .detali_list li div.txt_con input.input_txt{width:380px;height:18px;}
.search_detali_box .detali_list li div.txt_con p{margin-top:7px;}
.search_detali_box .detali_list li span{margin-right:25px;}
.search_detali_box .detali_list li span label{margin-left:4px;font-size:12px;line-height:14px;color:#555;}
.search_detali_box .detali_list li span span{margin-right:4px;}
.search_detali_box input.btn_detail_search{position:absolute;z-index:1;right:18px;bottom:20px;}

.result_list_box.marT40{margin-top:40px;}
.result_list_box h3{padding:0 0 7px 0;font-size:16px;line-height:18px;color:#333;font-weight:bold;border-bottom:2px solid #414141;}
.result_list_box h3 span{font-weight:normal;color:#41a2a8;}
.result_list_box div > h4{padding:7px 0 7px 18px;margin:15px 0 10px 0;font-size:14px;line-height:16px;color:#333;font-weight:bold;background:#f5f5f5 url(images/common/bg_jum_list02.jpg) no-repeat 10px center;}
.result_list_box div > h4 span{font-weight:normal;color:#41a2a8;}
.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:310;padding:0 0 10px 0;margin:34px 0 0 34px;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:34px 0 0 0;}
.result_menu h3{margin-bottom:5px;font-size:16px;line-height:18px;color:#555;font-weight:normal;}
.result_menu h3 span.num{line-height:20px;color:#333;font-weight:bold;}
.result_menu h3 span.srh_txt{line-height:20px;font-weight:bold;color:#41a2a8;}
.result_menu ul.result_list{position:relative;padding:18px 15px 8px 155px;overflow:hidden;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.result_menu ul.result_list li{display:inline-block;*display:inline;zoom:1;margin:0 45px 10px 0;}
.result_menu ul.result_list li:first-child{position:absolute;z-index:1;left:15px;top:18px;}
.result_menu ul.result_list li label{margin-left:4px;line-height:15px;color:#555;font-weight:bold;}
.result_menu ul.result_list li label span{color:#41a2a8;}

.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;}

/* 템플릿 컨텐츠 영역 */
.layout-column2{overflow:hidden;margin:0 -20px;}
.layout-column2 .template_cnt{position:relative;float:left;width:50%;margin-top:30px;padding:0 20px;box-sizing:border-box;}
.layout-column2 .template_cnt a[class*="btn_"]{position:absolute;top:0;right:20px;}


/* ----------------------------------------------------------------------------
	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;*display:inline;zoom:1;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;*display:inline;zoom:1;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:#b3254f;}
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;*display:inline;zoom:1;}
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:31.3333%;margin:0 1%;/*margin:30px 1% 0;*/}
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 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.exhibition_list li .photo_over{display:none;}

/* 통합검색 멀티미디어 리스트 */
ul.multi_three_list{overflow:hidden;margin:0 -1%;}
ul.multi_three_list:before{content:"";display:block;margin:0 1%;border-top:1px solid #333333;}
ul.multi_three_list li{float:left;width:31.333%;margin:34px 1% 0;padding:0px 0;border-bottom:1px solid #d8d8d8;}
ul.multi_three_list li.lastLi{margin:34px 0 0 0;}
ul.multi_three_list li:nth-child(3n){margin:34px 0 0 0;}
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:hover{border-bottom:1px solid #333;}
ul.multi_three_list li:hover h4{text-decoration:underline;}
ul.multi_three_list li a:focus .photo_over:after,
ul.multi_three_list li a:hover .photo_over:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:5px solid #b3254f;box-sizing:border-box;transition:all ease .2s;opacity:1;z-index:2;}
ul.multi_three_list li div.clearfix{padding:15px 0 20px 0;}
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{height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap ;font-size:14px;line-height:1.5em;}
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 li > div > a{display:inline-block;width:35%;}*/
/*ul.promotion_list li div.photo_img{position:relative;height:150px;padding:30px 20px;}
ul.promotion_list li div.photo_img img{width:100%;height:150px;}180628지워*/
ul.promotion_list .template_cnt{margin-top:20px;margin-bottom:20px}
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{font-size:20px;}
/*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%;border-top:2px solid #333333;}
ul.culture_e_list li{float:left;width:31.3333%;margin:30px 1% 0;}
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.ex_txt{max-height:60px;margin-top:10px;font-size:13px;color:#727272;}
ul.culture_e_list li div.ex_txt a{font-size:13px;color:#727272;}
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;*display:inline;zoom:1;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;*display:inline;zoom:1;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:5em;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:#b3254f;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:114px;}
.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 .layout-column2{margin:0 -12px;}

/* 메달리스트 */
.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:hover h4{color:#b3254f;}
.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;z00m: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 -1%;}
ul.brochure_list li{float:left;width:31.3333%;margin:40px 1% 0;padding:0;background-color:#f5f5f5;}
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:160%;}
ul.brochure_list li .con_box{position:relative;margin-left:50%;padding:20px 14px 0 16px;}
ul.brochure_list li .con_box h4{height:115px;white-space:normal;text-overflow:initial;}
ul.brochure_list li .con_box .btn_box{position:absolute;bottom:20px;left:16px;}
ul.brochure_list li .con_box .btn_box a.btn_view_28{margin-bottom:4px;background-image:none;}
ul.brochure_list li .con_box .btn_box a.btn_view_28:before{content:"\f002";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:6px;}

/* 라이브러리-정책자료실 */
ul.policy_list{/* margin:30px 0 0 0;border-top:2px solid #333;*/}
ul.policy_list li.lastLi{margin-right:0;}
/*ul.policy_list li .photo_img{position:absolute;z-index:1;left:0;top:0;width:35px;height:35px;background:url(images/common/ico_pdf.png) no-repeat left top;}*/
ul.policy_list li .con_box{position:relative;padding-left:42px;}
ul.policy_list li .con_box h4{margin-right:120px;padding-top:8px;padding-bottom:9px;}
ul.policy_list li .con_box h4:before{content:"";position:absolute;left:0;top:0;width:35px;height:35px;background:url(images/common/ico_pdf.png) no-repeat left top;z-index:1;}
ul.policy_list li .btn_box{float:right;}
ul.policy_list li .btn_box .btn_view_28{display:none;}
ul.policy_list br{display:none;}
ul.policy_list li.template_cnt .btn_box{position:absolute;top:0;right:20px;}
ul.policy_list li.template_cnt a[class*="btn_"]{position:static;}

/* 갤러리 - 파노라마 */
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;}


/* ----------------------------------------------------------------------------
	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:#b3254f !important;border-bottom:1px solid #b3254f;}
.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>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:-55px;}
.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:-59px;}
.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:16px;}
.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:#b3254f;}
.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;*display:inline;zoom:1;}
.c_monored_mini{width:14px;height:14px;margin-bottom:7px !important;background:#be1138;display:inline-block;*display:inline;zoom:1;}
.c_hangang_mini{width:12px;height:12px;border:1px solid #d8d8d8;background:#ebecf0;display:inline-block;*display:inline;zoom:1;}

/* 시장약력 */
.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;*display:inline;zoom:1;line-height:30px;vertical-align:bottom;}
.c_statistics ul li p span.c_statistics_txt{font-size:26px;color:#b3254f;}
.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:hover{color:#b3254f;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;}

.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:325px;}
.c_organ_line_box.line2_03{height:591px;}
.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 #b3254f;color:#b3254f !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:#b3254f !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.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:-140px;width:140px;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:-142px;width:142px;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;bottom:0;width:100%;padding:0 0 10px 0 !important;border:1px solid #6a0020;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:#6a0020;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:8% !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:-70px;bottom:30px;width:70px;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:590px;}
.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;font-size:13px !important;line-height:17px !important;color:#333 !important;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 #6a0020;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:#6a0020;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_last ul.organ_2depth_list{margin:0 !important}

.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 > .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 #6a0020;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:#6a0020;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_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:0 -1%;padding-top:30px;padding-bottom:12px;}
.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;*display:inline;zoom:1;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%;}
.noside ul.menu li{display:block;}
.noside ul.menu li a{display:block;color:#363636;}
.noside ul.menu,
.noside ul.menu li{zoom:1;} /* ie6, ie7 때문에 */
.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>a{margin-bottom:5px;font-size:20px;font-weight:700;}
.noside ul.menu>li>a:before{content:"\f111";font-family:"Font Awesome 5 Free";font-weight:400;font-size:15px;margin-right:5px;vertical-align:bottom;}

/*2depth*/
.noside ul.menu>li>ul{display:block;padding-left:7px;}
.noside ul.menu>li>ul>li{float:left;width:25%;background:none;}
.noside ul.menu>li>ul>li>a{margin-top:13px;margin-bottom:13px;padding-left:22px;font-size:16px;font-weight:700;background:url(images/common/ico_sitemap_2depth.png) no-repeat left 2px;}

/*3depth*/
.noside ul.menu>li>ul>li>ul{padding-left:11px;}
.noside ul.menu>li>ul>li>ul>li{width:100%;margin-left:0%;margin-bottom:0px;}
.noside ul.menu>li>ul>li>ul>li>a{padding-bottom:12px;padding-left:20px;font-size:14px;font-weight:400;background:url(images/common/ico_sitemap_3depth.png) no-repeat left 2px;}

/*4depth*/
.noside ul.menu>li>ul>li>ul>li>ul>li>a{margin-left:12px;padding-bottom:12px;padding-left:20px;background:url(images/common/ico_sitemap_3depth.png) no-repeat left 2px;}

#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:first-child{margin-top:0;}
.family_site_list .family_site_list_depth1>li{overflow:hidden;margin-top:40px;}
.family_site_list .family_site_list_depth1 li a{display:block;line-height:1.1em;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{float:left;width:24.5%;line-height:1.2em;padding-right:1%;font-size:24px;font-weight:700;color:#363636;letter-spacing:-0.02em;}
.family_site_list .family_site_list_depth2 > ul{overflow:hidden;margin-left:20%;border-left:4px solid #363636;}
.family_site_list .family_site_list_depth2 > ul li{float:left;width:31.3333%;padding-left:2%;font-size:16px;}


/* ----------------------------------------------------------------------------
	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;*display:inline;zoom:1;}

/* 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;*display:inline;zoom:1;}
.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;*display:inline;zoom:1;}

.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;}


/* ----------------------------------------------------------------------------
	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;}

/* 측정소지도 및 정보 */
#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;background:block;}
.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{position:absolute;top:412px;right:5px;left:0;width:48%;height:auto;border:1px solid #bcd9ff;border-radius:3px;}
.monitor table{position:relative;}
.monitor_t, .notes_t{width:100%;height:22px;line-height:22px;padding-top:4px;text-align:center;font-weight:bold;color:#333;border-bottom:1px solid #bcd9ff;background:url(../img/main/box_map_top.png) no-repeat;}
.monitor_m, .notes_m{width:100%;height:auto;background:url(../img/main/box_map_mid.png) repeat-y;}
.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 td, .notes_m table td{border-left:1px solid #eee;}
.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 thead th{background:#f0f7ff;border-bottom:none;color:#0066CC}
.monitor_m p,.monitor_m + p,.notes_m + p{margin-bottom:0;}
.notes_m table thead th{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{position:absolute;top:412px !important;right:0px;height:auto;width:48%;border:1px solid #bcd9ff;border-radius:3px;}
.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;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;height:30px;text-align:center;overflow:hidden;border-bottom:1px solid #bcd9ff;font-size:11px;font-weight:bold;line-height:30px;color:#333;}
* 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}

.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:16;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:none;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;}


/* ----------------------------------------------------------------------------
	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:#ff;}
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;*display:inline;zoom:1;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;*display:inline;zoom:1;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;}


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

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

@media (min-width:768px) and (max-width:1024px){
	/* ----------------------------------------------------------------------------
		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;}
	#main #panel-home-5-0-1,
	#main #panel-home-6-0-1{/*display:none;*/}

	/* ----------------------------------------------------------------------------
		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;}
}

@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 #c3466b;border-bottom:1px solid #c3466b;border-right:none;border-left:none;}
	#main .weather_wrap{margin-top:16px;}
	#main .help_area li{padding:20px 0 24px;}
	#main .help_area li img{height:31px;}
	#main .newsletter{padding:3px 0 16px;}
	#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-4-1 #panel-home-4-1-0 + #panel-home-4-1-1{margin-top:0;}

	/* ----------------------------------------------------------------------------
		04:연관 컨텐츠
	------------------------------------------------------------------------------- */
	.crp_related{padding:11px 14px 0;}
	.crp_related h3{padding:0 0 10px;}
	.crp_related li{float:none;width:auto;margin:0 0 17px;}
	.crp_related li a{padding:0;}
	.crp_related li .crp_title{}
	.crp_related li img{height:100% !important;}

	.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.promotion_list .template_cnt{margin-top:12px;margin-bottom:12px;}
	
	/* 라이브러리-브로셔 */
	ul.brochure_list{margin:0;}
	ul.brochure_list li{width:100%;margin:24px 0 0;}
	
	/* ----------------------------------------------------------------------------
		09:서울소개
	------------------------------------------------------------------------------- */
	/* 조직도 */
	.c_link_list.no_img li .c_link_txt{padding-left:8px;}
}

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