.MAIN_sw_AB { overflow: hidden; position: relative; padding-top: clamp(180px, 19.531vw, 250px); padding-bottom: clamp(10px, 1.563vw, 50px)}
.MAIN_sw_AB .contents-container { position: relative; }


.MAIN_sw_AB .contents-container::before { width: 110%; height:calc(100% + clamp(250px, 23.438vw, 300px)); border-radius: 80px; background-color: rgba(226,226,226,0.40); content: ""; position: absolute; left: -5%; top: -250px; z-index: -1; }


.MAIN_sw_AB .title-area { width: 100%; float: left; margin-bottom: 0.5rem; position: absolute; left: 0px; top: clamp(-150px, -11.719vw, -120px); }
/**** 모바일 ****/
@media only all and (max-width:767px) { .MAIN_sw_AB .title-area  { width: 100%; float: left; margin-bottom: 0.5rem; position: absolute; left: 0px; top: clamp(-150px, -11.719vw, -120px); padding: 0px 20px; }
}
.MAIN_sw_AB .title-area .wg_tit2 { width: 100%; float: left; margin-bottom: 0.5rem; color:#000; font-family:var(--ff-ko6)!important; font-size: clamp(24px, 3.125vw, 40px); font-weight: normal; line-height: 110%; }
.MAIN_sw_AB .title-area .wg_tit2 span { position: relative; margin-bottom: 0.5rem; color:#000; font-family:var(--ff-ko6)!important; font-size: clamp(24px, 3.125vw, 40px); font-weight: normal; line-height: 110%; }
.MAIN_sw_AB .title-area .wg_tit2 span:before { content: ""; width: 10px; height: 10px; border-radius: 100%; background-color:var(--primary); position:absolute; left: 50%; margin-left: -5px; top: -15px; }
.MAIN_sw_AB .title-area .wg_tit2 em { margin-bottom: 0.5rem; color:var(--primary); font-family:var(--ff-ko6)!important; font-size: clamp(24px, 3.125vw, 40px); font-weight: normal; }


.MAIN_sw_AB .slide-area { width: 100vw; overflow: hidden; }


.MAIN_sw_AB .swiper { overflow: visible; margin-top:  clamp(90px, 8.594vw, 110px); width: 100%; }
.MAIN_sw_AB .swiper-slide { max-width: clamp(300px, 46.875vw, 600px); transition: transform 0.3s; background-color: #fff; border-radius:  clamp(35px, 2.604vw, 50px) clamp(35px, 2.604vw, 50px) clamp(35px, 2.604vw, 50px) clamp(14px, 1.042vw, 20px);; min-height:  clamp(200px, 27.344vw, 350px); padding: clamp(30px, 3.906vw, 50px); }
.MAIN_sw_AB .swiper-slide-active { transform: translateY(-6.6rem); background-color: var(--primary); }
.MAIN_sw_AB .swiper-slide a { display: block; width: 100%; }


.MAIN_sw_AB .thumb { width: clamp(130px, 14.063vw, 180px); aspect-ratio:1 / 1; overflow: hidden; border-radius: 100%; position: absolute; right: clamp(-30px, -2.344vw, -10px); top: clamp(-20px, -2.344vw, -10px); }
.MAIN_sw_AB .thumb img { width: 100%; height: 100%; object-fit: cover; }



.MAIN_sw_AB .wg_boxin { width: 100%; float: left; }


.MAIN_sw_AB .swiper-slide-active .wg_boxin { opacity: 1; visibility: visible; height: auto; }
.MAIN_sw_AB .wg_boxin .wg_tx1 { width: auto; float: left; background-color: #000; border-radius: 6px; padding: 10px 10px; color: #fff; font-size: var(--tit-mds-size); margin-bottom:clamp(20px, 3.125vw, 40px); }




.MAIN_sw_AB .wg_boxin .wg_tx1 em { color: var(--primary); font-size: var(--tit-mds-size); font-weight: 600; }
/**** 모바일 ****/
@media only all and (max-width:767px) {

	
.MAIN_sw_AB .wg_boxin .wg_tx1 em { color: var(--primary); font-size: var(--tit-mds-size); font-weight: 600;  width: 100%; float: left}
}

.MAIN_sw_AB .wg_boxin .wg_tx2 { width: 100%; float: left; font-weight: 700; text-align: left; color: #000; font-size: var(--tit-md-size); margin-bottom: clamp(10px, 2.344vw, 30px); }
.MAIN_sw_AB .wg_boxin .wg_tx3 { width: 80%; float: left; font-weight: 600; text-align: left; color: #333; font-size:calc(var(--tx-sm-size) * 0.9); font-weight: 500; letter-spacing: -0.2px; margin-bottom: clamp(10px, 1.563vw, 20px); line-height: 130%; }


.MAIN_sw_AB .swiper-slide-active .wg_boxin .wg_tx1 { width: auto; float: left; background-color: #000; border-radius: 6px; padding: 10px 10px; color: #fff; font-size: var(--tit-mds-size); margin-bottom:clamp(20px, 3.125vw, 40px)x; }
.MAIN_sw_AB .swiper-slide-active .wg_boxin .wg_tx1 em { color: var(--primary); font-size: var(--tit-mds-size); }
.MAIN_sw_AB .swiper-slide-active .wg_boxin .wg_tx2 { width: 100%; float: left; font-weight: 700; text-align: left; color: #fff; font-size: var(--tit-md-size); margin-bottom:  clamp(10px, 1.563vw, 20px); }
.MAIN_sw_AB .swiper-slide-active .wg_boxin .wg_tx3 { width: 100%; float: left; font-weight: 600; text-align: left; color: #fff; font-size:calc(var(--tx-sm-size) * 0.9); margin-bottom:  clamp(10px, 1.563vw, 20px); line-height: 130%; }


.MAIN_sw_AB .control { width: 100%!important; float: left; display: flex; align-items: center; position: absolute; left: 0px; top:-50px; }
.MAIN_sw_AB .control .morebtn { width: 40px; aspect-ratio:1 / 1; float: left; position: absolute; left: 120px; top:5px; background-color: var(--primary); z-index: 2; border-radius: 100%; color: #fff; display: flex; justify-content: center; align-items: center; }
.MAIN_sw_AB .control .morebtn i { font-size: 20px; color: #fff; position: relative; z-index: 2; }
.MAIN_sw_AB .control .morebtn:before { width: 40px; aspect-ratio:1 / 1; float: left; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin-left: -20px; top: 0px; background-color: var(--primary); opacity: 0.5; content: ""; -webkit-transform: scale(1.2); transform: scale(1.2); z-index:0; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; cursor: pointer; }
.MAIN_sw_AB .control .morebtn:hover:before { width: 40px; aspect-ratio:1 / 1; float: left; border-radius: 100%; position: absolute; left: 50%; top: 50%; margin-left: -20px; top: 0px; background-color: var(--primary); opacity: 0.5; content: ""; -webkit-transform: scale(1.4); transform: scale(1.4); z-index:0; }
.MAIN_sw_AB .swiper-pagination { width: 100%!important; float: left; background-color: #cacaca; border-radius: 1rem; position: absolute; left:150px; top:25px; }
.MAIN_sw_AB .swiper-pagination-progressbar-fill { background-color:var(--primary); border-radius: 1rem; }
.MAIN_sw_AB .btn-wrap { display: flex; align-items: center; gap: 0.8rem; }
.MAIN_sw_AB .btn-wrap [class*="btn-"] { display: flex; align-items: center; justify-content: center; width:50px; height:50px; background: transparent; }
.MAIN_sw_AB .btn-wrap [class*="btn-"] i { font-size: 50px; width: 100%; height: 100%; color: #000; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.MAIN_sw_AB .btn-wrap [class*="btn-"] i:hover { color: var(--primary); }