@import url("common.css");

/* Fullpage */
#main_wrap {background:none;}

.section,
.slide{position: relative; width: 100%; height: var(--fullpagevh); box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; z-index: 1; overflow: hidden !important;}
.section .fp-overflow,
.slide .fp-overflow {position: relative; width: 100%; height: var(--fullpagevh); overflow: hidden; display: flex; justify-content: center; flex-direction: column;}
#fp-clinic.fp-is-overflow > .fp-overflow,
#fp-location.fp-is-overflow > .fp-overflow {overflow-y: auto !important; overflow-x: hidden !important; display: block !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;}
#fp-clinic.fp-is-overflow > .fp-overflow::-webkit-scrollbar,
#fp-location.fp-is-overflow > .fp-overflow::-webkit-scrollbar {display: none;}
#fp-clinic.fp-is-overflow > .fp-overflow,
#fp-location.fp-is-overflow > .fp-overflow {-ms-overflow-style: none; scrollbar-width: none;}
.section.fp-height-auto,
.slide.fp-height-auto {height: auto !important;}
.section.fp-height-auto .fp-overflow,
.slide.fp-height-auto .fp-overflow {height: auto !important; min-height: auto !important;}

/* 풀페이지 네비게이션 */
.fp-arrow {display: none;}

.fp_nav_wrap {width: 90%; max-width: 1530px; position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 9999; display: flex; justify-content: space-between; align-items: center;}
.fp-slidesNav {position: static; transform: none; margin: 0 !important;}
.fp-slidesNav ul {display: flex; gap: 18px; align-items: center;}
.fp-slidesNav ul li {margin-right: 0;}
.fp-slidesNav ul li a {width: var(--marb12); height: var(--marb12); background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: block; position: relative; pointer-events: auto; transition: all 0.3s ease;}
.fp-slidesNav ul li a span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('/img/fp-active.svg') center / cover no-repeat; width: 14px; aspect-ratio: 14 / 18; opacity: 0; display: block; transition: all 0.3s ease;}
.fp-slidesNav ul li a.active {width: 14px; height: 18px; background: transparent !important;}
.fp-slidesNav ul li a.active span:last-child {opacity: 1;}

.scr_down {display: flex; gap: 10px; align-items: center;}
.scr_down .scr_down_ani {position: relative; width: 50px;}
.scr_down .scr_down_ani .line {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display:block;}
.scr_down .scr_down_ani .ellipse {width: 7px; aspect-ratio: 1/1; border-radius: 50%; background: var(--white); position: absolute; top: 50%; left: 0; transform: translate(0, -50%); animation: scrDownEllipse 2.2s infinite;}
.scr_down .scr_down_txt {font-size: 14px; line-height: 185.714%; color: rgba(255, 255, 255, 0.3); transition: color 0.4s ease;}
.scr_down:hover .scr_down_txt {color: var(--white);}

@keyframes scrDownEllipse {
	0% {left: 0; transform: translate(0, -50%) scale(1); animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);}
	28% {left: calc(100% - 7px); transform: translate(0, -50%) scale(1);}
	42% {left: calc(100% - 7px); transform: translate(0, -50%) scale(1.2); animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);}
	72% {left: 0; transform: translate(0, -50%) scale(1); animation-timing-function: ease-out;}
	100% {left: 0; transform: translate(0, -50%) scale(1);}
}


/* 풀페이지 섹션별 스타일 */
.header.blk_header h1 a img:first-of-type {opacity: 0;}
.header.blk_header h1 a img:last-of-type {opacity: 1;}

.header.blk_header .gnb > ul > li > a {color: var(--black);}

.header.blk_header .top_util a.search svg path {stroke: var(--black);}
.header.blk_header .top_util a.menu svg rect.main_rect {fill: var(--main);}
.header.blk_header .top_util a.menu svg rect {fill: var(--sub);}

