@charset "utf-8";

#subVisual{width:100%; height:500px; position:relative; z-index:2;}
#subVisual .inBox{display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; overflow:hidden; padding-top:100px; padding-bottom:65px;}
#subVisual .inBg{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; z-index:1; overflow:hidden;}
#subVisual .inBg.introduction{background-image:url("/html/resource/img/hospital_introduction/visual.jpg");}
#subVisual .inBg.metabolic{background-image:url("/html/resource/img/metabolic/visual1.jpg");}
#subVisual .inBg.detoxification{background-image:url("/html/resource/img/detoxification/visual1.jpg");}
#subVisual .inBg.obesity{background-image:url("/html/resource/img/obesity/visual1.jpg");}
#subVisual .inBg.anti{background-image:url("/html/resource/img/anti/visual1.jpg");}
#subVisual .inBg.immune{background-image:url("/html/resource/img/immune/visual1.jpg");}
#subVisual .inBg.sleep{background-image:url("/html/resource/img/sleep/visual1.jpg");}
#subVisual .inBox .textBox{display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100%; height:auto; text-align:center; color:#fff; z-index:2;}
#subVisual .inBox .textBox.board{color:#333;}
#subVisual .inBox .textBox h2{width:100%; height:auto; font-family: 'MaruBuri'; font-size:55px; font-weight:400; letter-spacing:-0.05em; line-height:1;}
#subVisual .inBox .textBox span{display:inline-block; font-family: 'MaruBuriLight'; font-size:16px; font-weight:300; letter-spacing:0.1em; line-height:1; margin-top:20px; text-transform:uppercase;}
#subVisual .visualNav{width:100%; height:65px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); max-width:1540px; overflow:hidden; z-index:5;}
#subVisual .visualNav .navBox{display:flex; width:100%; height:100%;}
#subVisual .visualNav .navBox .boxItem{display:inline-block; flex-basis:0; flex-grow:1; background:rgba(255,255,255,.7);}
#subVisual .visualNav .navBox .boxItem + .boxItem{margin-left:1px;}
#subVisual .visualNav .navBox .boxItem a{display:flex; width:100%; height:100%; justify-content:center; align-items:center; font-size:20px; font-weight:400; letter-spacing:-0.025em; color:#333; text-align:center;}
#subVisual .visualNav .navBox .boxItem a .moOnly{display:none;}
#subVisual .visualNav .navBox .boxItem.on{background:#231815;}
#subVisual .visualNav .navBox .boxItem.on a{color:#fff;}
#subVisual.on .inBg{transform:translate(-50%, -50%) scale(1.0);}

