@charset "utf-8";
/* CSS Document */



@media screen and (max-width:1149px) and (min-width:700px){

.seoul-common-wrap{
	width:100%;
	overflow:hidden;
}

.seoul-common-wrap>img{ width:100%; }

.main_Content img{
		width:48%;
		margin-left: 5px;
	}
	
	
/*지진발생현황 팝업*/
.retime-area{ top: 87% !important;}

/*분포도*/

/*지진 발생분석 보고서 조회*/
.kevenDetImg{ width:90% !important;}
.kevenDetWrap {
	display: block !important;
    width: 100% !important;} 
.kevenDetWrap .mapWrap{margin-left:-3%;}   

.kevenDetWrap .legend .legend_w {
    width: 97% !important;
    margin-bottom: 5%;
}

/*공통 분포도*/
.legend img{ 
	width:95% !important; 
	margin-top:3%;
	}
.legend .legend_m{ display: none; }

/*알림마당*/
.cm-pa-td1{ padding-left:8% !important; }


/*지진과 건축*/
.tb-w50 {width:50% !important;}
.tb-w60 {width:60% !important;}

/*지진이란*/
.info1_1 .mw img { 
	width: 50% !important; 
	margin: auto;
	}

/*우리나라의 지진위험도*/
.info2_1 .st-w{ display:none; }

/*건축물의 내진설계*/
.info3_2 .mw img { width:50% !important; }

/*지진에 취약한 건축물*/
.bordList li{ margin-left:20% !important; }

.info4_3 .first-dl{ width: 49% !important; }
.info4_3 .last-dl{ width: 22.2% !important; }

/*내진보강*/
.info5_2 .mw55{
	width:55%;
	margin:auto;
}
.info5_2  .last-dl{ width:50% !important; }
.info5_2 .pilotiW dl{ width:20% !important; }
.info5_2 .pd-tb5{ padding:5% 0; }

.dl-col3 dl{width:50% !important;}

.info5_4 .first-dl{width:45%;}
.info5_4 .last-dl{width:39%;}

/*------------------------------------------------공지사항 화살표 변경사항--*/	

.main_Content .page_Btn img{ width:75% !important;}
		
section ul li a{ font-size:0.8em; }


/*-----------------------------------내진성능 자가점검 페이지 -----*/

.b_num input[type="text"]{ width:65px; }

#addressDiv .b-wrap { display: block; }
 
.step2_Img{	
	width:auto !important;
	margin-top:10px;
		}


/*-------------내진성능 자가점검_슬라이더영역--*/	
	
.slider_Mo{ display:none; }	
	


#wrap_step_slider .slider_Text li{
	margin-left:16%;
	font-weight:bold;
}

#wrap_step_slider .slider_Text li:first-child{ margin-left:5%; }

/*--------------관리자--------*/

#eqkImg{ width:70% !important; }

/*건축물내진통계*/
.stati-ip .alWrab {
    display: block;
    margin: 10px 0;
}



/*---------------------------------------섹션1_시작-------------*/

section{
	width:100%;
	min-height:100%; 
	margin-top:50px;
	margin-bottom:50px;
}
section #container{
	width:95%;
	margin:auto;

}


section h2 span{ font-size:0.7em; }

section #container>ul{
	width:90%;
	height:30px;
	margin:auto;
	overflow:hidden;
}


section ul li{
	float:left;
	margin-left:20px;
	padding:3px 0;
}

section ul li a{
	font-size:0.9em;
	transition:all ease-in 0.3s;
}


section ul li:first-child{ margin:0; }

section .tab_container .tab_content{ width:100%; }

/*-------------------------테이블------------------*/

table tr{ font-size:0.9em; }

.table_Story td{ border-right:1px solid #ccc; }
.table_Story td:last-child{ border:none; }
.table_Story .area_Name{ text-align:center;}


.table_Ko{ text-align:center; }
.table_Ko tr:last-child th, .table_Ko tr:last-child td{ font-weight:bold; }



/*---------------------------------------섹션1_3내용------------*/

section .article, section .article2{
	display:inline-block;
	width:100%;
	margin:auto;
	text-align:center;
}

section .article dt img, section .article2 dt img{
	width:85%;
	margin-top:10px;
}

section .article p, section .article2 p{ padding:15px 0px; }


section .article dd{
	height:100px;
	line-height:25px;
	margin-top:20px;
	padding-top:20px;
	font-size:1em;
	border-top:1px solid #ccc;
}

section .article dl{
	width: 45%;
    margin-left: 4%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
}

section .article2 dd{
  margin-top:20px;
  font-size:1em;
  line-height:20px;
  border-top:1px solid #ccc;
}

section .article2 dl{
	width:90%;
	margin:auto;
	border:1px solid #ccc;
	margin-bottom:20px;
}

	
.content_Hdbg{
	width:100%;
	background:#ebebeb;
	
}


.content_Wrab{
	display:inline-block;
	width:70%;
	margin-left:7%;
}


.content_Wrab .content_Img{
	display:inline-block;
	width:23%;
}

.content_Wrab .content_Img img{
	width:100%;
	vertical-align:bottom;
}



.content_Wrab .content_Tent{
	width:63%;
	margin-top:3%;
	margin-right:11%;
	float:right;

}

.content_Wrab .content_Tent dt{
	min-width:313px;
	display:inline-block;
	margin-bottom: 1%;
    padding-bottom: 1%;
    border-bottom: 1px solid;
}


.content_Wrab .content_Tent dt img{
	min-width:110px;
}


.content_Wrab .content_Tent dt span{
	color:#ea4444;
	font-size:0.9em;
}


/* ----------------------------------------------------20180103 */

#searchAdd table td{
	line-height:40px;
	text-indent:20px;
}


}

/*media*/

@media screen and (max-width:790px) and (min-width:700px){	
	.reply-area { font-size:0.9em; }
}

@media screen and (max-width:780px) and (min-width:700px){

	.address select{ width:20%;}	
	.address select:nth-child(1){ margin-right:1%;}	
	.b_num input{ margin:0 3%; }	

}

@media screen and (max-width:755px) and (min-width:700px){	
	.step2_Img{ width:10%; }		
}

@media screen and (max-width:1000px) and (min-width:700px){	
	#wrap_step_slider .slider_Text li{ margin-left:13%; }
	#wrap_step_slider .slider_Text li:first-child{ margin-left:5%; }		
}
		
@media screen and (max-width:790px) and (min-width:700px){
	
	#wrap_step_slider .slider_Text li{ margin-left:10%; }
	#wrap_step_slider .slider_Text li:first-child{ margin-left:5%;}
}


@media screen and (max-width:840px) and (min-width:700px){
	
	#addrInput2 select{ width:35%; }
	.span_Bl{ display:block;}
	
}