:root{
    --ysji-light-blue: #51b6ff;
    --ysji-blue: #0068ff;
    --ysji-black: #111;
    --ysji-sub_black: #2a2a2a;
    --ysji-gray: #656565;
} 
/* 공통 클래스 시작 */
body { font-family: 'SUIT Variable', sans-serif; font-size: 16px;  }
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;}
.mo,.mo-flex,.mo-ib,.mo-if,.mo-grid{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: 50px;}
.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{padding: 2rem 0;}
.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-info{display: flex; align-items: center; gap: 39px;}
.header-info .tel{font-size: 1rem; font-weight: 600; color: var(--header-color);}
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;	}
.main-visual .sub-text{font-size: 1.875rem; margin-bottom: 2rem; font-weight: 700; color: #62C6F2;}
.main-visual .main-title{font-size: 3.125rem; font-weight: 700;}
.expertise-section{padding: 14rem 0 7rem; background: url(../img/bg_expertise.webp) center/cover no-repeat; text-align: center; overflow: hidden;}
.expertise-section .eng-title.pc {font-size: 55.5px; font-style: normal; font-weight: 800; line-height: 73.71px; background: linear-gradient(180deg, rgba(192, 236, 255, 0.43) 0%, rgba(192, 236, 255, 0.43) 50%, rgba(0, 104, 255, 0.76) 100%); background-size: 100% 200%; background-position: 0% 0%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; transition: background-position 3s ease-out;}
.expertise-section .eng-title.pc.active { background-position: 0% 100%;}
.expertise-section .kor-title{color: #2A2A2A;  font-size: 35px; font-style: normal; font-weight: 700; line-height: 60px; margin-top: 1rem;}
.expertise-section .kor-title strong{color: #0068FF; font-weight: 700;}
.expertise-section .add-info{color: #434343; text-align: center;  font-size: 17px; font-weight: 500; line-height: 30px;}
.expertise-list{max-width: 1270px; margin-inline: auto; margin-block: 5.2rem; 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; margin-bottom: 20px;}
.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: 30px; font-weight: 700; line-height: normal;}
.expertise-list li p.bk{color: #111;}
.expertise-list li:nth-child(even) p{bottom: 55px; left: 50%; transform: translateX(-50%);}
.expertise-list li:nth-child(odd) p{top: 55px; left: 50%; transform: translateX(-50%);}
.expertise-list li:not(.slick-active){opacity: 0.4 !important;}
.expertise-list li .img-box{border-radius: 0; transition: 0.5s; 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;}

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

.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{ padding: 7rem 0 0; text-align: center; background: url(../img/doctor-section-bg01.webp) center/cover no-repeat; overflow: hidden;}
.doctor-section .inner-box{ position: relative;}
.doctor-section .label{display: block; margin-bottom: 50px; color: #999; text-align: center;  font-size: 20.946px; font-style: normal; font-weight: 600; line-height: normal;}
.doctor-section .text-cont{position: relative; width: 100%;}
.doctor-section .text-cont .bg-text{position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #EEE; font-family: Roboto; font-size: 143.085px; font-style: normal; font-weight: 700; line-height: 250.399px; letter-spacing: -2.862px;}
.doctor-section .quote{position: relative; z-index: 10; color: #111; text-align: center;  font-size: 32.915px; font-weight: 700; line-height: 50.869px;}
.doctor-section .quote img.text-point{width: 35px; margin-top: -30px;}
.doctor-section .quote img.quote-logo{width: 32px; margin-bottom: 7px; margin-right: 5px;}
.doctor-section .quote strong{ color: #0068FF; font-weight: 700;}
.doctor-img{ position: relative; z-index: 1; width: 100%; max-width: 1068px; margin: 0 auto; overflow: visible;}
.doctor-img img{ width: 100%; transform: scale(0.7); transition: transform 0.3s ease-out;}
.doctor-section.active .doctor-img img{ animation: docImgScale 3s ease-in-out forwards;}
.doctor-section .btn-more{position: absolute; bottom: 73px; left: 50%; transform: translateX(-50%); z-index: 1; display: inline-flex; align-items: center; gap: 10px; padding: 10px 55px; background-color: #51B6FF; border: 1px solid #51B6FF; border-radius: 100px; transition: 0.5s;}
.doctor-section .btn-more span{margin-bottom: 4px; color: #fff;  font-size: 15px; font-style: normal; font-weight: 700; line-height: 30px;}
.doctor-section .btn-more:hover{background-color: #fff;}
.doctor-section .btn-more:hover span{color: #51B6FF;}
.doctor-section .btn-more:hover svg path{fill: #51B6FF;}

/* .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;}

.space-section{padding: 5rem 0 7.5rem; text-align: center; overflow: hidden;}
.space-section .label{display: block; margin-bottom: 20px; color: #999; text-align: center;  font-size: 20px; font-weight: 600; line-height: normal;}
.space-section h3{margin-bottom: 20px; color: #111; text-align: center;  font-size: 2.8125rem; font-weight: 700; line-height: 90px;}
.space-section h3 strong{color: #0068FF; font-weight: 700;}
.space-section p{margin-bottom: 84px; color: #656565; text-align: center;  font-size: 17px; font-weight: 500; line-height: 30px;}
.space-section .space-list .slick-arrow{display: none !important;}
.space-section .space-list .slick-dots{display: none !important;}
.space-section .space-list .slick-list{gap: 32px; width: 90%; max-width: 1500px; overflow: visible; margin-inline: auto;}
.space-section .space-list .slick-list .slick-track{display: flex; gap: 32px;}
.space-section .space-list li img{width: 100%; object-fit: cover;}
.space-section .space-progress{width: 90%; max-width: 380px; height: 5px; background: #D9D9D9; margin-top: 4.8rem; margin-inline: auto; position: relative;}
.space-section .space-progress .progress-bar{width: 0%; height: 100%; background: #0068FF; transition: width 0.3s ease;}

.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;}
    .main-visual .text-wrap{top: 20vh;}
	.main-visual .sub-text { font-size: 1.2rem;}
    .main-visual .main-title{font-size: 2.2rem; margin-bottom: 1.5rem; line-height: 1.4;}
    
    .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 .eng-title .reveal-up:nth-child(1) { background-position: 0% 0%; }   /* 첫 줄: 상단 */
    .expertise-section .eng-title .reveal-up:nth-child(2) { background-position: 0% 50%; }  /* 둘째 줄: 중간 */
    .expertise-section .eng-title .reveal-up:nth-child(3) { background-position: 0% 100%; } /* 셋째 줄: 하단 */
    .expertise-section .eng-title.active .reveal-up:nth-child(1) { background-position: 0% 30%; }
    .expertise-section .eng-title.active .reveal-up:nth-child(2) { background-position: 0% 70%; }
    .expertise-section .eng-title.active .reveal-up:nth-child(3) { background-position: 0% 100%; }
    .expertise-section .kor-title{font-size: min(6.0vw, 24px); line-height: 1.4em; margin-top: 0; font-weight: 700;}
    .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:nth-child(odd) p{top: 25px;}
    .expertise-list li:nth-child(even) p{bottom: 35px;}
    .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 {background: url(../img/mo_bg_doc.webp) 50% bottom / cover no-repeat; padding: 7rem 0 2rem;}
	.doctor-section .inner-box{padding: 0;}
    .doctor-section .label{margin-bottom: 20px; font-size: 12px;}
    .doctor-section .text-cont .bg-text{display: none;}
    .doctor-section .quote{margin-bottom: 30px; font-size: 18px; line-height: 1.5em;}
    .doctor-section .quote img.text-point{width: 18px; margin-top: -12px;}
    .doctor-section .quote img.quote-logo{width: 20px; margin-right: 3px; margin-bottom: 3px;}
    .doctor-section .btn-more{position: unset !important; transform: unset; padding: 0 25px; gap: 7px; margin-bottom: 40px;}
    .doctor-section .btn-more span{font-size: 13px; font-weight: 500;}
    .doctor-section .btn-more svg{width: 12px;}
    @keyframes docImgScale{
        0%{ transform: scale(0.7); } 50%{ transform: scale(1.25); } 100%{transform: scale(1.2);}
    }
	.space-section { padding: 2rem 0 ;}
    .space-section .label{margin-bottom: 30px; font-size: 14px;}
    .space-section h3{line-height: 1.5em; font-size: min(6.0vw, 24px);}
    .space-section p{line-height: 1.5em; font-size: 15px;}
    .space-section .btn-more{display: inline-flex; align-items: center; gap: 10px; padding: 0 20px; background-color: #51B6FF; border: 1px solid #51B6FF; border-radius: 100px; transition: 0.5s; margin-top: 30px; margin-bottom: 30px;}
    .space-section .btn-more span{margin-bottom: 4px; color: #fff;  font-size: 13px; font-style: normal; font-weight: 500; line-height: 30px;}
    .space-section .btn-more:hover{background-color: #fff;}
    .space-section .btn-more:hover span{color: #51B6FF;}
    .space-section .btn-more svg{width: 14px;}
    .space-section .btn-more:hover svg path{fill: #51B6FF;}

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


    /* 메인 끝 */
    
    /* 푸터 */
    .footer-top{padding-block: 5px;}
	footer .inner-box { padding: 0 0.5rem;}
    .footer-menu { flex-wrap:wrap;}
    .footer-menu li a{font-size: 0.75rem;}
    .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.5em; font-weight: 400;}
    .footer-bottom .copyright{font-size: 11px;}
}

@media (max-width: 768px) { 
	html, body {font-size: 14px; }
}