@charset "utf-8";
/* visual_sect */
.visual_sect video{width:100%;}

@media all and (max-width:768px){
    .visual_sect{padding-top:6rem;}
}

/* sect01 */
.sect01{padding:12rem 0;}
.sect01 .sect_title{text-align:left;}
.sect01 .sect01_swiper{position:relative; margin-top:8rem;}
.sect01 .sect01_swiper .sect01_swiper_prev,
.sect01 .sect01_swiper .sect01_swiper_next{display:flex; width:6.4rem; height:6.4rem; position:absolute; top:6.8rem; background-color:#fff; z-index:5; border-radius:50%; border:1px solid #D5D5DE; box-shadow:0 .4rem .8rem #00000014; justify-content:center; align-items:center;}
.sect01 .sect01_swiper .sect01_swiper_prev:after,
.sect01 .sect01_swiper .sect01_swiper_next:after{content:''; width:2.4rem; height:2.4rem; display:block; background:url('../image/icon/arrow_left.png') no-repeat center/contain;}
.sect01 .sect01_swiper .sect01_swiper_prev{left:-3.2rem;}
.sect01 .sect01_swiper .sect01_swiper_next{right:-3.2rem;}
.sect01 .sect01_swiper .sect01_swiper_next:after{transform:rotate(180deg);}
.sect01 .sect01_swiper .sect01_swiper_prev:active,
.sect01 .sect01_swiper .sect01_swiper_next:active{opacity:.5;}
.sect01 .sect01_swiper .swiper-slide{width:24rem;}
.sect01 .sect01_swiper .prod_item .img{border:0; background-color:#F1F1F7; padding-top: unset;height: 20rem; padding: 20px;}
.sect01 .sect01_swiper .prod_item .img img{height: 10rem;}
.sect01 .sect01_swiper .prod_item .desc{margin-top:1.6rem; padding:0 .4rem;}
.sect01 .sect01_swiper .prod_item .desc .tit{margin-top:.4rem;}

/* sect02 */
.sect02{padding:12rem 0;}
.sect02 .sect_title{text-align:left;}
.sect02 .sect02_swiper{position:relative; margin-top:8rem;}
.sect02 .sect02_swiper .sect02_swiper_prev,
.sect02 .sect02_swiper .sect02_swiper_next{display:flex; width:6.4rem; height:6.4rem; position:absolute; top:8.8rem; background-color:#fff; z-index:5; border-radius:50%; border:1px solid #D5D5DE; box-shadow:0 .4rem .8rem #00000014; justify-content:center; align-items:center;}
.sect02 .sect02_swiper .sect02_swiper_prev:after,
.sect02 .sect02_swiper .sect02_swiper_next:after{content:''; width:2.4rem; height:2.4rem; display:block; background:url('../image/icon/arrow_left.png') no-repeat center/contain;}
.sect02 .sect02_swiper .sect02_swiper_prev{left:-3.2rem;}
.sect02 .sect02_swiper .sect02_swiper_next{right:-3.2rem;}
.sect02 .sect02_swiper .sect02_swiper_next:after{transform:rotate(180deg);}
.sect02 .sect02_swiper .sect02_swiper_prev:active,
.sect02 .sect02_swiper .sect02_swiper_next:active{opacity:.5;}
.sect02 .sect02_swiper .swiper-slide{width:41rem;}
.sect02 .sect02_swiper .prod_item .desc{margin-top:1.6rem; padding:0 .4rem;}
.sect02 .sect02_swiper .prod_item .desc .tit{margin-top:.4rem;}
.sect02 .sect02_swiper .prod_item .img{height:24rem;position: relative;padding: unset;}
.sect02 .sect02_swiper .prod_item .img img{width: 100%;height: 24rem;object-fit: cover;border-radius: 12px;}

/* sect03 */
.sect03{padding:12rem 0;}
.sect03 .sect_title{text-align:left;}
.sect03 .sect03_swiper{position:relative; margin-top:8rem;}
.sect03 .sect03_swiper .sect03_swiper_prev,
.sect03 .sect03_swiper .sect03_swiper_next{display:flex; width:6.4rem; height:6.4rem; position:absolute; top:8.8rem; background-color:#fff; z-index:5; border-radius:50%; border:1px solid #D5D5DE; box-shadow:0 .4rem .8rem #00000014; justify-content:center; align-items:center;}
.sect03 .sect03_swiper .sect03_swiper_prev:after,
.sect03 .sect03_swiper .sect03_swiper_next:after{content:''; width:2.4rem; height:2.4rem; display:block; background:url('../image/icon/arrow_left.png') no-repeat center/contain;}
.sect03 .sect03_swiper .sect03_swiper_prev{left:-3.2rem;}
.sect03 .sect03_swiper .sect03_swiper_next{right:-3.2rem;}
.sect03 .sect03_swiper .sect03_swiper_next:after{transform:rotate(180deg);}
.sect03 .sect03_swiper .sect03_swiper_prev:active,
.sect03 .sect03_swiper .sect03_swiper_next:active{opacity:.5;}
.sect03 .sect03_swiper .swiper-slide{width:24rem;}
.sect03 .sect03_swiper .swiper-slide img{transition: all 300ms linear 0ms;}
.sect03 .sect03_swiper .swiper-slide:hover img{transform: translate(-50%, -55%);}
.sect03 .sect03_swiper .prod_item .img{border:0; background-color:#F1F1F7;}
.sect03 .sect03_swiper .prod_item .desc{margin-top:1.6rem; padding:0 .4rem;}
.sect03 .sect03_swiper .prod_item .desc .tit{margin-top:.4rem;}

@media all and (max-width:768px){    
	
	.sect01{padding:4rem 0; background-size:9.1rem;}
    .sect01 .guide{padding:0;}
    .sect01 .sect01_swiper{margin-top:3.2rem;}
    .sect01 .sect01_swiper .sect01_swiper_prev,
    .sect01 .sect01_swiper .sect01_swiper_next{width:4.4rem; height:4.4rem; top:5rem;}
    .sect01 .sect01_swiper .sect01_swiper_prev:after,
    .sect01 .sect01_swiper .sect01_swiper_next:after{width:2rem; height:2rem;}
    .sect01 .sect01_swiper .sect01_swiper_prev{left:.6rem;}
    .sect01 .sect01_swiper .sect01_swiper_next{right:.6rem;}
    .sect01 .sect01_swiper .swiper-slide{width:14.4rem!important;}
    .sect01 .sect01_swiper .prod_item .img{height: 14rem;}
    .sect01 .sect01_swiper .prod_item .img .tag{display:none;}
    
	.sect02{padding:4rem 0; background-size:9.1rem;}
    .sect02 .guide{padding:0;}
    .sect02 .sect02_swiper{margin-top:3.2rem;}
    .sect02 .sect02_swiper .sect02_swiper_prev,
    .sect02 .sect02_swiper .sect02_swiper_next{width:4.4rem; height:4.4rem; top:10rem;}
    .sect02 .sect02_swiper .sect02_swiper_prev:after,
    .sect02 .sect02_swiper .sect02_swiper_next:after{width:2rem; height:2rem;}
    .sect02 .sect02_swiper .sect02_swiper_prev{left:.6rem;}
    .sect02 .sect02_swiper .sect02_swiper_next{right:.6rem;}
    .sect02 .sect02_swiper .swiper-slide{width:100%;}
    .sect02 .sect02_swiper .prod_item .img .tag{display:none;}
    
    .sect03{padding:4rem 0; background-size:9.1rem;}
    .sect03 .guide{padding:0;}
    .sect03 .sect03_swiper{margin-top:3.2rem;}
    .sect03 .sect03_swiper .sect03_swiper_prev,
    .sect03 .sect03_swiper .sect03_swiper_next{width:4.4rem; height:4.4rem; top:5rem;}
    .sect03 .sect03_swiper .sect03_swiper_prev:after,
    .sect03 .sect03_swiper .sect03_swiper_next:after{width:2rem; height:2rem;}
    .sect03 .sect03_swiper .sect03_swiper_prev{left:.6rem;}
    .sect03 .sect03_swiper .sect03_swiper_next{right:.6rem;}
    .sect03 .sect03_swiper .swiper-slide{width:14.4rem;}
    .sect03 .sect03_swiper .prod_item .img .tag{display:none;}
}

/* sect04 */
.sect04{padding:12rem 0 0;}
.sect04 .guide{display:flex; align-items:center; justify-content:space-between;}
.sect04 .left .desc_txt{font-size:2rem; font-weight:500; line-height:3rem; margin-top:3.2rem;}
.sect04 .left .btn.black_bor{width:16rem; margin-top:4.8rem;}
.sect04 .left .btn.black_bor:after{content:''; display:block; width:2.4rem; height:2.4rem; background:url('../image/icon/arrow_type2_right.png') no-repeat center/contain;}
.sect04 .right{width:51.1rem;}

@media all and (max-width:768px){
    .sect04{padding:4rem 0 0;}
    .sect04 .guide{flex-direction:column; align-items:center; gap:4.8rem; text-align:center;}
    .sect04 .left .desc_txt{font-size:1.6rem; line-height:2.4rem; margin-top:1.2rem}
    .sect04 .left .btn.black_bor{margin-top:2.4rem; width:auto;}
    .sect04 .left .btn.black_bor:after{width:2rem; height:2rem;}
    .sect04 .right{width:27.3rem;}
}



/* 이벤트 팝업 */
.modal_wrap.event_pop .modal_pop{border-radius:2rem; overflow:hidden; width:60rem;}
.modal_wrap.event_pop .modal_pop .btn_wrap{height:6.4rem; background-color:#f1f1f7; display:flex; align-items:center; justify-content:space-between; padding:0 2.4rem;}
.modal_wrap.event_pop .modal_pop .btn_wrap .close_btn{font-size:1.6rem; font-weight:600; color:#71727d; position:relative;}
.modal_wrap.event_pop .modal_pop .btn_wrap .close_btn:after{content:''; display:block; position:absolute; inset:-2rem;}

@media all and (max-width:768px){
    .modal_wrap.event_pop .modal_pop{width:calc(100vw - 5.6rem);}
    .modal_wrap.event_pop .modal_pop .btn_wrap{height:5.6rem; padding:0 1.6rem;}
}