/*red--------------------*/

@media (min-width:768px) and (max-width:899px) {
/*.w_hide{display:none;}*/
.t_block{ display:block;}

#wrap{ width:100%;  min-height:100%;}
h1 img{height:90px;border-right:1px solid #d84d2c;}

#sideboard{display:none;}
.sidebanner{display:none;}
#container{ /*overflow:hidden; position:relative; z-index:99; margin-left:138px; */ }

#content{ padding-right:20px;   }



/*total_search*/

div.total_search div.search div.sbHolder{min-width:85px;}
div.total_search div.search div.sbHolder ul{min-width:85px; }

/*detail_list*/
div.detail_list {width: 92.2%;}
div.detail_list div.sbHolder{width:105px;}
div.detail_list ul.list li input.ip{ width:40%; }

div.detail_list div.sbHolder ul{width:105px; }
div.detail_list p input.ip{ width:60px; }
div.detail_list p div.sbHolder{ width:75px; }
div.detail_list p div.sbHolder ul{width:75px; }

div.detail_list ul li label.fl {min-width: 107px;}
div.detail_list ul li.title label{ float:left; margin-right:10px; border-radius:3px; border:1px solid #ff8e35; background:#ff8e35; color:#fff; display:block ; 
text-align:center; padding:7px 0; width:105px;}
div.detail_list ul li.title div.sbHolder{ width:115px;  margin-bottom:5px;}
div.detail_list ul li.title div.sbHolder ul{  width:115px;}

div.detail_list ul li.title1 div.sbHolder{ width:200px;}
div.detail_list ul li.title1 div.sbHolder ul{  width:200px;}


div.detail_list ul.list li.big div.sbHolder{width:141px;}
div.detail_list ul.list li.big div.sbHolder ul{width:300px;}

div.detail_list ul.list li.big div.sbHolder a.sbSelector{overflow:hidden;height:23px;
	width:120px;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block; 
}


div.detail_list ul.list li.big612 div.sbHolder{width:300px;}
div.detail_list ul.list li.big612 div.sbHolder ul{width:300px; height: 300px;    overflow-y: scroll;}

div.detail_list ul.list li.big612 div.sbHolder a.sbSelector{overflow:hidden;height:23px;
	width:270px;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block; 
}



div.detail_list ul.list li.big612 div.sbHolder a {
display: block;
background: #fff url(/images/common/bl_select.png) 99% center no-repeat;
padding-left: 5px;
padding-right: 15px;
}

/*search_list*/
div.search_box{ width:100%; }
div.search_box div.icon_print a.m_hide{display:none;}

/*history*/
div.history_btn{position:absolute; right:10px; top:100px; display:block; }
div.history span.cancel{ position:absolute; right:15px; top:10px;}
div.history span.cancel a{ font-size:12px;}

div.history{ display:none; position:absolute; right:10px; top:140px;/*float:left; margin-left:30px;*/ width:220px; max-height:100%;  }
div.history div.box1{ width:220px; margin-bottom:30px; background:url(/images/sub/bg_history1.gif) left bottom no-repeat;padding-bottom:15px; }
div.history div.bg_0 dt{background:url(/images/sub/bg_history0.gif) left top no-repeat;}
div.history div.bg_1 dt{background:url(/images/sub/bg_history1.gif) left top no-repeat;}
div.history div.bg_2 dt{background:url(/images/sub/bg_history2.gif) left top no-repeat;}
div.history div.bg_3 dt{background:url(/images/sub/bg_history3.gif) left top no-repeat;}
div.history div.bg_4 dt{background:url(/images/sub/bg_history4.gif) left top no-repeat;}

div.history div.bg_0{ }

div.history dl{  padding:0 0;    background:url(/images/sub/bg_history.gif) left top repeat-y;}
div.history dl dt{ padding:10px 0 20px 40px; font-size:16px; color:#555259; margin-bottom:5px; font-weight:bold;}
div.history dl dd{ text-align:left; overflow:hidden; clear:both; margin-left:15px;  margin-right:15px;margin-bottom:0; line-height:160%; }
div.history dl dd a{
	width:70%; 
	overflow: hidden;  
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block;
	vertical-align:middle;
	font-size:13px;
}

div.history dl dd a:hover{text-decoration:underline;}
div.history dl dd span{float:right; font-size:10px;display:inline-block;vertical-align:middle;}
div.history dl dd em{font-style:normal; color:#db4c2a; font-size:10px; padding-right:3px;}
div.history dl.bl dd{background:url(/images/sub/bl_txt.gif) left 7px no-repeat; padding-left:10px;}
div.history dl.bl dd a{ color:#333;}
div.history dl.bl ul{ margin-top:10px;}
div.history dl.bl ul li{margin-bottom:3px; line-height:150%;}
div.history dl.bl dd.line{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;}
div.history dl.bl ul ul{ margin-top:0;}
div.history dl.more dd a{
	width:100%; 
	overflow: hidden;  
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block;
	vertical-align:middle;
	font-size:13px;
}

div.history dl.none{ border-bottom:none;}
div.history dl dd.none{background:none; padding-left:0; }
div.history dl dd dl{background:none; margin:0;}
div.history dl dd dl dd{ margin-left:0; margin-right:0;}

div.history div.bg_1 dl{ overflow:hidden;}
div.history div.bg_1 ul.more_txt{ /*margin-top:10px;*/   padding-left:10px;  background:url(/images/sub/bg_history.gif) left top repeat-y; }
div.history div.bg_1 ul.more_txt li.tit{background:url(/images/sub/bl_txt.gif) left 7px no-repeat; padding-left:10px;  margin-left:0px;}
div.history div.bg_1 ul.more_txt li{margin-bottom:3px; line-height:150%; margin-left:15px;}
div.history div.bg_1 ul.more_txt li a{ color:#333;font-size:13px;}
div.history div.bg_1 ul.more_txt li a:hover{ text-decoration:underline;}


.ie7 div.history dl dd{text-align:left;  clear:both; position:relative;}
.ie7 div.history dl dd a{width:60%;  display:inline;}
.ie7 div.history dl dd span{float:right; font-size:10px;display:inline;vertical-align:middle;  position:absolute; right:0;top:0;}



/*summary*/
div.summary{ height:53px; }
div.summary h3{ height:53px;}

div.summary h3 img{ height:25px;}

/*site_guide*/
div.site_guide { /*width:auto; height:auto;*/ }
div.site_guide ul { border-bottom:1px solid #dcdcdc; padding-bottom:35px; margin-bottom:40px; overflow:hidden; }
div.site_guide ul li {  float:left; display:inline-block; margin:10px;}


div.site_guide div.guide_01, .guide_02, .guide_03, .guide_04, .guide_05 {padding-bottom:20px;}


div.site_guide div.guide_02 dt {  display:table-cell; width:150px; height:100%;margin:auto auto; vertical-align:top; font-weight:bold;  }
div.site_guide div.guide_02 dd {  display:table-cell;}
div.site_guide div.guide_02 .clearfix {width:100%; clear:both;  }

div.site_guide .background {   background-position:-155px top; }
div.site_guide div.guide_03 p { position:absolute; top:12px; left:160px; width:425px;  }

div.site_guide span { font-weight:bold; color:#d84d2c; }
.inquire_box { border: 1px solid #57535a; padding: 10px; border-radius: 2px; background:url(/images/sub/bl_phone.png) 10px center no-repeat; }
.inquire_box p { margin-left: 20px; }
.inquire_box_2 { border: 1px solid #57535a; padding: 10px; border-radius: 2px; }

/*login*/
div.login { /*width:560px;height:auto;*/  margin:35px 0 0 0; border:1px solid #c8c8c8; box-shadow:1px 1px 1px #e5e5e5; padding:20px 35px 35px 35px; text-align:center; }
div.login .ip { width:400px; height:28px; background:#eef1f6; border:1px solid #dfe3ec; margin-top:11px; padding:12px 5px 8px 55px; font-size:13pt; vertical-align:center; }
div.login input[type="text"] { background:url(/images/board/img_id.gif) no-repeat 11px center #eef1f6; }
div.login input[type="password"] { background:url(/images/board/img_pw.gif) no-repeat 11px center #eef1f6; }
div.login input[type="image"] { margin:20px; }
div.login ul { width:460px; margin:0 auto; padding-top:20px; border-top:1px solid #eef1f6; }
div.login ul li { background:url(/images/board/img_bar.gif) no-repeat left center; padding:0 15px; display:inline; }
div.login ul li:first-child {background:none;}

/*email*/
div.email {  border:1px solid #dedede; background:url(/images/sub/bg_mail.gif); text-align:center; padding:25px 20px; }
div.email p { line-height:23px;  text-align:center;}
div.email p span { color:#db4c2c; }



/*resource*/
div.re_tab ul{overflow:hidden;  width:100%; background:url(/images/sub/bg_line.png) center 70px repeat-x; }
div.re_tab ul li{  float:left;  width:33%; text-align:left; }




/*txt_list*/
div.txt_list p.img img{ width:100%;}


/*sitemap*/
div.sitemap{overflow:hidden; }
div.sitemap dl{ /*width:195px;*/width:40%; float:left; margin-right:30px; margin-bottom:30px;}
div.sitemap dl dt{ font-weight:bold; font-size:19px;  border-bottom:2px solid #d84d2c; color:#d84d2c;  padding-bottom:10px; margin-bottom:15px;}
div.sitemap dl dt a{ font-weight:bold; font-size:19px;  color:#d84d2c; display:block;}

div.sitemap dl dd {border-bottom:1px solid #ccc; padding-bottom:10px;  margin-bottom:5px; }
div.sitemap dl dd a{ display:block; color:#555;   } 

div.sitemap dl ul {margin-top:10px;}
div.sitemap dl ul li{ color:#666; background:url(/images/common/bl_02.gif) left 8px no-repeat; padding-left:10px; }
div.sitemap dl ul li a{display:block; color:#666;font-size:13px; }

div.sitemap div{clear:both; margin-bottom:30px; overflow:hidden;}



/*search_box*/
div.search_box{ float:left; width:100%;}


/*search_top*/

div.search_top{ border-bottom:1px solid #c8c8c8; overflow:hidden; padding-bottom:30px; margin-bottom:30px;}
div.search_top p.timg{ clear:both; margin-bottom:20px;text-align:center; width:100%;}
div.search_top p.timg img{ width:200px; height:50px; border:1px solid #c8c8c8;  padding: 10px;}
div.search_top dl{ margin-left:0; clear:both; margin-bottom:40px;width:100%; min-width:100%; max-width:100%;}
div.search_top dl dt{ font-size:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;}
div.search_top div.img{ margin:30px 0; clear:both; }
div.search_top div.img img{width:70px; height:70px;}
div.search_top div.img a{ display:block; float:left; }
div.search_top div.img a span{ display:block; text-align:center; margin-top:10px;}


/*search_list*/
div.search_list{ overflow:hidden; padding-bottom:20px; margin-bottom:40px; }
div.search_list h4{font-size:18px; padding-bottom:20px; overflow:hidden;}
div.search_list h5{ font-size:16px; margin-bottom:20px; color:#d84d2c; font-weight:bold;}
div.search_list h5 a{ font-size:16px; margin-bottom:20px; color:#d84d2c; font-weight:bold;}


div.search_list h4 b{color:#d84d2c;}
div.search_list h4 span{ font-size:13px; font-weight:normal; display:inline-block; margin-left:10px; letter-spacing:0;}
div.search_list h5 span{ font-size:13px; font-weight:normal; display:inline-block; margin-left:10px; letter-spacing:0; color:#000;}

div.search_list ul li{ margin-bottom:5px;  clear:both; overflow:visible;}
div.search_list ul li dl{ float:left; overflow:visible;    width:100%; margin-bottom:10px; }
div.search_list ul li dl dt{ font-weight:bold; font-size:15px; margin-bottom:5px; color:#000;}
div.search_list ul li dl dt em{font-style:normal; color:#999; font-size:13px;}

div.search_list ul li dl dt{
overflow: hidden;  
	display:inline-block;
	width:100%;
	 color:#222;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
}
div.search_list ul li dl dt a{color:#222; font-weight:bold;}
div.search_list ul li dl dt a:hover{color:#000; text-decoration:underline;}
div.search_list ul li dl dd{ padding-left:18px; margin-bottom:0;}
div.search_list ul li dl dd.file{ padding-left:8px;font-size:13px; margin-top:5px;}
div.search_list ul li dl dd.file a{  display:inline-block; padding:0 10px; color:#aaaaaa;font-size:13px;}
div.search_list ul li dl dd.file a.m_hide{  display:none; padding:0 10px; color:#aaaaaa;font-size:13px;}
div.search_list ul li dl dd.file{ font-size:13px; color:#aaaaaa;}
div.search_list ul li dl dd{ font-size:13px;}
div.search_list ul li dl dd.text{  color:#222;/* height:58px; */overflow:hidden; line-height:150%;}
div.search_list ul li dl.long dd.text a{	
	overflow: hidden;  
	display:inline-block;
	width:100%;
	 color:#222;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;

}

/* dl.img*/
div.search_list ul li dl.img{ position:relative;}
div.search_list ul li dl.img dd.img{ float:left; position:relative; }
div.search_list ul li dl.img dd.text{ color:#222;  float:left; width:88%;height:58px; padding-left:0;  position:absolute; left:120px; top:50px;  padding-right:10px;line-height:150%;
text-align:justify; }
div.search_list ul li dl.img dd.text a{ height:58px;padding-right:10px;text-align:justify; display:block;}

/*의원현황*/
div.search_list ul.inline > li{
	width:100%;
	clear:both;

}
div.search_list ul.rep{ float:left; }
div.search_list ul.rep li{ margin-bottom:0; border-bottom:none; width:100%;}
div.search_list ul.rep li span{ display:inline-block; background:url(/images/common/colon.gif) right center no-repeat; min-width:70px; margin-right:5px; color:#222;}
div.search_list ul.rep li b{color:#428fb2; font-weight:normal;}

div.search_list ul li dl.site{ clear:both; color:#666; overflow:hidden;}
div.search_list ul li dl.site dt { }
div.search_list ul li dl.site dd { clear:both; padding-left:0; margin-left:0;}
div.search_list ul li dl.site dd ul li{ margin-bottom:5px;}
div.search_list ul li dl.site dd li.txt{ color:#222;  margin-left:5px;}
div.search_list ul li dl.site dd li.link{ color:#666; font-size:11px;}
div.search_list ul li dl.site dd li.link a{ display:inline-block; margin:0 5px;}
div.search_list ul li dl.site dd li.url{ margin-left:5px;}
div.search_list ul li dl.site dd li.url a{ color:#d84d2c; display:inline-block;  margin:0 5px;}
div.search_list ul li dl.site dd b{}
div.search_list ul li dl.site dd a{ color:#999}
div.search_list ul li dl.site dd a:hover{ color:#666}
div.search_list ul li dl.site dd.site a{color:#d84d2c;}

div.search_list ul li a b{color:#428fb2; font-weight:normal; }
div.search_list ul li dd b{color:#428fb2; font-weight:normal; padding-right:5px;}
div.search_list ul li .r{ color:#d84d2c;}
div.search_list ul li .b{color:#428fb2;}

div.search_list ul li .btn_r{border:1px solid #333; background:#d84d2c; color:#fff; padding:3px 10px;}
div.search_list ul li .btn_b{border:1px solid #333;  background:#428fb2; color:#fff; padding:3px 10px;}

div.search_list ul li p{ float:left; overflow:hidden; margin:0; padding:0; margin-right:15px; max-width:100px; }
div.search_list ul li p img{border:1px solid #c8c8c8;}
div.search_list ul li p.img img{width:80px; height:80px;}
div.search_list ul li p.book img{width:36px; height:52px;}
div.search_list ul li p.rep img{ width:82px; height:109px;}
div.search_list ul li dl.book p.rep img{ width:52px; height:79px;}

div.search_list div.more{color:#d84d2c; font-weight:bold; text-align:right; }
div.search_list div.more a{color:blue; font-size:12px; font-weight:normal;}


/*지역현황소식*/
/*section4---*/
div.map_box{ }

div.map_box div.area_box{ background:url(/images/sub/bg_map.gif); padding:10px;position:relative; border:1px solid #dcdcdc; height:411px; overflow:hidden; margin:30px 0;}
div.map_box h3{  float:left; }
div.map_box div.area{  width:50%;  }
div.map_box div#area_box1{ position:absolute; width:50%; left:20px; top:50px; display:none; }
div.map_box div#area_box2{  position:absolute; width:100%; left:25px; top:20px; }


div.map_box div.area div.area_tab ul{width:100%;  overflow-y:auto; height:320px; background:#fff;}
div.map_box div.area div.area_tab ul li{width:30%; float:left; border:1px dotted #dcdcdc;}
div.map_box div.area div.area_tab ul li a{display:block; padding:10px 0; text-align:center; color:#333333;}
div.map_box div.area div.area_tab ul li a.on{ text-align:center; background:#d84d2c; color:#fff;}
div.map_box div.area div.area_tab ul li a:hover{ text-align:center; background:#d84d2c; color:#fff;}

div.map_box div.cont{}

/*hot*/
div.map_box div.hot{ position:absolute; right:5px; bottom:10px; padding:5px; width:100%; border:1px solid red; }
div.map_box div.hot dl dt{  font-weight:bold; background:url(/images/sub/bl_txt.gif) left 7px no-repeat; padding-left:10px;}
div.map_box div.hot dl dd{}
div.map_box div.hot dl dd a{  padding-left:10px; background:url(/images/common/bl_05.gif) left 7px no-repeat;
	display:inline-block;
	width:20%; 
	overflow: hidden;  
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block;
	vertical-align:middle;
	font-size:13px;
	text-decoration:underline;
}


/*div.area_news*/
div.area_news{  position:relative; overflow:hidden;  margin-bottom:44px; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc; border-right: 1px solid #ccc;
background:url(/images/sub/bg_line.gif) 100px top repeat-y;
}
div.area_news_menu {float: left;/* border-right: 1px solid #ccc; */width: 100px; /* margin-right: 15px; min-height: 736px;*/}
div.area_news_menu ul {border-top:1px solid #ccc;}
div.area_news_menu ul li{ }
div.area_news_menu ul li.all a{ background:#666;  color:#fff;}
div.area_news_menu ul > li > a{display:block; text-align:center; color:#666;  padding:5px 0; border-bottom:1px solid #ccc; line-height: 120%;}
div.area_news_menu ul > li > a:hover{color:#fff; background:#ef522f; }
div.area_news_menu ul > li > a.on{color:#fff; background:#ef522f; font-weight:bold;}
div.area_news_menu ul > li > a span{font-size:11px; display:block;}

div.area_news_menu{}
div.area_news_menu div.cont {}
div.area_news_menu div.cont{background:#f2f2f2;}
div.area_news_menu div.cont ul li a{background:none; padding:3px 0; }
div.area_news_menu div.cont ul li a:hover{text-decoration:underline; color:#000; }

div.area_news div.search_list{ 
float: left;
width: 288px;
padding-right: 15px;
margin-right: 0;
/* min-height: 880px; */
padding-bottom: 0;
margin-bottom: 0;
border-left: 1px solid #ccc;
padding-left: 15px;}

div.area_news div.search_list ul{/* margin-bottom:35px;*/}
div.area_news div.search_list ul li{ border-bottom:1px dotted #d2d2d2; padding:5px 0 10px 0; margin-bottom:0;}
div.area_news div.search_list ul li dl{ margin:0; width:100%;   }
div.area_news div.search_list ul li dl.long{ max-width:95%;}
div.area_news div.search_list ul li dl dt{
	width:100%; 
	overflow: hidden;  
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block;
	vertical-align:middle;
	font-size:13px;
}

div.area_news div.search_list dd.text{ height:40px; overflow:hidden;}

div.search_view{ /*width:46%; height:800px;overflow-y: auto;*/   border-top:1px solid #ccc; position:absolute; left:398px;; top:0;  overflow-x: hidden; height: 100%;
background:#fff url(/images/sub/bg_line.gif) left top repeat-y; 
}
div.search_view div.tit{ background:#f2f2f2; border-bottom:1px solid #d2d2d2; color:#000; font-size:18px; padding:10px;border-left: 1px solid #ccc;}
div.search_view div.tit span{ display:block; font-size:13px; color:#666; margin-top:5px;}
div.search_view div.text{  padding:10px; width: 95%; /*height: 559px;*/ padding-bottom: 20px; overflow-y: auto; }

div.search_view.close{ right: 0;  }

div.search_view.open{  max-width:100%; /*height:800px;overflow-y: auto;*/   border-top:1px solid #ccc; position:absolute; left:113px; top:0;  overflow-x: hidden; height: 100%;
background:#fff url(/images/sub/bg_line.gif) left top repeat-y; position:absolute; right:0; top:0;}

/*TIFF*/
.volume-border {
  position:absolute;
  display: none;
  z-index:90;
  margin-top: 37px;
  margin-left: 10px;
  padding:10px;
  
  border:2px solid #00aae7;
  color:#333;
  background:url(/images/cmn_img/vol_div_top.png) 5px -20px no-repeat;
  /* css3 */
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.volume-arrow {
  position:absolute;
  display: none;
  z-index:92;
  margin-top: 19px;
  margin-left: 20px;
  padding:20px;
  background:url(/images/cmn_img/vol_div_top.png) 0px 0px no-repeat;
}


.volume-border2 {
  position:absolute;
  display: none;
  z-index:95;
  margin-top: 37px;
  padding:10px;
  border:2px solid #00aae7;
  color:#333;
  background:#fff;
 
  /* css3 */
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.volume-arrow2 {
  position:absolute;
  display: none;
  z-index:97;
  margin-top: 19px;
  margin-left: 13px;
  padding:20px;
  background:url(/images/cmn_img/vol_div_top.png) 0px 0px no-repeat;

}

.volume-border3 {
  position:absolute;
  display: none;
  z-index:95;
  margin-top: 37px;
  margin-left: -50px;
  padding:15px;
  border:2px solid #00aae7;
  color:#333;
  background:#fff;
 
  /* css3 */
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.volume-arrow3 {
  position:absolute;
  display: none;
  z-index:100;
  margin-top: -1px;
  margin-left: 175px;
  *margin-top: 19px; 
  *margin-left: 12px;
  padding:20px;
  background:url(/images/cmn_img/vol_div_top.png) 0px 0px no-repeat;
}

.result_div {
	width:300px;
	height: 150px;
	padding:15px;
	border:1px solid #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99999;
	background:#fff;
	display:none;	
}

.result_box_txt {
	padding:30px 0; 
	margin:0 auto; 
	text-align:center; 
	background:#f2f2f2; 
	border:1px solid #ccc; 
	color:#000; 
	margin-bottom:20px; 
	font-size:16px; 
	font-weight:bold;
}

table.boardview td img.m_hide{display:none;}
table.boardview td a.m_hide{display:none;}

}/*tab---------------*/


/*#000--------------------*/

@media (min-width:899px) and (max-width:1152px) {

/*summary*/
div.summary{ height:53px; }
div.summary h3{ height:53px;}

div.summary h3 img{ height:25px;}

/*search_box*/
div.search_box{ width:100%; }

/*search_top*/
div.search_top{ border-bottom:1px solid #c8c8c8; overflow:hidden; padding-bottom:30px; margin-bottom:30px;}
div.search_top p.timg{ clear:both; margin-bottom:20px;text-align:center; width:100%;}
div.search_top p.timg img{ width:200px; height:50px; border:1px solid #c8c8c8;  padding: 10px;}
div.search_top dl{ margin-left:0; clear:both; margin-bottom:40px;width:100%; min-width:100%; max-width:100%;}
div.search_top dl dt{ font-size:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;}
div.search_top div.img{ margin:30px 0; clear:both; }
div.search_top div.img img{width:70px; height:70px;}
div.search_top div.img a{ display:block; float:left; }
div.search_top div.img a span{ display:block; text-align:center; margin-top:10px;}

div.search_list ul.inline > li{
	width:100%;
	clear:both;

}
/* dl.img*/
div.search_list ul li dl.img dd.text{ width:81%; }

/*detail_list*/
div.detail_list div.sbHolder{width:80px;}
div.detail_list div.sbHolder ul{width:80px; }

div.detail_list ul.list li input.ip{ width:55%; }

div.detail_list ul.list li.big div.sbHolder{width:150px;}

div.detail_list ul.list li.big div.sbHolder ul{width:300px;  }
div.detail_list ul.list li.big div.sbHolder a.sbSelector{overflow:hidden;height:23px;
	width:130px;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block; 
}
div.detail_list ul.list li.big612 div.sbHolder{width:315px;}
div.detail_list ul.list li.big612 div.sbHolder ul{width:315px; height: 300px;    overflow-y: scroll;}

div.detail_list ul.list li.big612 div.sbHolder a.sbSelector{overflow:hidden;height:23px;
	width:270px;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block; 
}
div.detail_list ul.list li.big612 div.sbHolder a {
display: block;
background: #fff url(/images/common/bl_select.png) 96% center no-repeat;
padding-left: 5px;
padding-right: 15px;
}

/*history*/
div.history_btn{position:absolute; right:0; top:100px; display:block;}
div.history{ display:none;}
div.history{ position:absolute; right:0; top:140px; width:220px; max-height:100%;  }

/*지역현황소식*/
/*section4---*/
div.map_box{ }

div.map_box div.area_box{ background:url(/images/sub/bg_map.gif); padding:10px;position:relative; border:1px solid #dcdcdc; height:361px; overflow:hidden; margin:30px 0;}
div.map_box h3{  float:left; }
/*div.map div.area{ position:absolute; width:50%; left:20px; top:50px; }*/
div.map_box div.area{  width:50%;  }
div.map_box div#area_box1{ position:absolute; width:50%; left:20px; top:50px; display:none; }
div.map_box div#area_box2{ position:absolute; width:100%; left:25px; top:50px; }


div.map_box div.area div.area_tab ul{width:100%;  overflow-y:auto; height:320px; background:#fff;}
div.map_box div.area div.area_tab ul li{width:30%; float:left; border:1px dotted #dcdcdc;}
div.map_box div.area div.area_tab ul li a{display:block; padding:10px 0; text-align:center; color:#333333;}
div.map_box div.area div.area_tab ul li a.on{ text-align:center; background:#d84d2c; color:#fff;}
div.map_box div.area div.area_tab ul li a:hover{ text-align:center; background:#d84d2c; color:#fff;}


}

/*orange--------------------*/

@media (min-width:1153px) and (max-width:1279px) {

/*summary*/
div.summary{ height:53px; }
div.summary h3{ height:53px;}

div.summary h3 img{ height:25px;}
div.summary h3 span{ font-size:11px; }
div.summary span{ font-size:11px; }
div.summary ul li{font-size:11px; }

/*search_box*/
div.search_box{ width:72%; }

/*search_top*/
div.search_top{ border-bottom:1px solid #c8c8c8; overflow:hidden; padding-bottom:30px; margin-bottom:30px;}
div.search_top p.timg{ clear:both; margin-bottom:20px;text-align:center; width:100%;}
div.search_top p.timg img{ width:200px; height:50px; border:1px solid #c8c8c8; }
div.search_top dl{ margin-left:0; clear:both; margin-bottom:40px; width:100%; min-width:100%; max-width:100%;}
div.search_top dl dt{ font-size:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;}
div.search_top div.img{ margin:30px 0; clear:both; }
div.search_top div.img img{width:70px; height:70px;}
div.search_top div.img a{ display:block; float:left; margin-right:40px;}
div.search_top div.img a span{ display:block; text-align:center; margin-top:10px;}

div.search_list ul.inline > li{
	width:100%;
	clear:both;

}

/* dl.img*/
div.search_list ul li dl.img dd.text{ max-width:80%; }



/*div.detail_list*/
div.detail_list ul.list li input.ip{ width:45%;   }

div.detail_list ul.list li.big div.sbHolder{width:150px;}
div.detail_list ul.list li.big div.sbHolder ul{width:300px;}
div.detail_list ul.list li.big div.sbHolder a.sbSelector{overflow:hidden;height:23px;
	width:130px;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block; 
}
div.detail_list ul.list li.big612 div.sbHolder{width:315px;}
div.detail_list ul.list li.big612 div.sbHolder ul{width:315px; height: 300px;    overflow-y: scroll;}

div.detail_list ul.list li.big612 div.sbHolder a.sbSelector{overflow:hidden;height:23px;
	width:270px;
	white-space:nowrap;  
	text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
    display:inline-block; 
}


div.detail_list ul.list li.big612 div.sbHolder a {
display: block;
background: #fff url(/images/common/bl_select.png) 96% center no-repeat;
padding-left: 5px;
padding-right: 15px;
}

/*지역현황소식*/
/*section4---*/
div.map_box{ }

div.map_box div.area_box{ background:url(/images/sub/bg_map.gif); padding:10px;position:relative; border:1px solid #dcdcdc; height:361px; overflow:hidden; margin:30px 0;}
div.map_box h3{  float:left; }
div.map_box div.area{  width:50%;  }
div.map_box div#area_box1{ position:absolute; width:50%; left:20px; top:50px; display:none; }
div.map_box div#area_box2{ position:absolute; width:100%; left:25px; top:50px; }


div.map_box div.area div.area_tab ul{width:100%;  overflow-y:auto; height:320px; background:#fff;}
div.map_box div.area div.area_tab ul li{width:30%; float:left; border:1px dotted #dcdcdc;}
div.map_box div.area div.area_tab ul li a{display:block; padding:10px 0; text-align:center; color:#333333;}
div.map_box div.area div.area_tab ul li a.on{ text-align:center; background:#d84d2c; color:#fff;}
div.map_box div.area div.area_tab ul li a:hover{ text-align:center; background:#d84d2c; color:#fff;}

div.map_box div.cont{}



}

/*blue--------------------*/
@media (min-width:1280px) and (max-width:1500px) {

/*search_box*/
div.search_box{ float:left; width:75%; }


/* dl.img*/
div.search_list ul li dl.img dd.text{ width:84%; }

/*search_top*/
div.search_top{ border-bottom:1px solid #c8c8c8; overflow:hidden; padding-bottom:30px; margin-bottom:30px;}
div.search_top p.timg{ clear:both; margin-bottom:20px;text-align:center; width:100%;}
div.search_top p.timg img{ width:200px; height:50px; border:1px solid #c8c8c8;  padding: 10px;}
div.search_top dl{ margin-left:0; clear:both; margin-bottom:40px;width:100%; min-width:100%; max-width:100%;}
div.search_top dl dt{ font-size:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;}
div.search_top div.img{ margin:30px 0; clear:both; }
div.search_top div.img img{width:70px; height:70px;}
div.search_top div.img a{ display:block; float:left; margin-right:40px;}

}

/*purple--------------------*/
@media (min-width:1500px) and (max-width:1600px) {

/*search_box*/
div.search_box{ float:left; width:80%; }

/* dl.img*/
div.search_list ul li dl.img dd.text{ width:87%; }

}

/*gray--------------------*/
@media (min-width:1600px) and (max-width:1920px) {

/*search_box*/
div.search_box{ float:left; width:80%; }
/* dl.img*/
div.search_list ul li dl.img dd.text{ width:88%; }


}

/*red------------------------*/
@media (min-width:1920px) {

/*search_box*/
div.search_box{ float:left; width:83%; }

/* dl.img*/
div.search_list ul li dl.img dd.text{ width:90%; }



}