@charset "UTF-8";

/* main_layout */
/* **************************** S:main_layout **************************** */
.beyond_component{width: 100%;background-color: var(--color-ivory2);}
.beyond_component .beyond_hd{width: 100%;line-height: 0;position: sticky;left: 0;top: 0;right: 0;z-index: 1;}
.beyond_component .beyond_bd{width: 100%;padding: 32px 0 48px;line-height: 0;position: relative;z-index: 2;background-color: var(--color-ivory2);}

.beyond_component .beyond_sect{overflow: hidden;}
.beyond_component .beyond_sect + .beyond_sect{margin-top: 130px;}

.beyond_component .beyond_btns_box{display: block;position: fixed;left: 40px;bottom: 0;right: 0;z-index: 3;}
.beyond_component .beyond_btns_box .btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;height: 44px;background-color: var(--color-black2);}
.beyond_component .beyond_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray2);text-align: center;}

#wrap:has(.beyond_component.beyond_dtl) #pageTopBtns{bottom: calc(14px + 44px);}
#wrap:has(.beyond_component.beyond_dtl) #footer .ft_inner{padding: 50px 16px calc(50px + 44px);}

/* **************************** //E:main_layout  **************************** */
.beyond_component.beyond_list .beyond_bd{height: 100%;padding: 0;position: unset;z-index: unset;}
.beyond_component .beyond_list_wrap{width: 100%;height: 100%;}
.beyond_component .beyond_article_list{}
.beyond_component .beyond_article_item{position: sticky;top: 0;z-index: 2;}
.beyond_component .beyond_article_item + .beyond_article_item{z-index: 3;}
.beyond_component .beyond_article_item + .beyond_article_item + .beyond_article_item{z-index: 4;}
.beyond_component .beyond_article_item + .beyond_article_item + .beyond_article_item + .beyond_article_item{z-index: 5;}
.beyond_component .beyond_article_item + .beyond_article_item + .beyond_article_item + .beyond_article_item + .beyond_article_item{z-index: 6;}
.beyond_component .beyond_article_item .item_inner{width: 100%;position: relative;}

.beyond_component .beyond_article_item .article_img_box{width: 100%;aspect-ratio: 5 / 8;position: relative;overflow: hidden;}
.beyond_component .beyond_article_item .article_img_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.beyond_component .beyond_article_item .article_img_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.beyond_component .beyond_article_item .article_img_box .img_dim_box{width: 100%;height: calc(100% / 2);position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;background: var(--dark-gradient);}

.beyond_component .beyond_article_item .article_desc_box{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;width: 100%;padding: 28px 16px;box-sizing: border-box;}
.beyond_component .beyond_article_item .article_desc_box .article_tit_box{}
.beyond_component .beyond_article_item .article_desc_box .article_tit{font-size: var(--fs-20);font-weight: 400;line-height: var(--lh-28);color: var(--color-ivory2);letter-spacing: 0.005em;}
.beyond_component .beyond_article_item .article_desc_box .article_link_box{}
.beyond_component .beyond_article_item .article_desc_box .article_tit_box + .article_link_box{margin-top: 4px;}
.beyond_component .beyond_article_item .article_desc_box .article_link{display: inline-block;position: relative;}
.beyond_component .beyond_article_item .article_desc_box .article_link::after{content: '';display: block;width: 100%;height: 1px;background-color: var(--color-ivory2);position: absolute;left: 0;bottom: 0;right: 0;}
.beyond_component .beyond_article_item .article_desc_box .article_link .link_name{display: inline-block;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-20);color: var(--color-ivory2);letter-spacing: 0.04em;}


.beyond_hd_sect{width: 100%;box-sizing: border-box;}
.beyond_hd_sect .sect_cnt_box{position: relative;}
.beyond_hd_sect .img_cnt_box{width: 100%;height: 0;padding-top: 160%;position: relative;}
.beyond_hd_sect .img_cnt_box .img_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;}
.beyond_hd_sect .img_cnt_box .img_box img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.beyond_hd_sect .img_dimed_box{position: absolute;left: 0;bottom: 0;right: 0;z-index: 2;width: 100%;height: 0;padding-top: 80%;background: var(--dark-gradient);}

