/* ======================================================
   팝업창
   .layer-pop{}
	.layer-pop { width:96%;max-width:500px; min-width:360px; position:fixed;  left:50%; top:50%; display:none;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
=========================================================*/
#pop-doc{z-index:9900; position:relative;}
.layer-pop { overflow:hidden;position:absolute; display:none; border:1px solid #111; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-pop form{margin:0; padding:0;}

.layer-pop .chk{box-sizing:border-box; border-top:none;background:#fff; position:relative;}
.layer-pop .chk:after{display:block; content:"";clear:both;}
.layer-pop .chk:before{width:0.1px;height:100%; position:absolute ;left:50%; top:0;display:block; content:"";background:#000;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.layer-pop .close{position:absolute; right:0; top:-45px; width:25px;height:25px; display:block; height:25px;background:url(../img/Main/pop-close.png) no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.layer-pop .check{float:left; width:50%; text-align:center;}
.layer-pop .check label{display:block; line-height:50px;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;-webkit-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;}
.layer-pop .check label:hover{background:#111; color:#fff;}
.layer-pop .check input[type="checkbox"]{display:none;}
.layer-pop .check input[type="checkbox"]:checked +  label{background:#111; color:#fff;}
.layer-pop .closev{float:left; width:50%; text-align:center;}
.layer-pop .closev a{display:block;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;}
.layer-pop .closev a:hover{background:#23408f; color:#fff;}
.layer-pop .img{padding:0; margin:0;background:#fff;overflow:hidden;}
.layer-pop .img a{display:block; padding:0; margin:0;}
.layer-pop .img img{width:100%;}

@media only screen and (max-width:680px) {	
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important;transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}

	.layer-pop .close{width:20px;height:20px; top:-35px; }

	.layer-pop .check label{line-height:45px; font-size:14px; }
	.layer-pop .closev a{line-height:45px; font-size:14px; }
}

@media screen and (max-width:530px){
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important; transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}
}
@media screen and (max-width:480px){
  .layer-pop {width:90vw !important;height:auto !important; left:50% !important;}
}
/*=========================================================*/