/* body:not(.fp-viewing-0-s01) .quick {transform: translateY(0);}
body:not(.fp-viewing-0) .quick {transform: translateY(0);} */

@media all and (min-width: 981px){
    body:not(.fp-viewing-0-s01):not(.fp-viewing-0) .quick {transform: translateY(0);}
    body:not(.fp-viewing-0-s01):not(.fp-viewing-0) .btn_top {opacity: 1; visibility: visible;}    
}

body:not(.fp-viewing-0-s01) .fp-slidesNav ul li a span:last-child {background-image: url('/img/fp-active.svg');}
body:not(.fp-viewing-0) .fp-slidesNav ul li a span:last-child {background-image: url('/img/fp-active-main.svg');}
body.fp-viewing-0-s02 .fp-slidesNav ul li a {background: rgba(64, 61, 57, 0.2);}
body.fp-viewing-0-s03 .fp-slidesNav ul li a {background: rgba(64, 61, 57, 0.2);}
body.fp-viewing-0-s04 .fp-slidesNav ul li a {background: rgba(64, 61, 57, 0.2);}

body:not(.fp-viewing-0):not(.fp-viewing-0-s01):not(.fp-viewing-0-s05) .fp_nav_wrap .scr_down .scr_down_ani .line {border-color: rgba(64, 61, 57, 0.2);}
body:not(.fp-viewing-0):not(.fp-viewing-0-s01):not(.fp-viewing-0-s05) .fp_nav_wrap .scr_down .scr_down_ani .ellipse {background: var(--black);}
body:not(.fp-viewing-0):not(.fp-viewing-0-s01):not(.fp-viewing-0-s05) .fp_nav_wrap .scr_down .scr_down_txt {color: rgba(64, 61, 57, 0.3);}
body:not(.fp-viewing-0):not(.fp-viewing-0-s01):not(.fp-viewing-0-s05) .fp_nav_wrap .scr_down:hover .scr_down_txt {color: var(--black);}

body.fp-viewing-0-s06 .fp_nav_wrap .scr_down {opacity: 0; visibility: hidden;}



/* 디졸브 */
.ani_effect {transform:translateY(60px); opacity: 0; transition:all .6s linear; }
.ani_effect.delay1 {transition-delay:0.6s;}
.ani_effect.delay2 {transition-delay:0.9s;}
.ani_effect.delay3{transition-delay:1.2s;}
.ani_effect.delay4{transition-delay:1.5s;}
.ani_effect.delay5{transition-delay:1.8s;}
.ani_effect.delay6{transition-delay:2s;}

.slide.action .ani_effect{transform:translateY(0); opacity: 1;}

/* 슬릭.스와이퍼 버튼 */
.arrows {display: flex; gap: 26px;}
.arrows a {display: flex; color: var(--white); opacity: 0.6;}
.arrows a:hover {opacity: 1 !important;}
.arrows a::before {font-size: 34px;}
.arrows a.prev::before {content:'\f1e6'}
.arrows a.next::before {content:'\f1df'}

/* 공통 변수 */
:root {
    --marb12 : 12px;
}


/* Visual */
#fp-visual .visual_in {width:100%; height:100%; position:relative; z-index:98}
#fp-visual .visual_in .roll {width:100%; height:100%;;}
#fp-visual .visual_in .roll .v_bg {width:100%; height:100%; position:absolute; top:0; left:0; background-color: var(--bk000);}
#fp-visual .visual_in .roll .bg {background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; height:100%; transform: scale(1.1); transition: transform 3s ease; opacity: 0.65;}
#fp-visual .visual_in .roll .v_txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#fp-visual .visual_in .roll .v_txt p {transform: translateY(100px); opacity: 0; transition: all 0.6s 0.3s ease;}
#fp-visual .visual_in .roll .v_txt p.v_tit {font-size: 4.111rem; line-height: 113.513%; letter-spacing: var(--letter-spacing-heading); margin-bottom: 23px;}
#fp-visual .visual_in .roll .v_txt p.v_tit b {font-weight: 700; line-height: inherit;}
#fp-visual .visual_in .roll .v_txt p.v_desc {transition-delay: 0.6s;}


