@charset "utf-8";

@media (min-width:768px) and (max-width:1200px){

html,body{width:100%;}

#nav_wrap #search_area{display:none;}
#nav_wrap .search_box{display:none;}
#nav_wrap .btn_header_search{display:none;}

#main_con_wrap #main_contents{width:100%;}

/* header
------------------------------------------------------------------------------- */


/* footer
------------------------------------------------------------------------------- */


/* 메인 레이아웃 */
.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{margin:0px;}
.common_wrap .common_wrap_title{margin:30px 0 0 0;}

.common_wrap{float:none;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;}

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

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

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

.sub_contents_wrap{float:none;width:100%;}

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

/* 서브메인 */
.policy_head ul li a.policy_head_01{width:100%;}
.policy_head ul li a.policy_head_02, .policy_head ul li a.policy_head_03{width:100%;}
#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;}

/* 실국링크페이지 */
.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;}

/* 2depth */

/* 3depth */
ul.nav_box > li > ul > li > ul{display:none;position:relative;left:0;top:0;background:#fff;}

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

@media (min-width:768px) and (max-width:1024px){
	/*gnb*/
	#header .logo img{height:36px;}
	
	/* 1depth */
	ul.nav_box > li{margin-left:12px;}
	ul.nav_box > li > a{font-size:16px;}

	/* park */	
	.park_img .park_img_box .map{width:340px;}
	.park_img .park_img_box .map_btn{padding-left:340px;}
	.park_img .park_img_box .map_btn li a{padding:7px 7px 6px;font-size:12px;}
}