@charset "utf-8"; 



/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(910rem); color:#fff; 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%;  animation: imagescale 5s; -webkit-animation: imagescale 5s; -moz-animation: imagescale 5s; -o-webkit-animation: imagescale 5s;}
#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{ line-height:1.3; font-weight:800; font-size:50rem; padding:15rem 0; letter-spacing:-1px; }
#main_visual span{margin:360rem 0 0 0; display:block; font-weight:500; font-size:18rem; letter-spacing:3px;}
#main_visual i.y{font-style:normal; color:#ffb400; }
#main_visual i.b{font-style:normal; color:#19325a; }
#main_visual i.r{font-style:normal; color:#0082b8; }
#main_visual p{line-height:1.4;  font-weight:100; font-size:20rem; letter-spacing:-.5px; color:#fff; }
#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);
  }
}



@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#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:80%;}
}

@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}
	

}

@media (max-width:540px) {
	#main_visual{height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual h2{font-size:22rem; }
	#main_visual span {font-size:11rem; margin:140rem 0 0 0; }
	#main_visual p{font-size:15rem; display:none; }
	#main_visual .btn_more{margin-top:25rem}
	
}


/*.overlay {  z-index: 10;  position: fixed;  width: 100%; height: 100%;  left: 0; top: 0;  background-color: rgba(0,0,0, 0.2);  overflow-x: hidden;}*/

