@charset "utf-8";
/* CSS Document */
@import '/SeoulEqk/css/nanum.css';

body, header, nav, section, div, ul, li, dl, dt, dd, articel, p, table, tr, th, td{
	margin:0;
	padding:0;
	color: #5d5d5d;
}

div{
	height:auto;
}

select, input { vertical-align: middle; }
/* input:focus { outline: none; }
select:focus { outline: none; } */

a {
	text-decoration:none;
	color: #5d5d5d;
}

section{ overflow: hidden; }
	    
section h2{
	display:inline-block;
	margin-left:2.5%;
}

.on-nav-click {
	height:350px;
	overflow:hidden;
}

a:ACTIVE {
	text-decoration:none;
	color: #5d5d5d;
}

a:HOVER {
	text-decoration:none;
	color: #5d5d5d;
}

a:LINK {
	text-decoration:none;
	color: #5d5d5d;
}

ul, ol{
	padding:0;
	margin:0;
	list-style:none;
}

img{ border:none; }

.num-list li { font-weight: bold; }

html{ height:100%; }
	
body{
	/*position:relative;*/
	min-height:100%;
	background:#f8f8f8;
	font-family:"Nanum";
}

select { height: 26px; }



/*width class*/

.w20{ width:20%; }
.w10{ width:10%; }
.w15{ width:15%; }
.w50{ width:50%; }
.w70{ width:70%; }
.w80{ width:80%; }
.w90{ width:90%; } 
.w99{ width:99%; }
.w100 { width:100%; }
.w100im { width:100% !important; } 
.wreply{ width:calc(100% - 40px); }

.w40-mp{ min-width:40px !important; }
.w80-mp{ min-width:80px !important; }
.w100-mp{ min-width:100px !important; }
.w150-mp{ min-width:150px !important; }

.wd-a{ width:auto !important; }


/*colgroup width*/

.cw5{width:5%;}
.cw15{width:15%;}
.cw10{width:10%;}
.cw20{width:20%;}
.cw25{width:25%;}
.cw30{width:30%;}
.cw40{width:40%;}
.cw50{width:50%;}


/*margin , padding class*/


/*margin*/
.mA{ margin: auto; }

.ma-b0{ margin-bottom:0 !important; }

.ma-bt10{}
.ma-bt10 input{ margin-bottom:10px; }

.ma-t10p{ margin-top:10px; }
.ma-tb10p{
	margin-top:10px;
	margin-bottom:10px;
}
.ma-l10p{ margin-left:10px; }
.ma-b10p{ margin-bottom:10px; }
.ma-l5{ margin-left:5%; }
.ma-lr2{ margin:0 2%; }
.ma-lr5{ margin:0 5%; }
.ma-tb1{ margin:1% 0; }

/*padding*/


.pa-lf10{ padding-left:10px; }
.pa-tb10{ padding:10px 0; }
.pa-lr10{ padding:0 10px; }

.pa-lr3c { padding:0 3%; }
.pa-r3c { padding-right:3% !important; }
.pa-l10c { padding-left:10% !important; }

.pa-no{ padding:none; }



/*overflow*/

.of-a{ overflow: auto; }


/*display class*/

.dp-ib{ display: inline-block; }
.dp-bk{ display: block; }

/*bodrder*/