#fp-visual .visual_in .roll.action .bg {transform: scale(1);}
#fp-visual .visual_in .roll.action .v_txt > * {opacity: 1; transform: translateY(0);}

#fp-visual {--v_txt-height: 0px;}
#fp-visual .v_util {position: absolute; z-index: 999; left: 50%; transform: translateX(-50%); top: calc(50% + var(--v_txt-height) / 2 + 60px);}

#fp-visual .v_util .scr_down {display: none;}

#fp-visual .arrows a.prev::before {content:'\f1e6'}
#fp-visual .arrows a.next::before {content:'\f1df'}

/* Team */
#fp-team {position: relative;}
#fp-team::after {content: ''; position: absolute; top: 88px; right: 0; width: 50%; height: calc(100% - 88px); background: var(--mainBg); max-width: 815px; border-radius: 20px 0 0 180px;}
#fp-team::before {content: ''; position: absolute; bottom: 0; right: 29px; width: 35%; max-width: 643px; aspect-ratio: 643 / 588; background: url('/img/team_bg.svg') center / cover no-repeat; z-index: 2;}
#fp-team .team_in {position: relative; z-index: 2;}
#fp-team .team_in .roll {display: flex; align-items: center;}
#fp-team .team_in .roll .team_txt {width: 45%; padding-right: 100px; max-width: 650px;}
#fp-team .team_in .roll .team_txt .cat {margin-bottom: var(--marb12);}
#fp-team .team_in .roll .team_txt .tit {display: flex; gap: 5px; margin-bottom: 27px; align-items: flex-start;}
#fp-team .team_in .roll .team_txt .tit .tit_img {flex-shrink: 0; display: flex; padding-top: 3px;}
#fp-team .team_in .roll .team_txt .cont {margin-bottom: 55px;}
#fp-team .team_in .roll .team_txt .cont h4 {display: flex; gap: 8px; align-items: flex-end; margin-bottom: var(--marb12);}
#fp-team .team_in .roll .team_img {flex: 1; display: flex; gap: 10px;}
#fp-team .team_in .roll .team_img .img_in {display: flex; width: fit-content; border-radius: 20px;aspect-ratio: 435 / 540; width: 100%; overflow: hidden;}
#fp-team .team_in .roll .team_img img {width: 100%; height: 100%; object-fit: cover;}


#fp-team .team_in .roll.action .team_txt .cat {opacity: 1; transform: translateY(0);}
#fp-team .team_in .roll.action .team_txt .tit {opacity: 1; transform: translateY(0);}
#fp-team .team_in .roll.action .team_txt .cont {opacity: 1; transform: translateY(0);}
#fp-team .team_in .roll.action .team_txt .cont h4 {opacity: 1; transform: translateY(0);}
#fp-team .team_in .roll.action .team_img {opacity: 1; transform: translateY(0);}

/* Clinic */
#fp-clinic .clinic_track {position: relative;}
#fp-clinic .clinic_in {display: flex; align-items: flex-start;}
#fp-clinic .clinic_in_left {position: sticky; top: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: center; align-items: start; width: 50%; min-height: var(--fullpagevh);padding-right: 90px; gap: 47px; box-sizing: border-box;}
#fp-clinic .progress {position: absolute; top: 0; left: 50%; height: 100%; border-left: 1px solid var(--border); pointer-events: none; z-index: 2;}
#fp-clinic .progress .progress_active {position: absolute; top: 0; left: 50%; width: 0; height: 0; z-index: 1; border-left: 3px solid var(--main); transform: translateX(-50%); border-radius: 0 0 2px 2px;}

