@charset "utf-8";

.pop-cont-wrap {position:relative;width:100%;word-break:keep-all}
.pop-cont-wrap .sld-wr {overflow:hidden;width:100%;display:flex;column-gap:5px;}

.pop-cont-wrap .sld-wr .sld-dot {width:300px;overflow:hidden;}
.pop-cont-wrap .sld-wr .sld-dot .item-dot {position:relative;border:0;width:100%;padding:10px 35px 10px 15px;margin-bottom:5px;text-align:left;background-color:#e5e0e0;cursor:pointer;}
.pop-cont-wrap .sld-wr .sld-dot .item-dot:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #223f93;opacity:0;transition:all .3s ease;}
.pop-cont-wrap .sld-wr .sld-dot .item-dot:after {display:block;content:'';position:absolute;top:50%;right:15px;margin-top:-5px;width:9px;height:9px;border-right:1px solid #223f93;border-bottom:1px solid #223f93;opacity:0.5;transform:rotate(-45deg);box-sizing:border-box;transition:all .3s ease;}
.pop-cont-wrap .sld-wr .sld-dot .item-dot:hover:before,
.pop-cont-wrap .sld-wr .sld-dot .item-dot.active:before {opacity:1;}
.pop-cont-wrap .sld-wr .sld-dot .item-dot:hover:after,
.pop-cont-wrap .sld-wr .sld-dot .item-dot.active:after {opacity:1;}

.pop-cont-wrap .sld-wr .sldCore {position:static;width:399px;}
.pop-cont-wrap .sld-wr .sldCore .owl-nav {position:absolute;bottom:10px;left:42px;}
.pop-cont-wrap .sld-wr .sldCore .owl-nav button {position:relative;width:33px;height:33px;border:1px solid #ccc;background:#fff;font-size:42px;color:#fff;transition:all .3s ease;}
.pop-cont-wrap .sld-wr .sldCore .owl-nav button:before {display:block;content:'';position:absolute;top:12px;left:8px;width:8px;height:8px;border-bottom:1px solid #333;border-right:1px solid #333;transform:rotate(-45deg);z-index:1;transition:all .3s ease;}
.pop-cont-wrap .sld-wr .sldCore .owl-nav button.owl-prev {border-right:0;}
.pop-cont-wrap .sld-wr .sldCore .owl-nav button.owl-prev:before {left:12px;transform:rotate(135deg);}
.pop-cont-wrap .sld-wr .sldCore .owl-nav button:hover {border:1px solid #csc-point2;background:#csc-point2;}
.pop-cont-wrap .sld-wr .sldCore .owl-nav button:hover:before {border-bottom:1px solid #fff;border-right:1px solid #fff;}

.pop-cont-wrap .sld-wr .sldpop-ctrl {position:absolute;bottom:10px;left:10px;}
.pop-cont-wrap .sld-wr .sldpop-ctrl button {position:relative;width:33px;height:33px;border:1px solid #ccc;background:#fff;font-size:0;color:#fff;transition:all .3s ease;}
.pop-cont-wrap .sld-wr .sldpop-ctrl button:before {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;z-index:1;transition:all .3s ease;}
.pop-cont-wrap .sld-wr .sldpop-ctrl button.owl-pause:before {width:6px;height:15px;border-left:2px solid #555;border-right:2px solid #555;}
.pop-cont-wrap .sld-wr .sldpop-ctrl button.owl-play:before {width:0;height:0;border:7px solid transparent;border-left:9px solid #555;border-right:0;}
.pop-cont-wrap .sld-wr .sldpop-ctrl button.owl-play {display:none;}

.pop-cont-wrap button {cursor:pointer}

@media all and (max-width:1280px) {
	.pop-cont-wrap .sld-tit {width:30%;}
	.pop-cont-wrap .sld-wr .sldCore {width:65%;}
	.pop-cont-wrap .sld-wr .sld-dot {width:30%;}
	.pop-cont-wrap .sld-wr .sld-dot .item-dot {margin-left:1%;width:49%;}
}
@media all and (max-width:999px) {
	.pop-cont-wrap {padding-top:20px;}
	.pop-cont-wrap .sld-tit {position:relative;top:auto;right:auto;padding-right:0;width:100%;}
	.pop-cont-wrap .sld-wr {padding-top:20px;}
	.pop-cont-wrap .sld-wr .sldCore .owl-nav {top:15px;}
	.pop-cont-wrap .sld-wr .sldCore {width:100%;}
	.pop-cont-wrap .sld-wr .sld-dot {width:100%;padding-top:10px;}
	.pop-cont-wrap .sld-wr .sld-dot .item-dot {width:24%;margin-left:0;margin-right:1%;}
}

.owl-nav {display:none}


/* 레이어팝업 */
#layer_popup {width:700px; height:530px; text-align:center; position:absolute;background-color:#f8f8f8;z-index:1000;}
#layer_popup img ,#layer_popup2 img ,#layer_popup3 img ,#layer_popup4 img  {width:100%;}
#layer_popup.pop01 {top:0;left:0;0}  
#layer_popup .close {position:relative;width:100%;height:30px;line-height:30px;overflow:hidden;text-align:left;background:#333;}
#layer_popup #check {font-size:14px;color:#fff;margin-left:10px;}
#layer_popup #close {font-size:14px; position:absolute; top:0; right:15px;}
#layer_popup #close a {display:inline-block;position:relative;color:#fff;padding-right:17px;text-decoration:none;}
#layer_popup #close a:before {display:block;content:'';position:absolute;top:0;right:0;bottom:0;margin:auto;width:2px;height:14px;background:#fff;transform:rotate(45deg);}
#layer_popup #close a:after {display:block;content:'';position:absolute;top:0;right:0;bottom:0;margin:auto;width:2px;height:14px;background:#fff;transform:rotate(-45deg);}