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



@media screen and (max-width:699px) and (min-width:320px){
	
.seoul-common-wrap{
	width:100%;
	overflow:hidden;
}

.seoul-common-wrap>img{ width:100%; }	
.main_Content img{
		width:95%;
		margin-left:5px;
		margin-bottom:10px;
}
.sSubMenu{
	outline:none; cursor:pointer; -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none;/* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/ background:url(/SeoulEqk/images/arrow_2.png) no-repeat 100% 50%; /;
}
/*font*/

.ft-sz8{ font-size:0.8em; }

/*margin, padding*/

.mb-pa-lr{ padding:0 5px !important;}

/*정렬값*/

.mo-tc { text-align: center !important; }



/*지진발생현황 팝업*/
.retime-area{ top: 78% !important;}

/*분포도*/

/*지진 발생분석 보고서 조회*/

.kevenDetImg{ width:90% !important;}
.kevenDetWrap {
	display: block !important;
    width: 100% !important;} 
.kevenDetWrap .mapWrap{margin-left:-5%;}   
.kevenDetWrap .legend .legend_m{ margin-top: -4% !important; }


/*분포도 공통*/
.legend .legend_w{ display: none; }


/*알림마당*/
.hp-link .first-td{ background: #eaeaea; }

.prevent dd { width:100% !important;}

/*지진과 건축*/

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

/*지진에 취약한 건축물*/
.dd-sp span{ display: block; }
.bordList li{ margin-left:10% !important; }

/*내진보강*/
.info5_2 .pilotiW dl{ width:50% !important; }

/*---테이블---*/
table tr{ font-size:0.8em;}

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

.table_Ko{ 
	width:100% !important;
	text-align:center; }
.table_Ko tr:last-child th, .table_Ko tr:last-child td{ font-weight:bold; }

.sSbubWrab .article2 dd{ width:100%; } 


/*------------------------------------------------공지사항 화살표 변경사항--*/
.main_Content .page_Btn img{
	width:50% !important;
	margin-left:0 !important;
	margin-bottom:0 !important;	
}

.main_Content .page_Btn ol li{
	padding:0 2px;
	line-height:100% !important;
}
	

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


/*popup*/

.help-area { width:90% !important;}
.help-area table td { padding: 5px 0 !important;}
.help-area img{ margin: auto; }



span.step2-tb-sp {
    display: block;
	height:40px;
    border-top: none;
	}	
.step2-tb-sp+img {
    margin: auto;
    padding-bottom: 5px;
    text-align: center;
}




#addressDiv .seoul { margin-left: -16px; }
#addressDiv .b-wrap { 
	display: block;
	margin-left: -10px;
	 }

.address select{ width:31%; }	
.address select:nth-child(1){ margin-right:1%; }
		
.b_num input{ margin:0 1%; }	
.b_num input[type="text"]{ width:13%; }


#addressDiv .b-wrap { display: block; }

.outline_view img{ width:94% !important; }

.step_c4 img{ width:90% !important; }
.step_c3 img { width: 97% !important; }
.stepC3_Tb img{ width:80% !important; }

.stepImgTb{}
.stepImgTb img{ width:95% !important;}

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

#searchAdd table .type{ line-height: 30px !important; }

.span_Bl{ display:block; }

/*도입배경*/
.info1 dl dd{width:100% !important;}

/*step3주소*/

#searchAdd .sTitle{ display: inline; }
	
/*step4*/


.info-area img {
	width:auto !important;
	margin-bottom: 0;
}
.typeWrab img{
	width: 95% !important;
    margin: auto;
    padding: 3% 3% 10%;
}
.typeWrab th {line-height: 160%; }

.typeWrab-mw img{
	width: 95% !important;
	max-width:250px;
    margin: auto;
    padding: 3% 3% 10%;
}

.ta-tc tbody td{
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;	
}

.bd-ra{
	border: 1px solid #ccc;
    border-radius: 5px;
}
.structType table tbody td, .structType table tbody th{ border-right:1px solid #ccc; }
.structType table tbody td:last-child, .structType table tbody th:last-child{ border-right:none; }



/*-------------내진성능 자가점검_슬라이더영역--*/


.main_Content .slider_Web{ display:none; }

.slider_Mo{ border-bottom:1px solid #CCC; }

.slider_Mo p{
	font-size:50px;
	font-weight:bold;
	color:#666;

}
.slider_Mo p span{
	display:block;
	margin-top:50px;
	font-size:23px;
	color:#ea4444;
	
}

/*------------------------step2-----------*/
.wauto{ display: block; }

.informTb tbody select {
    width: 80% !important;
    margin: 1% 10%;
}	
	
/*------------------------step3-----------*/

.step_Title{
	font-weight: bold;
    font-size: 0.9em;
	
}

/*관리자페이지*/


.condition{
	width: 70%;
    margin: 10px;
}

#conditionDiv{width:95%;}
#conditionDiv select {width: 22%;}

.ye-day{margin-bottom: 10px;}


form.subTableH {
    margin: auto;
    text-align: center;
    text-indent: 0 !important;
}

form.subTableH .imp-btn { width: 50%;}

.stat-fm{    
	width: 110%;
    margin-left: -5%;}
    
.stat-fm .stat-rbt { width:100%; }    
.stat-fm .stat-rbt span{ display:block; }
.stat-fm .stat-rbt label{ font-size:0.8em; }





.tx-s{
	width:110%;
	margin-left:-5%;
	font-size:0.5em;
}

.ma-bt-m{width:100%;}

.ma-bt-m input{
	width:30%;
	min-width: 128px;
    margin: 5px 0;
    font-size: 0.8em;
}

/*건축물내진통계*/

.stati-ip .imp-btn{ margin-top:10px;}
.stati-ip input[type="text"]{width:8% !important;}

.stati-ip .alWrab{ 
		float: left;
		margin-left: 8px;
		 }


.stati-ip .ckWrab{   
		display: block;
	    margin: 10px 0;
	    float: left;
	    }
	    
.stati-ip .imp-btn{ 
		margin: 0 24%;
		float: left;
		}

/*지진자료조회및관리*/
.kevenifd-tip{}
.kevenifd-tip .ip-w80{width:80%;}
.kevenifd-tip .ip-w44{width:44%;}
.kevenifd-tip .ip-w31{width:31%;}


/*table width%*/

.tb-tdip-w70{width:70%;}


/*섹션 써써브*/

.sSubMenu{ font-size:0.8em; }


/*달력*/

.ui-widget.ui-widget-content {
	width:40%;
	min-width:255px;
	
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	width:35% !important;
	margin:0 1% !important;
	font-size: 0.8em !important;
}

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

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

}


section h2 span{
	display: block;
    margin-top: 10px;
    font-size:0.7em;
}


section #container>ul{
	width:90%;
	height:auto;
	margin:auto;
	padding-bottom: 5px;
	overflow:hidden;
	border-bottom: 1px solid #ccc;
}


section ul li{
	float:left;
	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%; }

/*-------------------------검색-----------------*/
select{ font-size:0.8em; }

input[type=text]{ font-size:0.8em; }


/*--------게시판 전용----*/

.tb-tr-b{}
.ta-tc tr:last-child { border-bottom: 1px solid #ccc !important;}

.tb-hd-bo{ border:1px solid #ccc; }
.tb-hd-bo{ border:1px solid #ccc; }



.sub_Ta_bo td{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.sub_Ta_bo th{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#eqkImg {width:95% !important; }




/*---------------------------------------섹션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:80px;
	line-height:25px;
	margin-top:40px;
	padding-top:20px;
	font-size:0.8em;
	border-top:1px solid #ccc;
}

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

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

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

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


.content_Wrab{
	display:inline-block;
	width:100%;
	margin-left:3%;
}

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

.content_Wrab .content_Img img{
	width:100%;
	margin-top:15px;
}



.content_Wrab .content_Tent{
	width:62%;
	margin-top:3%;
	margin-right: 10%;
	float:right;
}

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


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


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


}

/*media*/


/*공지사항 화살표*/
@media screen and (max-width:570px) and (min-width:320px){
	.reply-area { font-size:0.8em; }
	section ul li{
			clear:both;
			margin-left:0;
	}
}

/*자가점검페이지*/
@media screen and (max-width:560px) and (min-width:320px){
	#addrInput2 select{width:30%;}	
}
		
@media screen and (max-width:470px) and (min-width:320px){		
		#addrInput2 select{ width:25%; }
		.sTitle{ display:none; }
		.mr15{ display:block; }
}

/*step3주소*/
@media screen and (max-width:470px) and (min-width:320px){	
	#searchAdd .sTitle{ font-size:1.2em; }
}

/*게시판전용*/	
@media screen and (max-width:530px) and (min-width:320px){			
	.subTableH input[type="text"] {width:26%;}
	.subTableH .search {width:22%;}
}
@media screen and (max-width:460px) and (min-width:320px){		
	.re_Pg{ width:90%; }	
	.fr.re_Pg input{ width:50%; }
}

/*section내용*/	
@media screen and (max-width:460px) and (min-width:320px){
	section .article dl, section .article2 dl{ width:95%;}
	.content_Wrab .content_Tent dt span { display:block; }
}