@charset "UTF-8";
#wrap .wrap_inner.hidden{overflow: hidden;}

/* main_layout */
/* **************************** S:main_layout **************************** */
.main_component{width: 100%;background-color: var(--color-ivory2);}
.main_component .main_hd{width: 100%;line-height: 0;position: sticky;left: 0;top: 0;right: 0;z-index: 1;}
.main_component .main_bd{width: 100%;line-height: 0;position: relative;z-index: 2;background-color: var(--color-ivory2);}
.main_component .main_bd .bd_tit_box{width: 100%;padding: 18px 16px;background-color: var(--color-ivory2);box-sizing: border-box;}
.main_component .main_bd .bd_tit_box .main_bd_tit{font-size: var(--fs-19);font-weight: 400;line-height: var(--lh-23);color: var(--color-black1);letter-spacing: -0.01em;text-align: center;}

.main_component .main_sect{overflow: hidden;}
/* **************************** //E:main_layout  **************************** */


/* **************************** S:main_intro **************************** */
.main_component .main_intro_box{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 300;pointer-events: auto;opacity: 1;transition: opacity .25s ease-out;}
.main_component .main_intro_box.hidden{opacity: 0;pointer-events: none;}
.main_component .main_intro_box .intro_video_box{width: 100%;height: 100%;position: relative;overflow: hidden;}
.main_component .main_intro_box .intro_video_box .video_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.main_component .main_intro_box .intro_video_box .video_box video{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.main_component .main_intro_box .intro_video_box .video_box #introVideo{width: 100%;height: 100%;object-fit: cover;object-position: center;}
/* **************************** //E:main_intro  **************************** */



/* **************************** S:main_layout **************************** */
.main_vsl_sect{}
.main_vsl_sect .sect_inner{}

.main_vsl_sect .main_vsl_swiper{}
.main_vsl_sect .main_vsl_swiper .swiper_pagination_box{width: 100%;padding: 16px 16px 0;box-sizing: border-box;position: absolute;left: 0;top: 0;right: 0;z-index: 10;}
.main_vsl_sect .main_vsl_swiper .swiper_pagination_box .swiper_pagination{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 5px;position: unset;left: unset;top: unset;right: unset;bottom: unset;z-index: unset;width: auto;}
.main_vsl_sect .main_vsl_swiper .swiper_pagination_box .swiper_pagination .swiper-pagination-bullet{flex: 1;width: auto;height: 1px;transform: translateY(-50%) scaleY(1.2);margin: 0;padding: 0;background-color: var(--color-gray2);border-radius: 0;border: 0;opacity: 1;transition: width .45s ease, background-color .45s ease-in, flex .45s ease;}
.main_vsl_sect .main_vsl_swiper .swiper_pagination_box .swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{flex: 2;background-color: var(--color-red2);}

.main_vsl_sect .main_vsl_swiper .main_vsl_list{align-items: stretch;transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.main_vsl_sect .main_vsl_swiper .main_vsl_item{height: auto;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item.active{}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .item_inner{width: 100%;height: 100%;position: relative;overflow: hidden;}

.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box{}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box .vsl_video_box{width: 100%;height: 0;padding-top: 160%;position: relative;overflow: hidden;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box .vsl_video_box .video_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box .vsl_video_box .video_box .vsl_video{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box{}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box .vsl_img_box{width: 100%;height: 0;padding-top: 160%;position: relative;overflow: hidden;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box .vsl_img_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_vsl_box .vsl_img_box .img_box .vsl_image{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box{width: 100%;padding: 0 16px 28px;box-sizing: border-box;position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;opacity: 0;transform: translateY(30px);transition: all .45s ease-in-out .65s;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item.active .cnt_desc_box{opacity: 1;transform: translateY(0);}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box .desc_tit_box{}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box .desc_tit{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-ivory2);letter-spacing: 0.02em;word-break: keep-all;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box .desc_link_box{}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box .desc_tit_box + .desc_link_box{margin-top: 4px;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box .desc_link{display: inline-block;padding-bottom: 3px;position: relative;overflow: hidden;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box .desc_link::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-ivory2);position: absolute;left: 0;bottom: 0;right: 0;}
.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_desc_box .desc_link_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-18);color: var(--color-ivory2);letter-spacing: 0.04em;white-space: nowrap;}

.main_vsl_sect .main_vsl_swiper .main_vsl_item .cnt_dimed_box{position: absolute;left: 0;bottom: 0;right: 0;z-index: 1;width: 100%;height: 0;padding-top: 80%;background: var(--dark-gradient);}



.main_curated_sect{width: 100%;}
.main_curated_sect .sect_inner{width: 100%;padding: 0 0 64px 16px;box-sizing: border-box;}

.main_curated_sect .crt_cnt_wrap{}
.main_curated_sect .crt_cnt_wrap + .crt_cnt_wrap{margin-top: 60px;}
.main_curated_sect .crt_cnt_wrap .cnt_wrap_inner{}

.main_curated_sect .crt_cnt_box{display: inline-block;}
.main_curated_sect .crt_cnt_box .cnt_img_box{display: block;width: 100%;position: relative;overflow: hidden;}
.main_curated_sect .crt_cnt_box .cnt_img_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.main_curated_sect .crt_cnt_box .cnt_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main_curated_sect .crt_cnt_box .cnt_desc_box{padding-right: 16px;}
.main_curated_sect .crt_cnt_box .cnt_img_box + .cnt_desc_box{margin-top: 18px;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_hd{}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_tit_box{overflow: hidden;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_tit_box .desc_tit{display: block;font-size: var(--fs-17);font-weight: 500;line-height: var(--lh-23);color: var(--color-black1);letter-spacing: 0.01em;text-align: left;word-break: keep-all;}

.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_hd + .desc_bd{margin-top: 18px;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_bd{margin-top: 18px;padding-left: 10px;position: relative;overflow: hidden;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_bd .desc_bd_line{content: '';display: block;width: 0.7px;height: calc(100% - 3px);background-color: var(--color-brown3);position: absolute;left: 0;top: 0;}

.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box{overflow: hidden;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box.with_and{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 1px;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box .desc_cate{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-16);color: var(--color-brown3);letter-spacing: 0.01em;text-align: left;-webkit-text-stroke-width: 0.15px;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box .desc_cate{}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box .icon_and_sm{display: inline-block;width: 9px;height: 9px;pointer-events: none;margin-bottom: -1px;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box .icon_and_sm svg{width: 100%;height: 100%;pointer-events: none;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box .icon_and_sm svg path{fill: var(--color-brown3);}

.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_txt_box{}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_cate_box + .desc_txt_box{margin-top: 4px;}
.main_curated_sect .crt_cnt_box .cnt_desc_box .desc_txt_box .desc_txt{font-size: var(--fs-13);font-weight: 500;line-height: var(--lh-19);color: var(--color-brown3);text-align: left;}

.main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_float::after{content: '';display: block;visibility: hidden;clear: both;}
.main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_float .crt_cnt_box.right{float: right;}
.main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_float .crt_cnt_box.left{float: left;}

.main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_flex{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: nowrap;column-gap: 16px;}
.main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_flex .crt_cnt_box{flex: 0 0 auto;}
.main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_flex .crt_cnt_box + .crt_cnt_box{margin-top: 120px;}

.main_curated_sect .crt_cnt_box.ty_flex{display: flex;align-items: flex-end;flex-wrap: nowrap;column-gap: 12px;}
.main_curated_sect .crt_cnt_box.ty_flex .cnt_img_box{flex: 0 0 auto;}
.main_curated_sect .crt_cnt_box.ty_flex .cnt_desc_box{flex: 1;}
.main_curated_sect .crt_cnt_box.ty_flex .cnt_img_box + .cnt_desc_box{margin-top: 0;}


.main_curated_sect .crt_cnt_box.cnt_01{width: 84.64%;}
.main_curated_sect .crt_cnt_box.cnt_01 .cnt_img_box{aspect-ratio: 3 / 4;}

.main_curated_sect .crt_cnt_box.cnt_02{width: 43.26%;}
.main_curated_sect .crt_cnt_box.cnt_02 .cnt_img_box{aspect-ratio: 3 / 4;}

.main_curated_sect .crt_cnt_box.cnt_03{width: 52.04%;}
.main_curated_sect .crt_cnt_box.cnt_03 .cnt_img_box{aspect-ratio: 3 / 4;}

.main_curated_sect .crt_cnt_box.cnt_04{width: 81.19%;}
.main_curated_sect .crt_cnt_box.cnt_04 .cnt_img_box{aspect-ratio: 1 / 1;}

.main_curated_sect .crt_cnt_box.cnt_05{width: 84.64%;}
.main_curated_sect .crt_cnt_box.cnt_05 .cnt_img_box{aspect-ratio: 16 / 9;}

.main_curated_sect .crt_cnt_box.cnt_06{width: auto;}
.main_curated_sect .crt_cnt_box.cnt_06 .cnt_img_box{width: 39.5%;aspect-ratio: 5 / 8;}

.main_curated_sect .crt_cnt_box.cnt_07{width: 84.64%;}
.main_curated_sect .crt_cnt_box.cnt_07 .cnt_img_box{aspect-ratio: 3 / 4;}

.main_curated_sect .crt_cnt_box.cnt_08{width: 43.26%;}
.main_curated_sect .crt_cnt_box.cnt_08 .cnt_img_box{aspect-ratio: 3 / 4;}

.main_curated_sect .crt_cnt_box.cnt_09{width: 52.04%;}
.main_curated_sect .crt_cnt_box.cnt_09 .cnt_img_box{aspect-ratio: 3 / 4;}

.main_curated_sect .crt_cnt_box.cnt_10{width: 81.19%;}
.main_curated_sect .crt_cnt_box.cnt_10 .cnt_img_box{aspect-ratio: 1 / 1;}



@media (max-width: 374px){
    .main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_flex .crt_cnt_box{flex: 1;max-width: 50%;}
    .main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_flex .crt_cnt_box .cnt_img_box .img_box{width: 100%;}
    .main_curated_sect .crt_cnt_wrap .cnt_wrap_inner.ty_flex .crt_cnt_box .cnt_img_box .img_box img{width: 100%;}
}


.video_loader {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: var(--color-ivory2);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid var(--color-brown3);
    border-top: 4px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}


/* **************************** //E:main_layout  **************************** */