@charset "utf-8";


.sub .site_nav {display: none;}


.sub_visual_top {width: 100%;height: 100svh;padding-top: 15rem;}
.sub_visual_top .in3 {height: 100%; display: flex; flex-direction: column; width: 100%;}
.sub_visual_top.is-sticker-ready {position: relative; overflow: hidden; cursor: pointer;}
.sub_visual_top .sub-visual_sticker-layer {position: absolute; inset: 0; z-index: 1; pointer-events: none;}

.sub_visual_top .top_tit_box {text-align: center; color: var(--point01); position: relative; z-index: 2;}
.sub_visual_top .top_tit_box .desc {font-size: var(--h5); font-weight: 700;}
.sub_visual_top .top_tit_box .big_tit {font-size: 24rem; font-weight: 700; font-family: var(--en2); margin-top: 3rem; line-height: 1.1;}
.sub_visual_top .top_tit_box .tit {font-size: 10.9rem;font-weight: 700;font-family: var(--en2);line-height: 1.2}
.sub_visual_top .top_tit_box .txt {font-size: var(--h5);font-weight: 700;margin-top: 2rem;}
.sub_visual_top .video {width: 31.5%;position: relative;flex: 1;margin: -2rem auto 0; max-width: 100%; max-height: 75%;}
.about_soijeong .sub_visual_top .video {width: 115rem;}
.team .sub_visual_top .video {width: 100%; opacity: 0; transform: translate3d(0, 100vh, 0); transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease; will-change: transform, opacity;}
.team .sub_visual_top .video.is-active {opacity: 1; transform: translate3d(0, 0, 0);}
.team .sub_visual_top .video .item {width: 150%; height: 150%;}
.sub_visual_top .video .item {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 100%; height: 100%; object-fit: contain; object-position: center;}
.sub_visual_top .ai_txt {position: absolute;left: 50%;bottom: 2rem;transform: translateX(-50%); white-space: nowrap;}

.sub .ai_txt {background-color: #FFE2D4;display: inline-flex;align-items: center;padding:1rem 3rem;color: var(--point01);font-weight: 700;font-size: var(--p5);border-radius: 0.8rem;z-index: 3;}
.sub .ai_txt svg {width: var(--p3); height: auto; margin-right: 1rem;}

.sub_visual_top .top_tit_box .txt p span {transition-delay: 0.2s;}
.sub_visual_top .top_tit_box p {overflow: hidden;}
.sub_visual_top .top_tit_box p > span {display: inline-block; transform: translateY(100%); transition: 0.6s ease-in-out;}

.sub_visual_top .top_tit_box.active p span {transform: unset;}



.sub_visual_top .sub-visual-sticker {position: absolute; opacity: 0; transform: scale(0.72) rotate(var(--sticker-rotate, 0deg)); transform-origin: center; transition: opacity 0.34s ease, transform 0.54s cubic-bezier(0.34, 1.56, 0.64, 1); transition-delay: var(--sticker-enter-delay, 0s); pointer-events: auto; will-change: transform, opacity; pointer-events: none; font-size: 1rem;}
.sub_visual_top .sub-visual-sticker.is-visible {opacity: 1; transform: scale(1) rotate(var(--sticker-rotate, 0deg));}
.sub_visual_top .sub-visual-sticker.fixed {opacity: 1;}
.sub_visual_top .sub-visual-sticker.fixed.left1 {left: 7%; top: 31%; width: 11rem; height: 28rem; --sticker-rotate: -6deg;}
.sub_visual_top .sub-visual-sticker.fixed.left2 {left: 34%;top: 37%;width: 11rem;height: 22rem;--sticker-rotate: -4deg;}
.sub_visual_top .sub-visual-sticker.fixed.left3 {left: 11%;top: 70%;width: 11rem;height: 28rem;--sticker-rotate: -25deg;}
.sub_visual_top .sub-visual-sticker.fixed.left4 {left: 29%;top: 84%;width: 11rem;height: 26rem;--sticker-rotate: 10deg;}
.sub_visual_top .sub-visual-sticker.fixed.right1 {left: 76%;top: 23%;width: 11rem;height: 28rem;--sticker-rotate: 7deg;}
.sub_visual_top .sub-visual-sticker.fixed.right2 {left: 87%;top: 42%;width: 11rem;height: 26rem;--sticker-rotate: -17deg;}
.sub_visual_top .sub-visual-sticker.fixed.right3 {left: 68%;top: 63%;width: 11rem;height: 24rem;--sticker-rotate: 15deg;}
.sub_visual_top .sub-visual-sticker.fixed.right4 {left: 82%;top: 72%;width: 11rem;height: 28rem;--sticker-rotate: 25deg;}
.sub_visual_top .sub-visual-sticker .sticker-motion {width: 100%; height: 100%;}
.sub_visual_top .sub-visual-sticker .sub-visual-sticker-box {position: relative; width: 100%; height: 100%; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.12)); transform: translateY(-50%); perspective: 80rem; transform-style: preserve-3d; overflow: visible;}
.sub_visual_top .sub-visual-sticker .sticker {position: absolute; top: 0; left: 0; width: 100%; height: 50%; overflow: hidden; transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease; transition-delay: var(--sticker-flip-delay, 0.16s), 0s; will-change: transform, filter;}
.sub_visual_top .sub-visual-sticker .sticker img {display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), filter 0.45s ease; transition-delay: var(--sticker-flip-delay, 0.16s), 0s; will-change: transform, filter; -webkit-user-drag: none; margin-top: 2px;}
.sub_visual_top .sub-visual-sticker .sticker-back {z-index: 2; overflow: visible; clip-path: inset(0 0 0 0);}
.sub_visual_top .sub-visual-sticker .sticker-front {z-index: 1; clip-path: inset(0 0 0 0);}
.sub_visual_top .sub-visual-sticker .sticker-front img {transform: translateY(100%);}
.sub_visual_top .sub-visual-sticker.is-active .sticker-back,
.sub_visual_top .sub-visual-sticker.is-active .sticker-front {transform: translateY(100%);}
.sub_visual_top .sub-visual-sticker.is-active .sticker-back img {transform: translateY(100%);}
.sub_visual_top .sub-visual-sticker.is-active .sticker-front img {transform: translateY(0);}

.service_page .sub_visual_top {display: flex; flex-direction: column;}
.service_page .sub_visual_top .in {height: auto; width: 100%;}
.service_page .sub_visual_top .slide {margin-top: auto; margin-bottom: var(--pd1); padding: 0 var(--mainInPdgit); display: flex;;}
.sub_visual_top .slide .swiper-container {overflow: visible;}
.sub_visual_top .slide .swiper-wrapper {gap: 8rem;}
.sub_visual_top .slide .swiper-slide {flex: 1; opacity: 0; transform: translateY(100px); animation: subVisualSlideIn 0.6s ease forwards;}
.sub_visual_top .slide .swiper-slide:nth-child(1) {animation-delay: 0.3s;}
.sub_visual_top .slide .swiper-slide:nth-child(2) {animation-delay: 0.45s;}
.sub_visual_top .slide .swiper-slide:nth-child(3) {animation-delay: 0.6s;}
.sub_visual_top .slide .swiper-slide:nth-child(4) {animation-delay: 0.75s;}
.sub_visual_top .slide .swiper-slide:nth-child(5) {animation-delay: 0.9s;}
.sub_visual_top .slide .swiper-slide:nth-child(6) {animation-delay: 1.05s;}
.sub_visual_top .slide .swiper-slide:nth-child(7) {animation-delay: 1.3s;}
.sub_visual_top .slide .swiper-slide .img {width: 100%;}
.sub_visual_top .slide .swiper-slide .img img {width: 100%; animation-name: subVisualFloat; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: both;}
.sub_visual_top .slide .swiper-slide:nth-child(1) .img img {animation-duration: 3.8s; animation-delay: 0.6s;}
.sub_visual_top .slide .swiper-slide:nth-child(2) .img img {animation-duration: 4.6s; animation-delay: 0.75s;}
.sub_visual_top .slide .swiper-slide:nth-child(3) .img img {animation-duration: 4.1s; animation-delay: 0.9s;}
.sub_visual_top .slide .swiper-slide:nth-child(4) .img img {animation-duration: 5s; animation-delay: 1.05s;}
.sub_visual_top .slide .swiper-slide:nth-child(5) .img img {animation-duration: 4.4s; animation-delay: 1.2s;}
.sub_visual_top .slide .swiper-slide:nth-child(6) .img img {animation-duration: 5.3s; animation-delay: 1.35s;}
.sub_visual_top .slide .swiper-slide:nth-child(7) .img img {animation-duration: 4.8s; animation-delay: 1.5s;}
.sub_visual_top .slide .swiper-slide .txt {font-size: var(--h8); font-weight: 700; color: #d6d9dE; text-align: center; margin-top: 2rem;}

@keyframes subVisualSlideIn {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: unset;
    }
}


@keyframes subVisualFloat {
    0% {
        transform: translate3d(0, 0, 0) rotate(-2deg);
    }
    50% {
        transform: translate3d(0, -1.2rem, 0) rotate(1deg);
    }
    100% {
        transform: translate3d(0, 0.8rem, 0) rotate(-1deg);
    }
}



/*

.sub_visual_top .sub-visual-sticker.is-peeled .sticker-back {transform: rotate(180deg);  transition-delay: none;  transition: clip-path 0.5s ease-in-out; clip-path: inset(0 0 20%);}
.sub_visual_top .sub-visual-sticker.is-active .sticker-back img {transform: translateY(40%);} */


/* .sub_visual_top .sub-visual-sticker.is-active.is-peeled .sticker-back img {transform: translateY(20%) rotateY(0deg) rotateX(180deg); transition-delay: none; transition: 0.6s ease-in-out;}
.sub_visual_top .sub-visual-sticker.is-active.is-peeled .sticker-front,
.sub_visual_top .sub-visual-sticker.is-active.is-peeled .sticker-back{ clip-path: inset(0 0 25% 0); transition: 0.3s ease-in-out; transition-delay: 0s;} */


.sub_visual_top .sub-visual-sticker.is-hover-ready {cursor: pointer;}

.portfolio_page .character_sect {height: 100svh;}
/* .portfolio_page .character_sect.sub_visual_top {padding-top: calc(var(--hdH) + 2rem);} */


/* .portfolio_page .character_sect .sect_tit_box.txt_c { text-align: center;}
.portfolio_page .character_sect .sect_tit_box .desc {font-size: var(--h3); font-weight: 700; }
.portfolio_page .character_sect .sect_tit_box .desc.sm {font-size: var(--h6);}
.portfolio_page .character_sect .sect_tit_box .big_tit { font-family: var(--en2); line-height: 1; margin-top: 0.5rem; line-height: 1.1; letter-spacing: -0.01em;}
.portfolio_page .character_sect .sect_tit_box .sm_tit {font-size: var(--p2); font-weight: 700; margin-bottom: 1.5rem; color: var(--point01);}
.portfolio_page .character_sect .sect_tit_box .tit {font-size: var(--d1); font-family: var(--en2); line-height: 1.2;}
.portfolio_page .character_sect .sect_tit_box * + .tit {margin-top: 1.5rem}
.portfolio_page .character_sect .sect_tit_box .txt {font-size: var(--h6); font-weight: 700;}
.portfolio_page .character_sect .sect_tit_box .tit + .txt {margin-top: 1rem;}
.portfolio_page .character_sect .sect_tit_box .txt + .tit {margin-top: 0rem;}
.portfolio_page .character_sect .sect_tit_box p {overflow: hidden;}
.portfolio_page .character_sect .sect_tit_box p > span {display: inline-block; transform: translateY(100%); transition: transform 1s ease-in-out;}
.portfolio_page .character_sect .sect_tit_box .desc p > span {transition-delay: 0s;}
.portfolio_page .character_sect .sect_tit_box .desc p + p > span {transition-delay: 0.2s;}
.portfolio_page .character_sect .sect_tit_box .big_tit p  > span {transition-delay: 0.4s;}
.portfolio_page .character_sect .sect_tit_box .tit p  > span {transition-delay: 0.2s;}
.portfolio_page .character_sect .sect_tit_box.active p > span {transform: unset;}
.portfolio_page .character_sect .sect_tit_box .big_tit.is-char-reveal p > span {transform: none; transition: none;}
.portfolio_page .character_sect .sect_tit_box .big_tit.is-char-reveal .line-inner {display: inline-block; transform-style: preserve-3d; will-change: transform;} */






.portfolio_page .character_sect .character_wrap {overflow: hidden; height: 100%; display: flex; flex-direction: column;}
.portfolio_page .character_sect .character_wrap .sect_tit_box {position: relative; margin-bottom: -4rem; z-index: 2; user-select: none; -webkit-user-select: none; color: var(--black);}
.portfolio_page .character_sect .character_wrap .sect_tit_box .sign_svg {width: 43rem; position: absolute; right: 60%; bottom: 0; opacity: 0; transform: translateY(70%) rotate(-10deg) scale(0.82); transform-origin: 50% 8%; will-change: transform, opacity;}
.portfolio_page .character_sect .character_wrap .sect_tit_box.active .sign_svg {animation: portfolioSignBoard 4.8s ease-in-out 0.6s infinite;}
.portfolio_page .character_sect .character_wrap .sect_tit_box .sign_svg img {width: 100%;}
.portfolio_page .character_sect .character_wrap .sect_tit_box .big_tit {display: flex; align-items: flex-end; justify-content: center;}
.portfolio_page .character_sect .character_wrap .sect_tit_box .reset_btn {position: relative; width: 5rem; height: 5rem; background-color: var(--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 0.12em; pointer-events: all; opacity: 0; transition: opacity 0.3s ease-in-out;}
.portfolio_page .character_sect .character_wrap .sect_tit_box .reset_btn svg {width: 50%; height: auto;}
.portfolio_page .character_sect .character_wrap .sect_tit_box .reset_btn .toll_tip {position: absolute; right: -1rem; bottom: 0; transform: translate(100%, 0); background-color: #fff; font-size: var(--p6); font-weight: 600; padding: 0.5em 1em; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 0.3s ease-in-out;}
.portfolio_page .character_sect .character_wrap .sect_tit_box .reset_btn:hover .toll_tip {opacity: 1;}
.portfolio_page .character_sect .character_wrap .sect_tit_box.active .reset_btn {opacity: 1;}


.portfolio_page .character_sect .loading_bg {position: fixed; left: 0; top: 0; opacity: 0; pointer-events: none; display: flex; flex-direction: column; width: 100%; height: 100%; z-index: 90; transition: opacity 0.25s ease;}
.portfolio_page .character_sect .loading_bg div {height: 26%; width: 100%; position: relative; flex-shrink: 0;}
.portfolio_page .character_sect .loading_bg div + div {margin-top: -2px;}
.portfolio_page .character_sect .loading_bg div::before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; clip-path: inset(0 0 0 0); background-color: var(--point01); transition: width 0.55s cubic-bezier(0.83, 0, 0.17, 1), clip-path 0.65s cubic-bezier(0.83, 0, 0.17, 1);}
.portfolio_page .character_sect .loading_bg div:nth-child(2n)::before {left: auto; right: 0;}
.portfolio_page .character_sect .loading_bg.is-active {opacity: 1; pointer-events: auto;}
.portfolio_page .character_sect .loading_bg.is-loading div::before {width: 100%;}
.portfolio_page .character_sect .loading_bg.is-exit div:nth-child(2n+1)::before {clip-path: inset(0 0 0 100%);}
.portfolio_page .character_sect .loading_bg.is-exit div:nth-child(2n)::before {clip-path: inset(0 100% 0 0);}
.portfolio_page .character_sect .loading_bg.is-fadeout {opacity: 0; pointer-events: auto;}

.portfolio_page .character_sect .portfolio_character {margin: 0 auto; width: 100%; height: 100%; display: flex; align-items: flex-end;}
.portfolio_page .character_sect .portfolio_character .img {position: relative; width: 100%; height: 120%; transform: translate3d(0, 120%, 0) scale(0.92); transform-origin: center top; transition: transform 1s ease-in-out 0.4s; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; contain: paint;}
.portfolio_page .character_sect .character_cont.active .portfolio_character .img {transform: translate3d(0, 20%, 0) scale(1);}
.portfolio_page .character_sect .portfolio_character .img .item {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; object-position: top center; pointer-events: none; mix-blend-mode: darken; border: none; outline: unset; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; filter: contrast(101%); -webkit-filter: contrast(101%); background-color: transparent; -webkit-mask-image: -webkit-radial-gradient(white, black);}
.portfolio_page .character_sect .character_cont {position: relative; cursor: pointer; flex: 1;}

.portfolio-sticker-cursor {position: absolute; left: 2rem; top: 0; z-index: 80; display: flex; align-items: center; gap: 0.5rem; color: #000; font-size: var(--h8); font-weight: 500; line-height: 1; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate3d(var(--sticker-cursor-x, 0px), var(--sticker-cursor-y, 0px), 0) translate(0.2rem, -0.2rem); transition: opacity 0.18s ease; will-change: transform, opacity;}
.portfolio-sticker-cursor .ico {display: block; flex: 0 0 auto; width: 1em; height: 1em;}
.portfolio-sticker-cursor .ico svg {display: block; width: 100%; height: 100%;}
.portfolio-sticker-cursor .txt {display: block; flex: 0 0 auto; f}

  .people_page .sub_visual_top.is-sticker-cursor-active .portfolio-sticker-cursor,
.character_cont.is-sticker-cursor-active .portfolio-sticker-cursor {opacity: 1;}

.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) {position: relative;}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box {position: absolute; top: 0; left: 0; z-index: 4; opacity: 0; pointer-events: none; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1)); transform: rotate(var(--rot, 0deg)) scale(0); transform-origin: 50% 75%; transition: transform 0.3s ease-out, opacity 0.3s ease-out; will-change: transform, opacity; font-size: 1rem;}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box.mounted {opacity: 1; transform: rotate(var(--rot, 0deg)) scale(1);}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box .sticker {position: absolute; top: 0; left: 0; width: 100%; height: 50%; overflow: hidden; transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform;}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box .sticker img {display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform; -webkit-user-drag: none;}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box .sticker-back {z-index: 2;}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box .sticker-front {z-index: 1;}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box .sticker-front img {transform: translateY(100%);}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box.active .sticker-back,
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box.active .sticker-front {transform: translateY(100%);}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box.active .sticker-back img {transform: translateY(100%);}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box.active .sticker-front img {transform: translateY(0);}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box.remove {animation: portfolio-sticker-out 0.3s ease-in forwards;}

.portfolio_page .character_sect .character_cont .el {position: absolute; opacity: 0; transform: scale(0); transform-origin: center; transition-property: opacity, transform; will-change: transform, opacity; }
.portfolio_page .character_sect .character_cont.active .el {opacity: 1; transform: scale(1);}
.portfolio_page .character_sect .character_cont .el.left1 {top: 10%; left: 4%; width: 24em; transition-duration: 0.62s; transition-delay: 0.32s; transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);}
.portfolio_page .character_sect .character_cont .el.left2 {top: 50%; right: 85%; width: 16em; transition-duration: 0.78s; transition-delay: 0.5s; transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);}
.portfolio_page .character_sect .character_cont .el.left3 {top: 60%; right: 80%; width: 8em; transition-duration: 0.48s; transition-delay: 0.68s; transition-timing-function: cubic-bezier(0.5, 1.8, 0.4, 1);}
.portfolio_page .character_sect .character_cont .el.left4 {top: 69%; right: 83%; width: 24em; transition-duration: 0.86s; transition-delay: 0.42s; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);}
.portfolio_page .character_sect .character_cont .el.right1 {top: 0; left: 85%; width: 27em; transition-duration: 0.92s; transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.2, 1.2, 0.3, 1);}
.portfolio_page .character_sect .character_cont .el.right2 {top: 18%; left: 89%; width: 22em; transition-duration: 0.54s; transition-delay: 0.78s; transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);}
.portfolio_page .character_sect .character_cont .el.right3 {top: 50%; left: 75%; width: 15em; transition-duration: 0.7s; transition-delay: 0.56s; transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);}
.portfolio_page .character_sect .character_cont .el.right4 {top: 70%; left: 88%; width: 26em; transition-duration: 0.8s; transition-delay: 0.72s; transition-timing-function: cubic-bezier(0.18, 1.35, 0.32, 1);}
.portfolio_page .character_sect .character_cont .el.character-sticker {aspect-ratio: var(--el-ratio);}
.portfolio_page .character_sect .character_cont .el > img {display: block; width: 100%; height: auto; transform-origin: center; animation-play-state: paused; will-change: transform;}
.portfolio_page .character_sect .character_cont .el-sticker-motion {width: 100%; height: 100%; transform-origin: center; animation-play-state: paused;}
.portfolio_page .character_sect .character_cont .el.left1 > img,
.portfolio_page .character_sect .character_cont .el.left1 .el-sticker-motion {animation: portfolioFloatSoft 3.8s ease-in-out infinite;}
.portfolio_page .character_sect .character_cont .el.left2 > img,
.portfolio_page .character_sect .character_cont .el.left2 .el-sticker-motion {animation: portfolioSlideWiggle 4.4s ease-in-out infinite;}
.portfolio_page .character_sect .character_cont .el.left3 > img,
.portfolio_page .character_sect .character_cont .el.left3 .el-sticker-motion {animation: portfolioPopPulse 2.8s ease-in-out infinite;}
.portfolio_page .character_sect .character_cont .el.left4 > img,
.portfolio_page .character_sect .character_cont .el.left4 .el-sticker-motion {animation: portfolioSpinFloat 6s linear infinite;}
.portfolio_page .character_sect .character_cont .el.right1 > img,
.portfolio_page .character_sect .character_cont .el.right1 .el-sticker-motion {animation: portfolioWindowDrift 5s ease-in-out infinite;}
.portfolio_page .character_sect .character_cont .el.right2 > img,
.portfolio_page .character_sect .character_cont .el.right2 .el-sticker-motion {animation: portfolioPopPulse 2.2s ease-in-out infinite;}
.portfolio_page .character_sect .character_cont .el.right3 > img,
.portfolio_page .character_sect .character_cont .el.right3 .el-sticker-motion {animation: portfolioSlideWiggle 3.7s ease-in-out infinite reverse;}
.portfolio_page .character_sect .character_cont .el.right4 > img,
.portfolio_page .character_sect .character_cont .el.right4 .el-sticker-motion {animation: portfolioSwingRotate 3.5s ease-in-out infinite;}
.portfolio_page .character_sect .character_cont.active .el > img {animation-play-state: running;}
.portfolio_page .character_sect .character_cont .el.is-motion-ready .el-sticker-motion {animation-play-state: running;}
.portfolio_page .character_sect .character_cont .character-sticker-box {position: relative; width: 100%; height: 100%; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.1)); transform: translateY(-50%);}
.portfolio_page .character_sect .character_cont .character-sticker-box .sticker {position: absolute; top: 0; left: 0; width: 100%; height: 50%; overflow: hidden; transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: var(--el-flip-delay, 0.3s); will-change: transform;}
.portfolio_page .character_sect .character_cont .character-sticker-box .sticker img {display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1); transition-delay: var(--el-flip-delay, 0.3s); will-change: transform; -webkit-user-drag: none; margin-top: 2px;}
.portfolio_page .character_sect .character_cont .character-sticker-box .sticker-back {z-index: 2;}
.portfolio_page .character_sect .character_cont .character-sticker-box .sticker-front {z-index: 1;}
.portfolio_page .character_sect .character_cont .character-sticker-box .sticker-front img {transform: translateY(100%);}
.portfolio_page .character_sect .character_cont.active .character-sticker-box .sticker-back,
.portfolio_page .character_sect .character_cont.active .character-sticker-box .sticker-front {transform: translateY(100%);}
.portfolio_page .character_sect .character_cont.active .character-sticker-box .sticker-back img {transform: translateY(100%);}
.portfolio_page .character_sect .character_cont.active .character-sticker-box .sticker-front img {transform: translateY(0);}