.beyond_sect{}
.beyond_sect .sect_inner{width: 100%;padding: 0 16px;box-sizing: border-box;overflow: hidden;}
.beyond_sect .sect_tit_box{}
.beyond_sect .sect_tit_box .sect_tit{font-size: var(--fs-22);font-weight: 500;line-height: var(--lh-30);color: var(--color-black1);letter-spacing: 0.005em;}

.beyond_sect .sect_desc_box{padding-left: 48px;}
.beyond_sect .sect_tit_box + .sect_desc_box{margin-top: 24px;}
.beyond_sect .sect_desc_box .sect_desc{font-size: var(--fs-13);font-weight: 400;line-height: var(--lh-23);color: var(--color-brown3);word-break: break-all;position: relative;padding-left: 10px;}
.beyond_sect .sect_desc_box .sect_desc::before{content: '';display: block;width: 0.7px;height: calc(100% - 12px);background-color: var(--color-brown3);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.beyond_sect .sect_cnt_box{}
.beyond_sect .sect_cnt_box + .sect_cnt_box{margin-top: 64px;}
.beyond_sect .sect_cnt_box.full{margin-left: -16px;}
.beyond_sect .sect_cnt_box.right{display: flex;justify-content: flex-end;flex-wrap: nowrap;margin-right: -16px;}

.beyond_sect .cnt_desc_box{}
.beyond_sect .cnt_desc_box.right{padding-left: 48px;}

.beyond_sect .cnt_desc_box .desc_tit_box{}
.beyond_sect .cnt_desc_box .desc_tit_box .desc_tit{font-size: var(--fs-14);font-weight: 600;line-height: var(--lh-22);color: var(--color-black1);letter-spacing: 0.015em;}

.beyond_sect .cnt_desc_box .desc_txt_box{}
.beyond_sect .cnt_desc_box .desc_tit_box + .desc_txt_box{margin-top: 4px;}
.beyond_sect .cnt_desc_box .desc_txt_box .desc_txt{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-24);color: var(--color-black1);}

.beyond_sect .cnt_desc_box .desc_cmt_box{}
.beyond_sect .cnt_desc_box .desc_cmt_box .desc_cmt{font-size: var(--fs-15);font-weight: 400;line-height: var(--lh-25);color: var(--color-red2);letter-spacing: -0.02em;}

.beyond_sect .cnt_img_box{}
.beyond_sect .cnt_img_box .img_box{line-height: 0;}
.beyond_sect .cnt_img_box .img_box img{}
.beyond_sect .sect_cnt_box.full .cnt_img_box{width: 100%;}
.beyond_sect .sect_cnt_box.full .cnt_img_box .img_box{width: 100%;}
.beyond_sect .sect_cnt_box.full .cnt_img_box .img_box img{width: 100%;}

.beyond_sect .cnt_img_box .img_cmt_box{}
.beyond_sect .cnt_img_box .img_box + .img_cmt_box{margin-top: 8px;}

