/* 레이어 팝업 */
#mask{position:fixed; z-index:3000; top:0px; left:0; width:100%; height:100%; background:#000; display:none; background:#000; 
-ms-filter:progid:DXImageTransform.Microsoft.alpha(opacity=870); /*IE8*/
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70); opacity:0.7; _visibility:hidden} /*IE6 & 7*/
.layerPop {display:none; position:fixed; top:5px; left:0; z-index:3001; width:100%; height:auto;}
.layerPop .btnType { position:absolute; right:20px; top:40px}
.layerPop > div {z-index:3001; display:none; position:absolute; left:50%; top:0; width:820px; margin:0px 0 0 -430px; height:auto; max-height:600px; overflow:auto;  border:1px solid #000; background:#fff; padding:20px;}
/* 레이어 경고창 */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:3001;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);-ms-filter:progid:DXImageTransform.Microsoft.alpha(opacity=870);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #ff7c26; z-index: 100;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer p.tit { font-size:16px; margin-bottom:10px}
.pop-layer .btnType { position:absolute; right:20px; top:20px}
.pop-layer .btnType .btn_close { display:block; width:20px; height:20px; text-indent:-9999px; background:url(../img/board/btn_close.png) no-repeat 0 0; background-size:100%}


.layerPop .scrollArea{width:auto; padding:5px 10px; overflow-y:auto;}
.layerPop .scrollArea h4 {font-size:15px; color:#2c3b7a; margin:30px 0 15px; font-weight:700}
.layerPop .scrollArea h4:first-child {margin:0px 0 15px;}
.layerPop .scrollArea h5 {font-size:12px; color:#444; margin:20px 0 5px; font-weight:700}
.layerPop .scrollArea h4.mgt0 { margin-top:0}
.layerPop .scrollArea p {line-height:17px;color:#808080; padding:0;}
.layerPop .scrollArea ul {line-height:17px;color:#808080; padding:0 0 5px 0;}
.layerPop .scrollArea ul ul { padding-left:10px}
.layerPop .scrollArea li { margin-bottom:2px}
.layerPop .scrollArea dl{line-height:21px}
.layerPop .scrollArea dl dt{font-weight:bold; font-size:14px; color:#434343;}
.layerPop .scrollArea dl dd{color:#808080; padding:10px 0 30px 0;}
.layerPop .articleArea{padding:0 0 30px 0; color:#808080; line-height:22px; font-size:14px; border-bottom:1px solid #d0d0d0;}
.layerPop .articleArea strong{color:#d25252;}
.layerPop .bgemail { background:url(../img/lpop/bg_email.gif) no-repeat 100% 0 }
.layerPop .articleArea .email {padding:0 180px 10px 0;}
.layerPop .articleArea ul.emailList { font-size:13px; margin:20px 0; line-height:1.4}
.layerPop .articleArea ul.emailList li { background:url(../img/lpop/bulletList.gif) no-repeat 0 5px ; padding:0 0 0 10px; margin:3px 0}
.layerPop .box{ clear:both;background-color:#f6f6f6; padding:10px; color:#a06161}

@media all and (max-width:1100px){	
}

@media all and (max-width:900px){	
	.layerPop {width:100%; padding:0px 20px 20px;box-sizing:border-box; }
	.layerPop > div { position:relative; left:0; top:0; width:100%;max-height: 550px; margin:0; padding:20px;box-sizing:border-box}
}
@media all and (max-width:500px){	
	.layerPop { padding:0px 0 10px;}
	.layerPop > div { padding:10px; width:95%; margin:0 auto; max-height: 480px;}
	.layerPop .btnType { top: 30px;}
}