#fp-clinic .clinic_img_list {width: 100%; max-width: 460px; aspect-ratio: 46 / 68; position: relative; border-radius: 280px 20px 20px 20px; transition: border-radius 0.3s ease; overflow: hidden;}
#fp-clinic .clinic_img_item {position: absolute; inset: 0; transition: opacity 0.3s ease;}
#fp-clinic .clinic_img_item img {width: 100%; height: 100%; object-fit: cover;}

#fp-clinic .clinic_list_tab {display: flex; flex-direction: column; gap: 20px; padding-top: 2px;}
#fp-clinic .clinic_list_tab_item a {display: flex; gap: var(--marb12); align-items: flex-start; opacity: 0.2; transition: all 0.3s ease;}
#fp-clinic .clinic_list_tab_item a .num {opacity: 0; transition: all 0.3s ease;}

#fp-clinic .clinic_list_tab_item.active a {opacity: 1;}
#fp-clinic .clinic_list_tab_item.active a .num {opacity: 1;}


#fp-clinic .clinic_list {width: 50%; height: calc(var(--fullpagevh) * 2); padding-left: 90px; box-sizing: border-box;}
#fp-clinic .clinic_list li {min-height: var(--fullpagevh); display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; will-change: opacity;}
#fp-clinic .clinic_list li:first-child {opacity: 1;}
#fp-clinic .clinic_list li:nth-child(2) {opacity: 0;}
#fp-clinic .clinic_list li .eng_tit {margin-bottom: var(--marb12); font-family: var(--eng);}
#fp-clinic .clinic_list li h3 {margin-bottom: var(--marb12);}
#fp-clinic .clinic_list li p.fs22 {margin-bottom: var(--marb12);}
#fp-clinic .clinic_list li .btn_wrap {margin-top: 60px;}


#fp-clinic.is-step-2 .clinic_img_list {border-radius: 20px 20px 280px 20px;}

#fp-clinic .clinic_img_item {opacity: 0;}
#fp-clinic .clinic_img_item:first-child,
#fp-clinic.is-step-2 .clinic_img_item:nth-child(2) {opacity: 1;}
#fp-clinic.is-step-2 .clinic_img_item:first-child {opacity: 0;}

/* About */
#fp-about {position: relative; background: url('/img/about_bg.png') center / cover no-repeat;}
#fp-about .about_in {position: relative; z-index: 2; display: flex; align-items: center;}
#fp-about .about_in .imgbox {width: 50%; display: flex; gap: 5px; position: relative;}
#fp-about .about_in .imgbox::after {content: ''; width: 105px; aspect-ratio: 105 / 138; background: url('/img/about_deco.svg') center / cover no-repeat; position: absolute; right: -105px; top: 0; z-index: -1;}
#fp-about .about_in .imgbox .imgbox_item {width: 70%; max-width: 510px;}
#fp-about .about_in .imgbox .imgbox_item img {width: 100%; height: auto; border-radius: 180px 20px 20px 20px;}
#fp-about .about_in .imgbox .imgbox_item:last-child {flex: 1; width: auto; padding-top: 100px;}
#fp-about .about_in .imgbox .imgbox_item:last-child img {border-radius: 20px 0 180px 20px;}
#fp-about .about_in .txtbox {width: 50%; padding-left: 90px;}
#fp-about .about_in .txtbox .eng_tit {margin-bottom: var(--marb12); font-family: var(--eng);}
#fp-about .about_in .txtbox h3 {margin-bottom: var(--marb12);}
#fp-about .about_in .txtbox p.fs22 {margin-bottom: var(--marb12);}
#fp-about .about_in .txtbox .btn_wrap {margin-top: 60px;}


/* Place */
#fp-place {position: relative; overflow: hidden; background-color: #000; --place-pad-top: 147px; --place-pad-bottom: 147px;}

