@charset "utf-8";

.wrap_popup,
.wrap_popup .container,
.wrap_popup .slider,
.wrap_popup .slick-list,
.wrap_popup .slick-track,
.wrap_popup .slick-slide{height:100%;}

.wrap_popup{padding:0 45px 38px 0;}
.wrap_popup h2{display:none;}
.wrap_popup .goto{padding:32px 40px;background:#ff6055;right:0;bottom:0;position:absolute;}
.wrap_popup .goto span{color:#FFF;line-height:0.9;margin-bottom:10px;display:block;letter-spacing: -2px;text-align: center;}
.wrap_popup .goto span strong{font-size:50px;font-family: 'Noto Thin';display:block;}
.wrap_popup .goto span i{display:block;font-size:46px;font-family: 'Noto Medium';padding: 0;line-height: 60px;}
.wrap_popup .goto a{font-size:20px;color:#FFF;line-height:1;font-family:'Noto Regular';background:#f99349;padding:20px 30px;margin-left:-115px;border-top-left-radius:50px;border-bottom-left-radius:50px;display:block;position:relative;transition:0.5s;}
.wrap_popup .goto a::after{content:"";display:block;width:85px;height:10px;background:url(../images/arrow_2_w.png) no-repeat right center;top:20px;right:-25px;position:absolute;}

.wrap_popup a.item{width:100%;height:100%;display:block;}
.wrap_popup .wrap{height:100%;}
.wrap_popup .item_1{width:100%;height:100%;}
.wrap_popup .item_1 img{width:100%;transition:0.5s;}
.wrap_popup .item_2{display:none;}

.wrap_popup .control{padding:25px;width:100%;}
.wrap_popup .numbering{display:none;}
.wrap_popup .paging ul{display:flex;align-items:center;}
.wrap_popup .paging li{line-height:1;margin-right:10px;}
.wrap_popup .paging button{width:12px;height:12px;background:#a0a0a0;border-radius:100%;display:block;text-indent:-9999px;}
.wrap_popup .paging li.slick-active button{background:#fab319;}

@media all and (max-width:767px){
	.wrap_popup{padding:0 25px 0 0;}
	.wrap_popup .goto{padding: 0px 10px 16px;}
	.wrap_popup .goto span{padding: 14px 25px 0;}
	.wrap_popup .goto span strong{font-size:26px;}
	.wrap_popup .goto span i{font-size: 28px;line-height: 33px;padding: 0;}
	.wrap_popup .goto a{font-size: 18px;padding:10px 20px;margin-left:-115px;}
	.wrap_popup .goto a::after{top:10px;right: 10px;}
	.wrap_popup .control{padding:15px 0;}
}
/*HOVER*/
@media all and (min-width:1024px) {
	.wrap_popup a.item:hover .item_1 img{transform:scale(1.1);}
	.wrap_popup .goto a:hover{background:#28a444;}
}