.sec_greeting{padding:100rem 0; background:url(../img/main/symbol_bg.png) no-repeat 32% 40%;}
.sec_greeting .wrap{display:flex;}
.sec_greeting .tt{width:50%;}
.sec_greeting .tt span {display:block; font-size:15rem; font-weight:400; letter-spacing:2px; line-height:170%;color:#9e9e9e;}
.sec_greeting .tt h3 {padding-top:10rem; font-size:40rem; font-weight:600;line-height:170%;color:#282828; letter-spacing:-.5px;}
.sec_greeting .con .txt p{word-break: keep-all; font-size:18rem; font-weight:500; line-height:180%;color:#282828; letter-spacing:-.5px;}

@media all and (max-width: 1024px) {
 
    .sec_greeting .wrap{display:block}
    .sec_greeting .tt{width:100%; margin-bottom:30rem; }
	.sec_greeting .tt span {font-size:13rem;}
    .sec_greeting .tt h3 {font-size:27rem; }
	.sec_greeting .con .txt p{font-size:15rem;}
}


.sec_vision{padding:0;}
.sec_vision .ttbox{padding-top:120px;height:400rem;background:url(../img/main/main_doctor_bg.jpg) no-repeat center center/cover;background-attachment:fixed;}
.sec_vision .tt {text-align:center; }
.sec_vision .tt span {display:block; font-size:15rem; font-weight:400; letter-spacing:2px; line-height:170%;color:#d19f55;}
.sec_vision .tt h3 {font-size:40rem; font-weight:800;line-height:170%;color:#fff; letter-spacing:-.5px; }
.sec_vision .con{ display:flex;justify-content:center;align-items:center;width:52%;min-width:1000px;height:240px;margin:50rem auto 0;border-radius:60px;background:#fff;transform:translateY(-180px);box-shadow:0px 30px 60px 0px rgba(0,0,0,0.08); text-align:center;}
.sec_vision .con p{padding-bottom:28px;font-size:22rem;color:#434343; letter-spacing:-.5px; }
.sec_vision .con p b {font-weight:800;}
.sec_vision .con a{position:relative;display:block;margin:0 auto;width:270px;height:60px;line-height:58px;border:1px solid #d19f55;text-align:center;overflow:hidden;}
.sec_vision .con a:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:#d19f55;z-index:-1;transition:all 0.3s;}
.sec_vision .con a:hover:before{width:100%;}
.sec_vision .con a span{font-size:18rem; font-weight:500; color:#d19f55;}
.sec_vision .con a:hover span{color:#fff;}
.sec_vision .con a span b{font-size:inherit;font-weight:500;color:inherit;}

@media all and (max-width: 1024px) {
    .sec_vision {height:560px;}
    .sec_vision .ttbox{padding-top:70px;height:360px;}
	.sec_vision .tt h3 {font-size:27rem;}
    .sec_vision .con{width:85%;min-width:unset; height:240px;margin:0rem auto 0;}
    .sec_vision .con p{padding-bottom:28px;font-size:15rem;color:#666;}
	.sec_vision .con a span{font-size:13rem; }
}


.sec_signature{padding-bottom:0;}
.sec_signature .con ul{display:flex;}
.sec_signature .con li{position:relative;width:33%;overflow:hidden;}
.sec_signature .con li .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:all 0.5s;}
.sec_signature .con li.s01 .bg{background:url(../img/main/clinic_img01.jpg) no-repeat center center/cover;}
.sec_signature .con li.s02 .bg{background:url(../img/main/clinic_img02.jpg) no-repeat center center/cover;}
.sec_signature .con li.s03 .bg{background:url(../img/main/clinic_img03.jpg) no-repeat center center/cover;}
.sec_signature .con li a{display:flex;height:680px;padding-bottom:60px;justify-content:center;align-items:flex-end;transition:all 0.3s;}
.sec_signature .con li a:hover{align-items:center;padding-bottom:0;}
.sec_signature .con li a:after{content:'';position:absolute;top:100%;left:0;width:100%;height:100%;background:rgba(149,128,105,0.7);transition:all 0.4s;}
.sec_signature .con li a:hover:after{top:0;}
.sec_signature .con li dl{position:relative; text-align:center; z-index:1;}
.sec_signature .con li dt{font-size:25rem; font-weight:800; letter-spacing:0;color:#9a8570;}
.sec_signature .con li a:hover dt{color:#fff;}
.sec_signature .con li dd{padding-top:0;font-size:35rem;font-weight:800;}
.sec_signature .con li a:hover dd{color:#fff;}
.sec_signature .con li .btn{position:absolute;margin:50px auto 0;bottom:-500px;left:50%;width:140px;height:44px;line-height:44px;border-radius:44px;padding:0;border:1px solid rgba(255,255,255,0.3);font-size:0.9em;color:#fff;opacity:0;transition:all 0.6s;font-weight:300;}
.sec_signature .con li a:hover .btn{position:unset;opacity:1;}
.sec_signature .con li .btn:hover{background:#fff;color:#af9981;}

.sec_signature.on .con .s01{animation:fade_top forwards 1s 0.1s ease-in-out;opacity:0;}
.sec_signature.on .con .s02{animation:fade_top forwards 1s 0.3s ease-in-out;opacity:0;}
.sec_signature.on .con .s03{animation:fade_top forwards 1s 0.5s ease-in-out;opacity:0;}
.sec_signature.on .con .s04{animation:fade_top forwards 1s 0.7s ease-in-out;opacity:0;}

@media all and (max-width: 800px) {
    
    .sec_signature .con ul{flex-wrap:wrap;}
    .sec_signature .con li{width:100%;aspect-ratio:480 / 540;}
    .sec_signature .con li a{height:100%;padding-bottom:24px;}
    .sec_signature .con li .btn{width:100px;height:38px;line-height:38px;}
    .sec_signature .con li a:hover .btn{margin-top:30px;}
    .sec_signature .con li dt{font-size:1em;}
    .sec_signature .con li dd{padding-top:10px;font-size:1.1em;}   
}


@media (max-width: 1024px) {
 
    .look-round .section-content .container{width:100% !important;}
    .look-round .section-content .look-slider .slick-list .slick-track .slick-slide{padding:0;}
}

.sec_view {margin:100rem 0; }
.sec_view .tt {text-align:center;margin-bottom:30rem; }
.sec_view .tt span {display:block; font-size:13rem; font-weight:400; letter-spacing:2px; line-height:170%;color:#9e9e9e;}
.sec_view .tt h3 {font-size:27rem; font-weight:800;line-height:170%;color:#414040; letter-spacing:-.5px; }

/* look-round */
.look-round {  word-break: keep-all;  box-sizing: border-box;}
.look-round *, .look-round *::before, .look-round *::after {    box-sizing: border-box; }
.look-round .section-content {    overflow: hidden; }
.look-round .section-content .container {      position: relative;      padding-bottom: 16px;      width:1400px;      margin:0 auto;       overflow:hidden;      }
.look-round .section-content .look-slider {      /*padding: 0 30px;*/ }
.look-round .section-content .look-slider .slick-list {        overflow: visible; }
.look-round .section-content .look-slider .slick-list .slick-track .slick-slide {          outline: none;          }
.look-round .section-content .look-slider .slick-list .slick-track .slick-slide > figure img {            display: block;            width: 100%; }
.look-round .section-content .controls {      position: absolute;      bottom: 50%;      left: 0;      text-align: center;      width:100%;      /*transform: translateX(-50%);*/}
.look-round .section-content .controls button {        display: inline-block;        vertical-align: top;      background-repeat: no-repeat;           border:none;      }
.look-round .section-content .controls button:last-child {margin-right: 0; }
.look-round .section-content .controls button.slick-prev {background-image: url(../img/main/slide_prev.png);display:block;float:left;}
.look-round .section-content .controls button.slick-next {background-image: url(../img/main/slide_next.png);display:block;float:right;}
          
.look-round li figure {position:Relative;}
         
@media (min-width: 1023px) {
    .look-round {}
    .look-round .section-content .container {margin:0 auto; }
    .look-round .section-content .look-slider {padding: 0; }
    .look-round .section-content .controls {top: 50%; left: 0; width: 100%;   }
    .look-round .section-content .controls button {width: 64rem; height: 64rem; background:none;}
    .look-round .section-content .controls button.slick-prev {float: left; }
    .look-round .section-content .controls button.slick-next {float: right; } 
	.sec_view .tt {text-align:center; margin-bottom:50rem; }
	.sec_view .tt h3 {font-size:40rem;}
	.sec_view .tt span {font-size:15rem;}

  }
@media (min-width: 1400px) {
    .look-round .section-content .look-slider {      padding: 0; }
    .look-round .section-content .controls {      padding: 0 15px; } 
}


#bottoms{background:#8a7161;padding-bottom:80px;}
#bottoms *{font-size:20px;font-weight:300;letter-spacing:-0.0625em;}
#bottoms .wrap{display:flex;justify-content:space-between;gap:60px;max-width:73%;margin:0 auto;}
#bottoms .wrap > div{width:calc(50% - 30px);padding-top:120px;}
#bottoms .cont *{color:#fff;}
#bottoms .cont dl{display:flex;gap:30px;padding:28px 0;border-top:1px solid rgba(255,255,255,0.08);}
#bottoms .cont dl:last-child{border-bottom:1px solid rgba(255,255,255,0.08);}
#bottoms .cont dt{position:relative;padding-left:10px;font-weight:500;}
#bottoms .cont dt:before{content:'';position:absolute;top:13px;left:0;display:block;width:2px;height:2px;background:#fff;}

#bottoms .cont .hours dd li{padding-bottom:10rem;}
#bottoms .cont .hours dd li:last-child{padding-bottom:0;padding-top:6px;}
#bottoms .cont .hours dd li strong{display:inline-block;vertical-align:top;width:100rem;font-weight:400;text-align-last:justify;}
#bottoms .cont .hours dd li strong i {display:inline-block; padding:0 7rem; margin-left:5rem; font-size:15rem; font-style:normal; font-weight:500; text-align:center; color:#fff; background:#d7aa86; border-radius:10rem; }
#bottoms .cont .hours dd li span{display:inline-block;vertical-align:top;padding-left:18px;text-transform:uppercase;letter-spacing:0.02em;font-weight:400;}
#bottoms .cont .hours dd li.last{font-weight:400;color:#d7aa86;font-size:18rem;line-height:140%;}


#bottoms .cont .tel dt {margin-top:20rem;}
#bottoms .cont .tel dd{font-weight:800; font-size:50rem; letter-spacing:0;}

#bottoms .cont .maps,
#bottoms .cont .maps .wrap_map,
#bottoms .cont .maps #daumRoughmapContainer1751263324727{width:100%;height:460px;}
#bottoms .cont .maps .roughmap_maker_label .roughmap_lebel_text{color:#000;font-size:11px;}

#bottoms .cont .parking{padding-top:40px;}
#bottoms .cont .parking dd p{font-weight:600;color:#f4b9d3;}
#bottoms .cont .parking dd ul{padding-top:16px;padding-left:14px;}
#bottoms .cont .parking dd li:last-child{padding-top:22px;}
#bottoms .cont .parking dd li b{font-weight:600;}
#bottoms .cont .parking dd li span{display:block;padding-top:12px;font-size:0.8em;}
#bottoms .cont .parking dd li span i{font-size:1em;color:#b3caa3;}

@media all and (max-width: 1700px) {
    
    #bottoms .wrap{max-width:90%;}   
}
@media all and (max-width: 1024px) {
    
    #bottoms{padding:70px 20px 0;}
    #bottoms *{font-size:16px;}
    #bottoms .wrap{flex-direction:column;gap:0;max-width:100%;}
    #bottoms .wrap > div{width:100%;padding-top:0;}
    #bottoms .title{gap:20px;padding-bottom:30px;}
    #bottoms .title img{width:170px;}
    #bottoms .title h4{font-size:2em;}
    #bottoms .cont dl{flex-direction:column;gap:16px;}
    #bottoms .cont dd{padding-left:12px;}
    
    #bottoms .cont .hours dd li{padding-bottom:12px;}
    #bottoms .cont .hours dd li strong{width:62px;}
    
    #bottoms .cont .tel dd{font-size:1.2em;}
    
    #bottoms .cont .maps,
    #bottoms .cont .maps .wrap_map,
    #bottoms .cont .maps #daumRoughmapContainer1751263324727{height:260px;}
    
    #bottoms .cont .parking dd ul{padding-left:10px;}
    #bottoms .cont .parking dd li{font-size:0.85em;}
    #bottoms .cont .parking dd li:last-child{padding-top:18px;}
    #bottoms .cont .parking dd li b{font-size:1em;}
}