#fp-place::before,
#fp-place::after {content: ''; position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; filter: blur(15px); transform: scale(1.08); transition: opacity 0.6s ease; pointer-events: none;}
#fp-place::before {z-index: 0; background-image: var(--place-bg-a, none);}
#fp-place::after {z-index: 1; background-image: var(--place-bg-b, none);}
#fp-place.is-bg-a::before,
#fp-place.is-bg-b::after {opacity: 0.3;}
#fp-place .place_in {position: relative; z-index: 2; overflow: visible; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: var(--place-pad-top) 0 var(--place-pad-bottom); box-sizing: border-box;}
#fp-place .place_in .tit_wrap {margin-bottom: 50px; flex-shrink: 0;}
#fp-place .place_in .tit_wrap .eng_tit {margin-bottom: var(--marb12); font-family: var(--eng);}
#fp-place .place_in .place_swiper {position: relative; width: 100%; max-width: 900px; margin: 0 auto; flex-shrink: 0;}
#fp-place .place_in .place_swiper .swiper {overflow: visible;}
#fp-place .place_in .place_swiper .swiper-slide {width: 900px; position: relative; transition: transform 0.4s ease;}
#fp-place .place_in .place_swiper .swiper-slide:not(.swiper-slide-active) .imgbox {transform: translateY(100px);}
#fp-place .place_in .place_swiper .swiper-slide.swiper-slide-active .imgbox {transform: translateY(0);}
#fp-place .place_in .place_swiper .swiper-slide .imgbox {border-radius: 20px; overflow: hidden; transition: transform 0.4s ease, border-radius 0.4s ease; width:100%; max-height:500px; aspect-ratio:9 / 6}
#fp-place .place_in .place_swiper .swiper-slide.swiper-slide-active .imgbox {border-radius: 180px 20px 180px 20px;}
#fp-place .place_in .place_swiper .swiper-slide .imgbox img {width: 100%; height: 100%; display: block; object-fit: cover;}
#fp-place .place_in .place_swiper .swiper-slide .btn_wrap {margin: 40px auto 0; width: fit-content; min-height: 58px; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
#fp-place .place_in .place_swiper .swiper-slide-active .btn_wrap {opacity: 1; visibility: visible;}
#fp-place .place_in .place_swiper .place_ctrl {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 900px; max-width: 100%; height: 58px; display: flex; justify-content: space-between; align-items: center; z-index: 2; pointer-events: none;}
#fp-place .place_in .place_swiper .place_ctrl a {display: flex; align-items: center; color: var(--white); opacity: 0.6; pointer-events: auto; transition: opacity 0.3s ease;}
#fp-place .place_in .place_swiper .place_ctrl a:hover {opacity: 1;}
#fp-place .place_in .place_swiper .place_ctrl a::before {font-size: 34px;}
#fp-place .place_in .place_swiper .place_ctrl .place_prev::before {content:'\f1e6';}
#fp-place .place_in .place_swiper .place_ctrl .place_next::before {content:'\f1df';}

/* Location */
.footer_wrap {height: 100%; display: flex; flex-direction: column;}
/* .location_in .location_map {pointer-events: none;} */

/*******************************************************************************
    @media 1700px
*******************************************************************************/
@media all and (max-width:1700px){
/* Team */
#fp-team::after {width: 40%;}
.fp_nav_wrap {padding-right: 120px;}


}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
/* Team */
#fp-team .team_in .roll .team_txt .cont br {display: none;}

/* Clinic */
#fp-clinic .clinic_list {padding-left: 70px;}
#fp-clinic .clinic_in_left {padding-right: 70px;}

/* plcae */
#fp-place .place_in .place_swiper .swiper-slide {width: 800px;}
#fp-place .place_in .place_swiper .place_ctrl {width: 800px;}
}

/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* Visual */
#fp-visual .visual_in .roll .v_txt p.v_tit {font-size: 3.5rem;}