.portfolio_page .character_sect .character_cont .el  {font-size: 0.8rem;}
.portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box {font-size: 0.7rem;}

@keyframes portfolio-sticker-out {
    from {opacity: 1;}
    to {opacity: 0; transform: rotate(calc(var(--rot, 0deg) + 65deg)) scale(0);}
}

@keyframes portfolioFloatSoft {
    0%, 100% {transform: translate3d(0, 0, 0) rotate(-1deg);}
    50% {transform: translate3d(0.8rem, -1.5rem, 0) rotate(2deg);}
}

@keyframes portfolioSlideWiggle {
    0%, 100% {transform: translate3d(0, 0, 0) rotate(0deg);}
    35% {transform: translate3d(1.4rem, -0.8rem, 0) rotate(2.4deg);}
    70% {transform: translate3d(-0.8rem, 0.9rem, 0) rotate(-1.8deg);}
}

@keyframes portfolioPopPulse {
    0%, 100% {transform: translate3d(0, 0, 0) scale(1) rotate(0deg);}
    45% {transform: translate3d(0.2rem, -0.8rem, 0) scale(1.08) rotate(5deg);}
    70% {transform: translate3d(0, -0.2rem, 0) scale(0.98) rotate(-2deg);}
}

@keyframes portfolioSpinFloat {
    0% {transform: translate3d(0, 0, 0) rotate(0deg);}
    50% {transform: translate3d(0, -1.2rem, 0) rotate(180deg);}
    100% {transform: translate3d(0, 0, 0) rotate(360deg);}
}

@keyframes portfolioWindowDrift {
    0%, 100% {transform: translate3d(0, 0, 0) rotate(-1.5deg);}
    50% {transform: translate3d(-1.8rem, -1.2rem, 0) rotate(1.5deg);}
}

@keyframes portfolioSwingRotate {
    0%, 100% {transform: translate3d(0, 0, 0) rotate(-8deg);}
    50% {transform: translate3d(0, -1rem, 0) rotate(8deg);}
}

@keyframes portfolioSignBoard {
    0% {opacity: 0; transform: translateY(70%) rotate(-10deg) scale(0.82);}
    14% {opacity: 1; transform: translateY(48%) rotate(4deg) scale(1.04);}
    24% {opacity: 1; transform: translateY(50%) rotate(-2deg) scale(1);}
    34% {opacity: 1; transform: translateY(50%) rotate(1.2deg) scale(1);}
    44%, 100% {opacity: 1; transform: translateY(50%) rotate(-1deg) scale(1);}
    62% {opacity: 1; transform: translateY(50%) rotate(1.6deg) scale(1);}
    82% {opacity: 1; transform: translateY(50%) rotate(-1.4deg) scale(1);}
}

@media (prefers-reduced-motion: reduce) {
    .portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box,
    .portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box .sticker,
    .portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box .sticker img,
    .portfolio_page .character_sect .character_cont .character-sticker-box .sticker,
    .portfolio_page .character_sect .character_cont .character-sticker-box .sticker img {transition-duration: 1ms !important;}
    .portfolio_page :is(.character_wrap[data-area="sticker"], .character_wrap [data-area="sticker"], .portfolio_sect[data-area="sticker"], .portfolio_sect [data-area="sticker"]) > .sticker-box.remove {animation-duration: 1ms !important;}
    .portfolio_page .character_sect .character_cont .el-sticker-motion,
    .portfolio_page .character_sect .character_cont.active .el > img,
    .portfolio_page .character_sect .character_wrap .sect_tit_box.active .sign_svg {animation: none;}
    .portfolio_page .character_sect .character_cont.active .portfolio_character .img,
    .portfolio_page .character_sect .character_cont.active .el {opacity: 1; transform: none;}
    .portfolio_page .character_sect .character_wrap .sect_tit_box.active .sign_svg {opacity: 1; transform: translateY(50%);}
}

.about_page {transition: background-color 0.6s ease-in-out;}
.about_page.orange {background-color: var(--point01); }

.info_sect {margin-top: var(--pd1); padding-bottom: var(--pd1);color: var(--point01); transition: color 0.3s ease-in-out , background-color 0.3s ease-in-out;}
.info_sect .member_video {margin-bottom: var(--contMt1); border-radius: 4rem; overflow: hidden;}
.info_sect .member_video video {width: 100%;}
.about_page .info_sect.orange {color: #fff; background-color: var(--point01);}
.info_sect .tit {font-size: 7.5rem; font-weight: 700; margin-bottom: var(--contMt2);}
.info_sect .txt {font-size: var(--h4); font-weight: 600; }
.info_sect .txt + .txt {margin-top: var(--contMt3)}
.info_sect .word-mask,
.about_page .exactly_sect .txt_box .word-mask,
.about_page .philosophy_sect .sect_tit .word-mask {display: inline-block; overflow: hidden; vertical-align: top;}
.info_sect .word-inner,
.about_page .exactly_sect .txt_box .word-inner,
.about_page .philosophy_sect .sect_tit .word-inner {display: inline-block; will-change: transform;}

.about_page .exactly_sect { padding: var(--pd3) 0; transition: color 0.3s ease-in-out , background-color 0.3s ease-in-out;}
.about_page .exactly_sect.orange {background-color: var(--point01);}
.about_page .exactly_sect .top_box {display: flex; justify-content: center; gap:10rem;}
.about_page .exactly_sect .top_box .cont {text-align: center}
.about_page .exactly_sect .top_box .cont svg {height: 34.5rem;; width: auto;}
.about_page .exactly_sect .top_box .cont .txt {color: #fff; margin-top: 6rem;}
.about_page .exactly_sect .top_box .cont .txt strong {font-size: var(--h5); font-weight: 700; display: block; line-height: 1; margin-bottom: 1.5rem;}
.about_page .exactly_sect .top_box .cont .txt span {font-size: var(--p3); font-weight: 600; margin-top: 1.5rem; }

.about_page .exactly_sect .top_box .cont svg path {transform-box: fill-box; transform-origin: 50% 100%; will-change: opacity, transform, filter;}
.about_page .exactly_sect .top_box .cont .txt {will-change: opacity, transform; opacity: 0; transform: translateY(100px); filter: blur(10px); transition: opacity 1s ease-in-out, transform 1s ease-in-out, filter 1s ease-in-out;}
.about_page .exactly_sect .top_box.active .cont .txt {opacity: 1; transform: translateY(0); filter: blur(0);}
.about_page .exactly_sect .top_box .cont:nth-child(1) .txt {transition-delay: 0.2s;}
.about_page .exactly_sect .top_box .cont:nth-child(2) .txt {transition-delay: 0.4s;}
.about_page .exactly_sect .top_box .cont:nth-child(3) .txt {transition-delay: 0.6s;}

.about_page .exactly_sect .tit_box {text-align: center; margin-top: var(--pd1); color: #fff;}
.about_page .exactly_sect .tit_box .desc {font-size: var(--h8); font-family: var(--en2); font-weight: 700;}
.about_page .exactly_sect .tit_box .desc .line-mask {display: inline-block; overflow: hidden; vertical-align: top;}
.about_page .exactly_sect .tit_box .desc .line-inner {display: inline-block; transform: translateY(115%); transition: transform 0.8s ease-in-out; will-change: transform;}
.about_page .exactly_sect .tit_box.active .desc .line-inner {transform: translateY(0);}
.about_page .exactly_sect .tit_box .tit {font-size: var(--h1); font-weight: 700; margin-top: 2rem;}
.about_page .exactly_sect .tit_box .tit .typing-text {display: inline-block; min-height: 1.2em;}

.about_page .exactly_sect .txt_box {margin: var(--contMt4) auto 0; color: #fff; width: auto; max-width: 100%; padding: 0 var(--inPd); display: flex; justify-content: center;}
.about_page .exactly_sect .txt_box .txt {font-size: var(--h4); font-weight: 600;}
.about_page .exactly_sect .txt_box .txt + .txt {margin-top: 5rem;}


.about_page .philosophy_sect {background-color: var(--black); color: #fff; padding: var(--pd3) 0; position: relative; z-index: 2;}
.about_page .philosophy_sect .sect_tit {font-size: 10rem;font-weight: 700;}
.about_page .philosophy_sect .top_txt_box {margin-top: var(--pd1);}
.about_page .philosophy_sect .top_txt_box .cont_tit_box .desc {color: var(--point01);}
.about_page .philosophy_sect .top_txt_box .cont_tit_box .tit {color: var(--point01);}
.about_page .philosophy_sect .top_txt_box .txt {margin-top: 8rem;font-size: var(--h4);font-weight: 600;}
.about_page .philosophy_sect .top_txt_box .txt.em {font-size: var(--h1);font-weight: 700;}
.about_page .philosophy_sect .reveal-mask {display: inline-block; overflow: hidden; vertical-align: top;}
.about_page .philosophy_sect .reveal-inner {display: inline-block; will-change: transform;}
.about_page .philosophy_sect .reveal-inner br {display: none;}


.sub .cont_tit_box.txt_c {text-align: center;}
.sub .cont_tit_box .desc {font-size: var(--h8); font-weight: 700; }
.sub .cont_tit_box .tit {font-size: var(--h1);font-weight: 700;margin-top: 0.5rem; }
.sub .cont_tit_box .tit + .desc {margin-top: 1rem;}


.sub .cont_tit_box .tit p span {transition-delay: 0.2s;}
.sub .cont_tit_box .tit p + p span {transition-delay: 0.4s;}
.sub .cont_tit_box .tit + .desc  p span {transition-delay: 0.4s;}
.sub .cont_tit_box p {overflow: hidden;}
.sub .cont_tit_box p > span {display: inline-block; transform: translateY(100%); transition: 0.6s ease-in-out;}


.sub .cont_tit_box.active p span {transform: unset;}


.about_page .philosophy_sect .vision_box_wrap {margin-top: var(--pd1); ;}
.about_page .philosophy_sect .vision_box_wrap .vision_box {display: flex; align-items: center; justify-content: space-between;}
.about_page .philosophy_sect .vision_box_wrap .vision_box + .vision_box {margin-top: var(--pd1);}
.about_page .philosophy_sect .vision_box_wrap .vision_box:nth-child(2n) {flex-direction: row-reverse;}
.about_page .philosophy_sect .vision_box_wrap .vision_box .ico {width: 55rem; aspect-ratio: 100/105; flex-shrink: 0;}
.about_page .philosophy_sect .vision_box_wrap .vision_box .ico video {width: 100%;}
.about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .desc {font-size: var(--h8); font-weight: 600;}
.about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .tit {font-size: 7.5rem;font-weight: 700;margin-top: 2rem;}
.about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .txt {font-size: var(--h8); margin-top: 8rem;}

.about_page .logo_sect .logo_visual {width: 100%; height:150svh; display: none;}
.about_page .logo_sect .logo_visual .sticky {width: 100%; height: 100svh; position: sticky; top: 0;}
.about_page .logo_sect .logo_visual .logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80rem; height: auto;}
.about_page .logo_sect .logo_visual .logo .cir {transform: translateY(-100px); opacity: 0;}
.about_page .logo_sect .logo_visual .logo .stick {transform-box: fill-box; transform-origin: center center; opacity: 0;}
.about_page .logo_sect .logo_visual .logo .stick.center {transform: translateY(100px);}
.about_page .logo_sect .logo_visual .logo .stick.point {mix-blend-mode: darken;}
.about_page .logo_sect .logo_visual .logo .stick.last {transform: translateY(80px);}
.about_page .logo_sect .logo_visual .logo .stick.left_deg45 {transform: translateY(100px);}
.about_page .logo_sect .logo_visual .logo .stick.right_deg45 {transform: translateY(100px);}
.about_page .logo_sect .logo_visual .logo .stick.deg90 {transform: translateY(100px); transform-origin: right bottom;}


.about_page .logo_sect .logo_visual.active .logo .cir {transform: translateY(0); opacity: 1; transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;}
.about_page .logo_sect .logo_visual.active .logo .cir:nth-of-type(2) {transition-delay: 0.04s;}
.about_page .logo_sect .logo_visual.active .logo .cir:nth-of-type(3) {transition-delay: 0.08s;}
.about_page .logo_sect .logo_visual.active .logo .stick {transform: translateY(0); opacity: 1; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;}
.about_page .logo_sect .logo_visual.active .logo .stick.center {transition-delay: 0.32s;}
.about_page .logo_sect .logo_visual.active .logo .stick.last {transition-delay: 0.45s;}
.about_page .logo_sect .logo_visual.active .logo .stick.left_deg45 {transition-delay: 0.2s;}
.about_page .logo_sect .logo_visual.active .logo .stick.right_deg45 {transition-delay: 0.45s;}
.about_page .logo_sect .logo_visual.active .logo .stick.deg90 {transform: unset; opacity: 1; transition-delay: 0.62s;}




.about_page .logo_sect .ci_cont_box {padding-top: var(--pd3); }
.about_page .logo_sect .ci_cont_box .cont_tit_box .logo {width: 12rem; height: auto; margin-bottom: 3rem;} 
.about_page .logo_sect .ci_cont_box .cont_tit_box .txt {margin-top: var(--contMt3); font-size: var(--p2); font-weight: 500; opacity: 0; transform: translateY(100px); transition: 0.6s ease-in-out 0.4s; }
.about_page .logo_sect .ci_cont_box .cont_tit_box.active .txt {opacity: 1; transform: unset;}
.about_page .logo_sect .ci_cont_box .ci_cont {margin-top: 5rem; display: flex; }
.about_page .logo_sect .ci_cont_box .ci_cont .box {flex: 1;}
.about_page .logo_sect .ci_cont_box .ci_cont .box + .box {margin-left: 8rem;}
.about_page .logo_sect .ci_cont_box .ci_cont .box .logo_box {height: 36rem; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; font-size: 0.8rem; border-radius: 1.5rem;}
.about_page .logo_sect .ci_cont_box .ci_cont .box .logo_box .logo.ko {width: 38em;}
.about_page .logo_sect .ci_cont_box .ci_cont .box .logo_box .logo.en {width: 48em;}
.about_page .logo_sect .ci_cont_box .ci_cont .box .txt {margin-top: 3rem; font-size: var(--p5); display: none;}



.sub .faq_sect {margin-bottom: var(--pd3);}

.faq_page .faq_tab {scroll-margin-top: calc(var(--hdH) + 2rem);}

.sub .faq_sect .que_box .txt {background-color: #f9f9f9;}
.sub .faq_sect .que_box .btn {background-color: #f9f9f9;}
.sub .faq_sect .faq_more_btn {background-color: #f9f9f9;}
/* .sub .faq_sect .answer_box {background: #f9f9f9;} */
.sub .faq_sect .answer_box .desc {color: var(--black);}

/* 자주묻는질문(16) — 검색어 · 결과 없음 · 페이지 번호 (번호 블록 개수는 _Skin/16.php 스크립트가 PC 10/모바일 5로 제어) */
.faq_page .faq_search_box {display: flex; align-items: center; width: min(70rem, 100%); height: var(--inpH); margin: var(--contMt3) auto; padding: 0 0.6em 0 1.6em; border: 1px solid var(--line); border-radius: 10em; background-color: #fff; font-size: var(--p3); transition: border-color 0.3s;}
.faq_page .faq_search_box[hidden] {display: none;}
.faq_page .faq_search_box:focus-within {border-color: var(--point01);}
.faq_page .faq_search_box .blind {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.faq_page .faq_search_box .inp {flex: 1 1 auto; min-width: 0; height: 100%; border: 0; background: transparent; font: inherit; color: var(--black); outline: 0;}
.faq_page .faq_search_box .inp::placeholder {color: var(--gray40);}
.faq_page .faq_search_box .btn {display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.4em; height: 2.4em; border-radius: 10em; color: #fff; background-color: var(--point01); transition: background-color 0.3s;}
.faq_page .faq_search_box .btn svg {width: 1.2em; height: 1.2em;}
.faq_page .faq_search_box .btn:hover {background-color: var(--black);}
.faq_page .faq_status {margin-top: var(--contMt3); text-align: center; font-size: var(--p3); color: var(--gray60);}
.faq_page .faq_status[hidden] {display: none;}
.faq_page .faq_paging {display: flex; align-items: center; justify-content: center; gap: 0.4em; margin-top: var(--pd4); font-size: var(--p3);}
.faq_page .faq_paging[hidden] {display: none;}
.faq_page .faq_paging .num_box {display: flex; align-items: center; gap: 0.4em;}
.faq_page .faq_paging .num, .faq_page .faq_paging .arr {display: flex; align-items: center; justify-content: center; min-width: 2.85em; height: 2.85em; padding: 0 0.6em; border-radius: 10em; font-weight: 700; color: var(--gray60); background-color: #fff; transition: background-color 0.3s, color 0.3s;}
.faq_page .faq_paging .num:hover, .faq_page .faq_paging .arr:hover {color: var(--point01);}
.faq_page .faq_paging .num.active {color: #fff; background-color: var(--point01);}
.faq_page .faq_paging .arr svg {width: 1.2em; height: 1.2em;}
.faq_page .faq_paging .arr:disabled {opacity: 0.3; cursor: default; color: var(--gray60);}




.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(--point01);}
.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(--point01);}
.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;}


.sub .sect_tit_box .sm_tit {font-size: var(--p2); font-weight: 700; margin-bottom: 1.5rem; color: var(--point01);}
.sub section:not(.faq_sect) .sect_tit_box .tit {font-size: var(--d1); font-family: var(--en2); line-height: 1.2; margin-top: 1.5rem}
.sub .sect_tit_box .txt {font-size: var(--h6); font-weight: 700;}

.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(--point01); 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: 600svh; 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;}


/* ── 모바일 스페셜리스트 캔버스 라이드 (2026-09-04) ──────────────────────────
   ≤768px 에서 이 페이지 최상단이 메인(/) special_sect 와 같은 연출이 된다:
   카드 모이기 → 카드 안이 캔버스로 교차 → 확대 → 주행 → 축소 → FAQ.
   규칙은 inc/css/main.css:907-941 에서 옮겼다(이 페이지는 main.css 를 읽지 않는다).

   ★ 미디어쿼리가 아니라 .is-mo-ride 클래스로 가른다. 이 클래스는 _Skin/6.php 의 스킨
     스크립트가 파싱 시점에 innerWidth<=768 로 한 번만 붙인다 — JS 초기화 분기와 CSS 가
     언제나 같은 편에 서야 하기 때문이다. 미디어쿼리만으로 나누면 아이패드 회전
     (768↔1024)에서 "모바일 레이아웃인데 라이드 호스트는 없는" 상태가 된다.
     폭에 따른 치수 튜닝만 파일 하단 브레이크포인트 블록에 둔다. */

/* 카드 안 포스터와 확대용 고정 레이어 모두 "뷰포트 크기 콘텐츠를 사각형이 가운데로
   잘라 보는" 클리핑 윈도우 기하다. 그래야 카드→풀스크린 확대가 콘텐츠 리사이즈 없이
   사각형 트윈만으로 이어진다. */
/* ★ 고정 카드는 **순수 측정용 앵커**다 — 메인처럼 언제나 opacity:0 이고 등장 연출이 없다
   (main.css:786 · :804-809 은 .active 에서도 opacity 를 0 으로 둔다).
   서브 기본값은 우측 바깥에서 rotateY(80deg) scale(.8) 로 날아 들어오는데, 그러면
   .sp-ride 클립이 rAF 로 그 rect 를 따라다녀 **카드 모양 캔버스가 오른쪽에서 슬라이드-인**
   한다. 화면에 보이는 카드 그림은 .item.front(special_card9.webp)이고 씬은 .sp-ride 가
   그리므로, 이 칸을 감춰도 보이는 것은 하나도 줄지 않는다. */
.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;}
/* 월드가 서면 포스터가 물러난다 — 이것이 "캔버스가 교차로 보이는" 지점이다.
   ★ !important 사유: 아래 768px 블록의 `.special_sect .card_list .item img {opacity:1 !important}`
     가 이 포스터까지 잡는다. 되받으려면 같은 무기가 필요하다(특이도는 이쪽이 높다). */
.special_page.is-mo-ride .special_sect.is-cardlive .card_list .item .sp-embed .sp-embed__poster {opacity: 0 !important;}

/* PC 에는 라이드 레이어가 아예 없다 — .cont_box.sticky .in 이 flex 컨테이너라
   빈 요소라도 플렉스 아이템으로 남지 않게 display 로 걷어낸다(무회귀 보장). */
.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;}
/* ★ 캔버스 크기를 CSS 로 강제하지 않는다 — 엔진은 드로잉 버퍼와 camera.aspect 를 언제나
   innerWidth/innerHeight 로 잡는다. 상자에 맞추면 주소창이 접히는 순간 lvh 비율로 그린
   그림을 svh 상자에 눌러 담게 된다(실측 세로 11% 압축). 넘치는 부분은 클립이 자른다. */
.special_page.is-mo-ride .special_sect .sp-ride__viewport canvas {display: block;}

/* 우측 카드 6장 구간과 하단 월드 판은 모바일에 없다 — 씬은 위 카드가 확대되며 나온다 */
.special_page.is-mo-ride .special_sect .right_card_list {display: none;}
.special_page.is-mo-ride .special_space {display: none;}
/* 라이드 스크럽 길이 = 메인과 같은 750lvh(main.css:842). 메인의 --sp-ride-len 은 주석
   처리돼 죽어 있으므로 world3d.json 이 아니라 이 값이 배속의 출처다. lvh 는 주소창
   개폐로 변하지 않아 스크롤 도중 문서 높이가 흔들리지 않는다. */
.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.sticky {height: 750lvh;}
/* ★ 이 경로의 세로 단위는 **전부 lvh** 다 — 메인과 같은 단일 좌표계(main.css 전역 48곳).
   섞으면 실기기에서만 어긋난다: 실측(갤럭시 S25) svh 693.69 · lvh 749.87 로 100 당 56px,
   750 배수에서는 **421px** 이다. 실제로 .cont_box.sticky 만 lvh 이고 문단 창이 svh 였던
   탓에, 라이드가 끝나기 전에 문단 sticky 가 풀려 카드가 «How we build» 를 덮었다.
   (svh 는 주소창이 보일 때의 높이라 화면을 다 못 덮기도 한다 — lvh 는 언제나 뷰포트 이상) */
.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;}
/* 씬 안에서는 문구를 띄우지 않는다(사용자 결정) — .txt_box 는 .is-active 가 붙어야만
   보이는데 모바일 라이드 호스트가 그 클래스를 아예 안 붙인다. 여기선 잔여 상호작용만 막는다. */
.special_page.is-mo-ride .special_sect .specialness_cont .cont_box.sticky .left_tit_box {pointer-events: none;}

/* ── 주황 차오름 와이프 (메인 main.css:767-768 + 1.php 의 mo_sticky 타임라인 이식) ──
   흰 판이 아래에서부터 잘려 나가며 그 밑의 주황이 드러나고, **똑같은 clip 이
   .card_wrap 에도** 걸려 카드가 걷히면서 그 아래 캔버스가 드러난다.
   → «주황이 올라오는 선» 과 «카드가 씬으로 바뀌는 선» 이 정확히 한 줄이 된다. */
.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);}
/* ★ 두 판과 .card_wrap 은 같은 progress 로 inset(0 0 P% 0) 을 받는다. % 는 각자 «자기
   높이» 기준이라 **셋의 높이와 상단이 같아야** 잘리는 선이 어긋나지 않는다
   (.card_wrap 도 sub.css:509 에서 100svh · 둘 다 뷰포트 최상단). 단위도 같아야 한다. */
/* ★ 색은 **이 페이지의 기존 배경**과 같아야 한다. 메인은 body 가 #f9f9f9 라 그 값을 쓰지만
   이 페이지는 어떤 조상에도 배경이 없어 실제 화면이 순백(rgb 255,255,255)이다 — #f9f9f9 를
   그대로 옮기면 주황과 함께 올라오는 판이 «회색빛» 으로 떠 보인다(실측 후 #fff 로 교정). */
.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(--point01); z-index: 1;}
.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box {position: relative; z-index: 3;}
/* 두 줄 간격도 메인과 같게 — 서브 기본값은 .tit 에 margin-top:1.5rem(=11.25px)이 붙어
   있어 6px 더 벌어진다. 메인은 `.txt + .tit {margin-top:0}` + `.txt {margin-bottom:…}` 다. */
.special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .tit {margin-top: 0;}
/* 와이프 도는 동안엔 이 문구를 감춘다 — .specialness-active 가 색을 #fff 로 바꿔 놓아
   흰 판 위에 흰 글자가 된다. 메인 모바일도 같은 이유로 감췄다가 주황이 다 차오른 뒤
   올린다(main.css:1840-1851). 아래 문단(txt_type1)이 붙으면 다시 내린다 — 이 판은
   sticky 라 가만두면 «How we build» 위에 겹친다(메인엔 그 문단이 없다). */
.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;}
/* «How we build» 문단도 메인과 같이 **제자리 페이드**다(main.css:1842-1846 · :1854-1856).
   슬라이드로 두면 문단이 아래에서 딸려 올라와 카드 위를 지나간다 — 그래서 와이프가
   끝나기 전에는 opacity 0 으로 숨어 있다가 `.leave_active` 에서 그 자리에 뜬다.
   ★ 메인은 `.desc` 지연이 `6s` 인데 오타로 보인다(문단이 6초간 안 뜬다) — 0.6s 로 둔다.
   ★ 배치는 아래 브레이크포인트 블록의 padding-top 이 «카드 아래 30px» 로 잡는다. */
.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);}
/* ★ 카드가 캔버스 **위**에 있어야 와이프가 성립한다(걷어내야 밑이 드러난다).
   .sticky_box 는 sticky 라 이미 쌓임 맥락이고 z-auto 면 뒤 형제(.sp-ride z:1)에 덮인다.
   메인 main.css:766 도 같은 이유로 z-index:1 이다. 라이드 구간에서는 .card_wrap 이
   inset(0 0 100% 0) 으로 완전히 걷혀 있어 전체화면 캔버스를 가리지 않는다. */
