/* 레이어 팝업 */
#mask{position:fixed; z-index:3000; top:0px; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); display:none;} 
.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: rgba(0,0,0,0.6);}
.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: 1em; color:#2c3b7a; margin:30px 0 15px; font-weight:700}
.layerPop .scrollArea h4:first-child {margin:0px 0 15px;}
.layerPop .scrollArea h5 {font-size: 0.8em; 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: 0.94em; 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: 0.94em; 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: 0.87em; 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}

.layerBox{ position:relative;}
.cdv_box{border:2px solid #4c82c3;box-sizing:border-box;position:absolute;top:0px;background:url('../images/lpop/cdv_pbg.gif') repeat; z-index:2;}
.cdv_box > div{ box-sizing:border-box; float:left; width: 50%;  position:relative;padding:20px 10px 20px 15px;}
.cdv_box h3{ background:#4c82c3; margin:0; text-align:left; padding:10px 50px 8px 10px; box-sizing:border-box;}
.cdv_box h3 img{ height:28px; width:auto;}
.cdv_close{ position:absolute; right:0; top:0;}
.cdv_close img{ width:25px; padding:12px;}
.cdv_box h4{ color:#2265b6; font-size:1.2em; padding-left:9px; position:relative; margin:0 0 10px;}
.cdv_box h4:before{ content:'';position:absolute; left:0; top:5px; width:3px; height:14px; background:#4c82c3; }
.cdv_box li{ font-size:0.9em; color:#555; margin:12px 0 0 5px;position:relative; padding-left:8px;}
.cdv_box li.text_indent{ font-size: 0.73em; color:#666; padding-left:12px; text-indent:-12px; margin-left:10px;}
.cdv_box li:before{ content:'';position:absolute; left:0; top:6px; width:3px; height:3px; background:#4c82c3; border-radius:3px; }
.cdv_box li.text_indent:before{ display:none;}

@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:800px){
	.cdv_box{ top:0px; max-height:500px; overflow:auto;}
	.cdv_box h3{ text-align:center;}
	.cdv_box > div{ width:100%; padding: 0px 10px 20px 15px;}
	.cdv_box > h3 + a + div:before{ content:''; position:relative; top:20px; right:0; margin-left:-1px; width:1px; height:93%; background:#d0d7e0;}
	.cdv_box h3 img{ height:19px; width:auto;}
	.cdv_box h4:before{top:6px;}
	.cdv_close img{ width:20px; padding:10px;}
	.cdv_box li:before{top:6px;}
}
@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;}
}