@charset "utf-8";

@media (min-width: 768px) and (max-width: 1023px){
	
html,body{width: 100%;}
#nav_wrap #search_area{display: none;}
#nav_wrap .search_box{display: none;}
#nav_wrap .btn_header_search{display: none;}

div#header,
.nav_wrap > div,
#main_con_wrap #main_contents{width: 100%;}

#foot_wrap #footer{width: 688px; margin: 0 auto;}

/* 메인 레이아웃 */
ul.top_menu{left: 15px;}
.top_box{right: 15px;}

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

.view_wrap{float: none; margin: 0 auto;}
.view_wrap {zoom:1;} /* ie6, ie7 때문에 */
.view_wrap:after{content: ""; display: block; clear: both;}
.view_wrap .widget{margin: 20px 17px !important;}

.view_wrap .view_wrap_title{width: 688px; margin: 0px;}
.common_wrap .common_wrap_title{width: 688px; margin: 30px 0 0 0;}

.common_wrap{ float: none; width: 688px; margin: 0 auto;}
.common_wrap {zoom:1;} /* ie6, ie7 때문에 */
.common_wrap:after{content: ""; display: block; clear: both;}
.common_wrap .widget_sp_image{margin-top:26px !important;}
.common_wrap .MapLink{margin: 27px 0 0 17px !important;}

#main_bottom_wrap #main_bottom_conents{width: 688px; margin: 0 auto;}

.common_wrap .widget{margin:0 17px !important;}
.common_wrap .wid_recent ul li{display:block;}
.common_wrap .wid_recent{margin:26px  0 0 0 !important;}
.common_wrap .wid_recent ul li dl{padding:12px 10px 12px 10px !important;}
.common_wrap .MapLink{margin:34px 17px 0 17px !important;padding:0 0 1px 0; }
.common_wrap .wid_rates h3{padding:0 20px 10px 0;}
.common_wrap .main-rolling-banner{margin-bottom:0;}
.common_wrap .wid_weather{margin-top:0; padding:15px 0 !important;}
.common_wrap .wid_per_link a{display: block; text-align: left; font-weight: bold; font-size: 14px; height: 50px; line-height: 50px; padding-left: 100px; color: #333;}
.common_wrap .wid_per_link a.line{border-bottom:1px solid #d8d8d8;}
.common_wrap .wid_per_link a.per_link01{background: url(images/common/icon_per_link01.png) no-repeat 33px center;}
.common_wrap .wid_per_link a.per_link02{background: url(images/common/icon_per_link02.png) no-repeat 36px center;}
.common_wrap .wid_per_link a.per_link01:hover{background: url(images/common/icon_per_link01.png) no-repeat 33px center;}
.common_wrap .wid_per_link a.per_link02:hover{background: url(images/common/icon_per_link02.png) no-repeat 36px center;}
.common_wrap .wid_transit li span{padding:10px 0 7px;}

.bottom_l_box{margin: 0 17px 34px 17px;}

.bottom_r_box{width: 95%;margin: 0 17px;}
.bottom_r_box .widget{width:100% !important;}

.sub_title_box{width: 688px; margin: 0 auto;}
.sub_title_box .title_h2_box{width: 100%;}

.sub_two_wrap{width: 688px; margin: 0 auto;}
.sub_two_wrap div.sub_view_wrap{float: none; clear: both; margin: 0 auto; width: 688px;}
div.sub_common_wrap{width: 688px;margin: 0 auto; float: none; clear: both; margin-top: 30px;}

div#sub_contents{position:relative;width:688px;  margin:45px auto 0; }
.sub_contents_wrap{ float:none;  width:688px;}

/* popup */
.pop_contents {height:500px; overflow-y:scroll;}

/* 서브메인 */
.policy_head ul li a.policy_head_01{width: 342px}
#seoul-slide .slide-col{width: 664px;}
#seoul-slide .colum05,
#seoul-slide .colum06,
#seoul-slide .colum07{display: none;}

/* 서브 위젯 숨기기 */
.wid_banner{display:none;}
.wid_korean_box{display:none;}
.global_link{display:none;}
.visit_link{display:none;}
.sub_common_wrap .textwidget {display:none;}

/* 서울의 의미 */
.c_about_his_box div.h_world_box span.arrow {width:20px; background-position:right top; right:-57px;}

/* 역대시장 */
.c_former_box div.former_left h4 {right:-68px;}
.c_former_box div.former_right h4 {left:-68px;}

/* 실국링크페이지 */
.link_map_contents {zoom:0.8;}
.link_map_contents .map_box{zoom:0.8;}

/* 관련기관 */
.c_organ_site{width:100%;}
.c_organ_site ul li { width:30%;height:230px; }
.c_organ_site ul li.last_child{margin:30px 2.5% 0 0;}

/* 사이트맵 */
.noside ul.menu li ul li{float: left; width: 44.6%; margin-bottom: 0px; margin-left: 5.3333%; margin-bottom: 30px;}

/* 도시계획사례 */
.c_urban_his_box .arrow{left:-109px; }

/* ul.nav_box{width:688px;} */
/* ul.nav_box > li {padding-left: 3%;} */
ul.nav_box > li:first-child {padding-left: 0;}
/* 2depth */
ul.nav_box > li > ul{position:absolute; width:250px;}
ul.nav_box > li:last-child > ul.sub-menu ,
ul.nav_box > li:nth-child(3) > ul.sub-menu {left:auto;/* right:0 !important; */}
ul.nav_box > li > ul > li{display:block;position:relative; height:auto;background:#f5f5f5; text-align:left; padding:0 10px 0 20px; border-bottom:2px solid #fff; }
/* 3depth */
ul.nav_box > li > ul > li > ul{display:none;position:relative; left:-20px; top:0; width:214px;padding:7px 14px 10px 20px; background:#fff;}

/*ul.nav_box > li:hover > ul > li:hover > ul{display:none !important;} */
/*
.nav_2depth{
	top:70%;
	height:400px !important;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
ul.nav_box > li > .nav_2depth > ul {
    width: 74%;
    height: 510px;
    margin: 0 auto;
    padding-left:26%;
}
ul.nav_box > .menu-item > .nav_2depth > .sub-menu > li {
    width: 167px;
    height: 200px;
    padding: 30px 0 0 20px;
}
ul.nav_box #menu-item-121753 > .nav_2depth > ul{
	width:74%;
	height:1180px !important;
}
ul.nav_box #menu-item-121752 > .nav_2depth > ul{height:670px;}
ul.nav_box #menu-item-121752 > .nav_2depth > .sub-menu > li {
	height:200px;
}
*/

/* easy read 2014-08-26 */
.list_easy_read{*clear:both;width:610px;margin:0px auto;}