@charset "utf-8";

@media (max-width:767px){
/* ----------------------------------------------------------------------------
	common.css
------------------------------------------------------------------------------- */

/* 1:RESET
------------------------------------------------------------------------------- */
body{line-height:1.5em;}
img{max-width:100%;}
select{height:30px !important;line-height:30px !important;}
	
/* 12:Table
------------------------------------------------------------------------------- */
.table_area{overflow-x:auto;overflow-y:hidden;}
.notice_list_contents{padding:11px;}
table.wid_write_table tbody th{text-align:left;}

/* 16:게시판 리스트 뷰페이지 css
------------------------------------------------------------------------------- */
/* 게시판 공통 리스트 */
.com_list_wrap{padding:11px;}
.com_list_wrap.panel-grid{padding:1px 11px 10px;}
.common_list>* .thumb{width:108px;margin-right:12px;}
.common_list .total_box{padding-left:120px;}

/* 게시판 공통 뷰페이지 */
.com_view_box li.title_view{padding-bottom:10px;}
.com_view_box li.title_view h3{font-size:18px;}
.com_view_box li div.view_contents{padding:20px 0 0 0;font-size:14px;color:#363636;}
.com_view_box li .info_txt{float:none;margin-top:11px;}
.com_view_box li .info_txt span{display:inline-block;margin-right:13px;padding-left:0;margin-bottom:0px;}
.com_view_box + .scrap_box{padding-left:0;}
.btn_white_32{margin:2px 0;}

/* 이전글다음글 */
.prev_next_list{margin:10px 0;}

/* 뷰페이지 공통 */
.view_bottom{padding-top:10px;}

/* 4depth 텝 스타일 공통 */
ul.nav-tabs{margin-bottom:18px;padding-bottom:18px;}
.nav-tabs-temp li a{padding:10px 9px 10px;}
	
/* 20:family site
------------------------------------------------------------------------------- */
/* fm depth1 */
.family_site_list .family_site_list_depth1 li a{padding:7px 0;}

/* fm depth2 */
.family_site_list .family_site_list_depth2 .dep1_name{float:none;width:auto;padding-bottom:5px;font-size:20px;}
.family_site_list .family_site_list_depth2 > ul{margin-left:0;padding-top:5px;border-top:4px solid #363636;border-left:none;}
.family_site_list .family_site_list_depth2 > ul li{float:none;width:auto;}

/* 템플릿 컨텐츠 영역 : Sub main
------------------------------------------------------------------------------- */
.contents-wrap.contents-sub-main .panel-grid{padding:11px;}

.seoul-slide-web{display:none;}
.seoul-slide-mobile{display:block;width:310px;margin:75px auto 0;}
.seoul-slide-mobile a{display:block;position:relative;margin-bottom:5px;max-height:149px;width:310px;overflow:hidden;}
.seoul-slide-mobile img{width:100%;height:auto;}
.seoul-slide-mobile p{position:absolute;bottom:0px;left:0px;padding:15px;z-index:3;color:#fff;font-size:16px;}
.seoul-slide-mobile p span{display:block;font-size:12px;}
.seoul-slide-mobile .col-bg{position:absolute;width:100%;height:100%;background:url(images/common/col-bg.png) repeat-x bottom left;background-size:60% 60%;}

.post-446 .overview{width:100%;}

div#head_wrap{height:145px;border-bottom:1px solid #ddd;}
div#head_wrap div#header,
div#head_wrap .nav_wrap > div,
#main_con_wrap #main_contents{width:100%;}

/* 메인 레이아웃 */ 
#main_con_wrap .widget{float:none;margin:20px auto 0;}
/*#main #content{padding:0 11px;}*/
#main #pg-home-1{padding:0 !important;}
#main #pg-home-3{display:none;}

.view_wrap{width:310px;margin:0 auto;float:none;}
.view_wrap{zoom:1;} /* ie6, ie7 때문에 */
.view_wrap:after{content:"";display:block;clear:both;}
.view_wrap .view_wrap_title{width:100%;margin:0px;float:none;clear:both;}

.common_wrap{float:none;width:92%;margin:0 auto;padding-top:40px;}
.common_wrap .MapLink{margin:27px 0 0 0px !important}
.common_wrap .common_wrap_title{margin:0px;}

.wid_recent ul{position:inherit;}
.wid_recent ul li{display:block;}
.wid_recent .recent_box{height:auto;}

/* 서브레이아웃 */
.sub_two_wrap{width:100%;margin:0 auto;}
.sub_two_wrap div.sub_view_wrap{float:none;width:100%;clear:both;margin:0 auto;}
.sub_common_wrap .widget{float:none;}
div.sub_common_wrap{display:none !important;float:none;width:92%;margin:0 auto;margin-top:30px;padding-bottom:30px;}
div.sub_common_wrap{zoom:1;} /* ie6, ie7 때문에 */
div.sub_common_wrap:after{content:"";display:block;clear:both;}

.cb-theme .row-fluid [class*="span"]{width:100% !important;margin-left:0px;}

/* 서브타이틀 공통영역 */
.sub_title_box{margin:0 auto 20px;}
.sub_title_box .location_txt{display:none;}

/* 테이블 두단이상인 테이블은 가로스크롤  */
.table_scroll{overflow-x:auto;}

/* 메인 슬라이드 */
#seoul-slide-wrap{height:131px;}
#seoul-slide .slide-cover{height:131px;width:1240px;}
#seoul-slide .slide-col{width:310px;height:131px;}
.slide-col .colum01 .col-title{font-size:18px !important;}
#seoul-slide .colum{position:relative;top:0px;left:0px;}
#seoul-slide .colum01{width:310px;height:131px;}
#seoul-slide .colum01 img{width:100%;}
#seoul-slide .colum02,
#seoul-slide .colum03,
#seoul-slide .colum04,
#seoul-slide .colum05,
#seoul-slide .colum06, 
#seoul-slide .colum07{display:none;}

/* 서브메인 */
.policy_head ul li{width:100%;float:left;}
.policy_head ul li a.policy_head_01{border:0px;height:157px;width:100%;border-bottom:2px solid #fff;background-size:cover !important;}
.policy_head ul li a.policy_head_02{border:0px;height:157px;width:100%;border-bottom:2px solid #fff;background-size:cover !important;}
.policy_head ul li a.policy_head_03{border:0px;height:157px;width:100%;background-size:cover !important;}

/* Contants template type */
.template_cnt .ex_txt{max-height:47px;font-size:13px;}
.template_cnt.type_thumb_tit_4column{margin:0 !important;padding:12px 0 !important;}
.sow-image-container + .widget-title{font-size:14px;}

/* etc */
.video_wrap{position:relative;padding-top:60%;}
.video_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
[class*="btn_"],
.btn_white_22,
.n_trans{margin-top:1px;margin-bottom:1px !important;}
img.btn{width:auto !important;}
.description{width:auto;}

/* ----------------------------------------------------------------------------
	layout.css
------------------------------------------------------------------------------- */

/* Header
------------------------------------------------------------------------------- */
.nav_wrap > div{padding:0;background-color:#363636;}
.nav_wrap > div > .iseoulu{display:block;margin-right:0;}
.nav_wrap > div > .iseoulu > a{display:block;border-radius:0;padding:12px 20px 16px;border-bottom:1px solid #555;}
.nav_wrap .iseoulu{display:block;padding:10px 0 10px 12px;}

/* nav */
.menu-new_nav-container{display:block;float:none;margin-right:0;}

ul.nav_box{text-align:left;border-top:1px solid #545454;}
ul.nav_box li{display:block;width:100%;border-bottom:1px solid #545454 !important;}
ul.nav_box > li{margin-left:0;}
ul.nav_box > li:before,
ul.nav_box > li > ul > li:before{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900;font-size:16px;color:#fff;display:block;position:absolute;top:0;left:0;height:18px;padding:11px 15px 11px 0;text-align:right;border-right:1px solid #545454;cursor:pointer;}
ul.nav_box > li a{padding:5px 10px !important;color:#fff;}

/* 1depth */
ul.nav_box > li:before{width:25px;background-color:transparent;}
ul.nav_box > li.current:before{content:"\f106";background-color:#1d1d1d;}
ul.nav_box > li.current > ul{display:block;background-color:#1d1d1d;}
ul.nav_box > li > a{margin-left:40px;background-color:transparent !important;}
ul.nav_box > li:hover > a{color:#fff;background:none;}
ul.nav_box > li:hover > a:after{position:static;bottom:0;left:0;margin-left:0;content:"";width:0px;height:0px;border-top:none;border-bottom:none;border-right:none;border-left:none;}

/* 2depth */
ul.nav_box > li > ul{position:inherit;top:0px;left:0;width:auto;border-top:1px solid #545454;}
/*ul.nav_box > li:hover > ul{display:none;}*/
ul.nav_box > li > ul > li{border-bottom-width:1px;border-color:#555;background-color:inherit;}
ul.nav_box > li > ul > li.current:before{content:"\f106";background-color:#0e0e0e;}
ul.nav_box > li > ul > li.current > ul{display:block !important;background-color:#0e0e0e;}
ul.nav_box > li > ul > li:before{width:60px;background-color:#0e0e0e;}
ul.nav_box > li > ul > li:hover{background:none;}
ul.nav_box > li > ul > li:hover a{background:none;}
ul.nav_box > li > ul > li:hover > a, ul.nav_box > li > ul > li:hover > a.on{/*color:#008189;*/}
ul.nav_box > li > ul > li:last-child{border-bottom:0;}
ul.nav_box > li > ul > li > a{line-height:30px;margin-left:70px;font-size:15px;background-color:transparent;}

/* 3depth */
ul.nav_box > li > ul > li > ul{position:inherit;left:0px;width:auto;background:none;border:0px;border-top:1px solid #555;background-color:#0e0e0e;}
ul.nav_box > li > ul > li > ul > li:hover,
ul.nav_box > li > ul > li > ul > li:active{color:#fff;background-color:#043b3e;}
ul.nav_box > li > ul > li > ul > li:before{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;font-size:10px;color:#fff;display:block;position:absolute;top:0;left:83px;height:18px;padding:11px 0;text-align:center;}
ul.nav_box > li > ul > li > ul > li > a{line-height:30px;margin-left:90px;font-size:14px;background-color:transparent;}
ul.nav_box > li > ul > li > ul > li:hover > a{background-color:transparent;}
ul.nav_box > li > ul > li > ul > li:last-child{border-bottom:none !important;}

/*현재(180622 파악) 사용하지 않는것 같음
ul.nav_box > li.m_active{background:#008189;}
ul.nav_box > li.m_active > a{background:#008189;border-right:0px;}
ul.nav_box > li.m_active > ul,
ul.nav_box > li.m_active:hover > ul{display:block;}
ul.nav_box > li.m_active > ul > li:hover > ul{display:none;}
ul.nav_box > li.m_active > ul li.m_active{background:none !important;}
ul.nav_box > li.m_active > ul li.m_active > ul,
ul.nav_box > li.m_active:hover > ul li.m_active > ul{display:block;}
ul.nav_box > li.m_active > ul li.m_active a{border:0px;}*/

ul.nav_box > li.current_page_ancestor > a,
ul.nav_box > li.current-page-ancestor > a{color:#fff;}
ul.nav_box > li.current_page_ancestor > a:before,
ul.nav_box > li.current-page-ancestor > a:before{color:#fff;background-color:#1d1d1d;}
ul.nav_box > li.current_page_ancestor > ul > li > a,
ul.nav_box > li.current-page-ancestor > ul > li > a{/*background-color:#1d1d1d;*/}
ul.nav_box > li.current_page_ancestor > a:after, ul.nav_box > li.current-page-ancestor > a:after{display:none;}

.top_box{display:none;right:15px;}
ul.nav_box #menu-item-122095 > a{padding:10px 20px;}

/* panel-grid */
.panel-grid-cell{width:100% !important;margin-top:35px;}
.panel-grid-cell:first-child{margin-top:0;}
.panel-row-style,
.panel-grid.panel-no-style{display:block !important;}

.txt_summary{font-size:18px;}

/* ----------------------------------------------------------------------------
	style.css 서울소개 css  nho 
------------------------------------------------------------------------------- */
/* 마이서울
------------------------------------------------------------------------------- */
.fields{margin-left:0;font-size:12px;line-height:14px;color:#008189;}
.table_ex_box .btn_white_28{display:none;position:relative;z-index:1;right:0;top:0;line-height:26px;margin:4px 0 0 0;}

/* 로그인페이지 */
.login_wrap{width:94%;margin:12px auto 0;padding:16px 2%;}
.login_wrap h3{font-size:22px;}
.login_wrap .login_box_wrap{margin:25px auto 0;}

/* 회원가입 step01 */
.step01_contents .join_txt_box{padding:12px;}

/* 템플릿 컨텐츠 영역 */
.layout-column2 .template_cnt a[class*="btn_"]{right:0;}

/* ----------------------------------------------------------------------------
	통합검색페이지
------------------------------------------------------------------------------- */
.search_form .input_box ul.popular_list{text-align:left;}
.search_form .input_box input.input_txt{width:80%;}
.search_form .input_box .srh_box{padding:0 20px;text-align:left;}
.search_form .input_box .srh_box .btn_result_search{width:30px;font-size:0;background-position:center center;}
.search_detali_box .detali_list li div.txt_con input.input_txt{width:95%;}
.search_detali_box .detali_list li span{margin:0 25px 5px 0;}
.search_detali_box .detali_list li h4{float:none;width:100%;padding-top:3px;}
.search_detali_box .detali_list li div.txt_con{float:none;width:100%; margin-top:10px;}
.search_detali_box .date_title{display:block;margin:5px 4px 0 0 !important;}
.result_menu ul.result_list{padding:18px 15px 8px 15px;}
.result_menu ul.result_list li{display:inline-block;*display:inline;zoom:1;margin:0 15px 10px 0;}
.result_menu ul.result_list li:first-child{position:relative;z-index:1;left:0;top:0;}


/* ----------------------------------------------------------------------------
	커뮤니티(소통마당)
------------------------------------------------------------------------------- */
/* 글로벌메이트 소개 */
.medal_intro li{position:relative;float:none;width:100%;padding:0 0 5px 85px;margin-top:10px;}
.medal_intro li:first-child{margin-top:0;}

/* 메달컨텐츠 */
.symbol_box img{width:100%;}
.symbol_box ul{width:100%;margin:20px 0 0 0;}
.symbol_down{padding:30px 10px;background:#f7f7f7 url(images/commu/symbol_line.jpg) no-repeat center top;text-align:center;}


/* ----------------------------------------------------------------------------
	개발 리스트
------------------------------------------------------------------------------- */
/* 사진전 리스트 */
ul.exhibition_list li div.photo_img img{width:100%;height:180px !important;}

/* 통합검색 멀티미디어 리스트 */
ul.multimedia_list{margin:0;}
ul.multimedia_list li{width:100%;margin:0;padding:12px 0;}
ul.multimedia_list li div.photo_img{width:100%;height:auto;}
ul.multimedia_list li div.photo_img img{width:100%;height:180px !important;}
ul.multi_three_list li div.photo_img img{width:100%;height:180px !important;}

/* 통합검색갤러리리스트 */
ul.gallery_three_list li div.photo_img img{width:100%;height:180px !important;}

/* 통합검색 사진전 리스트 */
ul.exhibition_three_list li div.photo_img img{width:100%;height:180px !important;}

/* 프로모션 */
ul.promotion_list li div.title_txt h4{font-size:16px;}

/* 문화이벤트 */
ul.culture_e_list{margin:0;}
ul.culture_e_list li{float:none;width:100%;margin:0;padding:30px 0;border-bottom:1px solid #d8d8d8;}

/* 설문조사 */
.survey_list li{position:relative;float:left;width:248px;height:230px;padding:30px;margin:34px 0 0 0;text-align:center;border:1px solid #d8d8d8;}

/* 상단 메인 리스트 */
.list_top_box{position:relative;height:auto;padding:210px 25px 25px 25px;margin-bottom:0; overflow:hidden;border:1px solid #d8d8d8;background:#fff;}
.list_top_box a  img{position:absolute;z-index:5;left:0;top:0;width:310px;height:190px !important;}
.list_top_box a h3{height:22px;overflow:hidden;margin-bottom:10px;font-size:18px;line-height:20px;color:#333;}

/* newLetter */
/*ul.letter_list li:nth-child(2n){margin:0;}*/

/* 메달리스트 */
.medal_list li{float:left;width:100%;height:182px;border-bottom:1px solid #d9d9d9;}

/* 한국어 한마디 */
.speaking_list > li{margin:64px 0 0 0;}

.speak_box{padding:35px 10px;}
.speak_box h3{font-size:23px;line-height:25px;}
.speak_box p{font-size:13px;line-height:15px;}
.talk_box .talk_list_box .talk_img{float:none;width:100%;margin-bottom:30px;}
.talk_box .talk_list_box .talk_list{float:none;width:100%;}


/* ----------------------------------------------------------------------------
	서울소개
------------------------------------------------------------------------------- */
/* 서울소개_역사 */
.c_about_his_box{position:relative;overflow:hidden;background:none;}
.c_about_his_box h3{padding:0 !important;margin:0 0 20px 0 !important;text-align:center; font-size:30px !important;line-height:36px !important; font-weight:bold;background:#008189;color:#fff !important;}
.c_about_his_box h3.toph3{position:static;left:0;top:0;width:100%;padding:0 !important;background:#008189;color:#fff !important;}
.c_about_his_box div.his_box_left{width:100%;margin:0 0 20px 0;}
.c_about_his_box div.his_box_right{width:100%;margin-bottom:10px;}
.c_about_his_box .hid{display:block !important;text-indent:0 !important; 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;color:#333333 !important; border-bottom:1px solid #333;background:none !important;}
.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.blue{color:#333333 !important; border-bottom:1px solid #333;}

/* 서울소개_역대시장 */
.c_former_box{width:100%;}
.c_former_box div.former_left{left:0;float:none;width:auto;margin-top:30px;margin-left:0;}
.c_former_box div.former_left h4{width:100%;text-align:center;left:0;top:-20px;padding:5px 10px 5px 0 !important;color:#333;}
.c_former_box div.former_left span.arrow_left{display:none;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_right{left:0;float:none;width:auto;margin-top:30px;margin-left:0;}
.c_former_box div.former_right h4{width:100%;left:0;top:-20px;padding:5px 10px 5px 0 !important;}
.c_former_box div.former_right span.arrow_left{display:none;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_con_list{width:100%;z-index:5;}

/* 시장약력 */
.c_mayor_list{margin:0;}
.c_awards_box{float:none;width:auto;border-top:1px solid #747c86;border:1px solid #d8d8d8;}
.c_awards_box.right_box{margin:25px 0 0 0;}
.c_awards_box ul{height:auto;padding:30px 20px;}
.c_awards_box.right_box{border-left:1px solid #d8d8d8;}

/* 서울소개_시장메세지 */
.c_line_left_txt{margin:35px 0 0 0;padding:0;background:none;} 

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

/* 서울소개_서울통계 */
.c_statistics{text-align:center;}
.c_statistics ul li{float:none;width:100%;margin:15px 0 0 0;}
.c_statistics ul li:first-child{margin:0;}
.c_statistics .c_right{text-align:center;}
.c_statistics h5{margin:10px 0 5px 0;}

/* 서울소개_도시경쟁력평가지수 */
.c_competition li{min-height:70px;height:auto;padding:32px 0 20px 118px;background:url(images/about/bg_line.png) bottom left repeat-x; position:relative;}

/* 서울소개_외국인평가 */
.c_rating{margin-top:30px;}
.c_rating .c_leftBox{width:100%;margin:0 0 10px 0;text-align:left;overflow:hidden;}
.c_rating .c_leftBox span.c_icon_rating{float:left;width:40px;}
.c_rating .c_leftBox span.c_icon_rating img{margin-right:8px;width:30px;height:30px;}
.c_rating .c_leftBox h5{float:left;width:260px;margin:0 !important;padding:7px 0 0 0 !important;}
.c_rating .c_leftBox br{display:none;}
.c_rating .c_leftBox p{display:none !important;}
.c_rating .c_rightBox{}
.c_question{font-size:18px !important;line-height:22px !important;}

/* 서울소개_서울시 분야별 통계 */
.c_statistics_tab div ul li{width:100%;}

/* 서울소개_서체 */
.c_font_content .c_font_down{padding:0;}
.c_font_content .c_font_down .btn_down_32{margin-bottom:4px;}

/* 조직도 */
.c_link_list{overflow:hidden;border:1px solid #d8d8d8;border-bottom:none;}
.c_link_list li{float:none;width:100%;height:100%;min-height:100px;border-bottom:1px dotted #d8d8d8;border-right:none;}
.c_link_list li.bd_b_none{border-bottom:1px solid #d8d8d8;}

.c_organ_line_box{padding:0 0 0 0;background:none;}
.c_organ_line_box.line_2depth{background:none;}
.c_organ_line_box.line_bottom{padding:0 0 38px 0; background:none;}
.c_organ_line_box.line2_01{background:none;}
.c_organ_line_box.line2_02{height:auto;background:none;}
.c_organ_line_box.line2_03{height:auto;background:none;}
.c_organ_line_box.line2_04{background:none;}
.c_organ_line_box h3{float:none;width:auto;padding:16px 0 !important;margin:20px 0 20px 0 !important;}
.c_organ_line_box h3.mar_r{margin:0 !important;}
.c_organ_line_box ul.organ_2depth_list{float:none;width:100%;margin:0 0 0 0 !important;background:none;}
.c_organ_line_box ul.organ_2depth_list > li{padding:0;margin-top:10px;border:none;background:none;}
.c_organ_line_box ul.organ_2depth_list > li.mar_b{margin-bottom:0;}
.c_organ_line_box ul.organ_2depth_list > li.none{display:none;overflow:visible;padding:0;border:1px solid #fff;}
.c_organ_line_box ul.organ_2depth_list > li > h4{padding:0 !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{display:block;position:static;left:0;top:0;width:100%;}
.c_organ_line_box ul.organ_2depth_list > li.bullet{background:none}
.c_organ_line_box ul.organ_2depth_list > li.bullet h4{display:none;background:#f5f5f5;}
.c_organ_line_box ul.organ_2depth_list > li > .layer_organ{display:block;position:static;z-index:5;right:-1px;/* top:-1px;*/ bottom:0;width:auto;margin:10px 0 0 0;padding:0 0 10px 0 !important;border:1px solid #d8d8d8;background:#fff;} 
.c_organ_line_box ul.organ_2depth_list > li > .layer_organ > h5{padding:0 0 1px 0 !important;margin:0 0 10px 0 !important;background:url(images/about/bg_organ_title.jpg) no-repeat 15px bottom;}
.c_organ_line_box ul.organ_2depth_list > li > .layer_organ > h5 > a{display:block;padding:20px 25px 20px 15px; font-size:14px;line-height:20px;color:#00597d;background:#fff;}
.c_organ_line_box ul.organ_2depth_list > li > .layer_organ > h6{margin:5px 5px 5px 15px !important;padding:0 !important;font-size:12px !important;line-height:16px !important;color:#555 !important; font-weight:bold;}
.c_organ_line_box ul.organ_2depth_list > li > .layer_organ > ul{margin:0 0 0 15px !important;}
.c_organ_line_box ul.organ_2depth_list > li > .layer_organ > ul > li{padding:0 0 4px 8px !important;font-size:12px;line-height:16px;color:#727272;background:url(images/common/bg_con_jum.jpg) no-repeat left 6px;}
.c_organ_line_box ul.organ_2depth_list > li:hover > .layer_organ{display:block;position:static; right:-1px; bottom:none;width:auto;margin:10px 0 0 0;padding:0 0 10px 0 !important;border:1px solid #d8d8d8;background:#fff;} 
.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;}

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

.c_borough_box .map_con{display:block;padding:15px;}
.c_borough_box .map_link{display:none;}
.c_borough_box .map_con{background:none !important;}
.c_borough_box .map_con_view{padding:0;overflow:hidden;border:none;}
.c_borough_box img{float:none;display:block;width:150px;margin:0 0 20px 0;}
.c_borough_box ul{float:none;width:100%;margin:20px 0 0 0 !important;}


/* ----------------------------------------------------------------------------
	정책정보
------------------------------------------------------------------------------- */
/* 라이브러리-브로셔 */
ul.brochure_list li{margin-right:0;}

/* 라이브러리-정책자료실 */
ul.policy_list li{padding:15px 0 15px 45px;}
ul.policy_list li .con_box h4{ width:100%;}
ul.policy_list li .con_box .btn_box{float:none;clear:both;}

/* 도시계획사례 */
.c_urban_his_box .clearfix{background:none;}
.c_urban_his_box .u_his_title{float:none;width:100%;}
.c_urban_his_box div.u_his_right{float:none;width:100%;}

/*디자인시티*/
.design_table tbody tr{overflow:hidden;}
.design_table tbody td{display:block;padding:0 0 25px 0 !important;border:none !important;border-bottom:1px solid #d8d8d8 !important;}
.design_table p{height:auto;}
.design_table p.design_table_p{height:87px;}


/* ----------------------------------------------------------------------------
	생활정보
------------------------------------------------------------------------------- */
/*코스 리스트 */
.c_course_walk{padding:0;}
.c_course_walk li{float:none;width:100%;padding:10px 0;text-align:center;}
.c_course_walk li:before{display:none;}
.c_course_walk li:after{content:"\f358";display:block;position:static;margin:10px 0 0;}
.c_course_walk li:first-child{background:none;}
.c_course_walk li img{width:auto;}
.c_course_walk_h li{height:auto;text-align:center;}
.c_course_walk_h2 li{height:auto;}

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

/* 스토리텔링 */
.c_gray_tab{border-top:1px solid #d8d8d8;}
.c_gray_tab ul li{display:block;width:99%; border-top:none;}
.c_gray_tab ul li a{padding:6px 5% 6px 5%;}


/* ----------------------------------------------------------------------------
	사이트맵
------------------------------------------------------------------------------- */
.noside ul.menu li ul li{float:none;width:auto;margin-bottom:8px;}


/* ----------------------------------------------------------------------------
	common.css
------------------------------------------------------------------------------- */
/* 서브메인 공통 레이아웃 */
.sub_contents_wrap{float:none; width:100%;}
.sub_wid_two .sub_wid_two_left{float:none;width:100%;margin:0 0 30px 0;}
.sub_wid_two .sub_wid_two_right{float:none;width:100%;margin-right:0;}
.sub_title_box .title_h2_box h2{font-size:18px;}
.sub_contents_wrap img{max-width:100%;height:auto;margin:0 auto;}

/* 버튼박스공통영역 */
.btn_box_right a{margin:0 0 4px 0;}
.btn_box_right input{margin:0 0 4px 0;}
.btn_box_center a{margin:0 0 4px 0;}
.btn_box_center input{margin:0 0 4px 0;}
.btn_box_left a{margin:0 0 4px 0;}
.btn_box_left input{margin:0 0 4px 0;}
.btn_view_center a{margin:0 0 4px 0;}
.btn_view_center input{margin:0 0 4px 0;}

/* 서브 리스트 공통 검색폼  */
.list_search_form{height:auto;padding-top:10px;}
.list_search_form .srh_select{float:none;margin:0 0 10px 0;}
.list_search_form .srh_txt{float:none;width:100%;text-align:left;}
.list_search_form .cate_select{float:none;}
.list_search_form input.input_list_txt{width:81%;height:18px;padding:4px 10px;color:#777;}
.list_search_form input.btn_list_search{width:30px;height:28px; font-size:0;}

/* 게시판 공통 리스트 */
.common_list > *{margin-top:0;padding:12px 0 !important;}
.common_list .total_box h4{font-size:14px;height:auto;}
.common_list .ex_txt{font-size:12px !important;height:auto;max-height:46px !important;}
.common_list img{width:30%;}

/* 글자 확대 축소 */
.font_box{display:none;}

/* 컨텐츠 쓰기 테이블 */
.wid_write_table_box{padding:0 0 0 0;}
table.wid_write_table tbody th{display:block;padding:20px 0 10px 0;border-bottom:1px solid #d8d8d8;font-size:15px;line-height:18px;font-weight:bold;color:#222;vertical-align:top;}
table.wid_write_table tbody td{display:block;padding:20px 0 0 0;min-height:20px;font-size:14px;line-height:16px;color:#555;}
table.wid_write_table .select_32 a{width:300px;}
table.wid_write_table input[type="text"],
table.wid_write_table input[type="password"],
table.wid_write_table textarea{width:94%;max-width:94%;}
table.wid_write_table .input_file{width:60% !important;}

/* 마이서울 쓰기 테이블 */
table.base_table{width:100%;border-collapse:collapse;}
table.base_table tbody th{display:block;padding:20px 0 10px 0;border-bottom:1px solid #d8d8d8;font-size:15px;line-height:18px;font-weight:bold;color:#222;vertical-align:top;}
table.base_table tbody th label{font-size:15px;line-height:18px;font-weight:bold;color:#222;}
table.base_table tbody td{display:block;padding:20px 0 0 0;min-height:20px;font-size:14px;line-height:16px;color:#555;}
table.base_table .table_ex{float:left;display:block;padding-left:28px;margin:10px 0 0 10px;font-size:12px;line-height:14px;color:#008189;background:url(images/common/bg_table_ex.jpg) no-repeat left 6px;}
table.base_table .info_span{display:inline-block;*display:inline;zoom:1;width:50%;}
table.base_table .select_32{float:left;/* width:45.9%;*/}
table.base_table .select_32 a{width:300px;}
table.base_table input[type="text"],
table.base_table input[type="password"],
table.base_table textarea{float:left;width:300px;/* width:45%;*/}

table.base_table colgroup{display:none;}

/* 뷰페이지 이전글 다음글 */
.m_table_box{width:310px;overflow-x:auto;}
.com_view_box li div.view_contents img{width:100% !important;height:auto;}
.com_view_box li div.view_contents img.emoji{width:auto !important;}
.prev_next_list li{float:none !important;width:auto;}
.prev_next_list li:first-child{margin-bottom:8px;}
.prev_next_list li h4 a{line-height:normal;height:55px;margin:13px 0;white-space:normal;}

/* 댓글 */
.comment_wrap .comment_list ul li .list_box{padding:35px 0;}
.comment_wrap .comment_list ul li dl{float:left;width:83%;}
.comment_wrap .comment_list ul li .btn_box{position:absolute;z-index:1;right:0;top:10px;text-align:right;}
.comment_wrap .comment_list ul li .reply_box .textarea_box{margin-right:0;}
.comment_wrap .comment_list ul li .reply_box span.txt_num{right:28px;top:10px;}
.comment_wrap .comment_list ul li .reply_box input.btn_re_submit{display:block;position:relative;z-index:1;right:0;top:0;width:98.5%;}
.comment_wrap .comment_list ul li .reply_box .textarea_box textarea{width:93%;height:28px;}
.comment_wrap .comment_list ul li .admin_box, .comment_wrap .comment_list ul li .reply_box
{padding:28px 0 25px 45px;background:url(images/common/icon_reply.png) no-repeat left 27px;background-size:35px 20px;}
.comment_list .children{position:relative;overflow:hidden;padding:0 0 25px 45px;border-top:1px dotted #d5d5d5;background:url(images/common/icon_reply.png) no-repeat left 24px;background-size:35px 20px;}
.comment_list .children li{padding:15px 0 0 0;}
.comment_list .children li .btn_box{top:-5px !important;}
a.btn_comment_close{display:block;position:absolute;z-index:1;right:5px;top:6px;width:18px;height:18px;background:url(images/common/btn_comment_close.png) no-repeat left top;background-size:18px 18px;text-indent:-9999px;font-size:0;}
a.btn_comment_close:hover{background:url(images/common/btn_comment_close.png) no-repeat left top;background-size:18px 18px;}

/* 실국링크페이지 */
.link_map_contents{padding:50px 0 0 0;}
.link_map_contents .map_box{width:auto;height:auto;margin:0 auto;background:none;}
.map_list li{margin:15px 0 0 0;}
.map_list li span{display:block;padding-left:18px;margin:0 0 5px 0;font-size:13px;line-height:18px;color:#333;}
.map_list li a.btn_white_22{display:inline-block;*display:inline;zoom:1;margin:0 0 0 18px;}
.btn_link_web{display:none;}

/* 관련기관 */
.link_map_contents02{margin-top:30px;}
.c_organ_site{width:100%;}
.c_organ_site ul li{float:none;width:100%;height:auto;}

/* 에러페이지 */
.error_contents{padding:100px 0;}
.error_con{width:100%;height:auto;background:none;text-align:center;}
.error_con .error_img{display:inline-block;*display:inline;zoom:1;position:relative; left:none;top:none;margin-left:-30px;}
.error_con .error_txt{padding:70px 10px 0 10px;}

/* 팝업 */
.pop_contents{width:95%;}
.pop_contents h2{font-size:16px;line-height:20px;}
.pop_contents .pop_con{padding:15px 15px 10px 15px;}
.pop_contents .pop_con .btn_pop{margin:15px 0 0 0;}
.pop_contents .pop_con .btn_pop a{margin-bottom:4px;}
.pop_contents .pop_con .btn_pop input{margin-bottom:4px;}
.pop_contents .pop_con .txt_con p{margin-bottom:10px;}
.pop_contents .pop_con .txt_con p.font24{font-size:16px;line-height:18px;}
.pop_contents .pop_con .txt_con p.font18{font-size:13px;line-height:15px;}
.pop_contents .pop_medal_con p.txt_con{padding:0 14px;font-size:12px;line-height:14px;}
.pop_contents .pop_medal_con{border:1px solid #d8d8d8;background:none;}
.table_layer_list li h3{font-size:13px;line-height:15px;color:#222;}
.pop_contents .pop_medal_con .img_box img{width:50%;}
.pop_contents .pop_medal_con .img_box{padding-top:5px;}
.pop_contents .pop_medal_con .medal_bottom{padding:10px 0 15px 0;background:none;}
.pop_contents .pop_medal_con .medal_bottom img{width:40%;}
.pop_contents .pop_medal_con h3.img_box img{width:40%;}
.pop_contents .pop_medal_con ul{margin:10px 14px;}
.pop_contents .pop_medal_con ul li{padding:3px 0;}
.pop_contents .pop_medal_con ul li h4{font-size:12px;line-height:14px;}
.pop_contents .pop_medal_con ul li p{font-size:12px;line-height:14px;}
.white_ex_list{margin-top:15px;}
.pop_contents .table_layer_list li{padding-bottom:10px;margin-bottom:10px;}
.pop_contents .table_layer_list li textarea{height:40px;}
.pop_contents table.info_table tbody th{padding:15px 0 0 0;font-size:12px;line-height:14px;}
.pop_contents table.info_table tbody th label{font-size:12px;line-height:14px;}
.pop_contents table.info_table tbody td{padding:10px 0 0 5%;font-size:12px;line-height:14px;}

/* 로그인 팝업 */
.layer_login_wrap{width:95%;}
.layer_login_wrap h3{margin-bottom:25px;}
.layer_login_wrap .login_box_wrap{width:100%;}
.layer_login_wrap .btn_face_box{width:100%;}
.layer_login_wrap .login_box{position:relative;width:100%;}
.layer_login_wrap .login_box .left_write_box input[type='text'],.layer_login_wrap .login_box .left_write_box input[type='password']{width:95%}
.layer_login_wrap .login_box .btn_login{display:block;position:relative;z-index:1;right:0;top:0;width:100%;height:auto;padding:5px 0;margin-top:5px;font-size:16px;line-height:22px;}


/* ----------------------------------------------------------------------------
	widget.css  nho 2014-01-27
------------------------------------------------------------------------------- */
/* 컨텐츠 빌드 에디트 */
.cb-theme .row-fluid .span6{/*width:46.93617021276595%;*/
width:100%;}
.cb-theme .row-fluid .span4{/*width:46.93617021276595%;*/
width:100%;margin-top:30px;}
.cb-theme .row-fluid .span4:first-child{margin:0;}
.cb-theme .row-fluid [class*="span"]{/* margin-left:6.127659574468085%;*/
margin-left:0;}
.cb-theme .row-fluid .span8{width:100% !important;margin:30px 0 0 0;}
.cb-theme .row-fluid .span4{width:100% !important;margin-right:15px;}
.cb-theme .row-fluid .span6{margin:30px 0 0 0;}
.cb-theme .row-fluid .span6:first-child{margin:0;}
/* 서브메인 간격 */
.panel-grid .panel-grid-cell .widget{/*margin:30px 0 0 0;*/}
.panel-grid .panel-grid-cell .widget:first-child{margin-top:0;}

/* 년도파란색 텝 공통 */
ul.letter_tab{background:none;}
ul.letter_tab li{zoom:0.8;margin-left:5px;}
ul.letter_tab li h3 a{width:auto;}
select#letter_sel{width:100%;font-size:14px;color:#545454;border:1px solid #545454;}

/* 상단 설명글*/
.title_h3_box a.btn_white_32{bottom:20px;}

/* 위젯 스타일 */
.widget_sp_image-description{padding:20px 16px;}

/* 상단 설명글*/
.title_h3_box{padding:12px;}
.title_h3_box h3{font-size:18px;}

/* footer
------------------------------------------------------------------------------- */
/*sns area*/
#footer .sns_area{position:relative;margin-top:24px;}
#footer .sns_area a{margin-right:13px;margin-left:0;}

/* Parks */
.park_img .park_img_box .map{float:none;border-right:none;}
.park_img .park_img_box .map_btn{position:relative;padding-left:0;}
.park_img .park_img_box .map_btn li a{padding:4px;font-size:12px;}
.park_img .park_img_box .map_btn li a span{width:18px;}

/* 코스*/
.c_line_box{padding:12px;}

/* ----------------------------------------------------------------------------
	워드프레스 등록 컨텐츠 가이드  css 
------------------------------------------------------------------------------- */
/* 멀티미디어 동영상 */
/*.mejs-container{height:150px !important;overflow:hidden;}*/
video{width:100% !important; height:auto !important;}
.mejs-time-rail{width:45% !important;}
.mejs-time-total{width:42% !important;}

#ct .mobilefloat{float:left;margin-bottom:20px;}

.park_img .park_img_box .map{float:none;border-right:none;}
.park_img .park_img_box .map img{width:100%;}
.park_img .park_img_box .map_btn{position:relative;padding:0;}

.post-446 .nw100{width:100%;}
.wid_contents_table td{padding:2px}
.nav_wrap .nav_box li .mnu{display:inline-block;cursor:pointer;height:54px;position:absolute;right:0;top:0;width:14%;}
.nav_wrap .nav_box li .mnu_on{display:inline-block;cursor:pointer;height:54px;position:absolute;right:0;top:0;width:14%;}
.nav_wrap .nav_box li ul .mnu{display:inline-block;cursor:pointer;height:38px;position:absolute;right:0;top:0;width:14%;}

.map_text img{width:100%;}
.fl.nw100{padding:0;}

/* 140715 global mate mission */
.mission_write{padding:5%;}
.mission_write .input_area{height:auto;padding-top:210px;padding-left:0;}
.mission_write .input_file{width:88%;height:83px;padding-top:115px;border:1px solid #d8d8d8;background:url(images/commu/bg_file.png) center 40% no-repeat;text-align:center;position:absolute;top:17px;left:17px;}
/* .mission_write .input_file input[type=file]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:999;} */
.mission_write textarea,
.mission_write input[type=text]{width:95%;}

/* easy read 2014-08-26 */
.list_easy_read{*clear:both;width:290px;margin:0px auto;}
.list_easy_read li{float:left;width:288px;height:288px;margin-right:0px;margin-bottom:25px;border:1px solid #ccc;}

/* 2014-09-03 추가 */
.box_easy_link{display:none;}

/* 2016-07-05 아이서울유로고추가 */
.box_iseoulu_logo{display:block;position:inherit;top:0;left:0;width:151px;height:auto;margin:0 auto;}
.box_iseoulu_logo img{width:100%;height:auto;}

/* 150114 typo vote */
.typo_vote h2{line-height:1em;}
.typo_vote li{width:49% !important;}
.typo_vote li:nth-child(odd){margin-left:0;}
.typo_vote li{text-align:center;}

.my_vote h2{line-height:1em;}
.my_vote > div > img{display:none;}
.my_vote .typo_result_list{width:100%;position:static;top:auto;left:auto;margin-left:0;}
.my_vote .typo_result_list li ,
.my_vote .typo_vote_list li{width:49%;margin-left:1%;}
.my_vote .typo_result_list li:nth-child(odd),
.my_vote .typo_vote_list li:nth-child(odd){margin-left:0;}

/*2016-04-06추가 서울시주요투자사업*/
.invest_wrap .inverst_tab{margin:-10px 0 0 -1%;}
.invest_wrap .inverst_tab li{float:left;width:32.333%;height:90px;margin:10px 0 0 1%}
.invest_wrap .inverst_tab li a{display:block;*zoom:1;height:79px;padding:10px 0 0 0;border:1px solid #d8d8d8;font-size:11px;text-align:center;}
.invest_wrap .inverst_tab li a span{display:block;*zoom:1;position:inherit;;left:0;top:0;font-size:20px;font-weight:bold;}
.invest_wrap .inverst_map{display:none;}
.invest_wrap .inverst_info img{width:100%;height:auto;}

/* 2016-06-22 서울시둘레길 */
.list_course li a{line-height:40px;}
.trail1 .trailbox2{background:url(/wp-content/themes/seoul-e/images/trail/img_seoul_trail1.png) no-repeat center 35px;}
.trail1 .trailbox2 ul{width:100%;padding-top:160px;}
.trail1 .list_type_trail{margin:-15px 0 0 -5%;}
.trail1 .list_type_trail li{width:45%;margin:15px 0 0 5%;}

.trail2 .list_type_trail{margin:-15px 0 0 -5%;}
.trail2 .list_type_trail li{width:45%;margin:15px 0 0 5%;}
.trail2 .trailtour2 .list_type_trail li:last-child{width:95%;}
.trail2 .trailtour3 .leftBox{width:100%;text-align:center;}
.trail2 .trailtour3 .rightBox{width:100%;padding-top:15px;}
.trail2 .trailtour4 .list_type_trail{margin:-15px 0 0 -5%;}
.trail2 .trailtour4 .list_type_trail li{width:45%;margin:15px 0 0 5%;}

/*.trail3 .icon_zoom{display:none !important;}*/
.trail3 .list_course{margin-left:-1%;margin-top:-20px;}
.trail3 .list_course li{float:left;width:24%;margin-top:12px;margin-left:1%;text-align:center;background:#f1f1f1;}
.trail3 .course_map{display:none;}
.trail3 .course1_1 td.tl > span{float:none;margin:0 auto;}
.trail3 .course1_1 td.tl div{padding:5px 0 0;}
.trail3 .list_type_trail li{width:45%;height:auto;min-height:185px;margin-top:30px;}
.trail3 .course1_2 .leftBox,
.trail3 .course7 .course1_2 .leftBox,
.trail3 .course8 .course1_2 .leftBox{width:100%;height:auto;text-align:center;}
.trail3 .course1_2 .rightBox,
.trail3 .course7 .course1_2 .rightBox,
.trail3 .course8 .course1_2 .rightBox{width:100%;height:auto;padding-top:15px;}
.trail3 .course1_3 > div{margin-top:0;padding-top:0;}
.trail3 .course1_3 > div:first-child{padding-top:20px;}
.trail3 .course4 .course1_2 .rightBox{margin-top:0;}

.sub_wid_one .trail_wrap h3{margin-top:25px;}

.nav-tabs-cate li a{font-size:13px;padding:10px 12px 12px;}

.fpw_banner img{height:auto;}
}

@media (max-width:480px){
	.nav_wrap{width:100%;}
}