@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}

.sub-cont-tit {margin-bottom:var(--size60); font-size:clamp(24px, calc(40/ var(--inner) * 100vw ),40px); line-height:1; font-weight:600; color:#242424; text-align:center;}

.content-margin {margin-bottom:clamp(40px, calc(140/ var(--inner) * 100vw ),140px);}
.content-padding {padding:clamp(40px, calc(140/ var(--inner) * 100vw ),140px) 0;}

.doc-cnt {margin-bottom:clamp(40px, calc(80/ var(--inner) * 100vw ),80px);}
.doc-padding {padding:clamp(40px, calc(80/ var(--inner) * 100vw ),80px) 0;}

.bg-blue {position:relative;}
.bg-blue:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:#f7f9fb;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.root_daum_roughmap {width:100% !important; height:clamp(270px, calc(590/ var(--inner) * 100vw ),590px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(270px, calc(590/ var(--inner) * 100vw ),590px) !important;}
#sub .root_daum_roughmap {width:100% !important; height:clamp(270px, calc(432/ var(--inner) * 100vw ),432px) !important;}
#sub .root_daum_roughmap .wrap_map {height:clamp(270px, calc(432/ var(--inner) * 100vw ),432px) !important;}
.root_daum_roughmap .cont {display:none;}

/* 인사말 */
.greeting {display:flex; align-items:center; gap:var(--size80);}
.greeting .img {width:50%; max-width:580px;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greeting .tit {margin-bottom:1.1em; font-size:clamp(20px, calc(46/ var(--inner) * 100vw ),46px); font-weight:500; line-height:1.2; color:#242424;}
.greeting .txt {margin-bottom:1.5em; font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); font-weight:500; line-height:1.6;}
.greeting .txt:last-child {margin-bottom:0;}
.greeting .txt.sign {color:#242424; font-weight:500;}

.company-info {position:relative;}
.company-info:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:#f9f0da;}

.program {position:relative;}
.program:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:url('/images/sub/program-bg.jpg') no-repeat 50% 50%/cover;}
.program .main-tit-wrap {width:50%; max-width:560px;}
.program .wrap {display:flex; align-items:center;}
.program .cnt {flex:1 1 auto; min-width:0; width:1%; text-align:center;}
.program .cnt p {margin-top:1em; font-size:clamp(14px, calc(30/ var(--inner) * 100vw ),30px); font-weight:500; line-height:1.4; color:#242424;}

.greeting-card {padding:clamp(20px, calc(130/ var(--inner) * 100vw ),130px) var(--size60); background:url('/images/sub/greeting-card-bg.jpg') no-repeat 50% 50%/cover; border-radius:var(--size20); color:#fff;}
.greeting-card .tt {margin-bottom:0.75em; font-size:var(--font-size-20); font-weight:700; line-height:1.2;}
.greeting-card p {font-size:clamp(20px, calc(46/ var(--inner) * 100vw ),46px); line-height:1.2;}

/* 의료진 */
.doctor-info {display:flex; gap:20px; padding:var(--size40) var(--size60); background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,0.2); border-radius:var(--size20);}
.doctor-info .inner {flex:1 1 auto; min-width:0; width:1%;}
.doctor-info .name {position:relative; padding-bottom:1.8em; margin-bottom:1.8em; font-size:var(--font-size-20); line-height:1.2; color:#242424;}
.doctor-info .name:before {content:''; position:absolute; left:0; bottom:0; width:clamp(40px, calc(100/ var(--inner) * 100vw ),100px); height:2px; background:#eb9a7f;}
.doctor-info .name strong {display:inline-block; margin-right:0.3em; font-size:2em; font-weight:600;}
.doctor-info .col {margin-bottom:var(--size40);}
.doctor-info .col:last-child {margin-bottom:0;}
.doctor-info .tit {margin-bottom:1em; font-size:var(--font-size-20); font-weight:600; line-height:1; color:#eb9a7f;}
.doctor-info .col .career {display:flex;}
.doctor-info .col .career ul {width:50%; padding-right:10px;}
.doctor-info .career ul li {position:relative; padding-left:0.67em; margin-bottom:0.44em; font-size:var(--font-size-18); font-weight:500;}
.doctor-info .career ul li:before {content:''; position:absolute; left:1px; top:0.6em; width:0.22em; height:0.22em; background:#eb9a7f; border-radius:100%;}
.doctor-info .career ul li:last-child {margin-bottom:0;}
.doctor-info .num-list ul li {margin-bottom:0.44em; font-size:var(--font-size-18); font-weight:500;}
.doctor-info .num-list ul li:last-child {margin-bottom:0;}

.doctor-info.type2 {display:block; box-shadow:none; background:0; border-radius:0; padding:0;}
.doctor-info.type2 .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size25));}
.doctor-info.type2 .item {width:33.333%; padding:var(--size25);}
.doctor-info.type2 .cnt {height:100%; padding:var(--size60) var(--size40); background:#fff; box-shadow:3px 3px 7px rgba(0,0,0,0.2); border-radius:var(--size20);}
.doctor-info.type2 .name:before {background:#c1cd87;}
.doctor-info.type2 .tit {color:#c1cd87;}
.doctor-info.type2 .career ul li:before {background:#c1cd87;}

/* 둘러보기 */
.tour-slider {position:relative;}
.tour-slider .imgSlider {position:relative; max-width:1031px; margin:0 auto;}
.tour-slider .imgSlider .slick-arrow {position:absolute; z-index:1; top:50%;}
.tour-slider .imgSlider .slick-arrow {display:block; position:absolute; top:50%; margin-top:calc(0px - clamp(35px, calc(49/ var(--inner) * 100vw ),49px)/2); width:clamp(35px, calc(49/ var(--inner) * 100vw ),49px); height:clamp(35px, calc(49/ var(--inner) * 100vw ),49px); background-color:#fff; border:1px solid #ddd; border-radius:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:18% auto; text-indent:-999em; overflow:hidden; transition:0.2s all ease;}
.tour-slider .imgSlider .slick-arrow:hover {background-color:#eb9a7f; border-color:#eb9a7f;}
.tour-slider .imgSlider .slick-prev {left:-180px; background-image: url('/images/main/sld-prev.png');}
.tour-slider .imgSlider .slick-next {right:-180px; background-image: url('/images/main/sld-next.png');}
.tour-slider .imgSlider .slick-prev:hover {background-image: url('/images/main/sld-prev-white.png');}
.tour-slider .imgSlider .slick-next:hover {background-image: url('/images/main/sld-next-white.png');}

.tour-slider .thumbSlider {padding-top:var(--size40); margin:var(--size40) 0; border-top:1px solid #ddd;}
.tour-slider .thumbSlider .slick-list {margin:0 -12px;}
.tour-slider .thumbSlider .slick-slide {position:relative; margin:0 12px; cursor:pointer;}
.tour-slider .thumbSlider .slick-slide:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd;}
.tour-ctrl {display:flex; justify-content:center; align-items:center;}
.tour-ctrl .arw {display:block; background:0; border:0;}
.tour-ctrl .arw img {display:block;}
.tour-ctrl .slick-dots {display:flex; align-items:center; margin:0 20px;}
.tour-ctrl .slick-dots li {padding:0 10px;}
.tour-ctrl .slick-dots li button {display:block; width:10px; height:10px; background:#c2c2c2; border-radius:100vh; border:0; text-indent:-999em; overflow:hidden;}
.tour-ctrl .slick-dots li.slick-active button {background:#eb9a7f;}

/* 진료시간 */
.hours-tit {margin-bottom:var(--size55); font-size:clamp(18px, calc(30/ var(--inner) * 100vw ),30px); font-weight:500; color:#242424; text-align:center;}
.hours-info {border-top:1px solid #ddd;}
.hours-info dl {display:flex; align-items:center; padding:var(--size50) clamp(20px, calc(118/ var(--inner) * 100vw ),118px); border-bottom:1px solid #ddd; font-size:var(--font-size-20); font-weight:500; line-height:1.2; color:#242424;}
.hours-info dt {width:210px; font-size:1.2em;}
.hours-info dd {flex:1 1 auto; min-width:0; width:1%; font-weight:400; color:#454545;}

/* 오시는 길 */
.btn-skip-map {display:inline-block; margin-bottom:10px; line-height:30px; font-size:14px; padding:0 10px; border-radius:4px; background-color:#00275e;color: #fff;font-weight:600;}
.location .maps {margin-bottom:var(--size60); overflow:hidden; border-radius:20px;}
.location .maps .map_border {display:none;}
.location .adr-wrap {margin-bottom:35px;}
.location .adr-wrap .comp {margin-bottom:10px; color:#eb9a7f; font-weight:600; line-height:1.4em;}
.location .adr-wrap .adr {margin-bottom:10px; font-size:clamp(18px, calc(30/ var(--inner) * 100vw ),30px); color:#242424; font-weight:700; line-height:1.4em;}
.location .adr-wrap .wrap span {margin-right:20px; font-size:var(--font-size-18);}
.location .adr-wrap .wrap span:last-child {margin-bottom:0;}
.location .info {display:flex; gap:var(--size30);}
.location .info .col {padding:clamp(20px, calc(65/ var(--inner) * 100vw ),65px) 20px var(--size45); flex:1; background:#fff; box-shadow:6px 6px 7px rgba(0,0,0,0.16); border-radius:var(--size20); text-align:center;}
.location .info .icon {margin-bottom:var(--size30);}
.location .info dt {margin-bottom:10px; font-weight:600; line-height:1; color:#eb9a7f;}
.location .info dd {font-size:var(--font-size-18); font-weight:500; line-height:1.5;}

@media (max-width: 1024px) {
	.location .adr-wrap {margin-bottom:20px;}
	.location .adr-wrap .comp {margin-bottom:5px;}
	.location .adr-wrap .wrap span {margin-right:15px;}	
}

@media (max-width: 640px) {
	.btn-skip-map {line-height:24px; font-size:12px; padding:0 6px;}
	.location .adr-wrap .adr {margin-bottom:5px;}	
}

/* 클리닉 */
.clinic-info {display:flex; justify-content:center; align-items:center; margin-bottom:var(--size40); padding:var(--size100) var(--size40); min-height:clamp(300px, calc(550/ var(--inner) * 100vw ),550px); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; border-radius:var(--size20);}
.clinic-info .main-tit-wrap {margin-bottom:0;}
.clinic-info .main-tit-wrap .tit,
.clinic-info .main-tit-wrap .txt {color:#fff;}

.clinic-info.bg1 {background-image:url('/images/sub/clinic-bg1.jpg');}
.clinic-info.bg2 {background-image:url('/images/sub/clinic-bg2.jpg');}
.clinic-info.bg3 {background-image:url('/images/sub/clinic-bg3.jpg');}
.clinic-info.bg4 {background-image:url('/images/sub/clinic-bg4.jpg');}
.clinic-info.bg5 {background-image:url('/images/sub/clinic-bg5.jpg');}
.clinic-info.bg6 {background-image:url('/images/sub/clinic-bg6.jpg');}
.clinic-info.bg7 {background-image:url('/images/sub/clinic-bg7.jpg');}
.clinic-info.bg8 {background-image:url('/images/sub/clinic-bg8.jpg');}
.clinic-info.bg9 {background-image:url('/images/sub/clinic-bg9.jpg');}
.clinic-info.bg10 {background-image:url('/images/sub/clinic-bg10.jpg');}
.clinic-info.bg11 {background-image:url('/images/sub/clinic-bg11.jpg');}
.clinic-info.bg12 {background-image:url('/images/sub/clinic-bg12.jpg');}

.clinic-info.gender-bg1 {background-image:url('/images/sub/clinic-gender-bg1.jpg');}
.clinic-info.gender-bg2 {background-image:url('/images/sub/clinic-gender-bg2.jpg');}
.clinic-info.gender-bg3 {background-image:url('/images/sub/clinic-gender-bg3.jpg');}
.clinic-info.gender-bg4 {background-image:url('/images/sub/clinic-gender-bg4.jpg');}
.clinic-info.gender-bg5 {background-image:url('/images/sub/clinic-gender-bg5.jpg');}

.clinic-info.ex-bg1 {background-image:url('/images/sub/ex-bg1.jpg');}
.clinic-info.ex-bg2 {background-image:url('/images/sub/ex-bg2.jpg');}
.clinic-info.ex-bg3 {background-image:url('/images/sub/ex-bg3.jpg');}
.clinic-info.ex-bg4 {background-image:url('/images/sub/ex-bg4.jpg');}

/* 증상 */
.symptoms .col {display:flex; align-items:center; gap:var(--size60); margin-bottom:var(--size40);}
.symptoms .col:last-child {margin-bottom:0;}
.symptoms .col:nth-child(even) {flex-direction:row-reverse;}
.symptoms .img {border-radius:var(--size20); overflow:hidden;}
.symptoms .cnt {flex:1 1 auto; min-width:0; width:1%;}
.symptoms .cnt .tit {margin-bottom:1.14em; font-size:clamp(18px, calc(30/ var(--inner) * 100vw ),30px); font-weight:700; line-height:1.2; color:#242424;}
.symptoms .cnt .in-wrap {margin-top:var(--size40);}
.symptoms .cnt .in-wrap p {padding-left:1.2em; font-size:var(--font-size-18); font-weight:500; line-height:1.2; color:#eb9a7f;}
.symptoms .cnt .in-wrap p span {display:inline-block; margin-bottom:1em; padding:0.59em 1.06em; border:1px solid #eb9a7f; border-radius:100vh; font-size:0.94em; font-weight:700;}

.arw-list>li {position:relative; padding-left:1.5em; margin-bottom:0.8em; font-size:var(--font-size-18); font-weight:500; line-height:1.6;}
.arw-list>li:before {content:''; position:absolute; left:0; top:0.3em; width:1em; height:1em; background:url('/images/sub/bullet01.png') no-repeat 50% 50%/contain;}
.arw-list>li:last-child {margin-bottom:0;}

/* 진료 항목 */
.treatment-cate .wrap .items {display:flex; flex-wrap:Wrap; margin:calc(0px - var(--size20));}
.treatment-cate .wrap .item {width:50%; padding:var(--size20);}
.treatment-cate .wrap .inner {height:100%; padding:var(--size50) var(--size30); border:1px solid #eb9a7f; border-radius:var(--size20);}
.treatment-cate .wrap .num {margin-bottom:var(--size35); width:2.82em; height:2.82em; background:#eb9a7f; border-radius:100%; font-size:var(--font-size-17); font-weight:600; line-height:2.82em; color:#fff; text-align:center;}
.treatment-cate .wrap .tit {margin-bottom:1.13em; font-size:clamp(18px, calc(30/ var(--inner) * 100vw ),30px); font-weight:700; line-height:1.2; color:#242424;}
.treatment-cate .wrap .txt {font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); font-weight:500; line-height:1.6;}

/* 진료 안내 */
.treatment-info .wrap {border:1px solid #ddd; border-radius:var(--size20);}
.treatment-info .wrap .items {display:flex;}
.treatment-info .wrap .item {flex:1; border-right:1px solid #ddd; padding:var(--size70) 20px; text-align:center;}
.treatment-info .wrap .item:last-child {border-right:0;}
.treatment-info .wrap .icon {margin-bottom:var(--size25);}
.treatment-info .wrap dt {margin-bottom:0.8em; font-size:clamp(18px, calc(30/ var(--inner) * 100vw ),30px); font-weight:700; line-height:1.2; color:#242424;}
.treatment-info .wrap dd {font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); font-weight:500; line-height:1.6;}

/* 진료 프로그램 */
.treatment-program {display:flex; align-items:center;}
.treatment-program .main-tit-wrap {margin:0; width:50%; max-width:555px; padding-right:10px;}
.treatment-program .cnt {flex:1 1 auto; min-width:0; width:1%;}

/* 치료 단계 */
.treatment-step .items {display:flex; margin:calc(0px - var(--size25));}
.treatment-step .item {position:relative; width:20%; padding:var(--size25);}
.treatment-step .item:before {content:''; position:absolute; right:-10.5px; top:50%; margin-top:-7.5px; width:21px; height:15px; background:url('/images/sub/icon-arw.png') no-repeat 50% 50%/contain;}
.treatment-step .item:last-child:before {display:none;}
.treatment-step .inner {height:100%; background:#fff; border-radius:var(--size20); overflow:hidden; box-shadow:8px 8px 10px rgba(0,0,0,0.1);}
.treatment-step .cnt {padding:var(--size30) 10px; text-align:center;}
.treatment-step .num {margin-bottom:0.75em; font-weight:600; line-height:1.2; color:#eb9a7f;}
.treatment-step .cnt p {font-size:clamp(15px, calc(20/ var(--inner) * 100vw ),20px); font-weight:700; line-height:1.2; color:#242424;}

/* 최신장비 */
.equipment .group {display:flex; gap:var(--size80); margin-bottom:var(--size80);}
.equipment .group:last-child {margin-bottom:0;}
.equipment .group:nth-child(even) {flex-direction:row-reverse; text-align:right;}
.equipment .cnt {flex:1 1 auto; min-width:0; width:1%; padding-top:var(--size80);}
.equipment .cnt .num {margin-bottom:0.25em; font-size:clamp(20px, calc(80/ var(--inner) * 100vw ),80px); font-weight:800; line-height:1; color:#f9dcd3;}
.equipment .cnt .tit {margin-bottom:1em; font-size:clamp(18px, calc(30/ var(--inner) * 100vw ),30px); font-weight:700; line-height:1.2; color:#242424;}
.equipment .cnt .txt {font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); font-weight:500;}
.equipment .cnt .in-wrap {margin-top:var(--size35);}
.equipment .cnt .in-wrap p {font-size:var(--font-size-18); font-weight:500; line-height:1.2; color:#eb9a7f;}
.equipment .cnt .in-wrap p span {display:inline-block; margin-bottom:1em; padding:0.59em 1.06em; border:1px solid #eb9a7f; border-radius:100vh; font-size:0.94em; font-weight:700;}