@charset "utf-8";

body.body-main {/* padding-top: 40px !important; */padding-top: 0px !important;}
@media all and (max-width: 1024px) {
    body.body-main {/* padding-top: 32px !important; */ padding-top: 0 !important;}
}
@media all and (max-width: 768px) {
    body.body-main {padding-top: 32px !important; overflow-x: hidden;} 
}

.main_goods_cont {padding: 0;}
#contents {padding: 0 !important;}

#footer_wrap {margin-top: 130px;}
@media all and (max-width: 1024px) {
    #footer_wrap {margin-top: 130px;}
}/* 1024 */
@media all and (max-width: 1023px) {
    #footer_wrap {margin-top: 12.7077vw;}
}/* 1023px */
@media all and (max-width: 520px) {
    #footer_wrap {margin-top: calc(130px / 2);}
}/* 520px */

/* 메인 롤링 배너 */
.main_image_slider {position: relative; display: block; width: 100%; height: auto; overflow: hidden; font-family: 'Pretendard'; max-width: 1550px; max-height: 700px; margin: 0 auto;}
.main_image_slider * {font-family: 'Pretendard';}
.main_image_slider .swiper {position: relative; width: 100%; height: auto; font-size: 0; line-height: 1;}
.main_image_slider .swiper-wrapper {height: auto;}
.main_image_slider .swiper-slide {overflow: hidden; height: auto;}
.main_image_slider .swiper-slide .title {position: absolute; z-index: -99999; opacity: 0; visibility: hidden;}
.main_image_slider .swiper-slide .videos {position: relative;display: flex;align-items: center;justify-content: center;width: 100%;max-height: 700px;overflow: hidden;}
/* .main_image_slider .swiper-slide .videos:before {content: ""; display: block; width: 2px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}
.main_image_slider .swiper-slide .videos:after {content: ""; display: block; width: 2px; height: 100%; background: #fff; position: absolute; right: 0; top: 0;} */
.main_image_slider .swiper-slide .videos video {width: fit-content;height: auto;min-height: 100%;object-fit: cover;max-width: calc(100% + 8px);}
.main_image_slider .swiper-slide .videos.mo {display:none;}
.main_image_slider .swiper-slide .thumb {position: relative; display: block; width: 100%; height: auto;}
.main_image_slider .swiper-slide .thumb img {width: 100%;}
.main_image_slider .swiper-slide .mo_img {display: none;}
.main_image_slider .swiper-button-prev:after {display: none;}
.main_image_slider .swiper-button-next:after {display: none;}
.main_image_slider .swiper-button-prev img {display: block; width: 27px;}
.main_image_slider .swiper-button-next img {display: block; width: 27px;}

