:root{
    --ysji-light-blue: #51b6ff;
    --ysji-blue: #0068ff;
    --ysji-black: #111;
    --ysji-sub_black: #2a2a2a;
    --ysji-gray: #656565;

    --fz-10: min(2.1vw, 10px); 
    --fz-11: min(2.4vw, 11px); 
    --fz-12: min(2.7vw, 12px); 
    --fz-13: min(2.9vw, 13px); 
    --fz-14: min(3.2vw, 14px); 
    --fz-15: min(3.5vw, 15px); 
    --fz-16: min(3.7vw, 16px); 
    --fz-17: min(4.0vw, 17px); 
    --fz-18: min(4.3vw, 18px); 
    --fz-19: min(4.5vw, 19px); 
    --fz-20: min(4.8vw, 20px); 
    --fz-21: min(5.1vw, 21px); 
    --fz-22: min(5.3vw, 22px); 
    --fz-23: min(5.6vw, 23px); 
    --fz-24: min(5.9vw, 24px); 
    --fz-25: min(6.1vw, 25px); 
    --fz-26: min(6.4vw, 26px); 
    --fz-27: min(6.7vw, 27px); 
    --fz-28: min(6.9vw, 28px); 
    --fz-29: min(7.2vw, 29px); 
    --fz-30: min(7.5vw, 30px); 
    --fz-31: min(7.7vw, 31px); 
    --fz-32: min(8.0vw, 32px); 
    --fz-33: min(8.3vw, 33px); 
    --fz-34: min(8.5vw, 34px); 
    --fz-35: min(8.8vw, 35px); 
    --fz-36: min(9.1vw, 36px); 
    --fz-37: min(9.3vw, 37px); 
    --fz-38: min(9.6vw, 38px); 
    --fz-39: min(9.9vw, 39px); 
    --fz-40: min(10.1vw, 40px); 
    --fz-41: min(10.4vw, 41px); 
    --fz-42: min(10.7vw, 42px); 
    --fz-43: min(10.9vw, 43px); 
    --fz-44: min(11.2vw, 44px); 
    --fz-45: min(11.5vw, 45px); 
    --fz-46: min(11.7vw, 46px); 
    --fz-47: min(12.0vw, 47px); 
    --fz-48: min(12.3vw, 48px); 
    --fz-49: min(12.5vw, 49px); 
    --fz-50: min(12.8vw, 50px);
    --fz-52: min(13.3vw, 52px);
} 
/* 공통 클래스 시작 */
html, body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body { font-family: 'SUIT Variable', sans-serif; font-size: 16px; }
body, p{word-break: keep-all;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.dpnone{display:none !important;}
.hide{display: none;}
.wrap{width: 95%; max-width: 1480px; margin: 300px auto 0;}
.checkbox{position: relative; display: inline-block; width: 20px; height: 20px; margin-right: 10px; border: 1px solid #ccc; border-radius: 50px; vertical-align: middle; background-color: #fff;}
.checkbox.checked{border: 2px solid var(--dw-green);}
.checkbox.checked:after{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: var(--dw-green);}
.flex-cont{display: flex;}
.blue{color: var(--ysji-blue);}
.mo,.mo-flex,.mo-ib,.mo-if,.mo-grid{display: none !important;}
.mo-768{display: none!important;}
* {-webkit-tap-highlight-color: transparent;}

#its-image-search-container{display: none !important;}
/* 공통 클래스 끝 */


/* 헤더 시작 */
header{transition: 0.5s; --header-color: #fff;}
header{width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center;}
header .logo-bk{display: none;}
header .logo-wh{display: block; filter:brightness(0) invert(1);}
header.dark{--header-color: #111;}
header.dark .logo-bk{display: block;}
header.dark .logo-wh{display: none;}
.mo-call svg path{fill: var(--header-color); transition: 0.5s;}
header .inner-box{position: relative; display: flex; justify-content: space-between; align-items: center; z-index: 10;}
header .inner-box .left{display: flex; align-items: center; gap: 86px; }
header .inner-box .right{display: flex; align-items: center;}
header .inner-box::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #D2D2D2; opacity: 0; transition: opacity 0.5s ease; pointer-events: none; transition-delay: 0.5s;}
header.active .inner-box::after { opacity: 1;}
header .logo a{display: block; width: 200px; padding-block: 1.61rem;}
header .logo a img{width: 100%;}
.gnb > ul{display: flex; gap: 40px;}
.gnb > ul > li{position: relative;}
.gnb > ul > li > a{font-size: 1rem; font-weight: 500; display: block; color: var(--header-color);}
.gnb:not(.pc-inside) > ul > li > a{width: 131px; padding: 2rem 0; text-align: center;}
.gnb .depth2{position: absolute; top: 80px; left: 50%; transform: translateX(-50%); background: #fff; border:1px solid #0068FF; padding: 10px 0; opacity: 0; visibility: hidden; transition: opacity 0.6s ease, transform 0.6s ease; border-radius: 0.5rem;}
.gnb > ul > li:hover .depth2{opacity: 1; visibility: visible; transform: translateX(-50%);  }
.gnb .depth2 li a{display: block; padding: 10px 30px; font-size: 1rem; white-space: nowrap; text-align: center; color: #454545; font-weight: 600;}
.gnb .depth2 li a:hover { color: #0068FF;}
header .inner-box .right .header-info{display: flex; align-items: center; gap: 39px;}
header .inner-box .right .header-info .tel{font-size: 1rem; font-weight: 600; color: var(--header-color);}
header .inner-box .right .header-info .btn-contact{display: inline-flex; justify-content: center; align-items: center; padding: 8px 22px; border-radius: 30px; border: 1px solid var(--header-color); background-color: transparent; transition: background-color 0.3s, color 0.3s; cursor: pointer; font-size: 0.95rem; font-weight: 600; color: var(--header-color); text-decoration: none;}
header:not(.dark) .inner-box .right .header-info .btn-contact:hover{background-color: #ffffff; color: #0068FF;}
header.dark .inner-box .right .header-info .btn-contact:hover{background-color: #0068FF; color: #ffffff; border-color: #0068FF;}
header.active .gnb > ul{gap: 130px;}
header.active .gnb .depth2{top: 80px;}
#hdMenuBtn{width: 2.49988rem; height: 2.41381rem; position: relative; background: none; border: none; cursor: pointer; padding: 0;}
.ham{width: 100%; height: 100%; position: relative;}
.ham span{position: absolute; width: 7px; height: 7px; background-color: var(--header-color); border-radius: 50%; top: 50%; left: 50%; transition: all 0.5s;}
.ham span:nth-child(1){transform: translate(calc(-50% - 14px), calc(-50% - 14px)) rotate(45deg);}
.ham span:nth-child(2){transform: translate(-50%, calc(-50% - 14px));}
.ham span:nth-child(3){transform: translate(calc(-50% + 14px), calc(-50% - 14px)) rotate(-45deg);}
.ham span:nth-child(4){transform: translate(calc(-50% - 14px), -50%);}
.ham span:nth-child(5){transform: translate(-50%, -50%);}
.ham span:nth-child(6){transform: translate(calc(-50% + 14px), -50%);}
.ham span:nth-child(7){transform: translate(calc(-50% - 14px), calc(-50% + 14px)) rotate(-45deg);}
.ham span:nth-child(8){transform: translate(-50%, calc(-50% + 14px));}
.ham span:nth-child(9){transform: translate(calc(-50% + 14px), calc(-50% + 14px)) rotate(45deg);}
#hdMenuBtn.active .ham span{opacity: 0; transform: translate(-50%, -50%) scale(0);}
#hdMenuBtn.active .ham span:nth-child(1){opacity: 1; width: 45px; height: 3px; transform: translate(-50%, -50%) rotate(45deg); border-radius: 2px;}
#hdMenuBtn.active .ham span:nth-child(3){opacity: 1; width: 45px; height: 3px; transform: translate(-50%, -50%) rotate(-45deg); border-radius: 2px;}
#moGnb{position: fixed; top: -500px; right: 0; display: flex; width: 100%; height: 25.1875rem; padding: 2rem 0; background: url(../img/pc_bg_menu.webp) center/cover no-repeat, #fff; transition: 0.5s; overflow-y: auto;}
#moGnb::after{position: absolute; bottom: 10%; left: 95%; transform: translateX(-50%); width: 25%; max-width: 110px; aspect-ratio: 1/1; background-image: url(../img/pc_menu_logo.png); background-size: contain; background-repeat: no-repeat; content: ''; z-index: -1;}
#moGnb.active{top: 0;}
#moGnb.mo-gnb>li{margin-bottom: 25px;}
#moGnb.mo-gnb>li>a{display: none; justify-content: space-between; align-items: center; padding-right: 15px; color: #fff;  font-size: 18px; font-weight: 500; line-height: normal;}
#moGnb.mo-gnb>li:has(.mo-sub-menu)>a::after{content: ''; width: 12px; height: 6px; background: url(../img/pc_menu_arrow.svg) center/contain no-repeat; transform: rotate(180deg); transition: transform 0.3s;}
#moGnb.mo-gnb>li.on>a::after{transform: rotate(0deg);}
#moGnb.mo-gnb>li .mo-sub-menu{display: none; flex-direction: column; padding: 25px 20px; background-color: #fff; border-radius: 15px; gap: 20px; margin-top: 15px;}
#moGnb.mo-gnb>li .mo-sub-menu li a{display: block; margin-bottom: 12px; color: #3C3C3C;  font-size: 13px; font-weight: 700; line-height: normal;}
#moGnb.mo-gnb>li .mo-sub-menu li:last-child a{margin-bottom: 0;}
header:has(#moGnb.active) .gnb > ul > li .depth2{opacity: 1; visibility: visible; background: transparent; border: none; transition-delay: 0.3s;}
/* 헤더 끝 */

/* 추가 */
header{transition:0.5s;--header-color:#fff;width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center}
header .logo{z-index: 1;}
header .logo-bk{display:none}
header .logo-wh{display:block}
header.dark:not(header.dark.active){--header-color:#111; background:#fff;  }
header.dark .logo-bk{display:block}
header.dark .logo-wh{display:none}
header.active .gnb.pc-outside{ display: none;}
header .inner-box{display:flex;justify-content:space-between;align-items:center;padding: 0 3.5rem;width:100%}
header.active header .inner-box{ border-bottom: 1px solid #D2D2D2;}
header .logo a{display:block;width:200px;position:relative;z-index:1010}
header .logo a img{width:100%}
header .left{display:flex;align-items:center;gap:86px}
header .logo a{display:block;width:200px}
header .logo a img{width:100%}
.pc-gnb ul{display:flex;gap:50px}
.pc-gnb ul li a{font-size:1rem;font-weight:500;color:var(--header-color)}
header.active .gnb.pc-gnb { display: none;}
#moGnb{position:fixed;top:-100%;left:0;width:100%; background:url(../img/pc_bg_menu.webp) center/cover no-repeat, #fff;display:flex; justify-content:center;transition:0.5s;z-index: 9;overflow:hidden}
#moGnb.active{top:0}
#moGnb .mo-gnb-inner{width:100%;max-width:1480px;display:flex;justify-content:center}
#moGnb .mo-gnb-list{display:flex;gap:100px;text-align:center}
#moGnb .mo-gnb-list > li > a{display:block;}
#moGnb .mo-gnb-list > li > a:hover { color:#0068FF ; }
#moGnb .mo-sub-menu{display:flex;flex-direction:column;gap:1.25rem}
#moGnb .mo-sub-menu li a{display:block;color:#454545;font-size:1rem;font-weight:600;transition:0.3s}
.gnb.pc-inside > ul > li > a { margin-top:0;color:#2A2A2A ; font-size:1.0625rem; font-weight:700; margin-bottom:2.5rem }
.gnb.pc-inside > ul > li > a:hover{color:#0068FF} 
header .right{display:flex;align-items:center;position:relative;z-index:1010}
.header-info{display:flex;align-items:center;gap:39px}
.header-info .tel{font-size:1rem;font-weight:600;color:var(--header-color)}
/* 추가 */

/* index 시작 */
#wrap{width: 100%; overflow: hidden;}
.inner-box{width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 20px;}

.main-visual{ position: relative; width: 100%; height: 100vh; background: url(../img/260410_imsi_visual.webp) center bottom/cover no-repeat; color: #fff; display: flex;  justify-content: center; text-align: center;}
.main-visual .text-wrap { position: absolute; top: 20vh; zoom: 0.85;}
.main-visual .sub-text{color: #62C6F2; text-align: center; font-family: SUIT; font-size: var(--fz-24); font-style: normal; font-weight: 700; line-height: normal;}
.main-visual .main-title{margin-top: 5px; color: #FFF; text-align: center; font-family: SUIT; font-size: var(--fz-42); font-style: normal; font-weight: 700; line-height: normal;}
.main-visual .title-desc{margin-top: 20px; color: #FFF; text-align: center; font-family: Roboto; font-size: var(--fz-22); font-style: normal; font-weight: 400; line-height: 1.4;}

.sec-mn-center{display: flex; justify-content: center; align-items: center; width: 100%; padding: 120px 0;}
.sec-mn-center .inner{display: flex; justify-content: center; align-items: center; gap: 40px; width: 100%; max-width: 1760px; padding: 0 40px; box-sizing: border-box; margin: 0 auto;}
.sec-mn-center .inner article{position: relative; display: flex; flex-direction: column; flex: 1; height: 780px; box-sizing: border-box; border-radius: 15px; background-color: #d0d0d0; background-size: cover; background-position: center; opacity: 1; overflow: hidden; transition: all 0.5s ease; cursor: pointer;}
.sec-mn-center .inner article:nth-child(1){background-image: url(../img/mn_center_01.webp);}
.sec-mn-center .inner article:nth-child(2){background-image: url(../img/mn_center_02.webp);}
.sec-mn-center .inner article:nth-child(1):hover{background-image: linear-gradient(180deg, rgba(0, 104, 255, 0.30) 0%, #62C6F2 100%), url(../img/mn_center_01.webp);}
.sec-mn-center .inner article:nth-child(2):hover{background-image: linear-gradient(180deg, rgba(0, 104, 255, 0.30) 0%, #62C6F2 100%), url(../img/mn_center_02.webp);}
.sec-mn-center .inner article .text-cont{position: absolute; top: 566px; left: 60px; display: flex; justify-content: space-between; flex-direction: column; gap: 35px; width: calc(100% - 120px); height: calc(100% - 120px); box-sizing: border-box; transition: top 0.5s ease;}
.sec-mn-center .inner article:hover .text-cont{top: 60px;}
.sec-mn-center .inner article .text-cont .title-cont{display: flex; flex-direction: column; gap: 15px; width: 100%;}
.sec-mn-center .inner article .text-cont .title-cont .sub-title{font-size: var(--fz-18); font-weight: 700; line-height: 30px; color: #ffffff;}
.sec-mn-center .inner article .text-cont .title-cont h2{font-size: 32px; font-weight: 700; line-height: 1.2; color: #ffffff;}
.sec-mn-center .inner article .text-cont .title-cont .title-desc{font-size: var(--fz-18); font-weight: 500; line-height: 26px; color: #ffffff; word-break: keep-all;}
.sec-mn-center .inner article .text-cont .sub-cont{display: flex; flex-direction: column; gap: 35px; width: 100%; opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease;}
.sec-mn-center .inner article:hover .text-cont .sub-cont{opacity: 1; visibility: visible;}
.sec-mn-center .inner article .text-cont .sub-cont li{display: flex; flex-direction: column; gap: 5px; width: 100%;}
.sec-mn-center .inner article .text-cont .sub-cont li h3{font-size: var(--fz-20); font-weight: 700; line-height: 28px; color: #ffffff;}
.sec-mn-center .inner article .text-cont .sub-cont li .li-desc{font-size: var(--fz-16); font-weight: 500; line-height: 26px; color: #ffffff;}

.expertise-section{padding: 120px 0; text-align: center; overflow: hidden;}
.expertise-section .inner-box{overflow: hidden;}
.expertise-section h3{color: #111; font-family: SUIT; font-size: var(--fz-38); font-style: normal; font-weight: 700; line-height: 1.418;}
.expertise-section .tit-desc{margin-top: 15px; color: #2A2A2A; text-align: center; font-family: SUIT; font-size: var(--fz-16); font-style: normal; font-weight: 500; line-height: 1.77;}
.expertise-list{max-width: 1270px; margin-inline: auto; margin-top: 80px; box-sizing: border-box;}
.expertise-list .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); border: 0; padding: 0; width: 66px; aspect-ratio: 1/1; background: url('../img/slide_arrow.png') center/contain no-repeat; font-size: 0; z-index: 10;}
.expertise-list .slick-arrow.slick-prev {left: -15%;}
.expertise-list .slick-arrow.slick-next {right: -15%; transform: translateY(-50%) scaleX(-1);}
.expertise-list .slick-list { overflow: visible;}
.expertise-list .slick-track { display: flex; align-items: flex-start; gap: 50px;}
.expertise-list:not(.is-looped) .slick-slide.slick-cloned { visibility: hidden;}
.expertise-list:not(.is-looped) .slick-slide.slick-active,
.expertise-list:not(.is-looped) .slick-slide.slick-active ~ .slick-slide { visibility: visible;}
.expertise-list.is-looped .slick-slide { visibility: visible;}
.expertise-list li{position: relative; overflow: hidden;}
.expertise-list li:nth-child(even){margin-top: 50px;}
.expertise-list li:nth-child(odd){margin-top: 0;}
.expertise-list li{width: 400px; transition: margin-top 0.3s; transition: opacity 0.5s;}
.expertise-list li .img-box{width: 100%; aspect-ratio: 1/1; overflow: hidden;}
.expertise-list li .img-box img{width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.expertise-list li:hover .img-box img{scale: 1.05;}
.expertise-list li p{position: absolute; width: 100%; color: #FFF;  font-size: var(--fz-24); font-weight: 700; line-height: normal;}
.expertise-list li p.bk{color: #111;}
.expertise-list li p{top: 30px; left: 50%; transform: translateX(-50%);}
.expertise-list li p.btm{bottom: 30px; top: unset;}
.expertise-list li:not(.slick-active){opacity: 0.4 !important;}
.expertise-list li .img-box{border-radius: 0; transition: 1s ease-in-out; overflow: hidden;}
.expertise-list li.slick-current + li.slick-active .img-box{border-radius: 32px;}
.expertise-list li.slick-active + li.slick-active + li.slick-active{border-radius: 0;}
.expertise-section .inner-box .expertise-list li p{z-index: 2;}
.expertise-section .inner-box .expertise-list li .img-box.dimmed{position: relative;}
.expertise-section .inner-box .expertise-list li .img-box.dimmed::after{position: absolute; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); content: ''; pointer-events: none;}
.expertise-section .inner-box .expertise-list li .img-box.dimmed-top{position: relative;}
.expertise-section .inner-box .expertise-list li .img-box.dimmed-top::after{position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); content: ''; pointer-events: none;}

.disease-center{position: relative; padding: 6rem 0 5.5rem; background: url(../img/bg_disease.webp) center/cover no-repeat; color: #fff; overflow: hidden;}
.disease-center .inner-box { padding: 0 3.75rem;}
.disease-center .bg-circle{position: absolute; top: -100px; right: -50px; width: 450px; height: 450px; border: 1px solid #fff; border-radius: 50%; animation: circleRotate 20s linear infinite; box-sizing: border-box;}
.disease-center .bg-circle span{position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; transform-origin: center; animation: colorSmooth 4s ease-in-out infinite alternate;}
.disease-center .bg-circle span:nth-child(1){transform: translate(-50%, -50%) rotate(0deg) translate(225px) rotate(0deg);}
.disease-center .bg-circle span:nth-child(2){transform: translate(-50%, -50%) rotate(120deg) translate(225px) rotate(-120deg); animation-delay: -1.3s;}
.disease-center .bg-circle span:nth-child(3){transform: translate(-50%, -50%) rotate(240deg) translate(225px) rotate(-240deg); animation-delay: -2.6s;}
.disease-center .center-info{display: inline-flex; flex-direction: column; align-items: center; gap: 35px;}
.disease-center .center-info .text-cont{display: inline-block; text-align: left;}
.disease-center .sub-label{color: rgba(255, 255, 255, 0.10); font-family: Roboto; font-size: 80px; font-style: normal; font-weight: 700; line-height: 70px; letter-spacing: -0.8px;}
.disease-center h3{margin-bottom: 2rem; color: #FFF;  font-size:  3.125rem; font-weight: 700; line-height: normal;}
.disease-center p{margin-bottom: 4rem; color: #FFF;  font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 30px;}
.disease-list{display: flex; gap: 2px;}
.disease-list li{position: relative; flex: 1; background: #fff; padding: 48px; min-height: 22.375rem; transition: 0.5s; z-index: 1; overflow: hidden; border: 2px solid transparent; cursor: pointer;}
.disease-list li::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(50% 50% at 50% 50%, #2ABEFF 0%, #009EEB 100%); opacity: 0; transition: 0.5s; z-index: -1;}
.disease-list li .def{opacity: 1; transform: translateY(0); transition: all 0.4s ease;}
.disease-list li .hov{position: absolute; top: 0; left: 0; opacity: 0; padding: 58px 48px; transform: translateY(20px); transition: all 0.4s ease; pointer-events: none;}
.disease-list li .hov p{color: #FFF;  font-size: 1.25rem;  font-weight: 600; line-height: 30px; margin-bottom: 2.75rem;}
.disease-list li .hov a {display: flex; align-items: center; justify-content: center; gap: 0.8rem; width: 10.27rem; height: 3.4375rem;  border: 1px solid #fff;  border-radius: 3.24675rem;}
.disease-list li .hov a span{margin-bottom: 4px; color: #FFF;  font-size:  0.9375rem; font-weight: 700; line-height: 30px;}
.disease-list li:after{position: absolute; top: 22px; right: 32px; content:'+'; color: #62C6F2;  font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}
.disease-list li h4{margin-bottom: 1.37rem; color: #111;  font-size: 2.8125rem; font-weight: 700; }
.disease-list li p{color: #C8C8C8;  font-size: 1.5625rem; font-weight: 600; padding-left: 0.3rem; }
.disease-list li img{position: absolute; bottom: 22px; right: 49px; width: 100px; transition: 0.5s;}
.disease-list li.on{border: 2px solid #FFF;}
.disease-list li.on::before{opacity: 1;}
.disease-list li.on .def{opacity: 0; transform: translateY(-20px);}
.disease-list li.on .hov{opacity: 1; transform: translateY(0); pointer-events: auto;}
.disease-list li.on:after{display: none;}
.disease-list li.on img{filter: brightness(0) invert(1);}

.vision-center{position: relative; padding: 7rem 0; background: url(../img/bg_vision.webp) center/cover no-repeat; text-align: right; overflow: hidden;}
.vision-center .inner-box { padding: 0 3.75rem;}
.vision-center .bg-circle{position: absolute; top: -12rem; left: -4rem; width: 450px; height: 450px; border: 1px solid #ddd; border-radius: 50%; animation: circleRotate 20s linear infinite; box-sizing: border-box;}
.vision-center .bg-circle span{position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; transform-origin: center; animation: colorSmooth 4s ease-in-out infinite alternate;}
.vision-center .bg-circle span:nth-child(1){transform: translate(-50%, -50%) rotate(0deg) translate(225px) rotate(0deg);}
.vision-center .bg-circle span:nth-child(2){transform: translate(-50%, -50%) rotate(120deg) translate(225px) rotate(-120deg); animation-delay: -1.3s;}
.vision-center .bg-circle span:nth-child(3){transform: translate(-50%, -50%) rotate(240deg) translate(225px) rotate(-240deg); animation-delay: -2.6s;}
.vision-center .sub-label{ color: rgba(17, 17, 17, 0.10); font-family: Roboto; font-size: 65.407px; font-weight: 700; line-height: 57.231px; letter-spacing: -0.654px;}
.vision-center h3{ margin-top: 2.5rem; margin-bottom: 22px; color: #000;  font-size: 3.125rem; font-weight: 700; line-height: normal;}
.vision-center h3 strong{color: #51B6FF; font-weight: 700;}
.vision-center p{ margin-bottom: 4.7rem;color: #2A2A2A; text-align: right;  font-size: 1.125rem; font-weight: 500; line-height: 30px;}
.vision-list{display: flex; gap: 2px; text-align: left;}
.vision-list li{position: relative; flex: 1; background: #fff; padding: 48px; min-height: 360px; z-index: 1; overflow: hidden; border: 2px solid transparent; cursor: pointer;}
.vision-list li::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(50% 50% at 50% 50%, #008CFF 0%, #0068FF 87.98%); opacity: 1; transition: 0.5s; z-index: -1;}
.vision-list li .def{opacity: 1; transform: translateY(0); transition: all 0.4s ease;}
.vision-list li .hov{position: absolute; top: 0; left: 0; opacity: 0; padding: 2rem 0 2rem 3.4rem; transform: translateY(20px); transition: all 0.4s ease; pointer-events: none;}
.vision-list li .hov p{color: #0068FF;  font-size: 1.25rem;  font-weight: 600; line-height: 30px; margin-bottom: 2.75rem;}
.vision-list li .hov a{display: flex; align-items: center; justify-content: center; gap: 0.8rem; width: 10.27rem; height: 3.4375rem;  border: 1px solid #0068FF; border-radius: 3.24675rem; }
.vision-list li .hov a span{margin-bottom: 4px; color: #0068FF;  font-size: 0.9375rem; font-style: normal; font-weight: 700; line-height: 30px;} 
.vision-list li:after{position: absolute; top: 22px; right: 32px; content:'+'; color: #fff;  font-size: 30px; font-style: normal; font-weight: 500; line-height: normal;}
.vision-list li h4{color: #FFF;  font-size:  2.8125rem; font-weight: 700; line-height: normal;}
.vision-list li p{ margin-top: 1.5rem;  color: rgba(255, 255, 255, 0.60); font-size: 1.5625rem; font-weight: 600; line-height: normal; text-align: left;     padding-left: 0.3rem;}
.vision-list li img{position: absolute; bottom: 22px; right: 49px; width: 100px; transition: 0.5s;}
.vision-list li.on{border: 2px solid #0068FF;}
.vision-list li.on::before{opacity: 0;}
.vision-list li.on .def{opacity: 0; transform: translateY(-20px);}
.vision-list li.on .hov{opacity: 1; transform: translateY(0); pointer-events: auto;}
.vision-list li.on:after{display: none;}
.vision-list li.on img{filter: grayscale(100%) brightness(0.4);}

.flow-section{width:100%;overflow:hidden}
.flow-container{display:flex;width:100%}
.flow-wrapper{display:flex;flex:0 0 auto;white-space:nowrap;animation:flow-ani 25s linear infinite}
.flow-text{display:flex;align-items:center;flex-shrink:0}
.flow-text p{display:flex;align-items:center;padding-right:10rem; gap:0.7rem; color:#EDEDED;font-family:'Roboto';font-size:8.20794rem; font-weight:600;line-height:14.364rem;letter-spacing:-0.082rem}
.flow-text p img{width:auto;margin-top:0.625rem}
@keyframes flow-ani{0%{transform:translateX(0)} 100%{transform:translateX(-50%)}}

.shine-star{ display: inline-block; position: relative; overflow: hidden; vertical-align: middle;}
.shine-star img{ display: block; width: auto; height: 1em;}
.shine-star::after{ content: ""; position: absolute; top: 0; left: -200%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%); transform: skewX(-30deg); animation: star-shine 3s infinite;}

.rotate-logo{ vertical-align: middle; animation: rotatePause 5s linear infinite;}

.sec-mn-correct{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 120px 0; box-sizing: border-box; background-color: #fff;}
.sec-mn-correct .inner{display: flex; flex-direction: column; align-items: center; width: 92%; max-width: 1760px; box-sizing: border-box; margin: 0 auto;}
.sec-mn-correct .inner .title-cont{margin-bottom: 80px; display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; text-align: center;}
.sec-mn-correct .inner .title-cont h2{font-size: 36px; font-weight: 700; line-height: 1.4; color: #111111; text-align: center;}
.sec-mn-correct .inner .title-cont h2 span{font-size: 36px; font-weight: 700; color: #0068FF;}
.sec-mn-correct .inner .title-cont .title-desc{word-break: keep-all; font-size: var(--fz-18); font-weight: 500; line-height: 28px; color: #2A2A2A; text-align: center;}
.sec-mn-correct .inner article{display: flex; gap: 110px; width: 100%; margin-bottom: 60px; box-sizing: border-box;}
.sec-mn-correct .inner article:last-child{margin-bottom: 0;}
.sec-mn-correct .inner article img{position: relative; width: 50%; max-width: 860px; height: auto; aspect-ratio: 860 / 580; border-radius: 15px; background-color: #DFDFDF; object-fit: cover;}
.sec-mn-correct .inner article .text-cont{display: flex; flex-direction: column; flex-grow: 1; padding-top: 40px; box-sizing: border-box;}
.sec-mn-correct .inner article:last-child .text-cont{padding-left: 90px;}
.sec-mn-correct .inner article .text-cont .item-title{display: flex; flex-direction: column; gap: 5px; width: 100%; margin-bottom: 40px;}
.sec-mn-correct .inner article .text-cont .item-title .cate{word-break: keep-all; font-size: 17px; font-weight: 500; line-height: 28px; color: #656565;}
.sec-mn-correct .inner article .text-cont .item-title h3{word-break: keep-all; font-size: 28px; font-weight: 700; line-height: 38px; color: #111111;}
.sec-mn-correct .inner article .text-cont .desc-box{display: flex; flex-direction: column; gap: 10px; width: 100%; margin-bottom: 140px;}
.sec-mn-correct .inner article:last-child .text-cont .desc-box{margin-bottom: 140px;}
.sec-mn-correct .inner article .text-cont .desc-box .point{word-break: keep-all; font-size: 20px; font-weight: 700; line-height: 32px; color: #111111;}
.sec-mn-correct .inner article .text-cont .desc-box .point span{color: #0068FF;}
.sec-mn-correct .inner article .text-cont .desc-box .desc{word-break: keep-all; font-size: var(--fz-18); font-weight: 500; line-height: 26px; color: #2A2A2A;}
.sec-mn-correct .inner article .text-cont .badge-list{display: flex; align-items: center; gap: 15px; width: 100%; flex-wrap: wrap;}
.sec-mn-correct .inner article .text-cont .badge-list li{display: flex; justify-content: center; align-items: center; height: 38px; padding: 0 16px; border-radius: 100px; outline: 1px solid #51B6FF; outline-offset: -1px; background-color: #fff; box-sizing: border-box; word-break: keep-all; font-size: 15px; font-weight: 700; line-height: 1; color: #111111;}

.sec-mn-surgery{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 120px 0; box-sizing: border-box; background-color: #fff;}
.sec-mn-surgery .inner{display: flex; flex-direction: column; align-items: center; gap: 110px; width: 92%; max-width: 1760px; box-sizing: border-box; margin: 0 auto;}
.sec-mn-surgery .inner .title-cont{display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; text-align: center;}
.sec-mn-surgery .inner .title-cont h2{font-size: 36px; font-weight: 700; line-height: 1.4; color: #111111; text-align: center;}
.sec-mn-surgery .inner .title-cont h2 span{font-size: 36px; font-weight: 700; color: #0068FF;}
.sec-mn-surgery .inner .title-cont .title-desc{word-break: keep-all; font-size: var(--fz-18); font-weight: 500; line-height: 28px; color: #2A2A2A; text-align: center;}
.sec-mn-surgery .inner article{display: flex; justify-content: space-between; gap: 110px; width: 100%; box-sizing: border-box;}
.sec-mn-surgery .inner article img{position: relative; width: 50%; max-width: 860px; height: auto; aspect-ratio: 860 / 580; border-radius: 15px; background-color: #DFDFDF; object-fit: cover;}
.sec-mn-surgery .inner article .text-cont{display: flex; flex-direction: column; width: 50%; max-width: 790px; padding-top: 15px; padding-right: 40px; box-sizing: border-box;}
.sec-mn-surgery .inner article .text-cont .item-title{display: flex; flex-direction: column; gap: 5px; width: 100%; margin-bottom: 30px;}
.sec-mn-surgery .inner article .text-cont .item-title h3{word-break: keep-all; font-size: 28px; font-weight: 700; line-height: 38px; color: #111111;}
.sec-mn-surgery .inner article .text-cont .desc-box{display: flex; flex-direction: column; gap: 10px; width: 100%; margin-bottom: 90px;}
.sec-mn-surgery .inner article .text-cont .desc-box .point{word-break: keep-all; font-size: 20px; font-weight: 700; line-height: 32px; color: #111111;}
.sec-mn-surgery .inner article .text-cont .desc-box .point span{color: #0068FF;}
.sec-mn-surgery .inner article .text-cont .desc-box .desc{word-break: keep-all; font-size: var(--fz-18); font-weight: 500; line-height: 26px; color: #2A2A2A;}
.sec-mn-surgery .inner article .text-cont .feature-list{display: flex; align-items: flex-start; gap: 60px; width: 100%;}
.sec-mn-surgery .inner article .text-cont .feature-list li{display: flex; flex-direction: column; align-items: center; gap: 15px;}
.sec-mn-surgery .inner article .text-cont .feature-list li .icon-box{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 95px; height: 95px; border-radius: 55px; background-color: #F9FBFF;}
.sec-mn-surgery .inner article .text-cont .feature-list li .feature-txt{word-break: keep-all; font-size: 16px; font-weight: 600; line-height: 22px; color: #111111; text-align: center;}

.mn-sect02{position: relative; padding: 160px 0 200px; clip-path: inset(0); overflow: hidden;}
.mn-sect02 .inner{max-width: 1596px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between;}

.mn-sect02 .comm-txt-box{padding: 120px 0 0 80px;}
.mn-sect02 .comm-txt-box .promise-tit{color: #FFF; font-family: SUIT; font-size: 38px; font-style: normal; font-weight: 700; line-height: normal;}
.mn-sect02 .comm-txt-box .promise-desc{margin-top: 20px; color: #F2F2F2; font-family: SUIT; font-size: var(--fz-22); font-style: normal; font-weight: 500; line-height: 1.777;}
.mn-sect02 .bg-box{position: fixed; top: 0; left: 0; z-index: -2; display: block; width: 100%; height: 100%; background: url(../img/mn_promise_bg.webp) center/cover no-repeat; overflow: hidden;}
.mn-sect02 .bg-item{position: absolute; inset: 0; opacity: 0; background-color: #fff; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: opacity 0.8s ease;}
.mn-sect02 .bg-item.active {opacity: 1;}
.mn-sect02 .box-wrap{display: flex; gap: 50px; padding-top:150px;}
.mn-sect02 .box-wrap .box-col{display: flex; flex-direction: column; gap: 60px; justify-content: center;}
.mn-sect02 .card-box{position: relative; padding: 40px 45px; display: flex; background: rgba(255,255,255, 1); flex-direction: column; align-items: start; justify-content: space-between; height: 491px; width: 400px; border-radius: 15px; overflow: hidden; transition: .8s; overflow: hidden;}
.mn-sect02 .card-box *{position: relative; z-index: 2;}
.mn-sect02 .card-box .bg{opacity: 0; background: rgba(255,255,255, 1); position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; transition: .8s; pointer-events: none;}
.mn-sect02 .card-box .sub-tit{color: #111; font-family: SUIT; font-size: 24px; font-style: normal; font-weight: 700; line-height: 1.32;}
.mn-sect02 .card-box .desc{margin-top: 2px; color: #111; font-family: Pretendard; font-size: var(--fz-18); font-style: normal; font-weight: 400; line-height: 1.66; letter-spacing: -0.18px;}
.mn-sect02 .bottom{display: flex; flex-direction: column; gap: 40px;}
.mn-sect02 .bottom p{color: #111; font-family: Pretendard; font-size: var(--fz-18); font-style: normal; font-weight: 500; line-height: 1.66; letter-spacing: -0.18px;}
.mn-sect02 .card-btn{display: flex; height: 45px; padding: 0 30px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 55px; background: #182851; width: fit-content; transition: 1s;}
.mn-sect02 .card-btn a{color: var(--color-white); font-family: var(--ff-pretendard); font-size: var(--fz-16); font-style: normal; font-weight: 600; line-height: 1; letter-spacing: -0.16px;  transition: 1s;}

.mn-sect02 .card-box.active{background: #004EC7;}
.mn-sect02 .card-box.active .bg{opacity: 1; background: #004EC7 url(../img/mn_promise_card.webp) center/cover no-repeat;}
.mn-sect02 .card-box.active .sub-tit{color: #fff;}
.mn-sect02 .card-box.active .bottom p{color: #fff;}
.mn-sect02 .card-box.active .desc{color: #fff;}
.mn-sect02 .card-box.active .card-btn{background: #CFBC99;}
.mn-sect02 .comm-txt-box.active .promise-tit{color: #fff;}
.mn-sect02 .comm-txt-box.active .promise-desc{color: #fff;}


.history-section{padding: 5rem 0 11rem; text-align: center; overflow: hidden;}
.history-section .label{display: block; margin-bottom: 2.06rem; color: #999; text-align: center;  font-size: 20px; font-weight: 600; line-height: normal;}
.history-section h3{margin-bottom: 2.06rem; color: #111;  font-size: 2.8125rem; font-weight: 700; line-height: 63.834px;}
.history-section h3 strong{color: #0068FF; font-weight: 700;}
.history-section .desc{position: relative; display: inline-block; color: #656565; text-align: center;  font-size: 18px; font-weight: 500; line-height: 32px;}
.history-section .desc::before,
.history-section .desc::after{position: absolute; top: 50%; display: block; width: 789px; height: 113px; transform: translate(0, -50%); content: ''}
.history-section .desc::before{background: url(../img/sound_wave_01.png) center/cover no-repeat; left: -875px; }
.history-section .desc::after{background: url(../img/sound_wave_02.png) center/cover no-repeat; right: -875px; }
.history-section .slider-wrapper{position: relative; width: 80%; max-width: 66.64956rem; max-height: 31rem; aspect-ratio: 1168/528; margin: 10.5rem auto 8rem;}
.history-section .bg-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 50% 50% 0 0 / 100% 100% 0 0; background: #D9D9D9;}
.history-section .bg-item{position: absolute; top: auto; bottom: 0; left: 0; width: 100%; aspect-ratio: 2 / 1; transform-origin: bottom center; /*transform: rotate(-180deg); */ opacity: 0; border-radius: 50% 50% 0 0 / 100% 100% 0 0; z-index: 1;}
.history-section .bg-item::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%); border-radius: inherit; pointer-events: none;}
.history-section .bg-item:nth-child(1){background: url(../img/ebg_circle_special_02.webp) center/cover no-repeat;}
.history-section .bg-item:nth-child(2){background: url(../img/ebg_circle_special_01.webp) center/cover no-repeat;}
.history-section .bg-item:nth-child(3){background: url(../img/ebg_circle_special_02.webp) center/cover no-repeat;}
.history-section .bg-item:nth-child(4){background: url(../img/ebg_circle_special_03.webp) center/cover no-repeat;}
.history-section .bg-item:nth-child(5){background: url(../img/ebg_circle_special_04.webp) center/cover no-repeat;}
.history-section .bg-item:nth-child(6){background: url(../img/ebg_circle_special_05.webp) center/cover no-repeat;}
.history-section .bg-item:nth-child(7){background: url(../img/ebg_circle_special_06.webp) center/cover no-repeat;}
.history-section .bg-item.active{z-index: 3; animation: rotateSpecial 0.8s ease-out forwards;}
.history-section .bg-item.prev{z-index: 2; animation: rotateOutSpecial 0.8s ease-out forwards;}
@keyframes rotateSpecial{
/* 0%{transform: rotate(-180deg);}
100%{transform: rotate(0deg);} */
 0%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes rotateOutSpecial{
/* 0%{transform: rotate(0deg);}
100%{transform: rotate(180deg);} */
 0%{opacity: 1;}
100%{opacity: 0;}
}
.history-section .year-nav{list-style: none; margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;}
.history-section .year-point{position: absolute; display: inline-flex; align-items: center; justify-content: center; width:  2.49456rem; height:  2.49456rem; margin-left: -1.2rem; margin-top: -1.2rem; border-radius: 50%; background: transparent; text-align: center; line-height: 60px; font-weight: bold; cursor: pointer; pointer-events: auto; transition: background 0.3s, color 0.3s; z-index: 10;}
.history-section .year-point .dot{display: inline-block; width: 1.32363rem; height: 1.32363rem; background-color: #a3a3a3; border-radius: 50%;}
.history-section .year-point .year-num{position: absolute; color: #A8A8A8; text-align: center; font-family: Roboto; font-size: 1.375rem; font-style: normal; font-weight: 700; line-height: normal;}
.history-section .year-point .year-num:before{position: absolute; width: 200%; height: 200%; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.history-section .year-point.active{background: #C1D7F8;}
.history-section .year-point.active .dot{background-color: #0068FF;}
.history-section .year-point.active .year-num{color: #0068FF;}
.history-section .year-point.left .year-num{left: -75px; top: -20px; transform-origin: right bottom;}
.history-section .year-point.center .year-num{left: 50%; top: -38px; transform: translateX(-50%); transform-origin: center bottom;}
.history-section .year-point.right .year-num{right: -75px; top: -20px; transform-origin: left bottom;}
.history-section .year-point.right:last-child .year-num{right: -90px; top: -20px; transform-origin: left bottom;}
.history-section .slider-wrapper .year-detail{position: absolute; bottom: -10.5rem; left: 50%; transform: translateX(-50%); width: 100%; z-index: 9; touch-action: none;}
.history-section .slider-wrapper .year-detail li{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; opacity: 0; transition: 0.5s;}
.history-section .slider-wrapper .year-detail li.active{opacity: 1;}
.history-section .slider-wrapper .year-detail li img{display: block; width: 66.25%; max-width: 530px; height: auto; margin-inline: auto; }
.history-section .slider-wrapper .year-detail li.n01 img { max-width: 22.54269rem; margin-bottom: 1rem;}
.history-section .slider-wrapper .year-detail li.n02 img { max-width: 20.4375rem; }
.history-section .slider-wrapper .year-detail li.n03 img { max-width: 18.875rem; margin-bottom: 2.5rem;}
.history-section .slider-wrapper .year-detail li.n04 img { max-width: 16.563rem;}
.history-section .slider-wrapper .year-detail li.n05 img { max-width: 16.563rem;}
.history-section .slider-wrapper .year-detail li.n06 img { max-width: 17rem; margin-bottom: 2.5rem;}
.history-section .slider-wrapper .year-detail li.n07 img { max-width: 18.8125rem; margin-bottom: 2.8rem;}
.history-section .slider-wrapper .year-detail li .detail{width: 100%; color: #252525; text-align: center;  font-size: 1.5625rem; font-style: normal; font-weight: 600; line-height: 1.4;}


.doctor-section{position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 120px 0; box-sizing: border-box; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%), url(../img/doctor-section-bg01.webp) center/cover no-repeat; overflow: hidden;}
.doctor-section .inner{display: flex; flex-direction: column; align-items: center; gap: 60px; width: 92%; max-width: 1760px; padding: 0 40px; box-sizing: border-box; margin: 0 auto;}
.doctor-section .inner .title-cont{display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; text-align: center;}
.doctor-section .inner .title-cont .sub-title{font-size: 18px; font-weight: 600; color: #656565; text-align: center;}
.doctor-section .inner .title-cont h2{font-size: 36px; font-weight: 700; line-height: 1.42; color: #111111; text-align: center; word-break: keep-all;}
.doctor-section .inner .doctor-list{display: flex; justify-content: center; align-items: flex-start; gap: 20px; width: 100%;}
.doctor-section .inner .doctor-list li{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 25%; max-width: 425px; box-sizing: border-box;}
.doctor-section .inner .doctor-list li .card-top{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%;}
.doctor-section .inner .doctor-list li .card-top .img-box{position: relative; width: 100%; aspect-ratio: 425 / 600;}
.doctor-section .inner .doctor-list li .card-top .img-box img{width: 100%; height: 100%; object-fit: cover;}
.doctor-section .inner .doctor-list li .card-top .name-box{display: flex; flex-direction: column; align-items: center; gap: 12px;}
.doctor-section .inner .doctor-list li .card-top .name-box .name{font-size: 30px; font-weight: 700; letter-spacing: -0.03em; color: #111111;}
.doctor-section .inner .doctor-list li .card-top .name-box .info{display: flex; align-items: center; gap: 12px; padding-bottom: 4px;}
.doctor-section .inner .doctor-list li .card-top .name-box .info .pos{font-size: 18px; font-weight: 500; letter-spacing: 1.5px; color: #111111;}
.doctor-section .inner .doctor-list li .card-top .name-box .info .divider{width: 1px; height: 18px; background-color: #111111;}
.doctor-section .inner .doctor-list li .card-top .name-box .info .spec{font-size: 16px; font-weight: 400; letter-spacing: 1.5px; color: #111111;}
.doctor-section .inner .doctor-list li .btn-profile{padding: 12px 20px; border-radius: 100px; background-color: #51b6ff; border: 1px solid #51B6FF; transition: background-color 0.3s, color 0.3s; color: #FFF; text-align: center; font-family: SUIT; font-size: var(--fz-16); font-style: normal; font-weight: 700; line-height: 1.93;}
.doctor-section .inner .doctor-list li .btn-profile:hover{background-color: #fff; color: #51B6FF;}

.doctor-popup{position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box;}
.doctor-popup.active{display: flex;}
.doctor-popup .popup-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 20, 50, 0.6);}
.doctor-popup .popup-wrap{position: relative; z-index: 10; display: flex; flex-direction: column; width: 92%; max-width: 906px; height: 100%; max-height: 75vh; padding: 50px 60px; box-sizing: border-box; border-radius: 25px; outline: 2px #ffffff solid; outline-offset: -1px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(9px); overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #51b6ff transparent;}
.doctor-popup .popup-wrap::-webkit-scrollbar{width: 6px;}
.doctor-popup .popup-wrap::-webkit-scrollbar-track{background: transparent;}
.doctor-popup .popup-wrap::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #51b6ff;}
.doctor-popup .popup-wrap .popup-close{position: absolute; top: 40px; right: 40px; display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer;}
.doctor-popup .popup-wrap .popup-header{display: flex; align-items: flex-end; gap: 15px; width: 100%; margin-bottom: 35px;}
.doctor-popup .popup-wrap .popup-header .doc-name{font-size: 32px; font-weight: 700; letter-spacing: 2px; color: #111111;}
.doctor-popup .popup-wrap .popup-header .info-box{display: flex; align-items: center; gap: 15px; padding-bottom: 4px;}
.doctor-popup .popup-wrap .popup-header .info-box .doc-pos{font-size: 22px; font-weight: 500; letter-spacing: 1.5px; color: #111111;}
.doctor-popup .popup-wrap .popup-header .info-box .divider{width: 1.5px; height: 22px; background-color: #111111;}
.doctor-popup .popup-wrap .popup-header .info-box .doc-spec{font-size: 22px; font-weight: 400; letter-spacing: 1.8px; color: #111111;}
.doctor-popup .popup-wrap .popup-body{display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; gap: 35px; width: 100%;}
.doctor-popup .popup-wrap .popup-body .info-cont{display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; width: 100%;}
.doctor-popup .popup-wrap .popup-body .info-cont .col-box{display: flex; flex-direction: column; gap: 12px; flex: 1;}
.doctor-popup .popup-wrap .popup-body .info-cont .col-box .col-title{font-size: 16px; font-weight: 700; line-height: 1.5; color: #0068ff;}
.doctor-popup .popup-wrap .popup-body .info-cont .col-box .history-list{display: flex; flex-direction: column; gap: 4px; width: 100%;}
.doctor-popup .popup-wrap .popup-body .info-cont .col-box .history-list li{position: relative; padding-left: 8px; font-size: 14px; font-weight: 400; line-height: 1.75; color: #3a3a3a; word-break: keep-all;}
.doctor-popup .popup-wrap .popup-body .info-cont .col-box .history-list li:before{position: absolute; width: 3px; height: 3px; background-color: #3a3a3a; top: 50%; left: 0; border-radius: 50%; content:''; transform: translateY(-50%);}
.doctor-popup .popup-wrap .popup-body .schedule-box{display: flex; flex-direction: column; width: 100%; border-radius: 10px; overflow: hidden;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table{width: 100%; border-collapse: collapse; table-layout: fixed;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table thead{background-color: #74d1fe;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table thead th{padding: 14px 0; font-size: 18px; font-weight: 700; color: #ffffff; text-align: center; vertical-align: middle;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table thead th.head-icon{width: 15%;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table thead th .clock-icon{display: flex; justify-content: center; align-items: center;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table tbody{background-color: #ffffff;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table tbody tr{border-top: 1px solid #e8e8e8;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table tbody td{padding: 14px 0; font-size: 17px; font-weight: 400; color: #2b2b2b; text-align: center; vertical-align: middle;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table tbody td.time-label{font-weight: 500;}
.doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table tbody td.off{color: #767676;}

/* .second .flow-text p {font-family: 'SUIT Variable', sans-serif; } */
.flow-text p .rotate-logo{ display: block; width: auto; height: 0.5em; margin-top: 2rem;}

.sec-mn-space{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 240px 0 120px; box-sizing: border-box; background-color: #fff;}
.sec-mn-space .inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; box-sizing: border-box; margin: 0 auto;}
.sec-mn-space .inner .title-cont{display: flex; flex-direction: column; align-items: center; gap: 15px; width: 100%; text-align: center;}
.sec-mn-space .inner .title-cont h2{font-size: 36px; font-weight: 700; line-height: 1.42; color: #111111; text-align: center;}
.sec-mn-space .inner .title-cont h2 span{color: #0068FF;}
.sec-mn-space .inner .title-cont .title-desc{word-break: keep-all; font-size: var(--fz-18); font-weight: 500; line-height: 28px; color: #2A2A2A; text-align: center;}
.sec-mn-space .inner .space-slider-wrap{display: flex; flex-direction: column; align-items: center; gap: 40px; width: 100%; overflow: hidden;}
.sec-mn-space .inner .space-slider-wrap .space-list{width: 100%;}
.sec-mn-space .inner .space-slider-wrap .space-list li{width: 100%;}
.sec-mn-space .inner .space-slider-wrap .space-list li a{display: block; width: 100%;}
.sec-mn-space .inner .space-slider-wrap .space-list li img{width: 100%; height: 770px; background-color: #D4D4D4; object-fit: cover;}
.sec-mn-space .inner .space-slider-wrap .space-controls{display: flex; justify-content: center; align-items: center; gap: 50px; width: 100%;}
.sec-mn-space .inner .space-slider-wrap .space-controls .space-btn{display: flex; justify-content: center; align-items: center; width: 66px; height: 66px; border: 0; border-radius: 50%; background-color: #EAEAEA; cursor: pointer; transition: background-color 0.3s;}
.sec-mn-space .inner .space-slider-wrap .space-controls .space-btn:hover{background-color: #D9D9D9;}
.sec-mn-space .inner .space-slider-wrap .space-controls .space-progress{position: relative; width: 280px; height: 5px; background-color: #D9D9D9; overflow: hidden;}
.sec-mn-space .inner .space-slider-wrap .space-controls .space-progress .progress-bar{position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #0068FF; transition: width 0.3s ease;}

.sec-mn-contact{position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 120px 0; box-sizing: border-box; background-color: #f7f7f7;}
.sec-mn-contact .inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 92%; max-width: 1404px; box-sizing: border-box; margin: 0 auto;}
.sec-mn-contact .inner h2{width: 100%; font-size: 36px; font-weight: 700; line-height: 1.4; color: #111111; text-align: center;}
.sec-mn-contact .inner article{display: flex; justify-content: space-between; align-items: flex-start; gap: 100px; width: 100%; box-sizing: border-box;}
.sec-mn-contact .inner article .text-cont{display: flex; flex-direction: column; flex: 1; width: 50%; max-width: 650px; box-sizing: border-box;}
.sec-mn-contact .inner article .text-cont .contact-list{display: flex; flex-direction: column; gap: 28px; width: 100%;}
.sec-mn-contact .inner article .text-cont .contact-list > li{display: flex; align-items: flex-start; gap: 40px; width: 100%; padding-bottom: 28px; border-bottom: 1px solid #d9d9d9;}
.sec-mn-contact .inner article .text-cont .contact-list > li:last-child{padding-bottom: 0; border-bottom: 0;}
.sec-mn-contact .inner article .text-cont .contact-list > li .label{min-width: 90px; padding-top: 2px; font-size: 16px; font-weight: 600; line-height: 1.5; color: #0068ff;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail{display: flex; flex-direction: column; flex: 1; font-size: 17px; font-weight: 700; line-height: 1.45; letter-spacing: 0.5px; color: #2a2a2a; word-break: keep-all;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail{display: flex; flex-direction: column; gap: 10px;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .hours-list{display: flex; flex-direction: column; gap: 6px; width: 100%;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .hours-list li{display: flex; align-items: center; gap: 24px; width: 100%;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .hours-list li .day{width: 180px; font-size: 17px; font-weight: 500; line-height: 1.5; color: #2a2a2a;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .hours-list li .time{font-size: 17px; font-weight: 500; line-height: 1.5; color: #2a2a2a;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .closed-info{margin-top: 4px; font-size: 15px; font-weight: 500; line-height: 1.5; color: #2a2a2a;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail{display: flex; flex-direction: column; width: 100%;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list{display: flex; flex-direction: column; gap: 6px; width: 100%;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list li{display: flex; align-items: center; gap: 24px; width: 100%;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list li .center-name{width: 200px; font-size: 17px; font-weight: 500; line-height: 1.5; color: #2a2a2a;}
.sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list li .tel-num{font-size: 17px; font-weight: 700; line-height: 1.5; color: #2a2a2a; text-decoration: none;}
.sec-mn-contact .inner article .img-cont{display: flex; flex-direction: column; flex: 1; width: 50%; max-width: 800px; box-sizing: border-box;}
.sec-mn-contact .inner article .img-cont .map-box{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 480px; box-sizing: border-box; border-radius: 15px; background-color: #dfdfdf; overflow: hidden;}
.sec-mn-contact .inner article .img-cont .map-box img{width: 100%; height: 100%; object-fit: cover;}

.info-section{padding: 100px 0; background: #F3F3F3;}
.info-section .info-wrap{display: flex; flex-direction: column; gap: 80px;}
.info-section .info-wrap h3{padding-left: 116px; color: #111; text-align: left;  font-size: 45.977px; font-style: normal; font-weight: 700; line-height: 59.114px;}
.info-section .info-cont{display: flex; gap: 60px; width: 100%;}
.info-section .info-text{display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding-left: 116px;}
.info-section .info-list{width: 100%;}
.info-section .info-list li{display: flex; padding-block: 30px; border-top: 1px dashed #999;}
.info-section .info-list li:nth-child(1){padding-block: 0; padding-bottom: 30px; border-top: 0;}
.info-section .info-list li:last-child{padding-block: 0; border-top: 0;}
.info-section .info-list .label{width: 120px; color: #0068FF;  font-size: 22.989px; font-weight: 600; line-height: 43px;}
.info-section .info-list .detail{color: #2A2A2A;  font-size: 25px; font-style: normal; font-weight: 600; line-height: 43px;}
.info-section .info-list .detail span{display: inline-block; margin-right: 25px; width: 105px; text-align: justify; text-align-last: justify; color: #2A2A2A;  font-size: 25px; font-style: normal; font-weight: 600; line-height: 43px; letter-spacing: 4px;}
.info-section .info-list .detail strong{color: #2A2A2A;  font-size: 29.557px; font-weight: 800; line-height: normal; letter-spacing: 0.887px;}
.info-section .info-list .detail.parking{color: #2A2A2A;  font-size: 22.989px; font-style: normal; font-weight: 600; line-height: 43px; letter-spacing: 0.69px;}
.info-section .info-list li:nth-child(3) .detail{color: #2A2A2A;  font-size: 24.302px; font-style: normal; font-weight: 700; line-height: 43px; letter-spacing: 0.729px;}
.info-section .btn-group{display: flex; gap: 18px;}
.info-section .btn-group button{display: inline-flex; gap: 10px; align-items: center; min-width: 230px; padding: 20px 30px; background: #fff; border-radius: 12px; cursor: pointer; border: 0; color: #000;  font-size: 22.332px; font-weight: 600; letter-spacing: 0.223px;}
.info-section .info-map{flex: 1; height: 629px; background: #D9D9D9; border-radius: 19px;}
#mainFooter{}
.footer-top{display:none; background-color: #fff; padding-block: 35px;}
.footer-menu{display: flex; justify-content: center;}
.footer-menu li a{color: #999;  font-size: 16px; font-weight: 500; line-height: 46.306px; letter-spacing: 0.96px;}
.footer-menu li:after{display: inline-block; margin-inline: 10px; content: '|'; color: #999;  font-size: 16px; font-weight: 500; line-height: 46.306px;}
.footer-menu li:last-child:after{display: none;}
.footer-bottom{padding: 73px 0; text-align: center; background-color: #2A2A2A; color: #fff;}
.footer-bottom .logo{margin-bottom: 2rem; filter: brightness(0) invert(1); width: 240px;}
.footer-bottom address{display: block; margin-bottom: 1rem; color: #FFF; text-align: center;  font-size: 0.88rem; font-style: normal; font-weight: 500; line-height: 34.866px;}
.footer-bottom .copyright{display: block; color: #D5D5D5;  font-size: 0.875rem; font-style: normal; font-weight: 600; line-height: 34.866px;}
/* index 끝*/
@keyframes circleRotate{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes colorSmooth{
    0%{background-color: #5899fa;}
    100%{background-color: #74D1FE;}
}
@keyframes flow{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-100%); }
}
@keyframes star-shine{ 0%{ left: -200%; } 100%{ left: 200%; }}
@keyframes docImgScale{
    0%{ transform: scale(0.7); } 50%{ transform: scale(1.15); } 100%{ transform: scale(1); }
}
@keyframes rotatePause{
    0%{ transform: rotate(0deg); } 20%{ transform: rotate(360deg); } 100%{ transform: rotate(360deg); }
}
.reveal-color.active{animation: revealColor 1s ease 0.5s backwards;}
@keyframes revealColor{
0%{color: #2a2a2a;}
}




/* 푸터 시작 */

.fixed-area{position: fixed; bottom: 30px; right: 30px; z-index: 30; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.fixed-area button{display: flex; justify-content: start; align-items: center; gap: 6px; width: 134px; height: 42px; padding: 5px; border: 0; background-color: #fff; border-radius: 50px; cursor: pointer; color: #000;  font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.16px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);}
.fixed-area button img{display: inline-block; width: 32px;}
.fixed-area .fold-cont{position: absolute; bottom: 122px; right: -200px; display: flex; flex-direction: column; gap: 12px; transition: 0.5s ease-in-out;}
.fixed-area .fold-cont.active{right: 0;}
.fixed-area .fold-cont button{position: relative;}
.fixed-area button#btnFast{}
.fixed-area button#btnCall{}
.fixed-area button#btnKakao{}
.fixed-area button#btnTalk{}
.fixed-area button#btnFold{transition: 0.5s ease-in-out;}
.fixed-area button#btnFold:hover{background-color: #00322F; color: #fff;}
.fixed-area button#btnTop{justify-content: center; width: 56px; height: 56px; border-radius: 50%;}
.fixed-area .fold-cont button:hover{background-color: #00322F; color: #fff;}

/* 애니메이션 (왼쪽으로 갔다가 튕기듯 오른쪽으로 이동 후 제자리) */
@keyframes right-bounce {
    0% {
        margin-left: 0;
    }
    30% {
        margin-left: -5px;
    }
    60% {
        margin-left: 10px;
    }
    100% {
        margin-left: 0;
    }
}

/* 애니메이션 (오른쪽으로 갔다가 튕기듯 왼쪽으로 이동 후 제자리) */
@keyframes left-bounce {
    0% {margin-left: 0;}
    30% {margin-left: 5px;}
    60% {margin-left: -10px;}
    100% {margin-left: 0;}
}

/* 애니메이션 (올라갔다가 통통 튀기며 내려옴) */
@keyframes bounce-and-drop {
0% {
    margin-bottom: 0;
    animation-timing-function: ease-out;
}
20% {
    margin-bottom: 10px;
    animation-timing-function: ease-in;
}
40% {
    margin-bottom: -3px;
    animation-timing-function: ease-out;
}
55% {
    margin-bottom: 2px;
    animation-timing-function: ease-in-out;
}
70% {
    margin-bottom: -1px;
    animation-timing-function: ease-out;
}
85% {
    margin-bottom: 0.5px;
    animation-timing-function: ease-in-out;
}
100% {
    margin-bottom: 0;
    animation-timing-function: ease-out;
}
}

.fixed-area button#btnTop img{margin-bottom: 0; transition: margin-bottom 0.2s ease-out;}
.fixed-area button#btnTop:hover img{animation-name: bounce-and-drop; animation-duration: 1s; animation-iteration-count: infinite;}
/* 푸터 끝 */


@media (max-width: 1280px) {
	html, body {font-size: 15px; }
}
@media (max-width: 1024px){
    
    /* 공통 스타일 */
    .pc{display: none !important;}
    .mo{display: block !important;}
    .mo-flex{display: flex !important;}
    .mo-gird{display: grid !important;}
    .mo-ib{display: inline-block !important;}
    .mo-if{display: inline-flex !important;}
    .inner-box{padding: 0 1rem;}
    .gnb{display: none;}
    .expertise-list{flex-wrap: wrap;}
    .expertise-list li{width: calc(50% - 15px);}
    .disease-list{flex-direction: column;}
    .vision-list{flex-direction: column;}
    .space-list{flex-direction: column;}
    .info-wrap{flex-direction: column;}
    .info-map{width: 100%;}
    /* 헤더 */
    header .inner-box{position: unset;}
    header .inner-box .left{order: 2;}
    header .inner-box .right{order: 1;}
    /* header .inner-box .mo-call{order: 3; width: 30px;} */
    header .inner-box .mo-call svg{width: 30px; height: 30px;}
    header.active .ham span{background-color: #fff !important;}
    header .logo a{width: 180px; padding-block: 1.4em;}
    .ham span {width: 5px; height: 5px; z-index: 100;}
    .ham span:nth-child(1){transform: translate(calc(-50% - 10px), calc(-50% - 10px)) rotate(45deg);}
    .ham span:nth-child(2){transform: translate(-50%, calc(-50% - 10px));}
    .ham span:nth-child(3){transform: translate(calc(-50% + 10px), calc(-50% - 10px)) rotate(-45deg);}
    .ham span:nth-child(4){transform: translate(calc(-50% - 10px), -50%);}
    .ham span:nth-child(5){transform: translate(-50%, -50%);}
    .ham span:nth-child(6){transform: translate(calc(-50% + 10px), -50%);}
    .ham span:nth-child(7){transform: translate(calc(-50% - 10px), calc(-50% + 10px)) rotate(-45deg);}
    .ham span:nth-child(8){transform: translate(-50%, calc(-50% + 10px));}
    .ham span:nth-child(9){transform: translate(calc(-50% + 10px), calc(-50% + 10px)) rotate(45deg);}
    #hdMenuBtn{width: 30px; height: 30px;}
    #hdMenuBtn.active .ham span:nth-child(1),
    #hdMenuBtn.active .ham span:nth-child(3){width: 28px;}
    .header-info .tel{display: none;}
    #moGnb{position: fixed; top: 0; right: -100%; flex-direction: column; width: 100%; height: 100svh; padding: 100px 30px; background: linear-gradient(180deg, #0068FF 35.1%, #51B6FF 100%); transition: right 0.5s; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow-y: auto; z-index: 1001;}
    #moGnb::after{position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); width: 25%; max-width: 110px; aspect-ratio: 1/1; background-image: url(../img/mo_menu_logo.png); background-size: contain; background-repeat: no-repeat; content: ''; z-index: -1; opacity: 0.5;}
    #moGnb.active{right: 0;}
    #moGnb.mo-gnb>li{margin-bottom: 25px;}
    #moGnb.mo-gnb>li>a{display: flex; justify-content: space-between; align-items: center; padding-right: 15px; color: #fff;  font-size: 19px; font-weight: 600; line-height: normal;}
    #moGnb.mo-gnb>li:has(.mo-sub-menu)>a::after{content: ''; width: 12px; height: 6px; background: url(../img/mo_menu_arrow.svg) center/contain no-repeat; transform: rotate(180deg); transition: transform 0.3s;}
    #moGnb.mo-gnb>li.on>a::after{transform: rotate(0deg);}
    #moGnb.mo-gnb>li .mo-sub-menu{display: none; flex-direction: column; padding: 25px 20px; background-color: #fff; border-radius: 15px; gap: 20px; margin-top: 15px;}
    #moGnb.mo-gnb>li .mo-sub-menu li a{display: block; margin-bottom: 12px; color: #3C3C3C;  font-size: 14px; font-weight: 700; line-height: normal;}
    #moGnb.mo-gnb>li .mo-sub-menu li:last-child a{margin-bottom: 0;}

	/*추가 */
	.gnb.pc-inside { display: none;}
    .pc-gnb, .header-info .tel{display:none}
    header .inner-box{position:unset;display:flex;justify-content:space-between;padding:0 1.25rem}
    header .inner-box .left{order:2}
    header .inner-box .right{order:1}
    /* .mo-call{order:3;display:block;width:1.875rem} */
    #moGnb{position:fixed;top:0; left: auto;right:-100%;display:block;width:100%;height:100vh;padding:6.25rem 1.875rem;background:linear-gradient(180deg,#0068FF 35.1%,#51B6FF 100%);transition:right 0.5s;z-index:1001;overflow-y:auto}
    #moGnb.active{right:0}
    .mo-gnb-list{display:block;width:100%;text-align:left}
    .mo-gnb-list > li{margin-bottom:1.563rem;width:100%}
    .mo-gnb-list > li > a{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:1.125rem;font-weight:500;padding:0.625rem 0}
    
    .mo-gnb-list > li:has(.mo-sub-menu) > a::after{content:'';width:0.75rem;height:0.375rem;background:url(../img/mo_menu_arrow.svg) center/contain no-repeat;transform:rotate(180deg);transition:0.3s}
    .mo-gnb-list > li.on > a::after{transform:rotate(0deg)}
    .mo-gnb-list > li .mo-sub-menu{display:none;flex-direction:column;padding:1.563rem 1.25rem;background-color:#fff;border-radius:0.938rem;gap:1.25rem;margin-top:0.938rem}
    .mo-gnb-list > li .mo-sub-menu li a{display:block;color:#3C3C3C;font-size:0.813rem;font-weight:700}
	/*추가 */




    /* 메인 시작 */
    .main-visual{background: url(../img/260410_dummy_visual.webp) bottom/cover no-repeat; height: unset; aspect-ratio: 9/16;}
    .main-visual .text-wrap{top: 15vh; zoom: 1;}
	.main-visual .sub-text { font-size: 1.2rem;}
    .main-visual .main-title{font-size: var(--fz-24); margin-bottom: 1.5rem; line-height: 1.4;}
    .main-visual .title-desc{font-size: var(--fz-16);}
    .sec-mn-center{padding: 60px 0;}
    .sec-mn-center .inner{flex-direction: column; gap: 20px; padding: 0 20px;}
    .sec-mn-center .inner article{width: 100%; height: auto; min-height: 480px; padding: 40px 30px;}
    .sec-mn-center .inner article .text-cont{position: relative; top: auto; left: auto; display: flex; flex-direction: column; gap: 25px; width: 100%;}
    .sec-mn-center .inner article .text-cont .title-cont h2{font-size: 28px;}
    .sec-mn-center .inner article .text-cont .title-cont .title-desc{font-size: 15px; line-height: 24px;}
    .sec-mn-center .inner article .text-cont .sub-cont{gap: 20px; opacity: 1; visibility: visible;}
    .sec-mn-center .inner article .text-cont .sub-cont li h3{font-size: 20px;}
    .sec-mn-center .inner article .text-cont .sub-cont li .li-desc{font-size: 15px;}
    .sec-mn-center .inner article:nth-child(1){background-image: linear-gradient(180deg, rgba(0, 104, 255, 0.30) 0%, #62C6F2 100%), url(../img/mn_center_01.webp);}
    .sec-mn-center .inner article:nth-child(2){background-image: linear-gradient(180deg, rgba(0, 104, 255, 0.30) 0%, #62C6F2 100%), url(../img/mn_center_02.webp);}
    .sec-mn-center .inner article:nth-child(2){background-image: linear-gradient(180deg, rgba(0, 104, 255, 0.30) 0%, #62C6F2 100%), url(../img/mn_center_02.webp);}
    .sec-mn-center .inner article:hover .text-cont{top: auto;}
    .sec-mn-center .inner article .text-cont .sub-cont{gap: 15px;}
    .expertise-section{padding: 100px 0;}


    .expertise-section .eng-title {
        margin-bottom: 80px; 
        font-size: 2.7rem; 
        letter-spacing: -0.56px; 
        line-height: 1.3;
    }

    .expertise-section .eng-title .reveal-up {
        display: block;
        font-weight: 800;
        background: linear-gradient(180deg, #A5E0FA 0%, #A5E0FA 33%, #32B9F5 44%, #3BB9F0 55%, #1B8DF8 66%, #0068FF 77%, #257EFF 88%, #667FFF 100%);
        background-size: 100% 300%; 
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        transition: background-position 3s ease-out;
    }
    .expertise-section h3{font-size: var(--fz-24);}
    .expertise-section .tit-desc{font-size: var(--fz-16);}
    .expertise-list .slick-track{gap: 10px;}
    .expertise-list{padding-inline: 70px; margin: 4rem 0 1rem; }
    .expertise-list li:not(.slick-current){opacity: 0.4 !important;}
    .expertise-list li{opacity: 1; transition: 0.5s;}
    .expertise-list li p{font-size: 18px;}
    .expertise-list li p{top: 25px; left: 50%; transform: translateX(-50%);}
    .expertise-list li p.btm{bottom: 25px; top: unset;}
    .expertise-section .add-info{font-size: min(3.3vw, 16px); line-height: 1.42em;}
    .expertise-list .slick-arrow{width: 40px;}
    .expertise-list .slick-arrow.slick-prev{left: 0;}
    .expertise-list .slick-arrow.slick-next{right: 0;}
    .expertise-list li .img-box{border-radius: 0; transition: 0.5s; overflow: hidden;}
    .expertise-list li.slick-current .img-box{border-radius: 20px;}
    .expertise-list li.slick-current + li.slick-active .img-box{border-radius: 0;}
    .expertise-list li.slick-active + li.slick-active + li.slick-active{border-radius: 0;}

	.disease-center { background: linear-gradient(180deg, #0068FF 36.54%, #62C6F2 100%); } 
	.disease-center .inner-box{ padding: 0 2rem;}
    .disease-center .bg-circle{width: 250px; height: 250px; border-color: rgba(255, 255, 255, 0.5)}
    .disease-center .bg-circle span:nth-child(1){transform: translate(-50%, -50%) rotate(0deg) translate(125px) rotate(0deg);}
    .disease-center .bg-circle span:nth-child(2){transform: translate(-50%, -50%) rotate(120deg) translate(125px) rotate(-120deg);}
    .disease-center .bg-circle span:nth-child(3){transform: translate(-50%, -50%) rotate(240deg) translate(125px) rotate(-240deg)}
    .disease-center .center-info{align-items: start; gap: 10px;}
    .disease-center .sub-label{color: rgba(255, 255, 255, 0.50); font-size: 22px;  letter-spacing: -0.6px; line-height: 1.15em;}
    .disease-center h3{font-size: 34px;}
    .disease-center p{margin-bottom: 30px; font-size: 14px; line-height: 1.5em;}
    .disease-list li{padding: 30px; min-height: 170px;}
    .disease-list li:after{display: none;}
    .disease-list li h4{margin-bottom: 5px; font-size: 27px;}
    .disease-list li p{color: #c8c8c8; font-size: 1.2rem; font-weight: 500; margin-top: 0;}
    .disease-list li img{width: 50px; bottom: 20px; right: 20px;}
    .disease-list li:hover img{opacity: 0;}
    .disease-list li .hov{display: flex; flex-direction: column; justify-content: space-between; align-items: end; width: 100%; height: 100%; padding: 30px;}
    .disease-list li .hov p{width: 100%; text-align: left !important; font-size: min(3.5vw,18px); font-weight: 500;}
    .disease-list li .hov a{padding: 10px 30px; width: 8.5rem;}
    .disease-list li .hov a span{line-height: 1em;}
    .disease-list li .hov a svg{width: 15px;}
    .disease-list li:nth-child(2){}
    .disease-list li:nth-child(2) h4{text-align: right;}
    .disease-list li:nth-child(2) p{text-align: right;}
    .disease-list li:nth-child(2) img{right: unset; left: 30px;}

	.vision-center{ background: #fff; padding: 7rem 0 3rem;}
	.vision-center .inner-box{ padding: 0 2rem;}
    .vision-center .bg-circle{width: 250px; height: 250px; top: -7rem; left: -7rem; border-color: #eee;}
    .vision-center .bg-circle span:nth-child(1){transform: translate(-50%, -50%) rotate(0deg) translate(125px) rotate(0deg);}
    .vision-center .bg-circle span:nth-child(2){transform: translate(-50%, -50%) rotate(120deg) translate(125px) rotate(-120deg);}
    .vision-center .bg-circle span:nth-child(3){transform: translate(-50%, -50%) rotate(240deg) translate(125px) rotate(-240deg)}
    .vision-center .sub-label{display: block; margin-bottom: 0; color: #D9D9D9; font-size: 22px;  letter-spacing: -0.6px; line-height: 1.15em;}
    .vision-center h3{font-size: 34px; margin-top: 10px;}
    .vision-center p{margin-bottom: 30px; font-size: 14px; line-height: 1.5em;}
    .vision-list li{padding: 30px; min-height: 170px;}
    .vision-list li:after{display: none;}
    .vision-list li h4{margin-bottom: 5px; font-size: 27px;}
    .vision-list li p{color: rgba(255, 255, 255, 0.55); font-size: 1.2rem; font-weight: 500; margin-top: 0;}
    .vision-list li img{width: 70px; bottom: 30px; right: 30px;}
    .vision-list li:hover img{opacity: 0;}
    .vision-list li .hov{display: flex; flex-direction: column; justify-content: space-between; align-items: end; width: 100%; height: 100%; padding: 30px;}
    .vision-list li .hov p{width: 100%; text-align: left !important; font-size: min(3.5vw,18px); font-weight: 500; color: #111111;}
    .vision-list li .hov a{padding: 10px 30px;}
    .vision-list li .hov a span{line-height: 1em;}
    .vision-list li .hov a svg{width: 15px;}
    .vision-list li:nth-child(2){}
    .vision-list li:nth-child(2) h4{text-align: right;}
    .vision-list li:nth-child(2) p{text-align: right;}
    .vision-list li:nth-child(2) img{right: unset; left: 30px;}
 
	.flow-section { position: absolute;}
    .flow-section.second{ position: static; }
    .flow-text{  line-height: 150px; } 
	.flow-text p {font-size: 3.5rem; line-height: 7.364rem; }

    .history-section{padding: 200px 0 100px;
        /* background: url(../img/m_bg_history.webp) bottom / cover no-repeat, linear-gradient(180deg, #FFF 11.31%, #A0A0A0 32.63%, #1F1F1F 72.71%) lightgray; */
        background: #fff;
    }
    .history-section .label{margin-bottom: 0; font-size: 14px;}
    .history-section h3{font-size: min(6.0vw, 24px); color: #111;}
    .history-section .desc{line-height: 1.4em; font-size: 15px; color: #111;}
    .history-section .desc:before{display: none;}
    .history-section .desc:after{display: none; background: url(../img/sound_wave_02.png) center/contain no-repeat; right: unset; left: 50%; bottom: -100px; transform: translateX(-50%); width: 85%; height: unset; aspect-ratio: 789/113;}
    .history-section .under-desc{width: 85%; margin-top: 30px; margin-inline: auto;}
    .history-section .slider-wrapper{margin: 90px auto 140px;}
    .history-section .year-point{width: 18px; height: 18px; margin-left: -10px; margin-top: -10px;}
    .history-section .year-point .dot{width: 8px; height: 8px;}
    .history-section .year-point .year-num{color: #111;}
    .history-section .year-point .year-num{font-size: 14px;}
    .history-section .year-point.left .year-num{left: -30px;}
    .history-section .year-point.center .year-num{top: -25px;}
    .history-section .year-point.right .year-num{right: -30px;}
    .history-section .year-point.right:last-child .year-num{right: -30px;}
    .history-section .slider-wrapper .year-detail{bottom: -70%;}
    .history-section .slider-wrapper .year-detail li.n01 img {margin-bottom: 1rem;}
    .history-section .slider-wrapper .year-detail li.n02 img {margin-bottom: 0.5rem;}
    .history-section .slider-wrapper .year-detail li.n03 img {margin-bottom: 1rem;}
    .history-section .slider-wrapper .year-detail li.n04 img {margin-bottom: 0.5rem;}
    .history-section .slider-wrapper .year-detail li.n05 img {margin-bottom: 0.2rem;}
    .history-section .slider-wrapper .year-detail li.n06 img {margin-bottom: 1rem;}
    .history-section .slider-wrapper .year-detail li.n07 img {margin-bottom: 1rem;}
    .history-section .slider-wrapper .year-detail li img{width: 48%; margin-bottom: 1rem;}
    .history-section .slider-wrapper .year-detail li .detail{font-size: 16px; color: #111; line-height: 1.4em; font-weight: 500;}

    .flow-text p .rotate-logo{margin-top: 0; height: 0.8em;}

    .doctor-section{padding: 60px 0;}
    .doctor-section .inner{gap: 40px; width: 100%; padding: 0 20px;}
    .doctor-section .inner .title-cont{gap: 10px;}
    .doctor-section .inner .title-cont .sub-title{font-size: 16px;}
    .doctor-section .inner .title-cont h2{font-size: var(--fz-24); line-height: 1.4;}
    .doctor-section .inner .doctor-list{flex-wrap: wrap; gap: 30px 20px;}
    .doctor-section .inner .doctor-list li{gap: 25px; width: calc(50% - 10px); max-width: 100%; height: stretch; justify-content: space-between;}
    .doctor-section .inner .doctor-list li .card-top{gap: 15px;}
    .doctor-section .inner .doctor-list li .card-top .name-box{align-items: center; gap: 8px; flex-direction: column}
    .doctor-section .inner .doctor-list li .card-top .name-box .name{font-size: var(--fz-16);}
    .doctor-section .inner .doctor-list li .card-top .name-box .info{gap: 8px; padding-bottom: 2px;}
    .doctor-section .inner .doctor-list li .card-top .name-box .info .pos{font-size: var(--fz-14);}
    .doctor-section .inner .doctor-list li .card-top .name-box .info .divider{height: 14px;}
    .doctor-section .inner .doctor-list li .card-top .name-box .info .spec{font-size: var(--fz-14); text-align: center;}
    .doctor-section .inner .doctor-list li .btn-profile{padding: 10px 15px; font-size: var(--fz-14);}

    .doctor-popup .popup-wrap{padding: 30px 20px; overflow-y: scroll;}
    .doctor-popup .popup-wrap .popup-close{top: 20px; right: 20px; width: 32px; height: 32px;}
    .doctor-popup .popup-wrap .popup-header{flex-direction: column; align-items: flex-start; gap: 5px; margin-bottom: 25px;}
    .doctor-popup .popup-wrap .popup-header .doc-name{font-size: var(--fz-16);}
    .doctor-popup .popup-wrap .popup-header .info-box .doc-pos{font-size:  var(--fz-14);}
    .doctor-popup .popup-wrap .popup-header .info-box .divider{height: 16px;}
    .doctor-popup .popup-wrap .popup-header .info-box .doc-spec{font-size:  var(--fz-14);}
    .doctor-popup .popup-wrap .popup-body{gap: 25px;}
    .doctor-popup .popup-wrap .popup-body .info-cont{flex-direction: column; gap: 25px;}
    .doctor-popup .popup-wrap .popup-body .info-cont .col-box .history-list li{font-size:  var(--fz-14);}
    .doctor-popup .popup-wrap .popup-body .info-cont .col-box .history-list li:before{top: 10px;}
    .doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table thead th{padding: 10px 0; font-size: 16px;}
    .doctor-popup .popup-wrap .popup-body .schedule-box .schedule-table tbody td{padding: 10px 0; font-size: 16px;}

    .info-section .info-wrap{gap: 50px;}
    .info-section .info-wrap h3{padding-left: 0; font-size: 24px; text-align: center;}
    .info-section .info-text{padding-left: 0;}
    .info-section .info-cont{flex-direction: column;}
    .info-section .info-list li{padding-block: 15px; border-top: 1px dotted #999;}
    .info-section .info-list li:nth-child(1){padding-bottom: 15px;}
    .info-section .info-list .label{font-size: 16px; width: 80px; line-height: 1.5em;}
    .info-section .info-list .detail strong{font-size: 23px;}
    .info-section .info-list .detail{font-size: 16px; line-height: 1.5em;}
    .info-section .info-list .detail span{font-size: 16px; width: 73px; line-height: 1.5em;}
    .info-section .info-list li:nth-child(3) .detail{font-size: 16px; line-height: 1.5em;}
    .info-section .info-list .detail.parking{font-size: 16px; line-height: 1.5em;}
    .info-section .info-map{flex: unset;}
    .info-section .btn-group{margin-top: 30px; gap: 10px;}
    .info-section .btn-group button{flex: 1; min-width: unset; gap: 5px; padding: 10px 10px; font-size: 12px; border-radius: 5px;}
    .info-section .btn-group button img{width: 20px;}

    .sec-mn-correct{padding: 60px 0;}
    .sec-mn-correct .inner{gap: 60px; padding: 0 20px;}
    .sec-mn-correct .inner .title-cont{gap: 10px; margin-bottom: 0;}
    .sec-mn-correct .inner .title-cont h2{font-size: var(--fz-24);}
    .sec-mn-correct .inner .title-cont h2 span{font-size: var(--fz-24);}
    .sec-mn-correct .inner .title-cont .title-desc{font-size: var(--fz-15); line-height: 24px;}
    .sec-mn-correct .inner article{flex-direction: column; gap: 30px;}
    .sec-mn-correct .inner article:nth-child(2){flex-direction: column-reverse; margin-bottom: 0;}
    .sec-mn-correct .inner article:last-child .text-cont{padding-left: 0;}
    .sec-mn-correct .inner article:last-child .text-cont .desc-box{margin-bottom: 25px;}
    .sec-mn-correct .inner article img{width: 100%; max-width: 100%; aspect-ratio: 4 / 3;}
    .sec-mn-correct .inner article .text-cont{width: 100%; max-width: 100%; padding-top: 0;}
    .sec-mn-correct .inner article .text-cont .item-title{margin-bottom: 30px;}
    .sec-mn-correct .inner article .text-cont .item-title .cate{font-size: var(--fz-16); line-height: 22px;}
    .sec-mn-correct .inner article .text-cont .item-title h3{font-size: var(--fz-22); line-height: 32px;}
    .sec-mn-correct .inner article .text-cont .desc-box{margin-bottom: 25px;}
    .sec-mn-correct .inner article .text-cont .desc-box .point{font-size: var(--fz-18); line-height: 28px;}
    .sec-mn-correct .inner article .text-cont .desc-box .desc{font-size: var(--fz-16); line-height: 24px;}
    .sec-mn-correct .inner article .text-cont .badge-list{gap: 8px;}
    .sec-mn-correct .inner article .text-cont .badge-list li{height: 34px; padding: 0 12px; font-size: var(--fz-14);}

    .sec-mn-surgery{padding: 60px 0 80px;}
    .sec-mn-surgery .inner{gap: 60px; padding: 0 20px;}
    .sec-mn-surgery .inner .title-cont{gap: 10px;}
    .sec-mn-surgery .inner .title-cont h2{font-size: var(--fz-24);}
    .sec-mn-surgery .inner .title-cont h2 span{font-size: var(--fz-24);}
    .sec-mn-surgery .inner .title-cont .title-desc{font-size: var(--fz-16); line-height: 24px;}
    .sec-mn-surgery .inner article{flex-direction: column-reverse; gap: 30px;}
    .sec-mn-surgery .inner article img{width: 100%; max-width: 100%; aspect-ratio: 4 / 3;}
    .sec-mn-surgery .inner article .text-cont{width: 100%; max-width: 100%; padding-top: 0; padding-right: 0;}
    .sec-mn-surgery .inner article .text-cont .item-title{margin-bottom: 30px;}
    .sec-mn-surgery .inner article .text-cont .item-title h3{font-size: var(--fz-22); line-height: 32px;}
    .sec-mn-surgery .inner article .text-cont .desc-box{margin-bottom: 45px;}
    .sec-mn-surgery .inner article .text-cont .desc-box .point{font-size: var(--fz-18); line-height: 28px;}
    .sec-mn-surgery .inner article .text-cont .desc-box .desc{font-size: var(--fz-16); line-height: 24px;}
    .sec-mn-surgery .inner article .text-cont .feature-list{gap: 30px;}
    .sec-mn-surgery .inner article .text-cont .feature-list li .icon-box{width: 70px; height: 70px;}
    .sec-mn-surgery .inner article .text-cont .feature-list li .icon-box svg{width: 36px; height: 36px;}
    .sec-mn-surgery .inner article .text-cont .feature-list li .feature-txt{font-size: var(--fz-16); line-height: 20px;}
    
    .mn-sect02{padding: 80px 0;}
    .mn-sect02 .inner{padding: 0 5%; flex-direction: column; gap: 60px;}
    .mn-sect02 .comm-txt-box{padding: 0;}
    .mn-sect02 .comm-txt-box.active{opacity: 1;}
    .mn-sect02 .comm-txt-box .promise-tit{font-size: var(--fz-36);}
    .mn-sect02 .comm-txt-box .promise-desc{margin-top: 20px; font-size: var(--fz-18);}
    .mn-sect02 .card-box{height: 445px; padding: 35px 30px; max-width: 100%; width: 100%;}
    .mn-sect02 .card-box .sub-tit{font-size: min(6.8vw, 36px);}
    .mn-sect02 .box-wrap{padding-top: 0;}
    .mn-sect02 .box-wrap .box-col{gap: 20px;}
    .mn-sect02 .bottom p{font-size: 16px;}
    
    .sec-mn-space{padding: 120px 0 60px;}
    .sec-mn-space .inner{gap: 40px;}
    .sec-mn-space .inner .title-cont{width: 92%; margin-inline: auto;}
    .sec-mn-space .inner .title-cont h2{font-size: var(--fz-24); line-height: 1.4;}
    .sec-mn-space .inner .title-cont .title-desc{font-size: var(--fz-16); line-height: 1.44;}
    .sec-mn-space .inner .space-slider-wrap .space-list li img{height: 400px;}
    .sec-mn-space .inner .space-slider-wrap .space-controls{gap: 20px;}
    .sec-mn-space .inner .space-slider-wrap .space-controls .space-btn{width: 44px; height: 44px;}
    .sec-mn-space .inner .space-slider-wrap .space-controls .space-progress{width: 180px;}

    .sec-mn-contact{padding: 60px 0;}
    .sec-mn-contact .inner{gap: 40px; width: 100%; padding: 0 20px;}
    .sec-mn-contact .inner h2{font-size: var(--fz-24); line-height: 1.4;}
    .sec-mn-contact .inner article{flex-direction: column; gap: 40px;}
    .sec-mn-contact .inner article .text-cont{width: 100%; max-width: 100%;}
    .sec-mn-contact .inner article .text-cont .contact-list{gap: 20px;}
    .sec-mn-contact .inner article .text-cont .contact-list > li{flex-direction: column; gap: 10px; padding-bottom: 20px;}

    .sec-mn-contact .inner article .text-cont .contact-list > li .label{min-width: unset; font-size: var(--fz-16);}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail{font-size: var(--fz-16);}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail{width: 100%}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .hours-list li{gap: 48px; align-items: start;}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .hours-list li .day{width: auto; min-width: 151px; font-size: var(--fz-15); text-align: left; text-align-last: left;}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .hours-list li .time{font-size: var(--fz-15);}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.hours-detail .closed-info{color: #767676; font-size: var(--fz-15);}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list{display: flex; flex-direction: row; gap: 10px; width: 100%;}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list li{display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%;}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list li .center-name{width: auto; min-width: unset; font-size: var(--fz-14); font-weight: 500; color: #656565;}
    .sec-mn-contact .inner article .text-cont .contact-list > li .detail.tel-detail .tel-list li .tel-num{font-size: var(--fz-16); font-weight: 700; color: #2a2a2a; text-decoration: none;}
    .sec-mn-contact .inner article .img-cont{width: 100%; max-width: 100%;}
    .sec-mn-contact .inner article .img-cont .map-box{min-height: 320px; aspect-ratio: 16 / 10;}
    /* 메인 끝 */
    
    /* 푸터 */
    .footer-top{padding-block: 5px;}
	footer .inner-box { padding: 0 0.5rem;}
    .footer-menu { flex-wrap:wrap;}
    .footer-menu li{display: flex; align-items: center; line-height: 1.4;}
    .footer-menu li a{font-size: 0.75rem; line-height: 1.4;}
    .footer-menu li:after{font-size: 11px; margin-inline: 7px;}
    .footer-bottom{padding: 40px 0;}
    .footer-bottom .logo{filter: unset; margin-inline: auto; width: 40px;}
    .footer-bottom address{font-size: 11px; line-height: 1.6; font-weight: 400;}
    .footer-bottom .copyright{font-size: 11px;}
    .footer-menu li:after{line-height: 30px;}
}

@media (max-width: 768px) { 
	html, body {font-size: 14px; }
    .mo-768{display: block!important;}
    .pc-768{display: none!important;}
}