@charset "utf-8";


.clinic_top .img{width: 100%; border-radius: 2rem; overflow: hidden; height: 50rem;}
.clinic_top .img img{width: 100%; height: 100%; object-fit: cover;}
.clinic_top .txt{margin-top: 10rem; text-align: center;}
.clinic_top .txt h3{font-size: 5rem;}
.clinic_top .txt h4{font-family: 'montserrat'; font-size: 1.8rem; margin: 2rem 0 5rem; color: var(--color2); opacity: 0.5;}
.clinic_top .txt p{font-size: 2.5rem; line-height: 1.5;}


@media all and (max-width:1280px){
    .clinic_top .img{height: 40rem;}
    .clinic_top .txt{margin-top: 8rem;}
    .clinic_top .txt h3{font-size: 4rem;}
    .clinic_top .txt h4{font-size: 1.6rem;}
    .clinic_top .txt p{font-size: 2rem;}
}
@media all and (max-width:768px){
    .clinic_top .img{height: 30rem; border-radius: 1rem;}
    .clinic_top .txt{margin-top: 6rem;}
    .clinic_top .txt h3{font-size: 3.5rem;}
    .clinic_top .txt p{font-size: 1.8rem;}
}
@media all and (max-width:480px){
    .clinic_top .img{height: 25rem;}
    .clinic_top .txt{margin-top: 4rem;}
    .clinic_top .txt h3{font-size: 3rem;}
    .clinic_top .txt h4{font-size: 1.4rem; margin: 1.5rem 0 3rem;}
}


.s_txt{text-align: center;margin-bottom: 8rem;}
.s_txt h3{font-size: 5rem;}
.s_txt h3 span{color: var(--color2);}
.s_txt p{font-size: 2.5rem; margin-top: 2.5rem; line-height: 1.4;}


@media all and (max-width:1280px){
    .s_txt{margin-bottom: 6rem;}
    .s_txt h3{font-size: 4rem;}
    .s_txt p{font-size: 2rem;}
}
@media all and (max-width:980px){
    .s_txt h3{font-size: 3.5rem;}
    .s_txt p{font-size: 1.8rem;margin-top: 2rem;}
}
@media all and (max-width:768px){
    .s_txt{margin-bottom: 4rem;}
    .s_txt h3{font-size: 3rem;}
    .s_txt p{font-size: 1.6rem;}
}



