@charset "utf-8"; 

:root{--primary:#665643;--bg-color:#f8f4f0;--radius:13px;}

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(915rem);  text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:left; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%; }
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{font-family:'Pretendard';  line-height:1.3;  font-size:45rem; letter-spacing:-1px; color:#000; font-weight:800;}
#main_visual p{font-family:'Pretendard'; line-height:1.4; margin:300rem 0 20rem 0; font-size:25rem; color:#000; font-weight:500; }
#main_visual p b { font-weight:800;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* �댁쟾�ㅼ쓬踰꾪듉�쇰븣 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}


#main_visual .btnWrap{position:absolute;bottom:0;left:0;z-index:100;background-color:#fff;}
#main_visual .btnWrap .link-btn{position:relative;display:flex;align-items:center;gap:24px;box-shadow:-5px -1px 0 15px #fff !important;border-radius:10px 0 0 0;font-size:18px;color:var(--primary);font-weight:600; padding-bottom:10rem; padding-left:240rem; }
#main_visual .btnWrap .link-btn::before{position:absolute;content:'';right:0px;bottom:40px;z-index:-1;width:var(--radius);height:var(--radius);border-radius:0 25px 0 0;box-shadow:25px 25px 0 25px #fff}
#main_visual .btnWrap .link-btn::after{position:absolute;content:'';right:0;bottom:57px;z-index:-1;width:var(--radius);height:var(--radius);border-radius:0 25px 0 0;box-shadow:25px 25px 0 25px #fff}
#main_visual .btnWrap .link-btn img{animation:spin 6s linear infinite}
#main_visual .btnWrap .link-btn a {display: flex; align-items: center; justify-content: center;gap:14px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); border-radius:50px; font-size:16rem; width:190rem; padding:7rem 0;}
#main_visual .btnWrap .link-btn a.call {display:none; color:#fff; background:#2a2a2a; }
#main_visual .btnWrap .link-btn a.call_pc {display:block; color:#fff; background:#2a2a2a; }
#main_visual .btnWrap .link-btn a.kakao {color:#fff; background:#7f7365; }
#main_visual .btnWrap .link-btn a.online {color:#7f7365;}


@media (max-width:1700px){
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:100%; padding-left:10rem; }
}

@media (max-width:1023px) {
	.main-content{display:block;}
	.wrap{width:100%; padding:0 10rem}	
	#main_visual{ height:600rem;}
	#main_visual .roll_img{ background-position:60%; }
	#main_visual h2{ font-size:20rem; }
	#main_visual p{margin:200rem 0 10rem 0; font-size:13rem; }
	#main_visual .btnWrap{position:absolute;bottom:0;right:0;z-index:100;background-color:#fff;}
	#main_visual .btnWrap .link-btn{padding-left:0rem; }
	#main_visual .btnWrap .link-btn::before{position:absolute;content:'';left:-33px;bottom:0;z-index:-1;width:var(--radius);height:var(--radius);border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff}
	#main_visual .btnWrap .link-btn::after{position:absolute;content:'';right:0;bottom:71px;z-index:-1;width:var(--radius);height:var(--radius);border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff}
	#main_visual .btnWrap .link-btn{gap:10px;}
	#main_visual .btnWrap .link-btn a.call {display:block;}
	#main_visual .btnWrap .link-btn a.call_pc {display:none;}
	
}


@media (max-width:740px) {
	#main_visual{ height:470rem}
	#main_visual .roll{padding-top:0}

	#main_visual h2{ font-size:17rem; }
	#main_visual p{margin:120rem 0 10rem 0; font-size:14rem; }
	#main_visual .btnWrap .link-btn a {gap:7px; font-size:11rem; width:110rem; padding:4rem 0;}
}

@media (max-width:550px) {
	#main_visual .btnWrap .link-btn a {width:90rem; }
}

#main_visual ul {max-width:770rem; display:grid;grid-template-columns: repeat(3, 1fr); gap:10px; margin-top:50rem; text-align:center;}
#main_visual ul li {word-break: keep-all; position:relative; background: rgba(255,255,255,0.7); border-radius: 12px; padding:50px 10px; margin-bottom:10rem; min-height: 110px; display: flex; flex-direction: column; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02); transition: transform 0.2s ease, box-shadow 0.2s ease;}
#main_visual ul li h4 {font-size:24rem; font-weight:600; letter-spacing:-1px; color:#665643; margin-top:10rem;}
#main_visual ul li h4 span {font-family: "Marcellus", serif; font-weight:400;}
#main_visual ul li h5 { font-size:15rem; font-weight:500; color:#616161; letter-spacing:-.5px; margin-top:10rem;}

