@charset "UTF-8";
.wrap-popup{margin-top: 170px; position: relative; max-width:500px;}
.wrap-popup .slider{position: relative; top: -100px; visibility: hidden; opacity: 0; transition: all .3s; transition-delay: .3s; filter: blur(50px); -webkit-filter: blur(50px);}
.wrap-popup .control{position:  relative; top: -100px; opacity: 0; visibility: hidden; filter: blur(50px); -webkit-filter: blur(50px); transition: all .7s; transition-delay: .5s;}
.mCustomScrollbar .wrap-popup .slider,
.wrap-popup.on .slider{top: 0; visibility: visible; opacity: 1; filter: blur(0); -webkit-filter: blur(0);}
.mCustomScrollbar .wrap-popup .control,
.wrap-popup.on .control{top: 0; opacity: 1; visibility: visible; filter: blur(0); -webkit-filter: blur(0);}
.wrap-popup .control .prevnext .container{padding: 0;}
.wrap-popup .control h1{font-size: 70px; line-height: 77px; font-family: "Gmarket Bold"; color: #000000; position: absolute; left: -60px; bottom: -124px;}
.wrap-popup .control h1 span{display: block; position:  relative; left: 140px; color: rgba(0,0,0,.45); font-family:"Gmarket Medium";}
.wrap-popup .control .prevnext{float: right; margin-top: 35px;}
.wrap-popup .control .prevnext button{font-size: 0; width: 34px; height: 62px; vertical-align: top;}
.wrap-popup .control .prevnext .prev{background: url(../images/focus_prev.png) no-repeat center center / cover}
.wrap-popup .control .prevnext .prev:hover{background: url(../images/focus_prev_on.png) no-repeat center center / cover}
.wrap-popup .control .prevnext .next{background: url(../images/focus_next.png) no-repeat center center / cover}
.wrap-popup .control .prevnext .next:hover{background: url(../images/focus_next_on.png) no-repeat center center / cover}
.wrap-popup .control .prevnext span{display: inline-block; width: 1px; height: 64px; background-color: #a0a0a0; margin: 0 48px;}

@media all and (max-width: 1500px) {
    .wrap-popup .control h1{font-size: 55px; line-height: 60px;}
    .wrap-popup .control h1 span{left: 50px;}
    .wrap-popup .control .prevnext button{width: 20px; height: 41px;}
    .wrap-popup .control .prevnext span{margin: 0 20px; height: 40px;}
}

@media all and (max-width: 1023px) {
    .wrap-popup{margin: 50px 0 40px;}
    .wrap-popup .control h1{font-size: 40px; line-height: 43px; left: -60px; bottom: -65px; text-shadow: 0px 0px 15px white;}
    .wrap-popup .control .prevnext{margin-top: 25px;}
}

@media all and (max-width: 768px) {
    .wrap-popup{margin: 85px 0 110px;}
    .slick-slide img{width: 100%;}
    .wrap-popup .control h1{left: 0;}
    .wrap-popup .control .prevnext{margin-top: 15px;}
}