@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 ENG Theme
Theme URI: http://www.lh.co.kr
Author: LH - N.H.O
Author URI: http://wordpress.org/
Description: New Seoul ENG Theme
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.
*/

.seoul-slide-mobile{display: none;}
/*** 0623 ***/
/* ul.top_menu li.lang,
ul.lang_content {display:none; margin-left:-100%;} */

/*==================================================================
	마이서울( 회원가입 )
===================================================================*/

/* 로그인공통 */
.white_ex_list{ margin:30px 0 0 0;background:#fff;text-align:left;}
.white_ex_list li{padding-left:8px; margin-top:5px; font-size:14px; line-height:16px; color:#333; background:url(images/common/bg_ex_txt.jpg) no-repeat left center; }
.white_ex_list li:first-child{ margin-top:0;}
.white_ex_list li span.txt_q{margin-right:10px;}
.white_ex_list li a{color:#333;}
.white_ex_list li a:hover{text-decoration:underline;}
.gray_ex_list{padding:17px 30px;background:#f5f5f5; text-align:left;}
.gray_ex_list li{padding-left:8px; margin-top:5px;font-size:14px; line-height:16px; 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; height:28px; margin-top:30px;padding-left:15px;text-align:center;font-size:14px; line-height:28px; color:#fff !important; border:1px solid #3e5d9c; background:#3e5d9c url(images/common/bg_login_face.jpg) no-repeat left center; 
border-radius:2px;-webkit-border-radius: 2px; -moz-border-radius: 2px;}
.btn_sign{padding-right:22px;font-size:14px; line-height:16px; color:#41a2a8 !important; background:url(images/common/bg_sign.png) no-repeat right center;  }

/* 로그인페이지 */
.login_wrap{position:relative; max-width:632px; margin:40px auto 0; padding:70px 10px; border:1px solid #d8d8d8; text-align:center;}
.login_wrap h3{margin-bottom:25px;font-size:42px; line-height:46px; color:#222;  }
.login_wrap p{font-size:14px; line-height:18px; color:#555; }
.login_wrap .login_box_wrap{width:342px; margin:25px auto 0;}
.login_wrap .btn_face_box{width:100%;padding:0 0 30px 0;  border-bottom:1px solid #d8d8d8;}
.login_wrap .login_box{position:relative;width:100%;}
.login_wrap .login_box .left_write_box{margin-right:0; text-align:left;}
.login_wrap .login_box .left_write_box input[type='text'],.login_wrap .login_box .left_write_box input[type='password']{width:246px;}
.login_wrap .login_box .left_write_box .input_box:first-child{margin-bottom:4px;}
.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 #008189; background:#008189; 
border-radius:2px;-webkit-border-radius: 2px; -moz-border-radius: 2px;cursor:pointer;}

/* 로그인 레이어팝업*/
.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 #008189; background:#008189; 
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{padding:40px 0 0 0; margin-bottom:40px; overflow:hidden; border-top:1px solid #d8d8d8; }
.join_step li{float:left; width:344px;padding:0 0 0 0;background:url(images/common/bg_step.png) no-repeat 96% bottom; }
.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{position:relative;padding:0 0 35px 60px; margin-right:34px;font-size:20px; line-height:22px; color:#727272; border-bottom:10px solid #d8d8d8; }
.join_step li h3 span{display:block;font-size:14px; line-height:22px; font-weight:bold;}
.join_step li h3.step01{background:url(images/common/icon_step_01.png) no-repeat 4px top; }
.join_step li h3.step02{background:url(images/common/icon_step_02.png) no-repeat 4px top;}
.join_step li h3.step03{background:url(images/common/icon_step_03.png) no-repeat 4px top;}
.join_step li.on{background:url(images/common/bg_step_on.png) no-repeat 96% bottom;}
.join_step li.on h3{color:#008189; border-bottom:10px solid #008189; }
.join_step li.on h3.step01{background:url(images/common/icon_step_01_on.png) no-repeat 4px top; }
.join_step li.on h3.step02{background:url(images/common/icon_step_02_on.png) no-repeat 4px top; }
.join_step li.on h3.step03{background:url(images/common/icon_step_03_on.png) no-repeat 4px top; }
.join_step li.on h3:after{
	position:absolute;
	bottom:0%;
	left:50%;
	margin-left:-15px;
	content:"";
	width:0px;height:0px;
	border-top:20px solid transparent;
	border-bottom:20px solid #008189;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
}

.photo_image{overflow:hidden;}
.photo_image p.img_file{float:left;width:72px; height:72px; margin-right:20px;border:1px solid #d8d8d8; background:url(images/common/bg_profile_img.jpg) no-repeat left top;}
.photo_image p.img_file img{width:72px; height:72px;}
.photo_image dl{float:left; width:300px;}
.photo_image dl dt{margin-bottom:6px;}
.photo_image dl dd{padding-left:7px;font-size:12px; line-height:18px;color:#555;background:url(images/common/bg_jum_list.jpg) no-repeat left center;}

.info_table_box{padding:20px 0 0 0;border-top:1px solid #d8d8d8; }
.table_ex_box{position:relative; padding:5px 0 14px 0; font-size:16px; line-height:18px; color:#333; }
.table_ex_box .btn_white_28{position:absolute; z-index:1; right:0; top:0; line-height:24px;}
.fields{ margin-left:10px; font-size:12px; line-height:14px; color:#008189; }
.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{ width:290px;/*width:45%; */padding:7px 10px;background:#f5f5f5; border:1px solid #f5f5f5;}
.radio_gray_box span{margin-right:35px;}
.table_txt{padding:9px 0;font-size:13px; line-height:16px;color:#555;}

/* 회원가입 step01 */
.step01_contents{}
.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:94%;height:200px; padding:30px 3%; overflow-y:auto; border:1px solid #d8d8d8;resize:none;}
.step01_contents .check_txt_box{padding:9px 0 0 0;text-align:right;font-size:13px; line-height:15px; color:#555; }

/* 회원가입 step02 */
.step02_contents{}
.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;}
.photo_image #preview-file{
	display:block !important;
    position:static !important;
    top:0 !important;
    margin-bottom:0 !important;
    width:auto !important;
    height:auto !important;
    opacity:1 !important;
	border:1px solid #ccc;
}
/* 회원가입 step03 */
.step03_contents{}
.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:#008189; }
.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_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{}
.policy_contents .policy_txt > li{padding:34px 18px; border-top:1px solid #d8d8d8;}
.policy_contents .policy_txt > li h4{margin-bottom:20px;font-size:16px; line-height:18px; color:#41a2a8;}
.policy_contents .policy_txt > li h4 span{ color:#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_contents{}
.find_contents .white_ex_list{ margin:30px 0 0 0; padding-top:25px; border-top:1px solid #d8d8d8;}

/* 패스워드 결과 */
.find_result_contents{}
.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;}

/*==================================================================
	통합검색페이지
===================================================================*/

.search_wrap{}
.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{}
.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:12px; line-height:14px; color:#333; font-weight:bold;}
.search_form .input_box ul.popular_list li a{display:inline-block; *display:inline; zoom:1;  padding:3px 8px; font-size:11px; line-height:14px; color:#555; background:#e2e2e2;}
.search_form .input_box ul.popular_list li a:hover{background:#008189;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{}
.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{ }
.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{font-size:18px; line-height:20px; color:#333; font-weight:bold;}
.result_menu h3 span.srh_txt{font-size:18px; 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;font-size:13px; 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; }

/*==================================================================
	커뮤니티(소통마당)
===================================================================*/

/* 글로벌메이트 소개 */
.medal_intro{overflow:hidden;}
.medal_intro li{position:relative; float:left; width:20.3%; padding:0 0 5px 85px;}
.medal_intro li img{position:absolute; z-index:1; left:15px; top:0;}
.medal_intro li dl{}
.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{}
.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;}

/*==================================================================
	개발 리스트
===================================================================*/

/* 커뮤니티메인 리스트 */
.wookmark{border-top:2px solid #333;}
ul.commu_list{}
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:nth-child(3n){}
ul.commu_list > li.lastLi{}
ul.commu_list li a{}
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:#008189; }
ul.commu_list li .total_box .btn_box{display:none; }
ul.commu_list li:hover{}
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{}
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.commu_list{border-top:2px solid #333; }
ul.commu_list > li{position:relative; float:left; width:200px; height:350px; margin:34px 27px 0 0 ;}
ul.commu_list > li:nth-child(3n){margin:34px 0 0 0 ;}
ul.commu_list > li.lastLi{margin:34px 0 0 0 ;}
ul.commu_list li a{}
ul.commu_list li a img{display:block;position:relative; z-index:1;width:100%; height:200px;}
ul.commu_list li a h4{height:37px; overflow:hidden; padding:15px 0 0 0;font-size:16px; line-height:18px; color:#222; }
ul.commu_list li a .ex_txt{ margin:5px 0 10px 0;font-size:12px; line-height:14px;  color:#727272; font-style:italic; }
ul.commu_list li .total_box{ width:100%; text-align:center; background:#fff;}
ul.commu_list li .total_box p.txt_ex{ display:none; font-size:13px; line-height:15px; color:#555;text-align:left; }
ul.commu_list li .total_box p{ display:none; font-size:13px; line-height:15px; color:#555;text-align:left; }
ul.commu_list li .total_box a.btn_like_it{display:none;margin:15px 0;}
ul.commu_list li .total_box .icon_box{padding:10px 0; overflow:hidden; text-align:left;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
ul.commu_list li .total_box .icon_box p{display:block; float:left; width:50%;}
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:#008189; }
ul.commu_list li:hover .total_box{position:absolute; z-index:10; left:0; top:280px;}
ul.commu_list li:hover .total_box p.txt_ex{display:block;}
ul.commu_list li:hover .total_box p{display:block;}
ul.commu_list li:hover .total_box a.btn_like_it{display:inline-block; *display:inline; zoom:1;}
*/

/* 멀티미디어 리스트 */
ul.multimedia_list{overflow:hidden; border-top:2px solid #333333;}
ul.multimedia_list li{float:left; width:310px; margin:34px 34px 0 0;padding:0px 0; border-bottom:1px solid #d8d8d8;}
ul.multimedia_list li > a{display:block;width:100%;height:auto;}
ul.multimedia_list li.lastLi{margin:34px 0 0 0;}
ul.multimedia_list li:nth-child(2n){margin:34px 0 0 0;}
ul.multimedia_list li div.photo_img{position:relative; width:310px; height:180px;}
ul.multimedia_list li div.photo_img > a{display:block;}
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:hover{ border-bottom:1px solid #333;}
ul.multimedia_list li:hover h4{text-decoration:underline;}
ul.multimedia_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.multimedia_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.multimedia_list li div.clearfix{padding:15px 0 20px 0;}
ul.multimedia_list li div.title_txt{width:100%; }
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 h4{height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap ;font-size:14px; line-height:16px; color:#333; }
ul.multimedia_list li div.title_txt div.info_txt{}
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{overflow:hidden; }
ul.gallery_list li{float:left; width:310px; margin:34px 34px 0 0;padding:0px 0; border-bottom:1px solid #d8d8d8;  }
ul.gallery_list li.lastLi{margin:34px 0 0 0;}
ul.gallery_list li:nth-child(2n){margin:34px 0 0 0;}
ul.gallery_list li div.photo_img{position:relative; width:310px; height:180px; overflow: hidden;}
ul.gallery_list li div.photo_img img{width:100%; height: auto;}
ul.gallery_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_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_list li:hover{ border-bottom:1px solid #333;}
ul.gallery_list li:hover h4{text-decoration:underline;}
ul.gallery_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_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_list li div.clearfix{padding:15px 0 20px 0;}
ul.gallery_list li div.title_txt{width:100%; }
ul.gallery_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_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.gallery_list li div.title_txt div.info_txt{}
ul.gallery_list li div.title_txt div.btn_list_down{display:none;margin:3px 0 0 0;text-align:right; }
ul.gallery_list li div.ex_txt{display:none;margin-top:20px;width:100%; font-size:14px; line-height:18px; color:#727272; }

/* 사진전 리스트 */
ul.exhibition_list{overflow:hidden; border-top:2px solid #333333;}
ul.exhibition_list li{float:left; width:310px; margin:34px 34px 0 0;padding:0px 0; border-bottom:1px solid #d8d8d8;}
ul.exhibition_list li.lastLi{margin:34px 0 0 0;}
ul.exhibition_list li:nth-child(2n){margin:34px 0 0 0;}
ul.exhibition_list li div.photo_img{position:relative; width:310px; height:180px; overflow: hidden;}
ul.exhibition_list li div.photo_img img{width:100%; height:auto;}
ul.exhibition_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_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_list li:hover{ border-bottom:1px solid #333;}
ul.exhibition_list li:hover h4{text-decoration:underline;}
ul.exhibition_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_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_list li div.clearfix{padding:15px 0 20px 0;}
ul.exhibition_list li div.title_txt{width:100%; }
ul.exhibition_list li div.title_txt p.cate_txt{margin:0 0 5px 0;font-size:13px; line-height:18px; color:#333; }
ul.exhibition_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_list li div.title_txt div.info_txt{}
ul.exhibition_list li div.title_txt div.btn_list_down{display:none;margin:3px 0 0 0;text-align:right; }
ul.exhibition_list li div.ex_txt{display:none;margin-top:20px;width:100%; font-size:14px; line-height:18px; color:#727272; }

/* 통합검색 멀티미디어 리스트 */
ul.multi_three_list{overflow:hidden; border-top:2px solid #333333;}
ul.multi_three_list li{float:left; width:310px; margin:34px 34px 0 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; width:310px; height:180px;}
ul.multi_three_list li div.photo_img img{width:100%; height:180px;}
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: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.multi_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.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:16px; color:#333; }
ul.multi_three_list li div.title_txt div.info_txt{}
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.info_txt{}
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.info_txt{}
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{border-top:2px solid #333333;}
ul.promotion_list li{position:relative;height:250px;padding:30px 0; border-bottom:1px solid #d8d8d8;}
ul.promotion_list li > div > a{display:inline-block;width:35%;}
ul.promotion_list li div.photo_img{position:relative; width:100%; height:150px;}
ul.promotion_list li div.photo_img img{width:100%; height:150px;}
ul.promotion_list li:hover{ border-bottom:1px solid #333;}
ul.promotion_list li:hover h4{text-decoration:underline;}
ul.promotion_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.promotion_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;}
ul.promotion_list li div.clearfix{padding-top:25px;}
ul.promotion_list li div.title_txt{float:left; width:100%; }
ul.promotion_list li div.title_txt h4{height:43px; overflow:hidden;font-size:16px; line-height:20px; color:#333; }
ul.promotion_list li div.ex_txt{float:right; width:55%;height:72px; overflow:hidden; font-size:14px; line-height:18px; color:#727272; }
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;}
/* 문화이벤트 */
.culture_event_contents{}
ul.culture_e_list{overflow:hidden; border-top:2px solid #333333;}
ul.culture_e_list li{float:left; width:310px;height:310px; margin-right:34px;padding:30px 0; border-bottom:1px solid #d8d8d8;}
ul.culture_e_list li.lastLi{margin-right:0;}
ul.culture_e_list li:nth-child(2n){margin-right:0;}
ul.culture_e_list li div.photo_img{position:relative; width:100%; height:150px;}
ul.culture_e_list li div.photo_img img{width:100%; height:150px;}
ul.culture_e_list li:hover{ border-bottom:1px solid #333;}
ul.culture_e_list li:hover h4{text-decoration:underline;}
ul.culture_e_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.culture_e_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;}
ul.culture_e_list li div.clearfix{padding-top:25px;}x
ul.culture_e_list li div.title_txt{width:100%; }
ul.culture_e_list li div.title_txt h4{height:43px; overflow:hidden; font-size:16px; line-height:20px; color:#333;  }
ul.culture_e_list li div.ex_txt{margin-top:20px;width:100%; height:55px; overflow:hidden; font-size:14px; line-height:18px; color:#727272; }
ul.culture_e_list li div.ex_txt .btn_readmore{display:none;}

/* 설문조사 */
.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:hover p{}
.list_top_box a h3{height:43px; overflow:hidden;margin-bottom:10px;font-size:18px; line-height:20px; color:#333;}
.list_top_box a span{display:block;height:75px; overflow:hidden;margin-right:15px;font-size:14px; line-height:18px; color:#727272;}
.list_top_box a p a.btn_readmore{}
.list_top_box .date_box{position:absolute; z-index:10; left:0; top:0; width:61px; height:46px; padding:15px 0 0 0;background:#41a2a8; color:#fff; text-align:center;}
.list_top_box .date_box li.month_txt{font-size:12px; line-height:14px; }
.list_top_box .date_box li.date_txt{font-size:22px; line-height:24px; }

/* press 리스트 */
.overseas_list{border-top:2px solid #414141;}
.overseas_list.borTnone{border-top:none;}
.overseas_list > li{position:relative; padding:25px 90px 25px 20px; background:url(images/common/bg_overseas_title.png) no-repeat left 30px; overflow:hidden; border-bottom:1px solid #d8d8d8;}
.overseas_list li h4{height:19px; overflow:hidden;font-size:16px; line-height:20px; color:#333; }
.overseas_list li a.btn_white_32{position:absolute; z-index:1; right:0; top:30px;}
.overseas_list li:hover{background:#f7f7f7 url(images/common/bg_overseas_title.png) no-repeat left 30px; }
.overseas_list li:hover h4{text-decoration:underline;}
.overseas_list li img,.overseas_list li p.ex_txt{display:none;}

/* newLetter */
.news_letter_contents{}
ul.letter_list{overflow:hidden;}
ul.letter_list li{position:relative; float:left; width:138px; height:175px; margin:0 25px 34px 0; 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{}
ul.letter_list li a img{ width:138px; height:175px; }
ul.letter_list li a h4{display:block; position:absolute; z-index:1; left:0; bottom:0; width:100%;padding:5px 0; text-align:center;font-size:12px;letter-spacing: -1px; line-height:24px; color:#fff;background-color:#222;opacity:0.8;filter:Alpha(Opacity=80);}
ul.letter_list li .photo_box .photo_over{display:none;}
ul.letter_list li:hover h4{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;}

/* 메달리스트 */
.global_main_contents{}
.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 a{}
.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:#008189;}
.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_box02  .jum_list{}
.talk_box02  .jum_list li{}

.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;}
ul.brochure_list li{float:left; width:310px; margin-right:34px;padding:30px 0 30px 0; border-bottom:1px solid #d8d8d8;}
ul.brochure_list li:hover{ border-bottom:1px solid #333;}
ul.brochure_list li:hover h4{text-decoration:underline;}
ul.brochure_list li.lastLi{margin-right:0;}
ul.brochure_list li .photo_img{ float:left;  width:138px; height:175px; background:url(images/common/bg_pdf.png) no-repeat left top;}
ul.brochure_list li .photo_img img{width:138px; height:175px;}
ul.brochure_list li .con_box{ position:relative; float:right;  width:50%; height:175px; }
ul.brochure_list li .con_box h4{height:100px; overflow:hidden;font-size:14px; line-height:20px; color:#333; font-weight:bold;}
ul.brochure_list li .con_box .btn_box{position:absolute; z-index:1; left:0; bottom:0;}
ul.brochure_list li .con_box .btn_box a.btn_view_28{margin-bottom:4px;}

/* 라이브러리-정책자료실 */
ul.policy_list{/* margin:30px 0 0 0; border-top:2px solid #333; */}
ul.policy_list li{ position:relative;overflow:hidden;padding:30px 0 30px 45px; border-bottom:1px solid #d8d8d8;}
ul.policy_list li:hover{ background:#f5f5f5;}
ul.policy_list li:hover h4{text-decoration:underline;}
ul.policy_list li.lastLi{margin-right:0;}
ul.policy_list li .photo_img{ position:absolute; z-index:1; left:0; top:30px; width:30px; height:40px; background:url(images/common/bg_pdf_s.png) no-repeat left top;}
ul.policy_list li .photo_img img{width:30px; height:40px;}
ul.policy_list li .con_box{ position:relative; float:left; width:100%;}
ul.policy_list li .con_box h4{ float:left; width:80%; height:22px; padding:10px 0 0 0; overflow:hidden; font-size:14px; line-height:20px; color:#333; font-weight:bold;}
ul.policy_list li .con_box .btn_box{float:right;  padding:7px 0 0 0; }
ul.policy_list li .con_box .btn_box .btn_view_28{display:none;}
ul.policy_list br{display:none;}

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

/* 사이트맵 */
.sitemap_box{overflow:hidden;}
.sitemap_box h3{float:left; width:22%;padding:15px 0 0 0; border-top:2px solid #333;}
.sitemap_box h3 a{font-size:22px; line-height:26px; color:#222; font-weight:bold;}
.sitemap_box h3 a:hover{color:#41a2a8;}
.sitemap_box > ul {float:right; width:74%;}
.sitemap_box > ul > li{float:left;width:30%; margin-right:5%; margin-bottom:50px;}
.sitemap_box > ul > li.lastLi{margin-right:0;}
.sitemap_box > ul > li h4{ padding:15px 0;  margin-bottom:20px; border-top:1px solid #333; border-bottom:1px solid #d8d8d8;}
.sitemap_box > ul > li h4 a{display:block; height:45px;overflow:hidden;font-size:18px; line-height:22px; color:#555; font-weight:bold;}
.sitemap_box > ul > li h4 a:hover{color:#41a2a8;}
.sitemap_box > ul > li > ul{}
.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;}

/*==================================================================
	서울소개
===================================================================*/

/* 서울소개_역사 */
.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:290px;}
.c_about_his_box div.his_box_right{float:right; width:290px;}
.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:-39px; top:0;   width:39px; height:18px; background:#fff url(images/about/bg_his_arrow02.jpg) no-repeat left top;}
.c_about_his_box div.h_seoul_box{}
.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:#008189 !important;  border-bottom:1px solid #008189;}
.c_about_his_box h4.hid{display:none;text-indent:-9999px; font-size:0;padding:0; margin:0; }
.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; }

/* 서울소개_역대시장 */
.c_former_box{position:relative; background:url(images/about/bg_his_line.jpg) repeat-y center top;}
.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;}
.c_former_box div.former_left{position:relative; float:left; width:170px; height:106px; padding:15px 0 0 120px; margin-top:60px; background:#f5f5f5;}
.c_former_box div.former_left h4{position:absolute; z-index:1; right:-51px; 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.former_left span.arrow_left{position:absolute; z-index:1; right:-15px; top:60px;  width:16px; height:1px; background:#fff url(images/about/seoul_arrow_left.png) no-repeat left top; }
.c_former_box div.former_left p{margin:3px 0 0 0;}
.c_former_box div.former_right{position:relative; float:right; width:170px; height:106px; padding:15px 0 0 120px; margin-top:60px; background:#f5f5f5;}
.c_former_box div.former_right h4{position:absolute; z-index:1; left:-55px; 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.former_right span.arrow_left{position:absolute; z-index:1; left:-21px; top:60px;   width:16px; height:1px; background:#fff url(images/about/seoul_arrow_left.png) no-repeat left top;}
.c_former_box div.former_right p{margin:3px 0 0 0;}
.c_former_box span.arrow_left.none{display:none;}
.c_former_box h5 span{display:block; line-height:20px; color:#333;  font-weight:bold;}
.c_former_box h5 span.txt_01{ font-size:13px; }
.c_former_box h5 span.txt_02{ font-size:18px; }
.c_former_box img{position:absolute; z-index:0; left:0; top:0; width:102px;height:121px;}
.c_former_box p{font-size:13px; line-height:16px; color:#008189; }
.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{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; 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{}
.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; border-bottom:1px solid #333;font-size:18px; line-height:22px; color:#333; font-weight:bold; }
.c_mayor_list li span.year_txt br{display:block;}
.c_mayor_list li span.ex_txt{ float:right;  width:73%; margin:0 0 0 20px; font-size:14px; line-height:22px; color:#555; }
.c_mayor_list li br{display:none;}
.c_awards_wrap{margin:40px 0 0 0;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{ padding:10px 20px !important; margin:0 !important; font-size:14px; line-height:22px; color:#394453; font-weight:bold; background:#f5f5f5 !important;border-bottom:1px dotted #d8d8d8;border-bottom:1px dotted #d8d8d8;}
.c_awards_box ul{padding:30px 20px; height:455px;}
.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; width:60px; font-size:14px; line-height:18px; color:#333; font-weight:bold;}
.c_awards_box ul li span.ex_txt{float:right; width:75%; font-size:12px; line-height:18px; 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{font-size:16px; line-height:24px; color:#333;  } 
.c_line_left_txt p{margin:25px 0 0 0 !important;font-size:13px; line-height:22px; 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;}
.c_statistics ul li {float:left; width:30%; margin-right:5%;}
.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:#008189;}
.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 {border:1px solid #d8d8d8; border-top:2px solid #747c86;}
.c_statistics_tab > li {border-bottom:1px dotted #d8d8d8;}
.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 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:#008189; 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; border:1px solid #d8d8d8;}
.c_link_list li{float:left; width:49.9%; height:100px; *height:120px;border-right:1px dotted #d8d8d8;border-bottom:1px dotted #d8d8d8;}
.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 .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{padding:0 0 60px 0;background:url(images/about/bg_organ_line.jpg) no-repeat left 40px; }
.c_organ_line_box.line_2depth{background:url(images/about/bg_organ_line02.jpg) no-repeat left 30px;}
.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.line2_01{background:url(images/about/bg_organ02_line.jpg) no-repeat left top;}
.c_organ_line_box.line2_02{height:325px;background:url(images/about/bg_organ02_line02.jpg) no-repeat left 30px;}
.c_organ_line_box.line2_03{height:674px;background:url(images/about/bg_organ02_line03.jpg) no-repeat left top;}
.c_organ_line_box.line2_04{background:none;}
.c_organ_line_box h3{float:left; width:22.6%; padding:20px 2.5% !important; margin:0 8% 0 0 !important;background:#fff; border:1px solid #008189; color:#008189 !important;font-size:14px !important; line-height:20px !important; text-align:center;}
.c_organ_line_box h3.mar_r{margin:0 12.5% 0 0 !important; }
.c_organ_line_box h3.top_h3{ background:#008189 !important;font-size:20px !important;color:#fff !important;  }
.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 > li{position:relative;padding:20px 0; margin-top:10px;border:1px solid #d8d8d8; background:#f5f5f5;}
.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: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 > 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 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;width:270px; padding:0 0 10px 0 !important; border:1px solid #00597d; background:#fff;} 
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > h5{padding:0 0 1px 0 !important; margin:0 0 10px 0 !important;background:url(images/about/bg_organ_title.jpg) no-repeat 15px bottom;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > h5 > a{display:block;padding:20px 25px 20px 15px;  font-size:14px; line-height:20px; color:#00597d; background:#fff url(images/about/organ_arrow_on.png) no-repeat 93% center; }
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > h6{margin:5px 5px 5px 15px !important; padding:0 !important; font-size:12px !important; line-height:16px !important; color:#555 !important;  font-weight:bold;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > ul{margin:0 0 0 15px !important;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ > ul > li{padding:0 0 4px 8px !important;font-size:12px; line-height:16px; color:#727272; background:url(images/common/bg_con_jum.jpg) no-repeat left 6px;}

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

.c_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{ }
.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 .map_con0{background:url(images/about/map_00.jpg) no-repeat left top;}
.c_borough_box .map_con1{background:url(images/about/map_Eunpyeong-gu.jpg) no-repeat left top;}
.c_borough_box .map_con2{background:url(images/about/map_Gwangjin-gu.jpg) no-repeat left top;}
.c_borough_box .map_con3{background:url(images/about/map_Dobong-gu.jpg) no-repeat left top;}
.c_borough_box .map_con4{background:url(images/about/map_Dongdae-gu.jpg) no-repeat left top;}
.c_borough_box .map_con5{background:url(images/about/map_Dongjak-gu.jpg) no-repeat left top;}
.c_borough_box .map_con6{background:url(images/about/map_Yeongdeungpo-gu.jpg) no-repeat left top;}
.c_borough_box .map_con7{background:url(images/about/map_Gangbuk-gu.jpg) no-repeat left top;}
.c_borough_box .map_con8{background:url(images/about/map_Gangdong-gu.jpg) no-repeat left top;}
.c_borough_box .map_con9{background:url(images/about/map_Gangnam-gu.jpg) no-repeat left top;}
.c_borough_box .map_con10{background:url(images/about/map_Gangseo-gu.jpg) no-repeat left top;}
.c_borough_box .map_con11{background:url(images/about/map_Geumcheon-gu.jpg) no-repeat left top;}
.c_borough_box .map_con12{background:url(images/about/map_Guro-gu.jpg) no-repeat left top;}
.c_borough_box .map_con13{background:url(images/about/map_Gwanak-gu.jpg) no-repeat left top;}
.c_borough_box .map_con14{background:url(images/about/map_Yongsan-gu.jpg) no-repeat left top;}
.c_borough_box .map_con15{background:url(images/about/map_Jongno-gu.jpg) no-repeat left top;}
.c_borough_box .map_con16{background:url(images/about/map_Jung-gu.jpg) no-repeat left top;}
.c_borough_box .map_con17{background:url(images/about/map_Jungnang-gu.jpg) no-repeat left top;}
.c_borough_box .map_con18{background:url(images/about/map_Mapo-gu.jpg) no-repeat left top;}
.c_borough_box .map_con19{background:url(images/about/map_Nowon-gu.jpg) no-repeat left top;}
.c_borough_box .map_con20{background:url(images/about/map_Seocho-gu.jpg) no-repeat left top;}
.c_borough_box .map_con21{background:url(images/about/map_Seodaemun-gu.jpg) no-repeat left top;}
.c_borough_box .map_con22{background:url(images/about/map_Seongbuk.jpg) no-repeat left top;}
.c_borough_box .map_con23{background:url(images/about/map_Seongdong-gu.jpg) no-repeat left top;}
.c_borough_box .map_con24{background:url(images/about/map_Songpa-gu.jpg) no-repeat left top;}
.c_borough_box .map_con25{background:url(images/about/map_Yangcheon-gu.jpg) no-repeat left top;}
.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 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{}
.c_borough_box ul li span.ex_txt a{text-decoration:underline;color:#41a2a8;}
.c_borough_box ul li br{display:none;}

/*==================================================================
	생활정보
===================================================================*/

/*코스 리스트 */
.c_course_walk {padding-top:38px; clear:both; overflow:hidden;}
.c_course_walk li {width:138px; height:151px; padding-top:38px; padding-bottom:38px; background:url(images/common/bg_course_line.png) left top repeat-x; float:left;}
.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; background:url(images/life/bg_time.png) left center no-repeat; font-size:12px; line-height:15px; color:#41a2a8;}
.c_course_walk .c_course_time2 {margin-top:15px; color:#41a2a8;}
.c_course_walk .c_course_name {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:172px;}
.c_course_walk_h2 li {height:187px;}
.c_course_walk_h3 li{}

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

/*==================================================================
	정책정보
===================================================================*/

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

/*==================================================================
	etc
===================================================================*/
.noside ul.menu{
	width: 100%;
}
.noside ul.menu li{display: block; margin-bottom: 30px}
.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{
	display: block; width: 22%; float: left;
	border-top: 2px solid #333;
	font-size: 22px;
	line-height: 26px;
	color: #222;
	padding-top: 15px;
	
}
.noside ul.menu li a:hover{
	color: #41a2a8;
}
.noside ul.menu li ul{display: block; width: 75%; float: right;}
.noside ul.menu li ul li{float: left; width: 28%; margin-bottom: 0px; margin-left: 5.3333%; margin-bottom: 30px;}
.noside ul.menu li ul li a{
	width: 100%;
	font-size: 18px;
	height: 62px;
	line-height: 22px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 20px;
}
.noside ul.menu li ul li ul{width: 100%;}
.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{
	width: 100%;
	height: auto;
	font-size: 13px;
	border: 0px;
	margin-bottom: 0px;
	line-height: 16px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 12px;
	background: url(images/common/bg_jum_list.jpg) no-repeat 4px 9px;
}


#head_wrap .nav_wrap .close_menu{display:none}

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

/********************************
	2015-08-06대기오염환경
********************************/

.colgrp1 {overflow:hidden; width:654px;}
.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;}
#tabNav1 li {float:left;}
#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 a{width:173px; background-position:0 -30px}
#tabNav1 li.n2 a{width:173px; background-position:-173px -30px}
#tabNav1 li.n3 a{width:173px; background-position:-346px -30px}
#tabNav1 li.n4 a{width:173px; background-position:-519px -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:-173px 0}

#tabNav1 li.n3 a:hover, 
#tabNav1 li.n3 a.on, 
#tabNav1 li.n3 a.hover{ background-position:-346px 0}

#tabNav1 li.n4 a:hover, 
#tabNav1 li.n4 a.on, 
#tabNav1 li.n4 a.hover{ background-position:-519px 0}

.tabContents1, .tabContents2, .tabContents3, .tabContents4 {position:relative;  width:690px; height:364px; /* background:url(/wp-content/themes/seoul-e/images/environment/bg_map.jpg) no-repeat left bottom;  border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1*/}

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



.map { position:relative;}
.all{position:absolute; top:18px; left:97px; z-index:110}
.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:5px; right:5px}
.monitor_t, .notes_t{width:161px; height:22px; line-height:22px; padding-top:4px; background:url(../img/main/box_map_top.png) no-repeat; text-align:center; color:#333;font-weight:bold;}
.monitor_m, .notes_m{width:159px; background:url(../img/main/box_map_mid.png) repeat-y; padding:0 1px}
.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{ 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}
.notes_m table thead th{ /* height:27px; */ 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:27.5px;} */
.notes_t{ font-weight:bold; color:#333}
.notes_t .s{ font-weight:normal; font-size:11px}

.notes{position:absolute; top:192px; right:5px}
.num_01{ background:#0000ff; color:#fff}
.num_02{ background:#00ff00; color:#333}
.num_03{ background:#ffff00; color:#333}
.num_04{ background:#cc0000; color:#fff}
.num_05{ background:#f7f7f7}


/* caption { display:none} */


/* 탭 미세먼지,오존,황사 예보경보 */
.colgrp1 {overflow:hidden; width:654px;}

/* 측정소지도 및 정보 */

#tabNav1 {width:654px; height:30px;}
#tabNav1 li {float:left; width:auto; height:auto;}
#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;  width:652px; height:364px; background:url(/wp-content/themes/seoul-e/images/environment/bg_map.jpg) no-repeat left bottom;/*  border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1 */}

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

.map { position:relative;}
.all{position:absolute; top:18px; left:97px; z-index:110}
.Jongno { position:absolute; top:101px; left:279px; z-index:100}
.Jung { position:absolute; top:175px; left:291px; z-index:99}
.Yongsan { position:absolute; top:195px; left:273px; z-index:98}
.Seongdong { position:absolute; top:170px; left:338px; z-index:97}
.Gwangjin { position:absolute; top:172px; left:385px; z-index:96}

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

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

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

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

.monitor{position:absolute; top:405px; left:8px;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; border-bottom:1px solid #bcd9ff; text-align:center}
.monitor_m, .notes_m{width:100%; height:auto;}
.monitor_m table th, .monitor_m table td, .notes_m table th, .notes_m table td{ 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}
.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:405px; 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}


/* caption { display:none} */


/* 탭 미세먼지,오존,황사 예보경보 */
#situation { width:auto; height:440px; margin:0 0 5px 8px; border:1px solid #bcd9ff; border-radius:3px;}
#situation > li {float:left; width:50%; height:auto;}
#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;}

#situation ul{ width:auto; padding:15px;}

* 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:615px; 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:30px; border:1px solid #e1e1e1; border-top:none;}
.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 {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 {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;}