.bt1ccc{border-top:1px solid #ccc;}


/*input style*/

.ip-st{
	border: 1px solid #ccc;
	border-radius: 5px;
}



/*overflow table scroll*/

.of-at{
	width:110%;
	margin-left:-5%;
	overflow: auto;
}

.of-at table{ width:91%; }

.of-at-100{
	width:100%;
	overflow: auto;
}
.of-at-100 table{ width:99%; }


/*font line*/

.lh-160 { line-height:160% !important; }

/*font style*/

.fw{ font-weight: bold !important; }
.fLed{ color:#ea4444 !important; }
.baCol{ color:#5d5d5d !important; }



/*정렬값 css*/

.tc { text-align: center; }
.tr { text-align: right; }
.tl { 
	text-align: left;
	padding:8px 10px !important;
	}
	
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }

.valuation {
	display: flex;
    flex-direction: column;
}

.valuation2 {
	display: flex;
    justify-content: flex-end;
}

.fr {
	float: right;
	display: inline-block;
}

.fl {
	float:left;
	display: inline-block;
}


/*position*/

.po-re{ position: relative; }
.po-ab{ position: absolute;}

/*------------------*/

input[type="text"], input[type="number"], input[type="password"] {
	height: 20px;
}

.imp-btn{
	background-color: #CD4A47;
	position: relative;
    right: -4px;
    margin-top: 3px;
    margin-bottom: 3px;	
}

.gray-btn{
	background-color: #797676 !important;
	position: relative;
    left: -6px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.imp-btn2{
	background-color: #CD4A47;
	position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}

.gray-btn2{
	background-color: #797676 !important;
	position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}

.basic_Btn{
	    display: block !important;
}

input[type="button"] {
	display: inline-block;
	height: 26px;
	border:none;
	border-radius:5px;
	cursor:pointer;
	color:white;
	background: #CD4A47;
}

textarea, .map-area{
	width:90%;
	min-height: 300px;
	margin: auto;
	margin-bottom: 20px;
}

.main_Content{
	width:90%;
	margin:auto;
	line-height:22px;	
}

.main_Content span {
    color:#4E4E4E;
}

.main_Content .subTableH{
	padding: 10px 0;
    margin: 20px 0;
    background: #CD4A47;
    border-radius: 5px;
    text-indent: 5px;
}

.main_Content .subTableH span{
	 color: #fff;
    font-weight: bold;
	
}


.main_Content .subTableH>input[type="button"]{
	color: #ea4444;
    background: #fff;	
}

.main_Content .subTableH .imp-btn{
	color: #ea4444;
    background: #fff;
}

.subTableH label{
	color:#fff;
}

.main_Content p{
	padding:20px 0;
}

.tab_container .sources{
	font-size:0.8em;
}


/*메인 배너 팝업*/
.main_popup_box{
	border:1px dashed; 
	padding:10px;
	margin:10px;
}

.main_popup_text{
	padding-left:10px;
}

.main_popup_button{
	position: absolute;
    width: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.main_popup_chinese{
	font-family:"굴림", "굴림";
}

.main_popup_indent{
	text-indent: 3%;
}

.main_popup_indent2{
	text-indent: 15%;
}
/*이용약관동의*/
.checkList textarea{ 
	padding:0 10px;
	border:none;
	box-shadow: 3px 5px 20px #ccc;
}

.checkList h3 span{
	width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ea4444;
    display: inline-block;
    margin:0 10px;
}
.checkList h3 span:first-child { margin-left: 0;}


.checkList-ch{
	float: right;
    margin-top: 10px;
}

/*내진성능 자가점검 결과페이지*/
.fr-btn-1 {
	float: right;
	display: inline-block;
	margin-left: 5px;
}

/*알림마당*/
.hp-link a {display: inline-block; }

/*지진과 건축*/
.info-common{}
.info-common ol li{ cursor: text !important;}
.last-text {padding-top:10px;}


/*우리나라의 지진위험도*/
.info2_1 .lt-dd span {
    display: block;
    padding: 1% 0;
    color: #5d5d5d;
}

/*건축물의 내진설계*/
.info3_1 .Fma{
	text-align: center;
    font-style: italic;
    font-size: 2em;
}

/*지진에 취약한 건축물*/
.dd-sp{}
.dd-sp span{
	padding: 0 3px;
    border-right: 1px solid #ccc;
}
.dd-sp span:last-child{border:none;}


.info4_1 ol{
	margin-top: 5% !important;
    padding-top: 5%;
    border-top: 1px solid #ccc;
}
.info4_1 ol li{font-weight: bold;}


.info3_4 .ta-tl, .info5_1 .ta-tl{}
.info3_4 .ta-tl td, .info5_1 .ta-tl.ta-tl td{ 
	text-align:left;
	padding-left:3%;
}

/*내진보강*/
.info5_2 li {cursor: text !important;}
.info5_3 .pd-tb2{ padding:1.7% 0; }
.info5_3 .pd-tb1{ padding:0.7% 0; }

/*자가점검소개*/
.info2 h4 {
    margin-top: 20px;
    margin-bottom: -10px;
}

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

/*관리자 써써브*/

.ssub-br{
	font-size: 1.2em;
}
.ssub-br a{
	color:#ea4444;
	font-weight: bold;	
}




/*페이지*/
.me_H2{ margin-left:7%; }

.wreply dl dt{ border-bottom:1px solid #ccc; }

.pa-lr10{}
.pa-lr10 td{ padding:0 10px !important; }

.listgo{ margin-top: 9px; }

/*table width*/
.ta-td-w80{}
.ta-td-w80 td{ width:80%; }


/*table th min-width*/
.ta-th-minw50{}
.ta-th-minw50 th{ min-width:50px; }

.ta-th-minw90{}
.ta-th-minw90 th{ min-width:90px; }

.ta-th-minw100{}
.ta-th-minw100 th{ min-width:100px; }

.ta-th-minw110{}
.ta-th-minw110 th{ min-width:110px; }

.ta-th-minw170{}
.ta-th-minw170 th{ min-width:170px; }

/*table td min-width*/

.ta-td-minw100{}
.ta-td-minw100 td{ min-width:100px; }

.ta-td-minw170{}
.ta-td-minw170 td{ min-width:170px; }



/*--table border--*/
.ta-th-br1 th{border: 1px solid #ccc;}
.ta-td-br1 td{border: 1px solid #ccc;}

.ta-th-br{}
.ta-th-br th{ border-left:1px solid #ccc; }
.ta-th-br th:first-child { border-left: none;
}

/*  */
.stati-th .search-option{ margin: 0px 10px 10px 10px; }

.mea-tb{}
.mea-tb td { min-width:327px;}
.mea-tb td select{ margin-left:3%; }
.mea-tb td input{
	width: 80% !important;
    margin-left: 3%;
    max-width: 270px;
}

.meaS-tb{}
.meaS-tb td { min-width:80px !important;}

/*지진통보문 input*/
.tb-ip-w35{
	width:50%;
	min-width:130px;
}

/*게시판 테이블*/


.ip-bgbr-no{
	background: none;
    border: none;
}

.noti-viw{}
.noti-viw td{padding:10px 0;}


.buillist{}
.buillist th{min-width:130px;}
.buillist tbody td{ border-left:1px solid #ccc; }
.buillist tbody td:first-child{ border-left:none;}


.bord-mh-md{}
.bord-mh-md th{ min-width:100px;}
.bord-mh-td td{ min-width:130px;}

.buillist th:last-child{ min-width:60px; }

.stati-ip{}
.stati-ip input[type="text"]{ width:6%; }

/*파일업로드 or 버튼 분리영역*/

.fileBox{ width:100%; }
.fileBox from{ float: right; }
.fileBox from .uploadBtn{ width:52%; }

/*결과보기페이지*/

.wrap #maybe_result { 
	margin-top: 10px;
	padding-bottom: 40px;
	 }

.wrap .info-area:last-child { padding: 0; }
.wrap .info-area:last-child h3 { padding: 13px; }
.wrap .info-area:last-child div{ padding:10px; }
.wrap .info-area:last-child>.step_Title { padding: 15px; }
.wrap .info-area:last-child .attention { padding: 20px; }
.wrap .info-area:last-child dl { padding: 15px; }
.wrap .result_wrap_02 dl { padding: 0px !important; }

/*관리자정보수정*/

.adminView input{ font-size:13px !important;}

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

/*common table*/


.ta-tc tbody td{ text-align:center;}

table{
	margin:auto;
	margin-bottom:20px;
	border:none;
	border-collapse:collapse;
	width: 100%;
}

table thead tr{ line-height:250%; }

table tbody{ border-bottom: 1px solid #ccc; }
table tbody tr{
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 250%;
}

table tbody td{ line-height:200%; }
table th{ background:#eaeaea; }

.th-bg-no{ background: none !important; }

table thead th{ border-top: 2px solid #ccc;}

table tr{ line-height:170%; }
table tr:last-child{ border-bottom:0px; }

table p>input{ margin: 0 13px; }
table p>select{ margin-left:13px; }

/*------------------*/

.wd50{ width:50%; }


.table_Br{ text-align:center; }
.table_Br tbody td{ border-left:1px solid #ccc;	}
.table_Br tbody td:first-child{ border-left:none; }
.table_Br th{ border-left:1px solid #ccc; }
.table_Br th:first-child{ border-left:none; }

.sub_Ta_bo tbody td{ padding:0 5px; }
.sub_Ta_bo tbody tr:last-child{ border-bottom: 1px solid #ccc !important; }


.taBoLe{ border-left:1px solid #ccc;}
.taBoRi{ border-right:1px solid #ccc; }

.taBoLe1None{ border-left:none; }

table .td-bgG{ background:#eaeaea; }

table .table_Radio td{ padding: 1em 2em; }



.table_Title{
	display:block;
	margin: 10px 0;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#333 !important;

}

table .tc_Time{
	width: 16%;
    min-width: 70px;
	
}

.stepC4_Ta tbody th, .stepC4_Ta tbody td{ border:1px solid #ccc; }


/*---------게시판 테이블----*/


.brod-viw td{padding-left:3px;}
.brod-viw .viw-hd th{min-width: 42px;}
.brod-viw .viw-fil{min-width:58px;}
.brod-viw .viw-da{
		width:15%;
		min-width:80px;
}
.brod-viw .viw-body{padding-left:10px;}



/*-------------------- 페이징 -----------------*/


.page_Btn, .btn-area {
	margin:auto;
	text-align: center;
	overflow: hidden;
}

.btn-area { margin: 0 auto 20px auto; }

/*----------------------------------btn 변경사항------*/

.main_Content ol{
	display:inline-block;
	margin:auto;
}


.main_Content ol li{
	cursor:pointer;
	margin:5px;
	margin-top:0;
	padding:5px 5px;
}

.page_Btn ol li{ float: left; }

.select > a {
	font-weight: bold;
	color: #ea4444;
}

.bgFFF{ background: #fff; }


.wauto {
	width : auto !important;
	margin-top: 10px;
	}

.file-icon, .cp {cursor: pointer;}

.highlingt-tr {
	background-color: #ececec;
	font-weight: bold;
	text-align: center;
}

.reply-area {
	margin : 0 auto 20px auto;
	padding : 10px 20px 0 20px;
	background-color: #ececec;
}


/*----------18-01-08-radius값 수정-----*/
.info-area {
	margin : 0 auto 20px auto;
	padding : 10px 20px;
	background-color:#ececec;
	border-radius:5px;
}


.info-area-vw {
	margin : 0 auto 20px auto;
	padding : 10px 20px;
	background-color:#ececec;
	border-radius:5px;
}


.text-area {
	margin : 0 auto;
	padding : 10px 20px;
	background-color: #ececec;
}

.login-area {
	margin : 20px auto;
	text-align: center;
}
.login-area input { 
	padding-left: 5px;
	font-size: 0.9em !important; 
	border-radius: 5px;
	}
.login-area div { margin-bottom: 10px; }
.login-area .text {
	display: inline-block;
	width:70px;
	}

/* popup */

#help span{
	padding: 5px 10px 10px 10px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

#help .btn-area{ margin-top: 16px; }

.help-area {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 54%;
	padding: 5px;
	max-height:500px;
	overflow-y:auto;
	background-color: #ececec;
	box-shadow: 4px 2px 14px #999;
	border-radius: 5px;
	z-index: 50;
}

.help-area table{ width:100%; }
.help-area img{
	width: 90% !important;
	margin-left: 5px;
    max-width: 200px;
}


.help-area .title {
	padding: 10px 0;
	text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;

	}
	
.help-area table td{
	width: 20%;	
	line-height: 150%;
	padding: 0 10px;
	border: 1px solid #ccc;
}


.help-area table th{
	background: #E5E5E5;
	line-height:150%;
}

/*지진발생현황 팝업*/
.retime-area{ max-width: 800px; }

.obs_info_area { margin: 2%; }

.obs_info_font {
	margin-left: 6%;
    font-size: 17px;
    font-weight: bold;
}


/* -------------- */	
	
.result { clear:both; }

.search-option {
	display:inline-block;
	vertical-align: middle;
}

.index-color1 { background-color:rgb(247,251,255); }
.index-color2 { background-color:rgb(205, 191, 233); }
.index-color3 { background-color:rgb(147, 106, 233); }
.index-color4 { background-color:rgb(138, 231, 231); }
.index-color5 { background-color:rgb(172, 255, 0); }
.index-color6 { background-color:rgb(255, 255, 0); }
.index-color7 { background-color:rgb(255, 213, 70); }
.index-color8 { background-color:rgb(253, 158, 52); }
.index-color9 { background-color:rgb(255, 8, 8); }
.index-color10 { background-color:rgb(184, 0, 0); }
.index-color11 { background-color:rgb(102, 0, 0); }
.index-color12 { background-color:rgb(59, 0, 0); }

@media screen and (max-width:1190px) and (min-width:320px){
	.w80{ width:100%; }	
}
	
	
@media screen and (max-width:770px) and (min-width:320px){
	table .table_Radio td{ height:20px; }	
}


#boldRed{
	color: #ea4444;
	font-weight:bold;
}

.boldRed{
	color: #ea4444 !important;
	font-weight:bold;
}

.blind { border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%); 
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}

/*---------------섹션별 common파일-----------------------*/

/*---------내진성능 자가점검page----------*/

.main_Content .step_P{ clear:both; }


.step2_Tabel input[type="text"], input[type="number"]{
	width:65px !important;
	margin:0 12px;
	padding-left:3px;
}

.step2_Tabel input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin:0;
}

/*step3*/

.step3_Tbody p{
	text-align:left;
	margin-left: 10%;
	margin-right: 4%;
}

.step3_Tb{}
.step3_Tb .step_Title{ margin:5px 0; }
.step3_Tb img{
	width:95% !important;
	margin:3px !important;
}
.step3_Tb th, .step3_Tb td{
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.step3_Tb tbody th{ min-width:50px; }


.stepC3_Tb{}
.stepC3_Tb img{ width:40% !important; }
.stepC3_Tb tbody td{
	text-align: center;
	background: #fff;
}

.sSub input{ margin: 10px 0; }

.step_c4 img{ margin:auto; }

.stepc6_ReBox{ margin: 2% 0; }
.stepc6_ReBox input{ margin-bottom:10px; }

div#law_view table td, div#law_view table th{
	padding: 0 5px;
	border: 1px solid #ccc;
}

div#law_view table th{ background: #E5E5E5;}

.result_templete{ border-top: 1px solid #ccc; }


.m-h255p{ min-height: 255px; }


/*step4 page*/

.st4tb-pl td{ padding-left:2% !important; }

table .table-btn{
	display:block;
	margin:auto;
	margin-bottom:15px;
	height: 26px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    color: #666;
    background: #d2d2d2;
}
table tbody .text{ 
	display: inline-block;
	margin: 15px 0;
	color:#333 !important;
	}

.main_Content .con{ padding-top: 100px; }

.result_contwrap table td{ padding-left:10px; }

.w6{ width:6%; }
.w140{ width:14%; }
.w150{ width:15%; }
.w33{ width:33%; }

.typeWrab dt{ font-weight: bold; }

.basicType table{ margin-bottom:30px; }
.basicType table td{
	padding:5px 0;
	border-right:1px solid #ccc;
}

.basicType table td:last-child{ border-right:none; }
.basicType em { display: block; }

.tb-bd-no{}
.tb-bd-no tbody{ border:none; }
.tb-bd-no tbody tr{ border:none; }
.tb-bd-no tbody td{ border:none; }
.tb-bd-no tbody th{ border-radius:5px; }
.tb-bd-no span{ padding:5%; }

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

#wrap_step_slider { width:100%; }

#wrap_step_slider .slider_Text{
	height:50px;
	margin-bottom:10px;
}

#wrap_step_slider .slider_Text li {
	color:#625656;
	font-size:0.9em;
}

#wrap_step_slider .slider_Text li span{ color:#625656; }

/*---------------step on off------*/
.stepOn{
	color:#CD4A47;
	font-size:1.1em;
	font-weight:bold;
}
.stepOnSpan{
	color:#333;
	font-size:1.1em;
}


/*--------------slider bar, boll---*/

.slider_Bar{
	position:relative;
	width:100%;
	height:10px;
	background:#ebebeb;
	border-radius:5px;
}
.slider_Bar>span{
	position:absolute;
	top:-2px;
	left:9%;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#d31515;
}


/*---------slider boll step별 좌표----*/

step2{ left:31%; }
step3{ left:56%; }
step4{ left:82%; }
/*------------------------step3-----------*/

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

/*step_c4_1 -----자세히보기테이블*/
.q_ta tbody td p:last-child {
    border-top: 1px solid #ccc;
    padding: 0 5px;
}

/*--------서서브메뉴-----*/
 


.sSbubWrab .main_Content{border-top: 1px solid #ccc;}

.sSubMenu-from{margin-left:-3%;} 
.sSubMenu{
	margin: 1% 0% 1% 5%;
	padding: 0 3%;
	border:none;
	background: none;
	color:#CF4845;
	font-size:1em;
	
}

/*IE selectBox 화살표 제거*/
-moz-appearance:none;

/*select bg날리기*/
.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 95% 50%; /;
}

/*result영역 메뉴*/

#maybe_result{}

@media screen and (min-width:1150px){

/*---------------------------------메인네비시작(web)------------*/
	

body{
	overflow-x: hidden;
	max-width:1920px;
    margin: auto;
}


nav{
	position:relative;
	height:50px;
	width:100%;
	display:none;
}
	
header{
	display: flex;
	position:relative;
	width:100%;
	height:55px;
	border-bottom:1px solid #dddddd;
	z-index:300;
}

header .main_Logo{
	position:relative;
	top:3%;
	left:5%;
}

header .w_Nav{
	position:absolute;
	right: -21%;
	width:100%;
	height:auto;
	text-align:center;
}

header .w_Nav .main_Nav{
	width:13.1%;
	float:left;
	margin-left:2.9%;
}

header ul .main_Nav>a{
	color: #000;
    font-size: 17px;
	font-weight:bold;
}

header ul .main_Nav{
	line-height:55px;
}

header ul .main_Nav:first-child{
	margin-left:0px;
}

header .sub_Nav li {
	line-height:20px;
}
header .sub_Nav li a{
	font-size:14px;
}


/*------------------------------------네비모션---------------------------------------*/	
.w_Nav .sub_Nav{
	height:0;
	overflow:hidden;
	background-color:rgba(255,255,255,0.8);
	border-radius:0 0 10px 10px;
	box-shadow: 4px 2px 14px #999;
}

.w_Nav .sub_Nav>li{
	color:#FFF;
	font-size:12px;
	line-height:25px;		
}



.w_Nav .main_Nav:hover>.sub_Nav{
	height:auto;
	line-height:30px;}


header .sub_Nav li a:hover{
	color:#ea4444;
}


/*---------------관리자페이지 네비(web)-------*/

.ma_He .w_Nav {right:-19%;}
.ma_He .w_Nav .ma-na-wi{width:12% !important;}
.ma_He .w_Nav .ma-na-wi2{width:13% !important;}
.ma_He .w_Nav .loaout{
	width: 5% !important;
	margin-top: 10px !important;
}

.ma_He .mnav-ma{margin-left: -2% !important;}


.ma_He .w_Nav .main_Nav{
	width:12%;
	margin:0;
}
.ma_He ul .main_Nav>a {font-size:15px;}




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

section:nth-child(2){
	width:100%;
	min-height:100%; 
	overflow:hidden;
	margin-top:50px;
	
}
section:nth-child(2) #container{
	width:95%;
	margin:auto;

}

section:nth-child(2) h2{
	display:inline-block;
	margin-left:2.5%;
}

section:nth-child(2) h2 span{
	font-size:0.7em;
	color:#666;
}


section:nth-child(2) #container>ul{
	width:100%;
	height:30px;
	overflow:hidden;
}


section:nth-child(2) ul li{
	float:left;
	margin-left:20px;
	padding:3px 0;
}

section:nth-child(2) ul li a{
	color:#666;
	font-size:0.9em;
	transition:all ease-in 0.3s;
}


section:nth-child(2) ul li:first-child{
	margin:0;
}



section:nth-child(2) .tab_container{
	margin-top:5px;
}


section:nth-child(2) .tab_container .tab_content{
	width:100%;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding-bottom: 10px;
	
}



/*---------------------------------------푸터시작(웹)------------*/


footer{
	width:100%;
/* 	padding-top:1%; */
	margin:auto;
	overflow:hidden;
	border-top:1px solid #999;
}

footer a{
	color:#333;
	font-size: 14px;
}

footer .footer_Worp{
	width:100%;
	margin:auto;
}


footer .main_siteLink {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
}

footer .main_siteLink select {
    margin: 0 3%;
    border: none;
    background: none;
    cursor: pointer;
}

footer img{
	float:left;
	margin-bottom:10px;
}

footer ul{
	width:100%;
	clear:both;
}

footer ul:first-child{
	border-bottom:1px solid #ddd;
	text-align:center;

}

footer ul:first-child li{
	display:inline-block;
	padding:0px 5px;
	margin:5px 0;
	border-left:1px solid #CCC;
}

footer ul:first-child li:first-child{
	border-left:0;
	font-weight:bold;
}


footer ul:nth-child(2){
	margin:auto;
	margin-top:1%;
	text-align:center;
	display: flex;
    justify-content: space-between;
}
footer ul:nth-child(2) li{margin-right: 5%;}
/* footer ul:nth-child(2) .coll, footer ul:nth-child(2) .sns{width:15%;} */
footer ul:nth-child(2) .coll{margin-left:5%;}
/* footer ul:nth-child(2) .sns{margin-right:5%;} */
footer ul:nth-child(2) .copy{width:60%;}


footer ul:nth-child(2) span{
	display:inline-block;
	font-size: 13px;
	
}



footer .f_Sns{
	/* float:right; */
	margin-left:15px;
	
	
}
.m_Footer{
	display:none;
}


}
/*web media end*/
	
@media screen and (max-width:1149px) and (min-width:700px){
	
	/*---------------------------------헤더시작------------*/
	
header{
	position:relative;
	width:100%;
	height:70px;
}

header .main_Logo{
	position:absolute;
	top:15%;
	left:5%;}


header .w_Nav{
	display:none;
}

/*---------------------------------메인_네비시작------------*/

nav{
	position:relative;
	width:100%;
	/*z-index:50;*/
}


nav .menu{
	position:absolute;
	right:3%;
	margin-top:18px;
}

nav .m_Mnav{
	position:absolute;
	right:-40%;
	width:40%;
	padding-bottom:2%;
	background:rgba(255,255,255,0.8);
	border-radius:5px;
	display: none;
}

nav .m_Mnav>ul{
	margin-top:20px;
	margin-left:16px;
}


nav .main_Nav>a{
	font-weight:bold;
}

nav .main_Nav{
	margin-bottom:10px;
	font-size:14px;
}


nav .m_Mnav a{
	color:#666;
}

nav .sub_Nav{
	line-height:20px;
	font-size:12px;
	overflow:hidden;
}

section h2{
	display:inline-block;
	margin-left:7%;
}


section:nth-child(2){
	width:100%;
	min-height:100%; 
	margin-top:50px;
	
}
section:nth-child(2) #container{
	width:95%;
	margin:auto;

}

section:nth-child(2) h2{
	display:inline-block;
	margin-left:2.5%;
}

section:nth-child(2) h2 span{
	font-size:0.7em;
}


section:nth-child(2) #container>ul{
	width:100%;
	height:30px;
	overflow:hidden;
}


section:nth-child(2) ul li{
	float:left;
	margin-left:20px;
	padding:3px 0;
}

section:nth-child(2) ul li a{
	font-size:0.9em;
	transition:all ease-in 0.3s;
}


section:nth-child(2) ul li:first-child{
	margin:0;
}

section:nth-child(2) .tab_container .tab_content{
	width:100%;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding-bottom: 10px;
	
}

section:nth-child(2) ul li a{
	font-size:0.8em;
}

/*---------------------------------------푸터시작------------*/


footer{
	width:100%;
	padding:15px 0;
	margin:auto;
	border-top:1px solid #999;
}

footer .footer_Worp{
	display:none;
}

footer .main_siteLink{
	display:none;
}


/*--------------------------------푸터(타블릿)-----------*/
footer .m_Footer{
	width:100%;
}


footer .m_Footer a{
	color:#595959;
	font-size:14px;
}


footer .m_Footer ul{
	text-align:center;

}

footer .m_Footer ul:first-child li{
	display:inline-block;
	padding:0px 5px;
	margin:5px 0;
	border-left:1px solid #CCC;
}

footer .m_Footer ul:first-child li:first-child{
	border:none;
	font-weight:bold;
}

footer .m_Footer ul:nth-child(2){
	margin-top:10px;
	padding-bottom: 10px;
	color:#595959;
	font-size:14px;
}




footer .m_Footer .m_icon{
	width:98%;
	margin:auto;
	padding-top: 5px;
	text-align:right;
	border-top: 1px solid #ccc;
	
	}


footer .m_Footer .m_icon span{
	margin-top:1%;
	float:left;
	font-weight:bold;
	font-size:1.5em;
}


footer .m_icon .m_Sns{
	width:100%;
	max-width:4%;
	margin-left:15px;
}

	
}
/*tablet media end*/

@media screen and (max-width:699px) and (min-width:320px){

/*---------------------------------헤더시작------------*/
	
header{
	position:relative;
	width:100%;
	height:70px;
}

header .main_Logo{
	position:absolute;
	top:15%;
	left:5%;
	width:12%;
	min-width:100px;}


header .w_Nav{
	display:none;
}

/*---------------------------------메인_네비시작------------*/

nav{
	position:relative;
	width:100%;
	/*z-index:50;*/
}


nav .menu{
	position:absolute;
	right:5%;
	width:32px;
	margin-top:18px;
}

nav .m_Mnav{
	position:absolute;
	right:-40%;
	width:40%;
	min-width: 172px;
	padding-bottom:2%;
	background:rgba(255,255,255,0.8);
	border-radius:5px;
	display: none;

}

nav .m_Mnav>ul{
	margin-top:20px;
	margin-left:16px;
}


nav .main_Nav>a{
	font-weight:bold;
}

nav .main_Nav{
	margin-bottom:10px;
	font-size:15px;
}


nav .m_Mnav a{
	color:#666;
}

nav .sub_Nav{
	line-height:20px;
	font-size:13px;
	overflow:hidden;
}


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


section:nth-child(2){
	width:100%;
	min-height:100%;
	margin-top:50px;
	
}
section:nth-child(2) #container{
	position:relative;
	width:95%;
	min-height:100%;
	margin:auto;

}

section:nth-child(2) h2{
	display:inline-block;
	margin-left:2.5%;
}

section:nth-child(2) h2 span{
	font-size:0.7em;
}


section:nth-child(2) ul{
	overflow:hidden;
}


section:nth-child(2) ul li{
	line-height:20px;
	float:left;
	margin-left:20px;
	padding:3px 0;
}

section:nth-child(2) ul li a{
	font-size:0.9em;
	transition:all ease-in 0.3s;
}



section:nth-child(2) ul li:first-child{
	margin:0;
}

section:nth-child(2) .tab_content{
	width:100%;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding-bottom: 10px;
}

section:nth-child(2) ul li{
	clear:both;
	margin-left:0;
}


/*---------------------------------------푸터시작------------*/


footer{
	width:100%;
	padding:15px 0;
	margin:auto;
	border-top:1px solid #999;
}

footer img{
	width:10%;
	float:right;
	margin-right:15px;
	margin-bottom:10px;
}

footer .footer_Worp{
	display:none;
}

footer .main_siteLink{
	display:none;
}


/*--------------------------------푸터(모바일)-----------*/
footer .m_Footer{
	width:100%;
}


footer .m_Footer a{
	color:#595959;
}


footer .m_Footer ul{
	text-align:center;

}

footer .m_Footer ul:first-child li{
	display:inline-block;
	padding:0px 5px;
	margin:5px 0;
	border-left:1px solid #CCC;
}

footer .m_Footer ul:first-child li:first-child{
	border:none;
	font-weight:bold;
}

footer .m_Footer ul:nth-child(2){
	margin-top:10px;
	color:#595959;
	font-size:0.8em;
}

footer .m_Footer .m_icon{
	width:98%;
	margin:auto;
	margin-top:2%;
	text-align:right;
	border-bottom:1px solid #ccc;
	}


footer .m_Footer .m_icon span{
	margin-top:4%;
	float:left;
	font-weight:bold;
	font-size:1.8em;
}


footer .m_icon .m_Sns{
	width:100%;
	max-width:7%;
	min-width:34px;
	margin-left:1%;
	margin-top:2%;
}

/*---------------------------------로딩 바(Spinner)-----*/
/*

SpinKit
 
 ref: http://tobiasahlin.com/spinkit/
  
*/
.spinner {
    margin: 200px auto 0;
    position: absolute;
    left: 39%;
    z-index: 1;
    width: 210px;
    text-align: center;
    background-color: #ffffffe6;
	border-radius: 60px;
	padding: 20px;
}

.spinner > div {
    width: 36px;
    height: 36px;
    background-color: #000000b3;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.64s;
    animation-delay: -0.64s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.48s;
    animation-delay: -0.48s;
}

.spinner .bounce3 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce4 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
    }
}

	}
/*mobile media end*/
	
	
/*media*/

/*관리자 네비*/
@media screen and (max-width:1600px) and (min-width:1149px){	
	 .ma_He .sub_Nav li a {font-size: 12px;}	
}

@media screen and (max-width:1500px) and (min-width:1149px){	
	.ma_He .w_Nav .ma-na-wi{width:14% !important;}	
}

caption { 
  position:absolute !important;  
  width:1px; 
  height:1px; 
  overflow:hidden;
  clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip:rect(1px, 1px, 1px, 1px);
}

.hnone{
  position:absolute !important;  
  width:1px; 
  height:1px; 
  overflow:hidden;
  clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip:rect(1px, 1px, 1px, 1px);
}

caption.step_Title { 
  position: static !important;  
  width:auto; 
  height:auto; 
  overflow:visible;
}

.current > .imp-btn {
	font-weight:bold;
	border:2px dashed #c11616 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
	outline: 1px dashed #f00;
}

.skip a {
	background: rgb(0,0,0) !important;
}

:focus {outline: 4px dashed #00c4b9;outline-offset:5px 3px;z-index:999999999}


/*
 * 웹접근성 관련 수정
 * 2025.09.10
 */
section .content_Tent h2 {font-size: 1em;}
/* 컨트롤 */
input[type="radio"], input[type="checkbox"] {width: 17px; height: 17px;}

/* 탭 */
.tab-area {display: flex; gap: 5px;}
.tab-area input[type="button"] {flex: 1; right: 0; margin-top: 0; height: 46px;}
.tab-area input.gray-btn {border: 1px solid #ccc; background: #eaeaea !important; color: #333;}
.tab-area input.imp-btn {font-weight: bold;}

/* 건축물 상세정보 입력 단계 */
.proc-area input[type="button"] {left: 0px; right: 0px; height: auto; padding: 5px 10px;}
.proc-area .gray-btn {background-color: #EBEBEB !important; color: #625656; border: 2px dashed;}

@media screen and (max-width: 699px) and (min-width: 320px) {
	/* 컨트롤 */
	input[type="radio"], input[type="checkbox"] {width: 24px; height: 24px;}

	/* 탭 */
	.tab-area {gap: 2px;}
	.tab-area input[type="button"] {font-size: 12px;}
}