#cns{background: var(--color4);}
.cns_box{display: flex; gap: 4rem;}
.cns_box .lt{width: 50%; display: flex; gap: 2rem; flex-direction: column;}
.cns_box .box{border-radius: 2rem; background: #fff;padding: 5rem 6rem;}
.cns_box .box2{background: var(--color2);}
.cns_box .box h3{font-size: 3rem;margin-bottom: 2rem;}
.cns_box .box h3 span{color: var(--color2);}
.cns_box .box2 h3{color: #fff;}
.cns_box .box p{font-size: 2rem; line-height: 1.6; word-break: keep-all;}
.cns_box .box ul{display: flex; flex-wrap: wrap; gap: 1rem;}
.cns_box .box ul li{height: 6rem; border-radius: 100px; background: #fff;display: flex; align-items: center; justify-content: center; width: calc(100%/2 - 0.5rem);}
.cns_box .box ul li p{font-weight: bold; line-height: 1.2;padding: 0 1.5rem;text-align: center;}
.cns_box .rt{width: 50%; border-radius: 2rem; overflow: hidden; background: #fff;}
.cns_box .rt img{width: 100%; height: 100%; object-fit: cover;}


@media all and (max-width:1480px){
    .cns_box{gap: 2rem; flex-wrap: wrap;}
    .cns_box .lt{width: 100%; order: 2;}
    .cns_box .rt{width: 100%; height: 50rem; order: 1;}
    .cns_box .rt img{object-fit: contain;}
}
@media all and (max-width:980px){
    .cns_box .box{padding: 4rem 5rem;}
    .cns_box .box h3{font-size: 2.5rem;}
    .cns_box .box p{font-size: 1.8rem;}
    .cns_box .box ul li{height: 5rem;}
}
@media all and (max-width:768px){
    .cns_box .rt{height: auto; border-radius: 1rem;}
    .cns_box .box{border-radius: 1rem; padding: 3rem;}
    .cns_box .box ul li{width: 100%;}
}
@media all and (max-width:480px){
    .cns_box .box h3{font-size: 2.2rem; margin-bottom: 1.5rem;}
    .cns_box .box p{font-size: 1.6rem;}
    .cns_box .box ul li{height: 4.5rem;}
}


#faq .faq_list {border-top:3px solid var(--color1); background: #fff;}
#faq .faq_list li {border-bottom:1px solid #ddd; padding: 0 3rem;}
#faq .faq_list li button{font-family: 'Pretendard';}
#faq .faq_list .q {width:100%; height:10rem; display:flex; align-items:center; gap:2rem; background:none; border:0; cursor:pointer; text-align:left;}
#faq .faq_list .q .icon {width:6rem; height:6rem; border-radius:50%; color:var(--color1); font-size:3rem; display:flex; align-items:center; justify-content:center;font-family: 'GmarketSans'; font-weight: bold; line-height: 3rem; padding-top: 0.5rem;}
#faq .faq_list li.active .q .icon {background:var(--color1); color:#fff; }
#faq .faq_list .q strong {font-size:2.5rem; color:#222;}
#faq .faq_list .q em {width:1.6rem; height:1.6rem; margin-left:auto; border-right:3px solid var(--color1); border-bottom:3px solid var(--color1); transform:rotate(45deg); transition:.3s;}
#faq .faq_list li.active .q em {transform:rotate(225deg);}
#faq .faq_list .a {display:none; padding:3rem 6rem; background: #f3f4f5; border-radius: 2rem; margin-bottom: 3rem;}
#faq .faq_list li.active .a {display:block; margin-top: 1rem;}
#faq .faq_list .a p {font-size:2rem; line-height:3rem; color:#222; word-break: keep-all;}
#faq .faq_list .a p + p {margin-top:.5rem;}

@media all and (max-width:980px){
    #faq .faq_list li {padding: 0 1rem;}
    #faq .faq_list .q {height:8rem;gap: 1rem;}
    #faq .faq_list .q .icon {width:5rem; height:5rem;font-size: 2.5rem;}
    #faq .faq_list .q strong {font-size:2.3rem;}
    #faq .faq_list .q em {width:1.4rem; height:1.4rem;}
}
@media all and (max-width:768px){
    #faq .faq_list li {padding: 0 1rem;}
    #faq .faq_list .q .icon {width:4rem; height:4rem;font-size: 2rem;padding-top: 0.3rem;}
    #faq .faq_list .q strong {font-size:2rem;}
    #faq .faq_list .a {padding:3rem 4rem;}
    #faq .faq_list .a p {font-size:1.8rem; line-height:2.8rem;}
}
@media all and (max-width:480px){
    #faq .faq_list li {padding: 0 1rem;}
    #faq .faq_list .q {height: 6rem;}
    #faq .faq_list .q .icon {width:3rem; height:3rem;font-size: 1.5rem;}
    #faq .faq_list .q strong {font-size:1.6rem;}
    #faq .faq_list .a {padding:2rem 3rem; border-radius: 1rem;}
    #faq .faq_list .a p {font-size:1.6rem; line-height:2.4rem;}
    #faq .faq_list .q em {width:1rem; height:1rem; border-right:2px solid var(--color1); border-bottom:2px solid var(--color1);}
}


#clinic_b{background: url('/images/sub/clinic_b_bg.jpg') center center / cover no-repeat; color: #fff; text-align: center;}
#clinic_b .b_txt{margin-bottom: 8rem;}
#clinic_b .b_txt p{font-size: 2.5rem;}
#clinic_b .b_txt h3{font-size: 5rem; margin-top: 2rem;}
#clinic_b ul{display: flex; gap: 4rem;}
#clinic_b ul li{width: calc(100%/3 - 8rem/3); border-radius: 2rem; overflow: hidden; position: relative;}
#clinic_b ul li::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to top,rgba(13,33,64,.95) 0%,rgba(13,33,64,.7) 40%,rgba(13,33,64,0) 100% ); z-index: 1; pointer-events: none;}
#clinic_b ul li .img{width: 100%;}
#clinic_b ul li .img img{width: 100%;}
#clinic_b ul li .txt{width: 100%; height: 100%; position: absolute; top: 0;left: 0; display: flex; align-items: center;justify-content: flex-end; flex-direction: column;padding: 5rem 2rem;z-index: 2;}
#clinic_b ul li .txt h3{font-size: 4rem;}
#clinic_b ul li .txt p{font-size: 2rem; margin-top: 2rem; line-height: 1.4;}

@media all and (max-width:1280px){
    #clinic_b .b_txt{margin-bottom: 6rem;}
    #clinic_b .b_txt p{font-size: 2rem;}
    #clinic_b .b_txt h3{font-size: 4rem;}
    #clinic_b ul{gap: 2rem;}
    #clinic_b ul li{width: calc(100%/3 - 4rem/3);}
    #clinic_b ul li .txt h3{font-size: 3rem;}
    #clinic_b ul li .txt p{font-size: 1.8rem;}
}
@media all and (max-width:980px){
    #clinic_b ul{flex-wrap: wrap;}
    #clinic_b ul li{width: 100%; height: 40rem;}
}
@media all and (max-width:768px){
    #clinic_b .b_txt{margin-bottom: 4rem;}
    #clinic_b .b_txt p{font-size: 1.8rem;}
    #clinic_b .b_txt h3{font-size: 3.5rem;margin-top: 1rem;}
    #clinic_b ul li{border-radius: 1rem; height: 30rem;}
    #clinic_b ul li .txt{padding: 3rem;}
    #clinic_b ul li .txt h3{font-size: 2.5rem;}
    #clinic_b ul li .txt p{font-size: 1.6rem; margin-top: 1rem;}
}


.bg{background: var(--color4);}
#recommend{background:#f7f9fb;}
.recom_list{ display:grid; grid-template-columns:repeat(4, 1fr); gap:3rem; }
.recom_list li{ background:#fff; border-radius:2rem; padding:4rem 3rem; box-shadow:0.5rem 0.5rem 2rem rgba(0,0,0,.06); transition:.3s; }
.recom_list li:hover{transform:translateY(-1rem);}
.recom_list li span{ display:block; font-family:'Montserrat'; font-size:1.8rem; font-weight:700; color:var(--color2); margin-bottom:2rem; }
.recom_list li h4{ font-size:2.5rem; line-height:1.4; color:#222; margin-bottom:2rem; word-break:keep-all; }
.recom_list li p{ font-size:1.8rem; line-height:1.6; color:#666; word-break:keep-all; }

#overview{background:#fff;}
.overview_list{ display:grid; grid-template-columns:repeat(4, 1fr); gap:3rem; }
.overview_list li{ text-align:center; border:1px solid #e5e5e5; border-radius:2rem; padding:4rem 2rem; background:#fff; transition:.3s; }
.overview_list li:hover{border-color:var(--color1);box-shadow:0.5rem 0.5rem 2rem rgba(0,0,0,.06);}
.overview_list li .icon{ width:8rem; height:8rem; border-radius:50%; background:rgba(0,0,0,.04); display:flex; align-items:center; justify-content:center; margin:0 auto 2.5rem; font-size:3.5rem; }
.overview_list li h4{ font-size:2.4rem; color:#222; margin-bottom:1.5rem; }
.overview_list li p{ font-size:2rem; color:var(--color1); font-weight:600; }

@media all and (max-width:1280px){
    .recom_list,
    .overview_list{gap:2rem;}
    .recom_list li{padding:3rem 2rem;}
    .recom_list li h4{font-size:2.2rem;}
    .recom_list li p{font-size:1.7rem;}
}

@media all and (max-width:980px){
    .recom_list,
    .overview_list{grid-template-columns:repeat(2, 1fr);}
}

@media all and (max-width:768px){
    .recom_list li h4{font-size:2rem;}
    .overview_list li{padding:3rem 2rem;}
    .overview_list li .icon{ width:7rem; height:7rem; font-size:3rem; }
    .overview_list li h4{font-size:2rem;}
    .overview_list li p{font-size:1.8rem;}
}

@media all and (max-width:480px){
    .recom_list,
    .overview_list{grid-template-columns:1fr;}
    .recom_list li{border-radius:1.5rem;}
    .overview_list li{border-radius:1.5rem;}
}



.doctor_profile{ display:flex; align-items:center; gap:8rem;padding-top: 5rem;}
.doctor_img{ width:45%; border-radius:2rem; overflow:hidden; text-align: center;}
.doctor_img img{ width:100%; display:block; max-width: 58rem; margin: 0 auto;}
.doctor_info{flex:1;}
.doctor_info .label{font-size:2.5rem; color:var(--color2); font-weight:700; }

.doctor_info h3{ font-size:5rem; margin:2rem 0 1rem; color:#222; }
.doctor_info h3 strong{ color:var(--color1); }
.doctor_info .quote{ font-size:3rem; line-height:1.5; color:#111; margin:4rem 0 8rem; font-weight:600; word-break:keep-all; font-family: 'KimjungchulScript';}
.doctor_point{display:flex;gap:2rem; width: 100%; flex-wrap: wrap;}
.doctor_point div{ flex:1; border-left:10px solid var(--color1); padding-left:2rem; }
.doctor_point b{ display:block; font-size:2.2rem; color:#222; margin-bottom:1rem; }
.doctor_point span{ font-size:1.8rem; line-height:1.5; color:#666; }
.special_box{ margin-top:8rem; background:linear-gradient(135deg, var(--color1), #072b5f); border-radius:3rem; padding:5rem; color:#fff; }
.special_box .title{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:4rem; }
.special_box h4,
.career_box h4,
.activity_box h4,
.paper_title h4,
.society_box h4{font-size:3.5rem;}
.special_box .title p{ font-size:2rem; opacity:.75; }
.special_box ul{ display:grid; grid-template-columns:repeat(5, 1fr); gap:2rem; }
.special_box li{ border:1px solid rgba(255,255,255,.25); border-radius:1.5rem; padding:2rem; text-align:center; font-size:2rem; font-weight:600; }
.doctor_grid{ display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-top:3rem; }
.career_box{ background:#fff; border-radius:2rem; padding:4rem; box-shadow:1px 1px 2rem rgba(0,0,0,.05); }
.career_box.blue{background:#eef5ff;}
.career_box h4{ color:var(--color1); margin-bottom:3rem; }
.career_box li{ font-size:1.8rem; line-height:1.6; color:#333; padding-left:1.5rem; position:relative; word-break:keep-all; }
.career_box li + li{margin-top:1.2rem;}
.career_box li::before{ content:''; width:.5rem; height:.5rem; background:var(--color1); border-radius:50%; position:absolute; left:0; top:1.2rem; }
.activity_box{ display:flex; justify-content:space-between; gap:4rem; background:#fff; border-radius:2rem; padding:4rem; margin-top:3rem; border:1px solid #e5e5e5; }
.activity_box span,
.paper_title span{ display:block; font-family:'Montserrat'; font-size:1.5rem; color:var(--color2); font-weight:700; letter-spacing:.2rem; margin-bottom:1rem; }
.activity_box ul{flex:1;}
.activity_box li{ font-size:2rem; line-height:1.6; color:#333; }
.activity_box li + li{margin-top:1rem;}
.paper_box{ margin-top:8rem; background:#082b5f; color:#fff; border-radius:3rem; padding:5rem; }
.paper_title{margin-bottom:4rem;}
.paper_title p{ font-size:2rem; margin-top:1.5rem; opacity:.75; }
.paper_list li{ display:flex; gap:3rem; padding:3rem 0; border-top:1px solid rgba(255,255,255,.15); }
.paper_list li span{ width:5rem; height:5rem; border-radius:1rem; background:#fff; color:var(--color1); display:flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:700; flex-shrink:0; }
.paper_list strong{ display:block; font-size:2.2rem; line-height:1.5; word-break:keep-all; }
.paper_list p{ font-size:1.7rem; margin-top:1rem; color:rgba(255,255,255,.7); }
.society_box{ margin-top:3rem; background:#fff; border-radius:2rem; padding:4rem; border: 1px solid #e5e5e5;}
.society_box h4{ color:var(--color1); margin-bottom:3rem; }
.society_box ul{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; }
.society_box li{ font-size:1.8rem; line-height:1.5; color:#333; background:#f7f9fb; border-radius:1rem; padding:1.5rem 2rem; word-break:keep-all; }

@media all and (max-width:1280px){
    .doctor_profile{gap:5rem;padding:5rem;}
    .doctor_info h3{font-size:4rem;}
    .special_box ul{grid-template-columns:repeat(3, 1fr);}
    .doctor_point{flex-direction: column;}
    .doctor_info .quote{margin:3rem 0 6rem;}
    .career_box{padding: 3rem;}
    .special_box h4,
    .career_box h4,
    .activity_box h4,
    .paper_title h4,
    .society_box h4{font-size:3rem; margin-bottom: 2rem;}
}

@media all and (max-width:980px){
    .doctor_profile{ flex-direction:column; align-items:flex-start; }
    .doctor_img{width:100%;}
    .doctor_grid{grid-template-columns:1fr;}
    .activity_box{flex-direction:column;}
    .society_box ul{grid-template-columns:repeat(2, 1fr);}
}

@media all and (max-width:768px){
    .doctor_profile,
    .special_box,
    .paper_box{ padding:4rem 2rem; border-radius:2rem; margin-top: 6rem;}
    .doctor_info h3{font-size:3.5rem;}
    .doctor_info .quote{margin:2rem 0 5rem;}
    .special_box ul,
    .society_box ul{grid-template-columns:1fr;}

    .special_box .title{display:block;}
    .special_box .title p{margin-top:1.5rem;}
    .special_box ul{grid-template-columns:repeat(2, 1fr);}
    .paper_list strong{font-size:1.8rem;}
    .paper_list p{font-size: 1.5rem;}
    .career_box li{ font-size:1.6rem; line-height: 1.2;}
    .doctor_info .label{font-size: 2rem;}
    .doctor_info h3{margin-top: 1rem;}

    .special_box li{font-size: 1.8rem; border-radius: 1rem; padding: 1.5rem;}
    .career_box li::before{ top:0.6rem; }
    .society_box li{font-size: 1.6rem;}
    .activity_box{gap: 1rem;}
    .activity_box li{font-size: 1.6rem;}
    .paper_title p{font-size: 1.8rem;}
}

@media all and (max-width:480px){
    .doctor_info h3{font-size:3rem;}
    .doctor_info .position{font-size:2rem;}
    .doctor_info .quote{font-size:2.3rem;}
    .paper_list li{gap:1.5rem;}
    .paper_list li span{ width:4rem; height:4rem; font-size:1.5rem; }
    .doctor_point b{font-size: 2rem;}
    .doctor_point span{font-size: 1.6rem;}
    .special_box h4,
    .career_box h4,
    .activity_box h4,
    .paper_title h4,
    .society_box h4{font-size:2.5rem; margin-bottom: 1.5rem;}
    .special_box .title p{font-size: 1.8rem;}
    .paper_title p{font-size: 1.6rem;}
}


.intro2{}
.intro2 .slick-prev{background-color: var(--color1); font-family: 'SUIT', sans-serif; left: 20px;}
.intro2 .slick-next{background-color: var(--color1); font-family: 'SUIT', sans-serif; right: 20px;}
.intro2 .slick-prev:hover,
.intro2 .slick-next:hover{background-color: var(--color1);}
.intro2 .slick-prev:focus,
.intro2 .slick-next:focus{background-color: var(--color1);}
.intro2 .big_thumb{}
.intro2 .big_thumb .img{border-radius: 20px; overflow: hidden;}
.intro2 .big_thumb .img img{max-width: 100%;}
.intro2 .small_thumb{margin-top: 10px;}
.intro2 .small_thumb .img{max-width: 240px; margin: 0 5px;}
.intro2 .small_thumb .img img{max-width: 100%; border-radius: 10px; overflow: hidden; border: 3px solid transparent;}
.intro2 .small_thumb .img.slick-current img{border: 3px solid var(--color1);}


@media all and (max-width:1024px){
	.intro2 .slick-prev{left: 15px;}
	.intro2 .slick-next{right: 15px;}
	.intro2 .small_thumb .img{max-width: 220px; margin: 0 5px;}
}
@media all and (max-width:768px){
	.intro2 .big_thumb .img{border-radius: 10px;}
	.intro2 .slick-prev, .intro2 .slick-next{width: 36px; height: 36px;}
	.intro2 .slick-prev:before, .intro2 .slick-next:before{font-size: 18px;}
	.intro2 .small_thumb{margin-top: 7px;}
	.intro2 .small_thumb .img{max-width: 35vw; margin: 0 3px;}
	.intro2 .small_thumb .img img{border-radius: 5px;}
}
@media all and (max-width:500px){
	.intro2 .slick-prev{left: 10px;}
	.intro2 .slick-next{right: 10px;}
	.intro2 .slick-prev, .intro2 .slick-next{width: 33px; height: 33px;}
	.intro2 .slick-prev:before, .intro2 .slick-next:before{font-size: 16px;}
}


.p_box{background: var(--color4); border-radius: 2rem; text-align: center; padding: 5rem 3rem;margin-bottom: 5rem;}
.p_box p{font-size: 2rem;line-height: 1.4; word-break: keep-all;}
.p_box span{display: inline-block; margin-top: 1rem; font-size: 1.6rem;opacity: 0.7;}


@media all and (max-width:1280px){
    .p_box{padding: 4rem 2rem;margin-bottom: 4rem;}
    .p_box p{font-size: 1.8rem;}
}
@media all and (max-width:768px){
    .p_box{padding: 3rem 2rem;margin-bottom: 3rem; border-radius: 1rem;}
    .p_box p{font-size: 1.6rem;}
    .p_box span{font-size: 1.5rem;}
}



.s_park{padding-top: 6rem; margin-top: 6rem}
.s_park ul {max-width: 800px; margin: 0 auto;}
.s_park ul li.tit{font-size:3rem; padding-bottom: 0.4em;}
.s_park ul li.txt{padding-top: 1rem; display: flex; width: 100%; gap: 1rem; flex-wrap: wrap;}
.s_park ul li.txt .item{width: calc((100% - 2rem)/3); padding: 2rem; border-radius: 1rem; background-color: #f3f4f5;}
.s_park ul li.txt .item > span{font-size: 2rem; display: inline-flex; margin-bottom: 0.5rem; justify-content: center; align-items: center; width: 30px; height: 30px; background-color:#082b5f; color: #fff; font-weight: 700; border-radius: 50%;}
.s_park ul li.txt .item > p{font-size: 2.4rem;}
.s_park ul li.txt .item > p small{display: block;; font-size:0.75em; color: red;}
@media all and (max-width:768px){
    .s_park ul li.tit{font-size: 2.2rem; text-align: left;}
    .s_park ul li.txt .item{width: 100%;}
}