@charset "utf-8";

@media (max-width: 767px) {
html,body{width: 100%; overflow-x: visible}

.seoul-slide-mobile{display: block;}
.seoul-slide-web{display: none;}

.seoul-slide-mobile{
	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%;}
#header h1{ padding-top: 25px;}
#header h1 a{font-size:10px;}
div#head_wrap{height: 145px; border-bottom: 1px solid #ddd;}
#nav_wrap #search_area{display: none;}
#nav_wrap .search_box{
	left: 0px;
	top: -49px;
	width: 96%;
	padding: 2%;
	border-bottom: 1px solid #555;
}
.search_box input.input_srhtop_txt{width: 96%;}
.search_box input.btn_top_search{display: none;}
#nav_wrap .btn_header_search{display: none;}

#main_bottom_wrap{display: none;}

div#head_wrap div#header,
div#head_wrap .nav_wrap > div,
#main_con_wrap #main_contents{width: 100%;}


#foot_wrap{
	margin-top: 0px;
}
#foot_wrap #footer{
	width: 310px; margin: 0 auto;
}
.f_infobox{
	float: none; width: 100%;
	margin-bottom: 20px;
}

.f_dasanbox{
	float: none; width: 100%;
}

.foot_social_link{position: inherit; overflow: hidden;}


ul.top_menu{
	position:  relative;
	width: 100%;
	margin: 0 auto;
	top: -134px;
	
}
/* 
ul.top_menu li{
	width: 16.6%;
	margin: 0px; text-align: center;
}
ul.top_menu li a{display: block; height: 38px; line-height: 38px; background: #000; color: #fff; border-left: 1px solid #555;}
ul.top_menu li:first-child a{border-left: 0px;}
ul.top_menu li.mobile_menu{display: block !important;}
ul.top_menu li.mobile_menu a{border-left-color: #fff;}
ul.top_menu li.mobile_menu a:hover{color: #fff;}

ul.top_menu li.mobile_menu a{ text-indent: -9999px; background: url(images/common/icon_m_menu.png) no-repeat center center #008189; background-size: 12px 11px;}

ul.top_menu li.login a{ text-indent: -9999px; background: url(images/common/icon_m_login.png) no-repeat center center #000; background-size: 13px 14px;}
ul.top_menu li.logout a{ text-indent: -9999px; background: url(images/common/icon_m_logout.png) no-repeat center center #000; background-size: 13px 14px;}
ul.top_menu li.join a{ text-indent: -9999px; background: url(images/common/icon_m_join.png) no-repeat center center #000; background-size: 20px 13px;}

ul.top_menu li.mypage a{ text-indent: -9999px; background: url(images/common/icon_m_mypage.png) no-repeat center center #000; background-size: 13px 15px;}
ul.top_menu li.sitemap a{ text-indent: -9999px; background: url(images/common/icon_m_sitemap.png) no-repeat center center #000; background-size: 11px 12px;}
ul.top_menu li.help a{ text-indent: -9999px; background: url(images/common/icon_m_help.png) no-repeat center center #000; background-size: 13px 14px;}
 */
/*** 0623 ***/
/* 
ul.top_menu li.lang {display:block; margin-left:0;}
ul.top_menu li.lang a{ text-indent: -9999px; background: url(images/common/ui_lang.png) no-repeat center center #000; background-size: 15px 15px;}

ul.lang_content {width:100%; margin:0 auto; border-top:1px solid #fff; position:relative; top:-134px; background:#000; display:none; overflow:hidden;}
ul.lang_content li {display:inline-block; width:19.5%; height:auto !important; text-align:center;}
ul.lang_content li a {width:100%; height:auto !important; padding:5px 0; display:inline-block; color:#fff;}
 */
/* menu */
/* 
.nav_wrap{background:none #cfc;}
.nav_wrap > div{background:none;}
.nav_wrap{
	position: absolute; top: 0px; left: -100%; width: 90%; z-index: 1000;background: #818c91;
	-moz-box-shadow: 0 0 30px 9px #555;
	-webkit-box-shadow: 0 0 30px 9px #555;
	box-shadow: 0 0 30px 9px #555;
}
 */
