@charset "utf-8";


/* ---------- common ---------- */
.main_tit_box > *{opacity: 0; transform: translateY(8rem); transition: opacity 0.8s ease, transform 0.8s ease;}
.main_tit_box.active > *{opacity: 1; transform: translateY(0);}
.main_tit_box .subtit{font-size: var(--lgTxt); margin-bottom: 3.2rem; font-weight: 600; line-height: 1;}
.main_tit_box .tit{ font-size: var(--mainTit); line-height: 1.5; font-weight: 700;}
.main_tit_box .txt{font-size: var(--subTxt); margin-top: 4.8rem;}



/* ---------- Visual ---------- */
.visual_sect {position: relative; height: calc(var(--vh, 1vh) * 100); position: relative; overflow: hidden; border-radius: 0px 0px 0px 0px; overflow: hidden; transition: border-radius 1s ease;}
.visual_sect.active{border-radius: 0px 0px 24rem 0px;}

.visual_sect .swiper-container { height: 100%; }
.visual_sect .swiper-slide { position: relative;  height: 100%;} 
.visual_sect .swiper-slide .in2{display: flex; align-items: center; height: 100%;}

.visual_sect .swiper-slide .txt_box { width:100%; z-index:2; color:#fff; padding-bottom: 10rem;}
.visual_sect .swiper-slide .txt_box .txt { font-size: var(--lgTxt); transform: translateY(4rem); opacity:0; margin-bottom: 4rem;}
.visual_sect .swiper-slide .txt_box .tit { font-size: 6.4rem; font-weight:700; margin-bottom: 1.28rem; transform: translateY(4rem); opacity:0; line-height: 1.5;}
.visual_sect .swiper-slide.swiper-slide-active .txt_box .txt { transform: unset; opacity:1; transition: all 1.2s ease; transition-delay: 0.5s}
.visual_sect .swiper-slide.swiper-slide-active .txt_box .tit { transform: unset; opacity:1; transition: all 1s ease; transition-delay: 0.8s;}

.visual_sect .swiper-slide .bg { position: absolute; width: 100%; height: 100%; left:0; bottom:0; transform: scale(1.1); transition: transform 2s ease;}
.visual_sect .swiper-slide .bg:before {content: ""; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.15); width: 100%; height: 100%}
/*.visual_sect .swiper-slide .bg img { width: 100%; height: 100%; object-fit: cover; object-position: center;}*/
.visual_sect .swiper-slide .bg > * { width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual_sect .swiper-slide.swiper-slide-active .bg { transform: unset;}

.visual_sect .controls { display: block; position: absolute; left:0; right:0; bottom:32%; z-index:2; display: flex; align-items: center; width: var(--in); padding:0 var(--inPd); margin:0 auto;}
.visual_sect .controls .paging {color:#fff;}
.visual_sect .controls .paging .bar { width:16rem; background-color: rgba(255,255,255,0.3);}

.visual_sect .swiper_btns{display: flex; margin: 0 1.5rem 0 2.5rem;}
.visual_sect .swiper_btns .swiper-button-prev,
.visual_sect .swiper_btns .swiper-button-next{position: relative; top: inherit; left: inherit; right: inherit; width: 1em; height: 1em; margin-top: 0;}
.visual_sect .swiper_btns .swiper-button-prev{margin-right: 2rem; background: url('data:image/svg+xml,<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.5L2 9L9 1.5" stroke="white" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center / contain;}
.visual_sect .swiper_btns .swiper-button-next{background: url('data:image/svg+xml,<svg width="11" height="18" viewBox="0 0 11 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 1.5L9 9L2 16.5" stroke="white" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center / contain;}

.visual_sect .controls .play_stop { display: flex; align-items: center; justify-content: center; width:4rem; height: 4rem; background-color: rgba(255,255,255,.2); border-radius: 50%;}
.visual_sect .controls .play_stop button{display: flex; align-items: center; justify-content: center; width:100%; height: 100%; background-color: rgba(255,255,255,.2); border-radius: 50%;}
.visual_sect .controls .play_stop button svg { display: block; width:0.95rem; fill:#fff;}
.visual_sect .controls .play_stop button.play { display: none;} 
.visual_sect .controls .play_stop.active button.play { display: flex;}
.visual_sect .controls .play_stop.active button.stop { display: none;}

.visual_sect .scroll{position: absolute; font-size:var(--smTxt); font-weight: 500; bottom: 17.6rem; /* 4rem + 11.2rem + 2.4rem */ left: 50%; transform: translateX(-50%); z-index: 10; color: #fff; display: flex; flex-direction: column; align-items: center; transition:opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.visual_sect .scroll .ico{margin-bottom: 1em; width: 1.25em; height: 1.875em;}
.visual_sect .scroll .ico svg{display: block; width: 100%; height: auto; animation: scrollBounce 2s ease-in-out infinite; transform-origin: center;}
.visual_sect .scroll .txt{line-height: 1;}
.visual_sect .scroll.hide{opacity: 0; transform: translate(-50%, -20px); }


@keyframes scrollBounce {
    0% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(8px); opacity: 1; }
    100% { transform: translateY(0); opacity: 1; }
  }




/* ---------- 소개 ---------- */
.intro_sect{position: relative; height: calc(var(--vh, 1vh) * 100); margin-bottom: calc(-1 * calc(var(--vh, 1vh) * 100));}
.intro_sect .in{ height:100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.intro_sect .fill_txt{ font-size: var(--mainTit); font-weight: 700; line-height: 1.4;}
.intro_sect .fill_txt span{ color: rgba(0,0,0,.2); background: linear-gradient(90deg, black 0%, black 100%); background-clip: text; -webkit-background-clip: text; background-size: 0% 100%; background-repeat: no-repeat; transition: background-size 0.1s linear;}


/* ---------- 진료철학 1 ---------- */
.phil_sect{position: relative; height: calc(var(--vh, 1vh) * 100); overflow: hidden;}
.phil_sect > .left,
.phil_sect > .right{position: absolute; width: 50%; z-index: 1;}
.phil_sect > div .item{position: relative; height:100vh;}

.phil_sect .panel { position: static; display: block; width: 100%; height: 100vh;}
.phil_sect .left {display: flex; flex-direction: column-reverse; left: 0; top: 0; transform: translateY(-100%);}
.phil_sect .left .panel{background-color: var(--green);}
.phil_sect .right {display: flex; flex-direction: column; right: 0; bottom: 0; transform: translateY(100%);}
.phil_sect .right .panel{background-color: var(--brown);}

.phil_sect .item .img_box{width: 100%; height: 100%; overflow: hidden;}
.phil_sect .item .img_box .img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.phil_sect .item .txt_box{position: relative; display: flex; font-size:var(--mainTit); width:100%; height: 100%; padding: 12% 12% min(20rem, 16%) min(20rem, 12%); flex-direction: column; justify-content: space-between; color:#fff; z-index: 2;}
.phil_sect .item .txt_box .label{font-size: var(--lgTxt); font-weight: 600; line-height: 1;}
.phil_sect .item .txt_box .label .num{margin-left: 0.5em;}
.phil_sect .item .txt_box .tit{font-weight: 700; font-size:var(--mainTit); line-height: 1;}
.phil_sect .item .txt_box .txt{font-size: var(--lgTxt2); font-weight: 600; margin-top: 4rem;}
.phil_sect .item .bg{position: absolute; top: 0; left: 0; width: 100%; height:100%; z-index: 1; overflow: hidden;}
.phil_sect .item .bg .img{width: 100%; height: 100%; object-fit: cover; object-position: center;}


/* ---------- 진료철학 2 ---------- */
.value_sect {padding: var(--sectPd) 0 8rem; overflow: hidden;}

.value_sect .cont{position: relative; margin-top: 16rem;}
.value_sect .cont .line{position: absolute; left: 50%; top: 0; height: 100%; width: 3px; --grad-opacity-mid: 0.5; --grad-opacity-end:1; background: linear-gradient(180deg, rgba(167, 111, 88, 0) 0%, rgba(167, 111, 88, var(--grad-opacity-mid)) 50%, rgba(167, 111, 88, var(--grad-opacity-end)) 100%);}
.value_sect .cont .line .dot{position: absolute; width: 2.5rem; bottom: -1em; left: 50%; transform: translateX(-50%); opacity: 0;}
.value_sect .cont .line .dot svg{display:block; width: 100%; }

.value_sect .cont .list{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 4rem 0;}
.value_sect .cont .list .item{position: relative; width: calc(50% - 12rem); margin-top: 4rem; border-radius: var(--smRadius); overflow: hidden;}
.value_sect .cont .list .item:nth-child(1),
.value_sect .cont .list .item:nth-child(2){margin-top: 0;}
.value_sect .cont .list .item:nth-child(odd){}
.value_sect .cont .list .item:nth-child(even){top: 8rem;}

.value_sect .cont .list .item .txt_box{position: absolute; bottom: 0; left: 0; padding: 4.8rem; z-index: 2; color:#fff;}
.value_sect .cont .list .item .txt_box .txt{position: relative; font-size: var(--txt2); padding-left: 1.3em; color:#c5c5c5;}
.value_sect .cont .list .item .txt_box .txt:before{content:''; position: absolute; left: 0; top: 0.6em; width: 0.5em; height: 0.5em; border-radius: 50%; background-color: #FBC1AF;}
.value_sect .cont .list .item .txt_box .tit{font-size: var(--smTit); font-weight: 700; margin-top: 1rem;}
.value_sect .cont .list .item .bg_box{position: relative; padding-top: 100%; width: 100%; height: 100%; z-index: 1;}
.value_sect .cont .list .item .bg_box:after{content:''; position:absolute; left: 0; bottom: 0; height: 50%; width: 100%; background: linear-gradient(180deg, rgba(45, 45, 45, 0.00) 0%, #2D2D2D 100%);}
.value_sect .cont .list .item .bg_box .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}



/* ---------- 클리닉 ---------- */
.clinic_sect {position: relative; padding: var(--sectPd) 0; margin-bottom: calc(var(--sectPd) + 8rem);}
.clinic_sect:before{content:''; position: absolute; left: 0; bottom: 0; width: 95%; height: 51%; background-color: #FFF5EA; border-radius: 0 16rem 4rem 0;}
.clinic_sect .slide_wrap {position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-top: calc(var(--mainContMt) + 1.6rem) }

.clinic_sect .slide_wrap .clinic_view { position: relative; flex-shrink: 0; width: 88rem; margin-right: auto; margin-left: unset; }
.clinic_sect .slide_wrap .clinic_view .item .slide_box {position: relative; }
.clinic_sect .slide_wrap .clinic_view .item .slide_box .img_box { position: relative; padding-top: 64%; border-radius: var(--radius); overflow: hidden; transition: opacity 1s ease-in-out 0.6s, transform 1s ease-in-out 0.6s;}
.clinic_sect .slide_wrap .clinic_view .item .slide_box .img_box .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box{position: absolute; width: 100%; width: 100%; bottom: 0; left: 0; padding:4rem ;}
.clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .txt_box_in{ display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 3.2rem 4rem ; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px); border-radius: 1.6rem;}
.clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tit{font-size: 3.2rem; font-weight: 700; line-height: 1;}
.clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tags{display: flex; font-size:var(--txt)}
.clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tags .tag{background-color: #fff; border-radius: 0.6em; padding: 0.6em 0.8em ; line-height: 1; font-weight: 500;}
.clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tags .tag + .tag{margin-left: 0.5em;}

.clinic_sect .slide_wrap .clinic_thumb { position: relative; width: 100%; margin-right: 12rem; z-index: 2; transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s; pointer-events: none;}
.clinic_sect .slide_wrap .clinic_thumb .item .img { position: relative; padding-top: 64%; width: 100%; height: 100%; border-radius: 20px; overflow: hidden; }
.clinic_sect .slide_wrap .clinic_thumb .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.clinic_sect .slide_wrap .clinic_thumb .item .txt{font-size: var(--lgTxt); font-weight: 700; margin-top: 2.4rem; line-height: 1; text-align: left;}
.clinic_sect .slide_wrap .controls{position: absolute; left: 0; bottom: 0;}



/* ---------- 프로그램 ---------- */
body.bg{background-color: var(--green);}
.program_sect{color:#fff;}
.program_sect .top_txt_cont{display: flex; align-items: center; justify-content: center; width: 100%; height: calc(var(--vh, 1vh) * 100); text-align: center; overflow: hidden;}
.program_sect .top_txt_cont .txt{font-size: 13vw; letter-spacing: 4vw; margin-right: -4vw; color: #fff; font-weight: 600; font-family: var(--en); opacity: 0;}

.program_sect .symbol_cont{position: relative; height: calc(var(--vh, 1vh) * 100); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.program_sect .symbol_cont .line{position: absolute; height:0; top:-38%; width: 3px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.program_sect .symbol_cont .line .dot{position: absolute; width: 10px; height:10px; bottom: -10px; left: 50%; transform: translateX(-50%); opacity: 0;}
.program_sect .symbol_cont .line svg{display:block; width: 100%; }
.program_sect .symbol_cont .line .dot{background:#fff; border-radius:50%;}
.program_sect .symbol_cont .line .dot:before{content: '';position: absolute;left: 50%;top: 50%;width: 200%;height: 200%;background-color: rgba(255, 255, 255, 0.2);border-radius: 100%; transform: translate(-50%, -50%); }

.program_sect .symbol_cont .symbol_list{display: flex; align-items: flex-end; justify-content: space-between; text-align: center; width: 95rem; max-width: 90%; margin-top: -10rem;}
.program_sect .symbol_cont .symbol_list .item{opacity: 0; transform: translateY(100px); max-width: 40%; transition: opacity .6s ease, transform .6s ease;}
.program_sect .symbol_cont .symbol_list .item.active{opacity: 1; transform: translateY(0);}
.program_sect .symbol_cont .symbol_list .item:last-child{transition-delay: 0.5s;}
.program_sect .symbol_cont .symbol_list .item:first-child .symbol {max-width: 31rem; padding-bottom: 1rem;}
.program_sect .symbol_cont .symbol_list .item:last-child .symbol {max-width: 30rem;}
.program_sect .symbol_cont .symbol_list .item .symbol svg{display: block; width: 100%;}
.program_sect .symbol_cont .symbol_list .item .txt_box {margin-top: 9.6rem;}
.program_sect .symbol_cont .symbol_list .item .txt_box .tit{font-size: var(--mainTit); font-weight: 700; }
.program_sect .symbol_cont .symbol_list .item .txt_box .txt{font-size: var(--lgTxt2); font-weight: 700; line-height: 1.5;}

.program_sect .doda_cont {position: relative; height: calc(var(--vh, 1vh) * 100); padding: 0 var(--inPd); overflow: hidden; margin-top: calc(-1 * calc(var(--vh, 1vh) * 100)); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0;}
.program_sect .doda_cont > .txt_box{margin-bottom: 5vh; text-align: center; width: 100%;}
.program_sect .doda_cont > .txt_box .tit{ font-size: var(--mainTit); font-weight: 700;}
.program_sect .doda_cont > .txt_box .txt{ font-size: var(--smTit); line-height: 1.5; font-weight: 600; margin-top: calc(var(--mainContMt) + 1.6rem);}
.program_sect .doda_cont > .txt_box .fill_txt span{display:inline-block; color: rgba(255,255,255,.2); background: linear-gradient(90deg, #fff 0%, #fff 100%); background-clip: text; -webkit-background-clip: text; background-size: 0% 100%; background-repeat: no-repeat; transition: background-size 0.1s linear;}
.program_sect .doda_cont > .txt_box .doda_logo{position:relative; width: 100rem; max-width: 80%; margin: calc(var(--mainContMt) + 1.6rem) auto 0;}
.program_sect .doda_cont > .txt_box .doda_logo svg{ opacity: 0.3; width: 100%; display: inline-block; }
.program_sect .doda_cont > .txt_box .doda_logo svg:last-child{ position: absolute; left: 0; top: 0; opacity: 1; width: 100%; display: inline-block; clip-path: inset(0 100% 0 0); }

.program_sect .doda_cont .list_box{position: absolute; display: flex; align-items: center; justify-content: center; width: 100vw; height: calc(var(--vh, 1vh) * 100); transform: translateX(100%); padding: var(--inPd)}
.program_sect .doda_cont .list_box .item{position: relative; width: calc(43rem + 6.4rem); padding: 0 3.2rem;}
.program_sect .doda_cont .list_box .item .item_in{position: relative; border-radius: var(--radius); overflow: hidden;}
.program_sect .doda_cont .list_box .item:nth-child(odd){transform: translateY(10rem);}
.program_sect .doda_cont .list_box .item:nth-child(even){transform: translateY(-10rem);}
.program_sect .doda_cont .list_box .item .txt_box{position: absolute; display: flex; flex-direction: column; justify-content: space-between; top: 0; left: 0; width: 100%; height: 100%; padding:  4.8rem 5.6rem 6rem 5.6rem; z-index: 2;}
.program_sect .doda_cont .list_box .item .txt_box .alpha{font-size:16rem; font-weight: 600; line-height: 1;}
.program_sect .doda_cont .list_box .item .txt_box .txt{font-size:var(--txt2); font-weight: 600; line-height: 1; margin-bottom: 2rem;}
.program_sect .doda_cont .list_box .item .txt_box .tit{font-size:4rem; font-weight: 700; line-height: 1;}

.program_sect .doda_cont .list_box .item .img_box{position: relative; padding-top: 128%; z-index: 1;}
.program_sect .doda_cont .list_box .item .img_box .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.program_sect .doda_cont .list_box .item .img_box:after{content:''; position:absolute; left: 0; bottom: 0; height: 100%; width: 100%; mix-blend-mode: multiply; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 45.86%, rgba(0, 0, 0, 0.30) 70.17%, rgba(0, 0, 0, 0.80) 100%);}



/* ---------- 의료진 ---------- */
.doctor_sect{padding: var(--sectPd) 0; background-color: var(--bg);}

.doctor_sect .main_tit_wrap{position: relative; margin-left: max(calc((100% - var(--in))/2 + var(--inPd)), var(--inPd));}
.doctor_sect .main_tit_wrap .deco{position: absolute; right: 8rem; bottom:0; width:96rem; max-width: 48%; opacity: 0.4;}
.doctor_sect .main_tit_wrap .deco .img{display: block; width: 100%;}

.doctor_sect .slide{display: flex; align-items: center; margin-top: calc(var(--mainContMt) + 1.2rem);  margin-left: max(calc((100% - var(--in))/2 + var(--inPd)), var(--inPd));}
.doctor_sect .slide .item a{ display: flex; align-items: center;}
.doctor_sect .slide .item .img_box{position: relative; padding-top:50%; flex-shrink: 0; width: 46rem; border-radius: var(--radius); overflow: hidden; margin-right: 6rem;}
.doctor_sect .slide .item .img_box .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: top; object-fit: cover;}
.doctor_sect .slide .item .txt_box{padding: 3% 0; display: flex; flex-direction: column;}
.doctor_sect .slide .item .txt_box .message{font-family: var(--serif); font-size:max(2.8rem, 28px); font-weight: 500;}
.doctor_sect .slide .item .txt_box .info_box{margin-top: 9rem;}
.doctor_sect .slide .item .txt_box .tag{display: inline-flex; width: max-content; font-size:var(--smTxt); margin-bottom: 0.4em; font-weight: 600; background-color: #F9DCD3; color: #A76F58; padding:0.6em 0.8em; line-height: 1; border-radius: 0.8rem;}
.doctor_sect .slide .item .txt_box .name{display: flex; align-items: center; font-size: var(--smTit ); font-weight: 700;}
.doctor_sect .slide .item .txt_box .name .position{font-size: 0.62em; margin-left: 0.2em;}
.doctor_sect .slide .item .txt_box .history{margin-top: 2rem;}
.doctor_sect .slide .item .txt_box .history .item{font-size:var(--txt); color:#3E3E3E; position: relative; padding-left: 0.5em; max-width: 90%;}
.doctor_sect .slide .item .txt_box .history .item + .item{margin-top: 0.2em;}
.doctor_sect .slide .item .txt_box .history .item:before{content: '·'; position: absolute; left: 0;}

.doctor_sect .slide .item .img_box{opacity: 0.3; transform: scale(0.7); transition: opacity 0.3s ease-in-out, transform 1s ease; transform-origin: left;}
.doctor_sect .slide .item.swiper-slide-active .img_box,
.doctor_sect .slide .item.swiper-slide-duplicate-active .img_box{opacity: 1; transform: scale(1);}
.doctor_sect .slide .item .txt_box{opacity: 0; transform: translateX(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease;; }
.doctor_sect .slide .item.swiper-slide-active .txt_box,
.doctor_sect .slide .item.swiper-slide-duplicate-active .txt_box{opacity: 1; transform: translateX(0); }

.doctor_sect .slide .swiper-pagination{position: relative; display: flex; flex-direction: column; justify-content:center; margin-right: 14rem;}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet{white-space: nowrap; display: flex; align-items: center;}
.doctor_sect .slide .swiper-pagination:before {content:''; position: absolute; left: 3px; top: 1px; width: 1px; height: calc(100% - 2px); background:rgba(121, 114, 85, 0.5);}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet{width: auto; background-color: unset; opacity: 1; border-radius: 0;}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-top: 6.4rem;}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet .bullet{ position: relative; width: 7px; height: 7px; background-color: var(--brown); border-radius: 50%; transition: border 0.5s ease; flex-shrink: 0;}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet .bullet:before{content:''; position: absolute; display: block; width: 9px; height: 9px; left: -0.1em; top: -0.1em; transform-origin: center; background-color: #fff; border-radius: 50%;z-index: -1; transition: transform 0.5s;}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet .txt{font-weight: 500; display: inline-block; font-size: var(--txt); color:#a2a2a2; font-weight: 500; margin-left: 1em;}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet-active .txt{font-weight: 700; color: var(--brown);}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet-active .bullet{transform: scale(1.5);}
.doctor_sect .slide .swiper-pagination .swiper-pagination-bullet-active .bullet:before{background-color: rgba(167, 111, 88, 0.2); transform: scale(1.5);}




/* ---------- 치료후기 ---------- */
.review_sect{padding: var(--sectPd) 0; display: flex; justify-content: space-between; padding-left: max(calc((100% - var(--in))/2 + var(--inPd)), var(--inPd)); background:#fff;}

.review_sect .left_wrap {flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; margin-right: 5rem;}
.review_sect .left_wrap .main_tit_box .btn{margin-top:var(--mainContMt);}
.review_sect .left_wrap .swiper_btn_wrap .swiper_btn{border: 1px solid #000;}

.review_sect .slide {flex: 1; min-width: 0; margin-top: 26.4rem; margin-top: 0; flex: 1; max-width: 128rem;}
.review_sect .slide .item{border-radius: var(--radius); overflow: hidden; background-color: var(--bg);}
.review_sect .slide .item a{display: flex; flex-direction: column; align-items: center; padding: 6.4rem 6rem; height: 100%;}
.review_sect .slide .item .tag{display: inline-block; margin:0 auto var(--mainContMt); background-color: var(--green); border-radius: 10rem; font-size: var(--smTxt); padding: 0.4em 1em; font-weight: 700; color: #fff;}
.review_sect .slide .item .cont_box{position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex: 1;}
.review_sect .slide .item .cont_box .txt_box {display: flex; flex-direction: column; justify-content: space-between; align-items: center; flex:1;}
.review_sect .slide .item .cont_box .top .txt{font-size: var(--lgTxt); min-height:200px; font-weight: 600; word-break: break-all; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; text-overflow: ellipsis;}
.review_sect .slide .item .cont_box .top .stars{display: flex; justify-content: center; margin-bottom: 2.4rem;}
.review_sect .slide .item .cont_box .top .stars .star{display: inline-block; width: 1em; height: 1em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23AF7E65" d="M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z"/></svg>') no-repeat center / contain}
.review_sect .slide .item .cont_box .btm{display: flex; color: #666; font-size: var(--smTxt); margin-top: 2.4rem;}
.review_sect .slide .item .cont_box .btm .name{position: relative; padding-right: 0.7em; margin-right: 0.5em;}
.review_sect .slide .item .cont_box .btm .name:before{content: '·'; position: absolute; right: 0;} 

.review_sect .slide .item .login_box{position: absolute; display: none; flex-direction: column; justify-content: center; text-align: center; align-items: center; font-size:var(--txt2); width:100%; height: 100%; top:0; left:0; background-color: var(--green); color: #fff;}
.review_sect .slide .item .login_box.active{display: flex;}
.review_sect .slide .item .login_box .ico{width:1em; height:1em; margin-bottom:1em; background:url('data:image/svg+xml,<svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 3C7.74219 3 6.375 4.40625 6.375 6.125V8H12.625V6.125C12.625 4.40625 11.2188 3 9.5 3ZM3.875 6.125C3.875 3.03906 6.375 0.5 9.5 0.5C12.5859 0.5 15.125 3.03906 15.125 6.125V8H15.75C17.1172 8 18.25 9.13281 18.25 10.5V18C18.25 19.4062 17.1172 20.5 15.75 20.5H3.25C1.84375 20.5 0.75 19.4062 0.75 18V10.5C0.75 9.13281 1.84375 8 3.25 8H3.875V6.125ZM10.75 13C10.75 12.3359 10.1641 11.75 9.5 11.75C8.79688 11.75 8.25 12.3359 8.25 13V15.5C8.25 16.2031 8.79688 16.75 9.5 16.75C10.1641 16.75 10.75 16.2031 10.75 15.5V13Z" fill="white"/></svg>') no-repeat center / contain;}
.review_sect .slide .item .login_box .txt{font-size: 1em; font-weight: 700;}




.marqee_sect .marqee_text {font-family: var(--en); display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s; font-size: 10rem; font-weight:700;}
.marqee_sect .marqee_text p {animation: textLoop 30s linear infinite; padding-right:4rem; line-height: 1.1; color: rgba(111, 109, 107, 0.1);} 



/* ---------- FAQ ---------- */
.faq_sect{padding: var(--sectPd) 0;}
.faq_sect .main_tit_box{text-align: center;}

.faq_sect .qna_list { max-width: max(95rem, 1000px); margin: var(--mainContMt) auto;}

.faq_sect .qna_list .row{background-color: var(--bg); --qnaPd:max(2.8rem, 30px); font-size: var(--subTxt); border-radius: 6rem; opacity: 0; transform: translateY(10rem);}
.faq_sect .qna_list .row.active{border-radius: var(--smRadius); background-color: var(--brown); color:#fff; }
.faq_sect .qna_list .row + .row{margin-top:2.4rem; }

.faq_sect .qna_list.active .row{opacity:1; transform: translateY(0);}
.faq_sect .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;}
.faq_sect .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;}
.faq_sect .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;}
.faq_sect .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;}
.faq_sect .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;}

.faq_sect .qna_list .row .que {display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 2.2em 2.7em;}
.faq_sect .qna_list .row .que .tit {position: relative; font-size: var(--lgTxt); font-weight: 700; padding-right: 1em; padding-left:var(--qnaPd)}
.faq_sect .qna_list .row .que .tit:before{content:'Q.'; position: absolute; left: 0; top: 0; color:var(--brown); transition: color 0.3s;}
.faq_sect .qna_list .row .que .btn { display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; }
.faq_sect .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; }
.faq_sect .qna_list .row.active .que{padding-bottom: 1.2em;}
.faq_sect .qna_list .row.active .que .tit:before { color:#fff; }
.faq_sect .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; }

.faq_sect .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;}
.faq_sect .qna_list .row.active .answer { opacity:1; }
.faq_sect .qna_list .row .answer .txt_box { font-weight: 500;}

.faq_sect .round_btn{margin-top: var(--mainContMt); display: flex; flex-direction: column; align-items: center;}



/* ---------- 자가테스트 ---------- */
.self_sect{padding: 0 var(--inPd) var(--sectPd);}
.self_sect .in{position: relative; max-width: 100%; width: 208rem; padding: 11.2rem 0; border-radius: var(--radius); overflow: hidden;}

.self_sect .cont_box{position: relative; width: var(--in); max-width: 100%; color:#fff; margin: 0 auto; z-index: 2; max-width: 85%;}
.self_sect .cont_box .main_tit_box .subtit{margin-bottom:3.2rem}
.self_sect .cont_box .main_tit_box .tit{ font-size: var(--smTit); line-height: 1.5;}
.self_sect .cont_box .main_tit_box .txt{font-weight: 500;}
.self_sect .cont_box .main_tit_box .txt + .txt{margin-top: 2.6rem;}
.self_sect .cont_box .main_tit_box .btn{margin-top: 8rem;}

.self_sect .bg{position: absolute; width:100%; height: 100%; top: 0; left: 0; z-index: 1;}
.self_sect .bg .img{position: absolute; width: 100%; height:100%; top: 0; left: 0; object-fit: cover; object-position: center;}




/* ---------- 미디어 ---------- */
.media_sect{padding: var(--sectPd) 0; background-color: var(--bg);}
.media_sect .top{display: flex; justify-content: space-between; align-items: flex-end;}

.media_sect .slide_wrap{margin-top: 4rem; padding-left: max(calc((100% - var(--in))/2 + var(--inPd)), var(--inPd))}
.media_sect .slide_wrap .item{padding-bottom: 8rem;}
.media_sect .slide_wrap .item a{display: block; width: 100%; height: 100%; border-radius: var(--smRadius); overflow: hidden; background-color: #fff; color:var(--black); transform: translateY(8rem); transition: transform 0.5s ease, background-color 0.5s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}

.media_sect .slide_wrap .item .img_box{position: relative; padding-top: 100%; border-radius: var(--smRadius); overflow: hidden; background:rgb(206,162,117); background:#ddd;}
.media_sect .slide_wrap .item .img_box .img{position: absolute; width: 100%; height: 100%; top:0; left: 0; object-fit: cover; object-position: center;}

.media_sect .slide_wrap .item.youtubeBox .img_box .img{object-fit: contain; margin:0 auto; width: 90%; left:5%;}

    /*.media_sect .slide_wrap .item .img_box{border-radius: var(--smRadius); overflow: hidden;}*/
/*.media_sect .slide_wrap .item .img_box .img{width: 100%; height: 100%; object-fit: cover; object-position: center;}*/

.media_sect .slide_wrap .item .txt_box{padding:3.2rem;}
.media_sect .slide_wrap .item .txt_box .tag{position: relative; display:inline-flex; max-width: max-content; align-items: center; font-size:var(--smTxt); line-height:1; color:#fff; font-weight: 700; background-color: #000; border-radius: 0.6rem; padding:0.5em 0.75em 0.45em; margin-bottom: 0.8em;}
.media_sect .slide_wrap .item .txt_box .tag.youtube { background: #E7161B;}       
.media_sect .slide_wrap .item .txt_box .tag.youtube:before{content:''; position: relative; display: inline-block; margin-top: -0.05em; width: 1.2em; height: 1em; margin-right: 0.4em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 12" fill="none"><path d="M8.51953 0C8.51953 0 13.8438 -0.000186892 15.1758 0.360352C15.909 0.555699 16.4863 1.13568 16.6816 1.875C17.0344 3.20569 17.0332 5.9732 17.0332 6.00098C17.0332 6.00098 17.0333 8.79055 16.6787 10.1279C16.4833 10.864 15.906 11.4443 15.1729 11.6426C13.8438 12.0001 8.5166 12 8.5166 12C8.48685 12 3.18528 11.9992 1.86035 11.6426C1.1272 11.4473 0.549919 10.8671 0.354492 10.1279C-0.00012103 8.79055 0 6.00098 0 6.00098C8.98941e-06 5.97319 0.00167067 3.20582 0.357422 1.87207C0.552758 1.13577 1.13002 0.555778 1.86328 0.357422C3.18686 0.00105679 8.48191 4.50139e-06 8.51953 0ZM6.77734 8.53613L11.2314 6.00293L6.77734 3.46973V8.53613Z" fill="white"/></svg>') no-repeat left / contain;}
.media_sect .slide_wrap .item .txt_box .tag.blog {background: #5BCE36;}
.media_sect .slide_wrap .item .txt_box .tag.blog:before{content:''; position: relative; display: inline-block; margin-top: -0.1em; width: 0.9em; height: 0.9em; margin-right: 0.4em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"><path d="M14 13.5H9.20909L4.7763 6.94074V13.5H0V0.5H4.79274L9.22553 7.05926V0.5H14V13.5Z" fill="white"/></svg>') no-repeat left / contain;}

.media_sect .slide_wrap .item .txt_box .tit{font-size:var(--txt1); font-weight: 700; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height:61px; overflow: hidden; text-overflow: ellipsis;}
.media_sect .slide_wrap .item .txt_box .date{font-size:var(--txt); font-weight: 500; margin-top: 4.8rem; color:#a2a2a2; transition:  color 0.3s ease-in-out;}

.media_sect .controls{margin-top: var(--mainContMt);}




@media screen and (min-width: 1241px){
    /*.media_sect .slide_wrap .item:hover a{transform: translateY(0); color:#fff; background-color: var(--brown);}*/
    /*.media_sect .slide_wrap .item:hover .txt_box .date{color:#F8CBB7;}*/
    .media_sect .slide_wrap .item:hover a{transform: translateY(0); box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.05);}

}


/* ---------- Responsive ---------- */
@media screen and (max-width: 2000px) {


    .main_tit_box .subtit{margin-bottom: 1.8rem;}
    .main_tit_box .tit{line-height: 1.4;}
    .main_tit_box .txt{margin-top: 3.2rem;}

    .phil_sect .item .txt_box .txt{font-size: var(--txt1); }

    .value_sect .cont{margin-top: 8rem;}
    .value_sect .cont .list{padding-top: 1rem;}

    .program_sect .doda_cont > .txt_box .txt{font-size: 30px;}
    /* .review_sect .slide{margin-top: 15rem;} */

    /*.clinic_sect:before{height:51%;}*/

    .self_sect .in{width: 200rem;}
    .self_sect .cont_box .main_tit_box .subtit{margin-bottom: 1.8rem;}
    .self_sect .cont_box .main_tit_box .txt br{display: none;}
    .self_sect .cont_box .main_tit_box .txt + .txt{margin-top: 0;}
    .self_sect .cont_box .main_tit_box .btn{margin-top: 6rem;}

    .media_sect .slide_wrap .item{padding-bottom: 4rem;}
    .media_sect .slide_wrap .item a{transform: translateY(4rem);}

    .doctor_sect .main_tit_wrap .deco{width:80rem;}


}


@media screen and (max-width: 1640px) {
    .visual_sect .swiper-slide .txt_box .txt{margin-bottom: 2.5rem;}
    .visual_sect .swiper-slide .txt_box .tit{font-size:5rem;}

    .program_sect .doda_cont .list_box .item .txt_box .tit{font-size: var(--smTit);}

    .clinic_sect .slide_wrap .clinic_thumb{margin-right: 8rem;}
    .program_sect .doda_cont .list_box .item {padding:0 2rem;}
    .program_sect .doda_cont .list_box .item .txt_box{padding:3rem 3rem 4rem;}


}


@media screen and (max-width: 1240px) {
    .main_tit_box .txt{margin-top: 2rem;}

    .visual_sect{max-height: 1000px;}
    .visual_sect .scroll{bottom: 4rem;}

    .intro_sect{margin-bottom: 0; max-height: 1000px;}


    .phil_sect{height: auto;}
    .phil_sect .left, .phil_sect .right{display: none;}

    .phil_sect > div .item{max-height:1000px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
    .phil_sect > div .item1 .img_box{order:2;}
    .phil_sect > div .txt_wrap{position: relative;}
    /*.phil_sect > div .item:before{content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;z-index: 2;}*/
    /*.phil_sect > div .item1:before{background: linear-gradient(0deg, var(--green) 0%, transparent 100%);}*/
    /*.phil_sect > div .item2:before{background: linear-gradient(0deg, var(--brown) 0%, transparent 100%);}*/
    .phil_sect .item .txt_box{padding: 15% 10%;}
    /*.phil_sect .item .txt_box .label{width: max-content; background: var(--green); padding: 0.6em 1em 0.5em; border-radius: 100px; font-size:var(--txt);}*/
    /*.phil_sect .item2 .txt_box .label{background: var(--brown);}*/

    .phil_sect .item .txt_box .label .num{margin-left: 0;}

    .value_sect .cont .list .item{width:calc(50% - 8rem)}
    .value_sect .cont{ margin-top: 5rem;}

    .program_sect .doda_cont > .txt_box .txt{font-size:var(--smTit);}
    .program_sect .doda_cont > .txt_box .doda_logo{width: 80rem; margin-left: auto; margin-right: auto;}

    .clinic_sect .main_tit_box {text-align: center;}
    .clinic_sect .slide_wrap{flex-direction: column; align-items: center; position: relative; margin-top: var(--mainContMt);}
    .clinic_sect .slide_wrap .clinic_thumb{display: none;}
    .clinic_sect .slide_wrap .clinic_view{margin-right: unset; width: 90%; max-width: 800px;}
    .clinic_sect .slide_wrap .controls{position: relative; margin-top: 3rem;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .txt_box_in{padding:3rem 3.6rem}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tit{font-size:2.8rem;}
    /*.clinic_sect .slide_wrap{ padding-bottom: 60px;}*/
    /*.clinic_sect .slide_wrap .controls{width: 100%; height: 100%; position: absolute; bottom: 0; left: 0;z-index: 10;}*/
    /*.clinic_sect .slide_wrap .controls .paging{margin: 0 auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}*/
    /*.clinic_sect .slide_wrap .controls .paging + .swiper_btn_wrap{position: absolute; margin-left: 0; width: 100%; display: flex; justify-content: space-between; padding-bottom: 30px;}*/

    .program_sect .doda_cont .list_box .item .txt_box{padding: 25px 30px 30px;}
    .program_sect .doda_cont .list_box .item .txt_box .alpha{font-size: 12rem}
    .program_sect .doda_cont .list_box .item{padding: 0 10px;}
    .program_sect .doda_cont .list_box .item .txt_box .txt{margin-bottom: 1rem;}

    .doctor_sect .main_tit_wrap .deco{display:none;}
    .doctor_sect .slide{margin-top: var(--mainContMt);}
    .doctor_sect .slide .swiper-pagination{margin-right:5rem;}
    .doctor_sect .slide .item .img_box{margin-right:5rem;}
    .doctor_sect .slide .item .txt_box .info_box{margin-top: 6rem;}

    .doctor_sect .slide .swiper-pagination{display: none;}
    .doctor_sect .slide .item .txt_box .message{font-size: 26px;}
    .doctor_sect .slide .item .txt_box .info_box{margin-top: 40px;}

    .review_sect{flex-direction: column;}
    .review_sect .left_wrap{position: relative;}
    .review_sect .controls{position: absolute; right: 0; bottom: 0;}
    .review_sect .slide{margin-top: var(--mainContMt); max-width: 100%; }
    .review_sect .slide .item a{padding:5.4rem 5rem;}

    .faq_sect .qna_list .row {--qnaPd: 30px;}
    .faq_sect .qna_list .row .que{padding: 30px 30px;}
    .faq_sect .qna_list .row .answer{padding: 0 calc(30px + var(--qnaPd)) 30px;}
    .faq_sect .qna_list .row.active .que{padding-bottom: 15px;}

    .media_sect .slide_wrap .item a {transform: translateY(0);}
    .media_sect .slide_wrap .item{padding-bottom: 0;}


}




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

    /*.doctor_sect .slide .item a {flex-direction: column;align-items: flex-start;}*/

    .doctor_sect .slide .item a {flex-direction: column; align-items: center; align-items: flex-start;width: 100%;}
    .doctor_sect .slide .item .txt_box{padding: 40px 0 0;}
    .doctor_sect .slide .item .img_box{width: 100%;}
    .doctor_sect .slide .item .img_box{padding-top: 100%;}
    .doctor_sect .slide .item .txt_box{opacity: 0.2; transform: translateY(0);}

    .program_sect .doda_cont .list_box{max-width: 650px;}
    .program_sect .doda_cont .list_box{flex-wrap:wrap; height: auto;}
    .program_sect .doda_cont .list_box .item{width: 50%;}
    .program_sect .doda_cont .list_box .item .img_box{padding-top: 100%;}
    .program_sect .doda_cont .list_box .item:nth-child(3),
    .program_sect .doda_cont .list_box .item:nth-child(4){margin-top: 25px;}
}



@media screen and (max-width: 768px) {
    .visual_sect{height: 70vh;}
    .visual_sect .swiper-slide .txt_box{padding-bottom: 20px;}
    .visual_sect .swiper-slide .txt_box .txt{margin-bottom: 15px;}
    .visual_sect .swiper-slide .txt_box .tit{font-size:32px;}

    .intro_sect{height: 60vh;}

    .phil_sect{overflow: unset;}
    /*.phil_sect .cont_wrap{position:relative; height:100vh;}*/
    /*.phil_sect .cont_wrap .cont{height: 100vh; position:sticky; top:0;}*/
    /*.phil_sect .cont_wrap .cont .item{width: 100%; max-height:100%;  grid-template-columns: 1fr; grid-template-rows:1fr 1fr; grid-auto-flow:row; position: absolute;}*/
    /*.phil_sect .cont_wrap .cont .item:first-child{-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); z-index: 0;}*/
    /*.phil_sect .cont_wrap .cont .item:not(:first-child) {-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); z-index: 1;}*/
    /*.phil_sect .cont_wrap .cont .item1 .img_box{order:1;}*/
    /*.phil_sect .cont_wrap .cont .item1 .txt_wrap{order:2;}*/
    /*.phil_sect .cont_wrap .cont .item .txt_wrap{margin-bottom: 60px;}*/

    .phil_sect .cont_wrap{position:relative; height:auto;}
    .phil_sect .cont_wrap .cont .item{width: 100%; max-height:100%; grid-template-columns: 1fr; height: 50vh;}
    .phil_sect .cont_wrap .cont .item .img_box{display:none;}
    .phil_sect .item .img_box .img{object-position: top;}
    .phil_sect .item .txt_box{padding: 50px 30px;}
    .phil_sect .item .txt_box .label{margin-bottom: 20px;}
    .phil_sect .item .txt_box .txt{margin-top: 15px; font-size:var(--txt); font-weight: 400;}

    .clinic_sect:before{width: 100%; height: 60%; border-radius: 0;}

    .program_sect .top_txt_cont{height: 50vh;}
    .program_sect .symbol_cont .line{top:-10%;}
    .program_sect .doda_cont .list_box{max-width: 600px;}

    .doctor_sect .slide .item .txt_box .message{font-size:22px;}
    .doctor_sect .slide .item .txt_box{padding: 25px 0 0;}
    .doctor_sect .slide .item .txt_box .info_box{margin-top: 30px;}

    .value_sect{padding-bottom: 60px;}
    .value_sect .cont .list .item:nth-child(even){top: 60px;}
    .value_sect .cont .list .item:nth-child(2){margin-top: 0;}
    .value_sect .cont{margin-top: var(--mainContMt);}
    .value_sect .cont .list .item{width:calc(50% - 20px)}
    .value_sect .cont .list .item .txt_box{padding: 25px;}
    .value_sect .cont .list .item .txt_box .tit{margin-top: 0;}
    .value_sect .cont .list .item .txt_box .txt{padding-left: 1em;}

    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .txt_box_in{padding:20px 25px;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tit{font-size: 22px;}

    .review_sect .slide .item a{padding: 35px 30px;}
    .review_sect .slide .item .cont_box .top .txt{min-height: 100px;}
    .review_sect .slide .item .tag{margin-bottom: 30px;}

    .self_sect .in{padding: 50px 0;}

    .com_inquiry_sect{padding: var(--sectPd) 0;}


}




@media screen and (max-width: 600px){
    .main_tit_box .txt br{display: none;}

    /*.visual_sect{height: 80vh;}*/
    .visual_sect.active{border-radius:0 0 100px 0;}
    .visual_sect .swiper-slide .txt_box{padding-bottom:80px;}
    .visual_sect .swiper-slide .txt_box .txt{font-size:15px;}
    .visual_sect .swiper-slide .txt_box .tit{font-size:26px;}
    .visual_sect .controls{bottom: 20px;}
    .visual_sect .swiper-slide .in2{align-items: flex-end;}
    .visual_sect .controls .paging .bar{width: 60px;}
    .visual_sect .controls .play_stop{width: 30px; height: 30px;}
    .visual_sect .scroll{bottom:30px;}
    .visual_sect .swiper_btns .swiper-button-prev,
    .visual_sect .swiper_btns .swiper-button-next{width:1.3em; height: 1.3em;}
    .visual_sect .controls .play_stop button svg{width:1.2rem;}

    .intro_sect .fill_txt{font-size:26px;}
    .intro_sect .fill_txt br{display:none;}
    .visual_sect .scroll{display: none;}

    .phil_sect .item .txt_box{padding: 40px 25px 35px }
    .phil_sect .item .txt_box .label{font-size:14px;}

    .value_sect .cont .list .item{width:calc(50% - 8px);}
    .value_sect .cont .line{width: 2px;}
    .value_sect .cont .line .dot{width: 15px; height: 15px; bottom: -5px;}
    .value_sect .cont .list .item{margin-top: 15px;}
    .value_sect .cont .list .item .txt_box{padding: 15px;}
    .value_sect .cont .list .item .txt_box .txt{font-size:10px; display:none;}
    .value_sect .cont .list .item .txt_box .tit{font-size:15px; line-height: 1.5;}

    .clinic_sect:before{width: 100%; height: 50%; border-radius: 0;}
    /*.clinic_sect .slide_wrap{padding-bottom: 50px;}*/
    /*.clinic_sect .slide_wrap .controls .paging + .swiper_btn_wrap{width: 106%; margin-left: -3%;}*/
    .clinic_sect .slide_wrap .clinic_view{width: 100%;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .img_box{border-radius: var(--radius) var(--radius) 0 0;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box{padding: 15px; position: relative; padding:0;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .txt_box_in{border-radius: 0 0 var(--radius) var(--radius); flex-direction: column;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tit{font-size:20px;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tags{font-size: 13px; margin-top: 10px;}
    .clinic_sect .slide_wrap .clinic_view .item .slide_box .txt_box .tags .tag{border:1px solid #ddd;}
    .clinic_sect .slide_wrap .controls{margin-top: 20px;}

    .doctor_sect .slide .item .txt_box{padding-top: 30px;}
    .doctor_sect .slide .item .txt_box .message{font-size:18px;}
    .doctor_sect .slide .item .txt_box .info_box{margin-top: 30px;}
    .doctor_sect .slide .item .txt_box .tag{margin-bottom: 10px;}
    .doctor_sect .slide .item .img_box{transform: scale(1)}

    .program_sect .top_txt_cont{height: 30vh;}
    .program_sect .symbol_cont .line{top:-10%;}

    .program_sect .symbol_cont .line{width: 2px;}
    .program_sect .symbol_cont .line .dot{width: 8px; height: 8px; bottom: -8px;}

    .program_sect .doda_cont > .txt_box .tit{font-size:24px;}
    .program_sect .doda_cont > .txt_box .doda_logo,
    .program_sect .doda_cont > .txt_box .txt{margin-top: 25px;}
    .program_sect .doda_cont > .txt_box .txt{font-size:16px;}
    .program_sect .doda_cont > .txt_box .txt br{display: none;}
    .program_sect .doda_cont .list_box .item .txt_box{padding: 20px 15px}
    .program_sect .doda_cont .list_box .item .txt_box .alpha{font-size:40px;}
    .program_sect .doda_cont .list_box .item .txt_box .txt{font-size:12px;}
    .program_sect .doda_cont .list_box .item:nth-child(odd){padding-left: 0; padding-right: 5px;}
    .program_sect .doda_cont .list_box .item:nth-child(even){padding-right: 0; padding-left: 5px;}

    .program_sect .symbol_cont .symbol_list .item .txt_box{margin-top: 40px;}

    .review_sect .left_wrap .main_tit_box .btn,
    .media_sect .top .round_btn{margin-top: 20px;}
    .review_sect .controls{display: none;}


    .marqee_sect .marqee_text{font-size:60px;}

    .faq_sect .qna_list .row + .row{margin-top: 15px;}
    .faq_sect .qna_list .row {--qnaPd: 25px;}
    .faq_sect .qna_list .row .que{padding: 20px 15px;}
    .faq_sect .qna_list .row .answer{padding: 0 calc(15px + var(--qnaPd)) 25px;}
    .faq_sect .qna_list .row.active .que{padding-bottom: 15px;}

    .self_sect .cont_box .main_tit_box .txt br{display: block;}

    .media_sect .top{flex-direction: column; align-items: flex-start;}
    .media_sect .slide_wrap .item .txt_box .date{margin-top: 25px;}
    .media_sect .controls{margin-top: 25px;}
    .media_sect .slide_wrap .item .txt_box .tit{min-height:55px;}

}