@charset "utf-8"; #visual{width:100%; height:730px; position:relative; overflow:hidden;} #visual .visualBox{width:100%; height:100%; overflow:hidden;} #visual .visualBox .visualSlide{width:100%; height:100%;} #visual .visualBox .visualSlide .slideItem{width:100%; height:100%; position:relative; overflow:hidden;} #visual .visualBox .visualSlide .slideItem a{width:100%; height:100%; position:relative; overflow:hidden;} #visual .visualBox .visualSlide .slideItem .visualImg{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.1); transition:all 0.75s linear;} #visual .visualBox .visualSlide .slideItem.visual1 .visualImg{background-image:url("/html/resource/img/main/visual1.jpg?ver=231010");} #visual .visualBox .visualSlide .slideItem.visual2 .visualImg{background-image:url("/html/resource/img/main/visual2.jpg");} #visual .visualBox .visualSlide .slideItem.visual3 .visualImg{background-image:url("/html/resource/img/main/visual3.jpg");} #visual .visualBox .visualSlide .slideItem.visual4 .visualImg{background-image:url("/html/resource/img/main/visual4.jpg?ver=2507282");} #visual .visualBox .visualSlide .slideItem.visual5 .visualImg{background-image:url("/html/resource/img/main/visual5.jpg?ver=240625");} #visual .visualBox .visualSlide .slideItem.visual6 .visualImg{background-image:url("/html/resource/img/main/visual6.jpg");} #visual .visualBox .visualSlide .slideItem.visual7 .visualImg{background-image:url("/html/resource/img/main/visual7.jpg");} #visual .visualBox .visualSlide .slideItem.visual8 .visualImg{background-image:url("/html/resource/img/main/visual8.jpg");} #visual .visualBox .visualSlide .slideItem.visual9 .visualImg{background-image:url("/html/resource/img/main/visual9.jpg");} #visual .visualBox .visualSlide .slideItem .inBox{display:flex; justify-content:center; align-items:center; width:calc(100% - 140px); max-width:1250px; height:100%; margin:0 auto; position:relative; z-index:3;} #visual .visualBox .visualSlide .slideItem .inBox.right{justify-content:flex-end; padding-top:60px; padding-bottom:0;} #visual .visualBox .visualSlide .slideItem .inBox.left{justify-content:flex-start; padding-top:60px; padding-bottom:0;} #visual .visualBox .visualSlide .slideItem .visualText{display:inline-block; text-align:left;} #visual .visualBox .visualSlide .slideItem .visualText .textTitle{width:100%; height:auto; font-family: 'MaruBuriSemiBold'; font-size:72px; font-weight:600; letter-spacing:-0.05em; line-height:1.3; color:#000;} #visual .visualBox .visualSlide .slideItem .visualText .textTitle .quoteText1, #visual .visualBox .visualSlide .slideItem .visualText .textTitle .quoteText2{display:inline-block; position:relative;} #visual .visualBox .visualSlide .slideItem .visualText .textTitle .quoteText1 img{display:inline-block; position:absolute; top:-35px; left:-65px; z-index:-1;} #visual .visualBox .visualSlide .slideItem .visualText .textTitle .quoteText2 img{display:inline-block; position:absolute; bottom:-20px; right:-75px; z-index:-1;} #visual .visualBox .visualSlide .slideItem .visualText .inText{font-size:22px; font-weight:300; letter-spacing:-0.05em; line-height:32px; color:#000; margin-top:35px;} #visual .visualBox .visualSlide .slideItem .visualText .inLink{display:inline-flex; justify-content:center; align-items:center; width:149px; height:50px; border-radius:25px; background:#222; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:35px;} #visual .visualBox .visualSlide .slideItem .visualText2{width:100%; height:auto; text-align:center; color:#000; padding-top:60px;} #visual .visualBox .visualSlide .slideItem .visualText2 .textTitle{width:100%; height:auto; font-family: 'MaruBuriSemiBold'; font-size:72px; font-weight:600; letter-spacing:-0.05em; line-height:1;} #visual .visualBox .visualSlide .slideItem .visualText2 .textTitle .engText{display:block; font-size:20px; font-weight:300; letter-spacing:0.2em; line-height:1; margin-bottom:30px; text-transform:uppercase;} #visual .visualBox .visualSlide .slideItem .visualText2 .inText{font-size:22px; font-weight:300; letter-spacing:-0.05em; line-height:1; margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText2 img{display:block; margin:58px auto 0 auto;} #visual .visualBox .visualSlide .slideItem .visualText2 img.mobileOnly{display:none;} #visual .visualBox .visualSlide .slideItem .visualText3{width:100%; height:auto; text-align:center; color:#fff; padding-bottom:30px;} #visual .visualBox .visualSlide .slideItem .visualText3 img{display:block; margin:0 auto 30px auto;} #visual .visualBox .visualSlide .slideItem .visualText3 .textTitle{width:100%; height:auto; font-family: 'MaruBuriSemiBold'; font-size:72px; font-weight:600; letter-spacing:-0.05em; line-height:1;} #visual .visualBox .visualSlide .slideItem .visualText3 .textTitle span{display:block; font-size:29px; letter-spacing:-0.05em; line-height:1; margin-bottom:25px;} #visual .visualBox .visualSlide .slideItem .visualText3 .inText{font-size:22px; font-weight:300; letter-spacing:-0.05em; line-height:1; margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText3 .inLink{display:inline-flex; justify-content:center; align-items:center; width:149px; height:50px; border-radius:25px; background:#222; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:40px;} #visual .visualBox .visualSlide .slideItem .visualText4{width:100%; height:auto; text-align:left; padding-bottom:20px;} #visual .visualBox .visualSlide .slideItem .visualText4 .textTitle{width:100%; height:auto; font-size:72px; font-weight:600; letter-spacing:-0.075em; line-height:1;} #visual .visualBox .visualSlide .slideItem .visualText4 .textTitle strong{display:block; font-size:75px; font-weight:600; letter-spacing:-0.075em; line-height:1; color:#22abe4; margin-top:25px;} #visual .visualBox .visualSlide .slideItem .visualText4 .inText{font-size:19px; font-weight:200; letter-spacing:-0.05em; line-height:30px; margin-top:42.5px;} #visual .visualBox .visualSlide .slideItem .visualText4 .inText strong{font-weight:600;} #visual .visualBox .visualSlide .slideItem .visualText4 .inLink{display:inline-flex; justify-content:center; align-items:center; width:149px; height:50px; border-radius:25px; background:#222; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:33.5px;} #visual .visualBox .visualSlide .slideItem .visualText5{width:100%; height:auto; color:#fff; padding-top:50px;} #visual .visualBox .visualSlide .slideItem .visualText5 .textTitle{width:100%; height:auto; font-size:72px; font-weight:600; letter-spacing:-0.05em; line-height:1;} #visual .visualBox .visualSlide .slideItem .visualText5 .textTitle .smallText{display:block; font-size:24px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-bottom:25px;} #visual .visualBox .visualSlide .slideItem .visualText5 .inText{font-size:22px; font-weight:100; letter-spacing:-0.05em; line-height:1; margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText5 .inText strong{display:inline-block; vertical-align:top; font-weight:600; color:#96e0ff; text-decoration:underline; text-underline-offset:5px; margin-top:10px;} #visual .visualBox .visualSlide .slideItem .visualText5 img{display:block; margin-top:35px;} #visual .visualBox .visualSlide .slideItem .visualText5 img.mobileOnly{display:none;} #visual .visualBox .visualSlide .slideItem .visualText5 .colorType{color:#00e1db; text-decoration-color:#00e1db;} #visual .visualBox .visualSlide .slideItem .visualText5 .inLink{display:inline-flex; justify-content:center; align-items:center; width:149px; height:50px; border-radius:25px; background:#222; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:35px;} #visual .visualBox .visualSlide .slideItem .visualText6{width:100%; height:auto; text-align:center; color:#fff; padding-top:55px;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle{width:100%; height:auto; font-size:72px; font-weight:200; letter-spacing:-0.05em; line-height:1;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle .smallText{display:block; font-size:24px; font-weight:300; letter-spacing:-0.05em; line-height:1; margin-bottom:15px;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle .smallText span{color:#96e0ff;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle strong{display:block; font-weight:600; color:#efb61c; margin-top:20px;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle strong span{color:#e8c872;} #visual .visualBox .visualSlide .slideItem .visualText6 .inLink{display:inline-flex; justify-content:center; align-items:center; width:149px; height:50px; border-radius:25px; background:#222; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:20px;} #visual .visualBox .visualSlide .slideItem .visualText6 img{display:block; margin:30px auto 0 auto;} #visual .visualBox .visualSlide .slideItem .visualText6 img.mobileOnly{display:none;} #visual .visualBox .visualSlide .slideItem .visualText7{width:100%; height:auto; color:#fff; padding-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText7 .textTitle{width:100%; height:auto; font-size:72px; font-weight:600; letter-spacing:-0.05em; line-height:1;} #visual .visualBox .visualSlide .slideItem .visualText7 .textTitle .smallText{display:block; font-size:24px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-bottom:15px;} #visual .visualBox .visualSlide .slideItem .visualText7 .textTitle .colorType{color:#40c7ff;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText{font-size:19px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-top:20px;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText p{width:100%; max-width:677px; height:auto; font-weight:100; color:#fff; padding:6px 10px; background:#1d1d1d;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText p strong{font-weight:600; color:#ffe398;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText ul{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; max-width:650px; height:auto; margin-top:20px; margin-bottom:-10px;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText ul li{display:inline-flex; justify-content:center; align-items:center; width:auto; height:40px; border-radius:20px; border:1px solid rgba(255,255,255,.6); font-weight:500; color:#fff; margin-bottom:10px; margin-right:10px; padding:0 25px;} #visual .visualBox .visualSlide .slideItem .visualText7 img{display:block; margin-top:25px;} #visual .visualBox .visualSlide .slideItem .visualText7 img.mobileOnly{display:none;} #visual .visualBox .visualSlide .slideItem .visualText8{width:100%; height:auto; color:#000; padding-top:40px;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle{width:100%; height:auto;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle .smallText{display:block; font-size:26px; font-weight:500; letter-spacing:-0.05em; line-height:1; margin-bottom:10px;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle .smallText strong{font-weight:900;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle .gradient{font-size:90px; font-weight:800; letter-spacing:-0.025em; line-height:1; background:linear-gradient(to bottom right, #000000 53%, rgba(252,238,181,.9) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText{font-size:26px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-top:10px; color:#fff;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText .bgText{display:inline-block; padding:4px 10px; background:rgba(4,7,9,.7);} #visual .visualBox .visualSlide .slideItem .visualText8 .inText .bgText.colorType{color:#f8ebb2; margin-bottom:2px;} #visual .visualBox .visualSlide .slideItem .visualText8 img{display:block; margin-top:20px;} #visual .visualBox .visualSlide .slideItem .visualText8 img.mobileOnly{display:none;} #visual .visualBox .visualSlide .slideItem .visualText9{width:100%; height:auto; color:#fff;} #visual .visualBox .visualSlide .slideItem .visualText9 .textTitle{width:100%; height:auto; font-size:72px; font-weight:600; letter-spacing:-0.05em; line-height:1;} #visual .visualBox .visualSlide .slideItem .visualText9 .textTitle .smallText{display:block; font-size:24px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-bottom:25px; color:#e8b18f;} #visual .visualBox .visualSlide .slideItem .visualText9 .textTitle .colorType{color:#ffd9b7;} #visual .visualBox .visualSlide .slideItem .visualText9 .inText{font-size:20px; font-weight:100; letter-spacing:-0.05em; line-height:1; margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText9 .inText strong{display:inline-block; vertical-align:top; font-weight:600; color:#ffd9b7; text-decoration:underline; text-underline-offset:5px; margin-top:10px;} #visual .visualBox .visualSlide .slideItem .visualText9 img{display:block; margin-top:35px;} #visual .visualBox .visualSlide .slideItem .visualText9 img.mobileOnly{display:none;} #visual .visualBox .visualSlide .slideItem .aosText1{transform:translateY(50px); opacity:0; transition:transform 0.45s linear, opacity 0.45s linear;} #visual .visualBox .visualSlide .slideItem .aosText2{transform:translateY(50px); opacity:0; transition:transform 0.45s linear, opacity 0.45s linear; transition-delay:0.2s;} #visual .visualBox .visualSlide .slideItem .aosText3{transform:translateY(50px); opacity:0; transition:transform 0.45s linear, opacity 0.45s linear; transition-delay:0.4s;} #visual .visualBox .visualSlide .slideItem.swiper-slide-active .visualImg{transform:translate(-50%, -50%) scale(1.0);} #visual .visualBox .visualSlide .slideItem.swiper-slide-active .aosText1{transform:translateY(0); opacity:1;} #visual .visualBox .visualSlide .slideItem.swiper-slide-active .aosText2{transform:translateY(0); opacity:1;} #visual .visualBox .visualSlide .slideItem.swiper-slide-active .aosText3{transform:translateY(0); opacity:1;} #visual .visualBox .slidePager{display:flex; justify-content:center; align-items:center; width:100%; height:auto; text-align:center; position:absolute; bottom:40px; left:0; z-index:3;} #visual .visualBox .slidePager .pager{display:inline-block; width:12px; height:12px; border-radius:50%; cursor:pointer; font-size:0; font-weight:400; letter-spacing:-0.05em; color:#fff; line-height:1; position:relative; background:#fff; opacity:0.7; margin:0;} #visual .visualBox .slidePager .pager::after{content:""; display:none; width:0%; height:2px; position:absolute; bottom:-2px; left:0; background:#fff; overflow:hidden;} /* #visual .visualBox .slidePager.black .pager{color:#555; border-bottom:3px solid rgba(85,85,85,.5);} #visual .visualBox .slidePager.black .pager::after{background:#555;} */ #visual .visualBox .slidePager .pager + .pager{margin-left:7px;} #visual .visualBox .slidePager.black .pager{color:#000;} #visual .visualBox .slidePager.black .pager::after{background:#000;} #visual .visualBox .slidePager .pager.swiper-pagination-bullet-active{background:#000; opacity:1;} #visual .visualBox .slidePager .pager.swiper-pagination-bullet-active::after{-webkit-animation-name:progressbar; animation-name:progressbar; -webkit-animation-duration:4s; animation-duration:4s; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-direction:alternate; animation-direction:alternate; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;} #visual .visualBox.pause .slidePager .pager.swiper-pagination-bullet-active::after{animation-play-state:paused;} @keyframes progressbar { 0% {width: 0;} 100% {width:100%;} } #quickMenu{width:100%; height:auto; padding:45px 0; background:#f5f5f5;} #quickMenu .inBox{display:flex; justify-content:space-between; align-items:center; width:calc(100% - 50px); height:auto; max-width:1250px; margin:0 auto;} #quickMenu .inBox .quickText{display:inline-block; flex-shrink:0; text-align:left; margin-right:30px; color:#000;} #quickMenu .inBox .quickText span{font-size:16px; font-weight:300; letter-spacing:-0.05em; line-height:1;} #quickMenu .inBox .quickText p{font-size:26px; font-weight:500; letter-spacing:-0.05em; line-height:36px; margin-top:10px;} #quickMenu .inBox .quickMenu{display:inline-flex; flex-wrap:wrap; flex-grow:1; align-items:center; align-content:flex-start; margin-bottom:-20px; overflow:hidden;} #quickMenu .inBox .quickMenu a{display:inline-flex; flex-wrap:wrap; justify-content:center; align-content:center; width:130px; height:130px; box-sizing:border-box; border-radius:20px; background:#fff; text-align:center; margin:0 10px 20px 10px;} #quickMenu .inBox .quickMenu a .icon{display:inline-block; width:47px; height:46px; position:relative; overflow:hidden;} #quickMenu .inBox .quickMenu a .icon img.base{display:block; position:absolute; top:0; left:0; opacity:1; transition:opacity 0.3s linear;} #quickMenu .inBox .quickMenu a .icon img.hover{display:none; position:absolute; top:0; left:0; opacity:0; transition:opacity 0.3s linear;} #quickMenu .inBox .quickMenu a p{width:100%; height:auto; font-size:17px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#575757; margin-top:20px;} #quickMenu .inBox .quickMenu a:hover{background:#40c7ff;} #quickMenu .inBox .quickMenu a:hover .icon img.base{display:none; opacity:0;} #quickMenu .inBox .quickMenu a:hover .icon img.hover{display:block; opacity:1;} #quickMenu .inBox .quickMenu a:hover p{color:#fff;} #quick, #quickKakao, #quickTop{display:none;} #doctorBanner{width:150px; height:530px; position:absolute; top:195px; right:0; z-index:500; overflow:hidden;} #doctorBanner.notNotice{top:155px;} #doctorBanner.fixed{position:fixed; top:155px;} #doctorBanner .inBox{width:100%; height:100%;} #doctorBanner .inBox .inSlideBox{width:100%; height:100%;} #doctorBanner .inBox .inSlideBox .slideItem{width:100%; height:100%;} #doctorBanner .inBox .inSlideBox .slideItem a{display:block; width:100%; height:100%;} #doctorBanner .bannerPager{display:flex; justify-content:center; align-items:center; width:100%; height:auto; position:absolute; bottom:128px; left:0; z-index:5;} #doctorBanner .bannerPager .swiper-pagination-bullet{width:6px; height:6px; background:#000; opacity:0.45; margin:0 2px;} #doctorBanner .bannerPager .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;} .mainbanner{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1250px; height:auto; margin:0 auto; padding:90px 0 120px 0;} .mainbanner .centerBanner{display:inline-block; width:850px; height:1020px; position:relative;} .mainbanner .centerBanner .inTitle{display:inline-flex; align-items:center; font-family: 'MaruBuriBold'; font-size:36px; letter-spacing:0; line-height:1; color:#cecece; position:absolute; top:180px; left:-235px; transform:rotate(90deg);} .mainbanner .centerBanner .inTitle .centerPager{display:inline-flex; align-items:center; position:static; bottom:unset; width:auto; height:auto; margin:0 0 0 25px;} .mainbanner .centerBanner .inTitle .centerPager span{display:inline-block; width:14px; height:14px; border-radius:50%; background:#cecece;} .mainbanner .centerBanner .inTitle .centerPager span + span{margin-left:10px;} .mainbanner .centerBanner .inTitle .centerPager span.active{background:#40c7ff;} .mainbanner .centerBanner .centerSlideBox{width:100%; height:100%; overflow:hidden;} .mainbanner .centerBanner .centerSlideBox .centerSlide{display:flex; flex-wrap:wrap; align-content:space-between; width:100%; height:100%;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem{width:100%; height:auto; padding-top:23.529%; background-repeat:no-repeat; background-position:center center; background-size:100% auto; border-radius:20px; overflow:hidden; position:relative; transition:all 0.3s linear;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.center1{background-image:url("/html/resource/img/main/center01.jpg");} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.center2{background-image:url("/html/resource/img/main/center02.jpg?ver=231010");} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.center3{background-image:url("/html/resource/img/main/center03.jpg");} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText{width:100%; height:auto; text-align:center; position:absolute; z-index:2; color:#fff; top:50%; left:0; transform:translateY(-50%);} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText strong{display:inline-block; vertical-align:top; font-size:36px; font-weight:700; letter-spacing:-0.05em; line-height:1;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText p{display:none; width:100%; height:auto; font-size:24px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-top:20px;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText a{display:none; width:149px; height:50px; border-radius:25px; box-sizing:border-box; background:#fff; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#06283d; margin-top:40px;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.active{padding-top:63.058%; background-blend-mode: multiply; background-color:#5bbcff;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.active strong{font-size:48px;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.active p{display:block;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.active a{display:inline-flex; justify-content:center; align-items:center;} .mainbanner .rightBanner{display:inline-flex; flex-wrap:wrap; align-content:space-between; width:360px; height:1020px;} .mainbanner .rightBanner .doctorBanner{width:100%; height:650px; border-radius:20px; background:#a3aeb6; text-align:center; padding-top:65px; overflow:hidden;} .mainbanner .rightBanner .doctorBanner .inText{width:100%; height:auto; color:#fff;} .mainbanner .rightBanner .doctorBanner .inText strong{display:block; font-size:38px; font-weight:700; letter-spacing:-0.05em; line-height:1;} .mainbanner .rightBanner .doctorBanner .inText p{font-size:22px; font-weight:400; letter-spacing:-0.05em; line-height:30px; margin-top:20px;} .mainbanner .rightBanner .doctorBanner .doctorSlideBox{width:100%; height:467px; overflow:hidden;} .mainbanner .rightBanner .doctorBanner .doctorSlideBox .doctorSlide{width:100%; height:100%;} .mainbanner .rightBanner .doctorBanner .doctorSlideBox .slideItem{display:flex; justify-content:center; align-items:flex-end; width:100%; height:100%; position:relative; background:#a3aeb6;} .mainbanner .rightBanner .doctorBanner .doctorSlideBox .slideItem img{display:block;} .mainbanner .rightBanner .doctorBanner .doctorSlideBox .slideItem .doctorName{display:inline-block; position:absolute; left:20px; bottom:25px; z-index:2; text-align:left; color:#262626;} .mainbanner .rightBanner .doctorBanner .doctorSlideBox .slideItem .doctorName span{display:inline-block; vertical-align:top; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1;} .mainbanner .rightBanner .doctorBanner .doctorSlideBox .slideItem .doctorName strong{display:inline-block; vertical-align:top; font-size:24px; font-weight:700; letter-spacing:-0.05em; line-height:1; margin-top:7px;} .mainbanner .rightBanner .callTime{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:326px; background:url("/html/resource/img/main/center_call.jpg?ver=231006") no-repeat center center; border-radius:20px; overflow:hidden; color:#fff;} .mainbanner .rightBanner .callTime .callText{display:block; width:100%; height:auto; text-align:center; font-family: 'MaruBuriBold'; font-size:42px; letter-spacing:0; line-height:48px; margin-bottom:37px;} .mainbanner .rightBanner .callTime .timeTable{display:inline-block; width:auto; height:auto; white-space:nowrap;} .mainbanner .rightBanner .callTime .timeTable .tableRow{display:flex; align-items:center; font-size:21.06px; font-weight:500; line-height:1;} .mainbanner .rightBanner .callTime .timeTable .tableRow + .tableRow{margin-top:18px;} .mainbanner .rightBanner .callTime .timeTable .tableRow .rowTitle{display:inline-block; letter-spacing:-0.05em; width:75px; flex-shrink:0;} .mainbanner .rightBanner .callTime .timeTable .tableRow .rowText{letter-spacing:0;} .mainSection{width:100%; height:auto; padding-top:100px; text-align:center;} .mainSection .titleBox{width:100%; height:auto; color:#333;} .mainSection .titleBox .smallText{display:inline-block; vertical-align:top; font-size:22px; font-weight:500; letter-spacing:-0.025em; line-height:1; text-decoration:underline; text-underline-offset:5px;} .mainSection .titleBox .smallText2{display:inline-block; vertical-align:top; font-family: 'MaruBuri'; font-size:20px; letter-spacing:0.2em; line-height:1; text-transform:uppercase;} .mainSection .titleBox h2{font-size:55px; font-weight:700; letter-spacing:-0.05em; line-height:70px; margin-top:30px;} .mainSection .titleBox h2 span{color:#40c7ff;} .mainSection .inText{font-size:22px; font-weight:300; letter-spacing:-0.05em; line-height:36px; margin-top:26.5px;} .surgeryCount{width:100%; height:auto; background:url("/html/resource/img/main/counter_bg.jpg") no-repeat center center/cover; padding-bottom:55px; padding-left:25px; padding-right:25px;} .surgeryCount .titleBox{width:100%; height:auto;} .surgeryCount .titleBox .smallText{color:#85dbff;} .surgeryCount .titleBox h2{color:#fff;} .surgeryCount .inText{color:#fff;} .surgeryCount .countList{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:flex-start; width:100%; height:auto; position:relative; margin-bottom:-60px; margin-top:35px;} .surgeryCount .countList .listItem{display:inline-flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:226px; height:226px; border:8px solid rgba(202,227,237,.2); background:#000; padding-top:58px; margin:0 30px 60px 30px; border-radius:50%;} .surgeryCount .countList .listItem .counter{display:block; width:100%; height:auto; font-family: 'MaruBuriBold'; font-size:48px; letter-spacing:-0.05em; line-height:1; color:#fde18f; margin-bottom:17px;} .surgeryCount .countList .listItem .dot{display:inline-block; width:12px; height:12px; border-radius:50%; background:#fff; margin-bottom:17px;} .surgeryCount .countList .listItem .text{width:100%; height:auto; font-size:23px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#40c7ff;} .surgeryCount .countList .line{width:100%; height:1px; background:rgba(255,255,255,.3); position:absolute; top:137px; left:0; z-index:2;} .surgeryCount .listText{width:100%; max-width:1060px; margin:25px auto 0 auto; text-align:right; font-size:16px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; opacity:0.4;} .mainDoctor{background:#edf2f5; padding-right:25px;} .mainDoctorBg{width:100%; max-width:1250px; height:auto; margin:43px auto 0 auto; position:relative;} .mainDoctorlist{width:100%; height:auto; background:#edf2f5;} .mainDoctorlist .listItem{display:flex; align-items:flex-start; width:100%; height:auto; background:#edf2f5;} .mainDoctorlist .listItem .doctorImg{display:inline-block; flex-shrink:0; position:relative; z-index:2;} .mainDoctorlist .listItem .doctorInfo{display:inline-block; width:595px; height:auto; padding-top:90px; background-image:url("/html/resource/img/main/doctor_logo.png"); background-repeat:no-repeat; background-position:72px 40px; background-size:323px 323px; margin-left:-280px; position:relative; z-index:1;} .mainDoctorlist .listItem .doctorInfo.type2{margin-left:-50px; padding-top:80px; padding-left:70px; background-position:15px 55px; padding-right:0;} .mainDoctorlist .listItem .doctorInfo .infoText1{display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; width:100%; height:auto; padding-bottom:72px; border-bottom:1px solid rgba(0,0,0,.4); margin-bottom:35px;} .mainDoctorlist .listItem .doctorInfo .infoText1 img{display:inline-block; flex-shrink:0; margin-right:13px;} .mainDoctorlist .listItem .doctorInfo .infoText1 dl{display:inline-block; flex-shrink:0; color:#333; padding-right:75px; text-align:left;} .mainDoctorlist .listItem .doctorInfo .infoText1 dt{font-size:30px; font-weight:700; letter-spacing:-0.05em; line-height:1;} .mainDoctorlist .listItem .doctorInfo .infoText1 dd{font-size:24px; font-weight:500; letter-spacing:-0.05em; line-height:1; margin-top:15px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount{width:100%; height:auto; text-align:right; margin-top:25px; font-family: 'MaruBuriBold'; color:#222; padding-right:30px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .counter{display:inline-block; font-size:150px; letter-spacing:-0.05em; line-height:1;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .small{display:inline-block; font-size:60px; letter-spacing:-0.05em; margin-left:30px;} .mainDoctorlist .listItem .doctorInfo .infoText1.type2{flex-wrap:nowrap; padding-right:25px; align-items:center; padding-bottom:35px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText{display:inline-block; text-align:left; margin-top:0;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .title{width:100%; height:auto; font-size:55px; font-weight:700; letter-spacing:-0.065em; line-height:1.3; color:#333; margin-bottom:20px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .title span{display:inline-block; font-size:37px; letter-spacing:-0.05em; line-height:1; color:#b49549; margin-bottom:10px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .text{font-size:26px; font-weight:400; letter-spacing:-0.05em; line-height:1.3; color:#333;} .mainDoctorlist .listItem .doctorInfo .infoText2{width:100%; height:auto; text-align:left;} .mainDoctorlist .listItem .doctorInfo .infoText2 p{font-size:20px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#333;} .mainDoctorlist .listItem .doctorInfo .infoText2 p strong{display:inline-block; vertical-align:top; font-size:36px; font-weight:700; letter-spacing:-0.05em; line-height:1; margin-top:12px;} .mainDoctorlist .listItem .doctorInfo .infoText2 a{display:inline-flex; justify-content:center; align-items:center; width:149px; height:50px; border-radius:25px; background:#222; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-top:40px;} .mainDoctorlist .doctorNext{display:inline-block; width:140px; height:140px; border-radius:50%; position:absolute; right:10px; bottom:60px; box-shadow:2px 2px 8px rgba(0,0,0,.2); z-index:10;} .mainDoctorlist .doctorNext .smallDoctor{width:100%; height:100%; border-radius:50%; background-color:#b6b6b6; background-repeat:no-repeat; background-position:center bottom; position:relative;} .mainDoctorlist .doctorNext .smallDoctor.doctor0{background-image:url("/html/resource/img/main/doctor01_small.png");} .mainDoctorlist .doctorNext .smallDoctor.doctor1{background-image:url("/html/resource/img/main/doctor02_small.png");} .mainDoctorlist .doctorNext .smallDoctor.doctor2{background-image:url("/html/resource/img/main/doctor03_small.png");} .mainDoctorlist .doctorNext .smallDoctor.doctor3{background-image:url("/html/resource/img/main/doctor04_small.png");} .mainDoctorlist .doctorNext .smallDoctor.doctor4{background-image:url("/html/resource/img/main/doctor05_small.png");} .mainDoctorlist .doctorNext .smallDoctor i{display:inline-block; width:47px; height:25px; background:url("/html/resource/img/main/doctor_arrow.png") no-repeat center center/cover; position:absolute; top:50%; right:-28px; transform:translateY(-50%); z-index:2;} .mainSpace{padding-top:140px; padding-bottom:110px; overflow:hidden;} .mainSpace .pictureTab{display:flex; justify-content:center; align-items:center; width:100%; height:auto; margin:25px auto 0 auto;} .mainSpace .pictureTab button{display:inline-block; width:200px; height:55px; border-bottom:2px solid #b2b2b2; text-align:center; font-size:18px; font-weight:500; letter-spacing:-0.05em; line-height:53px; color:#000;} .mainSpace .pictureTab button.on{border-bottom-color:#000;} .mainSpace .pictureTab button + button{margin-left:20px;} .mainSpace .pictureTab button strong{font-weight:700;} .mainSpace .pictureSlideBg{display:none; width:100%; height:auto;} .mainSpace .pictureSlideBg#slide0{display:block;} .mainSpace .pictureSlideBox{width:calc(100% - 50px); max-width:1125px; height:auto; margin:60px auto 0 auto; position:relative; z-index:1;} .mainSpace .pictureSlideBox .pictureSlide{width:100%; height:auto;} .mainSpace .pictureSlideBox .slideItem{display:flex; justify-content:center; align-items:center; width:1012px; max-width:100%; height:auto; opacity:0.2; overflow:hidden;} .mainSpace .pictureSlideBox .slideItem .infoText{display:none; position:absolute; bottom:55px; left:60px; z-index:2; text-align:left;} .mainSpace .pictureSlideBox .slideItem .infoText .name{display:block; font-size:45px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#fff;} .mainSpace .pictureSlideBox .slideItem .infoText p{font-size:22px; font-weight:400; letter-spacing:-0.05em; line-height:1.3; color:#fff; margin-top:15px;} .mainSpace .pictureSlideBox .slideItem img{display:block; width:100%; height:auto; border-radius:25px; transition:all 0.3s linear;} .mainSpace .pictureSlideBox .slideItem.swiper-slide-active{opacity:1; width:1125px;} .mainSpace .pictureSlideBox .slideItem.swiper-slide-active .infoText{display:block;} .bottomBanner{width:100%; height:398px; position:relative;} .bottomBanner .textBox{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:100%; position:relative; z-index:2; text-align:center;} .bottomBanner .textBox p{width:100%; height:auto; font-size:24px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-bottom:44px;} .bottomBanner .textBox p strong{display:inline-block; vertical-align:top; font-size:48px; font-weight:700; letter-spacing:-0.05em; line-height:1; margin-top:22px;} .bottomBanner .textBox a{display:inline-flex; justify-content:center; align-items:center; width:149px; height:50px; border-radius:25px; background:#fff; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#333;} .bottomBanner .inBg{width:100%; height:100%; position:absolute; top:0; left:0; /* clip:rect(0, auto, auto, 0); */} /* .bottomBanner .inBg .bgImg{position:fixed; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-size:cover; background-position:center center; transform:translateZ(0); will-change:transform;} */ .bottomBanner .inBg .bgImg{width:100%; height:100%; background:url("/html/resource/img/main/main_banner01_long.jpg") no-repeat center center/cover; background-attachment:fixed;} .mainBoard{display:flex; flex-wrap:wrap; justify-content:center; width:calc(100% - 50px); max-width:1360px; height:auto; text-align:left; margin:120px auto 65px auto;} .mainBoard .mobileTabs{display:none;} .mainBoard .boardItem{display:inline-flex; flex-wrap:wrap; width:380px; margin:0 27.5px 55px 27.5px;} .mainBoard .boardItem .boardTitle{width:100%; height:auto; font-size:28px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#333; padding-bottom:29px;} .mainBoard .boardItem .boardContent{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; height:calc(100% - 57px); border-bottom:1px solid #000;} .mainBoard .boardItem:nth-of-type(3) .boardContent{border-bottom:0; border-top:1px solid #000;} .mainBoard .boardItem .boardContent .boardThumb{width:100%; height:auto; padding-top:76.315%; position:relative; overflow:hidden; border-radius:28px;} .mainBoard .boardItem .boardContent .boardThumb img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;} .mainBoard .boardItem .boardContent .boardList{display:flex; flex-wrap:wrap; width:100%; height:auto; padding-bottom:35px; margin-top:23px;} .mainBoard .boardItem .boardContent .boardList li{width:100%; height:auto;} .mainBoard .boardItem .boardContent .boardList li:not(:first-child) + li{margin-top:13px;} .mainBoard .boardItem .boardContent .boardList li a{display:flex; justify-content:center; align-items:center; width:100%; height:auto; padding:0 25px 0 15px; box-sizing:border-box;} .mainBoard .boardItem .boardContent .boardList li .text{display:inline-block; flex-grow:1; font-size:18px; font-weight:300; letter-spacing:-0.05em; line-height:28px; color:#333; margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .mainBoard .boardItem .boardContent .boardList li .date{display:inline-block; flex-shrink:0; font-size:16px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#575757;} .mainBoard .boardItem .boardContent .boardList li:first-child{padding-bottom:24px; border-bottom:1px solid #d7d7d7; margin-bottom:23px;} .mainBoard .boardItem .boardContent .boardList li:first-child .text{font-size:24px; font-weight:500; letter-spacing:-0.05em; line-height:34px;} .mainBoard .boardItem .boardContent .boardText{display:flex; flex-wrap:wrap; justify-content:flex-end; align-content:flex-start; width:100%; height:auto; padding:0 20px; margin-top:35px; margin-bottom:40px; color:#333;} .mainBoard .boardItem .boardContent .boardText .title{width:100%; height:auto; font-size:24px; font-weight:500; letter-spacing:-0.05em; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .mainBoard .boardItem .boardContent .boardText .text{width:100%; height:90px; font-size:18px; font-weight:300; letter-spacing:-0.05em; line-height:30px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .mainBoard .boardItem .boardContent .boardText a{display:inline-block; font-size:16px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#575757; margin-top:40px;} .mainPop{position:absolute; z-index:9999;} .mainPop .popContent{width:100%; height:auto;} .mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;} .mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;} .mainPop .popBottom .bottomText{display:inline-block; font-size:14px; letter-spacing:-0.05em; line-height:40px;} .mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;} .popupBg2{display:inline-block; position:absolute; z-index:9999; max-width:90%;} .popupBg2 .mainPop2{display:flex; flex-wrap:wrap; align-content:flex-start; width:675px; height:auto;} .popupBg2 .mainPop2 .popContentBox{display:inline-block; width:450px; overflow:hidden;} .popupBg2 .mainPop2 .popContentBox .popSlide{width:100%; height:auto;} .popupBg2 .mainPop2 .popContentBox .slideItem{width:100%; height:auto;} .popupBg2 .mainPop2 .popContentBox .slideItem a{display:block; width:100%; height:auto;} .popupBg2 .mainPop2 .popContentBox .slideItem img{width:100% !important; height:auto !important;} .popupBg2 .mainPop2 .popTabs{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:225px; background:#fff; border-top:1px solid #e1e1e1;} .popupBg2 .mainPop2 .popTabs button{display:inline-flex; justify-content:center; flex-basis:100%; flex-grow:1; height:50px; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1.3; position:relative; color:#333; border-bottom:1px solid #e1e1e1; background:#fff;} .popupBg2 .mainPop2 .popTabs button.on{background:#40c7ff; color:#fff; font-weight:700;} .popupBg2 .mainPop2 .popTabs button span{display:flex; justify-content:center; align-items:center; width:100%; height:100%;} .popupBg2 .mainPop2 .popBottom{display:flex; width:100%;} .popupBg2 .mainPop2 .popBottom .bottomItem{display:inline-flex; width:50%; height:40px; justify-content:center; align-items:center; background:#333; color:#fff;} .popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem{position:relative; border-left:1px solid #737373;} .popupBg2 .mainPop2 .popBottom .bottomItem button{width:100%; height:100%; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:40px; color:#fff;} .popupBg2 .mainPop2 .popBottom .bottomItem .popCount{display:inline-flex; justify-content:center; align-items:center; width:auto; height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; font-weight:400; letter-spacing:0; line-height:1; color:#fff; background:#000; position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:2;} @media (max-width:1500px) { .mainDoctorlist .doctorNext{right:30px;} } @media (max-width:1250px) { .mainbanner{justify-content:center; padding:90px 0 120px 0;} .mainbanner .centerBanner{height:auto;} .mainbanner .centerBanner .inTitle{width:100%; height:auto; font-size:36px; position:static; top:unset; left:unset; transform:unset; margin-bottom:40px;} .mainbanner .centerBanner .centerSlideBox{height:1020px;} .mainbanner .rightBanner{display:none;} .mainDoctor{padding-right:25px;} .mainDoctorBg{margin:43px auto 0 auto;} .mainDoctorlist .listItem .doctorImg{margin-left:-50px;} .mainDoctorlist .listItem .doctorInfo{width:585px; padding-top:90px; background-position:72px 40px; background-size:323px 323px; margin-left:-280px;} .mainDoctorlist .listItem .doctorInfo.type2{padding-left:50px;} .mainDoctorlist .listItem .doctorInfo .infoText1{padding-bottom:72px; margin-bottom:40px;} .mainDoctorlist .listItem .doctorInfo .infoText1 dl{padding-right:75px;} .mainDoctorlist .listItem .doctorInfo .infoText1 dt{font-size:30px;} .mainDoctorlist .listItem .doctorInfo .infoText1 dd{font-size:24px; margin-top:15px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount{margin-top:25px; padding-right:30px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .counter{font-size:150px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .small{font-size:60px; margin-left:30px;} .mainDoctorlist .listItem .doctorInfo .infoText2 p{font-size:20px;} .mainDoctorlist .listItem .doctorInfo .infoText2 p strong{font-size:36px; margin-top:12px;} .mainDoctorlist .listItem .doctorInfo .infoText2 a{width:149px; height:50px; border-radius:25px; font-size:18px; margin-top:40px;} .mainDoctorlist .doctorNext{width:140px; height:140px; right:30px; bottom:60px; box-shadow:2px 2px 8px rgba(0,0,0,.2);} .mainDoctorlist .doctorNext .smallDoctor i{width:47px; height:25px;} } @media (max-width:1200px) { .surgeryCount .countList{max-width:600px; margin:35px auto -60px auto;} .surgeryCount .countList .line{display:none;} .surgeryCount .listText{max-width:500px;} } @media (max-width:1000px) { #visual{height:830px;} #visual .visualBox .visualSlide .slideItem.visual1 .visualImg{background-image:url("/html/resource/img/main/m_visual1.jpg");} #visual .visualBox .visualSlide .slideItem.visual2 .visualImg{background-image:url("/html/resource/img/main/m_visual2.jpg");} #visual .visualBox .visualSlide .slideItem.visual3 .visualImg{background-image:url("/html/resource/img/main/m_visual3.jpg");} #visual .visualBox .visualSlide .slideItem.visual4 .visualImg{background-image:url("/html/resource/img/main/m_visual4.jpg?ver=2507282");} #visual .visualBox .visualSlide .slideItem.visual5 .visualImg{background-image:url("/html/resource/img/main/m_visual5.jpg");} #visual .visualBox .visualSlide .slideItem.visual6 .visualImg{background-image:url("/html/resource/img/main/m_visual6.jpg");} #visual .visualBox .visualSlide .slideItem.visual7 .visualImg{background-image:url("/html/resource/img/main/m_visual7.jpg");} #visual .visualBox .visualSlide .slideItem.visual8 .visualImg{background-image:url("/html/resource/img/main/m_visual8.jpg");} #visual .visualBox .visualSlide .slideItem.visual9 .visualImg{background-image:url("/html/resource/img/main/m_visual9.jpg");} #visual .visualBox .visualSlide .slideItem .inBox.right, #visual .visualBox .visualSlide .slideItem .inBox.left{width:calc(100% - 70px); padding-top:0;} #visual .visualBox .visualSlide .slideItem .visualText .textTitle{font-size:72px;} #visual .visualBox .visualSlide .slideItem .visualText .inText{font-size:26px; line-height:36px;} #visual .visualBox .visualSlide .slideItem .visualText .inLink, #visual .visualBox .visualSlide .slideItem .visualText3 .inLink, #visual .visualBox .visualSlide .slideItem .visualText4 .inLink, #visual .visualBox .visualSlide .slideItem .visualText5 .inLink, #visual .visualBox .visualSlide .slideItem .visualText6 .inLink{width:160px; height:55px; border-radius:27.5px; font-size:22px;} #visual .visualBox .slidePager{width:calc(100% - 50px); bottom:40px; left:50%; transform:translateX(-50%);} #visual .visualBox .slidePager .pager{display:none; width:100%; height:auto; border-radius:unset; font-size:21px; border-bottom:2px solid #a0a6ad; padding-bottom:20px; opacity:0.3; background:none;} #visual .visualBox .slidePager .pager + .pager{margin-left:0;} #visual .visualBox .slidePager .pager.swiper-pagination-bullet-active{display:block; background:none; opacity:1;} #visual .visualBox .slidePager .pager.swiper-pagination-bullet-active::after{display:block;} #visual .visualBox .visualSlide .slideItem .visualText2{padding-top:0;} #visual .visualBox .visualSlide .slideItem .visualText2 .textTitle{font-size:72px;} #visual .visualBox .visualSlide .slideItem .visualText2 .textTitle .engText{font-size:24px; margin-bottom:30px;} #visual .visualBox .visualSlide .slideItem .visualText2 .inText{font-size:26px; margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText2 img{margin:58px auto 0 auto;} #visual .visualBox .visualSlide .slideItem .visualText2 img.pcOnly{display:none;} #visual .visualBox .visualSlide .slideItem .visualText2 img.mobileOnly{display:block;} #visual .visualBox .visualSlide .slideItem .visualText3{padding-bottom:50px;} #visual .visualBox .visualSlide .slideItem .visualText3 img{margin:0 auto 30px auto;} #visual .visualBox .visualSlide .slideItem .visualText3 .textTitle{font-size:72px;} #visual .visualBox .visualSlide .slideItem .visualText3 .textTitle span{font-size:33px; margin-bottom:25px;} #visual .visualBox .visualSlide .slideItem .visualText3 .inText{font-size:26px; margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText4{width:100%; height:auto; text-align:left; padding-bottom:250px;} #visual .visualBox .visualSlide .slideItem .visualText4 .textTitle{font-size:70px; letter-spacing:-0.1em;} #visual .visualBox .visualSlide .slideItem .visualText4 .textTitle strong{display:inline; font-size:1em; letter-spacing:-0.1em; line-height:1; margin-top:0;} #visual .visualBox .visualSlide .slideItem .visualText4 .inText{font-size:26px; font-weight:200; letter-spacing:-0.05em; line-height:1.363; margin-top:19px;} #visual .visualBox .visualSlide .slideItem .visualText4 .inLink{margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText5{padding-top:80px;} #visual .visualBox .visualSlide .slideItem .visualText5 .textTitle{font-size:72px;} #visual .visualBox .visualSlide .slideItem .visualText5 .textTitle .smallText{font-size:26px; margin-bottom:20px;} #visual .visualBox .visualSlide .slideItem .visualText5 .inText{font-size:26px; margin-top:15px; line-height:1.5;} #visual .visualBox .visualSlide .slideItem .visualText5 .inText strong{text-underline-offset:5px; margin-top:0;} #visual .visualBox .visualSlide .slideItem .visualText5 img{display:none; margin-top:35px;} #visual .visualBox .visualSlide .slideItem .visualText5 img.mobileOnly{display:block;} #visual .visualBox .visualSlide .slideItem .visualText6{padding-top:25px;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle{font-size:72px;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle .smallText{font-size:28px; margin-bottom:25px;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle strong{margin-top:20px;} #visual .visualBox .visualSlide .slideItem .visualText6 img{display:none; margin:50px auto 0 auto;} #visual .visualBox .visualSlide .slideItem .visualText6 img.mobileOnly{display:block;} #visual .visualBox .visualSlide .slideItem .visualText7{padding-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText7 .textTitle{font-size:72px;} #visual .visualBox .visualSlide .slideItem .visualText7 .textTitle .smallText{font-size:26px; margin-bottom:15px;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText{font-size:19px; margin-top:20px;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText p{max-width:677px; padding:6px 10px;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText ul{font-size:24px; max-width:650px; margin-top:20px; margin-bottom:-10px;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText ul li{height:46px; border-radius:23px; margin-bottom:10px; margin-right:10px; padding:0 25px;} #visual .visualBox .visualSlide .slideItem .visualText7 img{display:none; margin-top:25px;} #visual .visualBox .visualSlide .slideItem .visualText7 img.mobileOnly{display:block;} #visual .visualBox .visualSlide .slideItem .visualText8{padding-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle .smallText{font-size:30px; margin-bottom:10px;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle .gradient{font-size:90px;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText{font-size:30px; margin-top:10px;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText .bgText{padding:4px 10px;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText .bgText.colorType{margin-bottom:2px;} #visual .visualBox .visualSlide .slideItem .visualText8 img{display:none; margin-top:20px;} #visual .visualBox .visualSlide .slideItem .visualText8 img.mobileOnly{display:block;} #visual .visualBox .visualSlide .slideItem .visualText9{padding-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText9 .textTitle{font-size:72px;} #visual .visualBox .visualSlide .slideItem .visualText9 .textTitle .smallText{font-size:26px; margin-bottom:25px;} #visual .visualBox .visualSlide .slideItem .visualText9 .inText{font-size:26px; margin-top:30px;} #visual .visualBox .visualSlide .slideItem .visualText9 .inText strong{text-underline-offset:5px; margin-top:10px;} #visual .visualBox .visualSlide .slideItem .visualText9 img{display:none; margin-top:35px;} #visual .visualBox .visualSlide .slideItem .visualText9 img.mobileOnly{display:block;} #quickMenu{display:none;} #quick{display:block; position:fixed; width:90px; height:90px; border-radius:50%; background:#0b2434 url("/html/resource/img/comm/m_quick_menu_icon.png") no-repeat center center; z-index:1001; -webkit-transition:width 0.3s, height 0.3s, right 0.3s, bottom 0.3s; -o-transition:width 0.3s, height 0.3s, right 0.3s, bottom 0.3s; transition:width 0.3s, height 0.3s, right 0.3s, bottom 0.3s; overflow:hidden; cursor:pointer; bottom:310px; right:35px; box-shadow:0 0 5px rgba(0,0,0,.35);} #quick .inBox{display:none; width:80%; height:auto; position:relative;} #quick .quickTitle{width:100%; height:auto; text-align:center; font-size:56px; font-weight:700; letter-spacing:-0.025em; line-height:60px; color:#fff; margin-bottom:40px;} #quick .quickMenuBtn{position:absolute; width:60px; height:60px; top:0; right:0; z-index:5; background:url("/html/resource/img/comm/mobile_pop_close_btn.png") no-repeat center center/cover;} #quick .quickMenuList{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; height:auto; margin-bottom:-20px;} #quick .quickMenuList .listItem{display:inline-block; width:calc((100% - 40px) / 3); height:auto; border-radius:18px; background:#23b5f2; margin-right:15px; position:relative; margin-bottom:20px; -webkit-box-shadow:3px 3px 5px rgba(0,0,0,.35); box-shadow:3px 3px 5px rgba(0,0,0,.35);} #quick .quickMenuList .listItem:nth-child(3n){margin-right:0;} #quick .quickMenuList .listItem::before{content:""; display:block; width:100%; height:auto; padding-top:100%;} #quick .quickMenuList .listItem a{display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-line-pack:center; align-content:center; width:100%; height:100%; position:absolute; top:0; left:0;} #quick .quickMenuList .listItem a .sprite{width:52px; height:51px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:25px;} #quick .quickMenuList .listItem a .sprite.quickIcon01{background-image:url("/html/resource/img/comm/quick_menu_reserve.png?ver=230224");} #quick .quickMenuList .listItem a .sprite.quickIcon02{background-image:url("/html/resource/img/comm/quick_menu_time.png?ver=230224");} #quick .quickMenuList .listItem a .sprite.quickIcon03{background-image:url("/html/resource/img/comm/quick_menu_location.png?ver=230224");} #quick .quickMenuList .listItem a .sprite.quickIcon04{background-image:url("/html/resource/img/comm/quick_menu_certificate.png?ver=230309");} #quick .quickMenuList .listItem a .sprite.quickIcon05{background-image:url("/html/resource/img/comm/quick_menu_hospitalization.png?ver=230224");} #quick .quickMenuList .listItem a .sprite.quickIcon06{background-image:url("/html/resource/img/comm/quick_menu_counsel.png?ver=230313");} #quick .quickMenuList .listItem a p{width:100%; text-align:center; font-size:26px; font-weight:500; letter-spacing:-0.025em; color:#fff; line-height:1;} #quick .quickMenuList .listItem:hover{background:#fff;} #quick .quickMenuList .listItem:hover a .sprite.quickIcon01{background-image:url("/html/resource/img/comm/quick_menu_reserve_over.png?ver=230224");} #quick .quickMenuList .listItem:hover a .sprite.quickIcon02{background-image:url("/html/resource/img/comm/quick_menu_time_over.png?ver=230224");} #quick .quickMenuList .listItem:hover a .sprite.quickIcon03{background-image:url("/html/resource/img/comm/quick_menu_location_over.png?ver=230224");} #quick .quickMenuList .listItem:hover a .sprite.quickIcon04{background-image:url("/html/resource/img/comm/quick_menu_certificate_over.png?ver=230309");} #quick .quickMenuList .listItem:hover a .sprite.quickIcon05{background-image:url("/html/resource/img/comm/quick_menu_hospitalization_over.png?ver=230224");} #quick .quickMenuList .listItem:hover a .sprite.quickIcon06{background-image:url("/html/resource/img/comm/quick_menu_counsel_over.png?ver=230313");} #quick .quickMenuList .listItem:hover a p{color:#23b5f2;} #quick *{opacity:0;} #quick.open{display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(11,36,52,.95); right:0; bottom:0; border-radius:0; cursor:auto; z-index:1050;} #quick.open *{opacity:1;} #quick.open .inBox{display:block;} #quick.open .quickBtn{display:block;} #quickKakao{display:inline-block; width:90px; height:90px; border-radius:50%; background:#3b1e1f url("/html/resource/img/comm/quick_kakao.png") no-repeat center center; z-index:50; position:fixed; right:35px; bottom:210px; box-shadow:0 0 5px rgba(0,0,0,.35);} #quickTop{display:inline-block; width:90px; height:90px; border-radius:50%; background:#efecea url("/html/resource/img/comm/quick_top.png") no-repeat center center; z-index:50; position:fixed; right:35px; bottom:110px; box-shadow:0 0 5px rgba(0,0,0,.35);} #doctorBanner{display:none;} .mainSection .titleBox .smallText{font-size:26px;} .mainSection .titleBox .smallText2{font-size:24px;} .mainSection .titleBox h2{font-size:59px; line-height:74px;} .mainSection .inText{font-size:26px; line-height:40px;} .mainbanner{width:calc(100% - 50px); padding:90px 0 120px 0; margin:0 auto;} .mainbanner .centerBanner{width:100%; max-width:850px;} .mainbanner .centerBanner .inTitle{font-size:40px;} .mainbanner .centerBanner .inTitle .centerPager span{width:16px; height:16px;} .mainbanner .centerBanner .centerSlideBox{height:auto;} .mainbanner .centerBanner .centerSlideBox .centerSlide{align-content:flex-start;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem + .slideItem{margin-top:40px;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText strong{font-size:40px;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText p{font-size:28px;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText a{width:160px; height:55px; border-radius:27.5px; font-size:22px;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.active strong{font-size:52px;} .surgeryCount .countList{max-width:none;} .surgeryCount .countList .listItem{width:260px; height:260px; padding-top:60px;} .surgeryCount .countList .listItem .counter{font-size:52px;} .surgeryCount .countList .listItem .dot{width:14px; height:14px;} .surgeryCount .countList .listItem .text{font-size:27px;} .surgeryCount .listText{max-width:580px; font-size:20px;} .mainDoctorlist .listItem{position:relative;} .mainDoctorlist .listItem .doctorImg{width:58%; min-width:480px; max-width:580px; margin-left:-50px;} .mainDoctorlist .listItem .doctorInfo{width:62%; padding-top:40px; background-position:72px 0; margin-left:0; position:absolute; top:0; right:0;} .mainDoctorlist .listItem .doctorInfo.type2{margin-left:0; padding-top:40px; padding-left:50px; background-position:15px 15px;} .mainDoctorlist .listItem .doctorInfo .infoText1{padding-bottom:60px; margin-bottom:30px;} .mainDoctorlist .listItem .doctorInfo .infoText1.type2{padding-right:0; padding-bottom:30px; justify-content:center;} .mainDoctorlist .listItem .doctorInfo .infoText1 img{display:none;} .mainDoctorlist .listItem .doctorInfo .infoText1 dl{padding-right:0;} .mainDoctorlist .listItem .doctorInfo .infoText1 dt{font-size:34px;} .mainDoctorlist .listItem .doctorInfo .infoText1 dd{font-size:28px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount{padding-right:0;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .counter{font-size:140px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .small{font-size:50px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText{margin-top:0; width:100%;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .title{font-size:48px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .title span{font-size:37px; margin-bottom:10px;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .text{font-size:28px;} .mainDoctorlist .listItem .doctorInfo .infoText2{padding-left:80px;} .mainDoctorlist .listItem .doctorInfo .infoText2 p{font-size:24px;} .mainDoctorlist .listItem .doctorInfo .infoText2 p strong{font-size:38px;} .mainDoctorlist .listItem .doctorInfo .infoText2 a{width:160px; height:55px; border-radius:27.5px; font-size:22px;} .mainDoctorlist .doctorNext{right:10px; bottom:20px;} .mainSpace .pictureTab button{height:60px; font-size:22px; line-height:58px;} .mainSpace .pictureSlideBox .slideItem .infoText{bottom:30px; left:30px;} .mainSpace .pictureSlideBox .slideItem .infoText p{font-size:26px;} .bottomBanner .textBox p{font-size:28px;} .bottomBanner .textBox p strong{font-size:52px;} .bottomBanner .textBox a{width:160px; height:55px; border-radius:27.5px; font-size:22px;} .bottomBanner .inBg{clip:rect(0, auto, auto, 0);} .bottomBanner .inBg .bgImg{position:fixed; width:100%; height:100%; top:0; left:0; background-attachment:unset; transform:translateZ(0); will-change:transform;} .mainBoard{width:calc(100% - 50px); margin:120px auto;} .mainBoard .mobileTabs{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:600px; height:auto; margin:0 auto 30px auto; border-bottom:1px solid #000; padding-bottom:20px;} .mainBoard .mobileTabs button{display:inline-block; text-align:center; font-size:36px; font-weight:700; letter-spacing:0; line-height:1; color:#aeaeae; padding:10px;} .mainBoard .mobileTabs button.on{color:#333;} .mainBoard .boardItem{display:none; width:100%; max-width:600px; margin:0;} .mainBoard .boardItem:nth-of-type(2){display:block;} .mainBoard .boardItem .boardTitle{display:none;} .mainBoard .boardItem .boardContent{align-content:flex-start; height:auto; border-top:0 !important;} .mainBoard .boardItem .boardContent .boardList{margin-top:40px;} .mainBoard .boardItem .boardContent .boardList li .text{font-size:22px; line-height:32px;} .mainBoard .boardItem .boardContent .boardList li .date{font-size:20px;} .mainBoard .boardItem .boardContent .boardList li:first-child .text{font-size:28px; line-height:38px;} .mainBoard .boardItem:nth-of-type(3) .boardContent .boardText{margin-top:0;} .mainBoard .boardItem .boardContent .boardText .title{font-size:28px;} .mainBoard .boardItem .boardContent .boardText .text{height:102px; font-size:22px; line-height:34px;} .mainBoard .boardItem .boardContent .boardText a{font-size:20px;} .popupBg{position:fixed; width:100%; height:0; top:0; left:0; z-index:9999;} .popupBg .mainPop{position:absolute; max-width:90%; left:50% !important; top:100px !important; transform:translateX(-50%);} .popupBg .mainPop .popContent img{height:auto !important;} .popupBg .mainPop .popBottom{height:50px; padding:0 10px;} .popupBg .mainPop .popBottom input[type="checkbox"]{width:24px; height:24px; margin:13px 10px 13px 0;} .popupBg .mainPop .popBottom .bottomText{font-size:20px; line-height:50px;} .popupBg .mainPop .popBottom .bottomText button{margin-left:10px; line-height:50px;} .popupBg2{max-width:90%; left:50% !important; top:100px !important; transform:translateX(-50%);} .popupBg2 .mainPop2{width:100%;} .popupBg2 .mainPop2 .popTabs{display:flex; width:100%; border-top:0;} .popupBg2 .mainPop2 .popTabs button{flex-basis:50%; height:40px; font-size:14px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:0;} .popupBg2 .mainPop2 .popTabs button:nth-child(2n){border-right:1px solid #e1e1e1;} .popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:40px;} .popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; right:10px;} } @media (max-width:850px) { /* .mainDoctorlist .listItem .doctorInfo .infoText2{padding-left:50px;} */ } @media (max-width:768px) { #visual{height:108.07292vw;} #visual .visualBox .visualSlide .slideItem .inBox{width:calc(100% - 9.11458vw);} #visual .visualBox .visualSlide .slideItem .inBox.left{width:calc(100% - 9.11458vw);} #visual .visualBox .visualSlide .slideItem .visualText .textTitle{font-size:9.37500vw; line-height:1.2;} #visual .visualBox .visualSlide .slideItem .visualText .textTitle .quoteText1 img{top:-4.55729vw; left:-7.16146vw; width:13.15104vw; height:auto;} #visual .visualBox .visualSlide .slideItem .visualText .textTitle .quoteText2 img{bottom:-2.60417vw; right:-8.46354vw; width:13.15104vw; height:auto;} #visual .visualBox .visualSlide .slideItem .visualText .inText{font-size:3.38542vw; line-height:5.20833vw; margin-top:4.55729vw;} #visual .visualBox .visualSlide .slideItem .visualText .inLink, #visual .visualBox .visualSlide .slideItem .visualText3 .inLink, #visual .visualBox .visualSlide .slideItem .visualText4 .inLink, #visual .visualBox .visualSlide .slideItem .visualText5 .inLink, #visual .visualBox .visualSlide .slideItem .visualText6 .inLink{width:22.13542vw; height:7.81250vw; border-radius:3.90625vw; font-size:3.38542vw; margin-top:4.55729vw;} #visual .visualBox .visualSlide .slideItem .aosText1{transform:translateY(6.51042vw);} #visual .visualBox .visualSlide .slideItem .aosText2{transform:translateY(6.51042vw);} #visual .visualBox .visualSlide .slideItem .aosText3{transform:translateY(6.51042vw);} #visual .visualBox .visualSlide .slideItem.swiper-slide-active .aosText1{transform:translateY(0);} #visual .visualBox .visualSlide .slideItem.swiper-slide-active .aosText2{transform:translateY(0);} #visual .visualBox .visualSlide .slideItem.swiper-slide-active .aosText3{transform:translateY(0);} #visual .visualBox .slidePager{width:calc(100% - 6.51042vw); bottom:5.20833vw; left:50%; transform:translateX(-50%);} #visual .visualBox .slidePager .pager{display:none; width:100%; font-size:3.51563vw; padding-bottom:2.60417vw;} #visual .visualBox .slidePager .pager + .pager{margin-left:0;} #visual .visualBox .slidePager .pager.swiper-pagination-bullet-active{display:block;} #visual .visualBox .visualSlide .slideItem .visualText2{padding-top:0;} #visual .visualBox .visualSlide .slideItem .visualText2 .textTitle{font-size:9.37500vw;} #visual .visualBox .visualSlide .slideItem .visualText2 .textTitle .engText{font-size:3.64583vw; margin-bottom:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText2 .inText{font-size:3.38542vw; margin-top:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText2 img{margin:7.55208vw auto 0 auto;} #visual .visualBox .visualSlide .slideItem .visualText3{padding-bottom:6.51042vw;} #visual .visualBox .visualSlide .slideItem .visualText3 img{width:23.43750vw; height:auto; margin:0 auto 3.90625vw auto;} #visual .visualBox .visualSlide .slideItem .visualText3 .textTitle{font-size:9.37500vw;} #visual .visualBox .visualSlide .slideItem .visualText3 .textTitle span{font-size:4.29688vw; margin-bottom:3.25521vw;} #visual .visualBox .visualSlide .slideItem .visualText3 .inText{font-size:3.38542vw; margin-top:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText4{padding-bottom:32.55208vw;} #visual .visualBox .visualSlide .slideItem .visualText4 .textTitle{font-size:9.11458vw;} #visual .visualBox .visualSlide .slideItem .visualText4 .inText{font-size:3.38542vw; margin-top:2.47396vw;} #visual .visualBox .visualSlide .slideItem .visualText4 .inLink{margin-top:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText5{padding-top:10.41667vw;} #visual .visualBox .visualSlide .slideItem .visualText5 .textTitle{font-size:9.37500vw;} #visual .visualBox .visualSlide .slideItem .visualText5 .textTitle .smallText{font-size:3.38542vw; margin-bottom:2.60417vw;} #visual .visualBox .visualSlide .slideItem .visualText5 .inText{font-size:3.38542vw; margin-top:1.95313vw;} #visual .visualBox .visualSlide .slideItem .visualText5 .inText strong{text-underline-offset:0.65104vw;} #visual .visualBox .visualSlide .slideItem .visualText5 img{width:47.52604vw; height:auto; margin-top:4.55729vw;} #visual .visualBox .visualSlide .slideItem .visualText6{padding-top:3.25521vw;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle{font-size:9.37500vw;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle .smallText{font-size:3.64583vw; margin-bottom:3.25521vw;} #visual .visualBox .visualSlide .slideItem .visualText6 .textTitle strong{margin-top:2.60417vw;} #visual .visualBox .visualSlide .slideItem .visualText6 img{width:87.63021vw; height:auto; margin:6.51042vw auto 0 auto;} #visual .visualBox .visualSlide .slideItem .visualText7{padding-top:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText7 .textTitle{font-size:9.37500vw;} #visual .visualBox .visualSlide .slideItem .visualText7 .textTitle .smallText{font-size:3.38542vw; margin-bottom:1.95313vw;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText{font-size:2.47396vw; margin-top:2.60417vw;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText p{max-width:88.15104vw; padding:0.78125vw 1.30208vw;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText ul{font-size:3.12500vw; max-width:84.63542vw; margin-top:2.60417vw; margin-bottom:-1.30208vw;} #visual .visualBox .visualSlide .slideItem .visualText7 .inText ul li{height:5.98958vw; border-radius:2.99479vw; margin-bottom:1.30208vw; margin-right:1.30208vw; padding:0 3.25521vw;} #visual .visualBox .visualSlide .slideItem .visualText7 img{width:47.65625vw; height:auto; margin-top:3.25521vw;} #visual .visualBox .visualSlide .slideItem .visualText8{padding-top:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle .smallText{font-size:3.90625vw; margin-bottom:1.30208vw;} #visual .visualBox .visualSlide .slideItem .visualText8 .textTitle .gradient{font-size:11.71875vw;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText{font-size:3.90625vw; margin-top:1.30208vw;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText .bgText{padding:0.52083vw 1.30208vw;} #visual .visualBox .visualSlide .slideItem .visualText8 .inText .bgText.colorType{margin-bottom:0.26042vw;} #visual .visualBox .visualSlide .slideItem .visualText8 img{width:42.83854vw; height:auto; margin-top:2.60417vw;} #visual .visualBox .visualSlide .slideItem .visualText9{padding-top:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText9 .textTitle{font-size:9.37500vw;} #visual .visualBox .visualSlide .slideItem .visualText9 .textTitle .smallText{font-size:3.38542vw; margin-bottom:3.25521vw;} #visual .visualBox .visualSlide .slideItem .visualText9 .inText{font-size:3.38542vw; margin-top:3.90625vw;} #visual .visualBox .visualSlide .slideItem .visualText9 .inText strong{text-underline-offset:0.65104vw; margin-top:1.30208vw;} #visual .visualBox .visualSlide .slideItem .visualText9 img{width:40.36458vw; height:auto; margin-top:4.55729vw;} #quick{width:11.71875vw; height:11.71875vw; bottom:40.36458vw; right:4.55729vw; background-size:6.90104vw 5.46875vw; box-shadow:0 0 0.65104vw rgba(0,0,0,.35);} #quick .quickTitle{font-size:7.29167vw; line-height:7.81250vw; margin-bottom:5.20833vw;} #quick .quickMenuBtn{width:7.81250vw; height:7.81250vw;} #quick .quickMenuList{margin-bottom:-2.60417vw;} #quick .quickMenuList .listItem{width:calc((100% - 5.20833vw) / 3); border-radius:2.34375vw; margin-right:2.34375vw; margin-bottom:2.60417vw; -webkit-box-shadow:0.39063vw 0.39063vw 0.65104vw rgba(0,0,0,.35); box-shadow:0.39063vw 0.39063vw 0.65104vw rgba(0,0,0,.35);} #quick .quickMenuList .listItem:nth-child(3n){margin-right:0;} #quick .quickMenuList .listItem a .sprite{width:6.77083vw; height:6.64063vw; margin-bottom:3.25521vw;} #quick .quickMenuList .listItem a p{font-size:3.90625vw;} #quickKakao{width:11.71875vw; height:11.71875vw; background-size:5.85938vw 5.46875vw; right:4.55729vw; bottom:27.34375vw; box-shadow:0 0 0.65104vw rgba(0,0,0,.35);} #quickTop{width:11.71875vw; height:11.71875vw; background-size:2.34375vw 3.38542vw; right:4.55729vw; bottom:14.32292vw; box-shadow:0 0 0.65104vw rgba(0,0,0,.35);} .mainSection{padding-top:13.02083vw; padding-right:3.25521vw;} .mainSection .titleBox .smallText{font-size:3.90625vw; text-underline-offset:0.65104vw;} .mainSection .titleBox .smallText2{font-size:3.64583vw;} .mainSection .titleBox h2{font-size:8.20313vw; line-height:10.15625vw; margin-top:3.90625vw;} .mainSection .inText{font-size:3.90625vw; line-height:5.72917vw; margin-top:3.45052vw;} .mainbanner{width:calc(100% - 6.51042vw); padding:11.71875vw 0 15.62500vw 0;} .mainbanner .centerBanner .inTitle{font-size:5.72917vw; margin-bottom:5.20833vw;} .mainbanner .centerBanner .inTitle .centerPager{margin:0 0 0 3.25521vw;} .mainbanner .centerBanner .inTitle .centerPager span{width:2.08333vw; height:2.08333vw;} .mainbanner .centerBanner .inTitle .centerPager span + span{margin-left:1.30208vw;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem{border-radius:2.60417vw;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem + .slideItem{margin-top:5.20833vw;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText strong{font-size:5.72917vw;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText p{font-size:4.16667vw; margin-top:2.60417vw;} .mainbanner .centerBanner .centerSlideBox .centerSlide .centerText a{width:22.13542vw; height:7.81250vw; border-radius:3.90625vw; font-size:3.38542vw; margin-top:5.20833vw;} .mainbanner .centerBanner .centerSlideBox .centerSlide .slideItem.active strong{font-size:7.29167vw;} .surgeryCount{padding-bottom:7.16146vw; padding-left:3.25521vw; padding-right:3.25521vw;} .surgeryCount .countList{margin:6.51042vw auto -7.81250vw auto;} .surgeryCount .countList .listItem{width:36.45833vw; height:36.45833vw; border:1.04167vw solid rgba(202,227,237,.2); padding-top:7.81250vw; margin:0 3.90625vw 7.81250vw 3.90625vw;} .surgeryCount .countList .listItem .counter{font-size:7.29167vw; margin-bottom:2.21354vw;} .surgeryCount .countList .listItem .dot{width:2.08333vw; height:2.08333vw; margin-bottom:2.21354vw;} .surgeryCount .countList .listItem .text{font-size:4.03646vw;} .surgeryCount .listText{max-width:78.12500vw; margin:3.90625vw auto 0 auto; font-size:3.12500vw;} .mainDoctorBg{margin:5.59896vw auto 0 auto;} .mainDoctorlist .listItem{position:relative;} .mainDoctorlist .listItem .doctorImg{margin-left:-7.81250vw; min-width:55.98958vw;} .mainDoctorlist .listItem .doctorInfo{width:60.80729vw; padding-top:5.20833vw; background-position:9.37500vw 0; background-size: 42.05729vw 42.05729vw;} .mainDoctorlist .listItem .doctorInfo.type2{margin-left:0; padding-top:5.20833vw; padding-left:6.51042vw; background-position:1.95313vw 1.95313vw;} .mainDoctorlist .listItem .doctorInfo .infoText1{padding-bottom:7.81250vw; margin-bottom:3.90625vw;} .mainDoctorlist .listItem .doctorInfo .infoText1.type2{padding-right:0; padding-bottom:3.90625vw; justify-content:center;} .mainDoctorlist .listItem .doctorInfo .infoText1 dt{font-size:4.42708vw;} .mainDoctorlist .listItem .doctorInfo .infoText1 dd{font-size:3.64583vw;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .counter{font-size:18.22917vw;} .mainDoctorlist .listItem .doctorInfo .infoText1 .infoCount .small{font-size:6.51042vw;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText{margin-top:0;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .title{font-size:5.98958vw; margin-bottom:2.60417vw;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .title span{font-size:4.81771vw; margin-bottom:1.30208vw;} .mainDoctorlist .listItem .doctorInfo .infoText1 .inText .text{font-size:3.64583vw;} .mainDoctorlist .listItem .doctorInfo .infoText2{padding-left:7.16146vw;} .mainDoctorlist .listItem .doctorInfo .infoText2 p{font-size:3.38542vw;} .mainDoctorlist .listItem .doctorInfo .infoText2 p strong{font-size:4.68750vw; margin-top:1.56250vw;} .mainDoctorlist .listItem .doctorInfo .infoText2 a{width:22.13542vw; height:7.81250vw; border-radius:3.90625vw; font-size:3.38542vw; margin-top:5.20833vw;} .mainDoctorlist .doctorNext{width:18.22917vw; height:18.22917vw; right:1.30208vw; bottom:2.60417vw; box-shadow:0.26042vw 0.26042vw 1.04167vw rgba(0,0,0,.2);} .mainDoctorlist .doctorNext .smallDoctor{background-size:cover;} .mainDoctorlist .doctorNext .smallDoctor i{width:6.11979vw; height:3.25521vw; right:-3.64583vw;} .mainSpace{padding-top:18.22917vw; padding-bottom:14.32292vw;} .mainSpace .pictureTab{margin:3.25521vw auto 0 auto;} .mainSpace .pictureTab button{width:26.04167vw; height:8.46354vw; font-size:3.38542vw; line-height:8.20313vw;} .mainSpace .pictureTab button + button{margin-left:2.60417vw;} .mainSpace .pictureSlideBox{width:calc(100% - 6.51042vw); margin:7.81250vw auto 0 auto;} .mainSpace .pictureSlideBox .slideItem .infoText{bottom:3.90625vw; left:3.90625vw;} .mainSpace .pictureSlideBox .slideItem .infoText .name{font-size:5.85938vw;} .mainSpace .pictureSlideBox .slideItem .infoText p{font-size:3.90625vw; margin-top:1.95313vw;} .mainSpace .pictureSlideBox .slideItem img{border-radius:3.25521vw;} .bottomBanner{height:51.82292vw;} .bottomBanner .textBox p{font-size:4.16667vw; margin-bottom:5.72917vw;} .bottomBanner .textBox p strong{font-size:7.29167vw; margin-top:2.86458vw;} .bottomBanner .textBox a{width:22.13542vw; height:7.81250vw; border-radius:3.90625vw; font-size:3.38542vw;} .mainBoard{width:calc(100% - 6.51042vw); margin:15.62500vw auto;} .mainBoard .mobileTabs{margin:0 auto 3.90625vw auto; padding-bottom:2.60417vw; max-width:none;} .mainBoard .mobileTabs button{font-size:4.68750vw; padding:1.30208vw;} .mainBoard .boardItem{max-width:none;} .mainBoard .boardItem .boardContent .boardThumb{border-radius:3.64583vw;} .mainBoard .boardItem .boardContent .boardList{padding-bottom:4.55729vw; margin-top:5.20833vw;} .mainBoard .boardItem .boardContent .boardList li:not(:first-child) + li{margin-top:1.69271vw;} .mainBoard .boardItem .boardContent .boardList li a{padding:0 3.25521vw 0 1.95313vw;} .mainBoard .boardItem .boardContent .boardList li .text{font-size:3.90625vw; line-height:4.68750vw; margin-right:1.30208vw;} .mainBoard .boardItem .boardContent .boardList li .date{font-size:3.12500vw;} .mainBoard .boardItem .boardContent .boardList li:first-child{padding-bottom:3.12500vw; margin-bottom:2.99479vw;} .mainBoard .boardItem .boardContent .boardList li:first-child .text{font-size:4.68750vw; line-height:5.46875vw;} .mainBoard .boardItem .boardContent .boardText{padding:0 2.60417vw; margin-top:4.55729vw; margin-bottom:5.20833vw;} .mainBoard .boardItem:nth-of-type(3) .boardContent .boardText{margin-top:0;} .mainBoard .boardItem .boardContent .boardText .title{font-size:4.68750vw;} .mainBoard .boardItem .boardContent .boardText .text{height:14.84375vw; font-size:3.90625vw; line-height:4.94792vw;} .mainBoard .boardItem .boardContent .boardText a{font-size:3.12500vw; margin-top:5.20833vw;} .popupBg .mainPop{top:13.02083vw !important;} .popupBg .mainPop .popBottom{height:6.51042vw; padding:0 1.30208vw;} .popupBg .mainPop .popBottom input[type="checkbox"]{width:3.12500vw; height:3.12500vw; margin:1.69271vw 1.30208vw 1.69271vw 0;} .popupBg .mainPop .popBottom .bottomText{font-size:3.12500vw; line-height:6.51042vw;} .popupBg .mainPop .popBottom .bottomText button{margin-left:1.30208vw; line-height:6.51042vw;} .popupBg2{top:13.02083vw !important;} .popupBg2 .mainPop2 .popBottom .bottomItem .popCount{right:1.30208vw;} } @media (max-width:450px) { .popupBg2 .mainPop2 .popTabs button{height:35px; font-size:14px; line-height:1.25;} .popupBg2 .mainPop2 .popBottom .bottomItem{height:35px;} .popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:35px;} .popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:22.5px; border-radius:11.25px; padding:0 12.5px; font-size:14px;} } @media (max-width:340px) { .popupBg2 .mainPop2 .popTabs button{height:13.23529vw; font-size:4.11765vw; line-height:13.23529vw;} .popupBg2 .mainPop2 .popBottom .bottomItem{height:13.23529vw;} .popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:4.11765vw; line-height:13.23529vw; letter-spacing:-0.035em;} .popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:6.61765vw; border-radius:3.30882vw; padding:0 3.67647vw; font-size:4.11765vw;} }