/* Team */
#fp-team .team_in .roll {align-items: flex-start;}
#fp-team .team_in .roll .team_txt {padding-right: 60px;}
#fp-team .team_in .roll .team_txt .tit .tit_img img {width: 45px; height: auto;}

/* Clinic */
#fp-clinic .clinic_list {padding-left: 50px;}
#fp-clinic .clinic_in_left {padding-right: 50px; gap: 30px;}
#fp-clinic .clinic_list br {display: none;}

/* About */
#fp-about .about_in .imgbox::after {width: 85px; right: -85px;}

/* plcae */
#fp-place .place_in .place_swiper .swiper-slide {width: 700px;}
#fp-place .place_in .place_swiper .place_ctrl {width: 700px;}

/* Location — 컨텐츠가 100vh 초과 시 섹션 내부 스크롤 */
#fp-location .footer_wrap {height: auto; min-height: 100%;}
#fp-location .location_in {flex: none; align-items: flex-start;}
}


/*******************************************************************************
    @media 980px
*******************************************************************************/
@media all and (max-width:980px){
:root {
    --compad : 120px;
}    

/* 가로 풀페이지 해제 → 세로 일반 스크롤 */
body.fp-responsive {overflow: visible !important; height: auto !important;}
html:has(body.fp-responsive) {overflow: visible !important; height: auto !important;}
body.fp-responsive .wrapper {overflow: visible !important;}
body.fp-responsive #main_wrap {height: auto !important; overflow: visible !important;}
body.fp-responsive #main_wrap .section {height: auto !important; display: block !important; overflow: visible !important;}
body.fp-responsive #main_wrap .slide {display: block !important; float: none !important; position: relative !important; width: 100% !important; height: auto !important; overflow: visible !important;}
body.fp-responsive #main_wrap .section .fp-overflow,
body.fp-responsive #main_wrap .slide .fp-overflow {height: auto !important; min-height: 0 !important; overflow: visible !important; display: block !important;}
body.fp-responsive .fp_nav_wrap {display: none !important;}
body.fp-responsive .fp-slidesContainer {width: 100% !important; height: auto !important;}
body.fp-responsive .fp-tableCell {display: block !important; height: auto !important;}
.fp-slides {overflow: visible !important;}



/* 슬릭.스와이퍼 버튼 */
.arrows {gap: 15px;}
.arrows a::before {font-size: 30px;}

/* Visual */
body.fp-responsive #main_wrap .slide#fp-visual {height: var(--fullpagevh) !important;}
body.fp-responsive #main_wrap .slide#fp-visual .fp-overflow {height: 100% !important;}
#fp-visual .v_util {top: auto !important; bottom: 20px; display: flex; justify-content: space-between; align-items: center; bottom: 10px;}
#fp-visual .v_util .scr_down {flex-direction: row-reverse; display: flex;}
#fp-visual .v_util .scr_down .scr_down_ani {width: auto; height: 50px;}
#fp-visual .visual_in .roll .v_txt p.v_desc br {display: none;}
#fp-visual .v_util .scr_down .scr_down_ani .line {height: 100%; width: auto; border-bottom: none; border-right: 1px solid rgba(255, 255, 255, 0.2);}
#fp-visual .v_util .scr_down .scr_down_ani .ellipse {left: 50%;}

@keyframes scrDownEllipse {
	0% {transform: translate(-50%, 0) scale(1); animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1); top: 0;}
	28% {transform: translate(-50%, 0) scale(1); top: calc(100% - 7px);}
	42% {transform: translate(-50%, 0) scale(1.2); animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0); top: calc(100% - 7px);}
	72% {transform: translate(-50%, 0) scale(1); animation-timing-function: ease-out; top: 0;}
	100% {transform: translate(-50%, 0) scale(1); top: 0;}
}