.beyond_sect .cnt_img_box .img_cmt_box .img_cmt{}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt.right{text-align: right;}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt > span{display: inline-block;font-size: var(--fs-10);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);letter-spacing: 0.01em;white-space: nowrap;}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt > span + span{margin-left: 6px;padding-left: 7px;position: relative;}
.beyond_sect .cnt_img_box .img_cmt_box .img_cmt > span + span::before{content: '';display: block;width: 1px;height: calc(100% - 4px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(.7);}

.beyond_sect .cnt_img_box.ty_flex{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 20px;}
.beyond_sect .cnt_img_box.ty_flex .img_box{flex: 0 0 auto;}
.beyond_sect .cnt_img_box.ty_flex .img_box + .img_cmt_box{margin-top: 0;}
.beyond_sect .cnt_img_box.ty_flex .img_cmt_box{transform: rotate(90deg);transform-origin: top left;flex: 0 0 auto;}
.beyond_sect .cnt_img_box.ty_flex .img_cmt_box .img_cmt{display: flex;align-items: center;flex-wrap: nowrap;}


.beyond_sect .sect_cnt_box.ratio_cnt_230 .cnt_img_box{width: 72.1%;}
.beyond_sect .sect_cnt_box.ratio_cnt_230 .cnt_img_box .img_box{width: 100%;aspect-ratio: 1 / 1;}
.beyond_sect .sect_cnt_box.ratio_cnt_230 .cnt_img_box .img_box img{width: 100%;}

.beyond_sect .sect_cnt_box.ratio_cnt_216 .cnt_img_box{}
.beyond_sect .sect_cnt_box.ratio_cnt_216 .cnt_img_box .img_box{width: 71.29%;aspect-ratio: 3 / 4;}
.beyond_sect .sect_cnt_box.ratio_cnt_216 .cnt_img_box .img_box img{width: 100%;}


.beyond_sect .beyond_swiper_box{margin-right: -16px;}
.beyond_sect .beyond_swiper_box .beyond_swiper_list{}
.beyond_sect .beyond_swiper_box .beyond_swiper_item{flex: 0 0 auto;width: auto;height: auto;opacity: .4;transition: opacity .45s ease .25s;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.active{opacity: 1;}

.beyond_sect .beyond_swiper_box .beyond_swiper_item .cnt_img_box{}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_1_1{width: 72.1%;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_1_1 .cnt_img_box{width: 100%;aspect-ratio: 1 / 1;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_3_4{width: 67.71%;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_3_4 .cnt_img_box{width: 100%;aspect-ratio: 3 / 4;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_16_9{width: 100%;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item.ratio_16_9 .cnt_img_box{width: 100%;aspect-ratio: 16 / 9;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .cnt_img_box img{width: 100%;}

.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box{margin-top: 8px;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt{}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt > span{display: inline-block;font-size: var(--fs-10);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);letter-spacing: 0.01em;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt > span + span{margin-left: 6px;padding-left: 7px;position: relative;}
.beyond_sect .beyond_swiper_box .beyond_swiper_item .img_cmt_box .img_cmt > span + span::before{content: '';display: block;width: 1px;height: calc(100% - 4px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(.7);}

.beyond_sect .cnt_credit_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 16px;}
.beyond_sect .cnt_credit_box .left_box{flex: 0 0 auto;}
.beyond_sect .cnt_credit_box .credit_tit_box{}
.beyond_sect .cnt_credit_box .credit_tit_box .credit_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);}

.beyond_sect .cnt_credit_box .right_box{flex: 1 1 0%;}
.beyond_sect .cnt_credit_box .credit_editor_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 6px;}
.beyond_sect .cnt_credit_box .credit_editor_box .editor_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);white-space: nowrap;flex: 0 0 auto;}
.beyond_sect .cnt_credit_box .credit_editor_box .editor_name{padding-left: 6px;position: relative;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);word-break: keep-all;flex: 1 1 0%;}
.beyond_sect .cnt_credit_box .credit_editor_box .editor_name::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(0.7);}

.beyond_sect .cnt_credit_box .credit_photo_box{display: flex;align-items: flex-start;flex-wrap: nowrap;column-gap: 6px;}
.beyond_sect .cnt_credit_box .credit_editor_box + .credit_photo_box{margin-top: 4px;}
.beyond_sect .cnt_credit_box .credit_photo_box .photo_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);white-space: nowrap;flex: 0 0 auto;}
.beyond_sect .cnt_credit_box .credit_photo_box .photo_name{padding-left: 6px;position: relative;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-14);color: var(--color-gray5);word-break: keep-all;flex: 1 1 0%;}
.beyond_sect .cnt_credit_box .credit_photo_box .photo_name::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray5);position: absolute;left: 0;top: 50%;transform: translateY(-50%) scaleX(0.7);}