@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;}

.main_component .main_intro_box .intro_video_box .video_skip_box{position: absolute;top: 0;right: 0;z-index: 5;}
.main_component .main_intro_box .intro_video_box .video_skip_box .btns_video_skip{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;padding: 14px;box-sizing: border-box;}
.main_component .main_intro_box .intro_video_box .video_skip_box .btns_video_skip .btns_name{display: inline-block;font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-brown3);text-transform: capitalize;}
.main_component .main_intro_box .intro_video_box .video_skip_box .btns_video_skip .icon_btns_arr{display: inline-block;width: 8px;height: 14px;pointer-events: none;}
.main_component .main_intro_box .intro_video_box .video_skip_box .btns_video_skip .icon_btns_arr svg{width: 100%;height: 100%;pointer-events: none;}
/* **************************** //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); }
}


#popupWrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 200;pointer-events: none;background-color: transparent;transition: background-color .35s ease;}
#popupWrap.is_opened{pointer-events: auto;background-color: rgba(0, 0, 0, .4);}
#popupWrap .popup_inner{width: 100%;height: 100%;background-color: #E6E2DD;clip-path: inset(50% 0%);transition: clip-path .65s cubic-bezier( 0.645, 0.045, 0.355, 1);pointer-events: none;overflow: hidden;}
#popupWrap.is_opened .popup_inner{clip-path: inset(0% 0%);pointer-events: auto;}

#popupWrap .popup_hd{width: 100%;background-color: var(--color-black2);}
#popupWrap .popup_hd .popup_hd_inner{width: 100%;display: flex;align-items: center;justify-content: space-between;column-gap: 16px;flex-wrap: nowrap;box-sizing: border-box;}
#popupWrap .popup_hd .close_box{line-height: 0;}
#popupWrap .popup_hd .btns_close_popup{}

#popupWrap #btnsPopCloseToday{display: inline-block;line-height: 0;padding: 10px 16px;}
#popupWrap #btnsPopCloseToday .btns_name{display: inline-block;font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray5);white-space: nowrap;}

#popupWrap #btnsPopClose{padding: 10px 14px;}
#popupWrap #btnsPopClose .btns_inner{position: relative;width: 20px;height: 20px;}
#popupWrap #btnsPopClose .btns_inner span{display: inline-block;box-sizing: border-box;}
#popupWrap #btnsPopClose .btns_inner span{position: absolute;left: 0;width: 100%;height: 1px;background-color: var(--color-gray5);transform: scaleY(1.2);transform-origin: center;}
#popupWrap #btnsPopClose .btns_inner span:nth-of-type(1){ top: 0; transform: translateY(9.5px) rotate(45deg);background-color: transparent;}
#popupWrap #btnsPopClose .btns_inner span:nth-of-type(2){ bottom: 0; transform: translateY(-9.5px) rotate(-45deg);}
#popupWrap #btnsPopClose .btns_inner span:nth-of-type(1)::before,
#popupWrap #btnsPopClose .btns_inner span:nth-of-type(1)::after{content: '';display: block;position: absolute;height: 1px;background-color: var(--color-gray5);transform: scaleY(1.2);transform-origin: center;pointer-events: none;}
#popupWrap #btnsPopClose .btns_inner span:nth-of-type(1)::before{width: 50%;left: 0;}
#popupWrap #btnsPopClose .btns_inner span:nth-of-type(1)::after{width: calc(50% - 2px);right: 0;}


#popupWrap .popup_bd{width: 100%;height: calc(100% - 40px);}
#popupWrap .popup_bd .popup_bd_inner{width: 100%;height: 100%;}
#popupWrap .popup_cnt_wrap{width: 100%;height: 100%;}
#popupWrap .popup_cnt_wrap .popup_cnt_list{width: 100%;height: 100%;}
#popupWrap .popup_cnt_wrap .popup_cnt_item{width: 100%;height: 100%;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_inner{display: block;width: 100%;height: 100%;position: relative;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_thumb_box{width: 100%;height: 100%;position: relative;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_thumb_box .img_box{width: 100%;height: 100%;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_thumb_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_thumb_box .img_dim_box{width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.20) 100%);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 201;}

#popupWrap .popup_cnt_wrap .popup_cnt_item .item_desc_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 205;display: flex;align-items: flex-end;justify-content: flex-start;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_desc_box .desc_inner{width: 100%;padding: 48px 16px;box-sizing: border-box;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_tit_box{}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_tit_box .item_tit{font-size: var(--fs-22);font-weight: 500;line-height: var(--lh-32);color: var(--color-ivory2);letter-spacing: 0.01em;word-break: keep-all;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_txt_box{padding-left: 16px;position: relative;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_txt_box::before{content: '';display: block;width: 1px;height: calc(100% - 12px);background-color: var(--color-ivory2);position: absolute;left: 0;top: 50%;z-index: 206;transform: translateY(-50%);}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_tit_box + .item_txt_box{margin-top: 8px;}
#popupWrap .popup_cnt_wrap .popup_cnt_item .item_txt_box .item_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-ivory2);letter-spacing: 0.01em;word-break: keep-all;}

#popupWrap .popup_cnt_wrap .popup_cnt_pagination{position: absolute;left: 16px;top: 14px;z-index: 210;width: 50px;height: 1px;background-color: rgba(242, 242, 242, .4);}
#popupWrap .popup_cnt_wrap .popup_cnt_pagination .swiper-pagination-progressbar-fill{background-color: var(--color-red1);}

@media (max-width: 320px){
    #popupWrap .popup_cnt_wrap .popup_cnt_item .item_desc_box .desc_inner{padding: 32px 16px;}
    #popupWrap .popup_cnt_wrap .popup_cnt_item .item_txt_box::before{height: calc(100% - 14px);}
    #popupWrap .popup_cnt_wrap .popup_cnt_item .item_tit_box .item_tit{font-size: var(--fs-20);line-height: var(--lh-28);}
    #popupWrap .popup_cnt_wrap .popup_cnt_item .item_txt_box .item_txt{line-height: var(--lh-20);}
}
/* **************************** //E:main_layout  **************************** */