@charset "utf-8";

/* Common */
.sub .container {font-size: var(--txt20); word-break: keep-all; line-height: 1.6;}
.sub .in {width: var(--subIn);}
.sub_pd {padding-bottom: var(--sectPd);}

.sub .header.up{color:var(--black); background: #fff;}
.sub .header.header_down{color:var(--black); background-color: rgba(255,255,255,1); }
.sub .header .util_wrap .util_btn.join{border-color: var(--black);}
.sub .header .util_wrap .util_btn.login{background-color: var(--black); border-color:var(--black); color:#fff;}
.sub .header .util_wrap .util_btn.login:hover{background-color: var(--orange1); border-color: var(--orange1); }

.nice-select {font-size: var(--txt18); border-radius: 0; background-color: var(--bg); border:none; height: var(--inpH); border-radius: 1rem;}
.nice-select:after { display: block; right: 1.5em; width: 0.8em; height: 0.8em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0deg); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="black"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.nice-select.open:after { transform: rotate(180deg); }
.sub .nice-select .list{left: 0;}

/* Visual */
.sub_visual { position: relative; width: 100%; margin-bottom: var(--subVisPd); margin-top: var(--hdH); padding-top: 6rem;}
.sub_visual .lnb { position: relative; display: flex; align-items: center; justify-content: flex-start; width: var(--subIn); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto; z-index: 99; }
.sub_visual .lnb .home { position: relative; top: 1px; display: flex; align-items: center; justify-content: center; fill: var(--black); width: 0.9em; height: 0.9em;}
.sub_visual .lnb .home svg { width: 100%; display:block;}
.sub_visual .lnb .dot{margin: 0 1em; width: 4px; height: 4px; margin-top: 2px; background-color: var(--black); opacity: 0.3; border-radius: 50%;}
.sub_visual .lnb .sel_wrap { position: relative; top: 0.1em; display: flex; align-items: center; justify-content: center; }
.sub_visual .lnb .sel_wrap .nice-select { border: 0; padding-left: 0; padding-right: 0; height: auto; line-height: 1; background-color: transparent;}
.sub_visual .lnb .sel_wrap .nice-select:after{display: none;}
.sub_visual .lnb .sel_wrap .nice-select{padding-right: 2.4rem;}
.sub_visual .lnb .sel_wrap .nice-select:after { display: block; right: 0; width: 0.6em; height: 0.6em; margin-top: -0.3em;}
.sub_visual .lnb .sel_wrap:last-child .nice-select{padding-right: 2.4rem;}
.sub_visual .lnb .sel_wrap .current { color:#c3c2c2; }
.sub_visual .lnb .sel_wrap.current .current { color:var(--black); } /* 현재 페이지*/
.sub_visual .lnb .sel_wrap .nice-select .list{margin-top: 0.5em;}
.sub_visual .lnb .sel_wrap .nice-select:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="%23c3c2c2"/></svg>') center/contain no-repeat; transition: transform 0.3s; }
.sub_visual .lnb .sel_wrap:last-child .nice-select:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="black"/></svg>') center/contain no-repeat; transition: transform 0.3s; }

.sub_visual .tit_wrap{ width: 100%; padding: 2.8rem 0 0;}
.sub_visual .tit_wrap .tit { font-size: max(4.5rem, 50px); font-weight: 700; display: flex; align-items: center;}
.sub_visual .tit_wrap .txt { margin-top: 1em; font-size: var(--txt20); font-weight: 400;}

.sub_visual .tit_wrap .emblem{font-size:var(--txt22); margin-left: 1.2em; margin-right: 0}
.sub_visual .tit_wrap .emblem .txt{font-weight: 700;}



/* Txt */
.sub_tit_box {}
.sub_tit_box > *{opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.sub_tit_box.active > *{opacity: 1; transform: unset;}
.sub_tit_box .subtit{font-size:var(--txt24); font-weight: 700; margin-bottom: 2rem; transition-delay: 0s;}
.sub_tit_box .tit{font-size:var(--txt60); font-weight: 700; line-height: 1.5; transition-delay: 0.3s;}
.sub_tit_box .txt{font-size:var(--txt22); font-weight: 400; line-height: 1.8; margin-top: 4rem; transition-delay: 0.6s;}
.sub_tit_box .info_txt{font-size:var(--txt18); color:#a3a3a3; margin-top: 1.5rem; transition-delay: 0.6s;}
.sub_tit_box .info_txt span{color: var(--orange2);}

/* Tab */
.line_tab_wrap{display: flex; overflow-x: auto; justify-content: center; width: 100%; margin-top:var(--pd200); }
.line_tab_wrap::-webkit-scrollbar { display: none;}
.line_tab{display: inline-flex; flex:1; justify-content: center; font-size:var(--txt30); min-width: fit-content; padding: 0.8em 2.4rem; white-space: nowrap; text-align: center; color:#D0D2D8; border-bottom: 3px solid #D0D2D8; font-weight: 700; transition: all 0.3s ease;}
.line_tab.active{color:var(--black); border-color:var(--black);}

.round_tab_wrap{overflow-x: auto;}
.round_tab_wrap::-webkit-scrollbar{display: none;}
.round_tab_wrap .round_tab_box{display: flex; justify-content: center; margin-top:8rem; text-align: center; background: var(--orange1); border-radius: 3em; padding: 1.4rem 1.6rem;}
.round_tab{display: inline-block; flex:1; min-width: fit-content; padding:0.7em 1.5em; color: #fff; font-size: var(--txt30); font-weight: 700; white-space: nowrap; text-align: center; border-radius: 2em; transition: background 0.3s ease-in-out, color 0.3s ease-in-out}
.round_tab + .round_tab { margin-left: 6.4rem; }
.round_tab.active{background: #fff; color: var(--orange1);}

.tab_cont { display: none;}
.tab_cont.active { display: block;}
.tab_cont_in{display: none;}
.tab_cont_in.active{display: block;}

.dot_list{position:relative; padding-left: 0.4em;}
.dot_list li:before{content:'·'; position: absolute; left: 0;}


/* 공용 하단 예약 */
.counsel_sect {overflow: hidden; padding: 0 var(--hdIn); background-color: #101010; padding-top: var(--pd200);}
.counsel_sect .sect_tit_box .tit {font-size: 4.8rem; font-weight: 700; color: #fff; line-height: 1.45;}

.counsel_sect .in {display: flex; justify-content: space-between;}
.counsel_sect .left_box {position: relative; width: 40%;}
.counsel_sect .left_box .character {position: absolute;width: 95%;transform: translate(-10%,60%);left: 3%;bottom: 0; transition: transform 1s ease-in-out;}
.counsel_sect .left_box .character {transform: translate(-10%,12%);}
.counsel_sect .left_box .character video{width: 100%; object-fit:cover;}

.counsel_sect .sect_bg {padding: 8rem 0 0;border-radius: 4rem;border-radius: 50px; background: linear-gradient(86deg, rgba(255, 96, 0, 0.35) 1.54%, rgba(93, 93, 103, 0.35) 60.88%, rgba(93, 93, 103, 0.35) 54.8%, rgba(124, 0, 128, 0.35) 95.03%); background-size: 150% 100%;animation: moveGradient 8s linear infinite;}
@keyframes moveGradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}

.counsel_sect .cont_box { width: 55%; padding-bottom: 8rem;}
.counsel_sect .cont_box .form_box {width: 100%;color: #fff;}
.counsel_sect .cont_box .form_box .tit_box {display: flex; justify-content: space-between; margin-bottom: 2rem;}
.counsel_sect .cont_box .form_box .tit_box .tit {font-weight: 700;}
.counsel_sect .cont_box .form_box .tit_box .info_txt {display: flex; align-items: center; font-size: var(--txt16); color: #fff; fill: #fff;}
.counsel_sect .cont_box .form_box .tit_box .info_txt svg {width: 1em; height: auto; margin-right: 1rem; margin-top: -1px;}

.counsel_sect .cont_box .form_box .inp_box {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 2rem;}
.counsel_sect .cont_box .form_box .inp_box .box:nth-child(1) {grid-column: 1 / 3;}
.counsel_sect .cont_box .form_box .inp_box .box:nth-child(2) {grid-column: 3 / 5;}
.counsel_sect .cont_box .form_box .inp_box .box:nth-child(3) {grid-column: 5 / 7;}
.counsel_sect .cont_box .form_box .inp_box .box.cont_inp {grid-column: 1 / 7;}

.counsel_sect .cont_box .form_box .inp {overflow: hidden; width: 100%; height: var(--inpH); padding: 0 1em; background-color: #fff; border-radius: 1rem; color: #000; font-size: var(--txt18); position: relative;}
.counsel_sect .cont_box .form_box .inp.cont_inp {height: auto; padding-right: 0;}

.counsel_sect .cont_box .form_box .inp textarea {width: 100%; height: 100%;  resize: none; border: none; outline: none; padding: 0.9em 0; line-height: 1.6}
.counsel_sect .cont_box .form_box .inp input {width: 100%; height: 100%;}
.counsel_sect .cont_box .form_box .inp .placeholder {position: absolute; left: 1em; top: 50%; transform: translateY(-50%); }
.counsel_sect .cont_box .form_box .inp .placeholder span {color: var(--orange1); margin-left: 5px;}
.counsel_sect .cont_box .form_box .inp textarea.none + .placeholder,
.counsel_sect .cont_box .form_box .inp input.none + .placeholder {opacity: 0;}

.counsel_sect .cont_box .form_box .nice-select { position:relative; font-size:var(--txt18); height: var(--inpH); width: 100%; line-height: var(--inpH); padding: 0 1em; border: none; border-radius: 1rem; background: #fff; color: #000;}
.counsel_sect .cont_box .form_box .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%23000" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.counsel_sect .cont_box .form_box .nice-select.open:after { transform: rotate(180deg); }
.counsel_sect .cont_box .form_box .nice-select .current{ color:#000; }
.counsel_sect .cont_box .form_box .nice-select .option { color:#000;}
.counsel_sect .cont_box .form_box .form_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: var(--inpH); border-radius: 1rem; font-weight: 700; background-color: var(--orange2); grid-column: 1 / 7; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}

.counsel_sect .cont_box .form_box .chk_wrap { margin-top: 4rem;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp {display: flex; align-items: center;  font-size: var(--txt16);}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp + .priv_inp {margin-top: 1rem;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp label {display: flex; align-items: center; cursor: pointer;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp .ico {display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; margin-right: 0.5em; border-radius: 4px; border: 1px solid #DDD; background: #FFF;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp .ico svg {fill: #AAAAAA; width: 60%;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp button {margin-left: 5px; margin-top: -0.1em;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp input:checked + label .ico {background-color: var(--orange1); border-color: var(--orange1);}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp input:checked + label .ico svg {fill: #fff;}

.counsel_sect .cont_box .ico_box {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%; gap: 2rem; margin-top: 6rem;}
.counsel_sect .cont_box .ico_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3.5rem 0; background-color: #fff; border-radius: 2rem; transition: background-color 0.3s ease-in-out;}
.counsel_sect .cont_box .ico_box .cont .ico {width: 6.4rem;}
.counsel_sect .cont_box .ico_box .cont .ico img {width: 100%;}
.counsel_sect .cont_box .ico_box .cont .txt {margin-top: 1.5rem; font-size: var(--txt20); font-weight: 600;}



/* 센터_센터소개 */
.about-center .sub_visual{position: absolute; z-index: 2;}
.about-center .sub_visual .tit_wrap .tit{color:#fff;}
.about-center .sub_visual .lnb .home {fill: #fff;}
.about-center .sub_visual .lnb .dot{background-color: #fff;}
.about-center .sub_visual .lnb .sel_wrap .nice-select{background-color: transparent;}
.about-center .sub_visual .lnb .sel_wrap.current .current{color: #fff;}
.about-center .sub_visual .lnb .sel_wrap .current{color: rgba(255,255,255,0.3);}
.about-center .sub_visual .lnb .sel_wrap .nice-select .list{color:var(--black);}
.about-center .sub_visual .lnb .sel_wrap:last-child .nice-select:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="white"/></svg>') center/contain no-repeat; }

.about-center .header.top{color:#fff; background-color: rgba(255,255,255,0);}
.about-center .header.top .util_wrap .util_btn.join{border-color: #fff;}
.about-center .header.top .util_wrap .util_btn.login{background-color: #fff; color:#000}

.about-center .intro_sect{ background-color: #101010 ; color:#fff; height: auto;}
.about-center .intro_sect .since_cont{position: relative; height:500vh; z-index: 1;}
.about-center .intro_sect .since_cont .scroll_area{position: sticky; top:0; height: 100vh;}
.about-center .intro_sect .since_cont .video_box{position:absolute; top: 0; left: 50%; transform: translate(-50%, 100%) scale(0.5); width: 100%; height: 100%; border-radius: 100rem; overflow: hidden; z-index: 1;}
.about-center .intro_sect .since_cont .video_box.active{transform: translate(-50%, 0) scale(1); border-radius: 0;}
.about-center .intro_sect .since_cont .video_box > *{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.about-center .intro_sect .since_cont .txt_box{position: sticky; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; z-index: 2; height: 100vh;}
.about-center .intro_sect .since_cont .txt_box .since{font-size:var(--txt35); font-weight: 700; line-height: 1;}
.about-center .intro_sect .since_cont .txt_box .year,
.about-center .intro_sect .since_cont .txt_box .now{font-size:16rem; font-weight: 600; }
.about-center .intro_sect .since_cont .txt_box .year_txt {position:relative; text-align: center; line-height: 1.4;}
.about-center .intro_sect .since_cont .txt_box .year_txt .current{position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0;}
.about-center .intro_sect .since_cont .txt_box .year_txt .now{will-change: transform, opacity; opacity: 0;}
.about-center .intro_sect .since_cont .txt_box .year_txt .now.fixed{position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.about-center .intro_sect .since_cont .txt_box .year_txt .now.absol{position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

.about-center .intro_sect .now_cont {position:relative; width: 100%; height: 300vh;}
.about-center .intro_sect .now_cont .scroll_area{position: sticky; top:0; height: 100vh; overflow: hidden;}
.about-center .intro_sect .now_cont .txt_box{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; mix-blend-mode: difference; opacity: 0;}
.about-center .intro_sect .now_cont .txt_box .txt{font-size: 10.4rem; font-weight: 700; line-height: 1.2; color:#fff;}
.about-center .intro_sect .now_cont .marquee_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size:10px;}
.about-center .intro_sect .now_cont .marquee_box .item{position: absolute; top: 0; display: flex; flex-direction: column; align-items: center;}
.about-center .intro_sect .now_cont .marquee_box .item .img{padding-bottom: 300vh;}
.about-center .intro_sect .now_cont .marquee_box .item .img img{width: 100%; height: 100%; object-fit: cover;}
.about-center .intro_sect .now_cont .marquee_box.active .item{transform: translateY(0); animation: marquee 75s linear infinite;}
/*.about-center .intro_sect .now_cont .marquee_box.active .item6{ animation: marquee 30s linear infinite;}*/

.about-center .intro_sect .now_cont .marquee_box .item1{top: 29%; top: 132%; left: 3%;}
.about-center .intro_sect .now_cont .marquee_box .item1 .img{width: 35rem; width: 42em;}
.about-center .intro_sect .now_cont .marquee_box .item2{top: 12%; top: 112%; left: 12%;}
.about-center .intro_sect .now_cont .marquee_box .item2 .img{width: 50rem; width: 65em;}
.about-center .intro_sect .now_cont .marquee_box .item3{top: 27%; top: 127%; right: 1%;}
.about-center .intro_sect .now_cont .marquee_box .item3 .img{width: 38rem;  width: 46em;}
.about-center .intro_sect .now_cont .marquee_box .item4{top: 63%; top: 180%; right: 10%;}
.about-center .intro_sect .now_cont .marquee_box .item4 .img{width: 50rem; width: 60em;}
.about-center .intro_sect .now_cont .marquee_box .item5{top: 72%; top: 200%; left: 15%;}
.about-center .intro_sect .now_cont .marquee_box .item5 .img{width: 60rem; width:72em;}
.about-center .intro_sect .now_cont .marquee_box .item6{top: 85%; top: 250%; right: 20%;}
.about-center .intro_sect .now_cont .marquee_box .item6 .img{width: 36rem; width:43em;}

.about-center .intro_sect .odometer .odometer-formatting-mark{ display: none; }
.about-center .intro_sect .odometer.odometer-auto-theme .odometer-digit,
.about-center .intro_sect .odometer.odometer-auto-theme{vertical-align: unset; line-height: 1}


@keyframes marquee {
    0% {transform: translateY(0);}
    100% {transform: translateY(-100%);}
}



/*.about-center .sub_visual {margin-top: 0; padding-top: 12rem; padding-bottom: 0; background-color: #fff; margin-bottom: 0;}*/
.center_page { position: relative; z-index: 1; min-height: calc(100 * var(--vh)); }

.center_page{position: relative;}
.center_page .about_sect{position:relative; z-index: 2; height: 500vh; background-color: #fff;}
.center_page .about_sect .scroll_area{position: sticky; top:0; width: 100%; height: 100vh; display: flex; align-items: center; overflow: hidden;}
.center_page .about_sect .txt_wrap{position:relative; width: 100rem; max-width: 100%; margin:0 auto;} /*width: 100rem; max-width: 100%;*/
.center_page .about_sect .txt_line{display: flex; align-items: center; gap:2rem; font-size:10rem; font-weight: 600;}

.center_page .about_sect .txt_line .txt{white-space: nowrap;}

.center_page .about_sect .txt_line .img{border-radius: 100rem; height: 12.8rem; width: 12.8rem; overflow: hidden; transition: width 1s linear}
.center_page .about_sect .txt_line .img > *{display: block; width: 100%; height: 100%; object-fit: cover;}

.center_page .about_sect .txt_line .img > .marquee_cont{display:flex; position: absolute; top:50%; transform: translateY(-50%); height: 100%; opacity:0;}
.center_page .about_sect .txt_line .img > .marquee_cont .txt{opacity: 1 !important;}

.center_page .about_sect .txt_line:nth-child(1) .img img{min-width: 74rem;}
.center_page .about_sect .txt_line:nth-child(2) .line{width: 0; height: 0.8rem; background-color: #101010; transition: width 2s linear;}
.center_page .about_sect .txt_line:nth-child(3) .img img{min-width: 35rem;}

.center_page .about_sect .txt_line:nth-child(4) .img{position: absolute; left:calc(100% - 52rem);  transition: all 0.6s linear}
.center_page .about_sect .txt_line:nth-child(4) .img > video{min-width: 52rem;}

/* active */
.center_page .about_sect .txt_line .txt span{display: inline-block; transform: translateX(-5rem); opacity: 0; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;}
.center_page .about_sect .txt_wrap.active .txt_line .txt span{transform: translateX(0); opacity: 1;}
.center_page .about_sect .txt_wrap.active .txt_line .img{width: 100%;}
.center_page .about_sect .txt_wrap.active .txt_line:nth-child(4) .img{width: 52rem;}
.center_page .about_sect .txt_wrap.active .txt_line .line{width: 100%;}

.center_page .about_sect .txt_line:nth-child(1) .txt span{transition-delay: 0;}
.center_page .about_sect .txt_line:nth-child(1) .img{transition-delay: 0.3s;}
.center_page .about_sect .txt_line:nth-child(2) .txt span{transition-delay: 0.2s;}
.center_page .about_sect .txt_line:nth-child(2) .line{transition-delay: 0.5s;}
.center_page .about_sect .txt_line:nth-child(2) .txt2 span{transition-delay: 1s;}
.center_page .about_sect .txt_line:nth-child(3) .img{transition-delay: 1.2s;}
.center_page .about_sect .txt_line:nth-child(3) .txt span{transition-delay: 1.5s;}
.center_page .about_sect .txt_line:nth-child(4) .txt span{transition-delay: 1.8s;}
.center_page .about_sect .txt_line:nth-child(4) .img{transition-delay: 2.2s;}

.center_page .info_sect{padding: var(--pd200) 0 var(--pd300);}
.center_page .info_sect .in{display: flex; justify-content: space-between}
.center_page .info_sect .sub_tit_box{flex-shrink: 0;}
.center_page .info_sect .cont{ width: 87.5rem; max-width: 100%;} /*margin-left: 33rem;*/

.center_page .info_sect .cont .cir_box{display: flex; margin-top: 6.4rem;} /*max-width: 87.5rem;*/
.center_page .info_sect .cont .cir_box .item{position:relative; padding-top: calc(100%/2 + 1.2em); width:100%; border-radius: 50%; opacity: 0; transition: transform 0.8s ease-in-out 0.5s, opacity 0.8s ease-in-out 0.5s;}
.center_page .info_sect .cont .cir_box .item:first-child{background-color: var(--orange2); margin-right: -1.2em; transform: translateX(calc(50% - 1.2em));}
.center_page .info_sect .cont .cir_box .item:last-child{background-color: rgba(39, 39, 39, 0.9); margin-left: -1.2em; transform: translateX(calc(-50% + 1.2em));}
.center_page .info_sect .cont.active .cir_box .item{transform:unset; opacity: 1;}
.center_page .info_sect .cont .cir_box .item .cir_txt_box{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.center_page .info_sect .cont .cir_box .item .logo svg{display: block; width: 100%; height: auto;}
.center_page .info_sect .cont .cir_box .item:first-child .logo{width: 60%; height: auto;}
.center_page .info_sect .cont .cir_box .item:last-child .logo{width: 50%; height: auto;}
.center_page .info_sect .cont .cir_box .item .txt{font-size:var(--txt14); color:rgba(160, 160, 160, 1); margin-top: 2.5rem; line-height: 1.5; padding: 0 10%;}

.center_page .info_sect .cont .txt{font-size:var(--txt22);}
.center_page .info_sect .cont > .txt:first-child{transform: translateY(5rem); opacity: 0; transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.center_page .info_sect .cont .txt_box{margin-top: 10rem;}
.center_page .info_sect .cont .txt_box p{margin-top: 3rem; transform: translateY(5rem); opacity: 0; transition: opacity 0.8s ease-in-out 1.2s, transform 0.8s ease-in-out 1.2s;}
.center_page .info_sect .cont.active .txt:first-child,
.center_page .info_sect .cont.active .txt_box p{transform:unset; opacity: 1;}

.marquee_cont{display: flex; align-items: center; overflow: hidden; padding: 10rem 0; overflow: hidden;}
.marquee_cont .item{display: flex; align-items: center; flex-shrink: 0; font-size:7.2rem; animation: textLoop 30s linear infinite;}
.marquee_cont .item .logo{flex-shrink: 0; width: 7.5em; padding-bottom: 0.2em;}
.marquee_cont .item .txt{color:rgba(233, 235, 240, 1); font-weight: 700; line-height: 1.7; font-size:1em; margin: 0 1.3em; white-space: nowrap;}


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


.center_page .mission_sect{background: linear-gradient(180deg, #F8F8F6 0%, rgba(255, 255, 255, 0.00) 83.78%); padding-bottom: var(--pd300);}
.center_page .mission_sect .mission_cont{padding-top: 4rem;}

.center_page .mission_sect .cont { display: flex; align-items: flex-start; }
.center_page .mission_sect .cont .sticky_box { position: sticky; left: 0; top: 20vh; height: 100%; padding-right:14rem; margin-bottom: 5vh}

.center_page .mission_sect .cont .mission_img { position: relative; width: 60rem; padding-top: 56%; margin-top: 12rem; border-radius: 3.2rem; overflow: hidden; opacity: 0; transform: translateX(5rem); transition: opacity 0.5s, transform 0.5s; }
.center_page .mission_sect.active .cont .mission_img { opacity: 1; transform: translateX(0); }
.center_page .mission_sect .cont .mission_img .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; opacity:1; transition: opacity 0.5s; }
.center_page .mission_sect .cont .mission_img .img.active { opacity: 1; }
.center_page .mission_sect .cont .mission_img .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.center_page .mission_sect .cont .txt_wrap { padding-top: 25vh; opacity: 0; transform: translateX(-5rem); transition: opacity 0.5s, transform 0.5s; } /*width: 50%;*/
.center_page .mission_sect.active .cont .txt_wrap { opacity: 1; transform: translateX(0); }
.center_page .mission_sect .cont .txt_wrap .txt_box { margin-bottom: 15rem; opacity: 0.2; transition: opacity 0.5s; }
.center_page .mission_sect .cont .txt_wrap .txt_box .img { display: none; }
.center_page .mission_sect .cont .txt_wrap .txt_box.active { opacity: 1; }
.center_page .mission_sect .cont .txt_wrap .txt_box .num_box { display: flex; align-items: center; justify-content: flex-start; }
.center_page .mission_sect .cont .txt_wrap .txt_box .num { display: flex; align-items: center; justify-content: center; padding: 0.8rem 1.5rem; margin-right: 1.6rem; border-radius: 1rem; background-color: rgba(237, 109, 1, 0.05); color: var(--orange1); font-size: var(--txt2); font-weight: 700; transition: all 0.3s; }
.center_page .mission_sect .cont .txt_wrap .txt_box .tit { display: flex; align-items: center; justify-content: flex-start; line-height: 1.4; font-size: var(--txt40); font-weight: 700; }
.center_page .mission_sect .cont .txt_wrap .txt_box .txt { margin-top: 2.4rem; font-size: var(--txt18); font-weight: 500; }
.com_tag_box{display: flex; flex-wrap: wrap; gap:0.8rem; margin-top: 2.4rem;}
.com_tag_box .tag{background-color: #F8F8F6; border-radius: 50px; padding: 0.6em 1.6em; font-weight: 600; font-size:var(--txt16);}


.center_page .wedo_sect {position:relative;}
.center_page .wedo_sect .sub_tit_box{margin-bottom: 10rem;}
.center_page .wedo_sect .wedo_cont{position:relative; min-height: 100vh;}

.center_page .wedo_sect .wedo_cont .bg_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.center_page .wedo_sect .wedo_cont .bg_box .bg{position:sticky; top: 0; background-color: #000; width: 100%; height: 100vh; -webkit-clip-path: inset(25% 25% 25% 25%); clip-path: inset(25% 25% 25% 25%); transition: clip-path 0.8s ease-in-out, -webkit-clip-path 0.8s ease-in-out;}
.center_page .wedo_sect .wedo_cont.active .bg_box .bg{  -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}
.center_page .wedo_sect .wedo_cont .bg_box .bg img{width: 100%; height: 100%; object-fit: cover;}

.center_page .wedo_sect .wedo_cont .cont_wrap{position:relative; display: flex; align-items: flex-start; height: 100%;}
.center_page .wedo_sect .wedo_cont .tit_box{position:sticky; top: 0; width: calc(100% - 53%); height: 100vh; color: #fff; padding-top: 30rem; padding-left:10%; opacity: 0; transition: opacity 0.8s ease-in-out}
.center_page .wedo_sect .wedo_cont.active .tit_box{opacity: 1;}
.center_page .wedo_sect .wedo_cont .tit_box .badge{font-size:var(--txt30); font-weight: 600; padding:0.3em 1.4em; margin-bottom: 1rem; border-radius: 100rem; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(20px); background:rgba(255, 255, 255, 0.2); width: max-content;}
.center_page .wedo_sect .wedo_cont .tit_box .tit{font-size: var(--txt60); font-weight: 700; line-height: 1.5;}

.center_page .wedo_sect .wedo_cont .cont_box{width: 55%; background-color: #fff; padding:var(--pd200) 10rem; margin-top: 100vh;}
.center_page .wedo_sect .wedo_cont .cont_box h4.tit{font-size:4.8rem; font-weight: 700; line-height: 1.5; margin-bottom: 4rem;}
.center_page .wedo_sect .wedo_cont .cont_box .list_box:nth-child(2) h4.tit{font-size:4rem;}
/* .center_page .wedo_sect .wedo_cont .cont_box .list{margin-top: 4rem;} */
.center_page .wedo_sect .wedo_cont .cont_box .list .item{display: flex; align-items: center;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item a{display: flex; align-items: center;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item + .item{margin-top: 5.6rem;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .img_box{position:relative; flex-shrink: 0; width: 48rem; padding-top: 28%; border-radius: 2.4rem; overflow: hidden; margin-right: 6.4rem;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .top_box{display: flex; align-items: center;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .tit{font-size:var(--txt35); font-weight: 700;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .num{font-size:var(--txt20); background:var(--orange2); border-radius: 100rem; color:#fff; font-weight: 700; padding: 0.5em 1em; line-height: 1; margin-right: 1em;}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .txt{margin-top:1.5rem; font-size:var(--txt18)}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .com_tag_box .tag{font-size:var(--txt14)}
.center_page .wedo_sect .wedo_cont .cont_box .list_box + .list_box{margin-top: 14rem;}

.center_page .wedo_sect .wedo_cont .cont_box .list_box .step_list{position: relative;}
.center_page .wedo_sect .wedo_cont .cont_box .list_box .step_list .line{position:absolute; top:0; left: -7.2rem; left: -5rem; width: 3px; height: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 5.83%, #ED6C00 99.25%);}
.center_page .wedo_sect .wedo_cont .cont_box .list_box .step_list .line .dot { position: absolute; left: 50%; bottom: 0; width: 9px; height: 9px; background-color: #ED6D01; border-radius: 100%; transform: translate(-50%, 50%); }
.center_page .wedo_sect .wedo_cont .cont_box .list_box .step_list .line .dot:before { content: ''; position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; background-color: #ED6C00; opacity: 0.2; border-radius: 100%; transform: translate(-50%, -50%); }

.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item .item_tit{position:relative; display: flex; align-items: center; justify-content: center; background-color: var(--black); margin-left:4.8rem; border-radius:100rem; width: 26rem; height: 40px; max-width: 100%; color:#fff; font-weight: 700; z-index: 2;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item .item_cont{position:relative; background-color: #F6F6F6; border-radius: 4rem; margin-top: -20px; padding: 4.8rem 6.4rem; max-width: 102rem;}

.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont{display: flex; align-items: center; justify-content: center;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .txt_box{display: flex; align-items: center; font-size:var(--txt24); font-weight: 500; line-height: 1.5; text-align: center; padding: 0 4rem}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .txt_box p{padding: 2rem 0;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .txt_box p:first-child{padding-right:4rem; border-right:1px dashed #101010 }
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .txt_box p:last-child{padding-left:4rem;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .arr{margin-right: 4rem;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .arr svg{width: 11.2rem; height: auto;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .result_box{font-size:var(--txt24); font-weight: 700;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .result_box .item{display: flex; align-items: center; justify-content: center; border:1px solid #101010; border-radius:100px; width:max(25rem, 240px); height: 4.8rem; background:#fff;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .result_box .item + .item{margin-top: 1.4rem;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .result_box .item i svg{display: block; width: 1em; height: 1em; margin-left: 0.5em;}

.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our {margin-top: 3.2rem;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .item_cont{text-align: center; padding-top: 9.5rem;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .item_tit{background-color: var(--orange1);}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list{display: flex; gap:2.8rem; justify-content: center;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .img_box{position: relative; width: 27rem; padding-top: 70%; border-radius: 1.6rem; overflow: hidden; margin-bottom: 2rem;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box{display: flex; align-items: flex-start;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box .num{font-size:var(--txt18); font-weight: 600; border-radius: 50%; background:#fff; padding:0.3em 0.8em; margin-right: 1.5rem; white-space: nowrap;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box .txt{font-size:var(--txt18); text-align: left;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .arr svg{width: 14rem; height: auto;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .result_txt{margin-top: 2rem; font-size:var(--txt30);}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .result_txt span{position: relative; color:#fff; z-index: 2;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .result_txt span:before{content:''; position: absolute; width: 0; height: 100%; top: 0; left: -1%; background-color: var(--orange1); z-index: -1; transition: width 0.8s ease-in-out;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .result_txt.active span:before{width: 102%;}

.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list{position: absolute; right: -10px; top: -10px;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item{position:relative; width: max(12rem, 110px); padding-top: 100%; background: rgba(237, 109, 1, 0.80); backdrop-filter: blur(10px); border-radius: 100rem; color:#fff;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item + .item{margin-top: -2rem;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item:nth-child(2){background: rgba(55, 26, 123, 0.80);}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box{position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; left: 0; top: 0;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box strong{display: block;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .txt{font-size:var(--txt14); line-height: 1.3;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .txt strong{font-size:var(--txt22);}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .desc {display: flex; align-items: center; font-size:12px; line-height: 1; margin-top: 5px;}
.center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .desc .logo{width: 15px; height: 15px; margin-right: 5px;}

.center_page .wedo_sect .wedo_cont .cont_box{}
.center_page .wedo_sect .wedo_cont .cont_box .list .item .desc{font-size:var(--txt24); font-size:2rem; font-weight: 700;}
.center_page .wedo_sect .wedo_cont .cont_box .link_list .item + .item{margin-top: 6.4rem;}
.center_page .wedo_sect .wedo_cont .cont_box .link_list .item .tit{display: flex; align-items: center; font-size:var(--txt55); font-weight: 700; transition: color 0.3s ease-in-out; white-space: nowrap;}
.center_page .wedo_sect .wedo_cont .cont_box .link_list .item .tit .ico{position:relative; display: flex; width: 1em; height: 1em; border-radius:50%; background-color: var(--black); margin-left: 1.5rem; transition: background 0.3s ease-in-out;}
.center_page .wedo_sect .wedo_cont .cont_box .link_list .item .tit .ico:before{content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('data:image/svg+xml,<svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3945 10.4082L12.9258 16.877L11.9375 17.9102L9.87109 15.8438L10.9043 14.8555L14.9023 10.8125L1.875 10.8125H0.4375L0.4375 7.9375H1.875L14.9023 7.9375L10.9043 3.93945L9.87109 2.90625L11.9375 0.884766L12.9258 1.91797L19.3945 8.38672L20.4277 9.375L19.3945 10.4082Z" fill="white"/></svg>') no-repeat center / 40%;}
.center_page .wedo_sect .wedo_cont .cont_box .link_list .item .txt_box{transition: margin 0.3s ease-in-out;}
.center_page .wedo_sect .wedo_cont .cont_box .link_list .item .img_box{padding-top: 30%;}
.center_page .wedo_sect .wedo_cont .cont_box .link_list .item .img_box img{transition: transform 0.3s ease-in-out;}

.center_page .special_sect {padding: var(--pd300) 0 var(--pd300) max(10rem,var(--inPd)); color: #fff; background:#101010}
.center_page .special_sect .cont_box {display: grid; grid-template-columns: auto 115rem;}

.center_page .special_sect .cont_box .left_box{height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.center_page .special_sect .cont_box .left_box .sub_tit_box {position: relative;}
.center_page .special_sect .cont_box .left_box .sub_tit_box .bg_tit {position: absolute; left: 50%; bottom: 0; transform: translateY(100%); font-size: 20rem; font-weight: 600; color: #fff; opacity: 0; white-space: nowrap;transition: left 0.6s ease-in-out , transform 0.6s ease-in-out}
.center_page .special_sect .cont_box .left_box .sub_tit_box.active .bg_tit {opacity: 0.05; left: 0}

.center_page .special_sect .cont_box .bg_box{position: relative; margin-top: 33rem; margin-top: auto;}
.center_page .special_sect .cont_box .bg_box .logo{position:absolute; width: 122rem; top: 24rem; max-width: 90%;}
.center_page .special_sect .cont_box .bg_box .character{position: relative; width: 77rem; width: 70rem; padding-left: 5.2rem; max-width: 80%;}

.center_page .special_sect .cont_box .self_list {flex-shrink: 0;} /*margin-left: auto; width: 115rem; */
.center_page .special_sect .cont_box .self_list li {position: relative;}
.center_page .special_sect .cont_box .self_list li { display: flex; align-items: flex-start; padding: 6.4rem 4rem; border-bottom: 1px solid rgba(255,255,255,0.3); transition:  0.3s ease-in-out}
/* .center_page .special_sect .cont_box .self_list li .txt_box{width: 90%; max-width: 100%;} */
.center_page .special_sect .cont_box .self_list li .txt_box{width: 100%;}
.center_page .special_sect .cont_box .self_list li .txt_box .tit {font-size: 3.6rem; font-weight: 600; line-height: 1;}
.center_page .special_sect .cont_box .self_list li .txt_box .tit strong{font-size:6.4rem; color:#FF8738; font-weight: 700; letter-spacing: -1.6px;}
.center_page .special_sect .cont_box .self_list li .txt_box .txt {font-size: var(--txt18); font-weight: 400; line-height: 1.5; margin-top: 1.6rem; opacity:0.7;}

.center_page .special_sect .cont_box .self_list .hover_img {position: absolute; left: 4rem; top: 50%; transform: translate(-100%,-30%) rotate(0); width: 54rem; height: 34rem; opacity: 0; transition: 0.3s ease-in-out;} /*width: 56rem; height: 35rem;*/
.center_page .special_sect .cont_box .self_list .hover_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}




/* 센터_의료진 소개 */
.staff_page .greeting_sect{padding-top: 10rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 59.62%, rgba(228, 228, 228, 0.18) 100%);}
.staff_page .greeting_sect .in{margin-bottom: 7.2rem;}
.staff_page .greeting_sect .in > * {opacity: 0; transform: translateY(5rem); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out}
.staff_page .greeting_sect .tit{font-size: 9.6rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.03em;}
.staff_page .greeting_sect.active .tit{opacity: 1; transform: unset;}
.staff_page .greeting_sect .img_box{position:relative; display: flex; justify-content:space-between; align-items: flex-end; width: 100%; margin-top: -17rem;}
.staff_page .greeting_sect .img_box.active{opacity: 1; transform: unset;}
.staff_page .greeting_sect .img_box:before{content:''; position:absolute; display: block; width: 100%; height: 27rem; left: 0; bottom: 0; border-radius: 2.4rem; background: linear-gradient(90deg, #D75500 0%, #F68643 100%);}
.staff_page .greeting_sect .img_box .logo{position: relative; padding: 5.6rem 6rem;}
.staff_page .greeting_sect .img_box .logo img{width: 28rem;}
.staff_page .greeting_sect .img_box .profile{position: relative; width: auto; height: 65rem; padding-right: 4.4rem;}
.staff_page .greeting_sect .img_box .profile img{width: auto; height: 100%; object-fit: contain;}
.staff_page .greeting_sect .txt_box {margin-top: 7rem;}
.staff_page .greeting_sect .txt_box.active{opacity: 1; transform: unset;}
.staff_page .greeting_sect .txt_box p{font-size:var(--txt30);}
.staff_page .greeting_sect .txt_box .txt + .txt{margin-top: 1em;}
.staff_page .greeting_sect .txt_box .name{font-weight: 700; margin-top: 1.6em;}


.staff_page .staff_sect{padding: var(--pd150) 0 var(--pd300)}
.staff_page .staff_sect .sub_tit_box{text-align: center;}
.staff_page .staff_sect .list_cont{padding-top: 8.8rem;}
.staff_page .staff_sect .staff_list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9.6rem 7rem}
.staff_page .staff_sect .staff_list .item{display: flex; align-items: flex-start; }
.staff_page .staff_sect .staff_list .item .img_box{position:relative; width: 28rem; padding-top: 48%; flex-shrink: 0; background-color: #F4F4F4; border-radius: 2.4rem; overflow: hidden; margin-right: 4rem;}
.staff_page .staff_sect .staff_list .item .img_box:before{content:''; position: absolute; width: 100%; height: 30%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(244, 244, 244, 0.00) 0%, rgba(247, 121, 45, 0.80) 92.79%);}
.staff_page .staff_sect .staff_list .item .img_box:after{content:''; position: absolute; width: 7.2rem; height: 2rem; bottom: 2rem; right: 2rem;  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="24" viewBox="0 0 90 24" fill="none"><path d="M10.1788 5.74198C11.365 5.74198 12.3335 5.86438 13.0824 6.10392C13.8312 6.34522 14.4144 6.63372 14.8339 6.98342C15.2515 7.32963 15.5395 7.71779 15.7033 8.13918C15.8654 8.55883 15.9446 8.95923 15.9446 9.32817C15.9446 9.74257 15.8492 10.1902 15.6511 10.6658C15.4585 11.1431 15.1471 11.596 14.7205 12.0156C14.2956 12.4388 13.7304 12.8252 13.0374 13.1819C12.3443 13.5403 11.4874 13.8113 10.4704 14.0107L10.4164 14.2065C10.9618 14.224 11.4874 14.3009 12.0005 14.4426C12.5135 14.5807 12.9563 14.7783 13.3326 15.0178C13.7448 15.2853 14.076 15.6403 14.3352 16.0774C14.5945 16.5145 14.7223 17.0461 14.7223 17.6685C14.7223 18.5585 14.4847 19.3838 14.004 20.1304C13.5234 20.8875 12.8609 21.5275 12.0311 22.0555C11.1418 22.6168 10.195 23.0312 9.18688 23.3005C8.18061 23.5698 7.02493 23.7044 5.72344 23.7044C4.02772 23.7044 2.65962 23.3547 1.61735 22.657C0.576877 21.9611 0.0566406 21.0939 0.0566406 20.0623C0.0566406 19.487 0.247454 18.9992 0.62368 18.5988C1.00711 18.1983 1.51654 18.0025 2.15379 18.0025C2.79103 18.0025 3.34367 18.1826 3.7487 18.5463C4.15553 18.9135 4.35894 19.3821 4.35894 19.9556C4.35894 20.3717 4.28874 20.7826 4.15013 21.19C4.01332 21.5957 3.89451 21.9227 3.7955 22.1709C3.98272 22.2741 4.21673 22.3668 4.48495 22.4507C4.75317 22.5294 5.06999 22.5696 5.44082 22.5696C5.99706 22.5696 6.5497 22.4577 7.08613 22.2339C7.62977 22.0048 8.09781 21.6796 8.51363 21.253C8.96187 20.7721 9.31469 20.2284 9.56671 19.6146C9.81153 18.9957 9.94113 18.1931 9.94113 17.2087C9.94113 16.5792 9.76472 16.0599 9.4137 15.6368C9.06267 15.2189 8.39303 15.0091 7.40116 15.0091H5.79544L6.14827 13.5665H7.28595C8.51003 13.5665 9.4875 13.1591 10.2184 12.3548C10.9528 11.5453 11.3236 10.4315 11.3236 9.00644C11.3236 8.356 11.1472 7.83844 10.7908 7.45727C10.4326 7.0726 9.87453 6.87851 9.10768 6.87851C8.73505 6.87851 8.34442 6.93097 7.92859 7.03588C7.51276 7.14254 7.17434 7.26493 6.90252 7.40481C6.99613 7.68282 7.10594 8.02553 7.23014 8.43643C7.35255 8.84558 7.41376 9.22501 7.41376 9.57646C7.41376 10.1517 7.22294 10.6238 6.83052 10.984C6.44169 11.3442 5.91605 11.5225 5.26081 11.5225C4.64336 11.5225 4.14113 11.3285 3.7721 10.9298C3.40488 10.5311 3.21586 10.0468 3.21586 9.47854C3.21586 8.53959 3.89091 7.68108 5.232 6.90649C6.5713 6.1319 8.22381 5.74023 10.1788 5.74023V5.74198Z" fill="white"/><path d="M24.0123 19.6288C22.1438 19.6288 20.6587 19.1148 19.5408 18.0849C18.4283 17.055 17.8721 15.6912 17.8721 13.9916C17.8721 10.7429 19.125 7.9593 21.6253 5.64777C24.1221 3.32751 27.4217 1.94269 31.5224 1.48633L31.5872 2.70329L30.2245 2.92185C29.1751 3.18762 28.266 3.55831 27.4847 4.03215C26.7053 4.5095 26.0518 5.0323 25.51 5.60756C24.9736 6.17407 24.5307 6.80004 24.1671 7.49944C23.8053 8.18835 23.4831 8.92098 23.2022 9.68682C23.7585 9.23571 24.4209 8.86503 25.2004 8.55554C25.9744 8.24955 26.8961 8.09568 27.9726 8.09568C29.2219 8.09568 30.2695 8.50308 31.1156 9.31439C31.9599 10.124 32.3829 11.1783 32.3829 12.4739C32.3829 14.4113 31.5746 16.0881 29.9635 17.5079C28.347 18.9259 26.3651 19.6323 24.0123 19.6323V19.6288ZM27.7044 12.5019C27.7044 11.6521 27.5027 10.9807 27.1085 10.4841C26.7089 9.99106 26.2013 9.74627 25.591 9.74627C25.1014 9.74627 24.6387 9.83545 24.2067 10.0155C23.7729 10.2009 23.3085 10.5611 22.8224 11.1084C22.7612 11.3566 22.655 11.841 22.5092 12.5561C22.358 13.2713 22.2824 14.1525 22.2824 15.1964C22.2824 16.2402 22.4606 17.097 22.8224 17.6985C23.1824 18.2965 23.6613 18.5937 24.2553 18.5937C25.1878 18.5937 25.9906 18.0027 26.6747 16.8155C27.3587 15.6282 27.7026 14.1875 27.7026 12.5002L27.7044 12.5019Z" fill="white"/><path d="M38.5757 23.7064C36.9195 23.7064 35.5244 23.3567 34.3994 22.6555C33.2689 21.9456 32.6982 21.1081 32.6982 20.1342C32.6982 19.5606 32.8909 19.0746 33.2725 18.6794C33.6541 18.2807 34.1617 18.0832 34.799 18.0832C35.4362 18.0832 35.9943 18.2633 36.3975 18.6235C36.8025 18.9854 37.0041 19.4522 37.0041 20.024C37.0041 20.4244 36.9339 20.8528 36.7917 21.3022C36.6477 21.755 36.5325 22.1047 36.4425 22.3565C36.5847 22.395 36.8187 22.4439 37.1572 22.4964C37.492 22.5471 37.8178 22.5733 38.1418 22.5733C38.5685 22.5733 39.0257 22.4404 39.5279 22.1799C40.0266 21.9106 40.4784 21.533 40.8834 21.0399C41.3262 20.5066 41.6809 19.9034 41.9473 19.2407C42.2137 18.571 42.3469 17.7492 42.3469 16.7648C42.3469 15.8503 42.1129 15.1212 41.6341 14.5809C41.1588 14.0406 40.4928 13.7713 39.6233 13.7713C39.2021 13.7713 38.8241 13.8255 38.4982 13.9305C38.1688 14.0354 37.8538 14.1718 37.5388 14.3431C37.2256 14.5232 36.9555 14.6981 36.7323 14.8677C36.5055 15.0425 36.2715 15.2453 36.0213 15.5024L35.096 15.1736L38.2984 6.13037H48.8598L48.0749 9.48925H38.5523L37.1716 13.5388C37.942 13.1052 38.6513 12.7957 39.2921 12.6103C39.9329 12.4215 40.6314 12.3253 41.3929 12.3253C42.0679 12.3253 42.7141 12.3953 43.3406 12.5282C43.967 12.6628 44.5665 12.9198 45.1515 13.2923C45.7132 13.6559 46.1686 14.1175 46.5142 14.6893C46.8544 15.2558 47.0273 15.9395 47.0273 16.7438C47.0273 18.6934 46.1938 20.3475 44.5377 21.6921C42.8816 23.0384 40.8924 23.7081 38.5739 23.7081L38.5757 23.7064Z" fill="white"/><path d="M42.0125 4.96596H43.7767C43.7767 4.96596 46.142 2.17359 48.1852 2.29774C48.1852 2.29774 50.9286 1.98476 51.4452 8.75148C51.4452 8.75148 51.1248 12.787 53.5568 12.5999C53.5568 12.5999 54.8294 12.7241 54.8294 10.799C54.8294 10.799 55.0203 6.2686 56.5576 4.0952C56.5576 4.0952 56.9374 3.29264 57.1948 4.96596C57.1948 4.96596 58.2173 10.0559 58.6637 11.112C58.6637 11.112 59.3064 13.2836 61.1569 12.1051C61.1569 12.1051 61.5403 11.668 61.5403 10.5524C61.5403 10.5524 61.2235 5.96086 63.5871 2.92021C63.5871 2.92021 65.1208 5.71082 65.8876 10.4912C65.8876 10.4912 66.1432 13.3448 68.9532 12.0422C68.9532 12.0422 70.0405 11.112 69.4663 10.243C69.4663 10.243 68.505 9.2463 68.3142 8.06781L67.3529 4.28055C67.3529 4.28055 66.3305 -0.123943 64.4745 0.00369817C64.4745 0.00369817 61.9849 -0.0609966 60.453 5.70907C60.453 5.70907 60.264 6.08326 59.8122 4.03575C59.8122 4.03575 59.175 0.311435 57.5134 0.374382C57.5134 0.374382 56.4946 0.250237 55.0851 2.9814C55.0851 2.9814 54.428 4.22284 53.9672 5.5657C53.9672 5.5657 53.7566 5.89092 53.6738 5.32266C53.6738 5.32266 53.3821 2.17185 51.519 0.989856C51.519 0.989856 48.9826 -0.819848 46.178 0.724083C46.178 0.724083 43.7641 2.10715 42.0107 4.96421L42.0125 4.96596Z" fill="white"/><path d="M88.1674 3.77328C88.1674 3.77328 88.9127 2.29229 87.4618 1.53869C87.4618 1.53869 84.4501 -0.528046 78.0741 0.157368C78.0741 0.157368 71.059 0.435381 69.1077 4.67026C69.1077 4.67026 67.1275 8.38584 72.0149 11.2394C72.0149 11.2394 74.139 12.6522 79.3108 12.4791C79.3108 12.4791 83.7391 12.5473 86.8569 10.6886C86.8569 10.6886 89.1611 9.27933 89.8703 6.93983C89.8703 6.93983 84.9776 9.45068 79.4908 9.41396C79.4908 9.41396 73.9266 9.58881 71.4118 7.52907C71.4118 7.52907 70.6324 6.83841 70.4164 6.42576C70.4164 6.42576 71.7629 3.26097 79.4908 3.01967C79.4908 3.01967 84.4159 3.15606 86.0775 3.60193C86.0775 3.60193 86.5419 3.67361 86.6823 3.87819C86.6823 3.87819 87.352 4.63704 88.1638 3.77503L88.1674 3.77328Z" fill="white"/></svg>') no-repeat right bottom / contain;}
.staff_page .staff_sect .staff_list .item .img_box .img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; object-position: bottom; padding-top: 2rem;}

.staff_page .staff_sect .staff_list .item .txt_box {position:relative; flex: 1;}
.staff_page .staff_sect .staff_list .item .txt_box .desc{font-size:var(--txt18); font-weight: 700; color:var(--orange1);}
.staff_page .staff_sect .staff_list .item .txt_box .name{font-size:var(--txt35); font-weight: 700;}
.staff_page .staff_sect .staff_list .item .txt_box .name .position{font-size:var(--txt24); font-weight: 400; margin-left: 0.4em;}
.staff_page .staff_sect .staff_list .item .txt_box .mark{position: absolute; top:0; right: 0; width: 11rem;}

.staff_page .staff_sect .staff_list .item .txt_box .his_list{font-size:var(--txt18); line-height: 1.8; margin-top: 3.2rem; padding-top: 3.2rem; border-top: 1px solid var(--lineColor);}
.staff_page .staff_sect .staff_list .item .txt_box .his_list li{position:relative; padding-left: 0.5em;}
.staff_page .staff_sect .staff_list .item .txt_box .his_list li:before{content:'·'; position: absolute; left: 0;}

.staff_page .staff_sect .staff_list .item .txt_box .round_btn{margin-top: 3.5rem;}

/* 지점선택 셀렉트로 변경 */
.staff_page .staff_select{margin:0 auto; width: 40rem; padding-top: var(--pd150);}
.staff_page .staff_select .nice-select{ background-color: #101010; height: 8.4rem; padding-left: 3rem; color: #fff; font-size:var(--txt30); font-weight: 700;}
.staff_page .staff_select .nice-select:after{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="white"/></svg>') center/contain no-repeat;}
.staff_page .staff_select .nice-select .list{color: #101010; font-size:var(--txt22)}
.staff_page .staff_select .nice-select .option:hover,
.staff_page .staff_select .nice-select .option.focus,
.staff_page .staff_select .nice-select .option.selected.focus{color: var(--orange1); background-color: #fff;}



/* 센터_의료진소개_상세 */
.list_tbl { margin-top: 4rem; overflow: hidden; font-size: var(--txt16);}
.list_tbl .tbl_box { width: 100%; border-radius: 0 1.2rem 1.2rem 0; }
.list_tbl .tbl_box .box { display: flex; }
.list_tbl .tbl_box .box .th_box + .td_box { margin-top: 13px; }
.list_tbl .tbl_box .box > div { flex: 1; line-height: 1; min-width: 0; }
.list_tbl .tbl_box .th_box { background-color: var(--black ); color: #fff; padding: 1em 0; font-weight: 700; border-radius: 10px 10px 0 0; }
.list_tbl .tbl_box .th_box .th { display: flex; align-items: flex-end; justify-content: center; }
.list_tbl .tbl_box .th_box .th .week { order: 2; font-size: 0.75em; margin-left: 0.2em; transform: translateY(-2px); }
.list_tbl .tbl_box .td_box + .td_box { border-top: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box .td { display: flex; align-items: center; justify-content: center; height: 4em; }
.list_tbl .tbl_box .td_box .td:first-child { border-left: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box .td:last-child { border-right: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box:last-child .td { border-bottom: 1px solid var(--lineColor); }
.list_tbl .tbl_box .td_box:last-child .td:first-child { border-bottom-left-radius: 10px; border-bottom: 1px solid var(--lineColor);}
.list_tbl .tbl_box .td_box:last-child .td:last-child { border-bottom-right-radius: 10px; }
.list_tbl .tbl_box .td_box .td.time { background-color: #fff; font-weight: 700; border-bottom: none; border-right: 1px solid var(--lineColor);}
.list_tbl .tbl_box .td_box .td .badge { display: inline-block; padding: 0.5em 0.9em 0.45em; border-radius: 3em; font-weight: 600; line-height: 1; }
.list_tbl .tbl_box .td_box .td .badge.ing { background-color: #F7792D; color: #fff; }
.list_tbl .tbl_box .td_box .td .badge.close { background-color: #E9EBF0; color: rgba(0,0,0,0.3); }
.list_tbl .tbl_box .td_box .td .date { font-weight: 700; }

.staff_view_page .in{display: flex; align-items: flex-start; padding-bottom: var(--pd430);}

/* 목록버튼 추가 */
.staff_view_page .left_area{position:sticky; top: calc(var(--hdH) + 1rem);}
.staff_view_page .list_btn{position: absolute; top: -4rem; font-size:var(--txt20); font-weight: 700; z-index: 20; margin-bottom: 1rem;}
.staff_view_page .list_btn .btn{display: flex; align-items: center;}
.staff_view_page .list_btn .btn .ico{margin-right: 10px;}
.staff_view_page .list_btn .btn .txt{line-height: 1}

.staff_view_page .img_box{position: relative; width: 69rem; margin-right: 10rem; flex-shrink: 0; padding-top: 100%; border-radius: 2.4rem; overflow: hidden; background-color: #F4F4F4;}
.staff_view_page .img_box:before{content:''; position: absolute; width: 100%; height: 57%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(244, 244, 244, 0.00) 0%, rgba(247, 121, 45, 0.80) 92.79%);}
.staff_view_page .img_box:after{content:''; position: absolute; width: 18.5rem; height: 5rem; bottom: 4rem; right: 3.2rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="224" height="59" viewBox="0 0 224 59" fill="none"><path d="M25.1693 14.2749C28.1191 14.2749 30.5272 14.5792 32.3893 15.1748C34.2514 15.7747 35.7017 16.492 36.7446 17.3615C37.7831 18.2223 38.4992 19.1874 38.9066 20.2351C39.3094 21.2785 39.5064 22.2741 39.5064 23.1914C39.5064 24.2217 39.2691 25.3346 38.7768 26.5171C38.2978 27.704 37.5234 28.83 36.4626 29.8733C35.4062 30.9254 34.0007 31.8862 32.2774 32.7731C30.5541 33.6643 28.4235 34.3381 25.8944 34.8337L25.7602 35.3206C27.1164 35.3641 28.4235 35.5554 29.6992 35.9075C30.9749 36.251 32.076 36.7422 33.0115 37.3378C34.0365 38.003 34.8601 38.8855 35.5047 39.9724C36.1493 41.0592 36.4671 42.3808 36.4671 43.9285C36.4671 46.1413 35.8762 48.1933 34.6811 50.0496C33.486 51.9321 31.8388 53.5232 29.7753 54.8361C27.564 56.2316 25.2096 57.262 22.703 57.9315C20.2008 58.601 17.3271 58.9357 14.0909 58.9357C9.87435 58.9357 6.47249 58.0663 3.88081 56.3316C1.2936 54.6014 0 52.4451 0 49.8801C0 48.4498 0.47447 47.2369 1.40998 46.2413C2.3634 45.2458 3.63015 44.7588 5.2147 44.7588C6.79925 44.7588 8.17342 45.2066 9.18055 46.1109C10.1922 47.0238 10.698 48.1889 10.698 49.6149C10.698 50.6496 10.5234 51.6712 10.1787 52.6842C9.83855 53.6928 9.54312 54.5057 9.29693 55.1231C9.76245 55.3796 10.3443 55.61 11.0113 55.8186C11.6782 56.0143 12.466 56.1143 13.3881 56.1143C14.7712 56.1143 16.1454 55.836 17.4793 55.2796C18.8311 54.7101 19.9949 53.9014 21.0289 52.8407C22.1434 51.6451 23.0208 50.2931 23.6474 48.7672C24.2562 47.2282 24.5785 45.2327 24.5785 42.7851C24.5785 41.2201 24.1398 39.9289 23.267 38.8768C22.3941 37.8378 20.729 37.3161 18.2626 37.3161H14.2699L15.1472 33.7295H17.9762C21.0199 33.7295 23.4505 32.7165 25.2678 30.7167C27.094 28.7039 28.0161 25.9346 28.0161 22.3915C28.0161 20.7742 27.5775 19.4874 26.6912 18.5397C25.8004 17.5832 24.4128 17.1007 22.506 17.1007C21.5794 17.1007 20.6081 17.2311 19.5741 17.4919C18.5402 17.7571 17.6986 18.0614 17.0227 18.4092C17.2555 19.1005 17.5285 19.9526 17.8374 20.9742C18.1418 21.9915 18.294 22.9349 18.294 23.8087C18.294 25.239 17.8195 26.4128 16.8437 27.3084C15.8769 28.2039 14.5698 28.6474 12.9405 28.6474C11.4052 28.6474 10.1564 28.1648 9.23874 27.1736C8.32561 26.1824 7.85562 24.9782 7.85562 23.5653C7.85562 21.2307 9.53417 19.0961 12.8689 17.1702C16.1991 15.2443 20.3082 14.2705 25.1693 14.2705V14.2749Z" fill="white"/><path d="M59.5679 48.802C54.9217 48.802 51.2289 47.5239 48.4492 44.9633C45.6829 42.4026 44.2998 39.0117 44.2998 34.786C44.2998 26.7085 47.4152 19.7874 53.6325 14.0402C59.8409 8.27117 68.0457 4.82803 78.2423 3.69336L78.4035 6.71915L75.015 7.26258C72.4055 7.92338 70.145 8.84503 68.2024 10.0232C66.2642 11.21 64.6394 12.5099 63.292 13.9402C61.9582 15.3487 60.857 16.9051 59.9528 18.6441C59.0531 20.357 58.2519 22.1785 57.5536 24.0827C58.9368 22.9611 60.584 22.0394 62.5222 21.2699C64.4469 20.5091 66.7387 20.1265 69.4154 20.1265C72.5218 20.1265 75.127 21.1395 77.2307 23.1567C79.33 25.1695 80.3819 27.791 80.3819 31.0124C80.3819 35.8294 78.3722 39.9985 74.366 43.5286C70.3464 47.0544 65.4182 48.8107 59.5679 48.8107V48.802ZM68.7485 31.082C68.7485 28.9692 68.2471 27.2998 67.2669 26.0651C66.2732 24.8391 65.0109 24.2305 63.4935 24.2305C62.276 24.2305 61.1256 24.4522 60.0513 24.9C58.9726 25.3608 57.8177 26.2564 56.6092 27.6171C56.457 28.2345 56.1929 29.4387 55.8303 31.2168C55.4543 32.9949 55.2663 35.186 55.2663 37.7813C55.2663 40.3768 55.7095 42.507 56.6092 44.0025C57.5044 45.4893 58.6951 46.2284 60.1722 46.2284C62.4908 46.2284 64.4872 44.7589 66.1881 41.807C67.889 38.8552 68.744 35.2729 68.744 31.0777L68.7485 31.082Z" fill="white"/><path d="M95.7806 58.9401C91.6626 58.9401 88.1935 58.0706 85.396 56.3273C82.5849 54.5623 81.166 52.4798 81.166 50.0583C81.166 48.6324 81.645 47.4238 82.5939 46.4413C83.5428 45.4501 84.8051 44.9588 86.3897 44.9588C87.9742 44.9588 89.3618 45.4066 90.3645 46.3022C91.3716 47.2021 91.8729 48.3629 91.8729 49.7845C91.8729 50.78 91.6984 51.8451 91.3447 52.9624C90.9867 54.0884 90.7002 54.9579 90.4764 55.5839C90.83 55.6795 91.4119 55.8013 92.2534 55.9317C93.086 56.0578 93.8961 56.123 94.7018 56.123C95.7627 56.123 96.8996 55.7926 98.1485 55.1448C99.3884 54.4753 100.512 53.5363 101.519 52.3103C102.62 50.9843 103.502 49.4845 104.164 47.8368C104.827 46.1718 105.158 44.1285 105.158 41.6809C105.158 39.4072 104.576 37.5943 103.386 36.251C102.204 34.9076 100.548 34.2381 98.3857 34.2381C97.3383 34.2381 96.3983 34.3729 95.5881 34.6338C94.769 34.8946 93.9857 35.2337 93.2023 35.6597C92.4235 36.1075 91.7521 36.5423 91.197 36.964C90.633 37.3987 90.0511 37.903 89.429 38.5421L87.1282 37.7248L95.0913 15.24H121.353L119.401 23.5914H95.7224L92.2892 33.6599C94.205 32.5818 95.9686 31.8123 97.5621 31.3515C99.1556 30.8819 100.892 30.6428 102.786 30.6428C104.464 30.6428 106.071 30.8167 107.629 31.1471C109.187 31.4819 110.677 32.121 112.132 33.047C113.528 33.9512 114.661 35.0989 115.52 36.5205C116.366 37.9291 116.796 39.6289 116.796 41.6287C116.796 46.4761 114.724 50.5887 110.606 53.9319C106.488 57.2794 101.541 58.9444 95.7761 58.9444L95.7806 58.9401Z" fill="white"/><path d="M104.325 12.3447H108.711C108.711 12.3447 114.593 5.40189 119.673 5.71056C119.673 5.71056 126.495 4.93237 127.78 21.7568C127.78 21.7568 126.983 31.7906 133.03 31.3255C133.03 31.3255 136.195 31.6341 136.195 26.8476C136.195 26.8476 136.669 15.5835 140.492 10.1797C140.492 10.1797 141.436 8.18423 142.077 12.3447C142.077 12.3447 144.619 25 145.729 27.6258C145.729 27.6258 147.327 33.0253 151.928 30.0951C151.928 30.0951 152.882 29.0083 152.882 26.2346C152.882 26.2346 152.094 14.8184 157.971 7.25824C157.971 7.25824 161.785 14.1967 163.692 26.0825C163.692 26.0825 164.327 33.1775 171.315 29.9386C171.315 29.9386 174.018 27.6258 172.59 25.4652C172.59 25.4652 170.2 22.9871 169.726 20.057L167.335 10.6405C167.335 10.6405 164.793 -0.310594 160.178 0.00676688C160.178 0.00676688 153.988 -0.154087 150.178 14.1923C150.178 14.1923 149.708 15.1227 148.585 10.0319C148.585 10.0319 147 0.77191 142.869 0.928416C142.869 0.928416 140.335 0.61975 136.83 7.41039C136.83 7.41039 135.197 10.4971 134.051 13.8359C134.051 13.8359 133.527 14.6445 133.321 13.2316C133.321 13.2316 132.596 5.39755 127.963 2.4587C127.963 2.4587 121.656 -2.04086 114.683 1.7979C114.683 1.7979 108.68 5.23669 104.32 12.3404L104.325 12.3447Z" fill="white"/><path d="M219.093 9.37975C219.093 9.37975 220.946 5.6975 217.338 3.82377C217.338 3.82377 209.849 -1.31486 193.995 0.389322C193.995 0.389322 176.552 1.08056 171.699 11.61C171.699 11.61 166.776 20.8482 178.928 27.9432C178.928 27.9432 184.21 31.4559 197.07 31.0255C197.07 31.0255 208.081 31.195 215.834 26.5737C215.834 26.5737 221.564 23.0697 223.327 17.2529C223.327 17.2529 211.161 23.4958 197.518 23.4045C197.518 23.4045 183.682 23.8392 177.429 18.718C177.429 18.718 175.491 17.0007 174.954 15.9748C174.954 15.9748 178.302 8.10596 197.518 7.50602C197.518 7.50602 209.764 7.84512 213.896 8.95371C213.896 8.95371 215.051 9.13195 215.4 9.6406C215.4 9.6406 217.065 11.5274 219.084 9.3841L219.093 9.37975Z" fill="white"/></svg>') no-repeat center / contain;}
.staff_view_page .img_box .img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; padding-top: 10rem;}

.staff_view_page .cont{flex: 1; width: calc(100% - 75rem);}
.staff_view_page .cont .info_box{position: relative; padding-bottom:4.8rem; margin-bottom: 4rem; border-bottom: 1px solid var(--lineColor);}
.staff_view_page .cont .info_box .tag{width: max-content; max-width:calc(100% - 18rem); font-size:var(--txt16); color:var(--orange1); font-weight:600; line-height: 1.2; padding:0.625em 1.25em; margin-bottom: 0.8em; background-color: #FFF4EC; border-radius: 0.8rem;}
.staff_view_page .cont .info_box .name{font-size:var(--txt55); font-weight: 700;}
.staff_view_page .cont .info_box .name .position{font-size:0.5em; margin-left: 0.4em;}
.staff_view_page .cont .info_box .msg{font-size:var(--txt18);}
.staff_view_page .cont .info_box .round_btn{margin-top: 3.2rem;}
.staff_view_page .cont .info_box .list_tbl .info_txt{color: #575757; font-size:var(--txt16); margin-top: 1.5rem;}
.staff_view_page .cont .info_box .list_tbl{margin-bottom: 5rem; padding-bottom: 6rem; border-bottom: 1px solid var(--lineColor);}

.staff_view_page .cont .info_box .mark{position: absolute; right: 0; top: 0; width: 20rem}
.staff_view_page .cont .info_box .mark img{width: 100%;}
/* 마크 팝업 추가 */
.staff_view_page .cont .info_box .mark button {position: absolute; top:-5px; right:-5px;  width: 3rem; height: 3rem; background-color: #FFF4EC; color:var(--orange1); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.staff_view_page .cont .info_box .mark button { font-weight: 100; font-size: 2.8rem; line-height: 1; margin-bottom: 1px;}
.staff_view_page .cont .info_box .mark button .ico{width: 60%;}
.staff_view_page .cont .info_box .mark button .ico svg{display: block; width: 100%; height: 100%;}

.over_modal .modal_wrap .modal_cont.mark{overflow: visible}
.over_modal .modal_wrap .modal_cont.mark .modal_close{top: -4.5rem; right: 1rem;}
.over_modal .modal_wrap .modal_cont.mark .cont{border-radius: 2rem; line-height: 1.6}

.staff_view_page .cont .his_cont + .his_cont{margin-top: 6.4rem; padding-top: 6.4rem; border-top: 1px solid var(--lineColor)}
.staff_view_page .cont .his_cont .tit{font-size: var(--txt30); font-weight: 700; margin-bottom: 1.2rem;}
.staff_view_page .cont .his_cont .his_tit{font-size: var(--txt20); font-weight: 700; margin-bottom: 1.2rem;}
.staff_view_page .cont .his_cont .his_list li{position: relative; font-size:var(--txt18); padding: 0.2em  0; padding-left: 0.8em;}
.staff_view_page .cont .his_cont .his_list li:before{content:'·'; position: absolute; top:0; left: 0; font-size:1.2em; font-weight: 700;}
.staff_view_page .cont .his_cont .his_list + .his_list{margin-top: 2rem;}

.staff_view_page .cont .his_cont.play .img{position:relative; padding-top: 56.25%; border-radius:2rem; overflow:hidden;}
.staff_view_page .cont .his_cont.play .img img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.staff_view_page .cont .his_cont.play .txt_box .txt{font-size:var(--txt18); margin-top: 1rem; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

/* 더보기 */
.staff_view_page .cont .his_cont .more_btn_box{display: none; justify-content: center; margin-top: 2.4rem;}
.staff_view_page .cont .his_cont .more_btn{background-color: #F6F6F6; border-radius: 100px; font-size:var(--txt16); display: flex; align-items: center; justify-content: center; width: max-content; padding: 0.8em 1.5em; font-weight: 600;}
.staff_view_page .cont .his_cont .more_btn .txt{margin-right: 3px;}
.staff_view_page .cont .his_cont .more_btn .ico {transition: transform .25s;}
.staff_view_page .cont .his_cont .more_btn .ico svg{display: block; width: 1.4em; height: 1.4em; }

.staff_view_page .cont .his_cont.over .his_box{position:relative; max-height: 56rem; overflow: hidden;}
.staff_view_page .cont .his_cont.over .his_box:before{content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 8rem; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) -44.21%, #FFF 85.58%);}
.staff_view_page .cont .his_cont.over .more_btn_box {display: flex;}
.staff_view_page .cont .his_cont.over .more_btn .ico {transition: transform .25s;}

.staff_view_page .cont .his_cont.open .his_box{height: auto; max-height: unset; overflow: visible;}
.staff_view_page .cont .his_cont.open .his_box:before{display: none;}
.staff_view_page .cont .his_cont.open .more_btn .ico{transform: rotate(180deg);}




/* 센터_지점 소개 */
.branch_page .video_sect .video_box{position:relative; padding-top: 56%; border-radius: 2.4rem; overflow: hidden;}
.branch_page .video_sect .video_box > *{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* .branch_page .branch_sect{padding-top: var(--pd220);}  */
.branch_page .branch_sect .sub_tit_box{text-align: center;}

.branch_page .branch_sect .map_container{padding-top: 5.6rem;}
.branch_page .branch_sect .map_container .line_tab_wrap{margin-top: 0;}

.branch_page .branch_sect .map_wrap{padding-top:var(--pd220); padding-bottom: var(--pd150);}

.branch_page .branch_sect .map_cont .map{position: relative;}
.branch_page .branch_sect .map_cont #map{position:relative; padding-top: 42%; border-radius: 2.4rem; overflow: hidden; background:#eaeaea;}
.branch_page .branch_sect .map_cont .map .map_cont {position: absolute;  width: 100%; height: 100%; top: 0; left: 0;  object-fit: cover;  object-position: center;}
.branch_page .branch_sect .map_cont .map_btn_box {display: flex; margin-top: 3rem; flex-wrap: wrap; gap:15px;}
.branch_page .branch_sect .map_cont .map_btn_box .btn { display: flex; align-items: center;  padding: 0.5em 1.5em; border: 1px solid #101010; font-size: var(--txt18); font-weight: 600; fill: #101010; border-radius: 10rem; white-space: nowrap; transition: all 0.3s ease-in-out;}
/*.branch_page .branch_sect .map_cont .map_btn_box .btn + .btn {margin-left: 15px ;}*/
.branch_page .branch_sect .map_cont .map_btn_box .btn svg {width: 0.5em; height: auto; margin-left: 0.6em; transition: fill 0.3s ease-in-out;}
.branch_page .branch_sect .map_cont .map_btn_box .btn .ico{ margin-right: 0.5em; width:1.4em; height: 1.4em; margin-top: -0.4em; flex-shrink: 0;}
.branch_page .branch_sect .map_cont .map_btn_box .btn .ico img{width: 100%; height: 100%;}


.branch_page .branch_sect .store_cont { display: flex; margin-top: 17rem;}
.branch_page .branch_sect .store_cont .store {margin-right: 8rem;}
.branch_page .branch_sect .store_cont .store .msg{font-size: var(--txt30); font-weight: 700; margin-bottom: 2rem;}
.branch_page .branch_sect .store_cont .store .img {position: relative; padding-top: 56.25%; width: 66rem; border-radius: 3rem; overflow: hidden;}
.branch_page .branch_sect .store_cont .store .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.branch_page .branch_sect .store_cont .store .store_list{margin-top: 3rem;}
/*.branch_page .branch_sect .store_cont .store .store_list .item{position:relative; padding: 0.2em 0; padding-left: 0.5em; font-size:var(--txt20);}*/
.branch_page .branch_sect .store_cont .store .store_list .item{font-size:var(--txt20);}
.branch_page .branch_sect .store_cont .store .store_list .item span{display: block; margin-top: 0.2em;}
/*.branch_page .branch_sect .store_cont .store .store_list .item:before{content:'·'; position: absolute;  left: 0;}*/
.branch_page .branch_sect .store_cont .store .round_btn{margin-top: 3.2rem;}

.branch_page .branch_sect .store_cont .store_slide{width: 66rem; max-width: 100%;}

.branch_page .branch_sect .store_cont .info_wrap{flex: 1;}
.branch_page .branch_sect .store_cont .info_wrap .address .tit {display: flex; align-items: flex-start; font-size: var(--txt30); font-weight: 700;}
.branch_page .branch_sect .store_cont .info_wrap .address .tit svg {height: 1.1em; margin-top:0.1em; margin-right: 1rem; fill: #101010; transform: translateY(0.15em); flex-shrink: 0;}
.branch_page .branch_sect .store_cont .info_wrap .address .txt {margin-top: 1rem; color: #8B8E92; font-weight: 600; font-size: var(--txt16);}
.branch_page .branch_sect .store_cont .info_box {display: flex; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid var(--lineColor);}
.branch_page .branch_sect .store_cont .info_box .info + .info {margin-left: 8rem;}
.branch_page .branch_sect .store_cont .info .tit {display: flex; align-items: center; font-size: var(--txt30); font-weight: 700; white-space: nowrap}
.branch_page .branch_sect .store_cont .info .tit .vacation_txt {color: #8B8E92; font-size: var(--txt16); margin-left: 0.7em; font-weight:400}
.branch_page .branch_sect .store_cont .info .tit svg {width: 0.8em; margin-right: 1rem; fill: #101010;}
.branch_page .branch_sect .store_cont .info .tit svg.clock {width: 1em;}
.branch_page .branch_sect .store_cont .info_box .info .list {padding-left: 1.5em; margin-top: 1em;}
.branch_page .branch_sect .store_cont .info_box .info .list li{display: flex; align-items: center;}
.branch_page .branch_sect .store_cont .info_box .info .list .day {display: inline-block; width: 6.5em; flex-shrink: 0; padding-right: 1em; padding-left: 1rem; text-indent: -1rem;}
.branch_page .branch_sect .store_cont .info_box .info .list li + li {margin-top: 0.25em;}

.branch_page .branch_sect .store_cont .calender_wrap{margin-top: 4rem;}
.branch_page .branch_sect .store_cont .calender_wrap .tit_wrap{display: flex; justify-content: space-between; align-items: center;}
.branch_page .branch_sect .store_cont .calender_wrap .tit_wrap .guide{display: flex;}
.branch_page .branch_sect .store_cont .calender_wrap .tit_wrap .guide .item{font-size:var(--txt18); font-weight: 600; line-height: 1;}
.branch_page .branch_sect .store_cont .calender_wrap .tit_wrap .guide .item + .item{margin-left: 4rem;}
.branch_page .branch_sect .store_cont .calender_wrap .tit_wrap .guide .item .dot{display:inline-block; width: 0.8em; height: 0.8em; border-radius: 50%; margin-right: 5px;}
.branch_page .branch_sect .store_cont .calender_wrap .tit_wrap .guide .item span.type1{ background-color: #FF6D6D; }
.branch_page .branch_sect .store_cont .calender_wrap .tit_wrap .guide .item span.type2{ background-color: #FFBA4A; }


.calender_wrap .cal_wrap { font-size:var(--txt16); background-color: #F6F6F6; border-radius: 2.4rem; margin-top: 2.4rem;}
.calender_wrap .cal_wrap .cal_top { display: flex; align-items: center; justify-content: center; max-width: 100%; padding: 1.8em 3em 1.4em; border-bottom: 1px solid #D0D2D8;}
.calender_wrap .cal_wrap .cal_top .date { font-size: var(--txt20); font-weight: 600; width: 25rem; text-align: center; white-space: nowrap}
.calender_wrap .cal_wrap .cal_top .btn{height: 1.5em;}
.calender_wrap .cal_wrap .cal_top .btn svg{display: block; width: 100%; height: 100%;}
.calender_wrap .cal_wrap .cal_top .btn svg path{ transition: stroke 0.5s; }
.calender_wrap .cal_wrap .cal_top .btn:hover svg path{stroke:var(--orange1);}
.calender_wrap .cal_wrap .cal_top .btn + .btn { margin-left: 3.5rem; }
.calender_wrap .cal_wrap .cal_top .btn:hover{ fill: #000; }
.calender_wrap .cal_wrap .cal_box { text-align: center; padding: 0 1em 2em; }
.calender_wrap .cal_wrap .cal_box .week_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); font-weight: 600; padding:1em 0;}
.calender_wrap .cal_wrap .cal_box .week_wrap .week,
.calender_wrap .cal_wrap .cal_box .day_wrap .day.week{color: #F33636;}
.calender_wrap .cal_wrap .cal_box .day_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap:0.8em 0;}
/*.calender_wrap .cal_wrap .cal_box .day_wrap .day { position: relative; padding-top: 50%;}*/
.calender_wrap .cal_wrap .cal_box .day_wrap .day { position: relative; width: 100%}
.calender_wrap .cal_wrap .cal_box .day_wrap .day:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; border-radius: 1.5rem; opacity: 0; transition: background-color 0.3s, opacity 0.3s; }
/*.calender_wrap .cal_wrap .cal_box .day_wrap .day .date { position: absolute; left: 50%; top: 0; transform: translateX(-50%); font-weight: 500; }*/
.calender_wrap .cal_wrap .cal_box .day_wrap .day .date { position: relative; display: block; font-weight: 500; width: 100%; height: 2em; line-height: 2em; z-index: 1;}
.calender_wrap .cal_wrap .cal_box .day_wrap .day .txt { position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%); font-size: 1.4rem; font-weight: 600; }
.calender_wrap .cal_wrap .cal_box .day_wrap .day .dot_box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.5rem; display: flex;}
.calender_wrap .cal_wrap .cal_box .day_wrap .day .dot{ width: 0.8rem; height: 0.8rem; border-radius: 100%; margin:0 1px;}
/* 휴진 */
.calender_wrap .cal_wrap .cal_box .day_wrap .day.close .date { color: #fff; }
.calender_wrap .cal_wrap .cal_box .day_wrap .day.close .date:after { content: ''; position: absolute; left: 50%; top: 50%; width: 2em; height: 2em; border-radius: 100%; background-color: #FF6D6D; transform: translate(-50%, -50%); z-index: -1; }
/* 단축진료 */
.calender_wrap .cal_wrap .cal_box .day_wrap .day.short .date:after { content: ''; position: absolute; left: 50%; top: 50%; width: 2em; height: 2em; border-radius: 100%; background-color: #FFBA4A; transform: translate(-50%, -50%); z-index: -1; }

/* 문자로 약도받기 팝업 */
/*.modal .modal_wrap .modal_cont.map{width: 60rem;}*/
/*.modal .modal_wrap .modal_cont.map .inp_wrap{margin-top: 5.6rem;}*/
/*.modal .modal_wrap .modal_cont.map .inp_wrap .inp{position: relative;}*/
/*.modal .modal_wrap .modal_cont.map .inp_wrap .inp .ico{position: absolute; top: calc(50% - 1em); left: 1.2em; height: 1em; font-size: var(--txt18);}*/
/*.modal .modal_wrap .modal_cont.map .inp_wrap .inp .ico svg{fill: #BCBFC7; transition: fill 0.25s;}*/
/*.modal_cont.map .inp_wrap .inp input{width: 100%; height: var(--inpH); padding: 0 1.2em; border: 1px solid #BCBFC7;  border-radius: 0.8rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s; font-size: var(--subTxt);}*/
/*.modal_cont.map .inp_wrap .inp input:focus{border-color: #232323;}*/
/*.modal_cont.map .inp_wrap .inp input::placeholder{color: #BCBFC7;}*/


/* 센터_새소식 */
.sub_news .sub_visual .lnb,
.sub_news .in{width: max(128rem, 1240px);}
.board_sect{padding-bottom: var(--pd300);}


/* 게시판 */
.empty_box{width:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; padding-bottom: 80px; margin-top: 80px}
.empty_box img{display:flex; filter:grayscale(1); opacity: 0.4;}
.empty_box span{font-size: var(--txt18);font-weight: 400;color: rgba(0,0,0,0.5);margin-top: 2rem;}
.empty_box svg{display: block; width: max(20rem, 240px); opacity: 0.3;}
.empty_box svg path{fill: #000;}

.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem; font-size: var(--txt18);}
.pagination > a { line-height: 1; }
.pagination > a svg { fill: #1C1C1C; transition: all 0.3s; height: 1em; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 2.5rem; }
.pagination .num_list li { position: relative; width: 2.45em; height: 2.45em; margin: 0 0.25rem; border-radius: 50%; text-align: center; transition: all 0.3s; }
.pagination .num_list li a { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); line-height: 2.45em; transition: all 0.4s; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; font-weight: 700; }
.pagination .num_list li.active a:before { background-color: var(--black); }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none { opacity: 0.4; cursor: default; }

.board_list_top {display: flex; align-items: flex-end; justify-content: space-between; justify-content: flex-end; margin: 6.4rem 0 4rem;}
.board_list_top .sch_box{width: 46rem; max-width: 100%; font-size:var(--txt18);}
.board_list_top .sch_box .sch_inp{display: flex; justify-content: space-between; height: var(--inpH); background-color: var(--bg); border-radius: 10rem; padding: 0 1.4em;}
.board_list_top .sch_box .sch_inp input{width:90%; height: 100%; background-color: var(--bg); }
.board_list_top .sch_box .sch_inp input::placeholder{color:#666}
.board_list_top .sch_box .sch_inp input + button svg{display: block; width: 1.5em; height: 1.5em; transition: fill 0.3s ease;}
.board_list_top .sch_box .sch_inp input + button svg path{transition: stroke 0.3s ease;}
.board_list_top .sch_box .sch_inp input:focus + button path{stroke:var(--alertColor);}
.board_list_top .total_num{font-size:var(--txt18)}
.board_list_top .total_num strong {font-weight: 700; color:var(--orange1);}

.board_list .list li a { display: flex; align-items: center; height: 12rem; padding-right: 4rem; border-top: 1px solid var(--lineColor); transition: background-color 0.3s ease-in-out; }
.board_list .list li:last-child a { border-bottom: 1px solid var(--lineColor); }
.board_list .list .type { font-size: var(--txt18); font-weight: 700; color: var(--orange1); width: 7em; text-align: center;}
.board_list .list .type.num {color:#A3A3A3;}
.board_list .list .tit { font-weight: 600; font-size: var(--txt24); flex: 1; padding-right: 5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board_list .list .tit b{font-weight: 700;}
.board_list .list .txt { font-weight: 600; font-size: var(--txt16); color: #A3A3A3;}
.board_list .list .txt.view{display: none; margin-right: 0; font-weight: 700; color:#767676; text-align: center; min-width: 5em;}
.board_list .state { width: 5.625em; padding:0.7em 0; line-height: 1; text-align: center; border-radius: 100px; font-size: var(--txt16); font-weight: 500; }
.board_list .state.wait { background-color: #9C9C9C; color: #fff; }
.board_list .state.clear { background-color: var(--green); color: #fff; }
.board_list .state.check { background-color: #f05a28; color: #fff; }

.board_list + .btn_box{display: flex; justify-content: flex-end;}
.board_list + .btn_box .btn { display: flex; align-items: center; max-width: max-content; margin-top: 2.4rem; line-height: 1; padding: 1.1em 1.6em 1em; border:1px solid var(--black); background-color: #fff; font-weight: 600; border-radius: 7rem; transition: all 0.3s ease; }
.board_list + .btn_box .btn .ico{margin-left: 1em; width: 1em; height: 1em;}
.board_list + .btn_box .btn .ico svg{display: block; width: 100%;}
.board_list + .btn_box .btn .ico svg path{transition: all 0.3s ease;}
.board_list + .btn_box .btn:hover{background-color: var(--black); color:#fff;}
.board_list + .btn_box .btn:hover .ico svg path{fill: #fff;}


/* 게시판 view */
.board_view_page {padding-bottom: var(--pd300);}
.board_view_page .in{width: max(128rem, 1240px);}

.board_view_page .view_top {  padding-bottom: 3rem; border-bottom: 1px solid var(--black);}
.board_view_page.research .view_top {display: flex; justify-content: space-between; align-items: flex-end;}
.board_view_page .view_top .title { display: flex;  align-items: flex-start;}
.board_view_page .view_top .badge { padding: 0.35em 1em; margin-right: 2rem; font-size: var(--txt16); border-radius: 100px; background-color: var(--orange1); color: #fff; font-weight: 700; }
.board_view_page .view_top .badge_box .badge + .badge {margin-left: 5px;}
.board_view_page .view_top .tit {flex: 1; padding-right: 2rem; font-size: var(--txt30); font-weight: 700; line-height: 1.5; }
.board_view_page .view_top .user_info {  display: flex; align-items: center; color:var(--gray); font-size:var(--txt16); margin-top:3.2rem;}
.board_view_page .view_top .user_info p{position:relative; white-space: nowrap;}
.board_view_page .view_top .user_info p + p:before{content:''; position: absolute; display: inline-block; left: 0; top:50%; transform: translateY(-50%); width: 0.4em; height: 0.4em; border-radius: 50%; background-color: #D9D9D9;}
.board_view_page .view_top .user_info p + p {margin-left: 0.8em; padding-left: 1em;}

.board_view_page.basic .view_cont {  min-height: 20rem; border-bottom: 1px solid var(--lineColor); }
.board_view_page.basic .view_cont .txt_box { min-height: 40rem; padding: 8rem 3rem; margin:0 auto; font-size: var(--txt20);} /*padding: 3rem 3rem 10rem !important;*/
.board_view_page.basic .view_cont .txt_box font{font-size: var(--txt20);     font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.board_view_page.basic .view_cont .txt_box .content_area {padding: 0 !important;}
.board_view_page.basic .view_cont .txt_box .image{ display: block; margin: 0; max-width: 100%; min-width: 100%;}
.board_view_page.basic .view_cont .txt_box img{margin: 20px 0; max-width: 100%; max-width: 800px;}
.board_view_page.basic .view_cont .basic_cont {padding: 8rem;}
.board_view_page.basic .view_cont .board_file {display: flex; padding: 3rem 0; border-top: 1px solid var(--lineColor); font-size: var(--txt18);}
.board_view_page.basic .view_cont .board_file .ico{width: 2rem !important; height: 2rem; margin-right: 1rem; background:url('data:image/svg+xml;utf8,<svg width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><path d="M12.7188 3.28125C11.9062 2.46875 10.5625 2.46875 9.75 3.28125L3.78125 9.28125C2.40625 10.6562 2.40625 12.875 3.78125 14.2188C5.125 15.5938 7.34375 15.5938 8.71875 14.2188L13.4688 9.46875C13.75 9.1875 14.2188 9.1875 14.5 9.46875C14.8125 9.78125 14.8125 10.25 14.5 10.5312L9.78125 15.2812C7.8125 17.25 4.65625 17.25 2.71875 15.2812C0.75 13.3438 0.75 10.1875 2.71875 8.21875L8.71875 2.21875C10.0938 0.84375 12.375 0.84375 13.7812 2.21875C15.1562 3.625 15.1562 5.90625 13.7812 7.28125L8.03125 13.0312C7.03125 14.0312 5.40625 13.9375 4.53125 12.8438C3.78125 11.9062 3.875 10.5625 4.71875 9.71875L9.46875 4.96875C9.75 4.6875 10.2188 4.6875 10.5 4.96875C10.8125 5.28125 10.8125 5.75 10.5 6.03125L5.78125 10.7812C5.46875 11.0938 5.4375 11.5625 5.71875 11.9062C6.03125 12.2812 6.59375 12.3438 6.96875 11.9688L12.7188 6.21875C13.5312 5.40625 13.5312 4.09375 12.7188 3.28125Z" fill="%23696969"/></svg>') no-repeat center/contain;}
.board_view_page.basic .view_cont .board_file .file {display: flex; margin-right:3rem; }
.board_view_page.basic .view_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_view_page.basic .view_cont .info_table{ padding: 3rem; display: flex; flex-wrap: wrap;}
.board_view_page.basic .view_cont .info_table .tr{display: flex; margin-right: 5rem;}
.board_view_page.basic .view_cont .info_table .tr .th{font-weight: 700; margin-right: 1rem;}
.board_view_page.basic .view_cont .img_box{max-width: 800px;}
.board_view_page.basic .view_cont .img_box img{max-width: 100%;}

.board_view_page.basic .view_cont .video_cont{position: relative; padding-top: 56.25%; width: 100%; background-color: #101010;}
.board_view_page.basic .view_cont .video_cont video{width: 100%;height: 100%; object-fit: contain; position: absolute; top: 0;left: 0;}

.board_view_page .view_cont .q_cont{padding: 8rem 0 ;}
.board_view_page .view_cont .a_cont {background-color: #F6F7F9; padding: 3rem 4rem; }
.board_view_page .view_cont .a_cont .wait {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 25rem;}
.board_view_page .view_cont .a_cont .wait svg {width: 4.5rem; height: auto; fill: #D5D9E3;}
.board_view_page .view_cont .a_cont .wait p {font-size: var(--txt20); font-weight: 600; color: var(--txtGray1); margin-top: 2rem; ;}
.board_view_page .view_cont .a_cont .top {display: flex; align-items: center;}
.board_view_page .view_cont .a_cont .top .name {font-size: var(--txt20); font-weight: 700;}
.board_view_page .view_cont .a_cont .top .badge {width: 5.5em; height: 2.5em; line-height: 2.5em; font-size: var(--txt18); color: #fff; font-weight: 500; background-color: var(--blue); border-radius: 50px; text-align: center; margin-right: 1.5rem}
.board_view_page .view_cont .a_cont .top .date {margin-left: 2rem; color: var(--black); font-size: var(--txt18); }
.board_view_page .view_cont .a_cont .txt {margin-top: 3rem; word-break: break-all;}
.board_view_page .view_cont .a_cont .board_file {display: flex; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--lineColor); color: var(--txtGray1); font-size: var(--smTxt1);}
.board_view_page .view_cont .a_cont .board_file .ico{width: 2rem; height: 2rem; margin-right: 1rem;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.7 67.3c-29.1-29.1-76.3-29.1-105.4 0l-192 192c-46.8 46.8-46.8 122.6 0 169.4s122.6 46.8 169.4 0l152-152c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-152 152c-59.3 59.3-155.4 59.3-214.6 0S1.4 296 60.7 236.7l192-192c41.6-41.6 109-41.6 150.6 0s41.6 109 0 150.6L219.5 379.1c-28.2 28.2-74.6 25.6-99.6-5.5c-21.3-26.6-19.2-65 4.9-89.1L276.7 132.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L147.5 307.1c-12.6 12.6-13.7 32.6-2.6 46.5c13 16.2 37.2 17.6 51.9 2.9L380.7 172.7c29.1-29.1 29.1-76.3 0-105.4z"/></svg>') no-repeat center / contain;}
.board_view_page .view_cont .a_cont .board_file .file {display: flex;}
.board_view_page .view_cont .a_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_view_page .view_cont .a_cont .board_file .img_answer { max-width: 40%; cursor: pointer; }
.board_view_page .view_cont .a_cont .date {margin-top: 4rem; font-size: var(--tinyTxt)}
.board_view_page .view_cont .edit_btn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 2rem; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn { display: flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.5em 1em; border-radius: 2em; border: 1px solid var(--txtGray1); font-size: calc(var(--smTxt1) - 1px); color: var(--txtGray1); fill: var(--txtGray1); transition: all 0.3s; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn + .edit_btn { margin-left: 0.6em; }
.board_view_page .view_cont .edit_btn_wrap .edit_btn .ico { display: flex; align-items: center; justify-content: center; }

.board_view_page .reaction_cont {margin-top: 8rem;}
.board_view_page .reaction_cont .cont_box{ text-align: center; transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;}
.board_view_page .reaction_cont .cont_box .tit{font-size: var(--txt24); font-weight: 700;}
.board_view_page .reaction_cont .cont_box .list{max-width: 80rem; margin: 0 auto; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:8rem; margin-top: 2.4rem;}
.board_view_page .reaction_cont .cont_box .list .item{transition: transform 0.2s ease-in-out;}
.board_view_page .reaction_cont .cont_box .list .item > .btn_box{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.board_view_page .reaction_cont .cont_box .list .item .img_box{position: relative; width: 8.8rem; height:8.8rem; transition: transform 0.3s ease-in-out;}
.board_view_page .reaction_cont .cont_box .list .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.board_view_page .reaction_cont .cont_box .list .item .txt_box {margin-top: 1.7rem;}
.board_view_page .reaction_cont .cont_box .list .item .txt_box .txt{color:#A7A7A7; font-size: var(--txt18); font-weight: 600; transition: color 0.3s ease-in-out;}
.board_view_page .reaction_cont .cont_box .list .item .txt_box .num{ font-size: var(--txt20); font-weight: 700; margin-top: 0.5em; transition: color 0.3s ease-in-out;}

.board_view_page .answer_wrap + .board_li_wrap { border-top: 0; }
.board_view_page .board_li_wrap{margin-top: 9.6rem; }
.board_view_page .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap{}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center; height:5.4rem; padding: 0 2.2em; font-size:var(--txt18); border-radius: 2em; font-weight: 600; transition: background 0.25s, fill 0.25s, color 0.25s; color:#000; border:1px solid #000;}
.board_view_page .board_li_wrap .box_wrap .btn_wrap a svg{margin-left: 2em; display: none;}

.board_view_page .board_li_wrap .box{display: flex; align-items: center; justify-content: flex-start; font-size:var(--txt18); width: 20rem;}
.board_view_page .board_li_wrap .box + .box{margin-left: 20px;}
.board_view_page .board_li_wrap .box .ico{}
.board_view_page .board_li_wrap .box .ico svg path { fill:var(--black); transition: all 0.25s;}
.board_view_page .board_li_wrap .box.next{margin-right: auto;}
.board_view_page .board_li_wrap .box.prev{flex-direction: row-reverse; margin-left: auto;}
.board_view_page .board_li_wrap .box.next .ico{margin-right: 1rem;}
.board_view_page .board_li_wrap .box.prev .ico{margin-left: 1rem;}
.board_view_page .board_li_wrap .box .ico svg{display: block;}
.board_view_page .board_li_wrap .box .tit{color: var(--black); font-size:var(--txt2); font-weight: 600; transition: all 0.25s;}
.board_view_page .board_li_wrap .box.none{opacity: 0.4; cursor: default;}


/* Why_학술연구 */
.media_list .list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6.4rem 3.2rem;}
.media_list .list li a { display: block; }
.media_list .list li a .img_box {position: relative; padding-top: 72%; border-radius:2.4rem; overflow: hidden; position: relative; margin-bottom: 2rem; background: #F5F6F7 url(../img/common/logo.svg) no-repeat 50% 50%; background-size: 60% auto;}
/* .media_list .list li a .img_box::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); z-index: 2;} */
.media_list .list li a .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;  transition: all 0.3s ease; }

.media_list .list li a .txt_box .tit { font-size:var(--txt18); font-weight:400; line-height: 1.5;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.media_list .list li a .txt_box .date {font-size: var(--txt14); color:#A3A3A3; font-weight: 600; line-height: 1.5; margin-top: 1.2rem;}
/* .sub_research-view .board_view_page .view_top{display: flex;} */

.board_view_page.research .view_top .user_info{margin-top: 0;}



/* Why_특별한 지방줄기세포 */
.special-stem-cell{background-color: #000;}
.special-stem-cell .header.top { color: #fff;background-color: rgba(255, 255, 255, 0);}
.special-stem-cell .header.top .util_wrap .util_btn.join{border-color: #fff;}
.special-stem-cell .header.top .util_wrap .util_btn.login{background-color: #fff; color:#000}
.special-stem-cell .sub_visual .tit_wrap{color:#fff;}
.special-stem-cell .sub_visual .lnb .home {fill: #fff;}
.special-stem-cell .sub_visual .lnb .dot{background-color: #fff;}
.special-stem-cell .sub_visual .lnb .sel_wrap .nice-select{background-color: transparent;}
.special-stem-cell .sub_visual .lnb .sel_wrap.current .current{color: #fff;}
.special-stem-cell .sub_visual .lnb .sel_wrap .current{color: rgba(255,255,255,0.3);}
.special-stem-cell .sub_visual .lnb .sel_wrap .nice-select .list{color:var(--black);}
.special-stem-cell .sub_visual .lnb .sel_wrap:last-child .nice-select:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="white"/></svg>') center/contain no-repeat; }

.fill_txt .txt{display: inline; background: linear-gradient(to right, rgb(255,255,255) 50%, rgba(255,255,255,0.2) 50%); background-size: 200% 100%; background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text; will-change:background-position; transition: 1s none}
.fill_txt.bk .txt{background: linear-gradient(to right, rgb(0,0,0) 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; will-change:background-position; transition: 1s none}

.special_page { color: #fff;}
.special_page .world_sect {position:relative; background: #000000; overflow: hidden;}
.special_page .world_sect .cont{position:relative; display: flex; align-items: center;}
.special_page .world_sect .cont .earth{position: relative; width: 55%; z-index: 1;}
.special_page .world_sect .cont .earth > *{position: relative; width: 100%; margin-left: -17%; height: auto; object-fit: cover;z-index: 2;}
.special_page .world_sect .cont .txt_wrap {position: relative; z-index: 3; margin-left: -6%; padding-bottom: 10rem;} /*padding-bottom: 25rem;*/
.special_page .world_sect .cont .txt_wrap .tit.fill_txt{font-size: 9.6rem; font-weight: 700; line-height: 1.5;}
.special_page .world_sect .cont .txt_wrap .txt_box{font-size: var(--txt40); margin-top: 7.6rem; font-weight: 700;}
.special_page .world_sect .cont .txt_wrap .txt_box .txt{opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.special_page .world_sect .cont .txt_wrap .txt_box.active .txt{opacity: 1; transform: unset;}
.special_page .world_sect .cont .txt_wrap .txt_box .txt + .txt{margin-top: 4rem; transition-delay: 0.3s;}
.special_page .world_sect .cont .txt_wrap .txt strong{background: linear-gradient(to right, #ED6D01 50%, rgb(255,255,255) 50%); background-size: 200% 100%; background-position: 100% 0; color: transparent;background-clip: text;-webkit-background-clip: text;display: inline; transition: background-position 0.8s linear 0.5s;}
.special_page .world_sect .cont .txt_wrap .txt_box.active .txt strong{ background-position: 0 0;}
.special_page .world_sect .bg{position: absolute; z-index: 2; bottom: -10%; left: 0; width: 95%; height: 60rem;}
.special_page .world_sect .bg img{width: 100%; height: 100%; object-fit: contain;}
.special_page .world_sect .marquee_cont{position: relative; padding-top:var(--pd200); margin-top: -15rem; z-index: 2;}


.special_page .hero_sect{position:relative; padding-top: var(--pd320); overflow: hidden}
.special_page .hero_sect .in{position: relative; z-index: 2;}
.special_page .hero_sect .sub_tit_box{text-align: center;}
.special_page .hero_sect:before,
.special_page .hero_sect:after {content:''; display: block; position: absolute; top: -25rem; width: 50%; height: 50rem; opacity: 0.8; border-radius: 175rem; animation: floatLight 2s ease-in-out infinite alternate;}
.special_page .hero_sect:before{left: 40%; background: radial-gradient(50% 50% at 50% 50%, rgba(105, 79, 166, 0.41) 0%, rgba(105, 79, 166, 0.00) 100%);}
.special_page .hero_sect:after{left: 15%;  background: radial-gradient(50% 50% at 50% 50%, rgba(239, 90, 0, 0.41) 0%, rgba(239, 90, 0, 0.00) 100%); animation-delay: 1s;}

.special_page .particle_wrap{position: relative;}
.special_page .particle_wrap .bg{position: absolute; top: -10%; left: 0; width: 100%; height: 100%; z-index: 1; overflow:visible;}
/* setupGUI 컨트롤러 */
.special_page .particle_wrap .bg{pointer-events: none;}

@keyframes floatLight {
    0%   {transform:translate(0,0) scale(1); opacity:0.8;}
    20%  {transform:translate(100px,-60px) scale(1); opacity:1;}
    40%  {transform:translate(-70px,50px) scale(1); opacity:0.6;}
    60%  {transform:translate(50px,40px) scale(1); opacity:0.4;}
    80%  {transform:translate(-40px,-40px) scale(1); opacity:0.8;}
    100% {transform:translate(0,0) scale(1); opacity:0.8;}
}

.special_page .hero_sect:before, .special_page .hero_sect:after {content:''; display:block; position:absolute; top:-25rem; width:50%; min-width:500px; height:50rem; border-radius:175rem; animation:floatLight 12s ease-in-out infinite;}
.special_page .hero_sect:before {left:40%; background:radial-gradient(50% 50% at 50% 50%, rgba(105,79,166,0.41) 0%, rgba(105,79,166,0.00) 100%);}
.special_page .hero_sect:after {left:15%; background:radial-gradient(50% 50% at 50% 50%, rgba(239,90,0,0.41) 0%, rgba(239,90,0,0.00) 100%); animation-delay:6s;}

.special_page .hero_sect .character{width: 90rem; max-width:80%; margin: 0 auto; transform: translateY(50%); opacity: 0; transition: transform 1s ease, opacity 0.5s ease;}
.special_page .hero_sect .character .img{width: 100%;}
.special_page .hero_sect .cont.active .character{transform:unset; opacity: 1;}

.special_page .hero_sect{z-index: 2;}

.special_page .cell_sect{position:relative; z-index: 1;}
.special_page .cell_sect .cont{display: flex; align-items: center; margin-top: 6.4rem;}
.special_page .cell_sect .cont > * {opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.special_page .cell_sect .cont.active > *{opacity: 1; transform: unset;}
.special_page .cell_sect .cont .cell_img{width: 70rem; margin-right: 9rem;}

.special_page .cell_sect .cont .txt_wrap{flex: 1;}
.special_page .cell_sect .cont .txt_wrap .txt_box .tit{font-size:var(--txt40); font-weight: 700; line-height: 1.5;}
.special_page .cell_sect .cont .txt_wrap .txt_box .txt{font-size:var(--txt18); line-height: 1.5; margin-top: 1.6rem;}
.special_page .cell_sect .cont .txt_wrap .list_box{margin-top: 4.8rem;}
.special_page .cell_sect .cont .txt_wrap .list_box .badge{background-color: var(--orange1); border-radius: 0.8rem; padding: 0.6em 0.8em; line-height: 1; font-size:var(--txt20); font-weight: 700; max-width: max-content;}
.special_page .cell_sect .cont .txt_wrap .list_box .list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3rem; margin-top: 1.6rem;}
.special_page .cell_sect .cont .txt_wrap .list_box .list .item{background-color: #fff; border-radius: 2rem; color: var(--black); text-align: center; padding: 2.4rem 1rem 4rem; max-height: 300px;}
.special_page .cell_sect .cont .txt_wrap .list_box .list .item .ico svg{width: 3.6rem;}
.special_page .cell_sect .cont .txt_wrap .list_box .list .tit{font-size:var(--txt24); font-weight: 700; margin-top: 1.2rem;}
.special_page .cell_sect .cont .txt_wrap .list_box .list .item .dot_list{text-align: left; margin-top: 1.6rem; margin-left: 1.5rem;}
.special_page .cell_sect .cont .txt_wrap .list_box .list .item .dot_list li{font-size:var(--txt18)}


.special_page .special_sect{padding-top: var(--pd200);}
.special_page .special_sect .cont { width: 100%; margin: var(--mt100) auto 0; }
.special_page .special_sect .item { margin-top: 10rem; } /* perspective: 1000px;*/
.special_page .special_sect .item.last { margin-bottom: 20%; }


.special_page .special_sect .item .box { border-radius: 3rem; transform-origin: top; background-color: #2E2E31; filter: brightness(1); padding:4rem 4rem 5.6rem 4rem}
.special_page .special_sect .item .box > .txt_box { position: relative; padding-left: 11rem;}
.special_page .special_sect .item .box > .txt_box .num { position: absolute; left: 0; background: linear-gradient(180deg, #D55700 0%, #922400 100%); padding: 0.6em 0.5em; width: 9.6rem; white-space: nowrap; text-align: center; font-weight: 700; color: #fff; border-radius: 100px; font-size:var(--txt20); }
.special_page .special_sect .item .box > .txt_box .tit { font-size: var(--txt40); font-weight: 700; }
.special_page .special_sect .item .box > .txt_box .txt { font-size: var(--txt18); margin-top: 1em; }

.special_page .special_sect .item .box .cont_box { position: relative; width: 100%; padding:0 11rem; margin-top: 6rem; flex-shrink: 0; overflow: hidden; transform-origin: top; }
/* .special_sect .item .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } */

.mark_cir{position:relative; width: max(12rem, 110px); height:max(12rem, 110px); background: rgba(237, 109, 1, 0.80); backdrop-filter: blur(10px); border-radius: 100rem; color:#fff;}
.mark_cir.type2{background-color: #411D87;}
.mark_cir .txt_box{position: absolute; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; width: 100%; height: 100%; left: 0; top: 0;}
.mark_cir .txt_box strong{display: block;}
.mark_cir .txt_box .txt{font-size:var(--txt14); line-height: 1.3;}
.mark_cir .txt_box .txt span{color:#FFE855;}
.mark_cir .txt_box .txt strong{font-size:var(--txt22);}
.mark_cir .txt_box .desc {display: flex; align-items: center; font-size:12px; line-height: 1; margin-top: 5px;}
.mark_cir .txt_box .desc .logo{width: 15px; height: 15px; margin-right: 5px;}

.special_page .special_sect .item .box01 .cont_box .swiper-container{overflow: visible}
.special_page .special_sect .item .box01 .cont_box .swiper-wrapper{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:5.6rem; }
.special_page .special_sect .item .box01 .cont_box .graph_box{position:relative; margin-top: 4.2rem; padding-left: 2.6rem; opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;} /*padding-left: 2.6rem;*/
.special_page .special_sect .item .box01.active .cont_box .graph_box{opacity: 1; transform: unset;}
.special_page .special_sect .item .box01 .cont_box .graph_box:nth-child(2){transition-delay: 0.3s;}
.special_page .special_sect .item .box01 .cont_box .graph_box:nth-child(3){transition-delay: 0.6s;}
.special_page .special_sect .item .box01 .cont_box .graph_box .graph_mark{position: absolute; right: -2.6rem; top:-4.2rem;}
.special_page .special_sect .item .box01 .cont_box .graph_box .graph_img{border-radius: 2rem; overflow: hidden;}
.special_page .special_sect .item .box01 .cont_box .graph_box .graph_txt{font-weight: 700; font-size:var(--txt24); text-align: center; line-height: 1.5; margin-top: 2rem;}
.special_page .special_sect .item .box01 .cont_box .graph_box .graph_txt strong{color:var(--orange2);}

.special_page .special_sect .item .box02 .cont_box{opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.special_page .special_sect .item .box02.active .cont_box{opacity: 1; transform: unset;}

.compare_wrap .compare_box{display: flex; gap: 3rem;}
.compare_wrap .compare_box .compare_item{flex: 1; border-radius: 1.2rem; overflow: hidden; text-align: center;}
.compare_wrap .compare_box .compare_item .img_box{position: relative; width: 100%; padding-top: 51%;}
.compare_wrap .compare_box .img_box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: top;}
.compare_wrap .compare_box .compare_item .txt{font-size:var(--txt24); font-size:2rem; font-weight: 700; color:#fff; padding: 0.4em;}
.compare_wrap .compare_box .compare_item:first-child .txt{background-color: #868686;}
.compare_wrap .compare_box .compare_item:last-child .txt{background-color: #ED6C00;}
.compare_box + .info_txt_box{display: flex; justify-content: space-between; align-items: center; font-size: var(--txt16); margin-top: 2rem; color:var(--gray)}

.special_page .special_sect .item .box03 .cont_box{margin-top: 0;}
.special_page .special_sect .item .box03 .compare_wrap .compare_box .compare_item{position: relative; padding-top: 15rem; text-align: center;}
.special_page .special_sect .item .box03 .img_box img{border-radius: 1.2rem 1.2rem 0 0;}
.special_page .special_sect .item .box03 .img_box .mark_img{position: absolute; width: 100%; height: 20rem; top:-15rem; opacity: 0; transform: translateY(50px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.special_page .special_sect .item .box03 .img_box .mark_img img{width: 100%; height: 100%; object-fit: contain;}
.special_page .special_sect .item .box03.active .img_box .mark_img{opacity: 1; transform: unset;}

.special_page .special_sect .item .box04 .cont_box{padding-left: 7.6rem;}
.special_page .special_sect .item .box04 .img_wrap{display: flex; gap:3.5rem}
.special_page .special_sect .item .box04 .info_txt{font-size:var(--txt16); padding-left: 11%; margin-top: 1.6rem;}




.special_page .program_sect{background-color: #fff; color: var(--black); padding: var(--pd220) 0 var(--pd220);}
.special_page .program_sect .sub_tit_box{text-align: center;}
.special_page .program_sect .cont {  margin: var(--mt150) auto 0; display: grid; grid-template-columns: max-content 50% 28rem; justify-content: center; gap: 4.8rem;} /*width:82%; */
.special_page .program_sect .cont > *:not(.line_wrap) {display: grid; grid-template-rows: repeat(5, minmax(0, 1fr)); align-items: center; gap:2.4rem}
.special_page .program_sect .cont .txt_wrap .txt_box{display: flex; align-items: center; font-size: var(--txt30); font-weight: 700; height: 15rem;}

.special_page .program_sect .cont .img_wrap .img_box{position:relative; width: 28rem; height: 15rem; border-radius: 2.4rem; overflow: hidden; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; color: #fff; transition: background-size 0.3s ease-in-out;}
.special_page .program_sect .cont .img_wrap .img_box:nth-child(1){background-image: url(../img/sub/special_stem_cell_program01.jpg);}
.special_page .program_sect .cont .img_wrap .img_box:nth-child(2){background-image: url(../img/sub/special_stem_cell_program02.png);}
.special_page .program_sect .cont .img_wrap .img_box:nth-child(3){background-image: url(../img/sub/special_stem_cell_program03.png);}
.special_page .program_sect .cont .img_wrap .img_box:nth-child(4){background-image: url(../img/sub/special_stem_cell_program04.png);}
.special_page .program_sect .cont .img_wrap .img_box:nth-child(5) {background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/sub/special_stem_cell_program05.png);  background-size: 100% 100%;}

.special_page .program_sect .cont .img_wrap .img_box .txt{position: absolute; display: flex; text-align: left; font-size: var(--txt24); font-weight: 700; width: 100%; height: 100%; top: 0; left: 0; padding:2rem;}

.special_page .program_sect .cont .img_wrap .img_box{position: relative}
.special_page .program_sect .cont .img_wrap .img_box:after{content: ''; position: absolute;  right:1.5rem; bottom:1.5rem; display: block; width: 4rem; height: 4rem; background:url('data:image/svg+xml,<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="51" height="51" rx="25.5" fill="white" fill-opacity="0.2"/><path d="M25.5 16C26.2495 16 26.8574 16.6079 26.8574 17.3574V24.1426H33.6426C34.3921 24.1426 35 24.7505 35 25.5C35 26.2495 34.3921 26.8574 33.6426 26.8574H26.8574V33.6426C26.8574 34.3921 26.2495 35 25.5 35C24.7505 35 24.1426 34.3921 24.1426 33.6426V26.8574H17.3574C16.6079 26.8574 16 26.2495 16 25.5C16 24.7505 16.6079 24.1426 17.3574 24.1426H24.1426V17.3574C24.1426 16.6079 24.7505 16 25.5 16Z" fill="white"/></svg>') no-repeat center / contain}



.special_page .program_sect .cont .line_wrap { align-self: stretch; }
.special_page .program_sect .cont .line_wrap .lines { width: 100%; height: 100%; display: block; pointer-events: none; }
.special_page .program_sect .cont .line_wrap .lines .l { stroke: #101010; stroke-width: 0.5; stroke-dasharray: 0.8 1; marker-start: url(#dot); marker-end: url(#arrow); }

.special_page .program_sect .cont.active .line_wrap .lines .l { animation: lineDraw 0.9s ease forwards;}
.special_page .program_sect .cont.active .line_wrap .lines .l:nth-child(1) { animation-delay: 0s; }
.special_page .program_sect .cont.active .line_wrap .lines .l:nth-child(2) { animation-delay: 0.2s; }
.special_page .program_sect .cont.active .line_wrap .lines .l:nth-child(3) { animation-delay: 0.4s; }
.special_page .program_sect .cont.active .line_wrap .lines .l:nth-child(4) { animation-delay: 0.6s; }
.special_page .program_sect .cont.active .line_wrap .lines .l:nth-child(5) { animation-delay: 0.8s; }

@keyframes lineDraw {
    to { stroke-dashoffset: 0; }
}

.faq_sect{background-color: #fff; color: var(--black); padding: var(--pd220) 0 var(--pd320);}
.faq_sect .sub_tit_box{text-align: center;}
.faq_sect .qna_list {margin-top: var(--mt150);}
.qna_list .row{background-color: var(--bg); --qnaPd:max(2.8rem, 30px); font-size: var(--txt18); border-radius: 6rem; opacity: 0; transform: translateY(10rem);}
.qna_list .row.active{border-radius: 2.4rem; background-color: var(--orange1); color:#fff; }
.qna_list .row + .row{margin-top:2.4rem; }
.qna_list.active .row{opacity:1; transform: translateY(0);}
.qna_list.active .row:nth-child(1){transition:opacity 0.8s ease 0s, transform 0.8s ease 0s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(2){transition:opacity 0.8s ease 0.35s, transform 0.8s ease 0.35s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(3){transition:opacity 0.8s ease 0.5s, transform 0.8s ease 0.5s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(4){transition:opacity 0.8s ease 0.8s, transform 0.8s ease 0.8s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list.active .row:nth-child(5){transition:opacity 0.8s ease 1.1s, transform 0.8s ease 1.1s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
.qna_list .row .que {display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 2.2em 2.7em;}
.qna_list .row .que .tit {position: relative; font-size: var(--txt24); font-weight: 700; padding-right: 1em; padding-left:var(--qnaPd)}
.qna_list .row .que .tit:before{content:'Q.'; position: absolute; left: 0; top: 0; color:var(--orange1); transition: color 0.3s;}
.qna_list .row .que .btn { display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; }
.qna_list .row .que .btn .ico { width: 1em; height: 1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23aaaaaa"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.qna_list .row.active .que{padding-bottom: 1.2em;}
.qna_list .row.active .que .tit:before { color:#fff; }
.qna_list .row.active .que .btn .ico { transform: rotate(-180deg); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23fff"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.qna_list .row .answer { display: none; overflow: hidden; opacity: 0; padding:0 calc(2.7em + var(--qnaPd)) 2.5em; font-weight: 500; color:#F8CBB7; transition: color 0.3s;}
.qna_list .row.active .answer { opacity:1; }
.qna_list .row .answer .txt_box { font-weight: 500;}



/* Why_스페셜 프로그램 */
.special-program{background-color: #000;}
.special-program .header.top { color: #fff;background-color: rgba(255, 255, 255, 0);}
.special-program .header.top .util_wrap .util_btn.join{border-color: #fff;}
.special-program .header.top .util_wrap .util_btn.login{background-color: #fff; color:#000}
/*.special-program .sub_visual{background-color: var(--black);}*/
.special-program .sub_visual .tit_wrap{color:#fff;}
.special-program .sub_visual .lnb .home {fill: #fff;}
.special-program .sub_visual .lnb .dot{background-color: #fff;}
.special-program .sub_visual .lnb .sel_wrap .nice-select{background-color: transparent;}
.special-program .sub_visual .lnb .sel_wrap.current .current{color: #fff;}
.special-program .sub_visual .lnb .sel_wrap .current{color: rgba(255,255,255,0.3);}
.special-program .sub_visual .lnb .sel_wrap .nice-select .list{color:var(--black);}
.special-program .sub_visual .lnb .sel_wrap:last-child .nice-select:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5.70711 5.29289C5.31658 5.68342 4.68342 5.68342 4.29289 5.29289L0.707107 1.70711C0.0771422 1.07714 0.523308 -4.39064e-07 1.41421 -3.61179e-07L8.58579 2.6578e-07C9.47669 3.43665e-07 9.92286 1.07714 9.29289 1.70711L5.70711 5.29289Z" fill="white"/></svg>') center/contain no-repeat; }

.spec_program_page .num_sect{padding-top: var(--pd200); background-color: #010105; color:#fff;}
.spec_program_page .num_sect .in2{width: calc(80% + calc(var(--inPd)*2));}
.spec_program_page .num_sect .sub_tit_box .subtit{color: var(--orange2);}
.spec_program_page .num_sect .sub_tit_box .tit.fill_txt .txt{font-size: 9.6rem; font-weight: 700; line-height: 1.5;}

.spec_program_page .num_sect .cont{display: flex; flex-direction: column; align-items: flex-end; margin-top: var(--mt150); margin-right: 12rem;}
.spec_program_page .num_sect .cont .item{opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.spec_program_page .num_sect .cont .item.active{opacity: 1; transform: unset;}
.spec_program_page .num_sect .cont .item .num{text-align: right; font-size: var(--txt30); font-weight: 500; line-height: 1; padding-right: 10rem;}
.spec_program_page .num_sect .cont .item .num span{font-size: 12rem; font-weight: 700;}
.spec_program_page .num_sect .cont .item .num .plus{font-size:  6.4rem; font-weight: 500; vertical-align: top;}
.spec_program_page .num_sect .cont .item .txt_box .tit{font-size:var(--txt30); font-weight:700; }
.spec_program_page .num_sect .cont .item:not(:first-child) .num,
.spec_program_page .num_sect .cont .item:not(:first-child) .txt_box{padding-top: 15rem;}
.spec_program_page .num_sect .cont .item .txt_box .txt{font-size:var(--txt18); font-weight: 600; margin-top: 2.4rem;}
.spec_program_page .num_sect .cont .item .txt_box .info_txt{font-size:var(--txt14); font-weight: 700; color: rgba(255, 255, 255, 0.50);}

.spec_program_page .num_sect .marquee_cont{padding-top: 30rem;}

.spec_program_page .program_sect{color: #fff; padding-top:var(--pd220);}
.spec_program_page .program_sect .sub_tit_box{text-align: center;}

.spec_program_page .program_sect .cont{margin-top: var(--mt100);}
.spec_program_page .program_sect .img_box{border-radius: 4rem; overflow:hidden;}
.spec_program_page .program_sect .img_box img{width: 100%; object-fit: cover; opacity: 0; transform: scale(1.1); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.spec_program_page .program_sect .img_box.active img{opacity:1; transform:unset}
.spec_program_page .program_sect .txt_wrap {display: flex; margin-top: 5rem;}
.spec_program_page .program_sect .txt_wrap > *{opacity: 0; transform: translateY(5rem); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.spec_program_page .program_sect .txt_wrap.active > *{opacity: 1; transform:unset;}
.spec_program_page .program_sect .txt_wrap .tit{font-size:var(--txt40); font-weight: 700; margin-right: 12rem;}
.spec_program_page .program_sect .txt_wrap .txt_box{transition-delay: 0.4s}
.spec_program_page .program_sect .txt_wrap .txt_box .txt.lg{font-size: var(--txt24); font-weight: 700; margin-bottom: 2.4rem;}
.spec_program_page .program_sect .txt_wrap .txt_box .txt{font-size:var(--txt18);}

.spec_program_page .therapy_sect{padding-top:var(--pd300); color: #fff; text-align: center;}
.spec_program_page .therapy_sect .cir_list_box{display: flex; justify-content: center; margin:var(--mt100) auto 0; width: 120rem; max-width: 100%;}
.spec_program_page .therapy_sect .cir_list_box .item{position: relative; text-align: center; width: calc(100% / 3); padding-top: calc(100% / 3); background-color: #2E2E31; border-radius: 50%;
    opacity: 0; transform: translateX(calc(-100% / 3)); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.spec_program_page .therapy_sect .cir_list_box.active .item{opacity: 1; transform:unset;}
.spec_program_page .therapy_sect .cir_list_box .item:nth-child(2){transition-delay: 0.4s;}
.spec_program_page .therapy_sect .cir_list_box .item:nth-child(3){transition-delay: 0.8s;}
.spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box{position: absolute; display: flex; flex-direction: column; justify-content:center; align-items: center; width: 100%; height: 100%; top: 0; left: 0;}
.spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .num{ font-size:var(--txt16); font-weight: 600; background: linear-gradient(180deg, #D55700 0%, #922400 100%); padding: 0.4em 1em; border-radius: 10rem; width: max-content;}
.spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .tit{font-size:var(--txt35); font-weight: 700; margin-top: 1.5rem;}
.spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .txt{font-size:var(--txt18); margin-top: 2.4rem; padding: 0 8%;}



.spec_program_page .step_sect{color: #fff; padding:var(--pd300) 0;}
.spec_program_page .step_sect .sub_tit_box{text-align: center;}
.spec_program_page .step_sect .cont{display: flex; align-items: flex-start; margin-top: var(--mt100);}
.spec_program_page .step_sect .cont .img_box{position: sticky; top:calc(var(--hdH) + 5rem); flex-shrink: 0; width: 71rem; max-width:100%; border-radius: 4rem; overflow:hidden; margin-right: 20rem;}
/* .spec_program_page .step_sect .cont .img_box img{position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover;} */


/* new */
.spec_program_page .step_sect .cont .step_list{position: relative; flex: 1}
.spec_program_page .step_sect .cont .step_list .line{position:absolute; top:0; left: -7rem; width: 3px; height: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 5.83%, #ED6C00 99.25%);}
.spec_program_page .step_sect .cont .step_list .line .dot { position: absolute; left: 50%; bottom: 0; width: 9px; height: 9px; background-color: #ED6D01; border-radius: 100%; transform: translate(-50%, 50%); }
.spec_program_page .step_sect .cont .step_list .line .dot:before { content: ''; position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; background-color: #ED6C00; opacity: 0.2; border-radius: 100%; transform: translate(-50%, -50%); }

.spec_program_page .step_sect .cont .step_list .item{ background-color: #2E2E31; border-radius: 600px; padding: 5rem 1rem; text-align: center; opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.spec_program_page .step_sect .cont .step_list .item + .item{margin-top: 4rem;}
.spec_program_page .step_sect .cont .step_list .item .txt_box{display: flex; align-items: center; justify-content: center;}
.spec_program_page .step_sect .cont .step_list .item .txt_box .txt{font-size:var(--txt30); font-weight: 700;}
.spec_program_page .step_sect .cont .step_list .item.last{background-color: var(--orange1);}
.spec_program_page .step_sect .cont .step_list .item.last .ico svg{width: 7rem; height: 7rem;}

/*.spec_program_page .step_sect .cont .txt_box > .item{display: flex; padding:3.2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.30);}*/
/*.spec_program_page .step_sect .cont .txt_box .item .tit{font-size:var(--txt20); min-width: 7em; margin-right:2em; font-weight:700}*/
/*.spec_program_page .step_sect .cont .txt_box .item .desc{font-size:var(--txt18);}*/
/*.spec_program_page .step_sect .cont .txt_box .item .feature_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3.4rem; margin-top: 3.2rem;}*/
/*.spec_program_page .step_sect .cont .txt_box .item .feature_list .feature{background-color: #fff; border-radius:2rem;text-align: center; padding:3rem 2.5rem;}*/
/*.spec_program_page .step_sect .cont .txt_box .item .feature_list .feature .ico img{width: 6rem; height: 6rem;}*/
/*.spec_program_page .step_sect .cont .txt_box .item .feature_list .feature .txt{color: #101010; font-weight: 700; margin-top: 1rem;}*/

/*.spec_program_page .step_sect .cont .txt_box .item .notice {display: flex; align-items: flex-start; font-size:var(--txt18);}*/
/*.spec_program_page .step_sect .cont .txt_box .item .notice + .notice{margin-top: 4rem}*/
/*.spec_program_page .step_sect .cont .txt_box .item .notice .label{font-weight: 600; background-color: var(--orange1); margin-right: 1.6rem; border-radius: 5px; padding: 0.3em 0.6em; white-space: nowrap;}*/
/*.spec_program_page .step_sect .cont .txt_box .item .notice li + li{margin-top: 0.4em;}*/

.spec_program_page .check_sect{padding:var(--pd300) 0 calc(var(--pd200) - 1.6rem); background:#fff;}
.spec_program_page .check_sect .list{margin-top: var(--mt100); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:2.4rem;}
.spec_program_page .check_sect .list .item{display: flex; flex-direction: column; justify-content: space-between; background-color: var(--bg); border-radius: 3.2rem; padding: 5.6rem;} /*height: 29rem;*/
.spec_program_page .check_sect .list .item .num{font-size:var(--txt20); color: var(--orange1); font-weight: 700; margin-right: 3.2rem;}
.spec_program_page .check_sect .list .item .txt{font-size:var(--txt24); font-weight: 700; margin-top: 1.5rem; margin-top: 6rem;}

.spec_program_page .play_sect {padding:0 0 var(--pd300); text-align: center; background:#fff;}
.spec_program_page .play_sect .list{margin-top: var(--mt100); display: flex; gap: 8rem; justify-content: center;}
.spec_program_page .play_sect .list .item{flex:1; max-width:calc(25% - 8rem);}
.spec_program_page .play_sect .list .item a{position:relative; display: block; width: 100%; padding-top:180%; overflow: hidden;}
.spec_program_page .play_sect .list .item a > img {position: absolute; width: 100%; height: 100%; top:0; left: 0; object-fit: cover; transition:transform 0.3s ease-in-out;}
.spec_program_page .play_sect .round_btn{margin-top: 5rem;}

.spec_program_page .play_sect .list .item a:before{content:''; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2); z-index: 2; opacity: 0; transition:0.3s ease-in-out;}
.spec_program_page .play_sect .list .item a:after{content:'';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 7rem; height: 100%; z-index: 3; opacity: 0; transition:0.3s ease-in-out;
    background: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M32.5 25L21.25 31.4952L21.25 18.5048L32.5 25Z" fill="%230D0D0D"/></svg>') no-repeat center/ contain}



/* 프로그램 안내 */
.program_page .sub_tit_box{text-align: center;}

/*.program_page .intro_sect .cont{margin-top: 6.4rem; display: flex; justify-content: center; align-items: center; height: 100vh;}*/
/*.program_page .intro_sect .cont .img_box{  position: relative; transform: scale(1); width: 50%; height: 50%; border-radius: 100rem; overflow: hidden;}*/
/*.program_page .intro_sect .cont .img_box .img{ width: 100%; height: 100%; object-fit: cover;}*/

.program_page .intro_sect{position: relative; width: 100%; height: 100vh; padding:var(--pd200) 0 5rem;}
.program_page .intro_sect .sub_tit_box .txt{font-size:var(--txt24);}
/*.program_page .intro_sect > *{height: 100%;}*/
.program_page .intro_sect .cont{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.program_page .intro_sect .sub_tit_box{text-align: left;}
.program_page .intro_sect .sub_tit_box .info_txt{color: #666666; margin-top :4rem}
.program_page .intro_sect .sub_tit_box .info_txt span{color: #666;}

.program_page .intro_sect .rolling_txt{overflow:hidden; margin-top:auto;}
.program_page .intro_sect .rolling_txt .rolling_track{display:flex; width:max-content; gap:2.4rem; animation:rollTxt 30s linear infinite;}
.program_page .intro_sect .rolling_txt .txt{flex-shrink:0; font-size:var(--txt30); font-weight:700; padding:1em 1.5em; white-space:nowrap; line-height:1; border-radius:10rem; background:rgba(255,255,255,0.30); backdrop-filter:blur(10px);}
.program_page .intro_sect .rolling_txt .txt:nth-child(3n){background:rgba(237,109,1,0.40); color:#fff;}

@keyframes rollTxt{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

.program_page .intro_sect .bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0;z-index: 1;}
.program_page .intro_sect .bg > *{width: 100%; height: 100%; object-fit: cover;}

.program_page .special_sect{padding: var(--pd320) 0 var(--pd200);}
.program_page .special_sect .cont{display: flex; align-items: center; justify-content: center; margin-top: var(--mt100);}
.program_page .special_sect .cont .img_box{position:relative; padding-top: 47%; width: 54rem; border-radius: 2.4rem; overflow: hidden;}
.program_page .special_sect .cont .img_box .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.1); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.program_page .special_sect .cont.active .img_box .img{opacity: 1; transform: scale(1);}
.program_page .special_sect .cont .list_box{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:8rem 3.2rem; width: 50%; text-align: center; margin-left:6rem;}
.program_page .special_sect .cont .list_box .item {opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.program_page .special_sect .cont.active .list_box .item {opacity: 1; transform: unset;}
.program_page .special_sect .cont .list_box .item:nth-child(2){transition-delay: 0.3s;}
.program_page .special_sect .cont .list_box .item:nth-child(3){transition-delay: 0.6s;}
.program_page .special_sect .cont .list_box .item:nth-child(4){transition-delay: 0.9s;}
.program_page .special_sect .cont .list_box .item .ico{margin:0 auto; width: 8rem; height: 8rem; margin-bottom: 2.4rem;}
.program_page .special_sect .cont .list_box .item .tit{font-size:var(--txt24); font-weight: 700;}
.program_page .special_sect .cont .list_box .item .txt{font-size:var(--txt18); margin-top: 1.6rem; line-height: 1.9;}


.program_page .why_sect{padding: var(--pd200) 0 var(--pd300);}
.program_page .why_sect .cont{margin-top: var(--mt100);}
.program_page .why_sect .cont .item{position:relative; background-color: #F6F6F6; border-radius: 4rem; opacity: 0; transform: translateY(50px); transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;}
.program_page .why_sect .cont .item.active{opacity:1; transform: translateY(0);}
.program_page .why_sect .cont .item + .item{margin-top: 2.4rem;}
.program_page .why_sect .cont .item > .top_txt{display: flex; justify-content: space-between; align-items: flex-start; padding: 4rem 3.6rem; cursor:pointer;}
.program_page .why_sect .cont .item > .top_txt .txt_box{display: flex; align-items: flex-start; width: 100%}
.program_page .why_sect .cont .item > .top_txt .num{display: inline-block; font-size:var(--txt20); margin-top: 0.2em; margin-right: 2rem; font-weight: 700; background-color: var(--orange1); border-radius: 100px; padding:0.5em 1.2em; color:#fff; white-space: nowrap}
.program_page .why_sect .cont .item > .top_txt .right{flex: 1}
.program_page .why_sect .cont .item > .top_txt .tit{font-size:var(--txt40); font-weight: 700;}
.program_page .why_sect .cont .item > .top_txt .txt{margin-top: 1.6rem;}
.program_page .why_sect .cont .item > .top_txt .btn{padding-top: 1rem; padding-right: 0.5rem;}
.program_page .why_sect .cont .item > .top_txt .btn .ico { width: 1.3em; height: 1.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23aaaaaa"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.program_page .why_sect .cont .item.open > .top_txt .btn .ico { transform: rotate(-180deg);}
.program_page .why_sect .cont .item .cont_box{padding: 1.6rem 3.6rem 5.6rem; display: none;}
.program_page .why_sect .cont .item .cont_box > *{margin: 0 auto;}

.program_page .why_sect .cont .item1 .graph_slide{width: 60rem; max-width: 100%;}
.program_page .why_sect .cont .item1 .graph_box .graph_txt{font-size:var(--txt16); font-weight: 600; text-align: center; margin-top: 1rem;}
.program_page .why_sect .cont .item1 .graph_box .graph_txt strong{display: block; font-size:var(--txt24); font-weight: 700; margin-top: 0.2em; color:var(--orange2)}
.program_page .why_sect .cont .item1 .graph_box .graph_img_wrap{position:relative; width: 40rem; margin: 2.4rem auto 0;}
.program_page .why_sect .cont .item1 .graph_box .graph_img_wrap .graph_img{border-radius: 2rem; overflow: hidden;}
.program_page .why_sect .cont .item1 .graph_box .graph_img_wrap .graph_img img{width: 100%;}
.program_page .why_sect .cont .item1 .graph_box .graph_img_wrap .graph_mark{position: absolute; top:-0.8rem; right: -6rem;}
.program_page .why_sect .cont .item1 .graph_slide .paging{margin: 2.4rem auto 0; display: flex; align-items: center; justify-content: center; }
.program_page .why_sect .cont .item1 .graph_slide .paging span{margin:0 0.2em; flex-shrink: 0; transition:width 0.5s ease-in-out; border-radius: 50px; transform-origin: left;}
.program_page .why_sect .cont .item1 .graph_slide .paging .swiper-pagination-bullet-active{background-color: #101010; width: 3.8rem; }

.program_page .why_sect .cont .item2 .graph_box{width: 93rem; max-width: 100%; background-color: #fff; border-radius: 1.6rem; padding:4rem;}

.program_page .why_sect .cont .item3 .compare_wrap{width: 88.5rem; max-width: 100%; gap: 2rem;} /*width: 66%; */
.program_page .why_sect .cont .item3 .compare_box + .info_txt_box{ margin-top: 1rem;}
.program_page .why_sect .cont .item3 .compare_box + .info_txt_box .info_txt:first-child{font-size:var(--txt18); font-weight: 600;}


/* point1 추가 */
.program_page .why_sect .cont .item0 .cont_box{position:relative; padding-top: 2.4rem}
.program_page .why_sect .cont .item0 .cont_tit_box{text-align: center; display: none}
.program_page .why_sect .cont .item0 .cont_tit_box .tit{font-size:var(--txt30); font-weight: 700;}
.program_page .why_sect .cont .item0 .cont_tit_box .txt{font-size:var(--txt18); font-weight: 400; margin-top: 1rem;}

.com_cir_cont .cir_wrap{height:40rem;}
.com_cir_cont .cir_wrap {overflow: hidden; display: flex; align-items: flex-end; justify-content: center; padding: 0 8rem; border-bottom: 1px solid #A3A3A3;}
.com_cir_cont .cir_wrap .cir { position: relative ; transform: translateY(40%); } /*transform: translateY(40%);*/
.com_cir_cont .cir_wrap .cir .cir_line {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: rotate(45deg);}
.com_cir_cont .cir_wrap .cir .txt_box {position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,0%) ;text-align: center; z-index: 1; transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1);}
.com_cir_cont .cir_wrap .cir .txt_box .tit {white-space: nowrap;}
.com_cir_cont .cir_wrap .cir .txt_box .num {margin-top: 3px; font-weight: 700; font-size: var(--txt24); line-height: 1.2;}
.com_cir_cont .cir_wrap .cir .txt_box .txt {margin-top: 15px; font-size: var(--txt18);}
.com_cir_cont .cir_wrap .cir .txt_box .txt p + p {margin-top: 5px;}

.com_cir_cont .cir_wrap .cir1 {width: 12.18%; padding-top: 12.18%; margin-right: -1.5%;}
.com_cir_cont .cir_wrap .cir1 .txt_box .tit {font-size: var(--txt16);}

.com_cir_cont .cir_wrap .cir2 {width: 15.63%; padding-top: 15.63%; margin-right: -1.5%;}
.com_cir_cont .cir_wrap .cir2 .txt_box .tit {font-size: var(--txt20);}

.com_cir_cont .cir_wrap .cir3 {width: 20%; padding-top: 20%; margin-right: -0.6%;}
.com_cir_cont .cir_wrap .cir3 .txt_box .tit {font-size: var(--txt22);}

.com_cir_cont .cir_wrap .cir4 {color: #fff}
.com_cir_cont .cir_wrap .cir4 {width: 54.54%; padding-top: 54.54%; transform: translateY(52%);}
.com_cir_cont .cir_wrap .cir4 .shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border-radius: 50%; box-shadow: 0 0 10rem 0 rgba(255, 96, 0, 0.65); transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1) 0s;}
.com_cir_cont .cir_wrap .cir4 .txt_box {bottom: auto; top: 30%; transform: translate(-50%,-60%);}
.com_cir_cont .cir_wrap .cir4 .txt_box .tit {font-size: var(--txt30); font-weight: 700;}
.com_cir_cont .cir_wrap .cir4 .txt_box .num {font-size: var(--txt55);}

.com_cir_cont .cir_wrap .cir4 svg .circle {
    stroke-dashoffset: 2966.1592653589793px;stroke-dasharray: 2966.1592653589793px;fill: transparent;
    -webkit-transition: stroke-dashoffset 1.7s cubic-bezier(0.45, 0, 0, 1) 0.4s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
    transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1.03) 0.4s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

.com_cir_cont .cir_wrap .cir:not(.cir4) svg .circle {stroke-dashoffset: 316.1592653589793px;stroke-dasharray: 316.1592653589793px;fill: transparent;}

.com_cir_cont .cir_wrap .cir1 svg .circle {
    -webkit-transition: stroke-dashoffset 1.7s  cubic-bezier(0.45, 0, 0, 1) 0s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1) 0s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}

.com_cir_cont .cir_wrap .cir2 svg .circle {
    -webkit-transition: stroke-dashoffset 1.7s  cubic-bezier(0.45, 0, 0, 1) 0.1s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
    transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1) 0.1s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;}

.com_cir_cont .cir_wrap .cir3 svg .circle {
    -webkit-transition: stroke-dashoffset 1.7s cubic-bezier(0.45, 0, 0, 1) 0.2s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
    transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1.03) 0.2s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;}

.com_cir_cont .info_txt{color:#A3A3A3; margin-top: 1rem; font-size:var(--txt18)}

.why_sect .cont .item.active .cir_cont .cir_wrap .cir svg .circle {stroke-dashoffset: 0;fill: rgba(0, 0, 0, 0);}

.special_page .special_sect .item .box.active .cir_cont .cir_wrap .cir svg .circle {stroke-dashoffset: 0;fill: rgba(0, 0, 0, 0);}
.special_page .special_sect .com_cir_cont .cir_wrap{ padding: 0 3rem;}
.special_page .special_sect .item .box.box00 .cont_box{margin-top: 0}




/*.program_page .step_sect{padding-top: var(--pd200);}*/
.program_page .step_sect .cont{display: flex; justify-content: space-between; align-items: flex-start; gap:5rem; margin-top: var(--mt100);}
.program_page .step_sect .cont .tit_box{position:sticky; top: calc(var(--hdH) + 5rem);}
.program_page .step_sect .cont .tit_box .tit{ font-size:var(--txt60); font-weight: 700;} /*width: 34%; */
.program_page .step_sect .cont .tit_box .txt{font-size: var(--txt22); margin-top: 1rem;}
.program_page .step_sect .cont .step_list{position: relative; width: 104rem; padding-left: 8rem; flex-shrink: 0;}
.program_page .step_sect .cont .step_list .line{position:absolute; top:0; left: 0; width: 3px; height: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 5.83%, #ED6C00 99.25%);}
.program_page .step_sect .cont .step_list .line .dot { position: absolute; left: 50%; bottom: 0; width: 9px; height: 9px; background-color: #ED6D01; border-radius: 100%; transform: translate(-50%, 50%); }
.program_page .step_sect .cont .step_list .line .dot:before { content: ''; position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; background-color: #ED6C00; opacity: 0.2; border-radius: 100%; transform: translate(-50%, -50%); }

.program_page .step_sect .cont .step_list .item{position: relative; display: flex; align-items: center; opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.program_page .step_sect .cont .step_list .item + .item{margin-top:4.8rem;}
.program_page .step_sect .cont .step_list .item .img_box{position:relative; flex-shrink: 0; width: 44rem; padding-top: 28%; border-radius: 2.4rem; overflow: hidden; margin-right: 6.4rem;}
.program_page .step_sect .cont .step_list .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.program_page .step_sect .cont .step_list .item .top_box{ display: flex; align-items: flex-start;}
.program_page .step_sect .cont .step_list .item .tit{font-size:var(--txt35); font-weight: 700; line-height: 1.4;}
.program_page .step_sect .cont .step_list .item .num{font-size:var(--txt20); background:var(--orange1); border-radius: 100rem; color:#fff; font-weight: 700; padding: 0.5em 1em; line-height: 1; margin-right: 1em; white-space: nowrap;}
.program_page .step_sect .cont .step_list .item .txt{font-size:var(--txt18); margin-top:1.5rem;}



.program_page .program_sect{padding-top:var(--pd300);}

.program_page .program_sect .program_list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:1.6rem; margin-top: var(--mt100); overflow: hidden;}
.program_page .program_sect .program_list .item{position:relative; border-radius: 2.4rem; overflow: hidden; opacity: 0; transform: translateX(5rem); filter: blur(10px); transition-property: transform, opacity, filter; transition-duration: 2s; transition-timing-function: cubic-bezier(0.45, 0, 0, 1);}
.program_page .program_sect .program_list.active .item{opacity: 1; transform: unset; filter: blur(0);}
.program_page .program_sect .program_list.active .item:nth-child(2){transition-delay: 0.1s;}
.program_page .program_sect .program_list.active .item:nth-child(3){transition-delay: 0.2s;}
.program_page .program_sect .program_list.active .item:nth-child(4){transition-delay: 0.3s;}
.program_page .program_sect .program_list .item .img_box{position:relative; padding-top: 93%; }
.program_page .program_sect .program_list .item .img_box:after{content:''; position: absolute; width: 100%; height: 30%; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(247, 121, 45, 0.90) 100%); transition: height 0.5s ease-in-out;}
.program_page .program_sect .program_list .item .img_box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.program_page .program_sect .program_list .item .txt_box{font-size:var(--txt40); position: absolute; display: flex; align-items: center; bottom: 0; left: 0; padding: 4.8rem 4rem;}
.program_page .program_sect .program_list .item .txt_box .txt{ color: #fff; font-weight: 700;}
.program_page .program_sect .program_list .item .txt_box .ico{display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 100px; width: 1.5em; height: 1.5em; margin-left: 0.5em; transition: background 0.5s ease-in-out;}
.program_page .program_sect .program_list .item .txt_box .ico svg{width: 45%;}
.program_page .program_sect .program_list .item .txt_box .ico svg path{transition: fill 0.5s ease-in-out;}


.program_page .check_sect{padding: var(--pd200) 0;}
.program_page .check_sect .cont{width: 105rem; max-width:100%; margin:calc(var(--mt100) - 1.6rem) auto 0; opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.program_page .check_sect .cont.active{opacity: 1; transform: unset;}
.program_page .check_sect .cont .list .item {display: flex; align-items: center; background-color: var(--bg); border-radius: 10rem; padding: 2.4rem 2rem 2.4rem 20rem;}
.program_page .check_sect .cont .list .item + .item{margin-top: 1.6rem;}
.program_page .check_sect .cont .list .item .num{font-size:var(--txt20); color: var(--orange1); font-weight: 700; margin-right: 3.2rem; flex-shrink: 0}
.program_page .check_sect .cont .list .item .txt{font-size:var(--txt24); font-weight: 700;}


.program_page .review_sect{padding: var(--pd200) 0 var(--pd300);}
.program_page .review_sect .tit_box{display: flex; justify-content:space-between; align-items: flex-end;}
.program_page .review_sect .sub_tit_box{text-align: left;}
.program_page .review_sect .sub_tit_box .info_txt{ color:var(--gray); margin-top: 2.4rem;}

/* 공통 */
.program_page .review_sect .cont { margin-top: calc(var(--mt100) - 1.6rem); overflow: hidden; }
.program_page .review_sect .cont .slide { overflow: hidden; }
.program_page .review_sect .cont .slide .slide_track { display: flex; width: max-content; will-change: transform; backface-visibility: hidden; transform: translate3d(0,0,0); animation: loofImg var(--dur, 40s) linear infinite; }
.program_page .review_sect .cont .slide .img_box { flex: 0 0 auto; padding-left: 2.4rem; pointer-events: none; }
.program_page .review_sect .cont .slide .img_box img { width: 28rem; height: 28rem; border-radius: 2.4rem; overflow: hidden; object-fit: cover; object-position: center; }

/* 방향만 다르게 */
.program_page .review_sect .cont .slide.slide2 .slide_track { animation-direction: reverse; margin-top: 2.4rem; }

@keyframes loofImg { 0% { transform: translate3d(0,0,0); } 100% { transform: translate3d(-50%,0,0); } }

@media (prefers-reduced-motion: reduce) {
    .program_page .review_sect .cont .slide .slide_track { animation: none; }
}


/* 프로그램 안내_뱅킹 */
.stem_page .intro_sect{color: #fff;}
.stem_page .intro_sect .bg:before{content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); mix-blend-mode: overlay;}

/* 프로그램 안내_스킨부스터 */
.skin_page .special_sect .cont .img_box{width: 70rem;}
.skin_page .special_sect .cont .img_box .txt{position: absolute; bottom: 0; right: 0; margin:2.4rem; background-color: var(--orange1); border-radius: 100px; color: #fff; font-size: var(--txt18); padding: 0.5em 1em;}
.skin_page .special_sect .cont .img_box .txt strong{font-size:1.2em; margin-left: 0.4em;}

.program_page .prin_sect{padding-top: var(--pd300);}
.program_page .prin_sect .sub_tit_box{text-align: left;}
.program_page .prin_sect .sub_tit_box .txt{margin-top: 2.4rem;}

.program_page .prin_sect .top_cont{margin-top: var(--mt100);}
.skin_page .prin_sect .top_cont{position:relative; display: flex; align-items: center; justify-content: space-between; margin: var(--mt100) 14rem 0 5rem;}
.skin_page .prin_sect .top_cont .img_box:first-child{position: relative; display: flex; max-width: 42%; padding-left: 5rem; opacity: 0; transform: translateX(-5rem); transition: opacity 1s ease-in-out 0.3s, transform 1s ease 0.3s; }
.skin_page .prin_sect .top_cont .img_box:first-child .sort{position: absolute; width: 9rem; width: 18%; left: 0; bottom: 9%;}
.skin_page .prin_sect .top_cont .img_box:first-child .b_img{width: 44rem; width: 100%;}
.skin_page .prin_sect .top_cont .center > *{position: absolute; left: 52%; transform: translateX(-50%); z-index: 20;}
.skin_page .prin_sect .top_cont .center .arr{width: 40rem; width: 32%; top: 28%; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); transition: -webkit-clip-path 1.2s ease-in-out 0.8s, clip-path 1.2s ease-in-out 0.8s; will-change: clip-path;}
.skin_page .prin_sect .top_cont .center .sort{width: 80rem; width:62%; bottom: 17%; opacity: 0; transition: opacity 0.8s ease-in-out 0.8s; }
.skin_page .prin_sect .top_cont .img_box:last-child{max-width: 40%; opacity: 0; transform: translateX(-5rem); transition: opacity 1s ease-in-out 1.5s, transform 1s ease 1.5s;}
.skin_page .prin_sect .top_cont .img_box:last-child .a_img{width: 50rem; width: 100%; max-width: 100%;}

.skin_page .prin_sect .top_cont.active .img_box:first-child,
.skin_page .prin_sect .top_cont.active .img_box:last-child{opacity: 1; transform: unset;}
.skin_page .prin_sect .top_cont.active .center .sort{opacity: 1;}
.skin_page .prin_sect .top_cont.active .center .arr { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

.program_page .prin_sect .btm_cont{position: relative; margin-top: var(--mt150); border-radius: 2.4rem; overflow: hidden;}
.program_page .prin_sect .btm_cont .bg{width: 100%;}
.program_page .prin_sect .btm_cont .bg img{width: 100%; opacity: 0; transform: scale(1.1); transition: opacity 0.8s ease-in-out, transform 1s ease 0.4s;}
.program_page .prin_sect .btm_cont.active .bg img{ opacity: 1; transform: scale(1);}
.program_page .prin_sect .btm_cont .img{position: absolute; width: 42%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity:0; transition: opacity 0.8s ease-in-out 0.5s;}
.program_page .prin_sect .btm_cont.active .img{opacity: 1;}
.program_page .prin_sect .btm_cont .img img{width: 100%;}

.skin_page .check_sect .cont .list .item,
.heopa_page .check_sect .cont .list .item{padding-left: 23rem;}

/* 프로그램 안내_바이오샷 */
.bio_page .prin_sect .cont{position: relative; margin-top: var(--mt100); opacity: 0; transform: translateY(5rem); transition: opacity 1s ease-in-out, transform 1s ease; }
.bio_page .prin_sect .cont.active{opacity: 1; transform: unset;}
.bio_page .prin_sect .cont .img_box{border-radius: 2.4rem; overflow: hidden;}
.bio_page .prin_sect .cont .img_box img{width: 100%;}
.bio_page .prin_sect .cont .txt_box{position: absolute; left: 5%; top: 22%; width: 87.5%; opacity: 0; transform: translateY(5rem); transition: opacity 1s ease-in-out 0.8s, transform 1s ease 0.8s;}
.bio_page .prin_sect .cont.active .txt_box{opacity: 1; transform: unset;}

.bio_page .review_video_sect{padding: var(--pd200) 0 var(--pd300);}
.bio_page .review_video_sect .video_cont{display: flex; justify-content: center; margin-top: calc(var(--mt100) - 1.6rem); gap:2.8rem;}
.bio_page .review_video_sect .video_cont .video_box{width: 48rem; opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 0.3s;}
.bio_page .review_video_sect.active .video_cont .video_box{opacity: 1; transform: unset;}
.bio_page .review_video_sect.active .video_cont .video_box:nth-child(2){transition-delay: 0.6s;}
.bio_page .review_video_sect .video_cont .video_box .img{position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; background-color: #101010; transition: transform 0.8s ease-in-out;}
.bio_page .review_video_sect .video_cont .video_box .img img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; object-position: center; transform: scale(1); transition: transform 0.3s ease-in-out;}
.bio_page .review_video_sect .video_cont .video_box .txt_box{font-size:var(--txt20); font-weight: 700; margin-top: 2rem;}

.bio_page .review_video_sect .video_cont .video_box .img:before{content:''; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2); z-index: 2; opacity: 0; transition:0.3s ease-in-out;}
.bio_page .review_video_sect .video_cont .video_box .img:after{content:'';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 7rem; height: 100%; z-index: 3; opacity: 0; transition:0.3s ease-in-out;
    background: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M32.5 25L21.25 31.4952L21.25 18.5048L32.5 25Z" fill="%230D0D0D"/></svg>') no-repeat center/ contain}


.bio_page .review_video_sect .round_btn{margin:4rem auto 0; text-align: center; opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out 1s, transform 0.8s ease-in-out 1s;}
.bio_page .review_video_sect.active .round_btn{opacity: 1; transform: unset;}



/* 프로그램 안내_허파고리 */
.program_page .special_sect .cont .ba_box{border-radius: 2.4rem; overflow: hidden; width: 70rem; max-width: 100%; text-align: center;  opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.program_page .special_sect .cont.active .ba_box{opacity: 1; transform: unset;}
.program_page .special_sect .cont .ba_box .tit{background-color: var(--orange1); color:#fff; padding:0.8em; font-weight: 700; font-size:var(--txt30);}
.program_page .special_sect .cont .ba_box .txt_box{display: flex;}
.program_page .special_sect .cont .ba_box .txt_box .desc{flex: 1; padding: 0.8em; background-color:  var(--bg); font-weight: 700; font-size:var(--txt20); color:var(--orange1);}
.program_page .special_sect .cont .ba_box .txt_box .desc:first-child{color:var(--gray); background-color: #D0D2D8; border-right: 1px solid #eaeaea;}
.program_page .special_sect .cont .ba_box .img_box{border-radius: 0;}
.program_page .special_sect .cont .ba_box .img_box img{transform: unset;}

.heopa_page .effect_sect{padding-top: var(--pd300)}
.heopa_page .effect_sect .cont{position:relative;  display: flex; align-items: flex-start; margin-top: var(--mt100);}
.heopa_page .effect_sect .img_box{position:sticky; top: calc(var(--hdH) + 8rem); width: 75rem; max-width: 100%; border-radius:2.4rem; overflow: hidden; margin-right:12.8rem;}
.heopa_page .effect_sect .img_box img{width: 100%}
.heopa_page .effect_sect .txt_wrap{padding: 35vh 0 20rem; }
.heopa_page .effect_sect .txt_box{opacity: 0.5; transition: opacity 0.8s ease-in-out;}
.heopa_page .effect_sect .txt_box.active{opacity: 1;}
.heopa_page .effect_sect .txt_box .tit{font-size:var(--txt40); font-weight: 700;}
/*.heopa_page .effect_sect .txt_box .tit span{color:var(--orange1);}*/
.heopa_page .effect_sect .txt_box .tit span{background: linear-gradient(to right, #ED6D01 50%, rgb(0,0,0) 50%); background-size: 200% 100%; background-position: 100% 0; color: transparent;background-clip: text;-webkit-background-clip: text;display: inline; transition: background-position 0.3s linear ;}
.heopa_page .effect_sect .txt_box.active .tit span{ background-position: 0 0;}
.heopa_page .effect_sect .txt_box .txt{font-size:var(--txt18); margin-top: 1rem;}
.heopa_page .effect_sect .txt_box + .txt_box{margin-top: 11.2rem;}


/* 프로그램 안내_헤어샷 */
.hair_page .prin_sect .top_cont .img_box{margin: 0 auto; opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out 0.8s, transform 0.8s ease-in-out 0.8s;}
.hair_page .prin_sect .top_cont.active .img_box{opacity: 1; transform: unset;}
.hair_page .prin_sect .top_cont .img_box:first-child{width: 74%;}
.hair_page .prin_sect .top_cont .img_box:last-child{width: 77%;}
.hair_page .prin_sect .btm_cont .img{width: 38%; left: 60%;}




/* 커뮤니티_공통 */
.commu_page .all_sect{padding-top: 5rem; padding-bottom:var(--pd220);}
.commu_page .all_sect .in{width: max(128rem, 1240px);}
.commu_page .all_sect .commu_list_top {display: flex; justify-content: center;width: 100%;}
.commu_page .all_sect .commu_list_top > .sch_wrap{width: 100%;}
.commu_page .all_sect .commu_list_top .sch_box{width: 46rem; max-width: 100%; margin:0 auto;}
.commu_page .all_sect .commu_list_top .sch_box .sch_inp{display: flex; justify-content: space-between; align-items: center; height: var(--inpH); background-color: var(--bg); border-radius: 0.8rem; padding: 0 1.4em;}
.commu_page .all_sect .commu_list_top .sch_box .sch_inp input{width:90%; height: 100%; background-color: var(--bg); font-size:var(--txt18); }
.commu_page .all_sect .commu_list_top .sch_box .sch_inp input::placeholder{color:#666}
.commu_page .all_sect .commu_list_top .sch_box .sch_inp input + button svg{display: block; width: 1.5em; height: 1.5em; transition: fill 0.3s ease;}
.commu_page .all_sect .commu_list_top .sch_box .sch_inp input + button svg path{transition: stroke 0.3s ease;}
.commu_page .all_sect .commu_list_top .sch_box .sch_inp input:focus + button path{stroke:var(--alertColor);}

.commu_page .all_sect .keword_box{display: flex; justify-content: center; font-size:var(--txt16); margin: 3.2rem auto 0;  width: 55em; max-width: 100%;}
.commu_page .all_sect .keword_box .tit{font-size:var(--txt18); font-weight: 600; margin-right: 1.1em; margin-top: 0.5em;}
.commu_page .all_sect .keword_box .keword_btn_box{display: flex; flex-wrap:wrap; gap: 10px;} /* width: 50em; */
.commu_page .all_sect .keword_box .keword_btn_box .btn{border:1px solid #D0D2D8; padding: 0.8em 1.25em; border-radius: 10rem; color: #A3A3A3; font-weight: 600; white-space: nowrap; line-height: 1; transition:0.3s ease}
.commu_page .all_sect .keword_box .keword_btn_box .btn.active{border-color:var(--orange1); color:var(--orange1); }
.commu_page .all_sect .keword_box .keword_btn_box .btn:hover{border-color:var(--black); color:var(--black); }

.commu_page .all_sect .commu_list_sort{display: flex; justify-content: space-between; align-items: center; margin-top: 6.4rem; font-size:var(--txt16); }
.commu_page .all_sect .commu_list_sort .sel_box .nice-select{ font-size:var(--txt16); width: 15em; padding:0 5em 0 1.5em; color:var(--gray); z-index: 20;}
.commu_page .all_sect .commu_list_sort .chk_wrap{display: flex;}
.commu_page .all_sect .commu_list_sort .chk_wrap .chk_box .ico{display: flex; justify-content: center; align-items: center; width: 1.25em; height: 1.25em; background-color: #D0D2D8; border-radius: 4px;}
.commu_page .all_sect .commu_list_sort .chk_wrap .chk_box .ico svg{display: block; width: auto; height: 45%;}
.commu_page .all_sect .commu_list_sort .chk_wrap .chk_box input + label{display: flex; align-items: center; cursor: pointer;}
.commu_page .all_sect .commu_list_sort .chk_wrap .chk_box input + label .ico{margin-right: 0.8rem;}
.commu_page .all_sect .commu_list_sort .chk_wrap .chk_box input:checked + label .ico {background: #101010;}
.commu_page .all_sect .commu_list_sort .chk_wrap .chk_box + .chk_box{margin-left: 1.6rem}


/* 커뮤니티_성공기 */
.success_page .best_sect .sub_tit_box{text-align: center;}
.success_page .best_sect .slide{margin-top: var(--mt100);}
.success_page .best_sect .slide .item{width: 38rem; transition: transform 0.8s ease-in-out}
.success_page .best_sect .slide .item .img_box{position: relative; padding-top: 144%; border-radius: 2.4rem; overflow: hidden;}
.success_page .best_sect .slide .item .img_box:after{content:'';position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 0; background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(247, 121, 45, 0.90) 100%); transition: height 0.4s ease-in-out;}
.success_page .best_sect .slide .item .img_box img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.success_page .best_sect .slide .item .view_box{position: absolute; display: flex; bottom: 0; left: 0; width: 100%; opacity: 0; color:#fff; padding: 3rem 1rem; transition: opacity 0.8s ease-in-out;}
.success_page .best_sect .slide .item .view_box{display: flex; justify-content: center; align-items: center; text-align: center; font-size:var(--txt22); font-weight: 700;}
.success_page .best_sect .slide .item .badge{font-size:var(--txt14); margin: 0.8em; padding:0.5em 0.8em; line-height: 1; position: absolute; top: 0; right: 0; background-color: #101010; color:#fff; border-radius: 10rem;z-index: 10;}

/* 좋아요 버튼 히든 */
/*.success_page .best_sect .slide .item .view_box > *{position: relative; display: flex; justify-content: center; align-items: center; flex: 1; font-size:var(--txt20); font-weight: 700;}*/
/*.success_page .best_sect .slide .item .view_box > *:before{content:'';position: relative; display: inline-block; width: 1.7em; height: 1.7em; margin-right: 0.2em;}*/
/*.success_page .best_sect .slide .item .view_box .heart:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 35 34" fill="none"><path d="M17.5026 30.2458L15.4484 28.3758C8.1526 21.76 3.33594 17.3825 3.33594 12.0417C3.33594 7.66417 6.76427 4.25 11.1276 4.25C13.5926 4.25 15.9584 5.3975 17.5026 7.19667C19.0468 5.3975 21.4126 4.25 23.8776 4.25C28.2409 4.25 31.6693 7.66417 31.6693 12.0417C31.6693 17.3825 26.8526 21.76 19.5568 28.3758L17.5026 30.2458Z" fill="white"/></svg>') no-repeat center / contain;}*/
/*.success_page .best_sect .slide .item .view_box .view:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 34 34" fill="none"><path d="M13.8125 17C13.8125 16.1546 14.1483 15.3439 14.7461 14.7461C15.3439 14.1483 16.1546 13.8125 17 13.8125C17.8454 13.8125 18.6561 14.1483 19.2539 14.7461C19.8517 15.3439 20.1875 16.1546 20.1875 17C20.1875 17.8454 19.8517 18.6561 19.2539 19.2539C18.6561 19.8517 17.8454 20.1875 17 20.1875C16.1546 20.1875 15.3439 19.8517 14.7461 19.2539C14.1483 18.6561 13.8125 17.8454 13.8125 17Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.83594 17.0001C2.83594 19.3234 3.43802 20.104 4.64219 21.6694C7.04627 24.7917 11.0781 28.3334 17.0026 28.3334C22.9271 28.3334 26.9589 24.7917 29.363 21.6694C30.5672 20.1054 31.1693 19.322 31.1693 17.0001C31.1693 14.6767 30.5672 13.8962 29.363 12.3307C26.9589 9.20842 22.9271 5.66675 17.0026 5.66675C11.0781 5.66675 7.04627 9.20842 4.64219 12.3307C3.43802 13.8976 2.83594 14.6782 2.83594 17.0001ZM17.0026 11.6876C15.5936 11.6876 14.2424 12.2473 13.2461 13.2436C12.2498 14.2399 11.6901 15.5911 11.6901 17.0001C11.6901 18.409 12.2498 19.7603 13.2461 20.7566C14.2424 21.7529 15.5936 22.3126 17.0026 22.3126C18.4116 22.3126 19.7628 21.7529 20.7591 20.7566C21.7554 19.7603 22.3151 18.409 22.3151 17.0001C22.3151 15.5911 21.7554 14.2399 20.7591 13.2436C19.7628 12.2473 18.4116 11.6876 17.0026 11.6876Z" fill="white"/></svg>') no-repeat center / contain;}*/
/*.success_page .best_sect .slide .item.swiper-slide-active .img_box:after{height: 50%;}*/
/*.success_page .best_sect .slide .item.swiper-slide-active .view_box{opacity: 1;}*/

/*.success_page .best_sect .slide .item.down { transform: translateY(6.4rem); }*/

.success_page .best_sect .slide .swiper-container{overflow-y: visible}
.success_page .best_sect .slide .swiper-container::-webkit-scrollbar{display: none;}
.success_page .best_sect .slide .swiper-wrapper{padding: 10rem 0;}

.success_page .best_sect .slide .item.changing,
.success_page .best_sect .slide .item.changed {transform:translateX(-15%);-ms-user-select: none; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}

.success_page .best_sect .slide .item.changing.swiper-slide-duplicate-active,
.success_page .best_sect .slide .item.changed.swiper-slide-duplicate-active,
.success_page .best_sect .slide .item.changing.swiper-slide-active,
.success_page .best_sect .slide .item.changed.swiper-slide-active {transform: translateX(0) scale(1.3);}

.success_page .best_sect .slide .item.swiper-slide-active ~ .changing,
.success_page .best_sect .slide .item.swiper-slide-active ~ .changed {transform:translateX(15%);}

.success_page .best_sect .slide .item.swiper-slide-active .view_box{opacity: 1}
.success_page .best_sect .slide .item.swiper-slide-active .img_box:after{opacity: 1; height:30%;}

.success_page .best_sect .marquee_cont{padding: 10rem 0;}


.success_page .all_sect .review_list{margin-top: 2.4rem;}
.success_page .all_sect .review_list .list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6.4rem 3.2rem;}
.success_page .all_sect .review_list .list .item .img_wrap{position:relative; border-radius: 2.4rem; overflow: hidden;}
.success_page .all_sect .review_list .list .item .img_wrap .img_box{position: relative; padding-top: 140%; background-color: #101010;}
.success_page .all_sect .review_list .list .item .img_wrap .img_box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; object-position: center; transition:transform 0.3s ease-in-out;}
.success_page .all_sect .review_list .list .item:hover .img_box img{transform: scale(1.1);}
.success_page .all_sect .review_list .list .item .img_wrap .badge{font-size:var(--txt14); margin: 0.8em; padding:0.5em 0.8em; line-height: 1; position: absolute; top: 0; right: 0; background-color: #101010; color:#fff; border-radius: 10rem;z-index: 10;}
.success_page .all_sect .review_list .list .item .img_wrap .view_box{position: absolute; display: flex; align-items: center; bottom: 0; font-size:var(--txt20); height: 2.5em; background: rgba(16, 16, 16, 0.50); width: 100%; color: #fff;}
.success_page .all_sect .review_list .list .item .img_wrap .view_box > *{position: relative; display: flex; justify-content: center; align-items: center; flex: 1; font-weight: 700;}
.success_page .all_sect .review_list .list .item .img_wrap .view_box > *:before{content:'';position: relative; display: inline-block; width: 1.25em; height: 1.25em; margin-right: 0.2em;}
.success_page .all_sect .review_list .list .item .img_wrap .view_box .heart:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 35 34" fill="none"><path d="M17.5026 30.2458L15.4484 28.3758C8.1526 21.76 3.33594 17.3825 3.33594 12.0417C3.33594 7.66417 6.76427 4.25 11.1276 4.25C13.5926 4.25 15.9584 5.3975 17.5026 7.19667C19.0468 5.3975 21.4126 4.25 23.8776 4.25C28.2409 4.25 31.6693 7.66417 31.6693 12.0417C31.6693 17.3825 26.8526 21.76 19.5568 28.3758L17.5026 30.2458Z" fill="white"/></svg>') no-repeat center / contain;}
.success_page .all_sect .review_list .list .item .img_wrap .view:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 34 34" fill="none"><path d="M13.8125 17C13.8125 16.1546 14.1483 15.3439 14.7461 14.7461C15.3439 14.1483 16.1546 13.8125 17 13.8125C17.8454 13.8125 18.6561 14.1483 19.2539 14.7461C19.8517 15.3439 20.1875 16.1546 20.1875 17C20.1875 17.8454 19.8517 18.6561 19.2539 19.2539C18.6561 19.8517 17.8454 20.1875 17 20.1875C16.1546 20.1875 15.3439 19.8517 14.7461 19.2539C14.1483 18.6561 13.8125 17.8454 13.8125 17Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.83594 17.0001C2.83594 19.3234 3.43802 20.104 4.64219 21.6694C7.04627 24.7917 11.0781 28.3334 17.0026 28.3334C22.9271 28.3334 26.9589 24.7917 29.363 21.6694C30.5672 20.1054 31.1693 19.322 31.1693 17.0001C31.1693 14.6767 30.5672 13.8962 29.363 12.3307C26.9589 9.20842 22.9271 5.66675 17.0026 5.66675C11.0781 5.66675 7.04627 9.20842 4.64219 12.3307C3.43802 13.8976 2.83594 14.6782 2.83594 17.0001ZM17.0026 11.6876C15.5936 11.6876 14.2424 12.2473 13.2461 13.2436C12.2498 14.2399 11.6901 15.5911 11.6901 17.0001C11.6901 18.409 12.2498 19.7603 13.2461 20.7566C14.2424 21.7529 15.5936 22.3126 17.0026 22.3126C18.4116 22.3126 19.7628 21.7529 20.7591 20.7566C21.7554 19.7603 22.3151 18.409 22.3151 17.0001C22.3151 15.5911 21.7554 14.2399 20.7591 13.2436C19.7628 12.2473 18.4116 11.6876 17.0026 11.6876Z" fill="white"/></svg>') no-repeat center / contain;}
.success_page .all_sect .review_list .list .item .txt_box{margin-top: 2rem;}
.success_page .all_sect .review_list .list .item .txt_box .type_box{display: flex; flex-wrap:wrap; gap: 0.5em;}
.success_page .all_sect .review_list .list .item .txt_box .type_box .type {font-size:var(--txt14); color:var(--gray); background:var(--bg); border-radius: 5px; font-weight: 600; padding:0.6em 1em; line-height: 1; white-space: nowrap}
.success_page .all_sect .review_list .list .item .txt_box .type_box .type2{color:var(--orange1);}
/*.success_page .all_sect .review_list .list .item .txt_box .type_box .type + .type{margin-left: 0.5em;}*/
.success_page .all_sect .review_list .list .item .txt_box .tit{font-size:var(--txt18); margin-top: 1rem;  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.success_page .all_sect .review_list .list .item .txt_box .info_box{display: flex; justify-content: space-between; margin-top: 1.5rem; font-size:var(--txt14); color:#A3A3A3; font-weight: 600; }


/* 커뮤니티_줄기play */
.play_page .play_cont .item .img_box{position:relative; padding-top:56.25%; overflow: hidden;}
.play_page .play_cont .item .img_box img {position: absolute; width: 100%; height: 100%; top:0; left: 0; object-fit: cover; transition:transform 0.3s ease-in-out;}

.play_page .play_cont .item .img_box:before {content:''; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2); z-index: 2; opacity: 0; transition:0.3s ease-in-out;}
.play_page .play_cont .item .img_box:after {content:'';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 6rem; height: 100%; z-index: 3; opacity: 0; transition:0.3s ease-in-out;
    background: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M32.5 25L21.25 31.4952L21.25 18.5048L32.5 25Z" fill="%230D0D0D"/></svg>') no-repeat center/ contain}


.play_page .shorts_cont .item .img_box{padding-top:180%;}
.play_page .play_cont .item .txt{font-size:var(--txt18); margin-top: 2rem; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

.play_page .play_sect .sub_tit_box{text-align: center;}
.play_page .play_sect .play_cont{opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out 0.3s, transform 0.8s ease-in-out 0.3s;}
.play_page .play_sect .play_cont.active{opacity: 1; transform: unset;}
.play_page .play_sect .play_cont .item .txt{font-size:var(--txt20); font-weight: 700;}
.play_page .play_sect .youtube_cont{margin-top: var(--mt100);}
.play_page .play_sect .shorts_cont {margin-top: var(--mt150);}
.play_page .play_sect .paging {position: relative; width:34rem; height: 4px; margin: 4rem auto 0; background-color:#ECEDF0; border-radius: 5em; overflow: hidden;}
.play_page .play_sect .paging .swiper-pagination-progressbar-fill {background-color: #101010; overflow: hidden;}

.play_page .all_sect .round_tab_wrap{margin: 0 auto 0; max-width: max-content;}
.play_page .all_sect .round_tab_wrap .round_tab{width: 22rem; flex: 0 0 auto;}
.play_page .all_sect .round_tab_wrap .round_tab + .round_tab{margin-left: 1rem;}
.play_page .all_sect .play_list .list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6.4rem 3.2rem;}
.play_page .all_sect .youtube_cont,
.play_page .all_sect .shorts_cont{padding-top: 5.6rem;}




/* 상담·예약_온라인예약 */
.sub_online-booking .sub_visual .lnb,
.sub_online-booking .in,
.sub_phone-booking .sub_visual .lnb,
.sub_phone-booking .in{width: max(128rem, 1240px);}

.sub_online-booking .round_tab_box{margin-top: 0;}
.booking_page .sub_tit_box .tit{transform:unset; opacity: 1; line-height: 1; margin-right: 1rem;}
.booking_page .booking_sect{padding-bottom: var(--pd220);}
.booking_page .booking_sect .booking_cont{display: flex; justify-content: space-between;}

.online_page .round_tab_wrap{max-width: max-content; margin: 0 auto;}
.online_page .round_tab_wrap .round_tab{width: 22rem; flex: 0 0 auto;}
.online_page .round_tab_wrap .round_tab + .round_tab{margin-left: 1rem;}

.online_page .booking_tab,
.online_page .status_tab{ padding-top: 4rem;}
.online_page .info_cont{font-size:var(--txt16); background-color: var(--bg); border-radius: 1.6rem; padding:3.5rem;}
.online_page .info_cont .txt{position: relative; font-weight: 600; color: var(--gray);}
.online_page .info_cont li.txt{padding-left: 0.6em;}
.online_page .info_cont li.txt:before{content:'·'; position: absolute; left: 0; }
.online_page .info_cont .down_btn{display: inline-block; align-items: center; font-weight: 600; margin-top:2rem; }
.online_page .info_cont .down_btn .btn{display: flex; align-items: center; justify-content: space-between; white-space: nowrap; background-color: #fff; border-radius: 5px; padding:0.6em 1em; transition: 0.3s ease;}
.online_page .info_cont .down_btn .btn .ico{margin-left: 3.2rem;}
.online_page .info_cont .down_btn .btn .ico svg{display: block;}
.online_page .info_cont .down_btn .btn .ico svg path{transition: stroke 0.3s ease;}

.online_page .booking_sect .cs_cont{padding-top: var(--pd200);}
.online_page .booking_sect .cs_cont .list{display: grid; grid-template-columns: repeat(4, minmax(0,1fr));text-align: center; margin-top: 3.2rem; gap:2.4rem; }
.online_page .booking_sect .cs_cont .list .item{background-color: var(--bg); border-radius: 0.8rem; overflow: hidden; border:1px solid var(--bg); transition: background-color 0.3s ease, border 0.3s ease;}
.online_page .booking_sect .cs_cont .list .item,
.online_page .booking_sect .cs_cont .list .link_item > a{padding: 3.6rem 2.4rem;}
.online_page .booking_sect .cs_cont .list .link_item > a{display: block; width: 100%; height: 100%;}
.online_page .booking_sect .cs_cont .list .link_item{padding:0;}
.online_page .booking_sect .cs_cont .list .item .tit{font-size: var(--txt16); font-weight: 600; margin-bottom: 2rem;}
.online_page .booking_sect .cs_cont .list .item .time_list{display: inline-block; text-align: left; font-size: var(--txt18);}
.online_page .booking_sect .cs_cont .list .item .time_list .day{display: inline-block; font-weight: 600; width: 4em;}
.online_page .booking_sect .cs_cont .list .item .tel{font-size:var(--txt30); font-weight: 700;}
.online_page .booking_sect .cs_cont .list .item .tel svg{height: 0.7em;}
.online_page .booking_sect .cs_cont .list .item .btn_box .btn{display: inline-flex; align-items: center; background-color: #fff; font-size:var(--txt18); border-radius:10rem; padding: 0.7em 1.5em; transition: background-color 0.3s ease, color 0.3s ease;}
.online_page .booking_sect .cs_cont .list .item .btn_box .btn .ico{margin-right: 0.4em;}
.online_page .booking_sect .cs_cont .list .item .btn_box .btn .ico svg{display: block; height: 1.2em;}

.online_page .booking_sect .booking_cont{padding-top: var(--pd200);}
.booking_page .write_form {width: 80rem; font-size:var(--txt18); min-width: 600px;}
.booking_page .write_form .form_list > li{position:relative; display: flex; align-items: center;}
.booking_page .write_form .form_list > li + li{margin-top: 4.5rem;}
.booking_page .write_form .form_list > li.program,
.booking_page .write_form .form_list > li.date{margin-top: 5.6rem; align-items: flex-start}
.booking_page .write_form .form_list > li.date + .name{margin-top: 4rem; max-width: 100%;} /*.booking_page .write_form .birth .inp_box > * x 3*/
.booking_page .write_form .form_list > li > .tit{font-weight: 600; font-size:var(--txt18); margin-bottom: 0.5em;}
.booking_page .write_form .form_list > li > .tit.ess:after{content:'＊'; color: var(--orange1); font-weight: 600;}
/*.booking_page .write_form .form_list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1.6rem;}*/
/*.booking_page .write_form .form_list > li:not(.half){grid-column: span 2;}*/
.booking_page .write_form .form_list li .tit{flex-shrink: 0; width: 130px;}

.booking_page .write_form .form_list li .cont_box{width:100%;}
.booking_page .write_form .form_list li.phone{padding-bottom: 2em;}
.booking_page .write_form .form_list li.phone .info_txt{position: absolute; left: 0; width: calc(100% - 130px); left: 130px; max-width:100%; bottom: 0;}

.booking_page .write_form .form_list .inp {overflow: hidden; width: 100%; height: var(--inpH); color: #000; font-size: var(--txt18); position: relative;}
.booking_page .write_form .form_list .inp input{width: 100%; max-width: 100%; height: 100%; background-color: var(--bg); border:1px solid var(--bg); padding: 0 1em; border-radius: 1rem; transition: 0.25s ease;}
.booking_page .write_form .form_list .inp input:focus{border:1px solid #101010; background-color: #fff;}

.booking_page .write_form .form_list .nice-select{width: 15em; max-width: 100%;}

.booking_page .write_form .birth .inp_box{display: flex; align-items: center; gap: 1rem;}
.booking_page .write_form .birth .inp_box .nice-select .list{max-height: 180px; overflow: auto}
.booking_page .write_form .birth .inp_box .nice-select .list::-webkit-scrollbar { width: 5px; }
.booking_page .write_form .birth .inp_box .nice-select .list::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.5); border-radius: 3px;}

.booking_page .write_form .phone .inp_box{display: flex; align-items: center; gap: 1rem;}

.booking_page .write_form .form_list > li.date + .name .inp > *{width: 65rem; max-width: 100%;}
.booking_page .write_form .birth .inp_box > *{width: 21rem; max-width: 100%;}
.booking_page .write_form .phone .inp_box > *{width: 19.8rem; max-width: 100%;}

.booking_page .write_form .radio_list{display: flex; flex-wrap: wrap; gap: 1.5rem 3.2rem;}
.booking_page .write_form .radio_list li{min-width: 1.8rem;}
.booking_page .write_form .radio_txt { position: absolute;}
.booking_page .write_form .radio_txt + div { display: flex; align-items: center; font-weight:500; transition: all 0.1s ease; cursor: pointer; }
.booking_page .write_form .radio_txt + div .ico {position: relative; width:22px; height: 22px; flex-shrink: 0; border-radius:100%; overflow: hidden; margin-right:1rem;}
.booking_page .write_form .radio_txt + div .ico + span{white-space: nowrap;}
.booking_page .write_form .radio_txt + div .ico:before {content: ''; position: absolute; left: 0; top:0; right:0;bottom:0; border-radius:100%; border:2px solid rgba(0,0,0,0.3); transition: border 0.5s ease;}
.booking_page .write_form .radio_txt + div .ico:after{content: ''; position: absolute; opacity: 0; width: 14px; height: 14px; left: 50%; top:50%; transform: translate(-50%, -50%); border:2px solid rgba(0,0,0,0); background-color: var(--orange1); border-radius:100%; transition: opacity 0.5s ease;}
.booking_page .write_form .radio_txt:checked + div .ico:before { border-color: var(--orange1); }
.booking_page .write_form .radio_txt:checked + div .ico:after { opacity:1; }
.booking_page .write_form .radio_txt:disabled + div { opacity: .45; cursor: not-allowed; pointer-events: none; }

.booking_page .write_form .cal_wrap { font-size:var(--txt16); background-color: #fff; border-radius: 2rem; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.25);}

.booking_page .write_form .cal_wrap .cal_box{padding:10px;}
.booking_page .write_form .cal_wrap .cal_top { display: flex; align-items: center; justify-content: center; max-width: 100%; padding: 1em 0; background-color: #F6F6F6;}

.booking_page .write_form .cal_wrap .cal_top .date { font-size: var(--txt30); font-weight: 700; text-align: center; padding: 0 7rem; white-space: nowrap;}
.booking_page .write_form .cal_wrap .cal_top .btn{height: 1.5em;}
.booking_page .write_form .cal_wrap .cal_top .btn svg{display: block; width: 100%; height: 100%;}
.booking_page .write_form .cal_wrap .cal_top .btn svg path{ transition: stroke 0.5s; }
.booking_page .write_form .cal_wrap .cal_top .btn:hover svg path{stroke:var(--orange1);}
.booking_page .write_form .cal_wrap .cal_top .btn + .btn { margin-left: 3.5rem; }
.booking_page .write_form .cal_wrap .cal_top .btn:hover{ fill: #000; }
.booking_page .write_form .cal_wrap .cal_box .week_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); font-weight: 600; padding:0.6em 0; text-align: center;}

.booking_page .write_form .cal_wrap .cal_box .day_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));}
.booking_page .write_form .cal_wrap .cal_box .day_wrap .day { position: relative; width: 100%; padding: 0 0.6em 0; height: 7rem;} /*height: 10rem;*/
.booking_page .write_form .cal_wrap .cal_box .day_wrap .day .date { position: relative; font-weight: 500; z-index: 1;}
.booking_page .write_form .cal_wrap .cal_box .day_wrap .day.none .date{color: rgba(0, 0, 0, 0.20);}

.booking_page .write_form .cal_wrap .cal_box .day_wrap .day .badge{display: inline; padding:0.2em; margin-left: 0.2em; background-color:var(--bg); color:var(--gray); border-radius: 5px;}
.booking_page .write_form .cal_wrap .cal_box .day_wrap .day .btn{ display: block; width: 100%; margin-top: 0.2rem; background-color: #FFE2CF; color: var(--orange1); border-radius:5px; padding:0.5em 0.2em; transition: background 0.25s ease, color 0.25s ease;}
.booking_page .write_form .cal_wrap .cal_box .day_wrap .day .btn.active{background-color: var(--orange1); color: #fff; }
.booking_page .write_form .cal_wrap .cal_box .day_wrap .day .btn.none{background-color: #eaeaea; color: var(--gray);}

.booking_page .write_form .cal_radio{margin-top: 3rem;}

.booking_page .write_form .info_txt{position:relative; font-size:var(--txt16); color:var(--gray); font-weight: 600; margin-top: 0.5em; fill:#666; padding-left: 1.3em;}
.booking_page .write_form .info_txt .ico{position: absolute; left: 0; top: 0.1em;}
.booking_page .write_form .info_txt .ico svg{display: inline-block; width: 1em;}

.booking_page .write_form .form_list + .btm_box{padding-top: 3rem; margin-top: 3rem; border-top: 1px solid #A3A3A3;}

.form_chk{ display: flex; align-items: center; font-size:var(--txt16); font-weight: 600;}
.form_chk + .form_chk{margin-top: 0.5em;}
.form_chk .chk_box label { display: flex; align-items: center; font-size: calc(var(--txt) * 0.85); cursor: pointer; }
.form_chk .chk_box input + label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; border-radius: 0.3rem; width:1.4em; height:1.4em; background-color: #fff; border:1px solid rgba(0,0,0,0.4); transition: all 0.3s ease;}
.form_chk .chk_box input + label .ico svg{display: block; width: 0.8em;}
.form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color: var(--orange1); border-color: var(--orange1);}
.form_chk .chk_box input:checked + label .ico path{ fill: #fff;}
.form_chk .chk_box + .btn { flex-shrink: 0; margin-left: 0.5em; font-size: calc(var(--txt) * 0.85); transition: color 0.3s; font-weight: 600; line-height: 1.6}

.form_chk .chk_box label .txt span{color: var(--orange1);}

.booking_page .write_form .form_btn_box{margin-top: 5.6rem; display: flex; justify-content: center;}
.booking_page .write_form .form_btn_box .btn{font-size:var(--txt18); font-weight: 600; min-width: 16rem; max-width: 50%; background-color: #101010; color: #fff; padding:1em; border-radius: 10rem; transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;}
.booking_page .write_form .form_btn_box .btn.line{border:1px solid #101010; background-color: #fff; color: #101010;}
.booking_page .write_form .form_btn_box .btn + .btn{margin-left: 0.5em;}


/* 상담·예약_온라인예약 */
/*.online_page .booking_tab .write_form .form_list > li:not(.type),*/
/*.online_page .booking_tab .write_form .form_list + .btm_box{display: none;}*/
/*.online_page .booking_tab .write_form.is_select .form_list > li:not(.type),*/
/*.online_page .booking_tab .write_form.is_select .form_list + .btm_box { display: block; }*/

/* 상담·예약_예약확인/삭제 */
.online_page .status_sect,
.online_page .status_sect2{padding-bottom: var(--pd220);}
.online_page .status_sect .write_form{margin: 0 auto; padding-top: var(--mt100);}
.online_page .status_sect .write_form .form_btn_box .btn{width: 24rem}

.status_sect2{}
.online_page .status_sect .status_cont{padding-top: var(--mt100);}
.online_page .status_sect .status_cont .sub_tit_box{text-align: center;}
.online_page .status_sect .status_cont .table_box{margin-top: 5.6rem}
.online_page .status_sect .status_cont .table_box table{width: 100%; text-align:center;border-collapse:collapse; }
.online_page .status_sect .status_cont .table_box table tr th{padding:1em; border-bottom: 1px solid #101010;}
.online_page .status_sect .status_cont .table_box table tr td{padding:1.2em; border-bottom: 1px solid rgba(16, 16, 16, 0.25);}
.online_page .status_sect .status_cont .table_box table tr td button,
.online_page .status_sect .status_cont .table_box table tr td .link,
.online_page .status_sect .status_cont .table_box table tr td a{font-weight: 700; color: var(--orange1)}


/* 상담·예약_전화상담 */
.booking_page .write_form .form_list li .textarea textarea { position: relative; width: 100%; height: 10em; padding: 1.5em 1.3em; font-size:var(--txt18); background: var(--bg); border:none; border-radius: 1rem; resize: none; line-height: 1.5em; transition: border-color 0.25s, box-shadow 0.25s; }
.booking_page .write_form .form_list li .textarea textarea:focus { outline: 1px solid #000; }
.booking_page .write_form .form_list li .textarea textarea::placeholder { color: #666; font-weight: 500;}
.booking_page .write_form .form_list li .textarea textarea::-webkit-scrollbar { width: 10px; }
.booking_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.5); border-right: 5px solid var(--bg); border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px; }
.booking_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-track { background: var(--bg); }
.booking_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:decrement { height: 15px; }
.booking_page .write_form .form_list li .textarea textarea::-webkit-scrollbar-button:vertical:increment { height: 15px; }











/* Hover Event */
@media screen and (min-width: 1241px) {
    .line_tab:hover{color:#000; border-color:#000;}

    .counsel_sect .cont_box .form_box .form_btn:hover{background-color: #000;}
    .branch_page .branch_sect .map_cont .map_btn_box .btn:hover svg{fill: #fff;}
    .branch_page .branch_sect .map_cont .map_btn_box .btn:hover{background-color: #101010; color:#fff; fill:#101010;}

    .board_view_page .board_li_wrap .box_wrap .btn_wrap a:hover{background-color: var(--alertColor); border-color:var(--alertColor); color:#fff;}

    .board_list .list li a:hover{background-color: var(--bg);}
    .media_list .list li a:hover .img_box img{transform: scale(1.1);}
    .board_view_page .reaction_cont .cont_box .list .item:hover{transform: translateY(-6px);}
    .board_view_page .reaction_cont .cont_box .list .item:hover .txt_box .num{color:var(--orange1)}

    .counsel_sect .cont_box .ico_box .cont:hover { background-color: #FFEEDF;}

    .program_page .program_sect .program_list .item a:hover .img_box:after{height: 40%;}
    .program_page .program_sect .program_list .item a:hover .txt_box .ico{background-color: #000;}
    .program_page .program_sect .program_list .item a:hover .txt_box .ico svg path{fill: #fff;}
    .bio_page .review_video_sect .video_cont .video_box a:hover .img_box img{transform: scale(1.1);}

    /*.success_page .best_sect .slide .item:hover .img_box:after{height: 50%;}*/
    /*.success_page .best_sect .slide .item:hover .view_box{opacity: 1;}*/

    .booking_page .write_form .form_btn_box .btn:hover{background-color: var(--orange1);}
    .booking_page .write_form .form_btn_box .btn.line:hover{background-color: #101010; color: #fff;}
    .modal_cont.reserv .cont .btn:hover{background-color: var(--orange1);}

    .online_page .booking_sect .cs_cont .list .link_item:hover{background-color: #fff; border:1px solid #101010;}
    .online_page .booking_sect .cs_cont .list .link_item > a:hover .btn_box .btn{background-color: #000; color:#fff;}
    .online_page .info_cont .down_btn .btn:hover{background-color: #101010; color: #fff;}
    .online_page .info_cont .down_btn .btn:hover svg path{stroke: #fff;}

    .special_page .program_sect .cont .img_wrap .img_box:hover{background-size:110% 110%;}
    .special_page .program_sect .cont .img_wrap .img_box:after{transition: background .3s ease-in-out}
    .special_page .program_sect .cont .img_wrap .img_box:hover:after {
        background: url('data:image/svg+xml,<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="51" height="51" rx="25.5" fill="%23D75500"/><path d="M25.5 16C26.2495 16 26.8574 16.6079 26.8574 17.3574V24.1426H33.6426C34.3921 24.1426 35 24.7505 35 25.5C35 26.2495 34.3921 26.8574 33.6426 26.8574H26.8574V33.6426C26.8574 34.3921 26.2495 35 25.5 35C24.7505 35 24.1426 34.3921 24.1426 33.6426V26.8574H17.3574C16.6079 26.8574 16 26.2495 16 25.5C16 24.7505 16.6079 24.1426 17.3574 24.1426H24.1426V17.3574C24.1426 16.6079 24.7505 16 25.5 16Z" fill="white"/></svg>') no-repeat center / contain
    }

    .center_page .special_sect .cont_box .self_list li:hover {padding-left: 10rem;}
    .center_page .special_sect .cont_box .self_list li:hover .hover_img {transform: translate(-100%,-50%) rotate(-4.072deg); opacity: 1;}
    .center_page .special_sect .cont_box .self_list li:nth-child(2n):hover .hover_img{transform: translate(-100%,-50%) rotate(4.072deg); }

    .center_page .wedo_sect .wedo_cont .cont_box .link_list .item:hover .tit{color: var(--orange1);}
    .center_page .wedo_sect .wedo_cont .cont_box .link_list .item:hover .tit .ico{background-color: var(--orange1);}
    .center_page .wedo_sect .wedo_cont .cont_box .link_list .item:hover .img_box img{transform: scale(1.05);}

    .play_page .play_cont .item .img_box:hover:before,
    .play_page .play_cont .item .img_box:hover:after{opacity: 1}

    .spec_program_page .play_sect .list .item a:hover:before,
    .spec_program_page .play_sect .list .item a:hover:after{opacity: 1}

    .bio_page .review_video_sect .video_cont .video_box .img:hover:before,
    .bio_page .review_video_sect .video_cont .video_box .img:hover:after{opacity: 1}

}