/* Specialty page (20) */
/* Source page variable values are fixed locally because common.css differs in this repository. */

html {
    font-size: calc(0.302768vw + 2.698962px);
}

.special_page {--point01: #FF5E10; --point02: #3E55C4; --black: #1A1A1C; --en2: 'Geist'; --site-padding-x: 60px; --inner-width: calc(100vw - var(--site-padding-x) * 2); --screen-unit: min(var(--inner-width) / 2440, calc(var(--vh, 1vh) * 100) / 1024); --d1: calc(110 * var(--screen-unit)); --h3: calc(44 * var(--screen-unit)); --h4: calc(41 * var(--screen-unit)); --h5: calc(33 * var(--screen-unit)); --h6: calc(30 * var(--screen-unit)); --h8: calc(25 * var(--screen-unit)); --sub1: calc(21 * var(--screen-unit)); --sub2: calc(19 * var(--screen-unit)); --body1: calc(17 * var(--screen-unit)); --body2: calc(15 * var(--screen-unit)); --body3: calc(14 * var(--screen-unit)); --p1: var(--sub1); --p2: var(--sub2); --p3: var(--body1); --p4: var(--body2); --p6: calc(13 * var(--screen-unit)); --mainInPd: 15rem; --inPd: 50px; --special_bg: #bfe6f5;}
@media screen and (max-width: 2000px){.special_page {--hdH: 80px;}}
@media screen and (max-width: 1440px){.special_page {--mainInPd: 5rem; --d1: 6rem; --h1: 40px; --h2: 34px; --h3: 30px; --h4: 26px; --h5: 24px; --sub1: 20px; --sub2: 14px; --body1: 18px; --body2: 16px; --body3: 15px; --h6: 22px; --h7: var(--sub1); --h8: 18px; --p1: 18px; --p2: 16px; --p3: 14px; --p4: 13px; --p5: 13px; --p6: 12px; --p7: 12px; --p8: 11px; --p9: 11px; } ; }
@media screen and (max-width: 1240px){.special_page {--hdH: 70px; --d1: 6rem; --h1: 36px; --h2: 30px; --h3: 28px; --h4: 26px; --h5: 24px; --pd: 20rem; --pd1: 15rem; --pd2: 12rem; --pd3: 10rem; --contMt1: 6rem; --contMt2: 6rem; --contMt3: 4rem; --contMt4: 3rem;}}
@media screen and (max-width: 768px){.special_page {--inpH: 45px; --inPd: 30px; --site-padding-x: 30px; --inner-width: calc(100vw - var(--site-padding-x) * 2); --screen-unit: min(var(--inner-width) / 708, calc(var(--vh, 1vh) * 100) / 780); --mainInPd: var(--inPd); --pd4: 60px; --contMt1: 60px; --contMt2: 40px; --contMt3: 30px; --contMt4: 20px; --radius: 22px;}}
@media screen and (max-width: 600px){.special_page {--hdH: 60px; --inPd: 15px; --d1: 14vw; --h1: 34px; --h2: 28px; --h3: 24px; --h4: 22px; --h5: 20px; --sub1: 18px; --sub2: 13px; --body1: 16px; --body2: 15px; --body3: 14px; --h6: 18px; --h7: 18px; --h8: 18px; --h9: 18px; --p1: var(--body1); --p2: var(--body2); --p3: var(--body3); --p4: var(--sub2); --p5: 12px; --p6: 12px; --p7: 11px; --p8: 10px; --p9: 10px; --pd: 140px; --pd1: 120px; --pd2: 100px; --pd3: 80px; --pd4: 60px; --moFixH: 60px;}}

.special_sect {transition: background-color 0.3s ease;  position: relative; z-index: 3; opacity: 1 !important; margin-top: -70svh;}

.special_sect.specialness-active {background-color: var(--point02);}

.special_sect .sticky_box {position: sticky; top: 0; height: 100svh;}

.sub_visual_top .sect_tit_box,
.special_sect .sticky_box .sect_tit_box {color: var(--point02);}

.special_sect .sticky_box .sect_tit_box {position: absolute;top: 0;left: 50%;transform: translate(-50%, -100%);padding: 0 var(--mainInPd);white-space: nowrap;}

.sub_visual_top .sect_tit_box.txt_c,
.special_sect .sticky_box .sect_tit_box.txt_c { text-align: center;}

.sub_visual_top .sect_tit_box .desc,
.special_sect .sticky_box .sect_tit_box .desc {font-size: var(--h5); font-weight: 700; }

.sub_visual_top .sect_tit_box .desc.sm,
.sub_visual_top .sect_tit_box .desc.sm,
.special_sect .sticky_box .sect_tit_box .desc.sm {font-size: var(--h6);}

.portfolio_page .character_sect .sect_tit_box .big_tit,
.sub_visual_top .sect_tit_box .big_tit,
.special_sect .sticky_box .sect_tit_box .big_tit {font-size: 23rem; font-family: var(--en2); line-height: 1; margin-top: 0.5rem; line-height: 1.1; white-space: nowrap;}

.sub_visual_top .sect_tit_box p,
.special_sect .sticky_box .sect_tit_box p {overflow: hidden;}

.sub_visual_top .sect_tit_box p > span,
.special_sect .sticky_box .sect_tit_box p > span {display: inline-block; transform: translateY(100%); transition: transform 1s ease-in-out;}

.sub_visual_top  .sect_tit_box .desc p > span,
.special_sect .sticky_box .sect_tit_box .desc p > span {transition-delay: 0s;}

.sub_visual_top  .sect_tit_box .desc p + p > span,
.special_sect .sticky_box .sect_tit_box .desc p + p > span {transition-delay: 0.2s;}

.sub_visual_top  .sect_tit_box .big_tit p > span,
.special_sect .sticky_box .sect_tit_box .big_tit p  > span {transition-delay: 0.4s;}

.sub_visual_top  .sect_tit_box .tit p > span,
.special_sect .sticky_box .sect_tit_box .tit p  > span {transition-delay: 0.2s;}

.sub_visual_top  .sect_tit_box.active p > span,
.special_sect .sticky_box .sect_tit_box.active p > span {transform: unset;}

.sub_visual_top  .sect_tit_box .big_tit.is-char-reveal p > span,
.special_sect .sticky_box .sect_tit_box .big_tit.is-char-reveal p > span {transform: none; transition: none;}

.special_sect .sticky_box .sect_tit_box .big_tit.is-char-reveal .line-inner {display: inline-block; transform-style: preserve-3d; will-change: transform;}

.special_sect .sticky_box .sect_tit_sticky {position: relative;width: 100%;}

.special_sect .card_wrap {display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100svh;position: absolute;top: 0;left: 0;width: 100%;padding-top: calc(min(23vh, 35rem) + (var(--h5) * 3));}

.special_sect .card_wrap .first_card_list {--card-left-x: -70%; --card-right-x: 70%; --card-left-rotate: -15deg; --card-right-rotate: 15deg; position: relative; top: 100vh; perspective: 1000px;   transition: top 2s cubic-bezier(0.18, 1, 0.32, 1) 0.3s;}

.special_sect .card_wrap.is-resetting .first_card_list {transition-delay: 0s;}

.special_sect .card_wrap.active .first_card_list {top: 0;}

.special_sect .card_list .item { overflow: hidden; border-radius:4rem; width: 45rem;position: relative;}

.special_sect .card_list .item img {position: absolute; width: 100%; height: 100%;left: 0; top:0; object-fit: cover; object-position: center;}

.special_sect .card_wrap .first_card_list .item { padding-top: 150%; --card-move-x: 0px; --card-move-y: 0px; --card-hover-push-x: 0px; --card-hover-push-y: 0px; --card-hover-push-rotate: 0deg; overflow: hidden; border-radius:4rem; width: 45rem; position: relative; z-index: 2; transition: transform 1.2s cubic-bezier(0.18, 1, 0.32, 1), opacity 0.2s ease; transition-delay: 1.3s; will-change: transform;}

.special_sect .card_wrap.is-resetting .first_card_list .item {transition-delay: 0s;}

.special_sect .card_wrap .first_card_list > .item:not(.front) {position: absolute; left: 0; top: 0; z-index: 1;}

.special_sect .card_wrap .first_card_list .item.front {transform: translate3d(calc(var(--card-move-x) + var(--card-hover-push-x)), calc(var(--card-move-y) + var(--card-hover-push-y)), 0);}

.special_sect .card_wrap .first_card_list .item.left {transform: translate3d(calc(var(--card-move-x) + var(--card-hover-push-x)), calc(var(--card-move-y) + var(--card-hover-push-y)), 0) scale(0.85) rotate(var(--card-hover-push-rotate));}

.special_sect .card_wrap .first_card_list .item.right {transform: translate3d(calc(var(--card-move-x) + var(--card-hover-push-x)), calc(var(--card-move-y) + var(--card-hover-push-y)), 0) scale(0.85) rotate(var(--card-hover-push-rotate));}

.special_sect .card_wrap .first_card_list .item.fixed {transform: translate3d(calc(100% + var(--card-hover-push-x)), var(--card-hover-push-y), 0) rotateY(80deg) scale(.8);opacity: 0;z-index: 4; transition-delay: 0s;}

.special_sect .card_wrap .first_card_list .item img {display: block; width: 100%;}

.special_sect .card_wrap.active .first_card_list .item.left {transform: translate3d(calc(var(--card-left-x) + var(--card-move-x) + var(--card-hover-push-x)), calc(var(--card-move-y) + var(--card-hover-push-y)), 0) scale(0.85) rotate(calc(var(--card-left-rotate) + var(--card-hover-push-rotate))) }

.special_sect .card_wrap.active .first_card_list .item.right { transform: translate3d(calc(var(--card-right-x) + var(--card-move-x) + var(--card-hover-push-x)), calc(var(--card-move-y) + var(--card-hover-push-y)), 0) scale(0.85) rotate(calc(var(--card-right-rotate) + var(--card-hover-push-rotate)))}

.special_sect .card_wrap.active.is-revealed.is-gathering .first_card_list .item.left {transform: translate3d(calc(var(--card-left-x) + var(--card-hover-push-x)), var(--card-hover-push-y), 0) scale(0.85) rotate(calc(var(--card-left-rotate) + var(--card-hover-push-rotate)));}

.special_sect .card_wrap.active.is-revealed.is-gathering .first_card_list .item.right {transform: translate3d(calc(var(--card-right-x) + var(--card-hover-push-x)), var(--card-hover-push-y), 0) scale(0.85) rotate(calc(var(--card-right-rotate) + var(--card-hover-push-rotate)))}

.special_sect .card_wrap.active.is-gather-complete .first_card_list .item.left {transform: translate3d(var(--card-hover-push-x), var(--card-hover-push-y), 0) rotate(var(--card-hover-push-rotate));}

.special_sect .card_wrap.active.is-gather-complete .first_card_list .item.right {transform: translate3d(var(--card-hover-push-x), var(--card-hover-push-y), 0) rotate(var(--card-hover-push-rotate));}

.special_sect .card_wrap.is-revealed.is-gathering .first_card_list .item:not(.fixed),
.special_sect .card_wrap.is-gather-complete .first_card_list .item.left,
.special_sect .card_wrap.is-gather-complete .first_card_list .item.right {transition: none;}

.special_sect .card_wrap .first_card_list.active .item.fixed {
    transition-delay: 0s;
    transition-duration: 1s, 0.3s;
    transition-property: transform, opacity;
    transform: translate3d(calc(var(--card-move-x) + var(--card-hover-push-x)), calc(var(--card-move-y) + var(--card-hover-push-y)), 0) rotateY(0deg) scale(1);
    opacity: 1;
}

.special_sect .card_wrap.is-mouse-ready .first_card_list .item {transition-duration: 1.2s; transition-delay: 0s; transition-timing-function: ease-out;}

.special_sect .card_wrap .first_card_list .item.is-hover-pushed,
.special_sect .card_wrap.is-revealed.is-gathering .first_card_list .item.is-hover-pushed,
.special_sect .card_wrap.is-gather-complete .first_card_list .item.is-hover-pushed {transition: none; transition-delay: 0s;}

.special_sect .specialness_cont {margin-top: 200svh;}

.special_sect .specialness_cont .in {width: 100%; padding: 0 var(--mainInPd);}

.special_sect .specialness_cont .cont_wrap {padding-top: 100svh;}

.special_sect .specialness_cont .sect_tit_box {color: var(--point02); transition: 0.3s ease-in-out;}

.special_sect.specialness-active .specialness_cont .sect_tit_box {color: #fff;}

.special_sect .specialness_cont .cont_box.txt_type1 {display: flex; align-items: flex-start;}

.special_sect .specialness_cont .cont_box.txt_type1 .in {height: 200svh;}

.special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box {position: sticky; top: 0; display: flex; justify-content: center; flex-direction: column; height: 100svh;}

.special_sect .specialness_cont .cont_box.txt_type1 .right_txt_box {height: 100svh; display: flex; flex-direction: column; justify-content: center;}

.special_sect .specialness_cont .cont_box .in {display: flex; align-items:flex-start}

.special_sect .specialness_cont .cont_box.sticky {height:max(1000svh , 10000px); align-items: flex-start; margin-top: -100svh;}

.special_sect .specialness_cont .cont_box.sticky .in {position: sticky; top: 0; overflow: hidden; height: 100svh;}

.special_sect .specialness_cont .cont_box .left_tit_box {position: relative; height: 100%; }

.special_sect .specialness_cont .cont_box .left_tit_box {color: #fff; width: 40%;}

.special_sect .specialness_cont .cont_box .left_tit_box .txt_box {position: absolute; left: 0; top: 50%; width: 100%; opacity: 0; pointer-events: none; transform: translateY(-50%); transition: opacity 0.35s ease;}

.special_sect .specialness_cont .cont_box .left_tit_box .txt_box.is-active {opacity: 1; pointer-events: auto;}

.special_sect .specialness_cont .cont_box .left_tit_box .desc {font-size: var(--p1); font-weight: 700; margin-bottom: 1rem;}

.special_sect .specialness_cont .cont_box .left_tit_box .tit {font-size: var(--h4); font-weight: 700;}

.special_sect .specialness_cont .cont_box .left_tit_box .txt {font-size: var(--h6); font-weight: 500;  margin-top: 5rem;}

.special_sect .specialness_cont .cont_box .left_tit_box .mo_txt {display: none;}

.special_sect .specialness_cont .cont_box.txt_type1.hide .left_tit_box .desc {filter: blur(10px); transition: all 0.8s ease; transform: translateY(-100px); opacity: 0; pointer-events: none;}

.special_sect .specialness_cont .cont_box.txt_type1.hide .left_tit_box .tit {filter: blur(10px); transition: all 0.8s ease 0.1s; transform: translateY(-100px); opacity: 0; pointer-events: none;}

.special_sect .specialness_cont .cont_box.txt_type1.hide .left_tit_box .txt {filter: blur(10px); transition: all 0.8s ease 0.2s;transform: translateY(-100px); opacity: 0; pointer-events: none;}

.special_sect .specialness_cont .cont_box.txt_type1.on .left_tit_box .desc {filter: blur(0px); transition: all 0.8s ease; transform: translateY(0px); opacity: 1; pointer-events: none;}

.special_sect .specialness_cont .cont_box.txt_type1.on .left_tit_box .tit {filter: blur(0px); transition: all 0.8s ease 0.1s; transform: translateY(0px); opacity: 1; pointer-events: none;}

.special_sect .specialness_cont .cont_box.txt_type1.on .left_tit_box .txt {filter: blur(0px); transition: all 0.8s ease 0.2s;transform: translateY(0px); opacity: 1; pointer-events: none;}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .desc {filter: blur(10px); transform: translateX(100px); opacity: 0; transition: all 0.8s ease;}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .tit {filter: blur(10px); transform: translateX(100px); opacity: 0; transition: all 0.8s ease 0.1s;}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .txt {filter: blur(10px);transform: translateX(100px); opacity: 0;transition: all 0.8s ease 0.2s;}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .mo_txt {filter: blur(10px);transform: translateX(100px); opacity: 0;transition: all 0.8s ease 0.3s;}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .txt_box.is-active .desc {transform: translateX(0px); opacity: 1; filter: blur(0px);}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .txt_box.is-active .tit {transform: translateX(0px); opacity: 1; filter: blur(0px);}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .txt_box.is-active .txt {transform: translateX(0px); opacity: 1; filter: blur(0px);}

.special_sect .specialness_cont .cont_box.sticky .left_tit_box .txt_box.is-active .mo_txt {transform: translateX(0px); opacity: 1; filter: blur(0px);}

.special_sect .specialness_cont .cont_box .right_txt_box {margin-left: auto; width: 50%; padding-left: 30rem;  color: #fff;}

.special_sect .specialness_cont .cont_box .right_txt_box .txt {font-size: 3.8rem}

.special_sect .right_card_list {
    display: flex;
    width: calc(50vw + 22.5rem);
    position: absolute;
    left: calc(50% + 25.5rem);
    top: 50%;
    transform: translateY(-50%);
}

.special_sect .right_card_list .item {--card-before-opacity: 0; flex: 0 0 45rem; position: relative; perspective: 1000px; overflow: visible; border-radius: 0;}

.special_sect .right_card_list .item + .item {margin-left: 3rem;}

.special_sect .right_card_list .item .card {position: relative; width: 100%; padding-top: 150%; background-color: #fff; border-radius: 4rem; overflow: hidden; transform: rotateY(90deg) translateZ(0px); opacity: 0; transition: transform 0.6s ease , opacity 0.6s ease ; will-change: transform; }

.special_sect .right_card_list .item .card::before {content: ""; position: absolute; inset: 0; z-index: 1; background-color: rgba(0,0,0,1); opacity: var(--card-before-opacity);}

.special_sect .right_card_list .item .card img {filter: blur(0px);}

/* \uc2a4\ud06c\ub7fd blur \ub300\uccb4\uc6a9 \ud750\ub9b0 \uc0ac\ubcf8 \u2014 \ud06c\uae30/\uc704\uce58\ub294 .card_list .item img \uaddc\uce59\uc744 \uc0c1\uc18d(absolute\u00b7cover) */
.special_sect .right_card_list .item .card .img_blur {filter: blur(25px); opacity: 0; pointer-events: none;}

.special_sect .right_card_list .item .card .txt_box {position: absolute; inset: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 6rem 3rem; z-index: 2; opacity: 0; color: #fff;}

.special_sect .right_card_list .item .card .txt_box .txt {font-size: var(--p1); font-weight: 500; line-height: 1.6; margin-top: 2rem;}

.special_sect .right_card_list.active .card {transform: unset; opacity: 1;}

.special_page .special_space {height: 600svh;}

.special_page .special_space .sticky {position: sticky; top: 0; width: 100%; height: 100svh;}

.special_page.is-mo-ride .special_sect .card_wrap .first_card_list .item.fixed,
.special_page.is-mo-ride .special_sect .card_wrap .first_card_list.active .item.fixed {transform: translate3d(calc(var(--card-move-x) + var(--card-hover-push-x)), calc(var(--card-move-y) + var(--card-hover-push-y)), 0); opacity: 0;}

.special_page.is-mo-ride .special_sect .card_list .item .sp-embed {position: absolute; inset: 0; overflow: hidden;}

.special_page.is-mo-ride .special_sect .card_list .item .sp-embed .sp-embed__poster {position: absolute; left: 50%; top: 50%; width: 100vw; height: 100lvh; transform: translate(-50%, -50%); object-fit: cover; transition: opacity .25s ease;}

.special_page.is-mo-ride .special_sect.is-cardlive .card_list .item .sp-embed .sp-embed__poster {opacity: 0 !important;}

.special_page .special_sect .sp-ride {display: none;}

.special_page.is-mo-ride .special_sect .sp-ride {display: block; position: fixed; inset: 0; z-index: 1; pointer-events: none; visibility: hidden;}

.special_page.is-mo-ride .special_sect .sp-ride.is-on,
.special_page.is-mo-ride .special_sect .sp-ride.is-cardlive {visibility: visible;}

.special_page.is-mo-ride .special_sect .sp-ride__clip {position: absolute; overflow: hidden; background: #bfe6f5;}

.special_page.is-mo-ride .special_sect .sp-ride__viewport {position: absolute; width: 100vw; height: 100lvh;}

.special_page.is-mo-ride .special_sect .sp-ride__viewport canvas {display: block;}

.special_page.is-mo-ride .special_sect .right_card_list {display: none;}

.special_page.is-mo-ride .special_space {display: none;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.sticky {height: 750lvh;}

.special_page.is-mo-ride .special_sect .sticky_box {height: 100lvh;}

.special_page.is-mo-ride .special_sect .card_wrap {height: 100lvh;}

.special_page.is-mo-ride .special_sect .specialness_cont {margin-top: 200lvh;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap {padding-top: 100lvh;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .in {height: 100lvh;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.sticky .in {height: 100lvh;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.sticky .left_tit_box {pointer-events: none;}

.special_page .special_sect .wh_bg,
.special_page .special_sect .org_bg {display: none;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky {position: sticky; top: 0; height: 100lvh; margin-top: -100lvh; display: block; padding-top: calc(var(--hdH) * 1.2);}

.special_page.is-mo-ride .special_sect .wh_bg {display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100lvh; background-color: #fff; z-index: 2; clip-path: inset(0 0 0 0);}

.special_page.is-mo-ride .special_sect .org_bg {display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100lvh; background-color: var(--point02); z-index: 1;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box {position: relative; z-index: 3;}


.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .tit {margin-top: 0;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt,
.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .tit {opacity: 0; transform: translateY(50px); transition: 0.3s ease-in-out;}

.special_page.is-mo-ride .special_sect.leave_active .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt {opacity: 1; transform: none; transition: 0.6s ease-in-out;}

.special_page.is-mo-ride .special_sect.leave_active .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .tit {opacity: 1; transform: none; transition: 0.6s ease-in-out 0.2s;}

.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .desc,
.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .tit,
.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .right_txt_box .txt {opacity: 0; transform: translateY(50px); transition: 0.3s ease-in-out 0s;}

.special_page.is-mo-ride .special_sect.leave_active .specialness_cont .cont_box.txt_type1 .left_tit_box .desc {opacity: 1; transform: none; transition: 0.6s ease-in-out 0.6s;}

.special_page.is-mo-ride .special_sect.leave_active .specialness_cont .cont_box.txt_type1 .left_tit_box .tit {opacity: 1; transform: none; transition: 0.6s ease-in-out 0.8s;}

.special_page.is-mo-ride .special_sect.leave_active .specialness_cont .cont_box.txt_type1 .right_txt_box .txt {opacity: 1; transform: none; transition: 0.6s ease-in-out 1s;}

.special_page.is-mo-ride .special_sect .card_wrap {clip-path: inset(0 0 0 0);}

.special_page.is-mo-ride .special_sect .sticky_box {z-index: 1;}

/* Specialty 3D world embed */
.special_page .special_space {height: calc(100svh + 12000px); background: var(--special_bg);}
.special_page .special_space .sticky {position: sticky; top: 0; width: 100%; height: 100svh; overflow: hidden; background: var(--special_bg);}
.special_page .sp-world__stage {position: absolute; left: 0; top: 0; width: 100vw; height: 100%;}
.special_page .sp-world__stage canvas {display: block;}
.special_page .sp-world__poster {position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; height: 100dvh; object-fit: cover; object-position: 47.419% center; opacity: 1; transition: opacity .45s ease-out;}
.special_page .special_space .sticky.is-live .sp-world__poster {opacity: 0; pointer-events: none;}
@media screen and (max-width: 1240px){.special_page .special_space {height: calc(100svh + 6600px);}}
@media screen and (max-width: 600px){.special_page .special_space {height: calc(100svh + 5280px);}}
@media (prefers-reduced-motion: reduce){.special_page .sp-world__poster {transition: none;}}



@media screen and (max-width: 1640px){
    .portfolio_page .character_sect .sect_tit_box .big_tit, .sub_visual_top .sect_tit_box .big_tit, .special_sect .sticky_box .sect_tit_box .big_tit {font-size: 15rem;}
    .special_sect .card_wrap .first_card_list .item {width: 35rem;}
    .special_sect .right_card_list .item {flex: 0 0 35rem;}
    .special_sect .right_card_list {width: calc(50vw + 17.5rem);left: calc(50% + 20.5rem);}

}


@media screen and (max-width: 1440px){

    html { font-size: 7.5px;} 

    .special_sect .sticky_box .sect_tit_box .desc {font-size: var(--h8);}
    .special_sect .sticky_box .sect_tit_box .big_tit {font-size: 12vw;}
    .special_sect .card_wrap {padding-top: calc(14vw + (var(--h8) * 3));}
    .special_sect .specialness_cont .cont_box .left_tit_box .tit {font-size: var(--h4);}
    .special_sect .specialness_cont .cont_box .right_txt_box .txt {font-size: var(--h6);}
    .special_sect .specialness_cont .cont_box .right_txt_box .txt br {display: none;}
}

@media screen and (max-width: 1240px){
    .special_sect .specialness_cont .cont_box .left_tit_box {width: 30%;}
    .special_sect .specialness_cont .cont_box .left_tit_box .txt br,
    .special_sect .specialness_cont .cont_box .left_tit_box .tit br {display: none;}
    .special_sect .specialness_cont .cont_box .left_tit_box .txt {font-size: var(--p2);}
}

@media screen and (max-width: 1040px){
    .special_sect .sticky_box .sect_tit_box .big_tit {font-size: 11vw;}
    .special_sect .card_wrap .first_card_list .item {width: 30rem; border-radius: 20px;}
    .special_sect .right_card_list .item {flex: 0 0 30rem; border-radius: 20px; width: 30rem;}
    .special_sect .specialness_cont .cont_box.sticky .left_tit_box {width: 25rem;}
    .special_sect .specialness_cont .cont_box .left_tit_box .desc {font-size: var(--p1);}
    .special_sect .specialness_cont .cont_box .left_tit_box .tit {font-size: var(--h6);}
    .special_sect .specialness_cont .cont_box .right_txt_box {width: 26rem; padding-left: 0;}
    .special_sect .specialness_cont .cont_box .right_txt_box .txt {font-size: var(--p1);}
    .special_sect .right_card_list {left: calc(50% + 18rem);}
    .special_sect .right_card_list .item .card {border-radius: 20px;}
    .special_sect .right_card_list .item .card .txt_box {padding: 25px 15px;}
    .special_sect .right_card_list .item .card .txt_box .txt {font-size: var(--p6);}
}

@media screen and (max-width: 768px){


    html { font-size: 6px;} 

    .special_sect .sticky_box .sect_tit_box p > span {transform: unset;}
    .special_sect .card_wrap .first_card_list {top: 0;}
    .special_sect .right_card_list .card {transform: unset; opacity: 1;}
    .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box {width: 100%; height: auto; position: static;}
    .special_sect .specialness_cont .cont_box.sticky .left_tit_box {width: 100%;}
    .special_sect .specialness_cont .cont_box .left_tit_box .tit {font-size: var(--h8);}
    .special_sect .specialness_cont .cont_box .left_tit_box .desc {font-size: var(--p6);}
    .special_sect .specialness_cont .cont_box .left_tit_box .txt {font-size: var(--p6); margin-top: 10px;}
    .special_sect .specialness_cont .cont_box .left_tit_box .txt_box {transform: unset; top: calc(var(--hdH) + 10px); height: auto;}
    .special_sect .specialness_cont .cont_box .right_txt_box .txt {font-size: var(--p3);}
    .special_sect .specialness_cont .cont_box .left_tit_box .mo_txt {display: block; position: absolute; left: 0; top: 63rem; font-size: var(--p8);}
    .special_sect .specialness_cont .cont_box.txt_type1 {height: 200svh;}
    .special_sect .specialness_cont .cont_box.txt_type1 .in {flex-direction: column; position: sticky; top: 0; height: 100svh; justify-content: flex-start; padding-top: 10svh;}
    .special_sect .specialness_cont .cont_box.txt_type1 .right_txt_box {height: auto; width: 100%; margin-top: 10px;}
    .special_sect .right_card_list {top: 50%;}
    .special_sect .card_list .item img {opacity: 1 !important;}
    .special_sect .right_card_list .item .card .img_blur,
    .special_sect .right_card_list .item .card .txt_box,
    .special_sect .right_card_list .item .card::before {display: none;}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt {font-size: var(--p2); margin-bottom: 1rem;}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .tit {font-size: var(--h1);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .desc {font-size: var(--p3);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .tit {font-size: var(--h6);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .right_txt_box .txt {font-size: var(--p2);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .in {padding-top: calc(50lvh + (30rem * 1.5 / 2) + 30px);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 {height: 750lvh;}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.sticky {margin-top: -750lvh;}
}

@media screen and (max-width: 600px){
    .special_sect .sticky_box .sect_tit_box .big_tit {font-size: var(--d1);}
    .special_sect .sticky_box .sect_tit_box .desc {font-size: var(--p1);}
    .special_sect .card_wrap {padding-top: 0;}
    .special_sect .card_wrap .first_card_list .item {width: 150px; border-radius: 10px;}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt {font-size: var(--p4); margin-bottom: 5px;}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .tit {font-size: var(--h2);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .desc {font-size: var(--p6);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .tit {font-size: var(--h6);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .right_txt_box .txt {font-size: var(--p6);}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .in {padding-top: calc(50lvh + (150px * 1.5 / 2) + 30px);}
    .special_page.is-mo-ride .special_sect .card_wrap .first_card_list {margin-top: 15px;}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 {height: 680lvh;}
    .special_sect .right_card_list .item {flex: 0 0 150px; border-radius: 10px; width: 150px;}
    .special_sect .right_card_list {left: calc(70% + 100px);}
}