.main_image_slider .swiper-button-prev .title_text {position: absolute; left: 37px; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; font-weight: 400; color: #000; white-space: pre;}
.main_image_slider .swiper-button-next .title_text {position: absolute; right: 37px; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; font-weight: 400; color: #000; white-space: pre;}

.main_image_slider .swiper-pagination {bottom: 74px !important; top: initial !important; font-size: 0; line-height: 1;}
.main_image_slider .swiper-pagination .swiper-pagination-bullet {width: 45px; height: 2px; margin: 0 !important; padding: 0 !important; background: #bebebe; opacity: 1; border-radius: 0 !important;}
.main_image_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #424242;}


@media all and (max-width: 1024px) {
    .main_image_slider .swiper-slide .thumb.pc_img {display: none;}
    .main_image_slider .swiper-slide .thumb.mo_img {display: block;}
    .main_image_slider .swiper-slide .videos {height: 158.6914vw;}
    .main_image_slider .swiper-slide .videos video {max-width: 100%; width: 100%;}
    /* .main_image_slider .swiper-slide .videos:before {display: none;}
    .main_image_slider .swiper-slide .videos:after {display: none;} */
    .main_image_slider .swiper-slide .videos.pc {display:none;}
    .main_image_slider .swiper-slide .videos.mo {display:block;}

    .main_image_slider .swiper-pagination {bottom: 12.0000vw !important;}
    .main_image_slider .swiper-pagination .swiper-pagination-bullet {width: 6.0000vw; height: 0.4667vw;}
    .main_image_slider .swiper-button-prev,.main_image_slider .swiper-button-next {display: none;}
}/* 1024px */

@media all and (max-width: 425px) {
    .main_image_slider .swiper-pagination {bottom: 45px;}
    .main_image_slider .swiper-pagination .swiper-pagination-bullet {width: 23px; height: 2px;}
}/* 425px */


/* 메인 section */
.main_section {position: relative; display: block; width: 100%; height: auto; overflow: hidden; }
.main_section__inner {position: relative; max-width: 1584px; padding: 0 20px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.main_section__inner > .title {display: flex; justify-content: space-between; align-items: flex-start; width: 100%; font-family: 'Pretendard';}
.main_section__inner > .title h3 {display: block; line-height: 1; font-size: 25px; font-weight: 500; color: #000;font-family: 'Pretendard';}
@media all and (max-width: 1024px) {
    .main_section__inner {padding: 0;}
    .main_section__inner > .title {padding-left: 20px; box-sizing: border-box;}
    .main_section__inner > .title h3 {font-size: 35px;}
}/* 1024 */
@media all and (max-width: 1023px) {
    .main_section__inner > .title h3 {font-size: 3.4213vw;}
}/* 1023px */
@media all and (max-width: 425px) {
    .main_section__inner > .title h3 {font-size: calc(35px / 2);}
}/* 425px */


/* Collection */
/* Collection */
/* Collection */
.main_section--collection {padding-top: 52px;}
.main_collection {position: relative; display: block; width: 100%; height: auto; line-height: 1; font-size: 0; padding-bottom: 42px; border-bottom: 1px solid #C6C6C6; box-sizing: border-box; margin-top: 6px;}
.main_collection > .inner {display: flex;  justify-content: center;}
.main_collection > .inner:before {content: ""; display: block; width: 25%; max-width: 200px; margin: 0 20px;}
.main_collection > .inner .box.btn {position: relative; display: flex; align-items: center; justify-content: center; width: 25%; padding-right: 30px; box-sizing: border-box;}
.main_collection > .inner .box.btn a { font-size: 15px; font-weight: 500; color: #111; text-decoration: underline; text-underline-offset: 3px; line-height: 22.5px; font-family: 'Pretendard';}
.main_collection > .inner .box {position: relative; display: block; width: 25%; max-width: 200px; margin: 0 20px;}
.main_collection > .inner .image {}
.main_collection > .inner .image img {display: block; width: 100%;}
.main_collection > .inner .text {text-align: center; margin-top: 20px;}
.main_collection > .inner .text strong {font-size: 14px; font-weight: 700; color: #111; line-height: 1; display: block; margin-bottom: 8px;font-family: 'Pretendard';}
.main_collection > .inner .text a {font-size: 13px; font-weight: 500; color: #111; line-height: 1; margin-top: 10px; text-decoration: underline; text-underline-offset: 3px;font-family: 'Pretendard';}
.main_collection > .inner.mobile {display: none;}

@media all and (max-width: 1024px) {
    .main_collection > .inner.pc {display: none;}
    .main_collection > .inner.mobile {display: block;}
    .main_section.main_section--collection {padding-top: 82px;}
    .main_collection {border-bottom: 0; padding: 0 20px; margin-top: 36px;}
    .main_collection > .inner {position: relative; width: 100%;  justify-content: flex-start; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; padding: 0 0 54px;}
    /* .main_collection .inner::-webkit-scrollbar { height: 1px;background: #b1b1b1;}
    .main_collection .inner::-webkit-scrollbar-track {background: #b1b1b1;}
    .main_collection .inner::-webkit-scrollbar-thumb { background-color: #000;} */
    .main_collection > .inner:before {display: none;}
    .main_collection > .inner .box:first-child {margin-left: 20px;}

    .main_collection > .inner .box {flex-shrink: 0; width: 25%; max-width: initial; margin: 0; padding: 0 16px; box-sizing: border-box;}
    .main_collection > .inner .box:first-child {margin-left: 0; margin-left: -16px;}
    .main_collection > .inner .image {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%;}
    .main_collection > .inner .image > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .main_collection > .inner .text {margin-top: 43px;}
    .main_collection > .inner .text strong {font-size: 26px; margin-bottom: 13px;}
    .main_collection > .inner .text a {font-size: 23px;}
    .main_collection > .inner .box.btn {padding-right: 30px;}
    .main_collection > .inner .box.btn a {font-size: 23px;}
}/* 1024 */
@media all and (max-width: 1023px) {
    .main_section.main_section--collection {padding-top: 8.0156vw;}
    .main_collection {margin-top: 3.5191vw;}
    .main_collection > .inner {padding: 0 0 5.2786vw;}
    .main_collection > .inner .box {padding: 0 1.5640vw; }
    .main_collection > .inner .box:first-child {margin-left: -1.5640vw;}
    .main_collection > .inner .text {margin-top: 4.2033vw;}
    .main_collection > .inner .text strong {font-size: 2.5415vw; margin-bottom: 1.2708vw;}
    .main_collection > .inner .text a {font-size: 2.2483vw;}
    .main_collection > .inner .box.btn {padding-right: 2.9326vw;}
    .main_collection > .inner .box.btn a {font-size: 2.2483vw;}
}/* 1023px */
@media all and (max-width: 520px) {
    .main_section.main_section--collection {padding-top: calc(82px / 2);}
    .main_collection {margin-top: calc(36px / 2);}
    .main_collection > .inner {padding: 0 0 calc(54px / 2);}
    .main_collection > .inner .box {padding: 0 calc(16px / 2); width: calc(25% + 8px);}
    .main_collection > .inner .box:first-child {margin-left: calc(-16px / 2);}
    .main_collection > .inner .text {margin-top: calc(43px / 2);}
    .main_collection > .inner .text strong {font-size: calc(26px / 2); margin-bottom: calc(13px / 2);}
    .main_collection > .inner .text a {font-size: calc(23px / 2);}
    .main_collection > .inner .box.btn {padding-right: calc(30px / 2);}
    .main_collection > .inner .box.btn a {font-size: calc(23px / 2);}
}/* 520px */

.simplebar-track.simplebar-vertical {display: none !important;}
.simplebar-content {display: flex;}
.simplebar-track.simplebar-horizontal {height: 1px !important; background-color: #b1b1b1;}
.simplebar-scrollbar::before {background-color: #000 !important; opacity: 1 !important;}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {top: 0; bottom: 0; height: 1px;}


/* Products */
/* Products */
/* Products */
.main_section--products {margin-top: 115px; display: none;}
.main_products {margin-top: 40px;}
.main_products > .goods_list ~ .goods_list {margin-top: 90px;}
.main_products .item_gallery_type {}
.main_products .item_gallery_type > ul {height: auto;}
.main_products .item_gallery_type > ul > li {width: 350px !important; position: relative;}
.main_products .item_gallery_type > ul > li .item_cont {padding: 0; margin: 0; border: 0; border-bottom: 1px solid #C6C6C6;}

.main_products .swiper-slide .item_photo_box {transition: opacity 0.5s ease-in-out; will-change: opacity;  opacity: 0;}

/* 화면에 보이거나 활성화된 슬라이드는 불투명하게 */
.main_products .swiper-slide.swiper-slide-visible .item_photo_box,
.main_products .swiper-slide.swiper-slide-active .item_photo_box {transition: opacity 0.5s ease-in-out 0.1s; opacity: 1;}

.main_products .item_photo_box {width: 100%; margin: 0;}
.main_products .item_photo_box > a {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; display: block;}
.main_products .item_photo_box > a img {position: absolute; left: 0; top: 0; display: block !important; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out !important; transform: scale(1) !important;}
.main_products .item_photo_box > a img.front {opacity: 1; z-index: 2;}
.main_products .item_photo_box > a img.back {opacity: 0; z-index: 1;}
.main_products .item_photo_box:hover img.front {opacity: 0;}
.main_products .item_photo_box:hover img.back {opacity: 1;}
.main_products .item_gallery_type > ul > li .tag_box { display: flex; align-items: flex-end; text-align: center; width: 100%; height: auto; position: absolute; left: 0; bottom: 5px; padding: 0 5px; box-sizing: border-box; flex-wrap: wrap; flex-flow: wrap-reverse}
.main_products .item_gallery_type > ul > li .tag_box .tag {display: flex; align-items: center; justify-content: center; line-height: 1; width: fit-content; height: 32px; border: 0; background: #fff; font-size: 10px; font-weight: 400; color: #000; padding: 0 10px; z-index: 2; transition: all 0.2s ease-in-out; min-width: 50px; margin: 5px 5px 0 0; box-sizing: border-box; font-family: 'Pretendard';}
/* .main_products .item_gallery_type > ul > li:hover .tag_box .tag {background: #000; color: #fff;} */


.main_products .item_info_cont {padding: 0; margin: 0; box-sizing: border-box; padding: 25px 0 19px 0;}
.main_products .item_tit_box {padding: 0; margin: 0;}
.main_products .item_tit_box > a {padding: 0; margin: 0; font-size: 0; line-height: 1.2;}
.main_products .item_tit_box > a strong.item_name {padding: 0; margin: 0; line-height: 1.2; font-size: 18px; font-weight: 700;font-family: 'Pretendard';}
.main_products .item_cont .item_tit_box > a strong.item_name {color: #111 !important;font-family: 'Pretendard';}

.main_products .item_money_box {padding: 0; margin: 6px 0 0 0;}
.main_products .item_money_box strong,
.main_products .item_money_box .item_price {padding: 0; margin: 0; display: block; font-size: 15px; font-weight: 400; color: #111; line-height: 1.5;font-family: 'Pretendard';}

.main_products .item_gallery_type > ul > li .btn_more {padding: 0; margin: 0; position: relative; display: block; width: fit-content; line-height: 1; font-size: 13px; font-weight: 400; color: #111;font-family: 'Pretendard'; margin-top: 19px;}
.main_products .item_gallery_type > ul > li .btn_more:after {content: ""; position: absolute; left: 0; bottom: -3px; display: block; width: 0%; height: 1px; transition: all 0.3s ease-in-out; opacity: 0; background: #000;}
.main_products .item_gallery_type > ul > li:hover .btn_more:after {width: 100%; opacity: 1;}

.main_section .controls {display: flex; align-items: center; justify-content: space-between; width: 82px;}
.btn_main_slidePrev {font-size: 0; padding: 0; cursor: pointer; display: block; width: 15px; height: 30px; background: url(../../img/main/prd_prev.png)no-repeat top left / 15px; }
.btn_main_slidePrev.swiper-button-disabled {background: url(../../img/main/prd_prev_disabled.png)no-repeat top left / 15px; cursor: default;}
.btn_main_slideNext {font-size: 0; padding: 0; cursor: pointer; display: block; width: 15px; height: 30px;background: url(../../img/main/prd_next.png)no-repeat top left / 15px;}
.btn_main_slideNext.swiper-button-disabled {background: url(../../img/main/prd_next_disabled.png)no-repeat top left / 15px; cursor: default;}

@media all and (max-width: 1024px) {
    .main_section--products {margin-top: 140px;}
    .main_products {margin-top: 25px; padding: 0 20px; box-sizing: border-box;}
    .main_products > .goods_list ~ .goods_list {margin-top: 110px;}
    .main_products .item_gallery_type > ul > li {width: 450px !important;}

    .main_products .item_gallery_type > ul > li .tag_box {bottom: 5px; padding: 0 5px;}
    .main_products .item_gallery_type > ul > li .tag_box .tag {min-width: 80px; height: 52px; font-size: 15px; margin: 5px 5px 0 0; padding: 0 20px;}

    .main_products .item_info_cont {padding: 26px 0 23px 0;}
    .main_products .item_tit_box > a strong.item_name {font-size: 26px;}
    
    .main_products .item_money_box {margin: 14px 0 0 0;}
    .main_products .item_money_box strong,
    .main_products .item_money_box .item_price {font-size: 24px; line-height: 1.25;}
    
    .main_products .item_gallery_type > ul > li .btn_more {font-size: 24px; margin-top: 20px;}
    .main_products .item_gallery_type > ul > li .btn_more:after {bottom: -3px; /* opacity: 1; width: 100%; */}

    .main_section .controls {width: 127px; padding-right: 20px; box-sizing: border-box;}
    .btn_main_slidePrev {width: 20px; height: 40px; background-size: 20px !important;}
    .btn_main_slideNext {width: 20px; height: 40px; background-size: 20px !important;}
}/* 1024 */
@media all and (max-width: 1023px) {
    .main_section--products {margin-top: 13.6852vw;}
    .main_products {margin-top: 2.4438vw;}
    .main_products > .goods_list ~ .goods_list {margin-top: 10.7527vw;}
    .main_products .item_gallery_type > ul > li {width: 43.9883vw !important;}

    /* .main_products .item_gallery_type > ul > li .tag_box {bottom: 1.0753vw; padding: 0 0.5865vw;}
    .main_products .item_gallery_type > ul > li .tag_box .tag {min-width: 7.8201vw; height: 5.0831vw; font-size: 1.4663vw; margin: 0.4888vw 0.4888vw 0 0.4888vw; padding: 0 1.9550vw;} */
    .main_products .item_gallery_type > ul > li .tag_box {bottom: 0.4888vw; padding: 0 0.4888vw;}
    .main_products .item_gallery_type > ul > li .tag_box .tag {min-width: 7.8201vw; height: 5.0831vw; font-size: 1.4663vw; margin: 0.4888vw 0.4888vw 0 0; padding: 0 1.9550vw;}

    .main_products .item_info_cont {padding: 2.5415vw 0 2.2483vw 0;}
    .main_products .item_tit_box > a strong.item_name {font-size: 2.5415vw;}
    
    .main_products .item_money_box {margin: 1.3685vw 0 0 0;}
    .main_products .item_money_box strong,
    .main_products .item_money_box .item_price {font-size: 2.3460vw;}
    
    .main_products .item_gallery_type > ul > li .btn_more {font-size: 2.3460vw; margin-top: 1.9550vw;}
    .main_products .item_gallery_type > ul > li .btn_more:after {bottom: -0.2933vw;}

    .main_section .controls {width: 12.4145vw;}
    .btn_main_slidePrev {width: 1.9550vw; height: 3.9101vw; background-size: 1.9550vw !important;}
    .btn_main_slideNext {width: 1.9550vw; height: 3.9101vw; background-size: 1.9550vw !important;}
}/* 1023px */
@media all and (max-width: 520px) {
    .main_section--products {margin-top: calc(140p / 2);}
    .main_products {margin-top: calc(25px / 2);}
    .main_products > .goods_list ~ .goods_list {margin-top: calc(110px / 2);}
    .main_products .item_gallery_type > ul > li {width: calc(450px / 2) !important;}

    .main_products .item_gallery_type > ul > li .tag_box {bottom: calc(7px / 2); padding: 0 calc(7px / 2);}
    .main_products .item_gallery_type > ul > li .tag_box .tag {min-width: calc(80px / 2); height: calc(52px / 2); font-size: 10px; margin: calc(7px / 2) calc(7px / 2) 0 0; padding: 0 10px;}
    
    .main_products .item_info_cont {padding: calc(26px / 2) 0 calc(23px / 2) 0;}
    .main_products .item_tit_box > a strong.item_name {font-size: calc(26px / 2);}
    
    .main_products .item_money_box {margin: calc(14px / 2) 0 0 0;}
    .main_products .item_money_box strong,
    .main_products .item_money_box .item_price {font-size: calc(24px / 2);}
    
    .main_products .item_gallery_type > ul > li .btn_more {font-size: calc(24px / 2); margin-top: calc(20px / 2);}
    .main_products .item_gallery_type > ul > li .btn_more:after {bottom: calc(-4px / 2);}

    .main_section .controls {width: calc(127px / 2);}
    .btn_main_slidePrev {width: calc(20px / 2); height: calc(40px / 2); background-size: calc(20px / 2) !important;}
    .btn_main_slideNext {width: calc(20px / 2); height: calc(40px / 2); background-size: calc(20px / 2) !important;}
}/* 520px */


/* 상담예약 */
.consultation_booking {padding-top: 178px; box-sizing: border-box;}
.consultation_booking strong {display: block; line-height: 1; font-size: 26px; font-weight: 500; color: #111;}
.consultation_booking > div {line-height: 1.3; display: flex; align-items: center; flex-wrap: wrap; width: 100%; margin-top: 13px;}
.consultation_booking > div p {font-size: 22px; font-weight: 400; color: #858585; margin-right: 20px; font-family: 'Pretendard';}
.consultation_booking > div p .br {display: none;}
.consultation_booking > div a {font-size: 21px; font-weight: 400; color: #111; text-decoration: underline; text-underline-offset: 4px; font-family: 'Pretendard';}

@media all and (max-width: 1024px) {
    .consultation_booking {padding-left: 20px; padding-right: 20px; padding-top: 175px;}
    .consultation_booking strong {font-size: 30px;}
    
    .consultation_booking > div {line-height: 1.25; display: block; margin-top: 24px;}
    .consultation_booking > div p {}
    .consultation_booking > div p .br {display: block;}
    .consultation_booking > div a {display: block; font-size: 28px; margin-top: 26px; width: fit-content;}
    
}/* 1024 */
@media all and (max-width: 1023px) {
    .consultation_booking {padding-top: 17.1065vw;}
    .consultation_booking strong {font-size: 2.9326vw;}
    
    .consultation_booking > div {margin-top: 2.3460vw;}
    .consultation_booking > div p {font-size: 2.3460vw;}
    .consultation_booking > div a {font-size: 2.7370vw; margin-top: 2.5415vw; text-underline-offset: 3px; line-height: 1.5;}
    
}/* 1023 */
@media all and (max-width: 520px) {
    .consultation_booking {padding-top: calc(174px / 2);}
    .consultation_booking strong {font-size: calc(30px / 2);}
    
    .consultation_booking > div {margin-top: calc(24px / 2);}
    .consultation_booking > div p {font-size: calc(24px / 2);}
    .consultation_booking > div a {font-size: calc(28px / 2); margin-top: calc(22px / 2);}
    
}/* 520px */


/* event */
.main_section--event {margin-top: 150px;}
.main_section--event .title a {display: flex; align-items: center; line-height: 1; width: fit-content; font-size: 14px; font-weight: 500; color: #111;}
.main_section--event .title a img {display: block; width: 15px; height: auto; margin-left: 10px;}
.main_section--event .title .controls {display: none;}
.main_event {margin-top: 37px;}
.main_event .pc {}
.main_event .mo {display: none;}
.main_event .pc > ul {position: relative; display: flex; width: 100%; height: auto; flex-wrap: wrap;}
.main_event .pc > ul > li {position: relative; display: block; margin-right: 15px; width: calc(33.3333333333% - 10px);}
.main_event .pc > ul > li:nth-child(3n) {margin-right: 0;}
.main_event .pc > ul > li:nth-child(n+4) {margin-top: 15px;}
.main_event .pc > ul > li > a {position: relative; width: 100%;}
.main_event .pc > ul > li > a img {display: block; width: 100%;}
.main_event .pc > ul > li > a .tag {display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; height: 25px; width: fit-content; padding: 0 5px; font-family: 'Pretendard'; font-size: 15px; font-weight: 400; color: #000; border-radius: 5px; background: rgba(255,255,255,0.5); position: absolute; right: 15px; top: 15px;}

@media all and (max-width: 1024px) {
    .main_section--event {margin-top: 140px;}
    .main_event {margin-top: 30px;}
    .main_event .pc {display: none;}
    .main_event .mo {display: block; padding: 0 20px;}
    .main_section--event .title a {display: none;}
    .main_section--event .title .controls {display: flex;}

    #mainEventSlider { box-sizing: border-box;}
    #mainEventSlider > ul {height: auto;}
    #mainEventSlider > ul li {width: 600px;}
    #mainEventSlider > ul li a {position: relative; display: block; width: 100%; height: auto;}
    #mainEventSlider > ul li a img {display: block; width: 100%; height: auto;}
    #mainEventSlider > ul li a .tag {display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; height: 37px; width: fit-content; padding: 0 8px; font-family: 'Pretendard'; font-size: 19px; font-weight: 400; color: #000; border-radius: 5px; background: rgba(255,255,255,0.5); position: absolute; right: 13px; top: 16px;}

    #mainEventSlider > ul li a img {transition: opacity 0.5s ease-in-out; will-change: opacity;  opacity: 0;}
    #mainEventSlider > ul li.swiper-slide-visible a img,
    #mainEventSlider > ul li.swiper-slide-active a img {transition: opacity 0.5s ease-in-out 0.05s; opacity: 1;}

}/* 1024 */

@media all and (max-width: 1023px) {
    .main_section--event {margin-top: 13.6852vw;}
    .main_event {margin-top: 2.9326vw; min-height:46vw;}
    #mainEventSlider > ul li {width: 58.6510vw;}
    #mainEventSlider > ul li a .tag {height: 3.6168vw; padding: 0 0.7820vw; font-size: 1.8573vw; border-radius: 0.4888vw; right: 1.2708vw; top: 1.5640vw;}
}/* 1023px */

@media all and (max-width: 520px) {
    #mainEventSlider:not(.swiper-initialized){height:calc(475px / 2);}
    .main_section--event {margin-top: calc(140px / 2);}
    .main_event {margin-top: calc(30px / 2);  min-height:calc(475px / 2);}
    #mainEventSlider > ul li {width: calc(600px / 2);}
    #mainEventSlider > ul li a .tag {height: calc(37px / 2); padding: 0 calc(8px / 2); font-size: calc(19px / 2); border-radius: calc(5px / 2); right: calc(13px / 2); top: calc(16px / 2);}
}/* 520px */

@media all and (max-width: 320px) {
    #mainEventSlider > ul li {width:87.4286vw;}
}