/* Team */
#fp-team {padding: var(--compad) 0;}
#fp-team::after {border-radius: 15px 0 0 120px; top: 0; height: 100%;}
#fp-team .team_in .roll .team_txt {padding-right: 20px;}
#fp-team .team_in .roll .team_txt .tit {margin-bottom: 20px;}
#fp-team .team_in .roll .team_txt .tit .tit_img img {width: 42px;}
#fp-team .team_in .roll .team_txt .cont {margin-bottom: 30px;}
#fp-team .team_in .roll .team_img .img_in {border-radius: 15px;}

/* Clinic — 681~980: PC형 sticky + 리스트 상하 스택 스크롤 */
#fp-clinic {overflow: visible !important; padding: 0;}
#fp-clinic .clinic_track {height: auto; position: relative;}
#fp-clinic .clinic_in_left {position: sticky; top: 0; min-height: var(--fullpagevh); height: auto; padding-right: 30px; display: block; align-self: flex-start; box-sizing: border-box;}
#fp-clinic .clinic_list_tab {gap: 15px; padding-top: 0;}
#fp-clinic .clinic_list {padding-left: 30px; height: calc(var(--fullpagevh) * 2); align-self: flex-start; position: relative;}
#fp-clinic .clinic_list li {position: relative; left: auto; right: auto; top: auto; bottom: auto; min-height: var(--fullpagevh); justify-content: center; box-sizing: border-box;}
#fp-clinic .clinic_list li:first-child {opacity: 1;}
#fp-clinic .clinic_list li:nth-child(2) {opacity: 0; background: transparent;}
#fp-clinic .progress {display: none;}

#fp-clinic .clinic_img_list {border-radius: 180px 10px 10px 10px;}
#fp-clinic.is-step-2 .clinic_img_list {border-radius: 10px 10px 180px 10px;}
#fp-clinic .clinic_list li .btn_wrap {margin-top: 40px;}

/* About */
#fp-about {padding: var(--compad) 0;}
#fp-about .about_in {align-items: flex-start;}
#fp-about .about_in .imgbox::after {width: 70px; right: -70px;}
#fp-about .about_in .txtbox {padding-left: 40px;}
#fp-about .about_in .txtbox .btn_wrap {margin-top: 40px;}

#fp-about .about_in .imgbox .imgbox_item:last-child {padding-top: 60px;}
#fp-about .about_in .imgbox .imgbox_item img {border-radius: 80px 10px 10px 10px;}
#fp-about .about_in .imgbox .imgbox_item:last-child img {border-radius: 10px 0 80px 10px;}

/* Place */
#fp-place::before, #fp-place::after {transform: scale(1);}
#fp-place .place_in {padding: var(--compad) 0; width: 90%;}
#fp-place .place_in .tit_wrap {margin-bottom: 30px;}
#fp-place .place_in .place_swiper .swiper {overflow: hidden;}
#fp-place .place_in .place_swiper .swiper-slide {width: 100%; margin-top: 0; padding-top: 0;}
#fp-place .place_in .place_swiper .swiper-slide .imgbox {border-radius: 80px 10px 80px 10px !important; transform: translateY(0) !important;}
#fp-place .place_in .place_swiper .swiper-slide .btn_wrap {margin-top: 30px;}
#fp-place .place_in .place_swiper .place_ctrl {bottom: -5px; width: 100%;}
#fp-place .place_in .place_swiper .place_ctrl a::before {font-size: 30px;}
}

