@charset "utf-8";

.main-layout{position:relative;}
.main-layout h1{width:300px;height:102px;position:absolute;left:calc(50% - 150px);top:20px;font-size:0;color:transparent;background:url('../img/logo-main.png') no-repeat;}
.main-layout h1 a{display:block;width:100%;height:100%;}
.main-layout::after{content:'';display:block;visibility:hidden;clear:both;}
.main-section{float:left;width:33.33%;min-height:1054px;letter-spacing:-0.075em;background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:260px;}
.main-section.main01{background-image:url('../img/bg-main01.jpg');}
.main-section.main02{background-image:url('../img/bg-main02.jpg');background-position:center top;}
.main-section.main03{background-image:url('../img/bg-main03.jpg');}

.main-section .sub-title{display:block;font-family: 'Roboto', sans-serif;font-size:16px;line-height:35px;color:#fff;letter-spacing:0;width:430px;margin:0 auto 0;}

.main-section h2{font-size:60px;line-height:72px;height:144px;font-weight:700;color:#fff;letter-spacing:-0.075em;text-shadow:2px 0 5px rgba(0,0,0,.1);width:430px;margin:0 auto 20px;text-align:center;}
.main-link{margin:0 auto;width:430px;font-size:0;text-align:center;}
.main-link::after{content:'';display:block;visibility:hidden;clear:both;}
.main-link li{display:inline-block;width:205px;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:400;margin:5px;}
.main-link li a{display:block;color:#222;background-color:rgba(255,255,255,.8);border-radius:25px;}
.main-link li a:hover{background-color:#b79d58;color:#fff;}
.box-growth{width:500px;margin:0 auto;background-color:rgba(0,0,0,.6);text-align:center;margin-top:10px;padding:15px 20px;}
.box-growth h3{font-size:24px;line-height:32px;font-weight:400;color:#fff;letter-spacing:-0.075em;margin-bottom:10px;word-break:keep-all;}
.box-growth h3 strong{font-weight:700;}
.box-growth p{font-size:14px;line-height:20px;color:#ccc;letter-spacing:-0.075em;word-break:keep-all;}

.office-hour{border-top:1px solid #666;border-bottom:1px solid #666;margin-top:20px;margin-bottom:20px;}
.office-hour ul li{float:left;width:50%;border-bottom:1px solid #666;font-size:16px;line-height:29px;color:#999;text-align:left;letter-spacing:-0.075em;}

.office-hour ul li strong{display:inline-block;width:65px;text-align:right;font-weight:400;color:#b79d58;position:relative;margin-right:15px;}
.office-hour ul li:nth-child(2n) strong{width:60px;}
.office-hour ul li strong::after{content:'';width:1px;height:17px;background-color:#999;position:absolute;right:-8px;top:6px;}
.office-hour p{font-size:16px;line-height:29px;color:#999;}

dl.list-addr{margin-bottom:10px;}
dl.list-addr::after{content:'';display:block;visibility:hidden;clear:both;}
dl.list-addr dt{float:left;font-size:16px;line-height:20px;letter-spacing:-0.075em;color:#b79d58;border:1px solid #b79d58;width:40px;margin-right:10px;text-align:center;}
dl.list-addr dd{float:left;font-size:16px;line-height:22px;letter-spacing:-0.075em;color:#999;width:calc(100% - 52px);text-align:left;word-break:keep-all;}

.quick-menu{position:fixed;right:0;top:80px;z-index:1000;}
.quick-menu ul{position:relative;}
.quick-menu ul li{width:120px;height:80px;text-align:center;margin-bottom:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;background-color:#999;background-repeat:no-repeat;position:absolute;right:-40px;transition:all 0.3s ease-in-out;}
.quick-menu ul li a{display:block;width:100%;padding-top:55px;padding-right:40px;font-size:14px;line-height:20px;font-weight:300;color:#fff;}
.quick-menu.sub-quick{top:80px;}

.quick-menu ul li.home{background-image:url('../img/ico-quick06.png');background-position:25px 17px;top:0;background-color:#333;}
.quick-menu ul li.intro{background-image:url('../img/ico-quick08.png');background-position:25px 17px;top:90px;}
.quick-menu ul li.room{background-image:url('../img/ico-quick09.png');background-position:20px 17px;top:180px;}
.quick-menu ul li.hour{background-image:url('../img/ico-quick01.png');background-position:25px 17px;top:270px;}
.quick-menu ul li.map{background-image:url('../img/ico-quick02.png');background-position:27px 20px;top:360px;}
.quick-menu ul li.online{background-image:url('../img/ico-quick03.png');background-position:24px 20px;top:450px;}
.quick-menu ul li.reservation{background-image:url('../img/ico-quick07.png');background-position:24px 20px;top:540px;}
.quick-menu ul li.talk{background-image:url('../img/ico-quick04.png');background-position:25px 17px;background-color:#fae301;top:630px;}
.quick-menu ul li.talk a{color:#000;}
.quick-menu ul li.naver{background-image:url('../img/ico-quick05.png');background-position:30px 23px;background-color:#19ce60;top:540px;}
.quick-menu ul li:hover{right:0;}

@media(max-width:1560px){
  .main-section .sub-title, .main-section h2, .main-link{width:320px;}
  .main-link li{width:calc(50% - 10px);font-size:15px;height:40px;line-height:40px;}
  .main-section h2{font-size:45px;line-height:60px;}
  .box-growth{width:90%;padding:15px;}
  .box-growth h3 strong{display:block;}
  .box-growth p{font-size:15px;line-height:23px;}
  .office-hour ul li{float:none;font-size:14px;line-height:27px;}
  .office-hour ul li:nth-child(2n+1), .office-hour ul li:nth-child(2n){width:100%;}
  .office-hour ul li:nth-child(2n) strong{width:65px;}
  .office-hour p{font-size:14px;line-height:17px;padding:5px 0;}
}
@media(max-width:1374px){
  .main-section{height:1050px;}
}
@media(max-width:991px){
  .main-section{float:none;width:100%;padding-top:70px;padding-bottom:50px;min-height:auto;height:auto;}
  .main-section.main01{padding-top:70px;}
  .quick-menu{right:-120px;}
  .main-layout h1{display:none;}
}
@media(max-width:600px){
  .main-section{padding:50px 20px;}
  .main-section .sub-title, .main-section h2, .main-link{width:auto;}
  .main-section h2{font-size:40px;line-height:52px;}
  .main-link li{width:calc(50% - 10px);font-size:16px;height:40px;line-height:40px;}
  .box-growth{width:100%;}
  dl.list-addr dt, dl.list-addr dd{font-size:14px;}
}
@media(max-width:480px){
  .main-section h2{font-size:30px;line-height:40px;}
  .quick-menu{right:-120px;}
}
@media(max-width:400px){
  .main-link li{font-size:14px;}
}
@media(max-width:330px){
  .main-link li{font-size:13px;}
}


/*메인 진료시간 수정*/
.office-hour ul li{float:none;width:100%;}
.office-hour ul li strong{width:110px;}
.office-hour ul li:nth-child(2n) strong{width:110px;}
@media(max-width:640px){
  .office-hour ul li{text-align:center;}
  .office-hour ul li strong{display:block;width:100%;text-align:center;}
  .office-hour ul li strong::after{display:none;}
  .office-hour ul li:nth-child(2n) strong{display:block;width:100%;}
}