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

.view-layer .pop-container {position:relative;}
.view-layer .btn-area {width: 100%;margin: 0px 0 20px;text-align: center;z-index: 999;}
.view-layer .btn-area button{margin-bottom: 0;}
.view-layer {position: absolute;top: 50%;left: 50%; -ms-transform: translate(0, -50%);transform: translate(0%, -50%);width: 550px;margin: 0 0 0 -270px;height: auto;background-color: #fff; z-index: 999;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.dim-layer.show{display: block;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;filter: alpha(opacity=60);}
.dim-layer .btn_area{padding: 15px 0 0 0;}

.view-layer p.title {color: #222;line-height: 1.3em;font-weight: 700;font-size: 2em;padding: 0 20px;margin: 40px 0 20px 0;text-align: center; }
.view-layer p.title span{display:block;color:#6eb2ff;font-size: 18px;font-size: 0.7em;font-weight: 500;margin-bottom: 8px;}
.view-layer .tit{text-align: center; margin-top:10px;font-weight: 500;font-size: 1.05em; color:#333;}
.view-layer .txt {text-align:center;font-size: 1em;line-height: 1.6;margin-bottom: 25px;letter-spacing: -0.05em;padding: 0 30px;word-break: keep-all;}
.view-layer .inputBox { width:100%;}

.view-layer button.btn-close {display: block;position: absolute;right: 20px;top: 0;padding:5px;width: 30px;height: 30px;font-size:0;}
.view-layer button.btn-close:before{content:'';display:block;position:absolute;right: 50%;top:0;width:2px;height: 100%;background: #222;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.view-layer button.btn-close:after{content:'';display:block;position:absolute;right: 50%;top:0;width:2px;height: 100%;background: #222;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}


.pop-conts{padding: 25px;/* border: 3px solid #2a2a2a; */}
.pop-conts img{display: block;margin: 0 auto;/* border:1px solid #d8dad4; */}
.pop-conts .txt_con{text-align: left; 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: 10px;top: 7px;padding: 0;width: 60px;height: 60px;font-size:0;overflow:hidden;text-indent:-1000px;background: transparent;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: #111; 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); }

.dim-layer.pic .view-layer .pop-container { padding: 0;}

.argee_layer .view-layer{background-color:transparent;left: 0;margin: 0;width: 100%;padding: 0 10%;}
.argee_layer p.title{text-align:center;background-color: #111;padding: 20px 0;color: #fff;margin: 0 !important;}
.argee_layer .pop-conts{ border:none; background:#fff;}
.argee_layer .view-layer .btn-layerClose{background-color:transparent;padding: 0; } 
.argee_layer .agreeBox{min-height:400px;font-size:0.95em;}
.argee_layer .view-layer .btn-layerClose:before,
.argee_layer .view-layer .btn-layerClose:after{    background-color: #fff;}



@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 {width: 95%;margin:0 0 0 -47.5%;min-width:300px;top: 10px;-ms-transform: translate(0, 0%);transform: translate(0%, 0%);}  
	.view-layer .btn-layerClose,
	.argee_layer .view-layer .btn-layerClose{right:0;top: 3px;width: 50px;height: 50px;}
	
	.view-layer p.title {margin: 30px 0 15px 0;font-size: 1.5em;}
	.view-layer .txt{padding:0 20px;margin-bottom: 20px;}
	
    .pop-conts{padding: 15px 15px 25px;font-size: 15px;}
	.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;}	

	.dim-layer.pic .view-layer {width:300px;margin: 0 0 0 -150px;}	

	.argee_layer .view-layer{ padding:0 5%;}
	.argee_layer p.title{padding:15px 0;}
	.argee_layer .agreeBox{min-height:300px;}
}
@media only screen and (max-width: 480px) {
}

/* 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;}
}