/*******************************************************************************
    @media 768px
*******************************************************************************/
@media all and (max-width:768px){
body.fp-responsive #main_wrap .slide#fp-visual {z-index: 2;}
    
/* Team */
#fp-team::after {width: 100%; max-width: 100%; height: 50%; border-radius: 0 0 0 80px;}
#fp-team::before {top: -40px; right: auto; left: -50px; width: 60%;}
#fp-team .team_in .roll {flex-direction: column; gap: 30px;}
#fp-team .team_in .roll .team_txt {width: 100%; order: 1; padding-right: 0; flex: initial; display: flex; flex-direction: column;}
#fp-team .team_in .roll .team_txt .cont {flex: 1;}
#fp-team .team_in .roll .team_txt .team_txt_body {flex: 1;}
#fp-team .team_in .roll .team_img {width: 100%; order: 0; transition-delay: 0.3s; flex: initial;}
#fp-team .team_in .roll .team_img .img_in {max-width: 100%; width: 100%;}

#fp-team {position: relative;}
#fp-team .arrows_wrap {padding-left: 0; position: absolute; right: 5%; bottom: 13px; margin: 0; width: fit-content;}
#fp-team .arrows_wrap .arrows {padding-left: 0;}
}

/*******************************************************************************
    @media 680px
*******************************************************************************/
@media all and (max-width:680px){
:root {
    --compad : 80px;
    --marb12 : 8px;
}    

/* 슬릭.스와이퍼 버튼 */
.arrows {gap: 10px;}
.arrows a::before {font-size: 26px;}

/* Team */
#fp-team .team_in .roll .team_img .img_in {border-radius: 10px;}
#fp-team .team_in .roll .team_txt .tit .tit_img {padding: 0;}
#fp-team .arrows_wrap {bottom: 12px;}
#fp-team .arrows_wrap .arrows a::before {font-size: 28px;}

/* Clinic — 탭 전환만 (스크롤 애니메이션 없음) */
#fp-clinic {padding: 0 0 var(--compad);}
#fp-clinic .clinic_track {height: auto;}
#fp-clinic .clinic_in {flex-direction: column; gap: 30px; position: relative; height: auto; align-items: stretch;}
#fp-clinic .clinic_in_left {position: relative; top: auto; width: 100%; padding-right: 0; min-height: auto; display: block; transition-delay: 0.6s;}
#fp-clinic .clinic_img_list {max-width: 100%;}
#fp-clinic .clinic_list_tab {gap: 10px; position: absolute; top: 0; left: 0; z-index: 2;}
#fp-clinic .clinic_list {padding-left: 0; width: 100%; height: auto; position: relative; transition-delay: 0.9s;}
#fp-clinic .clinic_list li {min-height: auto !important; justify-content: flex-start; transition: opacity 0.35s ease;}
#fp-clinic .clinic_list li:first-child {position: relative; left: auto; right: auto; top: auto; bottom: auto;}
#fp-clinic .clinic_list li:nth-child(2) {position: absolute; left: 0; right: 0; top: 0; bottom: auto;}
#fp-clinic .clinic_list li .btn_wrap {margin-top: 24px;}
#fp-clinic .progress {display: none;}

/* About */
#fp-about {background-size: 100% auto; background-position: top center;}
#fp-about .about_in {flex-direction: column;}
#fp-about .about_in .imgbox {width: 100%;}
#fp-about .about_in .imgbox::after {right: 30%; z-index: 1; transform: translateX(100%); top: -22px;}
#fp-about .about_in .imgbox .imgbox_item img {height: 100%; object-fit: cover;}
#fp-about .about_in .imgbox .imgbox_item:first-child {margin-bottom: 30px;}
#fp-about .about_in .imgbox .imgbox_item:last-child {margin-top: 30px; padding-top: 0;}
#fp-about .about_in .txtbox {width: 100%; padding-left: 0;}
#fp-about .about_in .txtbox .btn_wrap {margin-top: 30px;}
#fp-about .about_in .txtbox br {display: none;}

/* Place */
#fp-place .place_in .place_swiper .place_ctrl {bottom: -1px;}
#fp-place .place_in .place_swiper .place_ctrl a::before {font-size: 28px;}
}

/*******************************************************************************
    @media 480px
*******************************************************************************/
@media all and (max-width:480px){
/* Team */
#fp-team::after {height: 40%;}
#fp-team .team_in .roll .team_img {flex-direction: column;}
}