@media (max-width: 1060px) {
	#main_visual ul li {padding:20px 10px;}
	#main_visual ul li img {width:30rem;}
	#main_visual ul li h4 {font-size:13rem;}
	#main_visual ul li h5 {display:none;}

}


.main_con .wrap{max-width:80%;margin:0 auto;}
.main_con .tt em{ display:block; font-family: "Marcellus", serif; padding-bottom:10rem;font-size:15rem;letter-spacing:0;color:#665643; font-style:normal; }
.main_con .tt h3{ word-break: keep-all;font-size:30rem;line-height:130%; font-weight:600; letter-spacing:-1px;}
.main_con .tt h3 span { color:#665643; }
.main_con .tt h3 b { font-weight:800; color:#665643; }
.main_con .tt p.desc{word-break: keep-all; padding-top:20rem;font-size:17rem; font-weight:400; color:#696969; }

.main_con .taC{text-align:center;}
.main_con .wht *{color:#fff !important;}

@media all and (max-width: 1023px) {
    .main_con .wrap{max-width:100%;}
    .main_con .tt em{font-size:13rem;}
    .main_con .tt h3{font-size:20rem;}
    .main_con .tt p.desc{padding-top:18px; font-size:13rem; }
    
    .main_con .monly{display:block !important;}
    .main_con br.m{display:block !important;}
    .main_con .imgmo{display:block;}
    .main_con .imgpc{display:none;}
}


body .swiper-navigation{display:flex;gap:15px}
body .swiper-navigation button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:53px;height:53px;border-radius:100px;transition:background-color 0.2s, border-color 0.2s}
body .swiper-navigation button svg{transition:stroke 0.2s}
body .swiper-navigation button.btn-prev svg{margin-right:2px}
body .swiper-navigation button.btn-next svg{margin-left:4px}


#sec_allnplant {overflow:hidden; margin:70rem 0;}
#sec_allnplant .atc__head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:60px}
#sec_allnplant .atc__head .swiper-navigation button{border:1px solid rgba(126,107,87,0.5)}
#sec_allnplant .atc__head .swiper-navigation button svg{stroke:var(--primary)}
#sec_allnplant .atc__head .swiper-navigation button:hover{background-color:var(--primary);border-color:var(--primary)}
#sec_allnplant .atc__head .swiper-navigation button:hover i{color:#fff}


/* swiper */
#sec_allnplant .atc__cont .swiper-slide{display:flex;align-items:center;gap:100px;width:1400px; background:url(../img/main/symbol_gray.png) 90% 50% no-repeat; }
#sec_allnplant .atc__cont .swiper-slide >* {flex:1;max-width:683px}

#sec_allnplant .atc__cont .thumb-box{flex:1;height:394px;overflow:hidden;border-radius:var(--radius)}
#sec_allnplant .atc__cont .thumb-box img{width:100%;height:100%;object-fit:cover}
#sec_allnplant .atc__cont .text-box {}
#sec_allnplant .atc__cont .text-box .num{font-family: "Marcellus", serif; font-size:14px;color:var(--primary); margin-bottom:10rem; display:block;}
#sec_allnplant .atc__cont .text-box h4{font-size:25rem;font-weight:600;line-height:1.25;color:#000;letter-spacing:-1px;word-break:keep-all}
#sec_allnplant .atc__cont .text-box h5{padding:30px 0;font-size:17rem;font-weight:600;line-height:1.7;letter-spacing:-.5px;color:#3c3c3c;word-break:keep-all}
#sec_allnplant .atc__cont .text-box p{font-size:17rem; color:#696969;font-weight:500;line-height:1.6;letter-spacing:-.5px;word-break:keep-all}

/* 반응형 [s]*/
@media (max-width:1400px){
    #sec_allnplant{padding:0 15px}
    #sec_allnplant .atc__cont .swiper-slide{gap:60px}
}
@media (max-width:1200px){
    #sec_allnplant .atc__head{padding-bottom:40px}
}
@media (max-width:1023px){
    #sec_allnplant .atc__head{flex-direction:column;align-items:center;text-align:center;gap:20px}
    #sec_allnplant .atc__cont .swiper-slide{gap:30px; background:url(../img/main/symbol_gray.png) 90% 100% no-repeat;}
    #sec_allnplant .atc__cont .thumb-box{height:250px}
    #sec_allnplant .atc__cont .text-box h4{font-size:20rem;}
    #sec_allnplant .atc__cont .text-box h5{font-size:14rem;}
    #sec_allnplant .atc__cont .text-box p{font-size:13rem;}
    #sec_allnplant .atc__cont .text-box .num{font-size:13px}
}
@media (max-width:768px){
    #sec_allnplant .atc__head{gap:16px;padding-bottom:30px}
    #sec_allnplant .atc__cont .swiper-slide{flex-direction:column;align-items:center}
    #sec_allnplant .atc__cont .swiper-slide >*{max-width:none;width:100%}
    #sec_allnplant .swiper-navigation button{width:45px;height:45px;}
    #sec_allnplant .atc__cont .thumb-box{height:auto;width:85%}
    #sec_allnplant .atc__cont .thumb-box img{height:290px}
    #sec_allnplant .atc__cont .text-box{display:flex;flex-direction:column;align-items:center;text-align:center}
}
@media (max-width:480px){
    #sec_allnplant .atc__cont .swiper-slide{gap:20px}
    #sec_allnplant .atc__cont .thumb-box{width:100%}
    #sec_allnplant .atc__cont .thumb-box img{height:200px}
}


.banner-section {background: url(../img/main/clinic_bg.jpg) center top no-repeat; padding: 60px 20px 140px 20px; position: relative;}

.content-container {    max-width: 1400px;    margin: -80px auto 60px auto;    padding: 0 20px;    position: relative;    z-index: 10;}
.card-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 20px;}

.treatment-card {    background-color: transparent;    text-align: center;    cursor: pointer;}
.image-wrapper {    width: 100%;    aspect-ratio: 1 / 1;    border-radius: 12px;    overflow: hidden;    box-shadow: 0 8px 25px rgba(0,0,0,0.1);    margin-bottom: 20px;    transition: transform 0.3s ease, box-shadow 0.3s ease;}

.treatment-card:hover .image-wrapper {    transform: translateY(-5px);    box-shadow: 0 12px 30px rgba(0,0,0,0.15);}
.image-wrapper img {    width: 100%;    height: 100%;    object-fit: cover;}

.card-title {    font-size: 20rem;    font-weight: 600;    color: #000;    margin-bottom: 2px;}
.view-more {font-family: "Marcellus", serif;    font-size: 15rem;  letter-spacing:-.3px;  color: #665643;    text-decoration: none;    display: inline-block;}

@media (max-width: 900px) {
    .banner-section .tt {text-align:center;}
	.card-grid {grid-template-columns: repeat(2, 1fr);gap: 30px 20px;    }
    .banner-section {padding-bottom: 100px;    }
    .content-container {margin-top: -50px;    }
	.card-title {    font-size: 16rem;  }
	.view-more {    font-size: 11rem;  }
}



#sec_case{overflow:hidden; position:relative;background:#f5f1eb; padding:125px 0;isolation:isolate}
#sec_case::after{position:absolute;content:'';top:0;left:0;width:100%;height:464px;background-image:url(./img/sec_case_bg.png);background-size:cover;background-repeat:no-repeat;background-position:center top 30%;mix-blend-mode:multiply;z-index:-1;pointer-events:none}
#sec_case .atc__head{display:flex;gap:70px;padding-bottom:40px}
#sec_case .atc__head .fl-l h2.title-ko{padding-bottom:0;color:#fff}
#sec_case .atc__head .fl-r{flex:1; max-width:1400rem; margin:0 auto; display:flex;justify-content:space-between;align-items:flex-end}
#sec_case .atc__head .fl-r .text-box h3{color:#fff}
#sec_case .atc__head .fl-r .text-box p{color:rgba(255, 255, 255, 0.6)}

/* swiper navigation */
#sec_case .atc__head .swiper-navigation button{border:1px solid rgba(126,107,87,0.5)}
#sec_case .atc__head .swiper-navigation button svg{stroke:var(--primary)}
#sec_case .atc__head .swiper-navigation button:hover{background-color:var(--primary);border-color:var(--primary)}
#sec_case .atc__head .swiper-navigation button:hover i{color:#fff}

/* swiper slide */
#sec_case .atc__cont .swiper-slide{height:350px;overflow:hidden;border-radius:var(--radius)}
#sec_case .atc__cont .swiper-slide img{width:100%;height:100%;object-fit:cover}

#sec_case .swiper-slide .pic{display:flex;border-radius:10px;overflow:hidden;}
#sec_case .swiper-slide .pic > div{width:50%;position:relative;}
#sec_case .swiper-slide .pic img{display:block;width:100%;}
#sec_case .swiper-slide .view i img {width:100%;}
#sec_case .swiper-slide .pic span{font-family: "Marcellus", serif; border-radius:7px; position:absolute;top:10%;display:block;width:75px;height:30px;line-height:30px;text-align:center;font-size:15rem;font-weight:400;letter-spacing:0.02em;color:#fff;z-index:10;}
#sec_case .swiper-slide .pic .bf span{left:5%;background:#252525;}
#sec_case .swiper-slide .pic .at span{right:5%;background:#736555; }

.login_view {position:absolute; z-index:1; background:rgba(0,0,0,0.7); width:100%; height:100%;  display: flex;      align-items: center;    justify-content: center; }

@media (max-width:1400px){
	#sec_case .atc__inner{padding:0 15px}
	#sec_case .atc__head{gap:40px}
}

@media (max-width:1200px){
	#sec_case .atc__head{flex-direction:column;align-items:center;text-align:center;gap:16px}
	#sec_case .atc__head .fl-r{flex-direction:column;align-items:center}
	#sec_case .atc__head .fl-r .text-box{padding-bottom:25px}
	#sec_case::after{background-position:center}
	#sec_case .atc__cont .swiper-slide{height:290px}
}
@media (max-width:1023px){
	#sec_case .atc__head{gap:14px;padding-bottom:30px}
	#sec_case .atc__head .fl-r .text-box{padding-bottom:20px}
	#sec_case .atc__cont .swiper-slide{height:240px}
	

}
@media (max-width:768px){
	#sec_case{padding:60px 0}
	#sec_case .atc__head{padding-bottom:24px}
	#sec_case .atc__head .fl-r .text-box{padding-bottom:16px}
	#sec_case .swiper-navigation {margin-top:20rem;}
	#sec_case .swiper-navigation button{width:45px;height:45px;}
	#sec_case .swiper-slide .pic span{border-radius:3px; width:45px;height:20px;line-height:20px;font-size:10rem;}
}
@media (max-width:480px){
	#sec_case .atc__head{gap:8px}
	#sec_case .atc__head .fl-r .text-box{padding-bottom:14px}
}




.info-section {    max-width: 1600px;    margin: 70rem auto;    display: flex;    gap: 40px;    align-items: stretch;}

.map-container {    flex: 2;    border-radius: 12px;    overflow: hidden; }
.map-container .map_box{height:530px;}
.map-container .map_box > .map{width:100%; height:100%;}
.map-container .map_box > .map .wrap_map{height:100% !important;}

.details-container {    flex: 1;    background-color: #f2f2f2;     border-radius: 12px;    padding: 40px;    display: flex;    flex-direction: column;    justify-content: center;    gap: 35px;}

.info-row {    display: flex;    align-items: flex-start;}

.info-title-group {    width: 140px;    flex-shrink: 0;}
.info-main-title {    font-size: 20rem;    font-weight: 600;    color: #000; letter-spacing:-.5px;   margin-bottom: 4px;}
.info-sub-title { font-family: "Marcellus", serif;   font-size: 15rem;    color: #665643;}

.info-content-group {    flex: 1;    font-size: 14px;    color: #333333;    line-height: 1.6; }
.info-content-group h4 { font-size: 18rem; font-weight:600;   color: #000;    line-height: 1.6;}
.info-content-group h4 span {display:block;  font-size: 15rem;    color: #757575;   }

.time-table {    width: 100%;    border-collapse: collapse;    margin-bottom: 12px;}
.time-table td {  font-size:18rem; font-weight: 600;     padding: 2px 0;    vertical-align: top;}
.time-table td.day {     width: 100px;}
.time-table td.time {    text-align: left;}
.time-table td.time .red {  color:#cf0c0c;    font-weight: 700;}
.time-table td.time i {font-style:normal; font-size:15rem;}
.text-highlight {    color: #cf0c0c;    font-weight: 600;}
.text-highlight2 {  display:block;  color: #cf0c0c; font-size:14rem;   font-weight: 600;}
.time-notice { font-weight:500;   font-size: 15rem;    color: #757575;    line-height: 1.5;}
.phone-number {    font-size: 35rem;    font-weight: 600;    color: #000000;    letter-spacing: -0.5px;    line-height: 1.2;}


@media (max-width: 900px) {
    .info-section {flex-direction: column;  gap: 20px;    margin:20rem 10rem;  }
    .map-container .map_box{height:330px;}
    .details-container {padding: 20px;    }
	.info-title-group {    width: 100px; }
	.info-main-title {    font-size: 15rem;   }
	.info-sub-title {    font-size: 11rem;   }
	.time-table td {  font-size:13rem;}
	.time-table td.day {     width: 90px;}
	.time-notice {    font-size: 12rem; }
	.info-content-group h4 { font-size: 15rem; }
	.info-content-group h4 span { font-size: 12rem;  }
	.text-highlight2 {   font-size:12rem; }
	.time-table td.time i { font-size:12rem;}
}

@media (max-width: 480px) {
    .phone-number {font-size: 25rem;    }
}