.nav_wrap{
	position:absolute;
	top:0px;
	left:-100%;
	width:90%;
	height:4000px;
	z-index:1000;
	background:#aaa;
	-moz-box-shadow: 0 0 30px 9px #555;
	-webkit-box-shadow: 0 0 30px 9px #555;
	box-shadow: 0 0 30px 9px #555;
}
.nav_wrap > div{
	width:100%;
	padding:0;
	background:none;
}
.close_menu{
	display:block;
	/* margin-bottom:49px; */
	padding:15px;
	background:url(images/common/icon_m_close.png) no-repeat 95% center;
	background-size:11px 12px;
	border-bottom:1px solid #555;
	text-align:right;
	text-indent:9999px;
	cursor:pointer;
}
.menu-new_nav-container {
    width:100%;
    float:none;
}
#header .nav_wrap > div .search_area {
    display:none;
}

ul.nav_box > li:hover > a:after{
/* ul.nav_box > li > 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;
}

ul.nav_box{
	height:auto;
	text-align:left;
}
ul.nav_box > li{
	display:block;
	border-bottom:1px solid #555;
	background:url(images/common/bg_2depth_m.png) no-repeat 94% center;
}
ul.nav_box > li > a{
	margin-right:14%;
	padding:10px 20px;
	color:#fff;
	border-right:1px solid #333;
}
ul.nav_box > li:hover > a{background:none;}
ul.nav_box > li > ul{
	display:none;
	position:inherit;
	top:0px;
	width:auto;
}
ul.nav_box > li > ul > li{
	background:url(images/common/bg_2depth.png) no-repeat 94% 15px !important;
}
ul.nav_box > li > ul > li:hover{
	background:url(images/common/bg_2depth_on.png) no-repeat 94% 15px;
}
ul.nav_box > li > ul > li > a{
	line-height:24px;
	margin-right:12%;
	padding-right:15px;
	background:none;
	border-right:1px solid #ccc;
}
ul.nav_box > li > ul > li:hover a{background: none;}
ul.nav_box > li > ul > li{
	border-bottom-width:1px;
	border-color:#aaa;
}
ul.nav_box > li > ul > li > ul{
	position:inherit;
	display:none;
	left:0px;
	width:auto; 
	margin-bottom:18px;
	background:none;
	border:0px;
	border-top:1px solid #ccc;
}
ul.nav_box > li:hover > ul{display: none;}

ul.nav_box > li > ul > li:hover{background: none;}

ul.nav_box > li > ul > li:hover > a, ul.nav_box > li > ul > li:hover > a.on{
	color: #444;
}

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;}


.top_box{
	right: 15px;
	display: none;
}
ul.nav_box > li{
	position:relative;
	width:100%;
	padding:0;
}
ul.nav_box > li > a{
	padding: 10px 20px;
	margin-right: 14%;
	border-right: 1px solid #333;
	font-weight:400;
}
ul.nav_box #menu-item-122095 > a {
	padding: 10px 20px;
}

.sub_title_box .location_txt{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 .common_wrap_title{ margin: 0px;}

#main_con_wrap .widget{ float: none; margin: 20px auto 0;}
.common_wrap{ float: none; width: 310px; margin: 0 auto; padding-top: 40px;}
.common_wrap .MapLink{margin: 27px 0 0 0px !important}


.wid_recent ul li{display: block;}
.wid_recent .recent_box{height: auto;}
.wid_recent ul{position: inherit;}



.sub_title_box{
	width: 310px; margin: 0 auto;
}
.sub_title_box .title_h2_box{width: 100%;}

.sub_two_wrap{width: 310px; margin: 0 auto;}
.sub_two_wrap div.sub_view_wrap{
	float: none; clear: both;
	margin: 0 auto;
	width: 310px;
}
div.sub_common_wrap{
	display:none !important;
	width: 310px;
	margin: 0 auto;
	float: none;
	margin-top: 30px;
	padding-bottom: 30px;
}
.div.sub_common_wrap {zoom:1;} /* ie6, ie7 때문에 */
.div.sub_common_wrap:after{
    content: ""; 
    display: block; 
    clear: both;
	}

.sub_common_wrap .widget{float: none;}

.cb-theme .row-fluid [class*="span"]{margin-left: 0px;}

/* 테이블 두단이상인 테이블은 가로스크롤  */
.table_scroll{width:310px; 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: 310px; border-bottom: 2px solid #fff;}
.policy_head ul li a.policy_head_02{border: 0px; height: 157px; width: 310px; border-bottom: 2px solid #fff;}
.policy_head ul li a.policy_head_03{border: 0px; height: 157px; width: 310px;}

/*==================================================================
	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{position:relative; width:94%; margin:20px auto 0; padding:35px 3%;}
.login_wrap h3{font-size:22px; line-height:26px;}
.login_wrap .login_box_wrap{width:100%; margin:25px auto 0;}
.login_wrap .btn_face_box{width:100%;padding:0 0 0 0;  border-bottom:1px solid #d8d8d8;}
.login_wrap .login_box .left_write_box input[type='text'],.login_wrap .login_box .left_write_box input[type='password']{width:95%;}
.login_wrap .login_box .btn_login{position:relative; z-index:1; left:0; top:0; display:inline-block; *display:inline; zoom:1; width:100%; height:38px; margin-top:10px; text-align:center; font-size:16px; line-height:38px; color:#fff; border:1px solid #008189; background:#008189; 
border-radius:2px;-webkit-border-radius: 2px; -moz-border-radius: 2px;}

/* 회원가입공통 */
.join_step{padding:40px 0 0 0; margin-bottom:10px; overflow:hidden; border-top:1px solid #d8d8d8; }
.join_step li{float:none; width:100%;padding:0 0 0 0; margin-top:15px; background:url(images/common/bg_step.png) no-repeat 96% bottom; }
.join_step li:first-child{margin-top:0;}
.join_step li.lastLi{width:100%; background:none;}
.join_step li h3{position:relative;padding:0 0 20px 60px; margin-right:34px;font-size:20px; line-height:22px; color:#727272; border-bottom:10px solid #d8d8d8; }

.photo_image p.img_file{float:left;width:72px; height:72px; margin:0 0 10px 0;border:1px solid #d8d8d8; background:url(images/common/bg_profile_img.jpg) no-repeat left top;}


/*==================================================================
	통합검색페이지
===================================================================*/

.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; }
.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.multimedia_list li div.photo_img img{width:100%; height:180px !important;}

/* 갤러리리스트 */
ul.gallery_list li div.photo_img img{width:100%; height:180px !important;}

/* 사진전 리스트 */
ul.exhibition_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{padding:30px 0; border-bottom:1px solid #d8d8d8;}
ul.promotion_list li div.title_txt{float:none; width:100%;}
ul.promotion_list li div.title_txt h4{height:22px; overflow:hidden;font-size:16px; line-height:20px; color:#333; }
ul.promotion_list li div.ex_txt{float:none; width:100%;height:38px; overflow:hidden; font-size:14px; line-height:18px; color:#727272; }

/* 문화이벤트 */
ul.culture_e_list li{float:none; width:100%; height:auto; margin-right:0;padding:30px 0; border-bottom:1px solid #d8d8d8;}
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 div.title_txt h4{height:22px; overflow:hidden; font-size:16px; line-height:20px; color:#333;  }
ul.culture_e_list li div.ex_txt{margin-top:20px;width:100%; height:38px; overflow:hidden; font-size:14px; line-height:18px; color:#727272; }

/* 설문조사 */
.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;}

/* press 리스트 */
.overseas_list li h4{height:auto; overflow:none;font-size:18px; line-height:20px; color:#333; }
.overseas_list li .info_txt .line_txt{display:block; margin-top:4px;}

/* 한국어 한마디 */
.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{position:relative; width:100%; background:url(images/about/bg_his_line.jpg) repeat-y center top;}
.c_former_box div.former_left{position:relative; float:none; width:auto; height:106px; padding:15px 0 0 120px; margin-top:30px; background:#f5f5f5;}
.c_former_box div.former_left h4{position:absolute; z-index:1; width:100%; text-align:center; left:0; top:-20px;padding:5px 10px 5px 0 !important; margin:0 !important; font-size:14px; line-height:20px; color:#333;  font-weight:bold; text-align:center; background:#fff;}
.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{position:relative; float:none; width:auto;height:106px; padding:15px 0 0 120px; margin-top:60px; background:#f5f5f5;}
.c_former_box div.former_right h4{position:absolute; z-index:1; width:100%; text-align:center; left:0; top:-20px;padding:5px 10px 5px 0 !important; margin:0 !important; font-size:14px; line-height:20px; color:#333;  font-weight:bold; text-align:center; background:#fff;}
.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{display:none; width:100%; position:absolute; z-index:5; left:0; top:121px; background:#f5f5f5;}

/* 시장약력 */
.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:99.5%; padding:20px 0 !important; margin:20px 0 20px 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 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{position:relative; 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:20px 15px !important; margin:0 !important;font-size:14px !important; line-height:20px !important; color:#333 !important; background:none; border:1px solid #d8d8d8;  }
.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 {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 {width:100%; height:auto; padding:30px 0 10px 0; background:url(images/common/bg_con_arrow_down.png) center top no-repeat; float:none; text-align:center;}
.c_course_walk li:first-child{background:none;}
.c_course_walk li.coruse_arrow {display:none;width:100%; padding:0 8px; background:none; text-align:left;}
.c_course_walk .c_course_time {display:inline-block; margin-top:15px; background:url(images/life/bg_time.png) left center no-repeat; font-size:12px; line-height:15px; color:#008189;}
.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 a{float: none; width:100%; margin-bottom:20px;}
.noside ul.menu li ul{width: 100%; float: none;}
.noside ul.menu li ul li{float: none; width: 100%;  margin-left: 0; margin-bottom: 30px;}
.noside ul.menu li ul li a{
	height: auto;
	margin-bottom: 20px;
	padding-bottom:15px;
}

/*==================================================================
	common.css
===================================================================*/

/* 서브메인 공통 레이아웃 */
div#sub_contents{position:relative;width:310px; padding:0 0 40px 0; margin:65px auto 0; }
.sub_contents_wrap{ float:none;  width:310px;}
.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{padding:0;}

/* 버튼박스공통영역 */
.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-bottom: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{display:inline-block; *display:inline; zoom:1;width:30px; height:28px;  font-size:0;background:#727272 url(images/common/bg_list_search.png) no-repeat center center; }

/* 게시판 공통 리스트 */
.common_list > li{padding:25px 0 38px 165px;}
.common_list li h4{height:40px; }

/* 페이징 스타일 */
.wp-pagenavi a{  display: inline-block; *display:inline; zoom:1;width: 33px; height: 32px; margin: 0 5px 5px 0; text-align: center; line-height: 32px;vertical-align: middle; font-weight:bold; color:#333;background:#e2e2e2;}
.wp-pagenavi a:hover,.wp-pagenavi span.current{  display: inline-block; *display:inline; zoom:1;width: 33px; height: 32px; margin:0 5px 5px 0; text-align: center; line-height: 32px;vertical-align: middle; font-weight:bold; background: #333333;color:#fff;}

/* 글자 확대 축소 */
.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:90%;}
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%; */}

/* 뷰페이지 이전글 다음글 */
.m_table_box{width:310px; overflow-x:auto;}
.com_view_box li div.view_contents img{width:100% !important; height:auto;}
.prev_next_list li{float:none; width:100%;  }
.prev_next_list li div.prev_box{padding:20px 20px 20px 45px;border-right:none; border-bottom:1px solid #d8d8d8;}
.prev_next_list li div.next_box{padding:20px 20px 20px 45px;}
.prev_next_list li a.btn_next{left:0;padding-left:12px; background:url(images/common/btn_list_next.png) no-repeat left center;}
.prev_next_list li h4{height:20px;overflow:hidden;}
.prev_next_list li a.btn_prev, .prev_next_list li a.btn_next{top:20px;}

/* 댓글 */
.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;}
.btn_login_face{margin-top:15px;}
.white_ex_list{margin-top:15px;}
.pop_contents .table_layer_list{}
.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; }

/* 서브타이틀 */
.sub_title_box .title_h2_box h2{font-size:22px; line-height:26px;}

/*==================================================================
	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:first-child .widget{margin:0 0 0 0;}
.panel-grid .panel-grid-cell .widget{margin:30px 0 0 0;}

/* 년도파란색 텝 공통 */
ul.letter_tab{text-align:left;background:none;}
ul.letter_tab li{display:inline-block; *display:inline; zoom:0.8;margin-left:5px;}
ul.letter_tab li h3{display:inline-block; *display:inline; zoom:0.8;font-size:20px; line-height:24px; color:#727272; text-align:center;}
ul.letter_tab li h3 a{display:block;padding:0 5px; height:48px; padding:20px 0 0 0; color:#727272; background:url(images/common/bg_his.png) no-repeat center 48px;}

/* 상단 설명글*/
.title_h3_box a.btn_white_32{bottom:20px;}

/*==================================================================
	워드프레스 등록 컨텐츠 가이드  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;border-bottom:1px solid #f2f2f2;}
.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 .close_menu{display:block}
.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 서울시둘레길 */
.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;}
.trail3 .list_course {margin-left:-1%; margin-top:-20px;}
.trail3 .list_course li {float:left; width:24%; margin-left:1%; background:#f1f1f1; text-align:center; margin-top:20px;}

.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 {float:left; width:45%; height:auto; min-height:185px; margin-left:5%;}

.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:20px;}

.trail3 .course4 .course1_2 .rightBox {padding-top:20px;}

.sub_wid_one .trail_wrap h3 {margin-top:25px;}