@charset "utf-8";
/******************************************************
	레이어 팝업
******************************************************/

.view-layer .pop-container {position:relative;/* padding: 0 25px; */ }
.view-layer .btn-area { width: 100%; margin: 0; padding-top: 15px; text-align: center;z-index: 999; }
.view-layer .btn-area button{margin-bottom: 0;}
.view-layer {position: absolute;top: 50%;left: 50%;width: 500px;margin: -302px 0 0 -250px;height: auto;/* background-color: #fff; */border-radius: 35px 10px;overflow: hidden;z-index: 999;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;filter: alpha(opacity=60);}

.view-layer p.title {color: #fff;line-height: 1em;font-weight: 600;font-size: 1.5em;/* font-size: 26px; */padding: 20px 65px 17px 30px;margin: 0 !important;background-size: cover;background: #e94e1f;}
.view-layer p.title span{display:block;color:#6eb2ff;font-size: 18px;font-size: 0.7em;font-weight: 500;margin-bottom: 8px;}
.view-layer p {/* padding:0 30px; */}
.view-layer .txt {text-align:center;font-size:15px;line-height: 1.6;margin-bottom: 15px;letter-spacing: -0.05em;}
.view-layer .inputBox { width:100%;}

#layerConts{ font-size:1.125em; min-height:30px;}
.pop-conts{padding: 25px;border: 3px solid #e94e1f;background: #fff;border-radius: 0 0 35px 10px;}
.pop-conts .txt_con{text-align: left;/* margin-top: 30px; */overflow-y: auto;height: 310px;}
.pop-conts .txt_con .ttl01:first-child,
.pop-conts .txt_con .ttl02:first-child{margin-top: 0;}
.pop-conts .txt_con .ttl02 {margin:10px 0 5px;font-size: 1.2em;}
.pop-conts .txt_con .ttl02:before{ top:10px;}
.pop-conts .txt_con .list_p{padding: 0 0 0 13px; margin-bottom: 5px !important; line-height: 1.2em;}
.pop-conts .txt_con .list01 li{line-height: 1.2em; }
.pop-conts .txt_con .list_p:before,
.pop-conts .txt_con .list01 li:before{ top:8px; background:#2b2b2b; font-size: 0.95em;}


.view-layer .btn-layerClose {display: block;position:absolute;right: 0;top: 0;padding:5px;width: 61px;height: 61px;font-size:0;overflow:hidden;text-indent:-1000px;background: rgba(0,0,0,0.6);z-index: 999;}
.view-layer .btn-layerClose:before,
.view-layer .btn-layerClose:after{ content:""; display:block; position:absolute; left:20%; top:calc(50% - 1px); width:60%; height: 1px; background-color: #fff; transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease; }
.view-layer .btn-layerClose:before{ -webkit-transform:rotate(45deg); transform:rotate(45deg);   }
.view-layer .btn-layerClose:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.view-layer .btn-layerClose:hover:before{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.view-layer .btn-layerClose:hover:after{ -webkit-transform:rotate(45deg); transform:rotate(45deg); }

/* 로긴창 */
.view-layer.login-Box {width: 400px;margin: -200px 0 0 -200px;min-width:340px;}
.login-conts fieldset{padding:30px 0;margin:0 auto}
.login-conts fieldset h2{width:100%;height:84px;	background:url(../images/common/ci.png) no-repeat center 0;	font-size:0; }
.login-conts fieldset .txt{	display:block;width: 100%;text-align: left;	height:50px;line-height:50px;	padding:0 15px;margin-bottom:10px;	border-color:#d1d2d3;font-size:16px;text-indent: 0;}
.login-conts fieldset button{display:block;width:100%;height:50px;line-height:50px;	background:#00a0e3;	text-align:center;font-size:17px;font-weight:600;color:#fff}
.login-conts fieldset p{padding-left:8px;margin-top:10px;font-size:13px;color:#918e8e; 	margin-bottom: 0}

.dim-layer.pic .view-layer .pop-container { padding: 0;}
@media only screen and (max-width:1080px){
	.dim-layer.pic .view-layer {width:400px;margin: 0 0 0 -200px;}
}
@media only screen and (max-width:768px){
	.view-layer,
	.view-layer.login-Box{width: 95%;margin:0 0 0 -47.5%;min-width:300px;top: 10px;}  
	.view-layer{ border-radius: 25px 10px;}
	
    .pop-conts{padding: 15px 15px 25px;font-size: 15px;border-radius: 0 0 25px 10px;}
	.pop-conts .txt_con{float:none;margin:0 auto;width:100%;padding: 0;height: 200px;}
	.pop-conts .txt_con .ttl01{margin-top:20px;}
	.pop-conts .txt_con .list01 li{font-size: .95em;}
	
	.login-conts fieldset h2 {background-size: contain;}	

	.dim-layer.pic .view-layer {width:300px;margin: 0 0 0 -150px;}	
}
@media only screen and (max-width: 400px) {

}


/* big_view */
.big_view{border:0;}
.big_view .pop-container,
.big_view .pop-conts{ padding:0; margin:0}
.big_view .btn-layerClose{ background:#000; right:0; top:0; width:60px; height:60px;}
.big_view .btn-layerClose:before,
.big_view .btn-layerClose:after{ background:#fff;}
.big_view .pop-conts{overflow:auto;max-height: 550px;}
.big_view .pop-conts span{display:none;}

@media only screen and (max-width:720px){
	.big_view { margin-top:0; top:20px;}
	.big_view .btn-layerClose{ width:50px; height:50px;}
	.big_view .pop-conts{min-height:400px;}
}