.special_page.is-mo-ride .special_sect .sticky_box {z-index: 1;}











.people_page .info_sect {padding-bottom: 0;}

.people_page .member_cont_wrap {background: linear-gradient(180deg, rgba(26, 26, 28, 1) 30%, rgba(52, 49, 81, 1) 100%); padding: var(--pd1) 0;}
.people_page .member_cont_wrap .big_tit {font-size: 12.5rem;font-weight: 700; line-height: 1.2; color: var(--point01); text-align: center;}
.people_page .member_cont_wrap #memberRenderBox {  width: 100%; height: 160vh; margin:-20vh auto -20vh;}
.people_page .member_cont_wrap .member_txt {font-size: 6.5rem; color: #6C6A89; font-weight: 300; text-align: center; font-family: var(--en2); font-family: 'Poppins', sans-serif;}




.member_sect {background-color: var(--black); margin-top: var(--pd1); padding: var(--pd1) 5rem;}

.member_sect .cont_tit_box .desc ,
.member_sect .cont_tit_box .tit {color: var(--point01);}

.member_sect .member_wrap { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12.5rem 4rem; margin-top: 10rem;}
.member_sect .member_wrap .member_box { color: #fff; }
.member_sect .member_wrap .member_box .char_box { position: relative; padding-top: 100%; border-radius: 2.5rem; transition: border-radius 1.2s; transition-delay: -0.2s;  background-color: #fff;}

.member_sect .member_wrap .member_box .char_box .char_hide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 2.5rem; overflow: hidden; transition: border-radius 1.2s; transition-delay: -0.2s; }
.member_sect .member_wrap .member_box .char_box .char { position: absolute; }
.member_sect .member_wrap .member_box .char_box .char.illu { left: 0; bottom: 0; width: 100%; height: 100%; opacity: 1; }
.member_sect .member_wrap .member_box .char_box .char.illu img { position: absolute; left: 0; bottom: 0; width: 100%; }
.member_sect .member_wrap .member_box .char_box .char:not(.illu) { opacity: 0; transform: scale(1); transition: transform 0s, opacity 0s; }
.member_sect .member_wrap .member_box .char_box .char img { object-fit: contain; }
.member_sect .member_wrap .member_box .char_box .name_box { position: absolute; left: 3rem; top: 3rem; color: var(--point01);}
.member_sect .member_wrap .member_box .char_box .name_box .name { font-size: var(--h6); font-weight: 800; line-height: 1.2; }
.member_sect .member_wrap .member_box .char_box .name_box .position { margin-top: 0.5em; font-size: var(--p4); font-weight: 700; }
.member_sect .member_wrap .member_box .desc { margin-top: 4rem; font-size: var(--p6); font-weight: 600; }
.member_sect .member_wrap .member_box .desc .point { display: block; font-size: var(--p1); margin-bottom: 1em; }
.member_sect .member_wrap .member_box .info_txt {font-size: var(--p7); font-weight: 600; color: var(--point01); margin-top: 4rem; opacity: 0.7;}
.member_sect .member_wrap .member_box .tag_list {margin-top: 2.5rem; display: flex; flex-wrap: wrap; gap: 5px;}
.member_sect .member_wrap .member_box .tag_list li { font-size: var(--p9);font-weight: 500; border: 1px solid  var(--point01); color: var(--point01); opacity: 0.7; padding:0.4em 1em; line-height: 1; border-radius: 10em;}


/*--- S 멤버 위치 및 배경색 지정---*/

/*플랜디바*/
.member_sect .member_wrap .member_box.plan .char_box .char:not(.illu) { right: 7%; bottom: -10%; width: 46%; }

/*재수프리*/
.member_sect .member_wrap .member_box.zesupri .char_box .char:not(.illu) { right: 3%; bottom: -23%; width: 50%; }

/*영보스*/
.member_sect .member_wrap .member_box.youngboss .char_box .char:not(.illu) { right: 0; bottom: 0; width: 100%; }

/*엔제리*/
.member_sect .member_wrap .member_box.angel .char_box .char:not(.illu) { left: 60%; top: 49%; width: 101%; transform: translate(-50%, -50%) scale(1); }

/*JINA*/
.member_sect .member_wrap .member_box.jina .char_box .char:not(.illu) { right: 3%; bottom: 0; width: 79%; }

/*쥬드로*/
.member_sect .member_wrap .member_box.judelaw .char_box .char:not(.illu) { left: 2%; top: 9%; width: 130%; }

/*SJ*/
.member_sect .member_wrap .member_box.sj .char_box .char:not(.illu) { right: -30%; bottom: -30%; width: 120%; }

/*ZOEY*/
.member_sect .member_wrap .member_box.zoey .char_box .char:not(.illu) { right: -18%; top: 10%; width: 107%; }

/*Dter*/
.member_sect .member_wrap .member_box.dter .char_box .char:not(.illu) { right: -2%; top: 18%; width: 78%; }

/*시큘라*/
.member_sect .member_wrap .member_box.sicula .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.sicula .char_box .char:not(.illu) { right: -1%; top: 12%; width: 165%; }


/*tokki*/
.member_sect .member_wrap .member_box.tokki .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.tokki .char_box .char:not(.illu) { right: 2%; top: 20%; width: 70%; }

/*baby 범*/
.member_sect .member_wrap .member_box.babybeom .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.babybeom .char_box .char:not(.illu) { right: -9%; top: 23%; width: 89%; }

/*이드레곤*/
.member_sect .member_wrap .member_box.edragon .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.edragon .char_box .char:not(.illu) { right: 4%; top: 12%; width: 59%; }

/*꽃사슴*/
.member_sect .member_wrap .member_box.dear .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.dear .char_box .char:not(.illu) { right: 13%; top: 8%; width: 50%; }

/*두집사*/
.member_sect .member_wrap .member_box.butler .char_box .char:not(.illu) { right: 0; bottom: 0; width: 100%; }

/*플래시*/
.member_sect .member_wrap .member_box.flash .char_box .char:not(.illu) { right: 0; bottom: 0; width: 100%; }

/*Jun*/
.member_sect .member_wrap .member_box.jun .char_box .char:not(.illu) { right: -13%; top: 9%; width: 80%; }

/*라인경*/
.member_sect .member_wrap .member_box.linegyeong .char_box .char:not(.illu) { right: -6%; top: 11%; width: 89%; }

/*워니*/
.member_sect .member_wrap .member_box.wonny .char_box .char:not(.illu) { right: -8%; top: 10%; width: 81%; }

/*귀욤 쿼카*/
.member_sect .member_wrap .member_box.quokka .char_box .char:not(.illu) { right: 4%; top: 23%; width: 61%; }


/*사이클링디버거*/
/*.member_sect .member_wrap .member_box.cycling .char_box .char:not(.illu) { left: 0; bottom: 0; width: 100%; }*/
.member_sect .member_wrap .member_box.cycling .char_box .char:not(.illu) { left: 28%; top: 8%; width: 75%; }

/*유남생*/
.member_sect .member_wrap .member_box.turtle .char_box .box { overflow: hidden; }
.member_sect .member_wrap .member_box.turtle .char_box .char:not(.illu) { right: 8%; top: 9%; width: 66%; }

/*버그닌자*/
.member_sect .member_wrap .member_box.ninja .char_box .box { overflow: hidden; }
.member_sect .member_wrap .member_box.ninja .char_box .char:not(.illu) { right: 0; top: 9%; width: 66%; }

/*뉴로미*/
/*.member_sect .member_wrap .member_box.newrom { display: none; }*/
.member_sect .member_wrap .member_box.newrom .char_box .box { overflow: hidden; }
.member_sect .member_wrap .member_box.newrom .char_box .char:not(.illu) { left: 28%; top: 8%; width: 75%; }


/*츄파츄*/
.member_sect .member_wrap .member_box.chupachu .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.chupachu .char_box .char:not(.illu) {right: 6%;top: 7%;width: 79%;}

/*느림표*/
.member_sect .member_wrap .member_box.sloth .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.sloth .char_box .char:not(.illu) {right: -13%;top: 13%;width: 100%;}

/*미래찡*/
.member_sect .member_wrap .member_box.future .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.future .char_box .char:not(.illu) {right: -9%;top: 13%;width: 81%;}

/*벤자민*/
.member_sect .member_wrap .member_box.benjamin .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.benjamin .char_box .char:not(.illu) {right: -9%;top: 14%;width: 88%;}

/*양솔이*/
.member_sect .member_wrap .member_box.yangsol .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.yangsol .char_box .char:not(.illu) { right: 4%; top: 15%; width: 70%; }

/*삽사루*/
.member_sect .member_wrap .member_box.sapsaru .char_box .box { overflow: hidden }
.member_sect .member_wrap .member_box.sapsaru .char_box .char:not(.illu) { right: 2%; top: 11%; width: 68%; }


/*--- E 멤버 위치 및 배경색 지정---*/
/* .sub .portfolio_page .member_txt { position: relative; padding: 0 var(--grid_pd2) 12vw; border-radius: 0 0 5.859375vw 5.859375vw; background-color: #1a1a1c; z-index: 10 }
.sub .portfolio_page .member_txt .tit { font-size: var(--sub_h3); font-weight: 700; color: var(--org); overflow: hidden; }
.sub .portfolio_page .member_txt .txt_box { margin-top: 1em; font-size: var(--sub_h4); font-weight: 700; color: #fff; }
.sub .portfolio_page .member_txt .txt_box .txt { display: block; overflow: hidden; }
.sub .portfolio_page .member_txt .txt_box .txt br.mo_only { display: none; }
.sub .portfolio_page .member_txt .txt_box .txt span { display: inline-block; transform: translateY(100%); }
.sub .portfolio_page .member_txt .txt_box .txt.space { margin-top: 1em; } */



.member_sect .member_wrap .member_box:hover .char_box { border-radius: 100%;  transition-delay: -0.2s; }
.member_sect .member_wrap .member_box:hover .char_box .char_hide { border-radius: 100%; }
.member_sect .member_wrap .member_box:hover .char_box .char.illu { opacity: 0; }
.member_sect .member_wrap .member_box:hover .char_box .char:not(.illu) { opacity: 1; transform: unset; transition: transform 0.5s, opacity 0.1s; }
.member_sect .member_wrap .member_box.angel:hover .char_box .char:not(.illu) { transform: translate(-50%, -50%) scale(1); }

.service_page .speech_sect {padding: var(--pd1) 0  var(--pd3)}
.service_page .speech_sect .in {width: 114rem;}

.service_page .speech_sect .cont_tit_box .ai_txt {margin-top: 2rem; opacity: 0; transform: translateY(100px); transition: 0.6s ease-in-out 0.6s;}
.service_page .speech_sect .cont_tit_box.active .ai_txt {opacity: 1; transform: unset;}

.service_page .speech_sect .cont_box {margin-top: var(--contMt3);}
.service_page .speech_sect .speech_grid {display: flex; justify-content: space-between; align-items: flex-start; gap: 6.5rem;}
.service_page .speech_sect .speech_col {flex: 1;}
.service_page .speech_sect .speech_col > .speech_card + .speech_card {margin-top: 5.5rem;}

.service_page .speech_sect .speech_col:nth-child(1) .speech_card:nth-child(1) {transition-delay: 0.15s;}
.service_page .speech_sect .speech_col:nth-child(2) .speech_card:nth-child(1) {transition-delay: 0.3s;}
.service_page .speech_sect .speech_col:nth-child(3) .speech_card:nth-child(1) {transition-delay: 0.45s;}

.service_page .speech_sect .speech_col:nth-child(1) .speech_card:nth-child(2) {transition-delay: 0.6s;}
.service_page .speech_sect .speech_col:nth-child(2) .speech_card:nth-child(2) {transition-delay: 0.75s;}
.service_page .speech_sect .speech_col:nth-child(3) .speech_card:nth-child(2) {transition-delay: 0.9s;}

.service_page .speech_sect .speech_col:nth-child(1) .speech_card:nth-child(3) {transition-delay: 1.05s;}
.service_page .speech_sect .speech_col:nth-child(2) .speech_card:nth-child(3) {transition-delay: 1.2s;}
.service_page .speech_sect .speech_col:nth-child(3) .speech_card:nth-child(3) {transition-delay: 1.35s;}

.service_page .speech_sect .speech_card {position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 3.4rem; border-radius: 3.5rem; overflow: visible; isolation: isolate; background-color:#F9F9F9; opacity: 0; transform: translateY(100px);    transition: opacity 0.6s ease, transform 0.6s ease-in-out}
.service_page .speech_sect .speech_card:after {content: ""; position: absolute; bottom: 2rem; transform: translateY(100%) ;width: 3.2rem; aspect-ratio: 100 / 140; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="52" viewBox="0 0 37 52" fill="none"><path d="M0 49.0388V2C0 0.895431 0.89543 0 2 0H34.2068C35.8154 0 36.7658 1.80259 35.857 3.1299L3.65025 50.1687C2.53953 51.791 0 51.0049 0 49.0388Z" fill="%23f9f9f9"/></svg>') no-repeat center / contain; }

.service_page .speech_sect .cont_box.active .speech_card {opacity: 1; transform: unset;}


.service_page .speech_sect .speech_card.speech_tail-right:after {right: 0; transform: translateY(100%) rotateY(180deg);}
.service_page .speech_sect .speech_card.speech_tail-left:after {left: 0; }

.service_page .speech_sect .speech_card.speech_tail-right {border-bottom-right-radius: 0;}
.service_page .speech_sect .speech_card.speech_tail-left {border-bottom-left-radius: 0;}

.service_page .speech_sect .speech_card.orange {background-color:var(--point01); color: #fff;}
.service_page .speech_sect .speech_card.orange .speech_card_label {color: #fff;}
.service_page .speech_sect .speech_card.orange:after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="52" viewBox="0 0 37 52" fill="none"><path d="M0 49.0388V2C0 0.895431 0.89543 0 2 0H34.2068C35.8154 0 36.7658 1.80259 35.857 3.1299L3.65025 50.1687C2.53953 51.791 0 51.0049 0 49.0388Z" fill="%23FF5E10"/></svg>') no-repeat center / contain;}

.service_page .speech_sect .speech_card.ai_type .speech_card_visual {width: 23rem;position: absolute;left: 0;bottom: 1rem;transform: translateX(-5%);}
.service_page .speech_sect .speech_card.ai_type .speech_card_visual img {width: 100%;}
.service_page .speech_sect .speech_card.ai_type .speech_card_btn {margin-top: 14rem;}

.service_page .speech_sect .speech_card.bg_type {padding-top: 23.5rem; color: #fff;}
.service_page .speech_sect .speech_card.bg_type .speech_card_label {color: #fff;}

.service_page .speech_sect .speech_card.bg_type .speech_card_btn {background-color: #fff;}
.service_page .speech_sect .speech_card.bg_type .speech_card_btn svg path {fill: var(--black);}
.service_page .speech_sect .speech_card.bg_type:after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="52" viewBox="0 0 37 52" fill="none"><path d="M0 49.0388V2C0 0.895431 0.89543 0 2 0H34.2068C35.8154 0 36.7658 1.80259 35.857 3.1299L3.65025 50.1687C2.53953 51.791 0 51.0049 0 49.0388Z" fill="%233e3d3f"/></svg>') no-repeat center / contain;}

.service_page .speech_sect .speech_card.seo_type {background-color: #3A3A3B;  color: #fff;}
.service_page .speech_sect .speech_card.seo_type .speech_card_visual {position: absolute; left: 10%; bottom: 0; width: 23rem;}
.service_page .speech_sect .speech_card.seo_type .speech_card_visual img {width: 100%;}
.service_page .speech_sect .speech_card.seo_type .speech_card_btn {margin-top: 18rem; background-color: #fff; border-color: #fff;}
.service_page .speech_sect .speech_card.seo_type .speech_card_btn svg path {fill: var(--black);}
.service_page .speech_sect .speech_card.seo_type:after {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="37" height="52" viewBox="0 0 37 52" fill="none"><path d="M0 49.0388V2C0 0.895431 0.89543 0 2 0H34.2068C35.8154 0 36.7658 1.80259 35.857 3.1299L3.65025 50.1687C2.53953 51.791 0 51.0049 0 49.0388Z" fill="%233A3A3B"/></svg>') no-repeat center / contain;}

.service_page .speech_sect .speech_card.long .speech_card_btn {margin-top: 8.2rem;}







.service_page .speech_sect .speech_card-light {background-color: #faf9f7; color: #1d1d1f;}
.service_page .speech_sect .speech_card-accent {background-color: var(--point01); color: #fff;}
.service_page .speech_sect .speech_card-dark {background-color: #3f3f41; color: #fff;}
.service_page .speech_sect .speech_card-photo {color: #fff; background-color: #3c3c3f;}
.service_page .speech_sect .speech_card-photo:before {content: ""; position: absolute; inset: 0; border-radius: 4rem; background: linear-gradient(180deg, rgba(18, 18, 20, 0.18) 0%, rgba(18, 18, 20, 0.78) 100%); z-index: 0;}

/* .service_page .speech_sect .speech_card-sm {height: 28.3rem;}
.service_page .speech_sect .speech_card-md {height: 38.3rem;}
.service_page .speech_sect .speech_card-lg {height: 47.1rem;}
.service_page .speech_sect .speech_card-xl {height: 52.6rem;} */

.service_page .speech_sect .speech_card_bg {position: absolute; inset: 0; border-radius: 4rem 4rem 0 4rem; overflow: hidden; z-index: 1;}
.service_page .speech_sect .speech_card_bg img {width: 100%; height: 100%; object-fit: cover;}
.service_page .speech_sect .speech_card_copy,
.service_page .speech_sect .speech_card_btn,
.service_page .speech_sect .speech_card_visual {position: relative; z-index: 1;}

.service_page .speech_sect .speech_card_label {font-size: var(--p4); line-height: 1.4; font-weight: 500; color: var(--point01);}
.service_page .speech_sect .speech_card_desc {margin-top: 1.8rem; font-size: var(--p1); line-height: 1.55; font-weight: 600; word-break: keep-all;}
.service_page .speech_sect .speech_card-accent .speech_card_label {color: #fff;}
.service_page .speech_sect .speech_card-light .speech_card_label,
.service_page .speech_sect .speech_card-dark .speech_card_label,
.service_page .speech_sect .speech_card-photo .speech_card_label {color: var(--point01);}

.service_page .speech_sect .speech_card_btn {display: inline-flex; align-items: center; justify-content: center; width: 4.2rem; height: 4.2rem; margin-left: auto; border-radius: 50%; transition: transform 0.25s ease; margin-top: 2.5rem; background-color: var(--point01); opacity: 0; pointer-events:none;}
.service_page .speech_sect .speech_card_btn svg {width: 40%; height: auto;}
.service_page .speech_sect .speech_card_btn.mt0 {margin-top: 0;}

.service_page .speech_sect .speech_card.orange .speech_card_btn {background-color: #fff;}

.service_page .service_process_sect {padding: var(--pd1) 0 var(--pd3);}
.service_page .service_process_sect .btn_box {display: flex; gap: 1.6rem; margin-top: 6rem;}
.service_page .service_process_sect .btn_box .btn {height: 5.8rem; padding: 0 3rem; border-radius: 999px; border: 1px solid #d9d9d9; background-color: #fff; color: #101010; font-size: var(--p4); font-weight: 700; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;}
.service_page .service_process_sect .btn_box .btn.active {background-color: var(--point01); border-color: var(--point01); color: #fff;}

.service_page .service_process_sect .tab_wrap {margin-top: 8rem;}
.service_page .service_process_sect .tab_cont_box {display: none;}
.service_page .service_process_sect .tab_cont_box.active {display: block;}
.service_page .service_process_sect .tab_cont_box .tit_box .desc {font-size: var(--h8); font-weight: 700; color: var(--point01);}
.service_page .service_process_sect .tab_cont_box .tit_box .tit {margin-top: 2rem; font-size: 7.2rem; font-weight: 700; line-height: 1.15;}

.service_page .service_process_sect .info_wrap {position: relative; margin-top: 6rem;}
.service_page .service_process_sect .info_wrap .swiper-container-fade .swiper-wrapper {position: relative;}
.service_page .service_process_sect .info_wrap .swiper-container-fade .swiper-slide,
.service_page .service_process_sect .info_wrap .swiper-container-fade .swiper-slide-prev,
.service_page .service_process_sect .info_wrap .swiper-container-fade .swiper-slide-next,
.service_page .service_process_sect .info_wrap .swiper-container-fade .swiper-slide-duplicate {opacity: 0 !important; pointer-events: none; z-index: 0; visibility: hidden; transition: opacity 0.5s ease;}
.service_page .service_process_sect .info_wrap .swiper-container-fade .swiper-slide-active {opacity: 1 !important; pointer-events: auto; z-index: 2; visibility: visible;}
.service_page .service_process_sect .info_wrap .swiper-slide {height: auto;}
.service_page .service_process_sect .info_wrap .info_box {display: flex; justify-content: space-between; gap: 8rem; min-height: 40rem; padding: 7rem; border-radius: 4rem; background-color: #f8f8f6;}
.service_page .service_process_sect .info_wrap .info_box .tit {flex: 0 0 31rem; font-size: 5rem; line-height: 1.28; font-weight: 700; word-break: keep-all;}
.service_page .service_process_sect .info_wrap .info_box .txt {flex: 1; min-width: 0;}
.service_page .service_process_sect .info_wrap .info_box .txt p {font-size: var(--p3); line-height: 1.9; font-weight: 500; color: #444; word-break: keep-all;}

.service_page .service_process_sect .icon_slide {margin-top: 3rem;}
.service_page .service_process_sect .icon_slide .swiper-container {overflow: visible;}
.service_page .service_process_sect .icon_slide .swiper-slide {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 19rem; min-height: 22rem; padding: 3rem 2rem; border-radius: 3rem; background-color: #f8f8f6; cursor: pointer; transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;}
.service_page .service_process_sect .icon_slide .swiper-slide.is-active,
.service_page .service_process_sect .icon_slide .swiper-slide.swiper-slide-active {background-color: #fff2eb; box-shadow: 0 1.6rem 4rem rgba(255, 94, 16, 0.12); transform: translateY(-0.6rem);}
.service_page .service_process_sect .icon_slide .swiper-slide .ico {display: flex; align-items: center; justify-content: center; width: 8.8rem; height: 8.8rem; border-radius: 2.4rem; background-color: #fff;}
.service_page .service_process_sect .icon_slide .swiper-slide .ico img {width: 5.2rem; height: 5.2rem; object-fit: contain;}
.service_page .service_process_sect .icon_slide .swiper-slide .tit {margin-top: 2.2rem; font-size: var(--p5); line-height: 1.5; font-weight: 700; text-align: center; word-break: keep-all;}




.service_page .expertise_sect {padding-top: var(--pd3); background-color: #f6f6f6;}
.service_page .expertise_sect .tab_top_box {}
.service_page .expertise_sect .tab_top_box .in {width: var(--in2);}
.service_page .expertise_sect .tab_top_box .tit_box {position: relative;}
.service_page .expertise_sect .tab_top_box .tit_box .desc {font-size: var(--p3); font-weight: 700; font-family: var(--en2);}
.service_page .expertise_sect .tab_top_box .tit_box .tit {font-size: 5rem; font-weight: 700; margin-top: 2.5rem;}
.service_page .expertise_sect .tab_top_box .tit_box .txt {font-size: var(--p4); font-weight: 700; margin-top: 1rem;}

.service_page .expertise_sect .tab_top_box .logo {width: 8.5rem; position: absolute; right: 0; bottom: 0;}
.service_page .expertise_sect .tab_top_box .logo svg {width: 100%; height: auto;}
.service_page .expertise_sect .tab_top_box .sub_tab_top {margin-top: var(--contMt2);}
.service_page .expertise_sect .tab_top_box .sub_tab_top .tab_box {width: 100%;}
.service_page .expertise_sect .tab_top_box .sub_tab_top .tab {flex: 1;}
/* .service_page .expertise_sect .tab_top_box .btn_box {margin-top: var(--pd4); display: flex; background-color: #fff; border-radius: 10em; padding: 1rem;}
.service_page .expertise_sect .tab_top_box .btn_box .btn {font-size: var(--p1); color: var(--point01); font-weight: 700; flex: 1; padding: 0.9em 0; border-radius: 10em; transition: 0.3s ease-in-out;}
.service_page .expertise_sect .tab_top_box .btn_box .btn:hover { color: var(--black); }
.service_page .expertise_sect .tab_top_box .btn_box .btn.active {background-color: var(--point01); color: #fff; } */

.service_page .expertise_sect .tab_wrap {padding: var(--contMt2) 0 var(--pd3);}
.service_page .expertise_sect .tab_wrap .tab_cont_box {display: none;}
.service_page .expertise_sect .tab_wrap .tab_cont_box.active {display: block;}
.service_page .expertise_sect .tab_wrap .tab_cont_box .tit_box {text-align: center; color: var(--point01);}
.service_page .expertise_sect .tab_wrap .tab_cont_box .tit_box .desc {font-size: var(--p2); font-weight: 700; font-family: var(--en2);}
.service_page .expertise_sect .tab_wrap .tab_cont_box .tit_box .tit {margin-top: 2.5rem; font-size: var(--h2); line-height: 1.5; font-weight: 700;}

/* 좌측 상세 박스 + 우측 세로 카드 리스트. 두 칸의 높이를 같게 고정하고 리스트는 안에서 스크롤(Swiper) */
.service_page .expertise_sect .tab_wrap .tab_info_wrap {display: flex; align-items: stretch; gap: 4.3rem; height: 66rem; margin-top: var(--contMt2);}

.service_page .expertise_sect .tab_wrap .info_wrap {flex: 1; min-width: 0; height: 100%;}
.service_page .expertise_sect .tab_wrap .info_wrap .slide {position: relative; height: 100%; padding: 6rem; border-radius: 4.3rem; background-color: #FDFDFD; overflow: hidden;}
.service_page .expertise_sect .tab_wrap .info_wrap .swiper-container {height: 100%;}
.service_page .expertise_sect .tab_wrap .info_wrap .swiper-slide {height: 100%; opacity: 0 !important; transition: opacity 0.3s ease-in-out;}
.service_page .expertise_sect .tab_wrap .info_wrap .swiper-slide-active {opacity: 1 !important;}
.service_page .expertise_sect .tab_wrap .info_wrap .info_box {position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-start; gap: 4rem; height: 100%;}
.service_page .expertise_sect .tab_wrap .info_wrap .info_box .tit {font-size: 3.8rem; line-height: 1.5; font-weight: 700; word-break: keep-all; width: 40%;}
.service_page .expertise_sect .tab_wrap .info_wrap .info_box .txt { min-width: 0; font-size: var(--p3); line-height: 1.7; font-weight: 500; word-break: keep-all; width: 53%;}
.service_page .expertise_sect .tab_wrap .info_wrap .info_box .txt p + p {margin-top: 1em;}
.service_page .expertise_sect .tab_wrap .info_wrap .logo {position: absolute; left: 0; bottom:0; z-index: 2; width: 9rem;}
.service_page .expertise_sect .tab_wrap .info_wrap .logo img {width: 100%; }
.service_page .expertise_sect .tab_wrap .info_wrap .cir_bg {position: absolute; left: -76rem; top: 50%; transform: translateY(-50%); width: 122.5rem; height: 125rem; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 94, 16, 0.65) 0%, rgba(255, 114, 46, 0.57) 12.5%, rgba(255, 134, 76, 0.49) 25%, rgba(255, 175, 136, 0.33) 50%, rgba(255, 255, 255, 0) 100%); pointer-events: none;}

.service_page .expertise_sect .tab_wrap .icon_slide {flex: 0 0 28rem; width: 28rem; min-width: 0; height: 100%;}
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-container {height: 100%;}
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide {position: relative; display: flex; align-items: center; gap: 2rem; width: 100%; height: 11rem; margin-bottom: 2rem; padding: 0 2.5rem; border-right: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; border-radius: 2rem; background-color: #E9E6E6; color: #C1C1C1; overflow: hidden; cursor: pointer; transition: color 0.3s ease-in-out;}
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide::before {content: ""; position: absolute; inset: 0; background: radial-gradient(35.7rem 12.8rem at 57.6% 22.5%, #FF5E10 0%, #FF702B 25%, #FF8346 50%, #FF9562 75%, #FFA77D 100%); opacity: 0; transition: opacity 0.3s ease-in-out;}
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide.is-active {color: #fff;}
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide.is-active::before {opacity: 1;}
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .ico {position: relative; z-index: 1; display: flex; align-items: center; justify-content: flex-start; }
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .ico img {width: 2.5rem; height:2.5rem; object-fit: contain;}
.service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .tit {position: relative; z-index: 1; flex: 1; min-width: 0; font-size: var(--p2); line-height: 1.5; font-weight: 700; letter-spacing: -0.02em; color: inherit; word-break: keep-all;}


.service_page .sol_sect_wrap {padding: var(--pd3) 0; background-color: var(--black);}

.service_page .sol_sect_wrap .in {max-width: 2640px; width: 100%; padding: 0 var(--mainInPd);}
.service_page .sol_sect_wrap .cont_tit_box {color: var(--point01);}
.service_page .sol_sect .swiper-wrapper {margin-top: var(--contMt2); display: flex; gap: 1.6rem;}
.service_page .sol_sect .swiper-wrapper .cont {--introTxt: var(--h5); font-size:var(--introTxt); width: 3.75em; background-color:#fff; position: relative; border-radius: 1.6rem; overflow: hidden; transition: flex 0.6s ease-in-out, background-color 0.6s ease-in-out; height: auto;}
.service_page .sol_sect .swiper-wrapper .cont .active_box {padding: 6.7rem; color: #fff; height: 84rem; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s linear 0.3s;}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_tit_box .tit {font-size: var(--h4); font-weight: 700; opacity: 0; transform: translateY(50px);}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_tit_box .txt {font-size: var(--p3); font-weight: 700; margin-top: 1.5rem; opacity: 0; transform: translateY(50px);}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list {margin-top: var(--contMt2); padding-left: var(--contMt2);}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item {padding-left: 5rem; position: relative; padding-bottom: 3rem; border-bottom: 1px solid rgba(255, 255, 255, 0.50); opacity: 0; transform: translateY(100px);}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item + .sol_info_item  {margin-top: 3rem;}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item::before {content: ""; position: absolute; left: 0; top: 0.3rem; width: 3rem; height: 3rem; background: url('data:image/svg+xml,<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="35" height="35" rx="17.5" fill="white"/><path d="M25.4173 12.4912L14.1881 22.9912L9.08397 18.2185" stroke="%23FF5E10" stroke-width="3"/></svg>') no-repeat center / contain; }
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .tit {font-size: var(--h8); font-weight: 700;}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .txt {font-size: var(--p4); margin-top: 1rem;}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .tag_list {margin-top: 1.5rem; display: flex; gap: 5px;}
.service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .tag_list li {font-size: var(--p9); font-weight: 500; background: rgba(255, 255, 255, 0.20); border-radius: 10em; padding: 0.5em 1.2em; line-height: 1;}

.service_page .sol_sect .swiper-wrapper .cont .intro {font-size: var(--introTxt); font-weight: 600; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 2em 0; cursor: pointer; opacity: 1; transition: opacity 0.3s ease 0.6s;}
.service_page .sol_sect .swiper-wrapper .cont .intro .txt {transform-origin: center;transform: translateX(0%) rotate(90deg);white-space: nowrap; margin-top: 1.2em;}

.service_page .sol_sect .swiper-wrapper .cont.active {flex: 1;  background-color: var(--point01);}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box {opacity: 1; visibility: visible; transition-delay: 0s;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_tit_box .tit {animation: service-sol-title-rise 0.45s ease 0.3s forwards;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_tit_box .txt {animation: service-sol-title-rise 0.45s ease 0.4s forwards;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(1) {animation: service-sol-info-rise 0.5s ease 0.52s forwards;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(2) {animation: service-sol-info-rise 0.5s ease 0.62s forwards;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(3) {animation: service-sol-info-rise 0.5s ease 0.72s forwards;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(4) {animation: service-sol-info-rise 0.5s ease 0.82s forwards;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(5) {animation: service-sol-info-rise 0.5s ease 0.92s forwards;}
.service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(6) {animation: service-sol-info-rise 0.5s ease 0.92s forwards;}

.service_page .sol_sect .swiper-wrapper .cont.active .intro {opacity: 0; pointer-events: none; transition-delay: 0s; transition: none;}

@keyframes service-sol-title-rise {
    from {opacity: 0; transform: translateY(50px);}
    to {opacity: 1; transform: translateY(0);}
}

@keyframes service-sol-info-rise {
    from {opacity: 0; transform: translateY(100px);}
    to {opacity: 1; transform: translateY(0);}
}

@keyframes service-sol-panel-reveal {
    from {clip-path: inset(0 0 100% 0);}
    to {clip-path: inset(0 0 0 0);}
}




.service_page .sol_sect .approach_box {padding: var(--pd1) 0; color: #fff;}
.service_page .sol_sect .approach_head {display: grid; grid-template-columns: minmax(0, 40rem) minmax(0, 1fr); gap: 12rem;}
.service_page .sol_sect .approach_head .tit_box {position: sticky; top: 12rem; align-self: start;}
.service_page .sol_sect .approach_head .tit_box .desc,
.service_page .sol_sect .sol_box .tit_box .desc {font-size: var(--p3); font-weight: 700; font-family: var(--en2); color: var(--point01);}
.service_page .sol_sect .approach_head .tit_box .tit,
.service_page .sol_sect .sol_box .tit_box .tit {margin-top: 2.4rem; font-size: 6rem; line-height: 1.18; font-weight: 700; word-break: keep-all;}
.service_page .sol_sect .approach_list {border-top: 1px solid rgba(255, 255, 255, 0.16);}
.service_page .sol_sect .approach_item {display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; padding: 4rem 0 4.4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.16);}
.service_page .sol_sect .approach_item .txt_box {max-width: 72rem;}
.service_page .sol_sect .approach_item .tit {font-size: var(--h7); line-height: 1.45; font-weight: 700; word-break: keep-all;}
.service_page .sol_sect .approach_item .txt {margin-top: 1.6rem; font-size: var(--p3); line-height: 1.8; color: rgba(255, 255, 255, 0.72); word-break: keep-all;}
.service_page .sol_sect .approach_item .en {flex-shrink: 0; font-size: 3rem; line-height: 1; font-weight: 700; font-family: var(--en2); color: rgba(255, 255, 255, 0.88);}

.service_page .approach_sect {margin-top: var(--pd1); }
.service_page .approach_sect .cont_box {display: flex;}
.service_page .approach_sect .cont_box .left_box {width: 50%;}
.service_page .approach_sect .cont_box .approach_cont {flex: 1; min-width: 0;}
.service_page .approach_sect .cont_box .approach_cont .list .item {padding-bottom: 4rem; border-bottom: 1px solid rgba(255,255,255,0.4); color: #fff; display: flex; align-items: center; opacity: 0; transform: translateY(100%); transition: 0.8s ease-in-out;}
.service_page .approach_sect .cont_box .approach_cont .list .item:nth-child(1) {transition-delay: 0.2s;}
.service_page .approach_sect .cont_box .approach_cont .list .item:nth-child(2) {transition-delay: 0.4s;}
.service_page .approach_sect .cont_box .approach_cont .list .item:nth-child(3) {transition-delay: 0.6s;}
.service_page .approach_sect .cont_box .approach_cont .list .item:nth-child(4) {transition-delay: 0.8s;}
.service_page .approach_sect .cont_box .approach_cont .list .item:nth-child(5) {transition-delay: 1s;}
.service_page .approach_sect .cont_box .approach_cont .list .item:nth-child(6) {transition-delay: 1.2s;}
.service_page .approach_sect .cont_box .approach_cont.active .list .item {opacity: 1; transform: translateY(0);}
.service_page .approach_sect .cont_box .approach_cont .list .item + .item {padding-top: 4rem;}
.service_page .approach_sect .cont_box .approach_cont .list .item .txt_box .tit {font-size: var(--h8); font-weight: 700;}
.service_page .approach_sect .cont_box .approach_cont .list .item .txt_box .txt {font-size: var(--p6); margin-top: 1.8rem;}
.service_page .approach_sect .cont_box .approach_cont .list .item .en {font-size: 7.5rem; font-weight: 700; font-family: var(--en2); line-height: 1; margin-left: auto;}

.special_page .faq_sect {margin-top: var(--pd3); position: relative; z-index: 2;}

.service_page  .other_services_sect {margin-top: var(--pd3);}


.other_services_sect {margin-top: var(--pd1);}
.other_services_sect .cont_tit_box {color: var(--point01);}
.other_services_sect .cont_box {display: flex; margin-top: var(--contMt2); }
.other_services_sect .cont_box .box {flex: 1; background-color: #F9F9F9; border-radius: 2.5rem; padding: 4rem 3.2rem ; display: flex; flex-direction: column;}
.other_services_sect .cont_box .box + .box {margin-left: 2.5rem;}
.other_services_sect .cont_box .box .desc {font-size: var(--p7); font-weight: 500;}
.other_services_sect .cont_box .box .tit {font-size: var(--h8); font-weight: 700; margin-top: 4rem;}
.other_services_sect .cont_box .box .txt {font-size: var(--p6); margin-top: 2.5rem; margin-bottom: 4rem; word-break: break-all;}
.other_services_sect .cont_box .box .arr {width: 4.2rem; height: 4.2rem; border-radius: 50%; background-color: var(--point01); margin-top: auto; margin-left: auto; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.other_services_sect .cont_box .box .arr::before {content: ''; width:40%; height: 40%; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.588379 8.54497L18.2354 8.54497L18.2354 10.5332L0.588379 10.5332L0.588379 8.54497Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.63135 17.8609L16.5251 9.88956L7.63135 1.91958L9.18778 0.512749L19.6513 9.88944L9.18791 19.2676L7.63135 17.8609Z" fill="white"/></svg>') no-repeat center / contain; transform: translateX(0);}
.other_services_sect .cont_box .box:hover .arr::before {animation: other-services-arrow-slide 0.55s cubic-bezier(0.22, 1, 0.36, 1);}

@keyframes other-services-arrow-slide {
    0% {opacity: 1; transform: translateX(0);}
    45% {opacity: 0; transform: translateX(140%);}
    46% {opacity: 0; transform: translateX(-140%);}
    100% {opacity: 1; transform: translateX(0);}
}




/* portfolio_view */
.pp_vjr { height: 100vh; overflow:hidden; }
.pp_vjr_mo { display:none; }

.pp_vjr1 {background:url(../img/sub/portfolio/img_pp_vjr01_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr2 {background:url(../img/sub/portfolio/img_pp_vjr02_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr3 {background:url(../img/sub/portfolio/img_pp_vjr03_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr4 {background:url(../img/sub/portfolio/img_pp_vjr04_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr5 {background:url(../img/sub/portfolio/img_pp_vjr05_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr6 {background:url(../img/sub/portfolio/img_pp_vjr06_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr7 {background:url(../img/sub/portfolio/img_pp_vjr07_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr8 {background:url(../img/sub/portfolio/img_pp_vjr08_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr9 {background:url(../img/sub/portfolio/img_pp_vjr09_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr10 {background:url(../img/sub/portfolio/img_pp_vjr10_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr11 {background:url(../img/sub/portfolio/img_pp_vjr11_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr12 {background:url(../img/sub/portfolio/img_pp_vjr12_1.jpg) no-repeat center top fixed; position:relative}
.pp_vjr13 {background:url(../img/sub/portfolio/img_pp_vjr13_1.jpg) no-repeat center top fixed; position:relative}

.boksa_con2_bg { background:url(../img/sub/portfolio/con2-bg.png); }


.pp_logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.portfolio_view { position: relative; z-index: 1; background: #fff;}

.portfolio_txt {overflow:hidden; max-width:900px; margin:0 auto; box-sizing:border-box; padding:0px 15px 0px;  }
.ppMainInfoArea { padding:120px 15px 110px; }
.portfolio_txt h3 {font-size:43px; margin-bottom:15px; line-height:1.3; color:#333333;font-weight: 700;}

.portfolio_txt .pp_txt_00 {font-size:43px; padding-bottom:15px; line-height:1.3; color:#333333;font-weight: 700;}
.portfolio_txt .pp_txt_01 {font-size:43px; padding-bottom:15px; line-height:1.3; color:#333333;font-weight: 700;}
.portfolio_txt .pp_txt_02 {font-size:40px; padding-bottom:15px; line-height:1.3; color:#333333;font-weight: 700;}

.tit-award-logo { display: inline-flex; margin-right: 15px; align-items: center; position: relative; top: 4px; vertical-align: text-bottom;}
.tit-award-logo img { height: 41px; margin-right:5px; }
.tit-award-logo .prize-gdweb {width: 32px; height: auto}
.tit-award-logo img:last-of-type { margin-right:0; }

.portfolio_txt .t_txt {font-size:20px; color:#a87d6c;}
.portfolio_view_container .portfolio_top .left .nw_box {border-left:5px solid #a87d6c; padding-left:15px; margin-bottom:70px;}
.portfolio_txt .b_txt { font-size:17px; color:#333; line-height:1.8em;}
.portfolio_view_container .portfolio_top {  clear: both; font-size:17px; line-height:1.5em; font-weight:300; color:#333; }
.portfolio_top_main { height:100vh; }
.portfolio_top_sub { margin-bottom: 140px; }




.portfolio_view_container .portfolio_top .left { width:61%; float:left; display:inline-block; font-size:17px; line-height:1.5em; color:#a87e6e; font-weight:300 } 
.portfolio_view_container .portfolio_top .right { width:25%; float:right; display:inline-block; font-size:17px; line-height:1.5em; color:#a87e6e; font-weight:300; margin-top:20px; } 
.portfolio_view_container .portfolio_top .right p { display:block; position:relative; padding-left:100px; } 
.portfolio_view_container .portfolio_top .right p strong { display:inline-block; width:100px; position:absolute; top:1px; left:0; color:#a87d6c; font-weight:300 } 
.pp_link { display:block; width: 164px; height: 41px; line-height: 41px; border: 2px solid #000; text-align: center; } 

.portfolio_view_container .portfolio_top > p { color:#333; } 
.portfolio_view_container .portfolio_top > strong {}
.li_box { padding:25px 0 40px; } 
.li_box > p { margin-bottom: 13px; display: flex !important; } 
.li_box > p:last-of-type { margin-bottom: 0; } 
.li_box > p > strong { width: 110px; display: inline-block; flex-shrink: 0; font-weight: 700; font-size: 15px; } 

.pp_mouse { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); color:#fff; font-size: 37px; animation: arrowAnimation 1.7s infinite ease-out; } 

.port_vdo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } 
.port_vdo > video { width: 100vw; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; } 
.pp_vjr_pc .port_vdo > video { position: fixed; /*top: 100px; */
 /*transform: translate(-50%, 0); */}
.pp_vjr_mo .port_vdo > video { height: 100%; width: auto; } 
@media (max-aspect-ratio: 16 / 9){
 .pp_vjr_pc .port_vdo > video { width: auto; height: 100vh; } 
 }


@keyframes arrowAnimation { 
 0% { transform: translate(-50%, -20px); opacity: 0; } 
 30% { opacity: 1; } 
 60% { opacity: 1; } 
 to { -webkit-transform: translate(-50%, 10px); transform: translate(-50%, 10px); opacity: 0; } 
 }



.img_max { margin:0 auto; max-width:1780px; box-sizing:border-box; text-align:center } 
.portfolio_view .img_max { max-width:100%; } 
.portfolio_view .img_max img { } 



/*portfolio tab*/
.port_tab_wrap { margin-bottom: 60px; text-align:center; } 
.port_tab { position:relative; display: inline-block; } 
.port_tab ul { display: flex; justify-content: center; align-items: center; } 
.port_tab li { margin-right: 53px; border-width:0px; border-bottom:solid 3px; border-color:transparent; border-style:inset; } 


.port_tab li:last-of-type { margin-right:0; } 

.port_tab li button { position: relative; padding: 3px; color: #a87e6e; font-size: 18px; font-weight: 800; transition: all 0.3s; background: none; outline: none; border: none; cursor:pointer; opacity: 0.5; } 
.port_tab li.active button { opacity: 1; } 
.port_tab .line { height: 3px; position: absolute; bottom: 0; margin: 10px 0 0 0; background:#b18978; /*width:153px !important; */}
.port_empty { width: 100%; text-align: center; margin: 177px 0 0; top: 0px !important; opacity:1 !important; } 



.sub_tab_top { display: flex; align-items: center; justify-content: center; }
.sub_tab_top .tab_box {display: flex; background-color: #fff; padding: 1rem; border-radius: 20em;}
.sub_tab_top .tab {padding: 0 1.3em;border-radius: 2em;font-size: calc(var(--p1) + 2px);height: 3em; min-width: 9em; font-weight: 700;color: var(--point01);background-color: transparent;transition: background-color 0.5s, color 0.5s;text-align: center;white-space: nowrap; border-radius: 10em;}
.sub_tab_top .tab + .tab,
.sub_tab_top > div + div { margin-left: 1em; }
.sub_tab_top .tab.active { background-color:var(--point01); color: #fff; }



.portfolio_page .portfolio_sect {background-color: var(--black); }
.portfolio_page .portfolio_cont { border-radius: 15rem; overflow: hidden; padding-bottom: var(--pd1);}
.portfolio_page .portfolio_cont .bg_tit_wrap { display: flex; align-items: center; justify-content: flex-start; margin-top: 3.90625vw; }
.portfolio_page .portfolio_cont .bg_tit_wrap .bg_tit { display: flex; align-items: center; justify-content: flex-start; font-size: 6.25vw; font-weight: 800; color: var(--point01); animation: textLoop 80s linear infinite; }
.portfolio_page .portfolio_cont .bg_tit_wrap .bg_tit span { display: inline-block; margin-left: 0.6em; white-space: nowrap; }

.portfolio_page .portfolio_cont .cont_tit_box {color: var(--point01); margin-top: var(--pd1);}
.portfolio_page .portfolio_cont .cont_tit_box .txt {color: #fff; font-size: var(--h3); font-weight: 600; margin-top: var(--contMt2);}
.portfolio_page .portfolio_cont .cont_tit_box .txt span {transition-delay: 0.4s;}

.portfolio_page .portfolio_cont .sub_tab_top { margin-top: var(--contMt2); }
.portfolio_page .portfolio_cont .portfolio_li {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 2.5rem;margin-top: var(--contMt2);}
.portfolio_page .portfolio_cont .portfolio_li .box { position: relative; width: 100%; padding-top: 100%; border-radius: 2.5rem; overflow: hidden; }
.portfolio_page .portfolio_cont .portfolio_li .box.noPointer { cursor: default; }
.portfolio_page .portfolio_cont .portfolio_li .box img,
.portfolio_page .portfolio_cont .portfolio_li .box video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box {display: flex;flex-direction: column;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 5rem;background-color: var(--point01);color: #fff;z-index: 10;opacity: 0;transition: opacity 0.4s, background-color 0.4s, color 0.4s;word-break: keep-all}
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box.bgView { background-color: transparent; opacity: 1; }
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box.bgView:hover { background-color: rgba(255,94,16,1); color: #fff !important; }
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box .part { font-size: 0.78125vw; font-family: var(--pop); display: none}
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box .tit { font-size: var(--h5); font-weight: 700; line-height: 1.2; }
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box .tag {font-size: var(--p3);font-weight: 600;margin-top: 2.5rem;}
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box .txt {font-size: 0.78125vw; margin-top: auto;}

.portfolio_page .portfolio_cont .portfolio_li .box .tit_box:not(.bgView) .txt,
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box:not(.bgView) .part,
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box:not(.bgView) .tit,
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box:not(.bgView) .tag { color: #fff !important; }

.portfolio_page .portfolio_cont .portfolio_li .box .tit_box.bgView:hover .part,
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box.bgView:hover .txt,
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box.bgView:hover .tit,
.portfolio_page .portfolio_cont .portfolio_li .box .tit_box.bgView:hover .tag { color: #fff !important; }

.list_more_btn {display: flex; justify-content: center; margin-top: var(--pd4); }
.list_more_btn .btn {display: flex; align-items: center; justify-self: unset; width: auto; padding: 0 1.5em; font-size: var(--p3); font-weight: 700; color: #fff; height: 2.85em; background-color: var(--point01); border-radius: 10em;}
.list_more_btn .btn .ico {width: 1.2em; height: 1.2em; margin-left: 0.5em; background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5V19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 12L12 19L5 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat; transition: 0.3s ease-in-out;}
.list_more_btn .btn:hover .ico {transform: translateY(0.5rem);}

.portfolio_page .sect_tit_box .big_tit > span {display: inline-block; transform: translateY(100%); transition: transform 1s ease-in-out 0.4s;}
.portfolio_page .sect_tit_box.active .big_tit > span {transform: none;}
.portfolio_page .portfolio_status {margin-top: 6rem; color: #fff; font-size: var(--p3); font-weight: 600; text-align: center;}
.portfolio_page .portfolio_status[data-state="error"] {color: #ffd4c0;}
.portfolio_page .portfolio_status button {margin-left: 1rem; padding: 0.55em 1em; border: 1px solid currentColor; border-radius: 10em; color: inherit; font: inherit;}
.portfolio_page .portfolio_cont .more_btn[hidden],
.portfolio_page .portfolio_status[hidden] {display: none !important;}
.portfolio_page .portfolio_cont .more_btn .btn:disabled {cursor: wait; opacity: 0.55;}


@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.portfolio_page .portfolio_cont .portfolio_li .box:hover .tit_box {
    opacity: 1;
}








/*----- 병원소개 Starter 890 (_Skin/23.php) — 기존 홈페이지 starter.css 이식. 탑 비주얼은 기존 메인 .main_visual_new 이식 -----*/
.starter_page {width: 100%;}
.starter_page .sub_cont_tit .desc {font-size: var(--h6); font-weight: 600; opacity: 0; transform: translateY(100px); transition: 1s ease-in-out;}
.starter_page .sub_cont_tit .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5; opacity: 0; transform: translateY(100px); transition: 1s ease-in-out 0s;}
.starter_page .sub_cont_tit .desc + .tit {transition: 1s ease-in-out 0.3s;}
.starter_page .sub_cont_tit.active .desc {opacity: 1; transform: unset;}
.starter_page .sub_cont_tit.active .tit {opacity: 1; transform: unset;}
.starter_page .sub_cont_tit.txt_c {text-align: center;}

/* 탑 비주얼 — .active 로 글자 리빌, .on 으로 제목이 위로 가고 영상이 아래에서 올라온다. 영상이 섹션 아래로 넘치는 만큼 margin-bottom 으로 자리를 만든다 */
.starter_page .visual_sect {position: relative; height: 100svh; margin-bottom: 45svh;}
.starter_page .visual_sect .img {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transform: translateY(100%) scale(0.8); opacity: 0; transform-origin: top; will-change: transform; transition: opacity 1s ease-in-out 0.7s, bottom 1s ease-in-out 0.7s;}
.starter_page .visual_sect .img video {position: relative; width: 100%; height: 100%; object-fit: cover;}
.starter_page .visual_sect .tit_box {position: absolute; left: 50%; bottom: 0.5em; transform: translate(-50%, 0); display: flex; align-items: center; justify-content: center; padding: 0 var(--inPd); font-size: min(9vw, 20vh); overflow: hidden; white-space: nowrap; transition: bottom 1.7s cubic-bezier(0.8, 0, 0.3, 0.99);}
.starter_page .visual_sect .tit_box .tit {display: flex; justify-content: center; width: 100%; color: var(--point01); font-weight: 700; font-family: var(--en2); line-height: 1.2em; letter-spacing: -0.02em; text-align: center;}
.starter_page .visual_sect .tit_box .txt {display: flex; align-items: center; justify-content: center; overflow: hidden; line-height: 1.3;}
.starter_page .visual_sect .tit_box .txt span {display: inline-block; transform: translateY(100%); transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;}
.starter_page .visual_sect .tit_box .txt .basic_txt {margin-left: 0.2em;}
.starter_page .visual_sect .tit_box .txt .slide_txt {position: relative; display: flex; align-items: center; justify-content: flex-start; width: 37.2vw; text-align: left;}
.starter_page .visual_sect .tit_box .txt .slide_txt span.changed {opacity: 1; transform: unset; transition: transform 0.8s, opacity 0.5s;}
.starter_page .visual_sect .tit_box .txt .slide_txt span.changing {opacity: 0; transform: translateY(100%);}
.starter_page .visual_sect .tit_box .txt .slide_txt .line {position: relative; flex: 1; height: 0.13em; background-color: var(--point01);}
.starter_page .visual_sect .tit_box .txt .slide_txt .line:before {content: ''; position: absolute; left: -1px; top: -5px; width: 1vw; height: calc(100% + 10px); background-color: #fff; z-index: 5;}
.starter_page .visual_sect .tit_box .txt .slide_txt span:nth-child(1) {transition-delay: 0.05s;}
.starter_page .visual_sect .tit_box .txt .slide_txt span:nth-child(2) {transition-delay: 0.1s;}
.starter_page .visual_sect .tit_box .txt .slide_txt span:nth-child(3) {transition-delay: 0.15s;}
.starter_page .visual_sect .tit_box .txt .slide_txt span:nth-child(4) {transition-delay: 0.35s;}
.starter_page .visual_sect .tit_box .txt .slide_txt span:nth-child(5) {transition-delay: 0.4s;}
.starter_page .visual_sect .tit_box .txt .slide_txt span:nth-child(6) {transition-delay: 0.45s;}
.starter_page .visual_sect .tit_box .txt .slide_txt span:nth-child(7) {transition-delay: 0.5s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(1) {transition-delay: 0.55s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(2) {transition-delay: 0.6s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(3) {transition-delay: 0.7s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(4) {transition-delay: 0.75s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(5) {transition-delay: 0.8s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(6) {transition-delay: 0.85s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(7) {transition-delay: 0.9s;}
.starter_page .visual_sect .tit_box .txt .basic_txt span:nth-child(8) {transition-delay: 0.95s;}
.starter_page .visual_sect .tit_box.active .txt span {transform: unset;}
.starter_page .visual_sect .tit_box.active .txt span.pre {margin-left: 0.1em; font-family: "Pretendard Web", sans-serif;}
.starter_page .visual_sect .tit_box.on {bottom: 78vh;}
.starter_page .visual_sect .tit_box.on ~ .img {bottom: 57vh; transform: scale(0.8) translateY(100%); opacity: 1;}

/* 로테이션 — 5장의 이미지가 사방에서 모이고 제목이 체크리스트로 바뀐다(GSAP scrub). 이미지 크기는 자체 em 스케일 */
.starter_page .rotation_sect {height: calc(var(--vh, 1vh) * 400); position: relative;}
.starter_page .rotation_sect .cont_wrap {height: calc(var(--vh, 1vh) * 100); position: sticky; top: 0; overflow: hidden;}
.starter_page .rotation_sect .tit_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0 var(--inPd); width: 100%; text-align: center;}
.starter_page .rotation_sect .tit_box .tit {font-size: min(3.2vw, 8rem); font-weight: 700; line-height: 1.5;}
.starter_page .rotation_sect .tit_box .tit .text {opacity: 0; background: linear-gradient(to right, var(--black) 50%, rgba(0,0,0,0.2) 50%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text; -webkit-background-clip: text; display: inline;}
.starter_page .rotation_sect .tit_box .check_list {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.starter_page .rotation_sect .tit_box .check_list li {display: flex; align-items: center; font-size: min(2.2vw, var(--h4)); font-weight: 700; opacity: 0; transform: translateY(100px);}
.starter_page .rotation_sect .tit_box .check_list li + li {margin-top: 1.5rem;}
.starter_page .rotation_sect .tit_box .check_list li .ico {display: flex; align-items: center; width: 1.2em; flex-shrink: 0; margin-right: 0.5em;}
.starter_page .rotation_sect .tit_box .check_list li .ico svg {width: 100%; height: auto;}
.starter_page .rotation_sect .tit_box .check_list li .ico svg .svg-elem-1 {stroke-dashoffset: 482px; stroke-dasharray: 482px;}
.starter_page .rotation_sect .img {position: absolute; opacity: 0; font-size: clamp(5px, 0.27vw, 10px);}
.starter_page .rotation_sect .img img {width: 100%; border-radius: 3rem;}
.starter_page .rotation_sect .img.left_top {width: 56em; top: 150%; left: 7%;}
.starter_page .rotation_sect .img.left_bot {width: 28em; bottom: -118%; left: 0%; transform: translateX(-35%);}
.starter_page .rotation_sect .img.center {width: 52em; bottom: -103%; left: 50%;}
.starter_page .rotation_sect .img.right_bot {width: 40em; bottom: -116%; right: 3%;}
.starter_page .rotation_sect .img.right_top {width: 57em; top: 105%; right: 5%;}
.starter_page .rotation_sect .img .txt_box {padding: 3em 4em; color: #fff; border-radius: 2.5rem; line-height: 1.5; white-space: nowrap;}
.starter_page .rotation_sect .img .txt_box .tit {font-size: var(--h6); font-weight: 700;}
.starter_page .rotation_sect .img .txt_box .txt {font-size: var(--p3); margin-top: 0.5em;}
.starter_page .rotation_sect .img.center .txt_box {background: rgba(139, 184, 251, 0.75); backdrop-filter: blur(6px); position: absolute; left: 0; top: 50%; transform: translate(-75%, -50%); opacity: 0; transition: 0.3s ease-in-out;}
.starter_page .rotation_sect .img.right_top .txt_box {background: rgba(33, 199, 143, 0.75); backdrop-filter: blur(6px); position: absolute; right: 0; bottom: 0%; transform: translate(10%,60%); aspect-ratio: 1 / 1; opacity: 0; transition: 0.3s ease-in-out;}
.starter_page .rotation_sect .img .txt_box.active {opacity: 1;}

/* Overview — 좌측 타이틀+탭, 우측 페이드 슬라이드 */
.starter_page .overview_sect {padding: var(--pd) 0; overflow: hidden; position: relative;}
.starter_page .overview_sect .overview_wrap {display: grid; justify-content: space-between; grid-template-columns: minmax(0,40%) minmax(0,50%); grid-template-rows: auto 1fr; grid-template-areas: "left slide" "bot slide";}
.starter_page .overview_sect .sub_cont_tit {grid-area: left;}
.starter_page .overview_sect .btn_box {margin-top: 14rem; grid-area: bot;}
.starter_page .overview_sect .btn_box .tab {border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 4rem; text-align: left; width: 100%; transition: 0.3s ease-in-out;}
.starter_page .overview_sect .btn_box .tab + .tab {margin-top: var(--contMt4);}
.starter_page .overview_sect .btn_box .tab > strong {font-size: var(--h5); line-height: 1.5; color: rgba(0,0,0,0.3); transition: 0.3s ease-in-out;}
.starter_page .overview_sect .btn_box .tab > p {margin-top: 0.5em; font-size: var(--p3); color: rgba(0,0,0,0.3); transition: 0.3s ease-in-out; line-height: 1.5;}
.starter_page .overview_sect .btn_box .tab .item {display: none;}
.starter_page .overview_sect .btn_box .tab.active {border-color: var(--black);}
.starter_page .overview_sect .btn_box .tab.active > strong {color: var(--black);}
.starter_page .overview_sect .btn_box .tab.active > p {color: var(--black);}
.starter_page .overview_sect .slide {width: 100%; min-width: 0; grid-area: slide;}
.starter_page .overview_sect .slide .swiper-container,
.starter_page .overview_sect .slide .swiper-wrapper,
.starter_page .overview_sect .item {height: 100%;}
.starter_page .overview_sect .item {display: flex; flex-direction: column; padding: 7.5rem 10rem; border-radius: 6rem; color: #fff;}
.starter_page .overview_sect .item.type1 {background: radial-gradient(75.83% 75.83% at 50% 47.16%, #717ADC 0%, rgba(127, 135, 220, 0.74) 55.77%, #E9EBFF 90.87%); backdrop-filter: blur(20px);}
.starter_page .overview_sect .item.type2 {background: radial-gradient(75.83% 75.83% at 50% 47.16%, #00B77F 0%, #63D3B1 56.89%, #E6FFF7 100%); backdrop-filter: blur(20px);}
.starter_page .overview_sect .item.type3 {background: radial-gradient(75.83% 75.83% at 50% 47.16%, #FF5E10 0%, #FF9B6A 56.89%, #FFF1EA 100%); backdrop-filter: blur(20px);}
.starter_page .overview_sect .item .tit_box {display: flex; align-items: center; justify-content: space-between;}
.starter_page .overview_sect .item .tit_box .ico {display: flex; align-items: center; justify-content: center; width: 15rem; height: 15rem; border-radius: 3rem; border: 1px solid rgba(255, 255, 255, 0.61); background: rgba(255, 255, 255, 0.25); box-shadow: 0 18px 19.2px 0 rgba(95, 103, 186, 0.60);}
.starter_page .overview_sect .item.type2 .tit_box .ico {background: rgba(255, 255, 255, 0.25); box-shadow: 0 18px 19.2px 0 rgba(0, 179, 124, 0.62);}
.starter_page .overview_sect .item.type3 .tit_box .ico {background: rgba(255, 255, 255, 0.25); box-shadow: 0 18px 19.2px 0 rgba(231, 99, 35, 0.55);}
.starter_page .overview_sect .item .tit_box .ico svg {width: 55%;}
.starter_page .overview_sect .item .tit_box .tit {font-size: var(--h2); font-weight: 700;}
.starter_page .overview_sect .item .txt {margin-top: auto; font-size: var(--h7); font-weight: 500; width: 85%; margin-left: auto; word-break: break-all;}
.starter_page .overview_sect .gra_bg {width: 35%; padding-top: 35%; position: absolute; left: 0; bottom: 0; pointer-events: none;}
.starter_page .overview_sect .gra_bg .gra1 {position: absolute; left: 0; bottom: 0; width: 150%; height: 150%; transform: translate(-40%,40%); border-radius: 2000px; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 94, 16, 0.19) 0%, rgba(255, 94, 16, 0.00) 100%); z-index: 2;}
.starter_page .overview_sect .gra_bg .gra2 {position: absolute; left: 0; bottom: 0; width: 140%; height: 140%; transform: translate(-20%,70%); border-radius: 2000px; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 55, 255, 0.55) 0%, rgba(192, 208, 255, 0.00) 100%); z-index: 3;}

/* Core Function — 카드 3장, 화면에 들어오면 텍스트·이미지 리빌 */
.starter_page .core_sect {background: var(--grayBg1); padding: var(--pd1) 0; overflow: hidden;}
.starter_page .core_sect .cont_box {margin-top: var(--contMt1);}
.starter_page .core_sect .cont_box .cont {display: flex; background-color: #fff; border-radius: 6rem; padding: 7rem;}
.starter_page .core_sect .cont_box .cont + .cont {margin-top: var(--contMt4);}
.starter_page .core_sect .cont_box .cont .txt_box {width: 50%;}
.starter_page .core_sect .cont_box .cont .txt_box .desc {font-weight: 600; font-size: var(--p2);}
.starter_page .core_sect .cont_box .cont .txt_box .tit {font-size: var(--h3); font-weight: 700; line-height: 1.5;}
.starter_page .core_sect .cont_box .cont .txt_box .txt {margin-top: 2rem;}
.starter_page .core_sect .cont_box .cont .txt_box .list {margin-top: var(--contMt2);}
.starter_page .core_sect .cont_box .cont .txt_box .list li {display: flex; align-items: center; font-size: var(--p3); font-weight: 600;}
.starter_page .core_sect .cont_box .cont .txt_box .list li + li {margin-top: 2rem;}
.starter_page .core_sect .cont_box .cont .txt_box .list li .ico {width: 2.5em; height: 2.5em; border-radius: 50%; background-color: var(--gray5); display: flex; align-items: center; justify-content: center; margin-right: 1.5rem; flex-shrink: 0;}
.starter_page .core_sect .cont_box .cont .txt_box .list li .ico svg {width: 50%;}
.starter_page .core_sect .cont_box .cont .img {width: 50%; opacity: 0; transform: translateX(100px); transition: 1s ease-in-out 0.4s;}
.starter_page .core_sect .cont_box .cont .img img {width: 100%;}
.starter_page .core_sect .cont_box .cont .txt_box > * {opacity: 0; transform: translateY(50px); transition: 0.6s ease-in-out 0s;}
.starter_page .core_sect .cont_box .cont .txt_box > *:nth-child(1) {transition: 0.6s ease-in-out 0.1s;}
.starter_page .core_sect .cont_box .cont .txt_box > *:nth-child(2) {transition: 0.6s ease-in-out 0.2s;}
.starter_page .core_sect .cont_box .cont .txt_box > *:nth-child(3) {transition: 0.6s ease-in-out 0.3s;}
.starter_page .core_sect .cont_box .cont .txt_box > *:nth-child(4) {transition: 0.6s ease-in-out 0.4s;}
.starter_page .core_sect .cont_box .cont.active .txt_box > * {opacity: 1; transform: unset;}
.starter_page .core_sect .cont_box .cont.active .img {opacity: 1; transform: unset;}

/* 100% 환불 보증 띠 */
.starter_page .refund_sect {width: 100%; padding: 8rem 0; background: linear-gradient(90deg, #FF5E10 0%, #1A217D 100%);}
.starter_page .refund_sect .refund_wrap {display: flex; align-items: flex-end; justify-content: space-between;}
.starter_page .refund_sect .tit_box {color: #fff;}
.starter_page .refund_sect .tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.starter_page .refund_sect .tit_box .txt {font-size: var(--p3); font-weight: 700; margin-top: var(--contMt3);}
.starter_page .refund_sect .logo {width: 18.5rem;}
.starter_page .refund_sect .logo svg {width: 100%; height: auto;}

/* 추천 카드 — PC 는 5장이 겹쳐 있다가 펼쳐지고, 1240 이하는 스와이퍼 */
.starter_page .recom_sect {margin-top: var(--pd1);}
.starter_page .recom_sect .slide {margin-top: var(--contMt1);}
.starter_page .recom_sect .slide .swiper-container {overflow: visible;}
.starter_page .recom_sect .slide .swiper-wrapper {display: grid; grid-template-columns: repeat(5,minmax(0,1fr));}
.starter_page .recom_sect .slide .item {border-radius: 2rem; height: auto; background-color: var(--gray5); padding: 3.5rem; display: flex; flex-direction: column; transition: 0.6s ease-in-out 0.2s;}
.starter_page .recom_sect .slide .item + .item {margin-left: 3rem;}
.starter_page .recom_sect .slide .item.img_type {padding: 0; background: transparent; display: block;}
.starter_page .recom_sect .slide .item.img_type .img {position: relative; padding-top: 175%; border-radius: 2rem; overflow: hidden;}
.starter_page .recom_sect .slide .item.img_type .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.starter_page .recom_sect .slide .item .tit_box .desc {font-size: var(--p3); font-weight: 500;}
.starter_page .recom_sect .slide .item .tit_box .tit {font-size: var(--h6); font-weight: 700; margin-top: 1rem; line-height: 1.5;}
.starter_page .recom_sect .slide .item .chat_box {margin-top: auto; display: flex; flex-direction: column; align-items: flex-start;}
.starter_page .recom_sect .slide .item .chat_box p {background-color: #fff; border-radius: 10em 10em 10em 2rem; font-size: var(--p5); font-weight: 500; padding: 0.6em 1em;}
.starter_page .recom_sect .slide .item .chat_box p:nth-child(2) {margin-left: auto; border-radius: 10em 10em 2rem 10em;}
.starter_page .recom_sect .slide .item .chat_box p + p {margin-top: 15px;}
.starter_page .recom_sect .slide .item.org {background-color: var(--point01); color: #fff;}
.starter_page .recom_sect .slide .item.org .chat_box p {background-color: #DF4900;}
.starter_page .recom_sect .slide .item:nth-child(1) {transform: rotate(0deg) translate(200%,0%);}
.starter_page .recom_sect .slide .item:nth-child(2) {transform: translate(100%,0%);}
.starter_page .recom_sect .slide .item:nth-child(3) {transform: rotate(0deg) translateX(0%); z-index: 3;}
.starter_page .recom_sect .slide .item:nth-child(4) {transform: rotate(0deg) translate(-100%,0%);}
.starter_page .recom_sect .slide .item:nth-child(5) {transform: rotate(0deg) translate(-200%,0%);}
.starter_page .recom_sect .slide.active .item:nth-child(1) {transform: rotate(-10deg) translate(0%,5%);}
.starter_page .recom_sect .slide.active .item:nth-child(2) {transform: translate(0%,5%);}
.starter_page .recom_sect .slide.active .item:nth-child(3) {transform: rotate(-10deg) translate(5%,0%); z-index: 3;}
.starter_page .recom_sect .slide.active .item:nth-child(4) {transform: rotate(15deg) translate(0,10%);}
.starter_page .recom_sect .slide.active .item:nth-child(5) {transform: rotate(5deg) translate(0,-5%);}

/* 하이레벨 제작 방식 — 상단 고정 카드 18장 중 슬라이더 활성 항목만 표시 */
.starter_page .level_sect {margin-top: calc(var(--pd) * 1.5); padding: var(--pd1) 0 var(--pd4); background: var(--grayBg1);}
.starter_page .level_sect .cont_box {margin-top: var(--contMt1);}
.starter_page .level_sect .cont_box .fixed_cont {position: relative;}
.starter_page .level_sect .cont_box .fixed_cont .cont {display: flex; flex-direction: column; position: relative; background-color: #fff; height: 32em; border-radius: 6rem; padding: 7rem 7rem 5rem; opacity: 0; overflow: hidden;}
.starter_page .level_sect .cont_box .fixed_cont .cont.active {opacity: 1; z-index: 3;}
.starter_page .level_sect .cont_box .fixed_cont .cont:not(:first-child) {position: absolute; inset: 0;}
.starter_page .level_sect .cont_box .fixed_cont .cont .txt_box {display: flex; justify-content: space-between;}
.starter_page .level_sect .cont_box .fixed_cont .cont .txt_box .tit {font-size: var(--h3); font-weight: 700; width: 30%; line-height: 1.5;}
.starter_page .level_sect .cont_box .fixed_cont .cont .txt_box .txt {font-size: var(--p2); line-height: 1.6; font-weight: 500; width: 45%;}
.starter_page .level_sect .cont_box .fixed_cont .cont .txt_box .txt span {height: 2em; display: block;}
.starter_page .level_sect .cont_box .fixed_cont .cont .ico {margin-top: auto; width: 8rem; z-index: 3;}
.starter_page .level_sect .cont_box .fixed_cont .cont .ico img {width: 100%;}
.starter_page .level_sect .cont_box .fixed_cont .cont .gra {position: absolute; left: 0; bottom: 0; z-index: 1; width: 67%; padding-top: 60%; border-radius: 2000px; transform: translate(-10%,50%); background: radial-gradient(50% 50% at 50% 50%, rgba(255, 94, 16, 0.55) 0%, rgba(255, 94, 16, 0.00) 100%); pointer-events: none;}
.starter_page .level_sect .slide {margin-top: var(--contMt3);}
.starter_page .level_sect .slide .swiper-slide {display: flex; flex-direction: column; border-radius: 3rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--gray10); padding: 1.5em; width: 17em; height: 15em; margin-right: 20px; transition: 0.3s ease-in-out; cursor: pointer;}
.starter_page .level_sect .slide .swiper-slide-active {background-color: var(--point01); color: #fff;}
.starter_page .level_sect .slide .swiper-slide .ico {width: 6rem; height: 6rem; margin-bottom: 5em;}
.starter_page .level_sect .slide .swiper-slide .ico img {width: 100%;}
.starter_page .level_sect .slide .swiper-slide-active .ico.bland img {mix-blend-mode: screen;}
.starter_page .level_sect .slide .swiper-slide .tit {font-size: var(--h7); font-weight: 700; color: #fff; line-height: 1.5;}

/* 편의 기능 — 좌측 이미지가 우측 활성 항목을 따라 바뀐다 */
.starter_page .conven_cont {position: relative; padding: var(--pd1) 0 0;}
.starter_page .conven_cont .sub_cont_tit {position: relative; z-index: 10;}
.starter_page .conven_cont .cont {position: relative; display: grid; grid-template-columns: 30% minmax(0, 1fr); gap: 4rem; margin-top: var(--contMt1); opacity: 0; transform: translateY(30%); transition: opacity 1s, transform 1s; z-index: 10; min-height: 29em;}
.starter_page .conven_cont .cont.active {opacity: 1; transform: unset;}
.starter_page .conven_cont .cont .img_wrap {position: relative; border-radius: 2rem; overflow: hidden;}
.starter_page .conven_cont .cont .img_wrap .img:nth-child(1) {position: relative; padding-top: 130%;}
.starter_page .conven_cont .cont .img_wrap .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s;}
.starter_page .conven_cont .cont .img_wrap .img.active {opacity: 1;}
.starter_page .conven_cont .cont .img_wrap .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.starter_page .conven_cont .cont .txt_wrap .txt_box {display: flex; align-items: flex-start; justify-content: flex-start; padding: 4rem 3rem; border-radius: 2rem; background-color: #fff; transition: background-color 0.8s, box-shadow 0.8s; cursor: pointer;}
.starter_page .conven_cont .cont .txt_wrap .txt_box + .txt_box {margin-top: 3rem;}
.starter_page .conven_cont .cont .txt_wrap .txt_box.active {background-color: #fff; box-shadow: 0 0 30px 0 rgba(21,21,21,0.1);}
.starter_page .conven_cont .cont .txt_wrap .txt_box .label {padding: 0.5em 1.25em; font-size: var(--p6); font-weight: 600; border-radius: 2em; color: var(--black); background-color: transparent; border: 1px solid var(--black); transition: all 0.3s; white-space: nowrap;}
.starter_page .conven_cont .cont .txt_wrap .txt_box.active .label {color: #fff; background-color: var(--point01); border-color: var(--point01);}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box {margin-left: 2rem;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .tit {font-size: var(--h6); font-weight: 700; line-height: 1.3;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .hide_box {display: none;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .txt {margin-top: 1em; font-size: var(--p6);}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .list {display: flex; align-items: center; justify-content: space-between; margin-top: 3rem;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .list li {display: flex; align-items: center; justify-content: flex-start; font-size: var(--p5); font-weight: 700;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .list li + li {margin-left: 4rem;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .list li .ico {display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; margin-right: 1em; border-radius: 100%; background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,238,230,1) 100%); overflow: hidden; flex-shrink: 0;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .list li .ico svg {width: 40%; height: 40%; object-fit: contain; fill: var(--point01);}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .list li .li_txt .desc {font-size: var(--p6); color: var(--gray30); font-weight: 500;}
.starter_page .conven_cont .cont .txt_wrap .txt_box .box .list li .li_txt .txt {margin-top: 0.2em; font-size: var(--p3); font-weight: 700; line-height: 1.2;}

/* 보안 기능 — 텍스트 페이드 스와이퍼 + 원형 아이콘 스와이퍼(화살표) */
.starter_page .security_cont {padding: var(--pd) 0; overflow: hidden;}
.starter_page .security_cont .cont {position: relative; display: grid; grid-template-columns: 30% minmax(0, 1fr); align-items: center; margin-top: var(--contMt1); opacity: 0; transform: translateY(30%); transition: opacity 1s, transform 1s;}
.starter_page .security_cont .cont.active {opacity: 1; transform: unset;}
.starter_page .security_cont .cont:before {content: ''; position: absolute; left: 1px; top: 0; width: calc(var(--inPd) + 1px); height: 100%; background-color: #fff; transform: translateX(-100%); z-index: 10;}
.starter_page .security_cont .cont .txt_wrap {position: relative; width: 100%; background-color: #fff; z-index: 10; pointer-events: none;}
.starter_page .security_cont .cont .txt_wrap .txt_box .desc {font-size: var(--p5); font-weight: 500;}
.starter_page .security_cont .cont .txt_wrap .txt_box .desc + .tit {margin-top: 0.2em;}
.starter_page .security_cont .cont .txt_wrap .txt_box .tit {font-size: var(--h3); font-weight: 700; line-height: 1.3;}
.starter_page .security_cont .cont .txt_wrap .txt_box .txt {margin-top: 1.5em; font-size: var(--p3);}
.starter_page .security_cont .cont .txt_wrap .txt_box .ico_li {margin-top: var(--contMt3);}
.starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li {display: flex; align-items: center; justify-content: flex-start;}
.starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li + li {margin-top: 1.5em;}
.starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li .ico {display: flex; align-items: center; justify-content: center; width: 2.5em; height: 2.5em; border-radius: 100%; background-color: #FFF5EF; fill: var(--point01); flex-shrink: 0;}
.starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li .ico svg {width: 40%; height: 40%;}
.starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li .li_txt {margin-left: 2rem; font-size: var(--p3); font-weight: 700;}
.starter_page .security_cont .cont .txt_wrap .txt_box.active {pointer-events: visible; opacity: 1;}
.starter_page .security_cont .cont .img_wrap {position: relative; width: 53.6rem; padding-top: 53.6rem; border-radius: 100%; background-color: var(--gray5); overflow: visible !important;}
.starter_page .security_cont .cont .img_wrap .paging {position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: space-between; width: 110%; transform: translate(-50%, -50%); z-index: 10;}
.starter_page .security_cont .cont .img_wrap .paging .page_btn {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 100%; background-color: var(--point01); font-size: 30px; fill: #fff; cursor: pointer;}
.starter_page .security_cont .cont .img_wrap .paging .page_btn.swiper-button-disabled {opacity: 0.3; cursor: unset;}
.starter_page .security_cont .cont .img_wrap .img_box {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: flex-start; width: 300%; height: 100%;}
.starter_page .security_cont .cont .img_wrap .img {display: flex; align-items: center; justify-content: center; width: 100%; transition: opacity 0.3s; opacity: 0;}
.starter_page .security_cont .cont .img_wrap .img.swiper-slide-next,
.starter_page .security_cont .cont .img_wrap .img.swiper-slide-active {opacity: 1;}
.starter_page .security_cont .cont .img_wrap .img img {width: 50%; height: 50%; object-fit: contain;}
.starter_page .security_cont .cont .img_wrap .img:nth-of-type(2) img {width: 60%; height: 60%;}
.starter_page .security_cont .cont .img_wrap .img:nth-of-type(3) img {width: 50%; height: 50%;}

/* 3단계 솔루션 — 카드 3장, hover 시 상세 목록 */
.starter_page .solution_sect .cont_box {display: flex; gap: 8rem; margin-top: var(--contMt1);}
.starter_page .solution_sect .cont_box .cont {flex: 1;}
.starter_page .solution_sect .cont_box .cont_tit {opacity: 0; transform: translateY(100px); transition: 1s ease-in-out;}
.starter_page .solution_sect .cont_box .cont_tit .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.starter_page .solution_sect .cont_box .cont_tit .txt {font-size: var(--p2); font-weight: 700; color: var(--gray50); margin-top: 1rem;}
.starter_page .solution_sect .cont_box .img_box {position: relative; margin-top: var(--contMt4); border-radius: 3rem; overflow: hidden; box-shadow: 0 50px 50px 0 rgba(0, 0, 0, 0.25); opacity: 0; transform: translateY(200px); transition: 1s ease-in-out 0.2s;}
.starter_page .solution_sect .cont_box .cont:nth-child(2) .cont_tit {transition: 1s ease-in-out 0.4s;}
.starter_page .solution_sect .cont_box .cont:nth-child(3) .cont_tit {transition: 1s ease-in-out 0.8s;}
.starter_page .solution_sect .cont_box .cont:nth-child(2) .img_box {transition: 1s ease-in-out 0.6s;}
.starter_page .solution_sect .cont_box .cont:nth-child(3) .img_box {transition: 1s ease-in-out 1s;}
.starter_page .solution_sect .cont_box .img_box .img {position: relative; padding-top: 138%;}
.starter_page .solution_sect .cont_box .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.starter_page .solution_sect .cont_box .img_box .hover_box {position: absolute; inset: 0; background-color: var(--gray5); padding: 7rem 4rem 5rem; opacity: 0; transition: 0.4s ease-in-out;}
.starter_page .solution_sect .cont_box .img_box .hover_box .desc {color: var(--point01); font-size: var(--p2); font-weight: 700; text-align: center;}
.starter_page .solution_sect .cont_box .img_box .hover_box .tit {font-size: var(--h3); font-weight: 700; line-height: 1.5; text-align: center;}
.starter_page .solution_sect .cont_box .img_box .hover_box .check_list {margin-top: var(--contMt4);}
.starter_page .solution_sect .cont_box .img_box .hover_box .check_list li {display: flex; font-size: var(--p3); font-weight: 500;}
.starter_page .solution_sect .cont_box .img_box .hover_box .check_list li + li {margin-top: 0.5rem;}
.starter_page .solution_sect .cont_box .img_box .hover_box .check_list li .ico {width: 1.4em; height: 1.4em; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 1.5rem; transform: translateY(0.1em);}
.starter_page .solution_sect .cont_box .img_box .hover_box .check_list li .ico svg {width: 60%; height: auto;}
.starter_page .solution_sect .cont_box .img_box .hover_box .dot_list {margin-top: var(--contMt3);}
.starter_page .solution_sect .cont_box .img_box .hover_box .dot_list li {font-size: var(--p4); font-weight: 500; display: flex; line-height: 1.5;}
.starter_page .solution_sect .cont_box .img_box .hover_box .dot_list li + li {margin-top: 0.5rem;}
.starter_page .solution_sect .cont_box .img_box .hover_box .dot_list li .ico {width: 1em; height: 1.5em; flex-shrink: 0;}
.starter_page .solution_sect .cont_box .cont:hover .img_box .hover_box {opacity: 1;}
.starter_page .solution_sect .cont_box.active .cont .img_box,
.starter_page .solution_sect .cont_box.active .cont .cont_tit {opacity: 1; transform: unset;}
.starter_page .solution_sect .solution_pointer {position: fixed; left: 0; top: 0; z-index: 10; pointer-events: none; display: none;}
.starter_page .solution_sect .solution_pointer .pointer_box {border-radius: 500px; background: rgba(255, 94, 16, 0.70); backdrop-filter: blur(15px); transition: all .3s ease-out; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; width: 20rem; height: 20rem; opacity: 0;}
.starter_page .solution_sect .solution_pointer .eng {font-weight: 600; font-size: var(--p3); color: #fff;}
.starter_page .solution_sect .solution_pointer.on .pointer_box {opacity: 1;}

/* 기본 관리 기능 20가지 — 5열 그리드 */
.starter_page .function_sect {margin-top: var(--pd);}
.starter_page .function_sect .cont_box {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: var(--contMt1);}
.starter_page .function_sect .cont_box .cont {display: flex; flex-direction: column; align-items: center; padding: 6rem 15px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line);}
.starter_page .function_sect .cont_box .cont:nth-child(n+16) {border-bottom: none;}
.starter_page .function_sect .cont_box .cont:nth-child(5n) {border-right: none;}
.starter_page .function_sect .cont_box .cont .ico {width: 6rem; height: 6rem;}
.starter_page .function_sect .cont_box .cont .ico img {width: 100%;}
.starter_page .function_sect .cont_box .cont .txt_box {margin-top: var(--contMt4); text-align: center;}
.starter_page .function_sect .cont_box .cont .txt_box .tit {font-size: var(--h5); font-weight: 700; line-height: 1.5;}
.starter_page .function_sect .cont_box .cont .txt_box .txt {font-size: var(--p4); font-weight: 600; color: var(--gray50); line-height: 1.5; margin-top: 0.5em;}

/* 자주 묻는 질문 — 두 번째 묶음은 더보기(.down) 뒤에 표시 */
.starter_page .que_sect {margin-top: 40rem;}
.starter_page .que_sect .qna_list {margin-top: var(--contMt1);}
.starter_page .que_sect .qna_list .row_cont + .row_cont {display: none;}
.starter_page .que_sect .qna_list .row {border-bottom: 1px solid var(--black); align-self: start;}
.starter_page .que_sect .qna_list .row .que {display: flex; align-items: center; padding: 1.3em 1em; font-size: var(--p1); cursor: pointer;}
.starter_page .que_sect .qna_list .row .que .tit {display: flex; font-weight: 700; line-height: 1.5; padding-right: 1em;}
.starter_page .que_sect .qna_list .row .que .tit::before {content: "Q"; color: var(--black); opacity: 0.3; font-size: var(--h6); margin-right: 0.7em; height: calc(var(--p1) * 1.5); display: flex; align-items: center;}
.starter_page .que_sect .qna_list .row .que .btn {display: flex; align-items: center; position: relative; margin-left: auto; width: 0.8em; flex-shrink: 0; transition: 0.3s ease-in-out;}
.starter_page .que_sect .qna_list .row .que .btn svg {width: 100%; height: auto;}
.starter_page .que_sect .qna_list .row .que.active .btn {transform: rotate(180deg);}
.starter_page .que_sect .qna_list .row .answer {padding: 0 calc(var(--p1) * 1.3) calc(var(--p1) * 1.3); color: var(--gray60); display: none; font-size: var(--p3);}
.starter_page .que_sect .btn_box {display: flex; justify-content: center; margin-top: var(--contMt1);}
.starter_page .que_sect.down .com_basic_btn {display: none;}
.starter_page .que_sect.down .row_cont + .row_cont {display: block;}
.starter_page .com_basic_btn {display: flex; align-items: center; justify-content: center; font-size: var(--p4); color: #fff; font-weight: 600; border-radius: 10em; background-color: var(--black); padding: 0 1.25em; height: 3.3em; transition: 0.3s ease-in-out;}
.starter_page .com_basic_btn.wh {background-color: #fff; color: var(--black); border: 1px solid var(--black);}
.starter_page .com_basic_btn svg {margin-left: 1em; transition: 0.3s ease-in-out;}

/* 포트폴리오 — 다크 배경 3열, hover 시 제목·태그 */
.starter_page .port_sect {background-color: var(--black); padding: var(--pd1) 0; margin-top: var(--pd1);}
.starter_page .port_sect .sub_cont_tit {color: var(--point01);}
.starter_page .port_sect .cont_box {margin-top: var(--contMt1); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px;}
.starter_page .port_sect .cont_box .cont {position: relative; padding-top: 100%; overflow: hidden; border-radius: 3rem;}
.starter_page .port_sect .cont_box .cont.noPointer {cursor: default;}
.starter_page .port_sect .cont_box .cont .img {position: absolute; inset: 0;}
.starter_page .port_sect .cont_box .cont video,
.starter_page .port_sect .cont_box .cont img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: 0.3s ease-in-out;}
.starter_page .port_sect .cont_box .cont .hover_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 8rem 5.9rem; background-color: rgba(255, 95, 0, 1); color: #fff; opacity: 0; transition: opacity 0.5s; z-index: 10;}
.starter_page .port_sect .cont_box .cont .hover_box .part {font-size: var(--h4); display: none;}
.starter_page .port_sect .cont_box .cont .hover_box .tit {font-size: var(--h4); font-weight: 700;}
.starter_page .port_sect .cont_box .cont .hover_box .tag {margin-top: 1em; font-size: var(--p2); font-weight: 600;}


@media screen and (min-width: 1241px) {
    .starter_page .overview_sect .btn_box .tab:hover {border-color: var(--black);}
    .starter_page .overview_sect .btn_box .tab:hover strong {color: var(--black);}
    .starter_page .overview_sect .btn_box .tab:hover p {color: var(--black);}
    .starter_page .com_basic_btn:hover {background-color: var(--black); color: #fff;}
    .starter_page .port_sect .cont_box .cont:hover .hover_box {opacity: 1;}
}

@media (prefers-reduced-motion: reduce) {
    .starter_page .visual_sect .tit_box,
    .starter_page .visual_sect .img,
    .starter_page .visual_sect .tit_box .txt span,
    .starter_page .sub_cont_tit .desc,
    .starter_page .sub_cont_tit .tit,
    .starter_page .core_sect .cont_box .cont .img,
    .starter_page .core_sect .cont_box .cont .txt_box > *,
    .starter_page .recom_sect .slide .item,
    .starter_page .conven_cont .cont,
    .starter_page .security_cont .cont,
    .starter_page .solution_sect .cont_box .cont_tit,
    .starter_page .solution_sect .cont_box .img_box {transition: none;}
}




@media screen and (max-width: 2200px){
.service_page .sub_visual_top .slide {margin-bottom: 15svh;}

    /* 병원소개(Starter 890) */
    .starter_page .level_sect .slide .swiper-slide {width: 16em; height: 13em;}
    .starter_page .level_sect .slide .swiper-slide .ico {margin-bottom: 3.8em;}
    .starter_page .level_sect .slide .swiper-slide .tit {font-size: var(--p1);}
    .starter_page .rotation_sect .img .txt_box .tit {font-size: var(--h7);}
    .starter_page .rotation_sect .img .txt_box .txt {font-size: var(--p4);}
    .starter_page .rotation_sect .tit_box .check_list li {font-size: var(--h5);}

}





@media screen and (max-width: 1640px){
    .service_page .sol_sect .swiper-wrapper .cont .active_box {height: 88rem;}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list {padding-left: 30px;}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .tag_list {flex-wrap: wrap;}

    /* 제공 서비스 전문영역: 상세 박스 폭이 줄어 제목·본문을 위아래로 */
    .service_page .expertise_sect .tab_wrap .info_wrap .info_box {flex-direction: column; justify-content: flex-start; gap: 3rem;}
    .service_page .expertise_sect .tab_wrap .info_wrap .info_box .txt {flex: 0 1 auto; width: 100%;}


    /* 병원소개(Starter 890) */
    .starter_page .overview_sect .overview_wrap {grid-template-columns: minmax(0, 40%) minmax(0, 55%);}
    .starter_page .rotation_sect .img.right_top {width: 52em;}
    .starter_page .rotation_sect .img.right_top .txt_box {right: auto; left: 50%; transform: translate(-50%,70%);}
    .starter_page .rotation_sect .img .txt_box .tit {font-size: var(--h6);}
    .starter_page .recom_sect .slide .item .tit_box .desc {font-size: var(--p5);}
    .starter_page .recom_sect .slide .item .tit_box .tit {font-size: var(--h7);}

}


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

    

    .people_page .member_cont_wrap {display: none;}


    .member_sect .member_wrap { grid-template-columns: repeat(4, minmax(0, 1fr));}

    .sub_visual_top .slide .swiper-wrapper {gap: 6rem;}

    .sub_visual_top .sect_tit_box .desc, .special_sect .sticky_box .sect_tit_box .desc {font-size: var(--h8);}
    .sub_visual_top .sect_tit_box .big_tit, .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;}

    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list {padding-left: 0;}
    .service_page .approach_sect .cont_box .left_box {width: 45%;}


    

    .people_page .sub_visual_top .portfolio-sticker-cursor {display: none !important;}



    /* 14401 */


    /* 병원소개(Starter 890) */
    .starter_page .overview_sect .item {padding: 6rem 7rem;}
    .starter_page .overview_sect .item .txt {width: 100%;}
    .starter_page .rotation_sect .tit_box .check_list li {white-space: nowrap;}
    .starter_page .rotation_sect .img .txt_box {padding: 20px;}
    .starter_page .rotation_sect .img.right_top .txt_box {aspect-ratio: unset;}


    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .tit {font-size: var(--p2);}




}





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


    .sub_visual_top .top_tit_box .tit {font-size: 10rem;}
    .sub_visual_top .top_tit_box .txt {font-size: var(--h4);}
    .sub_visual_top .ai_txt {bottom: 2rem;}


    
    
    .info_sect .tit,
    .about_page .philosophy_sect .sect_tit {font-size: 7rem;}

    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .desc {font-size:var(--p1);}
    /* .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .tit {font-size: 6rem;} */


     
    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .txt {margin-top: 6rem;}
    .about_page .philosophy_sect .vision_box_wrap .vision_box .ico {flex-shrink: 0;}
    .about_page .philosophy_sect .vision_box_wrap .vision_box .ico {width: 40rem;}
    

    .about_page .exactly_sect .top_box .cont svg {height: 22rem;}


    .sub .cont_tit_box .desc {font-size: var(--p2);}
    .sub .cont_tit_box .tit { margin-top: 10px;}

    /* 포트폴리오 */
    .portfolio_page .character_sect .character_wrap .sect_tit_box .sign_svg {width: 25rem;}
    .portfolio_page .character_sect .character_cont .el {font-size: 0.8rem;}
    .portfolio_page .portfolio_cont {border-radius: 8rem;}
    .portfolio_page .portfolio_cont .portfolio_li .box .tit_box {padding: 3.5rem;}
    .portfolio_page .portfolio_cont .portfolio_li .box .tit_box .txt {font-size: var(--p6);}



    .member_sect {padding:  var(--pd1) var(--inPd);}
    .member_sect .member_wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 80px 20px;} 

    .sub_visual_top .sub-visual-sticker.fixed.left1 {left: 3%; top: 31%;}
    .sub_visual_top .sub-visual-sticker.fixed.left2 {left: 15%;top: 37%;}
    .sub_visual_top .sub-visual-sticker.fixed.left3 {left: 3%;top: 70%;}
    .sub_visual_top .sub-visual-sticker.fixed.left4 {left: 20%;top: 84%;}
    .sub_visual_top .sub-visual-sticker.fixed.right1 {left: 76%;top: 23%;}
    .sub_visual_top .sub-visual-sticker.fixed.right2 {left: 87%;top: 42%;}
    .sub_visual_top .sub-visual-sticker.fixed.right3 {left: 68%;top: 63%;}
    .sub_visual_top .sub-visual-sticker.fixed.right4 {left: 82%;top: 72%;}


    .service_page .sub_visual_top .slide {margin-bottom: 5rem; padding: var(--contMt3) 10rem 15svh;}
    .sub_visual_top .slide .swiper-wrapper {gap: 6rem; flex-wrap: wrap; justify-content: center;}
    .sub_visual_top .slide .swiper-slide {width: 16%; flex: none; height: auto;}
    .sub_visual_top .slide .swiper-slide .txt {font-size: var(--p3);}

    .service_page .speech_sect .speech_grid {gap: 2rem;}
    .service_page .speech_sect .speech_card {padding: 20px; border-radius: 20px;}
    .service_page .speech_sect .speech_card_bg {border-radius: 20px 20px 0 20px}
    .service_page .speech_sect .speech_card_desc {font-size: var(--p2);}
    .service_page .speech_sect .speech_card_label {font-size: var(--p6);}

    .service_page .expertise_sect .tab_top_box .btn_box {margin-top: var(--pd4);}

    /* 제공 서비스 전문영역: 상세 박스 위, 카드 리스트는 아래 가로 스크롤 (스킨 JS 가 같은 경계에서 Swiper 방향 전환) */
    .service_page .expertise_sect .tab_wrap .tab_info_wrap {flex-direction: column; gap: 20px; height: auto;}
    .service_page .expertise_sect .tab_wrap .info_wrap {flex: none; width: 100%; height: auto;}
    .service_page .expertise_sect .tab_wrap .info_wrap .slide {height: auto; padding: 40px; border-radius: 30px;}
    .swiper-container-autoheight .swiper-wrapper,
    .service_page .expertise_sect .tab_wrap .info_wrap .swiper-container {height: 100%;}
    .service_page .expertise_sect .tab_wrap .info_wrap .swiper-slide {height: auto;}
    .service_page .expertise_sect .tab_wrap .info_wrap .info_box {height: auto; min-height: 30rem; padding-bottom: 90px;}
    .service_page .expertise_sect .tab_wrap .info_wrap .logo { width: 7rem;}
    .service_page .expertise_sect .tab_wrap .info_wrap .cir_bg {left: -80rem; bottom: 0; right: auto ;transform: translateY(-40%);}
    .service_page .expertise_sect .tab_wrap .icon_slide {flex: none; width: 100%; height: auto;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-container {height: auto;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide {width: 300px; height: 100px; margin: 0 15px 0 0;}

    .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);}


    .service_page .sol_sect .swiper-wrapper .cont {--introTxt: var(--h6);}
    .service_page .sol_sect .swiper-wrapper .cont .active_box {padding: 40px 30px; height: auto;}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list {margin-top: var(--contMt3);}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .txt {font-size: var(--p6);}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item::before {width: 2.5rem; height: 2.5rem;}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item {padding-left: 4rem;}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .tag_list li {font-size: 10px;}

    .service_page .approach_sect .cont_box .approach_cont .list .item .en {font-size: 5.5rem;}
    .service_page .speech_sect .speech_card:after {width: 3.7rem;}
    
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_tit_box .tit {font-size: var(--h6);}
    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .tit {font-size: var(--p2);}




    
    

    





    /* 병원소개(Starter 890) */
    .starter_page .visual_sect .tit_box.on {bottom: calc(100svh - var(--hdH) - 1.3em - 12px);}
    .starter_page .visual_sect .tit_box.on ~ .img {bottom: calc(80svh - var(--hdH) - 32px - min(11.7vw, 26vh));}

    .starter_page .rotation_sect .tit_box .tit {font-size: 4.8vw;}
    .starter_page .rotation_sect .tit_box .check_list li {font-size: var(--h5); white-space: nowrap;}
    .starter_page .rotation_sect .img {font-size: min(0.6vw, 5px); border-radius: 2rem;}
    .starter_page .rotation_sect .img img {border-radius: 2rem;}
    .starter_page .rotation_sect .img .txt_box .tit {font-size: var(--p1);}
    .starter_page .rotation_sect .img .txt_box .txt {font-size: var(--p3); margin-top: 0.5em;}
    .starter_page .rotation_sect .img.right_top .txt_box {transform: translate(-50%,60%);}

    .starter_page .overview_sect .overview_wrap {display: block;}
    .starter_page .overview_sect .slide {margin-top: var(--contMt1);}
    .starter_page .overview_sect .item {border-radius: 20px; height: auto;}
    .starter_page .overview_sect .item .txt {margin-top: 30px;}
    .starter_page .overview_sect .item .tit_box .ico {width: 12rem; height: 12rem;}
    .starter_page .overview_sect .btn_box {margin-top: 60px;}
    .starter_page .overview_sect .gra_bg .gra1 {width: 199%; height: 200%;}
    .starter_page .overview_sect .gra_bg .gra2 {width: 200%; height: 200%;}

    .starter_page .core_sect .cont_box .cont {gap: 30px; padding: 40px; border-radius: 20px;}
    .starter_page .core_sect .cont_box .cont .txt_box br {display: none;}

    .starter_page .recom_sect .slide .swiper-wrapper {display: flex;}
    .starter_page .recom_sect .slide .item {width: 30%; transition: transform 0.6s ease-in-out 0.2s, opacity 0.3s ease-in-out;}
    .starter_page .recom_sect .slide .item + .item {margin-left: 0;}
    .starter_page .recom_sect .slide .item:not(:nth-child(3)) {opacity: 0;}
    .starter_page .recom_sect .slide.active .item:nth-child(1),
    .starter_page .recom_sect .slide.active .item:nth-child(2),
    .starter_page .recom_sect .slide.active .item:nth-child(3),
    .starter_page .recom_sect .slide.active .item:nth-child(4),
    .starter_page .recom_sect .slide.active .item:nth-child(5) {transform: unset; opacity: 1;}

    .starter_page .conven_cont .cont {grid-template-columns: 40% minmax(0, 1fr); align-items: flex-start; min-height: 37em;}
    .starter_page .conven_cont .cont .txt_wrap .txt_box {flex-direction: column;}
    .starter_page .conven_cont .cont .txt_wrap .txt_box .box {margin-left: 0; margin-top: 2rem;}

    .starter_page .security_cont .cont {grid-template-columns: 40% minmax(0, 1fr);}
    .starter_page .security_cont .cont .img_wrap {width: 51rem; padding-top: 51rem;}

    .starter_page .solution_sect .cont_box {margin-top: 0; gap: 15px; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: var(--contMt1) var(--inPd) var(--pd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
    .starter_page .solution_sect .cont_box::-webkit-scrollbar {display: none;}
    .starter_page .solution_sect .cont_box .cont {display: flex; flex-direction: column; width: 40%; flex-shrink: 0; flex: none; scroll-snap-align: start; scroll-snap-stop: always;}
    .starter_page .solution_sect .cont_box .img_box {display: flex; flex-direction: column; flex: 1; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.15);}
    .starter_page .solution_sect .cont_box .img_box .img {padding-top: 60%;}
    .starter_page .solution_sect .cont_box .img_box .hover_box {opacity: 1; position: relative; flex: 1;}
    .starter_page .solution_sect .cont_box .img_box .hover_box .tit {font-size: var(--h4);}
    .starter_page .solution_sect .cont_box .img_box .hover_box .check_list {margin-top: 20px;}
    .starter_page .solution_sect .cont_box .img_box .hover_box .dot_list li {font-size: var(--p4);}
    .starter_page .solution_sect .solution_pointer {display: none; opacity: 0; pointer-events: none;}

    .starter_page .function_sect {margin-top: 0;}
    .starter_page .function_sect .cont_box {grid-template-columns: repeat(4,minmax(0,1fr));}
    .starter_page .function_sect .cont_box .cont {padding: 30px 10px;}
    .starter_page .function_sect .cont_box .cont:nth-child(n+16) {border-bottom: 1px solid var(--line);}
    .starter_page .function_sect .cont_box .cont:nth-child(n+17) {border-bottom: none;}
    .starter_page .function_sect .cont_box .cont:nth-child(5n) {border-right: 1px solid var(--line);}
    .starter_page .function_sect .cont_box .cont:nth-child(4n) {border-right: none;}
    .starter_page .function_sect .cont_box .cont .txt_box {margin-top: 15px;}
    .starter_page .function_sect .cont_box .cont .txt_box br {display: none;}
    .starter_page .function_sect .cont_box .cont .txt_box .tit {font-size: var(--h7);}
    .starter_page .function_sect .cont_box .cont .txt_box .txt {font-size: var(--p3);}

    .starter_page .que_sect {margin-top: var(--pd);}

    .service_page .expertise_sect .tab_wrap .info_wrap .info_box .tit {font-size: var(--h5); width: 100%;}
    .service_page .expertise_sect .tab_wrap .info_wrap .info_box .tit br {display: none;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .ico img {width: 3.5rem; height: 3.5rem;}

}

@media screen and (max-width: 1040px){
    
    .sub_visual_top .top_tit_box .tit {font-size: 8rem;}
    .sub_visual_top .top_tit_box .txt {font-size: var(--h6);}

    .sub_visual_top .video {margin-top: 0;}


    .sub_visual_top .sect_tit_box .big_tit,
    .special_sect .sticky_box .sect_tit_box .big_tit {font-size: 11vw}


    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .txt br {display: none;}
    .about_page .logo_sect .logo_visual .logo {width: 50rem;}
    .about_page .logo_sect .ci_cont_box .cont_tit_box .txt br {display: none;}

    .about_page .logo_sect .ci_cont_box .ci_cont .box + .box {margin-left: 4rem;}
    .about_page .logo_sect .ci_cont_box .ci_cont .box .logo_box {font-size: 0.6rem; height: 30rem;}
    .about_page .logo_sect .ci_cont_box .ci_cont .box .txt {margin-top: 2rem;}
    
    .about_page .exactly_sect .tit_box .tit {font-size: 6rem;}
    .about_page .philosophy_sect .top_txt_box {margin-top: var(--pd1);}
    .about_page .philosophy_sect .top_txt_box .txt {margin-top: 6rem;}

    .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);}
    

    .service_page .sol_sect .swiper-wrapper{display: flex; flex-direction: column;}
    .service_page .sol_sect .swiper-wrapper .cont {width: 100%; height: 3em; clip-path: inset(0 0 0 0); transition: background-color 0.35s ease-in-out, height 0.6s ease-in-out;}
    .service_page .sol_sect .swiper-wrapper .cont .intro {padding: 0em 30px; display: flex; align-items: center;}
    .service_page .sol_sect .swiper-wrapper .cont .intro .txt {transform: translateX(0%) rotate(0deg); margin-top: 0em;}
    .service_page .sol_sect .swiper-wrapper .cont .active_box {overflow: hidden;}
    .service_page .sol_sect .swiper-wrapper .cont.active {background-color: var(--point01); animation: service-sol-panel-reveal 0.6s ease forwards;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_tit_box .tit {animation-delay: 0.45s;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_tit_box .txt {animation-delay: 0.55s;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(1) {animation-delay: 0.68s;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(2) {animation-delay: 0.78s;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(3) {animation-delay: 0.88s;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(4) {animation-delay: 0.98s;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(5) {animation-delay: 1.08s;}
    .service_page .sol_sect .swiper-wrapper .cont.active .active_box .sol_info_list .sol_info_item:nth-child(6) {animation-delay: 1.18s;}

    .service_page .sol_sect .swiper-wrapper .cont .intro {transition: opacity 0.3s ease 0.2s;}


    .service_page .approach_sect .cont_box {display: block;}
    .service_page .approach_sect .cont_box .left_box {width: 100%;}
    .service_page .approach_sect .cont_box .approach_cont {margin-top: var(--contMt2);}

    .other_services_sect .cont_box .box {padding: 25px 15px; border-radius: 15px;}
    .other_services_sect .cont_box .box .txt {margin-bottom: 20px; margin-top: 10px;}
    .other_services_sect .cont_box .box .arr {width: 3.5rem; height: 3.5rem;}
    .other_services_sect .cont_box .box .tit {margin-top: 20px; font-size: var(--p1);}
    .other_services_sect .cont_box .box + .box {margin-left: 15px;}

    /* 포트폴리오 — 히어로 고정 높이 해제(main.css .character_sect 1040 규칙과 같은 방식), 카드 2열 */
    .portfolio_page .character_sect {height: auto; padding-top: calc(var(--hdH) + 4rem);}
    .portfolio_page .character_sect .sect_tit_box .big_tit {font-size: min(22.5vh, 35rem, 15vw);}
    .portfolio_page .character_sect .character_wrap .sect_tit_box {margin-bottom: 0;}
    .portfolio_page .character_sect .character_wrap .sect_tit_box .reset_btn {width: 4rem; height: 4rem; margin-left: 1rem; margin-bottom: 0.15em;}
    .portfolio_page .character_sect .portfolio_character {width: 70%;}
    .portfolio_page .character_sect .portfolio_character .img,
    .portfolio_page .character_sect .character_cont.active .portfolio_character .img {height: auto; padding-top: 120%; transform: none;}
    .portfolio_page .character_sect .character_cont .el {font-size: 0.7rem;}
    .portfolio_page .portfolio_cont .cont_tit_box .txt {margin-top: var(--contMt4); font-size: var(--h6);}
    .portfolio_page .portfolio_cont .portfolio_li {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem;}
    .portfolio_page .portfolio_cont .portfolio_li .box .tit_box .tit {font-size: var(--h6);}
    .portfolio_page .portfolio_cont .portfolio_li .box .tit_box .tag {margin-top: 1.5rem;}

    .service_page .sol_sect .swiper-wrapper .cont .active_box .sol_info_list .sol_info_item .tag_list li {font-size: 9px;}
    


    /* 병원소개(Starter 890) */
    .starter_page .que_sect .qna_list {display: block;}
    .starter_page .solution_sect .cont_box .cont {width: 45%;}
    .starter_page .recom_sect .slide .item {width: 40%;}

    

}





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

    /* 제공 서비스 전문영역 */
    .service_page .expertise_sect .tab_wrap .info_wrap .slide {padding: 30px 25px;}
    .service_page .expertise_sect .tab_wrap .info_wrap .info_box {gap: 20px; min-height: 0; padding-bottom: 80px;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide {width: 260px; height: 90px; gap: 15px; padding: 0 20px; border-radius: 16px;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .ico {flex-basis: 44px; width: 44px; height: 44px;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .ico img {width: 34px; height: 34px;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .tit {font-size: var(--p3);}
    
    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .tit,
    .info_sect .tit, 
    .about_page .philosophy_sect .sect_tit {font-size: 5rem;}


    .sub_visual_top .top_tit_box .tit {font-size: var(--h1);}
    .sub_visual_top .top_tit_box .txt {font-size: var(--p2); margin-top: 1rem;}




    .about_page .exactly_sect .top_box .cont svg {height: 18rem;}

    .about_page .philosophy_sect .vision_box_wrap .vision_box .ico {width: 40%;}

    .about_page .logo_sect .logo_visual .logo {width: 65%;}

    .about_page .logo_sect .ci_cont_box .ci_cont .box .logo_box {font-size: 0.5rem;height: 20rem;}
    .about_page .logo_sect .ci_cont_box .ci_cont .box + .box {margin-left: 20px;}


    .about_page .philosophy_sect {margin-top: 0;}
    .about_page .exactly_sect {background-color: var(--point01);}
    .sub_visual_top .top_tit_box p span {transform: unset;}
    .about_page .exactly_sect .top_box .cont .txt {opacity: 1;transform: translateY(0px);filter: blur(0px);}
    .about_page .exactly_sect .tit_box .desc .line-inner {transform: translateY(0);}
    .sub .cont_tit_box p span {transform: unset;}
    .about_page .logo_sect .ci_cont_box .cont_tit_box.active .txt {opacity: 1; transform: unset;}
    /* 기타 서비스(공통 include _Skin/include/other-services.php) — 카드 2×2 */
    .other_services_sect .cont_box {flex-wrap: wrap; gap: 15px;}
    .other_services_sect .cont_box .box {flex: 1 1 calc(50% - 8px); min-width: 0;}
    .other_services_sect .cont_box .box + .box {margin-left: 0;}

    .sub_visual_top .sect_tit_box p > span,
    .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;}
    .service_page .speech_sect .cont_tit_box .ai_txt {opacity: 1; transform: unset;}
    .service_page .speech_sect .cont_box .speech_card {opacity: 1; transform: unset;}
    .portfolio_page .sect_tit_box .big_tit > span {transform: none;}

    .about_page .logo_sect .ci_cont_box .cont_tit_box .logo {width: 8rem;}


    /* 포트폴리오 */
    .portfolio_page .character_sect .character_wrap .sect_tit_box .sign_svg {width: 17rem;}
    .portfolio_page .character_sect .character_cont .el {font-size: 0.6rem;}
    .portfolio_page .character_sect .portfolio_character {width: 85%;}
    .portfolio_page .portfolio_cont {border-radius: 5rem;}
    .portfolio_page .portfolio_cont .cont_tit_box .txt br {display: none;}
    .portfolio_page .portfolio_cont .portfolio_li {gap: 15px;}
    .portfolio_page .portfolio_cont .portfolio_li .box {border-radius: 2rem;}
    .portfolio_page .portfolio_cont .portfolio_li .box .tit_box {padding: 25px 20px;}
    .sub_visual_top .slide .swiper-slide { opacity: 1; transform: translateY(0px); animation:none}
    .sub_visual_top .slide .swiper-slide .img img {animation: none;}


    .member_sect .member_wrap {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 60px 20px; margin-top: 60px;}
    .member_sect .member_wrap .member_box .info_txt {font-size: var(--p4);}
    .member_sect .member_wrap .member_box .desc {margin-top: 25px;}
    .member_sect .member_wrap .member_box .desc .point {font-size: var(--p2); margin-bottom: 10px;}
    .member_sect .member_wrap .member_box .info_txt {margin-top: 25px;}
    .member_sect .member_wrap .member_box .tag_list li {font-size: 10px; padding: 0.4em 0.9em;}

    .info_sect .member_video {border-radius: 20px;}

    .sub_visual_top .sub-visual-sticker {font-size: 0.7rem;}
    .sub_visual_top .slide .swiper-wrapper {gap: 30px 50px;}

    .service_page .speech_sect .speech_col > .speech_card + .speech_card {margin-top: 30px;}
    .service_page .speech_sect .speech_card {border-radius: 15px; padding: 20px 15px;}
    .service_page .speech_sect .speech_card.ai_type .speech_card_visual {width: 17rem;}
    .service_page .speech_sect .speech_card.ai_type .speech_card_btn {margin-top: 10rem;}
    .service_page .speech_sect .speech_card.seo_type .speech_card_visual {width: 15rem; left: 5%;}
    .service_page .speech_sect .speech_card.seo_type .speech_card_btn {margin-top: 12rem;}

    .service_page .expertise_sect .tab_top_box .btn_box .btn {font-size: var(--p2);}
    

    
    
    .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box {width: 100%; height: auto;}
    .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 .left_tit_box .desc {}

    .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 {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_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .tit, 
    .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box .desc {filter: blur(0) !important; opacity: 1 !important; transform: unset !important;} */

    .special_sect .specialness_cont .cont_box.txt_type1 .right_txt_box {height: auto; width: 100%; margin-top: 10px;}

    /* .special_sect .specialness_cont .cont_box.sticky {margin-top: 0;} */


    .special_sect .specialness_cont .cont_box.txt_type1 .left_tit_box {position: static;}
    /* .special_sect .card_wrap .first_card_list .item.fixed {display: none;} */

    /* ── 특별함 페이지 모바일 라이드 — 메인과 같은 타이포·배치 (2026-09-04) ──────
       메인은 이 구간 폰트를 폭별로 따로 잡는다(601~1040 = 아래 값 / ≤600 = 600 블록).
       서브 기본값은 타이틀이 `--d1`(=14vw) 이라 폰에서 2배 가까이 크다. */
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt {font-size: var(--p2);}
    .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);}
    /* 문단을 «카드 아래 30px» 에 고정한다 — 카드는 .card_wrap 이 100svh 안에서 세로
       가운데(50svh)에 두고, 높이는 카드 폭 × 1.5 다(main.css:2042 와 같은 식). */
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_box.txt_type1 .in {padding-top: calc(50lvh + (30rem * 1.5 / 2) + 30px);}
    /* ★ 문단 판을 «라이드가 화면을 덤을 때» 까지 붙여 둔다. 기본값(200svh)은 sticky 창이
       1뷰포트뿐이라 그 뒤 문단이 스크롤 따라 위로 올라간다(실측 2.5뷰포트, 사용자 지적).
       메인은 같은 문단(since1)이 라이드 컨테이너 안 sticky 라 끝까지 안 움직인다(실측 y593 고정).
       뒤 블록을 같은 양만큼 끌어올려 문서 길이는 오히려 줄인다(다리는 죽은 스크롤 제거).
       ★ 창은 **라이드가 끝난 뒤까지** 가야 한다 — 캔버스가 카드로 축소된 뒤에도
         문단이 그대로 남아 있어야 한다(메인 실측: 라이드 종료 +500px 에서도 보임).
         680svh 는 «해제 지점 = 라이드 종료 + 422px» 을 맞춘 값이다(메인과 같은 여유). */
    .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;}
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt {margin-bottom: 1rem;}









    /* 병원소개(Starter 890) */
    .starter_page .visual_sect {height: 60svh; margin-bottom: 22svh;}
    .starter_page .visual_sect .tit_box {padding: 0; font-size: 10.5vw;}
    .starter_page .visual_sect .tit_box .txt .slide_txt {width: 43.5vw;}
    .starter_page .visual_sect .tit_box.on {bottom: calc(60svh - var(--hdH) - 1.3em - 12px);}
    .starter_page .visual_sect .tit_box.on ~ .img {bottom: calc(42svh - var(--hdH) - 13.65vw - 32px); transform: scale(1) translateY(70%);}

    .starter_page .sub_cont_tit .desc {margin-bottom: 0.5em; font-size: var(--p1);}
    .starter_page .refund_sect .tit_box .tit,
    .starter_page .sub_cont_tit .tit {font-size: var(--h3);}

    .starter_page .rotation_sect .tit_box .tit {font-size: var(--h2);}
    .starter_page .rotation_sect .tit_box .check_list li {font-size: var(--h6);}
    .starter_page .rotation_sect .img {font-size: 3.2px;}

    .starter_page .overview_sect {padding: var(--pd) 0 var(--pd1);}
    .starter_page .overview_sect .item {padding: 30px;}
    .starter_page .overview_sect .item .txt {font-size: var(--p2);}
    .starter_page .overview_sect .item .tit_box .tit {font-size: var(--h3);}
    .starter_page .overview_sect .item .tit_box .ico {width: 12rem; height: 12rem;}

    .starter_page .core_sect .cont_box .cont {gap: 20px;}
    .starter_page .core_sect .cont_box .cont .txt_box .tit {font-size: var(--h4);}
    .starter_page .core_sect .cont_box .cont .txt_box .list li {font-size: var(--p4);}

    .starter_page .refund_sect {padding: var(--pd1) 0;}

    .starter_page .recom_sect {overflow: hidden;}

    .starter_page .level_sect .cont_box .fixed_cont .cont .txt_box .tit {font-size: var(--h4);}

    .starter_page .conven_cont .cont {grid-template-columns: 50% minmax(0, 1fr);}
    .starter_page .conven_cont .cont .txt_wrap .txt_box .box .txt br {display: none;}

    .starter_page .security_cont {border-bottom: 12px solid rgba(0, 0, 0, 0.05); margin-bottom: var(--pd1);}
    .starter_page .security_cont .cont .txt_wrap .txt_box .tit {font-size: var(--h4);}
    .starter_page .security_cont .cont .img_wrap .paging .page_btn {width: 40px; height: 40px; font-size: 20px;}

    .starter_page .solution_sect .cont_box .cont_tit .tit {font-size: var(--h4);}
    .starter_page .solution_sect .cont_box .cont_tit .txt {font-weight: 500;}

    .starter_page .function_sect .cont_box {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .starter_page .function_sect .cont_box .cont:nth-child(n+17) {border-bottom: 1px solid var(--line);}
    .starter_page .function_sect .cont_box .cont:nth-child(n+19) {border-bottom: none;}
    .starter_page .function_sect .cont_box .cont:nth-child(4n) {border-right: 1px solid var(--line);}
    .starter_page .function_sect .cont_box .cont:nth-child(3n) {border-right: none;}
    .starter_page .function_sect .cont_box .cont .txt_box .txt {font-size: var(--p4); font-weight: 500;}

    .starter_page .que_sect .qna_list .row .que {padding: 1em 0; font-size: var(--p3);}

    .service_page .sub_visual_top .slide {padding: var(--contMt3) 6rem 15svh}


    .service_page .speech_sect .speech_card_desc {font-size: var(--p6);}
    .service_page .speech_sect .speech_card_label {font-size: var(--p8);}
    .service_page .speech_sect .speech_card:after {width: 23px;}


    .service_page .expertise_sect .tab_wrap .info_wrap .info_box .tit {width: 100%;}



    .service_page .expertise_sect .tab_wrap .tab_cont_box .tit_box .desc {font-size: 10px;}
    .service_page .expertise_sect .tab_wrap .tab_cont_box .tit_box .tit {margin-top: 1rem; font-size: var(--h4);}



    /* 7681 */


}



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


    .sub_visual_top .sect_tit_box .big_tit, .special_sect .sticky_box .sect_tit_box .big_tit { font-size: var(--d1);}

    .sub_visual_top {padding-top: calc(var(--hdH) + 30px); height:500px;}
    .sub_visual_top .ai_txt {bottom: 0; white-space: unset; width: 90%; }
    .sub_visual_top .video {margin-top: 0;}

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

    .service_page .sub_visual_top .slide {padding: var(--contMt4) 0 12svh;}
    .service_page .sub_visual_top .slide .swiper-container {overflow: hidden;}
    .service_page .sub_visual_top .slide .swiper-wrapper {align-items: flex-start; transition-timing-function: linear;}
    .sub_visual_top .slide .swiper-slide {width: 9rem;}
    .sub_visual_top .slide .swiper-slide .txt {font-size: var(--p8);}

    .sub .ai_txt {align-items: flex-start; justify-content: flex-start; text-align: left;}
    .sub .ai_txt svg {height: 1.5em; flex-shrink: 0; margin-right: 5px;}
    .sub .ai_txt {padding: 1rem 0.5rem 1rem 2rem; font-size: 8px; }


    .service_page .sub_visual_top {height: auto;}
    .service_page .sub_visual_top .slide {margin-top: var(--pd4);}



    .sub .cont_tit_box .tit,
    .about_page .exactly_sect .tit_box .tit,
    .info_sect .tit,
    .about_page .philosophy_sect .sect_tit {font-size: var(--h3);}

    .about_page .philosophy_sect .top_txt_box .txt.em ,
    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .tit {font-size: var(--h5);}

    /* 기타 서비스(공통 include) — 카드 1열 */
    /* .other_services_sect .cont_box .box {flex-basis: 100%;} */
    .other_services_sect .cont_box{margin-top: var(--contMt4);}
    .other_services_sect .cont_box .box .tit{margin-top: 15px;}
    .other_services_sect .cont_box .box{padding: 20px 15px;}

    /* 포트폴리오 — 카드 1열, 탭 축소 */
    .portfolio_page .character_sect .sect_tit_box .big_tit {font-size: min(20vh, 14vw);}
    .portfolio_page .character_sect .character_wrap .sect_tit_box .sign_svg {width: 10rem;}
    .portfolio_page .character_sect .character_wrap .sect_tit_box .reset_btn {width: 3rem; height: 3rem;}
    .portfolio_page .character_sect .character_cont .el {font-size: 0.35rem;}
    /* .portfolio_page .portfolio_cont .sub_tab_top .tab {min-width: auto; height: 2.6em; padding: 0 1.2em; font-size: var(--p3);} */
    /* .portfolio_page .portfolio_cont .portfolio_li {grid-template-columns: minmax(0, 1fr);} */

    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .desc,
    .sub .cont_tit_box .desc,
    .about_page .exactly_sect .tit_box .desc {font-size: var(--p8);}
    .portfolio_page .portfolio_cont .portfolio_li .box .tit_box{display: none;}


    .about_page .exactly_sect .tit_box {text-align: left; padding: 0 var(--inPd);}
    .about_page .exactly_sect .txt_box{justify-content: flex-start;}
    .about_page .exactly_sect .txt_box .txt,
    .info_sect .txt {font-size: var(--p2);}
    .info_sect .txt br {display: none;}
    .about_page .exactly_sect .txt_box .txt + .txt,
    .info_sect .txt + .txt {margin-top: 20px;}

    .info_sect {margin-top: var(--pd1);}


    

    .about_page .exactly_sect .top_box {gap: 30px;}
    .about_page .exactly_sect .top_box .cont svg {height: 10rem;}
    .about_page .exactly_sect .top_box .cont .txt {margin-top: 20px;}
    .about_page .exactly_sect .top_box .cont .txt strong {font-size: var(--p2); margin-bottom: 1rem;}
    .about_page .exactly_sect .top_box .cont .txt span {font-size: var(--p8);}


    .about_page .philosophy_sect .top_txt_box .txt {font-size: var(--p2);}
    .about_page .philosophy_sect .top_txt_box .txt br {display: none;}
    .about_page .philosophy_sect .top_txt_box .txt {margin-top: 30px;}
    

    .about_page .philosophy_sect .vision_box_wrap .vision_box {gap: 10px;}
    .about_page .philosophy_sect .vision_box_wrap .vision_box + .vision_box {margin-top: 80px;}
    .about_page .philosophy_sect .vision_box_wrap .vision_box .ico {width: 45%;}
    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .tit {margin-top: 10px;}
    
    .about_page .philosophy_sect .vision_box_wrap .vision_box .txt_box .txt {font-size: var(--p6); margin-top: 20px;}


    .about_page .logo_sect .logo_visual .sticky,
    .about_page .logo_sect .logo_visual {height: 50svh;}
    .about_page .logo_sect .logo_visual .logo {width: 70%;} 

    .about_page .logo_sect .ci_cont_box .cont_tit_box .txt {font-size: var(--p6);}


    .about_page .logo_sect .ci_cont_box .ci_cont {margin-top: 30px;}
    .about_page .logo_sect .ci_cont_box .ci_cont .box .logo_box {height: 13rem; font-size: 0.3rem; border-radius: 10px;}
    .about_page .logo_sect .ci_cont_box .ci_cont .box + .box {margin-left: 10px;}
    .about_page .logo_sect .ci_cont_box .ci_cont .box .txt {margin-top: 1rem; font-size: var(--p6);}


    
    .member_sect .member_wrap { gap: 40px 15px; margin-top: 30px;}
    .member_sect .member_wrap .member_box .desc {font-size: 10px; font-weight: 300;}
    .member_sect .member_wrap .member_box .desc br {display: none;}
    .member_sect .member_wrap .member_box .desc .point {font-size: 12px; font-weight: 600;}
    .member_sect .member_wrap .member_box .info_txt {font-size: 10px; margin-top: 15px; font-weight: 300;}
    .member_sect .member_wrap .member_box .tag_list li {font-size: 7px; border-width: 0.5px;}
    .member_sect .member_wrap .member_box .tag_list {margin-top: 10px;}
    .member_sect .member_wrap .member_box .char_box {border-radius: 10px}
    .member_sect .member_wrap .member_box .char_box .name_box {left: 15px; top: 15px;}
    .member_sect .member_wrap .member_box .char_box .name_box .name {font-size: var(--p2);}
    .member_sect .member_wrap .member_box .char_box .name_box .position {font-size: 10px;}


    
    .info_sect .member_video {border-radius: 15px;} 
    .service_page .speech_sect .speech_card_bg {border-radius: 15px 15px 0 15px}

    .sub_visual_top .sub-visual-sticker {font-size: 0.4rem;}
    .sub_visual_top .sub-visual-sticker.fixed.left4 {top: 80%;}

    .service_page .sub_visual_top .slide {padding: 0; overflow: hidden; max-width: 100%; }
    .sub_visual_top .slide .swiper-container {overflow:hidden; }
    .sub_visual_top .slide .swiper-wrapper {gap: 0; justify-content: flex-start; flex-wrap: nowrap;}


    .service_page .speech_sect .speech_grid {flex-direction: column; }

    .service_page .speech_mo_box {display: flex; gap: 15px;}
    .service_page .speech_mo_box .col:nth-child(2n) {transform: translateY(40px);}
    .service_page .speech_mo_box .speech_card {width: 100%}
    .service_page .speech_mo_box .speech_card + .speech_card {margin-top: 30px;}


    .service_page .speech_sect {padding-bottom: var(--pd2);}
    .service_page .speech_sect .speech_card.ai_type .speech_card_visual {width: 14rem;}
    .service_page .speech_sect .speech_card.ai_type .speech_card_btn {margin-top: 7rem;}
    .service_page .speech_sect .speech_card.long .speech_card_btn {margin-top: 2.5rem;}
    .service_page .speech_sect .speech_card.seo_type .speech_card_visual {width: 12rem;}
    .service_page .speech_sect .speech_card.seo_type .speech_card_btn {margin-top: 8rem;}
    .service_page .speech_sect .speech_card_btn {margin-top: 10px;}
    .service_page .speech_sect .speech_card_label {font-size: 10px;}
    .service_page .speech_sect .speech_card.bg_type {padding-top: 90px;}

    .service_page .expertise_sect .tab_top_box .tit_box .tit {font-size: var(--h3);}
    .service_page .expertise_sect .tab_top_box .logo {width: 6.5rem; top: 0;}
    .service_page .expertise_sect .tab_top_box .btn_box {padding: 5px;}
    .service_page .expertise_sect .tab_top_box .btn_box .btn {font-size: var(--p4);}


    .service_page .expertise_sect .tab_wrap .info_wrap .slide {padding: 25px 20px; border-radius: 20px; height:450px;}
    .service_page .expertise_sect .tab_wrap .info_wrap .info_box {gap: 15px; min-height: 0; padding-bottom: 70px;}
    .service_page .expertise_sect .tab_wrap .info_wrap .info_box .txt {font-size: var(--p6);}
    
    .service_page .expertise_sect .tab_wrap .info_wrap .logo { width: 6rem;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide {width: 230px; height: 80px; gap: 12px; padding: 0 15px; border-radius: 14px;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .ico {flex-basis: 36px; width: 36px; height: 36px;}
    .service_page .expertise_sect .tab_wrap .icon_slide .swiper-slide .ico img {width: 30px; height: 30px;}


    .intro_sect .desk_img_box .desk_img {bottom: 40%;}


    .special_sect .card_wrap {padding-top: 0;}
    .special_sect .card_wrap .first_card_list .item {width: 150px; border-radius: 10px;}

    /* ── 특별함 페이지 모바일 라이드 — 메인과 같은 타이포·배치 (2026-09-04) ──────
       실측 대조(메인 390×844): 타이틀 13/28px · 문단 12/18/12px. 위 768 블록 값은
       601~768 용이고 폰 폭은 여기서 다시 낮춘다(메인도 600 블록에서 같은 토큰을 쓴다). */
    .special_page.is-mo-ride .special_sect .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt {font-size: var(--p4);}
    .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 .specialness_cont .cont_wrap .mo_sticky .sect_tit_box .txt {margin-bottom: 5px;}
    /* 카드도 메인과 같은 위치로 — 메인은 ≤600 에서 .first_card_list 를 15px 내린다
       (main.css:2034). 안 맞추면 카드가 7.5px 높고 아래 문단과의 간격도 그만큼 달라진다. */
    .special_page.is-mo-ride .special_sect .card_wrap .first_card_list {margin-top: 15px;}
    /* ≤600px 은 스크럽 앞 20%가 죽어 있으므로(MOBILE_RIDE_START), 메인처럼 라이드
       컨테이너를 와이프 안으로 70svh 더 끌어올려 그 죽은 구간을 와이프가 흡수하게 한다.
       실측(390×844): 와이프 종료 → 캔버스 전체화면까지 752px — 메인과 동일. */
    /* ★ 라이드가 끝난 뒤 문단이 «얼마나 더 붙어 있다가 올라가느냐» 를 정하는 값.
       메인 공식: 해제 − 종료 = 1.5×innerHeight − 100lvh (실측 375px · 주소창 보이면 290px).
       ≤600 은 라이드가 70lvh 앞서 시작하므로 판을 그만큼 줄여야 같은 식이 된다
       (750 − 70 = 680lvh). 마진은 768 블록의 −750lvh 를 그대로 쓴다 — 그래야
       라이드 시작이 t1Top−70lvh 로 유지된다. 길게 잡으면(이전 820lvh) 종료 후
       900px 동안 문단이 고정돼 «스크롤해도 안 올라간다». */
    .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);}
    

    

    


 


    /* 병원소개(Starter 890) */
    .starter_page .rotation_sect .tit_box .tit br {display: none;}
    .starter_page .rotation_sect .tit_box .check_list li {font-size: var(--p1);}
    .starter_page .rotation_sect .img {font-size: 2.5px; border-radius: 10px;}
    .starter_page .rotation_sect .img.center {width: 46em;}
    .starter_page .rotation_sect .img.left_top {width: 50em;}
    .starter_page .rotation_sect .img.right_bot {width: 26em;}
    .starter_page .rotation_sect .img.center .txt_box {width: 52em;}
    .starter_page .rotation_sect .img.right_top .txt_box {width: 150px;}
    .starter_page .rotation_sect .img .txt_box {padding: 15px; border-radius: 10px; white-space: normal;}
    .starter_page .rotation_sect .img .txt_box br {display: none;}
    .starter_page .rotation_sect .img .txt_box .tit {font-size: var(--p3);}
    .starter_page .rotation_sect .img .txt_box .txt {font-size: var(--p5);}

    .starter_page .overview_sect .slide {display: none;}
    .starter_page .overview_sect .item {margin-top: 20px; padding: 25px 20px; border-radius: 15px;}
    .starter_page .overview_sect .item .txt {font-size: var(--p3); margin-top: 20px; line-height: 1.5;}
    .starter_page .overview_sect .item .tit_box .tit {font-size: var(--h5);}
    .starter_page .overview_sect .item .tit_box .ico {width: 50px; height: 50px; border-radius: 10px;}
    .starter_page .overview_sect .btn_box {margin-top: 40px;}
    .starter_page .overview_sect .btn_box .tab {padding-bottom: 20px; border-color: rgba(0,0,0,1);}
    .starter_page .overview_sect .btn_box .tab + .tab {margin-top: 20px;}
    .starter_page .overview_sect .btn_box .tab .item {display: none;}
    .starter_page .overview_sect .btn_box .tab > strong {color: rgba(0,0,0,1);}
    .starter_page .overview_sect .btn_box .tab > p {color: rgba(0,0,0,1);}
    .starter_page .overview_sect .gra_bg {width: 45%; padding-top: 45%;}

    .starter_page .core_sect .cont_box .cont {flex-direction: column; padding: 30px 20px;}
    .starter_page .core_sect .cont_box .cont .txt_box {width: 100%;}
    .starter_page .core_sect .cont_box .cont .txt_box .list {margin-top: 20px;}
    .starter_page .core_sect .cont_box .cont .img {width: 100%;}

    .starter_page .refund_sect {position: relative; padding-bottom: 110px;}
    .starter_page .refund_sect .tit_box .txt {margin-top: 20px; font-weight: 500;}
    .starter_page .refund_sect .logo {width: 70px; position: absolute; right: 15px; bottom: -70px;}

    .starter_page .recom_sect .sub_cont_tit .tit br {display: none;}
    .starter_page .recom_sect .slide .item {width: 80%;}

    .starter_page .level_sect .cont_box .fixed_cont .cont {padding: 30px 20px; border-radius: 15px;}
    .starter_page .level_sect .cont_box .fixed_cont .cont .txt_box {flex-direction: column;}
    .starter_page .level_sect .cont_box .fixed_cont .cont .txt_box .tit {width: 100%;}
    .starter_page .level_sect .cont_box .fixed_cont .cont .txt_box .txt {width: 100%; margin-top: 15px;}
    .starter_page .level_sect .cont_box .fixed_cont .cont .txt_box .txt span {height: 1em;}
    .starter_page .level_sect .cont_box .fixed_cont .cont .gra {width: 100%; padding-top: 100%;}
    .starter_page .level_sect .slide .swiper-slide {width: 13em; height: 11em; border-radius: 15px; margin-right: 10px;}
    .starter_page .level_sect .slide .swiper-slide .tit br {display: none;}
    .starter_page .level_sect .slide .swiper-slide .ico {margin-bottom: 1.5em;}

    .starter_page .conven_cont .cont {grid-template-columns: repeat(1,minmax(0,1fr));}
    .starter_page .conven_cont .cont .img_wrap {display: none;}
    .starter_page .conven_cont .cont .txt_wrap .txt_box {background-color: #fff; box-shadow: 0 0 30px 0 rgba(21, 21, 21, 0.1);}
    .starter_page .conven_cont .cont .txt_wrap .txt_box .box .img {margin-top: 30px; border-radius: 15px; overflow: hidden;}

    .starter_page .security_cont {display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .starter_page .security_cont .cont {width: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 0 10px; margin-top: 30px;}
    .starter_page .security_cont .cont .txt_wrap {grid-row: 2; margin-top: 20px;}
    .starter_page .security_cont .cont .txt_wrap .txt_box .txt {margin-top: 0.5em;}
    .starter_page .security_cont .cont .txt_wrap .txt_box .txt br {display: none;}
    .starter_page .security_cont .cont .txt_wrap .txt_box .ico_li {display: block; margin-top: 25px;}
    .starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li + li {margin-top: 2rem;}
    .starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li .ico {margin-right: 1.5rem;}
    .starter_page .security_cont .cont .txt_wrap .txt_box .ico_li li .li_txt {margin-left: 0;}
    .starter_page .security_cont .cont .img_wrap {width: 50%; padding-top: 50%; margin: 0 auto;}
    .starter_page .security_cont .cont .img_wrap .paging {width: 120%;}
    .starter_page .security_cont .cont .img_wrap .paging .page_btn {width: 30px; height: 30px; font-size: 15px;}

    .starter_page .solution_sect .cont_box .cont {width: 90%;}
    .starter_page .solution_sect .cont_box .img_box .hover_box {padding: 30px 12px;}
    .starter_page .solution_sect .cont_box .img_box .hover_box .dot_list li {font-size: 11px;}
    .starter_page .solution_sect .cont_box .img_box .hover_box .check_list li .ico {margin-right: 1rem;}

    .starter_page .function_sect .cont_box {grid-template-columns: repeat(2,minmax(0,1fr));}
    .starter_page .function_sect .cont_box .cont:nth-child(3n) {border-right: 1px solid var(--line);}
    .starter_page .function_sect .cont_box .cont:nth-child(2n) {border-right: none;}

    .starter_page .que_sect .qna_list .row .answer {padding: 0 0 15px 25px;}
    .starter_page .port_sect .cont_box {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px;}


    .service_page .approach_sect .cont_box .approach_cont .list .item .en {font-size: var(--h5); }
    .service_page .approach_sect .cont_box .approach_cont .list .item .txt_box {width: 50%;}
    .service_page .approach_sect .cont_box .approach_cont .list .item .txt_box br {display: none}
    .service_page .approach_sect .cont_box .approach_cont .list .item .txt_box .tit {font-size: var(--p3);}
    .service_page .approach_sect .cont_box .approach_cont .list .item .txt_box .txt {font-size: 10px; opacity: 0.7;}




}