.secondVisual{width:100%; position:relative; z-index:2;}
.secondVisual.metabolic{height:600px; background:url("/html/resource/img/metabolic/sub_visual1_bg.jpg") no-repeat center top/cover;}
.secondVisual .inImgBox1{display:flex; justify-content:center; align-items:center; margin-bottom:40px;}
.secondVisual .visualText{font-size:42px; font-weight:600; letter-spacing:-0.025em; line-height:55px; color:#fff; position:relative; padding-top:35px; text-align:center;}
.secondVisual .visualText::before{content:""; display:block; width:80px; height:1px; position:absolute; top:0; left:50%; transform:translateX(-50%); background:#fff; opacity:0.6;}
.secondVisual .inBox{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.secondVisual .inBox .imgBox{display:inline-flex; justify-content:flex-end; align-items:center; width:50%; height:auto; padding-right:60px;}
.secondVisual .inBox .imgBox img{display:inline-block; flex-shrink:0;}
.secondVisual .inBox .textBox{display:inline-flex; align-items:flex-start; width:50%; height:auto; padding-left:35px;}
.secondVisual .inBox .textBox dl{display:inline-block; flex-grow:1; text-align:left; max-width:690px;}
.secondVisual .inBox .textBox dl dt{width:100%; height:auto; font-family: 'MaruBuriSemiBold'; font-size:45px; letter-spacing:-0.05em; line-height:1.3; position:relative; padding-bottom:31px; margin-bottom:35px; color:#333;}
.secondVisual .inBox .textBox dl dt::after{content:""; display:block; width:65px; height:1px; background:#bfbfbf; opacity:0.5; position:absolute; bottom:0; left:0;}
.secondVisual .inBox .textBox dl dt.type2{margin-bottom:45px; padding-bottom:0;}
.secondVisual .inBox .textBox dl dt.type2::after{display:none;}
.secondVisual .inBox .textBox dl dt .engText{display:block; font-family: 'MaruBuriLight'; font-size:16px; font-weight:300; letter-spacing:0.1em; line-height:1; color:#b16d5a; margin-bottom:20px; text-transform:uppercase;}
.secondVisual .inBox .textBox dl dd{width:100%; height:auto; font-size:24px; font-weight:300; letter-spacing:-0.05em; line-height:1.583;}
.secondVisual .inBox .textBox dl dd .colorType1{color:#f18b52; font-weight:400;}
.secondVisual .inBox .textBox dl dd strong{font-weight:400;}
.secondVisual .inBox .textBox dl dd p + p{margin-top:15px;}
.secondVisual .inBox .textBox dl dd ul{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:space-between; width:100%; max-width:460px; height:auto; margin-bottom:-20px;}
.secondVisual .inBox .textBox dl dd ul li{display:inline-flex; justify-content:center; align-items:center; width:calc(50% - 10px); height:60px; border-radius:30px; background:#4778bd; font-size:26px; font-weight:400; letter-spacing:-0.05em; line-height:1; color:#fff; margin-bottom:20px;}
.secondVisual .inBox .textBox dl dd ul li.itemType2{background:#313956;}

.subSection{width:100%; height:auto; padding-top:100px; padding-bottom:160px;}
.subSection.padding{padding-top:140px;}
.subSection.padding2{padding-top:160px;}
.subSection.padding3{padding-top:90px; padding-bottom:120px;}
.subSection.padding4{padding-bottom:100px;}
.subSection.padding5{padding-top:120px; padding-bottom:140px;}
.subSection.padding6{padding-top:140px; padding-bottom:140px;}
.subSection.in{width:calc(100% - 50px); height:auto; margin-left:auto; margin-right:auto; max-width:1540px;}
.subSection.in2{width:calc(100% - 50px); height:auto; margin-left:auto; margin-right:auto; max-width:1384px;}
.subSection .inContentBox{width:calc(100% - 50px); height:auto; max-width:1384px; margin-left:auto; margin-right:auto;}
.subSection.bgImg1{background:url("/html/resource/img/detoxification/detoxification02_bg.jpg") no-repeat center center/cover; margin-bottom:30px; padding:100px 0;}

.imgBox1{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:auto;}
.imgBox1.in{width:calc(100% - 50px); margin:0 auto;}
.imgBox1 img.pcOnly{display:block;}
.imgBox1 img.mobileOnly{display:none;}
.imgBox1 .boxItem{width:calc(50% - 20px);}
.imgBox1 .boxItem + .boxItem{margin-left:40px;}

.subSection .sectionTitle{width:100%; height:auto; font-family: 'MaruBuriLight'; font-size:36px; font-weight:300; letter-spacing:-0.01em; line-height:1.222; color:#333; position:relative; padding-bottom:50px; margin-bottom:80px; text-align:center;}
.subSection .sectionTitle::after{content:""; display:block; width:83px; height:1px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:#d6d6d6;}
.subSection .sectionTitle.fontType2{font-family: 'Nanum Myeongjo';}
.subSection .sectionTitle span{color:#f18b52;}
.subSection .sectionTitle2{width:100%; height:auto; text-align:center; font-family: 'MaruBuri'; font-size:42px; font-weight:400; letter-spacing:-0.01em; line-height:1; color:#333; position:relative; padding-bottom:50px; margin-bottom:80px;}
.subSection .sectionTitle2::after{content:""; display:block; width:83px; height:1px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:#d6d6d6;}
.subSection .sectionTitle2 span{color:#f18b52;}
.subSection .sectionTitle2 span.colorType1{color:#fdba63;}
.subSection .sectionTitle2.noLine{padding-bottom:0; margin-bottom:60px;}
.subSection .sectionTitle2.noLine::after{display:none;}
.subSection .sectionTitle3{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto; font-family: 'MaruBuriSemiBold'; font-size:45px; letter-spacing:-0.05em; text-align:center; line-height:1.3; color:#333; text-align:center; margin-bottom:55px;}
.subSection .sectionTitle3 > img{display:block; margin-bottom:25px;}
.subSection .sectionTitle3 .smallText{display:block; width:100%; height:auto; font-size:26px; letter-spacing:-0.025em; line-height:1; color:#f18b52; margin-bottom:10px;}
.subSection .sectionTitle3 .engText{display:block; width:100%; height:auto; font-family: 'MaruBuriLight'; font-size:16px; font-weight:300; letter-spacing:0.1em; line-height:1; color:#fdba63; margin-bottom:25px; text-transform:uppercase;}
.subSection .sectionTitle3 .colorType1{color:#fdba63; margin-right:10px;}
.subSection .sectionTitle3.noFlex{display:block; flex-wrap:unset; justify-content:unset; align-content:unset;}
.subSection .sectionTitle3.line{position:relative; padding-bottom:30px;}
.subSection .sectionTitle3.line::after{content:""; display:block; width:65px; height:1px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:#bfbfbf;}
.subSection .sectionTitle3.line2{position:relative; padding-bottom:30px;}
.subSection .sectionTitle3.line2::after{content:""; display:block; width:90px; height:3px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:#fdba63;}
.subSection .sectionTitle4{font-family: 'MaruBuriSemiBold'; font-size:38px; letter-spacing:-0.025em; line-height:1.263; color:#333; text-align:center;}
.subSection .sectionTitle4 .colorType1{color:#f18b52;}


.subText1{font-size:24px; font-weight:300; letter-spacing:-0.025em; line-height:1.583; color:#333; text-align:center; margin-top:30px; margin-bottom:55px;}
.subText1 strong{font-weight:400;}

/* 병원소개 */
.logoTextBox{display:flex; justify-content:center; align-items:center; width:100%; height:auto; margin-bottom:120px;}
.logoTextBox img{display:inline-block; margin-right:65px;}
.logoTextBox .textBox{display:inline-block; font-family: 'MaruBuriLight'; font-size:32px; font-weight:300; letter-spacing:-0.025em; line-height:1; color:#333;}
.logoTextBox .textBox p + p{margin-top:40px;}

.subPhilosophyList{width:100%; height:auto;}
.subPhilosophyList .listItem{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:70px 50px; background:#f6f6f6;}
.subPhilosophyList .listItem:nth-child(even){background:#fff; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse;}
.subPhilosophyList .listItem .imgBox{display:inline-block; width:50%;}
.subPhilosophyList .listItem .textBox{display:inline-block; width:50%; text-align:center; padding:0 4.5%;}
.subPhilosophyList .listItem .textBox dt{font-family: 'MaruBuriSemiBold'; font-size:36px; letter-spacing:-0.025em; line-height:1; color:#333; margin-bottom:23px;}
.subPhilosophyList .listItem .textBox dt span{display:inline-flex; justify-content:center; align-items:center; vertical-align:top; width:65px; height:38px; border-radius:19px; font-family: 'Nanum Barun Gothic','나눔바른고딕'; font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#fff; background:#231815; margin-bottom:20px;}
.subPhilosophyList .listItem .textBox dd{font-size:22px; font-weight:300; letter-spacing:-0.025em; line-height:1.636; color:#27272c;}

/* 의료진 소개 */
.doctorTitle{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto; position:relative; padding-bottom:50px; margin-bottom:65px; text-align:center;}
.doctorTitle::after{content:""; display:block; width:83px; height:1px; background:#d6d6d6; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.doctorTitle img{display:block; margin-bottom:30px;}
.doctorTitle h3{width:100%; height:auto; font-family: 'MaruBuriLight'; font-size:36px; font-weight:300; letter-spacing:-0.025em; line-height:1.3333; color:#333;}
.doctorTitle h3 span{color:#f18b52;}

.doctorsList{width:100%; height:auto; max-width:1540px; margin-left:auto; margin-right:auto;}
.doctorsList .listItem{display:flex; justify-content:flex-end; align-items:flex-start; width:100%; height:auto; position:relative;}
.doctorsList .listItem + .listItem{margin-top:120px;}
.doctorsList .listItem .imgBox{display:inline-flex; justify-content:center; align-items:center; width:50%;}
.doctorsList .listItem .textBox{display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:50%; height:auto; padding-top:35px;}
.doctorsList .listItem .textBox .positionName{width:100%; height:auto; margin-bottom:40px; position:relative; padding-bottom:30px;}
.doctorsList .listItem .textBox .positionName::after{content:""; display:block; width:100%; max-width:440px; height:1px; background:#dedede; position:absolute; bottom:0; left:0;}
.doctorsList .listItem .textBox .positionName .inPosition{font-size:22px; font-weight:400; letter-spacing:-0.025em; line-height:1; margin-bottom:13px; color:#58595b;}
.doctorsList .listItem .textBox .positionName .inName{font-family: 'MaruBuriSemiBold'; font-size:30px; font-weight:300; letter-spacing:-0.025em; line-height:1; color:#333;}
.doctorsList .listItem .textBox .positionName .inName strong{display:inline-block; font-size:48px; font-weight:400; letter-spacing:-0.025em;}
.doctorsList .listItem .textBox .doctorProfile{display:flex; align-items:flex-start; width:100%; height:auto;}
.doctorsList .listItem .textBox .doctorProfile + .doctorProfile{margin-top:45px;}
.doctorsList .listItem .textBox .doctorProfile .inTitle{display:inline-flex; justify-content:center; align-items:center; text-align:center; width:92px; height:92px; background:#f18b52; font-family: 'MaruBuriBold'; font-size:20px; font-weight:400; letter-spacing:-0.025em; color:#fff;}
.doctorsList .listItem .textBox .doctorProfile .inTitle.type2{background:#595553;}
.doctorsList .listItem .textBox .doctorProfile .profileList{display:inline-block; width:calc(100% - 92px); height:auto; padding-left:25px;}
.doctorsList .listItem .textBox .doctorProfile .profileList li{display:flex; align-items:flex-start; width:100%; height:auto; padding-left:15px; position:relative; font-size:18px; font-weight:300; letter-spacing:-0.025em; line-height:25px; color:#333;}
.doctorsList .listItem .textBox .doctorProfile .profileList li::before{content:"•"; display:block; width:15px; height:auto; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit; position:absolute; top:0; left:0;}
.doctorsList .listItem .textBox .doctorProfile .profileList li + li{margin-top:10px;}
.doctorsList .listItem .textBox .doctorProfile .profileList li span{display:inline-block; flex-shrink:0; margin-right:0.9em;}
.doctorsList .listItem .textBox .doctorProfile:last-child .profileList{padding-bottom:0; border-bottom:0;}

.spaceSlideBox{width:calc(100% - 180px); max-width:1380px; position:relative; margin:0 auto;}
.spaceSlideBox .spaceSlide{width:100%; max-width:1080px; height:auto; margin:0 auto; overflow:hidden;}
.spaceSlideBox .spaceSlide .inBox{width:100%; height:auto;}
.spaceSlideBox .spaceSlide .inBox .slideItem{width:100%; height:auto; position:relative;}
.spaceSlideBox .spaceSlide .inBox .slideItem img{display:block; width:100%; height:auto;}
.spaceSlideBox .spaceSlide .inBox .slideItem .itemCaption{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:80px; background:rgba(0,0,0,.4); z-index:5; padding:0 50px; font-size:30px; font-weight:300; letter-spacing:-0.01em; line-height:1; color:#fff;}
.spaceSlideBox .spaceArrow{display:block; width:56px; height:56px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:10; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.spaceSlideBox .spaceArrow.spacePrev{left:0; background-image:url("/html/resource/img/hospital_introduction/space_slide_prev.png");}
.spaceSlideBox .spaceArrow.spaceNext{right:0; background-image:url("/html/resource/img/hospital_introduction/space_slide_next.png");}
.spaceSlideBox #spacePager{display:block; position:absolute; top:-40px; white-space:nowrap; font-size:0; z-index:5; width:100%; max-width:1080px; height:auto; bottom:auto; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); text-align:right;}
.spaceSlideBox #spacePager .swiper-pagination-bullet{width:13px; height:13px; background:#cacaca; opacity:1; margin:0;}
.spaceSlideBox #spacePager .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:8px;}
.spaceSlideBox #spacePager .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#333;}

.medicalInformation{width:100%; max-width:1540px; height:auto; margin:0 auto;}
.medicalInformation .inBox{display:flex; width:100%; height:auto; background:#f6f6f6; align-items:center;}
.medicalInformation .inBox .thumb, .medicalInformation .inBox .textBox{display:inline-flex; width:50%;}
.medicalInformation .inBox .textBox{flex-wrap:wrap; height:100%; padding:0 100px; align-items:center; align-content:center;}
.medicalInformation .inBox .textBox .callBox{display:flex; width:100%; align-items:center; color:#333; margin-bottom:60px;}
.medicalInformation .inBox .textBox .callBox span{display:inline-block; font-size:22px; font-weight:400; letter-spacing:-0.01em; margin-right:30px;}
.medicalInformation .inBox .textBox .callBox strong{display:inline-block; font-size:36px; font-weight:400; letter-spacing:-0.025em;}
.medicalInformation .inBox .textBox .consultationHours{display:flex; flex-wrap:wrap; width:100%; align-items:flex-start; align-content:flex-start;}
.medicalInformation .inBox .textBox .consultationHours .inItem{display:flex; width:100%; align-items:center;}
.medicalInformation .inBox .textBox .consultationHours .inItem + .inItem{margin-top:30px;}
.medicalInformation .inBox .textBox .consultationHours .inItem .itemTitle{display:inline-flex; justify-content:center; align-items:center; width:85px; height:85px; font-size:22px; font-weight:400; letter-spacing:-0.01em; line-height:1.3; color:#fff; background:#f18b52; text-align:center;}
.medicalInformation .inBox .textBox .consultationHours .inItem .itemTitle.type2{height:110px;}
.medicalInformation .inBox .textBox .consultationHours .inItem .inText{display:inline-block; width:calc(100% - 85px); height:auto; padding-left:25px; font-size:22px; font-weight:300; letter-spacing:-0.025em; line-height:1.545; color:#333;}
.medicalInformation .inBox .textBox .consultationHours .inItem .inText div{display:flex; align-items:flex-start; width:100%; height:auto;}
.medicalInformation .inBox .textBox .consultationHours .inItem .inText div span{display:inline-block; flex-shrink:0; font-weight:400; width:95px; height:auto;}
.medicalInformation .inBox .textBox .consultationHours .inItem .inText div p{display:inline-block;}
.medicalInformation .inBox .textBox .consultationHours .inItem .inText div strong{font-weight:400; color:#f18b52;}
.medicalInformation .inBox .textBox .consultationHours .inItem + .inItem .itemTitle{background:#8a8a8c;}
.medicalInformation .inBox .textBox .holidayText{font-size:22px; font-weight:400; letter-spacing:-0.01em; line-height:1; color:#333; margin-top:30px;}

.mapBox{width:100%; max-width:1200px; height:auto; margin:0 auto;}
.mapBox .mapTabs{display:flex; justify-content:space-between; margin-bottom:30px;}
.mapBox .mapTabs .tabItem{display:inline-flex; justify-content:center; align-items:center; width:calc(50% - 5px); height:70px; box-sizing:border-box; border:1px solid #d6d6d6; font-size:22px; font-weight:400; letter-spacing:-0.025em; color:#696969;}
.mapBox .mapTabs .tabItem.on{border-color:#f18b52; color:#f18b52;}
.mapBox .map{width:100%; height:600px; position:relative; margin-bottom:60px;}
.mapBox .map .root_daum_roughmap{position:absolute; width:100%; height:100%; top:0; left:0;}
.mapBox .map .root_daum_roughmap .wrap_map{height:100% !important;}
.mapBox .map .root_daum_roughmap .wrap_controllers{display:none !important;}
.mapBox .transportationList{width:100%; height:auto; text-align:left; margin-bottom:100px;}
.mapBox .transportationList .listItem{width:100%; height:auto; letter-spacing:0; color:#333;}
.mapBox .transportationList .listItem + .listItem{margin-top:55px;}
.mapBox .transportationList .listItem dt{font-size:24px; font-weight:400; margin-bottom:15px; line-height:1;}
.mapBox .transportationList .listItem dd{font-size:20px; font-weight:300; line-height:1.5;}
.mapBox .transportationList .listItem dd .textColor2{font-weight:400; color:#0388ce;}

/* 클리닉 */
.processList1{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%; height:auto; margin:0 auto -40px auto;}
.processList1 .listItem{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:430px; border:1px solid #d6d6d6; margin:0 20px 40px 20px;}
.processList1 .listItem img{width:100%; height:auto;}
.processList1 .listItem .textBox{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%; height:auto; padding:40px 20px; text-align:center; font-size:24px; letter-spacing:-0.025em; color:#333;}
.processList1 .listItem .textBox .number{display:inline-block; font-weight:700; line-height:1; text-decoration:underline; text-underline-offset:5px; margin-bottom:15px;}
.processList1 .listItem .textBox p{width:100%; height:auto; font-weight :300; line-height:1.583;}

.treatmentBox{display:flex; justify-content:center; align-items:center; width:100%; height:auto; border-top:1px solid #ccc; margin-top:35px; padding-top:40px;}
.treatmentBox .boxItem{display:inline-flex; align-items:center; text-align:left;}
.treatmentBox .boxItem + .boxItem{margin-left:70px;}
.treatmentBox .boxItem img{display:inline-block; flex-shrink:0; margin-right:20px;}
.treatmentBox .boxItem p{display:inline-block; font-size:22px; font-weight:400; letter-spacing:-0.025em; line-height:1.545; color:#333;}

.checkTextBox{width:100%; height:auto; margin-top:60px; text-align:left;}
.checkTextBox dt{display:flex; align-items:center; width:100%; height:auto; font-family: 'MaruBuriSemiBold'; font-size:34px; letter-spacing:-0.05em; line-height:1; color:#333; border-bottom:1px solid #333; padding-bottom:20px; margin-bottom:25px;}
.checkTextBox dt img{display:inline-block; flex-shrink:0; margin-right:15px;}
.checkTextBox dd{width:100%; height:auto; font-size:24px; font-weight:300; letter-spacing:-0.025em; line-height:1.583;}

.equipList1{width:100%; height:auto;}
.equipList1 .listItem{display:flex; align-items:center; width:100%; background:#fff;}
.equipList1 .listItem + .listItem{margin-top:20px;}
.equipList1 .listItem .thumb{display:inline-block; flex-shrink:0; width:399px; background:#f4f4f4;}
.equipList1 .listItem .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.equipList1 .listItem .textBox{display:inline-block; flex-grow:1; text-align:left; color:#222; padding:40px 40px 40px 60px;}
.equipList1 .listItem .textBox dt{font-size:30px; font-weight:400; letter-spacing:-0.025em; line-height:1;}
.equipList1 .listItem .textBox dd{font-size:22px; font-weight:300; letter-spacing:-0.025em; line-height:1.4; color:#505050; margin-top:14px;}

.scrollContent{width:100%; height:auto; overflow:hidden;}
.addScrollBar{display:none;}

@media (max-width:1540px) {
	.subPhilosophyList .listItem{padding:60px 25px;}
}

@media (max-width:1400px) {
	.medicalInformation .inBox .textBox{padding:0 50px;}
}

@media (max-width:1360px) {
}

@media (max-width:1300px) {
	.medicalInformation{width:100%; max-width:770px;}
	.medicalInformation .inBox{flex-wrap:wrap; align-items:flex-start; align-content:flex-start;}
	.medicalInformation .inBox .thumb, .medicalInformation .inBox .textBox{width:100%;}
	.medicalInformation .inBox .textBox{padding:75px 40px;}
	.medicalInformation .inBox .textBox .callBox{margin-bottom:50px;}
	.medicalInformation .inBox .textBox .callBox span{font-size:22px; margin-right:30px;}
	.medicalInformation .inBox .textBox .callBox strong{font-size:36px;}
	.medicalInformation .inBox .textBox .consultationHours .inItem + .inItem{margin-top:30px;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .itemTitle{width:85px; height:85px; font-size:22px;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .inText{width:calc(100% - 85px); padding-left:25px; font-size:22px;}
	.medicalInformation .inBox .textBox .holidayText{font-size:22px; margin-top:30px;}
}

@media (max-width:1280px) {
	.secondVisual.metabolic{height:auto; padding:70px 50px;}
	.secondVisual .inBox{flex-wrap:wrap; align-content:flex-start;}
	.secondVisual .inBox .imgBox{width:100%; justify-content:center; padding-right:0; margin-bottom:30px;}
	.secondVisual .inBox .textBox{width:100%; max-width:700px; justify-content:center; padding-left:0; margin-top:65px;}
}

@media (max-width:1240px) {
}

@media (max-width:1180px) {
	.subPhilosophyList .listItem{-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:60px 25px;}
	.subPhilosophyList .listItem:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
	.subPhilosophyList .listItem .imgBox{width:100%; max-width:720px;}
	.subPhilosophyList .listItem .textBox{width:100%; max-width:720px; margin-top:40px;}
}

@media (max-width:1080px) {
}

@media (max-width:1000px) {
	#subVisual .inBox{padding-top:100px; padding-bottom:80px;}
	#subVisual .inBox .textBox h2{font-size:59px;}
	#subVisual .inBox .textBox span{font-size:20px;}
	#subVisual .visualNav{height:80px;}
	#subVisual .visualNav .navBox{height:100%; overflow:hidden;}	
	#subVisual .visualNav .navBox .boxItem{width:33.333%; height:100%;}
	#subVisual .visualNav .navBox .boxItem + .boxItem{margin-left:1px;}
	#subVisual .visualNav .navBox .boxItem a{font-size:24px;}
	#subVisual .visualNav .navBox .boxItem a .moOnly{display:block;}
	#subVisual .visualNav .navBox.swiper-wrapper{flex-wrap:nowrap; overflow:auto;}
	#subVisual .visualNav .navBox.swiper-wrapper .boxItem{width:33.333%; -ms-flex-preferred-size:auto;flex-basis:auto; -webkit-box-flex:unset; -ms-flex-positive:unset; flex-grow:unset;}
	#subVisual .visualNav .navBox.swiper-wrapper .boxItem + .boxItem{margin-left:0;}

	.secondVisual .inBox .textBox dl{max-width:none;}
	.secondVisual .inBox .textBox dl dt{font-size:49px;}
	.secondVisual .inBox .textBox dl dt .engText{font-size:20px;}
	.secondVisual .inBox .textBox dl dd{font-size:28px;}
	/* .secondVisual .inBox .textBox dl dd strong{font-size:32px;} */
	.secondVisual .inBox .textBox dl dd ul{max-width:550px; height:auto;}
	.secondVisual .inBox .textBox dl dd ul li{width:calc(50% - 10px); height:65px; border-radius:32.5px; font-size:30px;}

	.imgBox1 img.pcOnly{display:none;}
	.imgBox1 img.mobileOnly{display:block;}
	.imgBox1 .boxItem{width:calc(50% - 15px);}
	.imgBox1 .boxItem + .boxItem{margin-left:30px;}

	.subSection .sectionTitle{font-size:40px; padding-bottom:50px; margin-bottom:80px;}
	.subSection .sectionTitle::after{width:85px;}
	.subSection .sectionTitle2{font-size:46px; padding-bottom:50px; margin-bottom:80px;}
	.subSection .sectionTitle2::after{width:85px;}
	.subSection .sectionTitle2.noLine{padding-bottom:0; margin-bottom:60px;}
	.subSection .sectionTitle3{font-size:49px;}
	.subSection .sectionTitle3 .smallText{font-size:30px;}
	.subSection .sectionTitle3 .engText{font-size:20px;}
	.subSection .sectionTitle4{font-size:42px;}

	.subText1{font-size:28px;}
	
	.logoTextBox{margin-bottom:120px;}
	.logoTextBox img{margin-right:65px;}
	.logoTextBox .textBox{font-size:36px;}
	.logoTextBox .textBox p + p{margin-top:40px;}

	.subPhilosophyList .listItem{padding:60px 25px;}
	.subPhilosophyList .listItem .textBox{margin-top:40px;}
	.subPhilosophyList .listItem .textBox dt{font-size:40px; margin-bottom:23px;}
	.subPhilosophyList .listItem .textBox dt span{width:70px; height:42px; border-radius:21px; font-size:24px; margin-bottom:20px;}
	.subPhilosophyList .listItem .textBox dd{font-size:26px;}

	.doctorTitle{padding-bottom:50px; margin-bottom:65px;}
	.doctorTitle::after{width:83px;}
	.doctorTitle img{margin-bottom:20px;}
	.doctorTitle h3{font-size:42px;}

	.doctorsList .listItem{flex-wrap:wrap; justify-content:center;}
	.doctorsList .listItem + .listItem{margin-top:120px;}
	.doctorsList .listItem .imgBox{width:100%; justify-content:center;}
	.doctorsList .listItem .textBox{width:100%; height:auto; padding:75px 50px 0 50px; align-items:flex-start; align-content:flex-start; position:relative;}
	.doctorsList .listItem .textBox .positionName::after{max-width:none;}
	.doctorsList .listItem .textBox .positionName .inPosition{font-size:26px; margin-bottom:15px;}
	.doctorsList .listItem .textBox .positionName .inName{font-size:34px;}
	.doctorsList .listItem .textBox .positionName .inName strong{font-size:52px;}
	.doctorsList .listItem .textBox .doctorProfile + .doctorProfile{margin-top:35px;}
	.doctorsList .listItem .textBox .doctorProfile .inTitle{width:110px; height:110px; font-size:24px;}
	.doctorsList .listItem .textBox .doctorProfile .profileList{width:calc(100% - 110px); padding-left:25px;}
	.doctorsList .listItem .textBox .doctorProfile .profileList li{padding-left:15px; font-size:22px; line-height:29px;}
	.doctorsList .listItem .textBox .doctorProfile .profileList li + li{margin-top:15px;}
	.doctorsList .listItem .textBox .doctorProfile:last-child .profileList{padding-bottom:0;}

	.medicalInformation .inBox .textBox .callBox span{font-size:26px; margin-right:35px;}
	.medicalInformation .inBox .textBox .callBox strong{font-size:40px;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .itemTitle{width:110px; height:110px; font-size:26px;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .itemTitle.type2{height:125px;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .inText{width:calc(100% - 110px); padding-left:30px; font-size:26px;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .inText div span{width:120px;}
	.medicalInformation .inBox .textBox .holidayText{font-size:26px;}

	.mapBox .mapTabs{width:calc(100% - 50px); margin:0 auto 30px auto;}
	.mapBox .mapTabs .tabItem{font-size:26px;}
	.mapBox .transportationList{width:calc(100% - 50px); margin:0 auto 100px auto;}
	.mapBox .transportationList .listItem dt{font-size:28px;}
	.mapBox .transportationList .listItem dd{font-size:24px;}

	.spaceSlideBox{width:100%;}
	.spaceSlideBox .spaceSlide .inBox .slideItem .itemCaption{width:100%; height:80px; padding:0 50px; font-size:36px;}
	.spaceSlideBox .spaceArrow{display:none;}
	.spaceSlideBox #spacePager{top:-40px; padding-right:25px;}
	.spaceSlideBox #spacePager .swiper-pagination-bullet{width:13px; height:13px;}
	.spaceSlideBox #spacePager .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:8px;}

	.processList1{justify-content:space-between; width:calc(100% - 50px); margin:0 auto -40px auto;}
	.processList1 .listItem{width:calc(50% - 20px); margin:0 0 40px 0;}
	.processList1 .listItem .textBox{padding:40px 25px; font-size:28px;}
	.processList1 .listItem .textBox .number{text-underline-offset:5px; margin-bottom:15px;}
	
	.treatmentBox{flex-wrap:wrap; justify-content:center; align-content:flex-start; margin-top:35px; padding-top:40px;}
	.treatmentBox .boxItem{width:100%;}
	.treatmentBox .boxItem + .boxItem{margin-top:70px; margin-left:0;}
	.treatmentBox .boxItem img{margin-right:20px;}
	.treatmentBox .boxItem p{font-size:26px;}
	
	.checkTextBox{margin-top:60px;}
	.checkTextBox dt{font-size:38px; padding-bottom:20px; margin-bottom:25px;}
	.checkTextBox dt img{margin-right:15px;}
	.checkTextBox dd{font-size:28px;}
	
	.equipList1 .listItem{flex-wrap:wrap; align-content:flex-start; width:100%; padding:40px;}
	.equipList1 .listItem + .listItem{margin-top:20px;}
	.equipList1 .listItem .thumb{display:flex; justify-content:center; align-items:center; width:100%; background:none;}
	.equipList1 .listItem .thumb img{display:block; width:100%; max-width:500px; height:auto; object-fit:unset;}
	.equipList1 .listItem .textBox{display:inline-block; flex-grow:1; text-align:left; color:#222; padding:0; margin-top:50px;}
	.equipList1 .listItem .textBox dt{font-size:34px;}
	.equipList1 .listItem .textBox dd{font-size:26px; margin-top:20px;}

	.addScrollBar{display:block; width:calc(100% - 80px); height:2px; background:#fff; position:relative; border-radius:0; margin:75px auto 0 auto;}
	.addScrollBar .swiper-scrollbar-drag{background:#333; border-radius:0;}
}

@media (max-width:768px) {
	#subVisual{height:65.10417vw;}
	#subVisual .inBox{padding-top:13.02083vw; padding-bottom:10.41667vw;}
	#subVisual .inBox .textBox h2{font-size:8.20313vw;}
	#subVisual .inBox .textBox span{font-size:3.12500vw; margin-top:2.60417vw;}
	#subVisual .visualNav{height:10.41667vw;}
	#subVisual .visualNav .navBox{height:100%; overflow:hidden; flex-wrap:wrap;}
	#subVisual .visualNav .navBox.swiper-wrapper{flex-wrap:nowrap; overflow:auto;}
	#subVisual .visualNav .navBox .boxItem a{font-size:3.12500vw;}
	#subVisual .visualNav .rightArrow{width:5.20833vw; background-size:1.82292vw 3.12500vw;}

	.secondVisual.metabolic{padding:9.11458vw 6.51042vw;}
	.secondVisual .inBox .imgBox{margin-bottom:3.90625vw;}
	.secondVisual .inBox .imgBox img{width:60.41667vw; height:auto;}
	.secondVisual .inBox .textBox{margin-top:8.46354vw;}
	.secondVisual .inBox .textBox dl dt{font-size:6.90104vw; padding-bottom:4.03646vw; margin-bottom:4.55729vw;}
	.secondVisual .inBox .textBox dl dt::after{width:8.46354vw;}
	.secondVisual .inBox .textBox dl dt.type2{margin-bottom:5.85938vw;}
	.secondVisual .inBox .textBox dl dt .engText{font-size:3.12500vw; margin-bottom:2.60417vw;}
	.secondVisual .inBox .textBox dl dd{font-size:4.16667vw;}
	/* .secondVisual .inBox .textBox dl dd strong{font-size:4.68750vw;} */
	.secondVisual .inBox .textBox dl dd p + p{margin-top:1.95313vw;}
	.secondVisual .inBox .textBox dl dd ul{max-width:none; height:auto; margin-bottom:-2.60417vw;}
	.secondVisual .inBox .textBox dl dd ul li{width:calc(50% - 1.30208vw); height:9.11458vw; border-radius:4.55729vw; font-size:4.42708vw; margin-bottom:2.60417vw;}

	.subSection .sectionTitle{font-size:5.72917vw; padding-bottom:6.51042vw; margin-bottom:10.41667vw;}
	.subSection .sectionTitle::after{width:11.06771vw;}
	.subSection .sectionTitle2{font-size:6.51042vw; padding-bottom:6.51042vw; margin-bottom:10.41667vw;}
	.subSection .sectionTitle2::after{width:11.06771vw;}
	.subSection .sectionTitle2.noLine{padding-bottom:0; margin-bottom:7.81250vw;}
	.subSection .sectionTitle3{font-size:6.90104vw; margin-bottom:7.16146vw;}
	.subSection .sectionTitle3 > img{width:21.48438vw; height:auto; margin-bottom:3.25521vw;}
	.subSection .sectionTitle3 .smallText{font-size:4.42708vw; margin-bottom:1.30208vw;}
	.subSection .sectionTitle3 .engText{font-size:3.12500vw; margin-bottom:3.25521vw;}
	.subSection .sectionTitle3 .colorType1{margin-right:1.30208vw;}
	.subSection .sectionTitle3.line{padding-bottom:3.90625vw;}
	.subSection .sectionTitle3.line::after{width:8.46354vw;}
	.subSection .sectionTitle3.line2::after{width:11.71875vw; height:0.39063vw;}
	.subSection .sectionTitle4{font-size:5.98958vw;}

	.subText1{font-size:4.16667vw; margin-top:3.90625vw; margin-bottom:7.16146vw;}

	.secondVisual.doctor{height:77.86458vw; margin-top:-10.67708vw; padding-top:14.32292vw;}
	.secondVisual .inImgBox1{margin-bottom:5.20833vw;}
	.secondVisual .inImgBox1 img{width:28.77604vw; height:auto;}
	.secondVisual .visualText{font-size:5.98958vw; line-height:7.68229vw; padding-top:4.55729vw;}
	.secondVisual .visualText::before{width:10.41667vw;}

	.imgBox1.in{width:calc(100% - 6.51042vw); margin:0 auto;}
	.imgBox1 .boxItem{width:100%;}
	.imgBox1 .boxItem + .boxItem{margin-left:0; margin-top:5.20833vw;}

	.subSection{padding-top:13.02083vw; padding-bottom:20.83333vw;}
	.subSection.padding{padding-top:18.22917vw;}
	.subSection.padding2{padding-top:20.83333vw;}
	.subSection.padding3{padding-top:11.71875vw; padding-bottom:15.62500vw;}
	.subSection.padding4{padding-bottom:13.02083vw;}
	.subSection.padding5{padding-top:15.62500vw; padding-bottom:18.22917vw;}
	.subSection.padding6{padding-top:18.22917vw; padding-bottom:18.22917vw;}
	.subSection.in, .subSection.in2{width:calc(100% - 6.51042vw);}
	.subSection .inContentBox{width:calc(100% - 6.51042vw);}
	.subSection.bgImg1{margin-bottom:3.90625vw; padding:13.02083vw 0;}
	
	.logoTextBox{margin-bottom:15.62500vw;}
	.logoTextBox img{width:29.29688vw; height:auto; margin-right:5.85938vw;}
	.logoTextBox .textBox{font-size:5.20833vw;}
	.logoTextBox .textBox p + p{margin-top:5.20833vw;}

	.subPhilosophyList .listItem{padding:7.81250vw 3.25521vw;}
	.subPhilosophyList .listItem .textBox{margin-top:5.20833vw;}
	.subPhilosophyList .listItem .textBox dt{font-size:5.72917vw; margin-bottom:2.99479vw;}
	.subPhilosophyList .listItem .textBox dt span{width:9.76563vw; height:5.98958vw; border-radius:2.99479vw; font-size:3.64583vw; margin-bottom:2.60417vw;}
	.subPhilosophyList .listItem .textBox dd{font-size:3.90625vw;}

	.doctorTitle{padding-bottom:6.51042vw; margin-bottom:8.46354vw;}
	.doctorTitle::after{width:10.80729vw;}
	.doctorTitle img{width:29.29688vw; height:auto; margin-bottom:2.60417vw;}
	.doctorTitle h3{font-size:5.98958vw;}

	.doctorsList .listItem + .listItem{margin-top:15.62500vw;}
	.doctorsList .listItem .imgBox img{width:58.46354vw; height:auto;}
	.doctorsList .listItem .textBox{padding:9.76563vw 0 0 0;}
	.doctorsList .listItem .textBox .positionName{margin-bottom:5.20833vw; padding-bottom:3.90625vw;}
	.doctorsList .listItem .textBox .positionName .inPosition{font-size:3.90625vw; margin-bottom:1.95313vw;}
	.doctorsList .listItem .textBox .positionName .inName{font-size:4.94792vw;}
	.doctorsList .listItem .textBox .positionName .inName strong{font-size:7.29167vw;}
	.doctorsList .listItem .textBox .doctorProfile + .doctorProfile{margin-top:5.20833vw;}
	.doctorsList .listItem .textBox .doctorProfile .inTitle{width:14.32292vw; height:14.32292vw; font-size:3.64583vw;}
	.doctorsList .listItem .textBox .doctorProfile .profileList{width:calc(100% - 14.32292vw); padding-left:3.25521vw;}
	.doctorsList .listItem .textBox .doctorProfile .profileList li{padding-left:2.60417vw; font-size:3.38542vw; line-height:4.29688vw;}
	.doctorsList .listItem .textBox .doctorProfile .profileList li::before{width:2.60417vw;}
	.doctorsList .listItem .textBox .doctorProfile .profileList li + li{margin-top:1.95313vw;}
	.doctorsList .listItem .textBox .doctorProfile:last-child .profileList{padding-bottom:0;}

	.medicalInformation .inBox .textBox{padding:9.76563vw 3.90625vw;}
	.medicalInformation .inBox .textBox .callBox{margin-bottom:6.51042vw;}
	.medicalInformation .inBox .textBox .callBox span{font-size:3.90625vw; margin-right:4.55729vw;}
	.medicalInformation .inBox .textBox .callBox strong{font-size:5.72917vw;}
	.medicalInformation .inBox .textBox .consultationHours .inItem + .inItem{margin-top:3.90625vw;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .itemTitle{width:14.97396vw; height:14.97396vw; font-size:3.90625vw;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .itemTitle.type2{height:17.57813vw;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .inText{width:calc(100% - 14.97396vw); padding-left:3.90625vw; font-size:3.64583vw;}
	.medicalInformation .inBox .textBox .consultationHours .inItem .inText div span{width:16.92708vw;}
	.medicalInformation .inBox .textBox .holidayText{font-size:3.90625vw; margin-top:3.90625vw;}

	.mapBox .mapTabs{width:calc(100% - 6.51042vw); margin:0 auto 3.90625vw auto;}
	.mapBox .mapTabs .tabItem{width:calc(50% - 0.65104vw); height:10.41667vw; font-size:3.90625vw;}
	.mapBox .map{height:78.12500vw; margin-bottom:7.81250vw;}
	.mapBox .transportationList{width:calc(100% - 6.51042vw); margin:0 auto 13.02083vw auto;}
	.mapBox .transportationList .listItem + .listItem{margin-top:7.16146vw;}
	.mapBox .transportationList .listItem dt{font-size:4.16667vw; margin-bottom:1.95313vw;}
	.mapBox .transportationList .listItem dd{font-size:3.64583vw;}

	.spaceSlideBox .spaceSlide .inBox .slideItem .itemCaption{height:10.41667vw; padding:0 6.51042vw; font-size:4.68750vw;}
	.spaceSlideBox .spaceArrow{display:none;}
	.spaceSlideBox #spacePager{top:-5.20833vw; padding-right:3.25521vw;}
	.spaceSlideBox #spacePager .swiper-pagination-bullet{width:1.69271vw; height:1.69271vw;}
	.spaceSlideBox #spacePager .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:1.04167vw;}

	.processList1{justify-content:space-between; width:calc(100% - 6.51042vw); margin:0 auto -5.20833vw auto;}
	.processList1 .listItem{width:calc(50% - 1.95313vw); margin:0 0 5.20833vw 0;}
	.processList1 .listItem .textBox{padding:4.55729vw 3.25521vw; font-size:4.16667vw;}
	.processList1 .listItem .textBox .number{text-underline-offset:0.65104vw; margin-bottom:1.95313vw;}
	
	.treatmentBox{margin-top:4.55729vw; padding-top:5.20833vw;}
	.treatmentBox .boxItem + .boxItem{margin-top:9.11458vw;}
	.treatmentBox .boxItem img{width:13.02083vw; height:auto; margin-right:2.60417vw;}
	.treatmentBox .boxItem p{font-size:3.90625vw;}
	
	.checkTextBox{margin-top:7.81250vw;}
	.checkTextBox dt{font-size:5.46875vw; padding-bottom:2.60417vw; margin-bottom:3.25521vw;}
	.checkTextBox dt img{width:5.98958vw; height:auto; margin-right:1.95313vw;}
	.checkTextBox dd{font-size:4.16667vw;}
	
	.equipList1 .listItem{padding:5.20833vw;}
	.equipList1 .listItem + .listItem{margin-top:2.60417vw;}
	.equipList1 .listItem .textBox{margin-top:6.51042vw;}
	.equipList1 .listItem .textBox dt{font-size:4.94792vw;}
	.equipList1 .listItem .textBox dd{font-size:3.90625vw; margin-top:2.60417vw;}

	.addScrollBar{width:calc(100% - 10.41667vw); margin:9.76563vw auto 0 auto;}
}