@charset "utf-8";

/*
 * File       : reset.css
 * Author     : taeyeun.com
 * Guideline  :
 *
 * SUMMARY:
 * 1) RESET FILES
 * 2) common
 */

@import url(html5_reset.css);
@import url(aos.css);
@import url(font.css);
@import url(common.css);
/* **************************************** *
 * header
 * **************************************** */
section .inwrap {max-width: 1400px;margin:0 auto;padding: 100px 0 150px 0;}

nav .lnb {position: fixed;left: 45px;top:50%;margin-top:-43px;z-index: 90;}
nav .lnb > li a {width: 10px;height: 10px;background: rgba(0, 0, 0, 0.3);margin:15px 0;cursor: pointer;border-radius: 10px;display: block;}
nav .lnb > li.active a {background: #b10000;}

@media (max-width: 1530px) {
section .inwrap{max-width: 1300px;}
}

@media (max-width: 1400px) {
section .inwrap{max-width: 1200px;}
}

@media (max-width: 1199px) {
  section .inwrap{padding: 8vw 5vw;}
 nav .lnb{left: 2vw;}

}

@media (max-width: 767px) {
nav {display:none;}
}


/* **************************************** *
 * common
 * **************************************** */
.title {/* margin-bottom: 2em; */font-size: 4em;font-weight: 600;text-align: center;line-height: 1;}
.title span{width: 1px;display: block;height: 120px;background: #111;margin: 0 auto;position: relative;margin-bottom: 50px;}
.title span::after{content:'';width: 13px;height: 13px;background:#111;display:block;border-radius: 100px;display: block;position: absolute;bottom: 0;margin-left: -6px;}

@media (max-width: 1199px) {
.title{font-size: 7vw;}
.title span{height:10vw;margin-bottom: 5vw;}

}

@media (max-width: 767px) {
.title span{height: 10vw;}
.title span::after{
    width: 9px;
    height: 9px;
    margin-left: -4px;
}
}


/* **************************************** *
 * top
 * **************************************** */

#visual {position: relative;text-align: center;}
#visual .title {font-size:2.5em;line-height: 1.5;margin-bottom: 2em;}
#visual .logo {font-size: 3em;margin: 1em 0;}

@media (max-width: 1199px) {

}

@media (max-width: 767px) {
#visual .logo{font-size: 2.5em;}

}
/* **************************************** *
 * special
 * **************************************** */

#special {position: relative;text-align: center;background: #6b6666;color: #fff;overflow: hidden;}
#special .inwrap {padding-top:150px}
#special::before, #special:after {content: '\e876';font-family: "icon_font";position: absolute;left: -.5em;font-size: 26em;opacity: .1;top: -.2em;}
 #special:after{left:auto;right: -.5em;bottom: 0;top: auto;}

#special h2 {margin-bottom: .5em;line-height: 1.4;}
#special h2 em {display: block;text-transform: uppercase;font-size: .7em;font-weight: 200;}

#special ul{z-index: 1;position: relative;}
#special ul li {display: inline-block;margin: 60px 0 0;width: 350px;}
#special ul li h6{margin: 10px 0;font-size: 1.6em;}
#special ul li p {font-size: 1.1em;line-height: 1.4;}
#special img{max-width: 300px;border-radius: 100%;}

@media (max-width: 1199px) {
#special .inwrap{padding-top: 10vw;}
 #special::before, #special:after{
    font-size: 10em;
}
 #special h2{margin-bottom:0;}
 #special ul li{width: 29vw;margin-top: 5vw;}
#special img{max-width: 95%;}
  #special ul li h6 {font-size: 1.8em;}
  #special ul li p{font-size: 1.2em;}
}

@media (max-width: 767px) {

  #special ul{margin-top: 3vw;/* margin-bottom: 50px; */}
  #special ul li{margin:15px 0;width: 49%;}
  #special ul li h6 {font-size: 2.2em;margin: 2vw 0 1vw 0;}
  #special ul li p{font-size: 1.4em;}
}


/* **************************************** *
 * doctor
 * **************************************** */
#doctor {overflow: hidden;}
#doctor .text {position: absolute;z-index: 1;text-align: right;left: 0;right: 0;display:flex;align-items: center;height: 100%;}
#doctor .text .inwrap {flex-basis: 100%;padding-top: 0;padding-bottom: 0;/* padding-right: 5vw; */}
#doctor .text h5{font-size: 2em;}
#doctor .text h2{font-size: 3em;line-height: 1.1;margin: 0 0 .5em 0;font-weight: 600;}
#doctor .text h2 em {font-weight: 300;}
#doctor .text h2 span {font-size: 1.5em;}
#doctor .text h4 {font-size:2em;background:#333;display:inline-block;color:#fff;padding:0 1em;border-radius: 100px;margin-bottom: 2.5em;}
#doctor .text p{font-size: 1.5em;}
#doctor .text p span {color:#b10000;font-weight: 600;}
#doctor_02 {}
#doctor_02 .inwrap {overflow: hidden;position: relative;}
#doctor_02 .inwrap:after {content: '\e8c6';font-family: 'icon_font';font-size: 26em;color: #f2f2f2;right: 0;position: absolute;top: 90px;z-index: -1;line-height: 1;}
#doctor_02 .inwrap .img {float:left;margin-right: 4em;max-width: 40%;}
#doctor_02 .inwrap .text {margin-left: 1em;}
#doctor_02 .inwrap .text h3{font-size: 3em;font-weight: 600;margin-top: 1.5em;}
#doctor_02 .inwrap .text h3 span {font-size:.7em; font-weight:300;}
#doctor_02 .inwrap .text h4{font-size:2em;color:#b10000;font-weight: 500;line-height: 1.4;margin: 1em 0 1.5em;}
#doctor_02 .inwrap .text p{font-size: 1.4em;line-height: 2;}
#doctor_02 .inwrap .text p span {color: #d15d5d;}
#doctor_02 .inwrap ul {float: right;position: absolute;right: 0;bottom: 142px;}
#doctor_02 .inwrap ul li {display: inline-block;max-width: 250px;border: 1px solid #111;}
#doctor_02 .inwrap ul li:first-child {border-radius: 100%;overflow: hidden;position: relative;margin-bottom: 220px;margin-right: -100px;}
#doctor_02 .inwrap ul li img {display:block;}

@media (max-width: 1530px) {
#doctor_02 .inwrap .text h3{margin-top:0}
}

@media (max-width: 1400px) {
#doctor_02 .inwrap {max-width: 1200px;}
 #doctor_02 .inwrap ul{/* right:5vw; *//* bottom: 7.5vw; */}
 #doctor_02 .inwrap ul li{max-width: 200px;}
 #doctor_02 .inwrap ul li:first-child{margin-bottom: 160px;/* margin-right: -9vw; */}
}

@media (max-width: 1199px) {
 #doctor .text h2{font-size: 3.5vw;}
 #doctor .text h4{font-size: 2.5vw;margin-bottom: 2vw;}
 #doctor .text p{font-size: 2vw;}

 #doctor_02 .inwrap:after{font-size: 25vw;right: 5vw;}
 #doctor_02 .inwrap .img{margin-right:3vw}
 #doctor_02 .inwrap .text h3{font-size:4vw;margin-top: 0;}
 #doctor_02 .inwrap .text h4{font-size: 2.2vw;}
 #doctor_02 .inwrap .text p{font-size:1.5vw;line-height: 1.7;}

 #doctor_02 .inwrap ul{right:5vw;bottom: 7.5vw;}
 #doctor_02 .inwrap ul li{max-width: 18vw;}
 #doctor_02 .inwrap ul li:first-child{margin-bottom: 14vw;margin-right: -9vw;}

}

@media (max-width: 767px) {
#doctor .zoomimg{margin-left: -35vw;margin-right: -25vw;width: auto;}
#doctor .text h2{font-size:5vw}
#doctor .text h4{font-size: 4vw;margin-bottom: 5vw;}
#doctor .text p{font-size: 3.5vw;line-height: 1.4;}

 #doctor_02 .inwrap:after{bottom: 40vw;top: auto;font-size: 50vw;}
 #doctor_02 .inwrap .img{max-width: 100%;width: 100%;float: none;}
 #doctor_02 .inwrap .text{margin: 0;margin-top: 10vw;}
 #doctor_02 .inwrap .text h3{font-size: 8vw;}
 #doctor_02 .inwrap .text h4{font-size: 4.2vw;margin: .5em 0 1em;}
 #doctor_02 .inwrap .text p{font-size: 4vw;}
 #doctor_02 .inwrap ul{bottom: 101vw;}
 #doctor_02 .inwrap ul li{max-width: 30vw;}
 #doctor_02 .inwrap ul li:first-child{margin-right: -10vw;margin-bottom: 18vw;}
}

/* **************************************** *
 * ort
 * **************************************** */

#ort {position: relative;text-align: center;background: #9f978c;color: #fff;overflow: hidden;}
#ort::before, #ort:after {content: '\e876';font-family: "icon_font";position: absolute;left: -.5em;font-size: 20em;opacity: .1;top: -.2em;}
 #ort:after{left:auto;right: -.5em;bottom: 0;top: auto;}

#ort h2 {/* margin-bottom: 0; */}
#ort h2 em {display: block;text-transform: uppercase;font-size: .7em;font-weight: 200;}
#ort .title span{background:#fff; color:#fff; }
#ort .title span:after {background:#fff;}
#ort .inwrap{padding: 100px 0; }
#ort .three{overflow: hidden;position: relative;z-index: 1;}
#ort .three > li > div {margin:0 10px;background: #fff;color:#444;padding: 40px 30px 30px;border-radius: 10px;}
#ort .three > li > div h5 {color: #b10000;font-size: 2.5em;font-weight: 600;line-height: 1.4;}
#ort .three > li > div h6{color: #444;font-size: 1.5em;line-height: 1em;}
#ort .three > li > div > p {font-size:1.3em;margin-bottom:1em}
#ort .box_list li .num {background: #546475;}
#ort .owl-dots, #ort .owl-thumbs {display: none;}
#ort h3 {font-size: 2em;margin-top: 2em;}

/* bf_vertical */

.bf_vertical ul li{width: 100%;position: relative;}
.bf_vertical ul li img {display: block;}
.bf_vertical ul li p {background: #aaa;line-height: 2.5em;text-align: center;letter-spacing: 0;color: #fff;font-size: 1.3em;border-radius: 10px 10px 0 0;}
.bf_vertical ul li:last-child p{background: #b10000;color: #fff;border-radius: 0 0 10px 10px;}
.bf_vertical ul li:first-child:after{content: '\E835';font-family:'icon_font';position:absolute;background:#fff;font-size: 2em;display: inline-block;width: 50px;height: 48px;z-index: 1;border-radius: 100px;text-align: center;line-height: 50px;margin-top: -4px;top: 50%;color: #50456b;left: 50%;padding-top:2px;margin-left: -25px;}

@media (max-width: 1199px) {
 #ort .inwrap{padding: 8vw 4vw;}
 #ort .three > li > div{padding: 2.5vw 1vw 1vw;font-size: 1.3vw;}
 #ort h3{font-size: 2.5vw;}

}
@media (max-width: 767px) {
  #ort .inwrap{/* padding: 0; */}
 #ort h3{font-size: 3.5vw;}
  #ort .three > li {width: 100% !important; margin-bottom:20px;}
  #ort .three > li > div{padding: 5vw;}
 #ort .three > li > div h6{font-size: 4vw;}
 #ort .three > li > div h5{font-size: 6vw;}
 #ort .three > li > div > p{font-size: 3.5vw;}
 #ort .three > li:last-child {margin-bottom:0;}

  #ort .box_list{margin-left:-10px;margin-top: -10px;}
  #ort .box_list li {width:50% !important;padding-left: 10px;margin-top: 10px;}

  .bf_vertical ul li{}
  .bf_vertical ul li p{border-radius:5px 5px 0 0;font-size: 4vw;}
  .bf_vertical ul li:last-child p{border-radius: 0 0 5px 5px;}
 .bf_vertical ul li:first-child:after{
    font-size: 6vw;
    width: 9vw;
    height: 8.5vw;
    line-height: 9vw;
    margin-left: -4.5vw;
    margin-top: -0;
    padding-top: .5vw;
}


}

/* **************************************** *
 * photo
 * **************************************** */


#photo h2 {}
#photo h3{font-size: 2em;margin-top: 2em;text-align: center;}
#photo .photo_wrap {position: relative;}
#photo .owl-thumbs{margin-left:-5px;margin-top: 5px;}
#photo .owl-thumb-item {border: 0;width: 14.28571428571429%;padding: 0;padding-left: 5px;background: none;cursor: pointer;opacity:.5}
#photo .owl-thumb-item.active {opacity:1}
#photo .owl-nav {z-index: 1;position: absolute;top: 36%;right: -60px;left: -60px;font-size: 5em;color: #b2b2b2;line-height: 1em;}
#photo .owl-nav span {display:none;}
#photo .owl-nav .owl-next{float:right;}
#photo .owl-nav .owl-prev:before, #photo .owl-nav .owl-next:before {content: '\E82A';font-family:'icon_font';}
#photo .owl-nav .owl-next:before {content: '\E82E';}


@media (max-width: 1530px) {
#photo .owl-nav {
    left: 2vw;
    color: #fff;
    right: 2vw;
    font-size: 3em;
    top: 38%;
}

}

@media (max-width: 1199px) {

 #photo h3{font-size:2.5vw}
}

@media (max-width: 767px) {
 #photo h3{font-size:3.5vw}

}

/* **************************************** *
 * contact
 * **************************************** */

#contact {background: #faf2e4;text-align: center;}
#contact .inwrap {padding-bottom:0;}
#contact h2 {/* margin-bottom: -0.5em; */}
#contact h3{font-size: 1.2em;margin-top: 1em;text-align: center;line-height: 2em;}
#contact h3 a {background: #111;margin: 0 10px;width: 180px;display: inline-block;font-weight: 500;color: #fff;border-radius: 1000px;}
#contact h3 a + a{background: #b10000;}
#contact .container {border:0;}
#contact .container > li {padding:50px 0}
#contact  table {margin:0 auto;font-size: 1.2em;}
#contact  table th, #contact  table td{padding: .2em 0 .2em 1em;}
#contact  table th{padding-left: 0;}
#contact  table th span {width: 2em;height: 2em;border: 1px solid #000;display: inline-block;text-align: center;line-height: 2em;border-radius: 100%;margin-right: .5em;}
#contact  table th span.holiday{background: #000; color:#fff;}
#contact  table td span {color:#b00000;font-weight: 500;}
#contact  p{font-size:1.25em;}
#contact  p:first-child {color:#b00000;font-weight: 500;font-size:1.375em;margin-bottom:1em;}
#contact ul.three {font-size:1.5em;border-top: 1px solid #111;}
#contact ul.three li{position:relative;padding: 50px 0;border-left: 1px solid #000;}
#contact ul.three li:before{/* content:''; */display: inline-block;width: .5px;height:100%;background: #111;position: absolute;left: 0;/* transform: rotate(15deg); */}
#contact ul.three li:first-child{border:0;}
#contact ul.three li a{color: #b10000;}


@media (max-width: 1199px) {
 #contact .container{
}
 #contact table{font-size:1.5vw}
 #contact .container > li{padding: 5vw 0;/* font-size: 3vw; */}
#contact h3 a{width: 44%;margin: 0 1%;}
 #contact ul.three{font-size:2vw}
 #contact ul.three li{padding:3vw 0}

}

@media (max-width: 767px) {
 #contact .container > li{padding:10vw 0}
#contact table{font-size:4vw}
 #contact h3 a{font-size:5vw;line-height: 2em;margin-top: 1em;}
 #contact ul.three{font-size:3vw}
 #contact  p{font-size: 3.5vw;}
 #contact p:first-child{font-size: 4.5vw;}
}






/* **************************************** *
 * footer
 * **************************************** */
footer {background: #faf2e4; }
footer .container.add {max-width: 1400px;margin:0 auto;align-items: flex-start;display: block;font-size: 1.1em;}
footer .container.add > li p {line-height: 1.8;margin-bottom: 1em;font-size: 1.2em;}
footer .container.add > li {padding: 30px;display: block;/* float: left; */text-align: center;}
footer .container.add > li:last-child {/* display: block; *//* float: right; */}
footer .container.add > li:last-child a {margin-left: 1em; font-weight:800}
footer .container.add address {line-height: 1.6;/* font-size: 1.143em; */}
footer .container.add address span {margin-right:1em}
@media (max-width: 1530px) {
 footer .container.add{max-width: 1300px;}
}
@media (max-width: 1400px) {
 footer .container.add{max-width: 1200px;}
}
@media (max-width: 1199px) {

  footer .inwrap{margin:0 5vw;padding: 5vw 0px;}
 footer .container.add{margin:0 5vw}

}
@media (max-width: 767px) {
 footer .container.add > li{padding:5vw 0;font-size: 3vw;}
  footer .inwrap{margin: 0 9.3333vw;display: block;padding: 10vw 0;text-align: center;}
  footer .inwrap h3{float: none;max-width: 100%;margin: 0 auto;width: 27vw;}
  footer .inwrap address{font-size: 2.6666vw;margin-top: 2.666666vw;margin-bottom: 10.66666vw;}
  footer .inwrap .policy{font-size: 3.46666vw;float: none;position: static;}
 footer .container.add > li p{margin-bottom:.5em;}
}

/* **************************************** *
  * KEYFRAMES
  * **************************************** */

  @keyframes loading {
    0% {
      width:0;
    }
    100%{
      width: 100%;
    }

  }
  @keyframes bee{
    0% {
      width:0;
      margin-left:-30px;
    }
    100%{
      width: 100%;
      margin-left:30px;
    }
  }