@charset 'utf-8';

/* ====================== */
/* UI Reset */
/* ====================== */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tiro+Telugu:ital@0;1&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@font-face {
  font-family: 'GMarketSans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
.nanum-myeongjo {
    font-family: "Nanum Myeongjo", serif;
    font-weight: 400;
    font-style: normal;
}

* {margin:0;padding:0;font:inherit;font-family: 'Pretendard', Pretendard, sans-serif;letter-spacing:-0.2px;}
*, *::before, *::after {box-sizing:border-box;}
html {font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
img, video, svg, picture {display:block;height:auto;max-width:100%;}
body {font-size:16px;color:#232323;line-height:1.4;background:#FFFBF8;}
a {text-decoration:none;cursor:pointer;color:#232323;}
button {border:none;cursor:pointer;background-color:transparent;}
sup {line-height:1;vertical-align:0px;}
ul, ol, li {list-style:none;}
input,textarea,button,select,a {-webkit-tap-highlight-color: transparent;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='number'] {-moz-appearance: textfield;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}


/* ====================== */
/* common */
/* ====================== */
:root {
  --primary-color: #65544A;
  --secondary-color: #FF9658;
}

.ta-center {text-align:center;}
.ta-right {text-align:right;}
.ta-left {text-align:left;}

.w-full {width:100%;}
.w-half {width:50%;}

.blind {position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}

.pc-only {}
.mo-only {display:none !important;}

.header {position:fixed;top:0; left:0; z-index: 1000; width:100%;padding:16px 0 0;}
.header.active {background-color: rgba(255, 255, 255, 0.5);}
.header .inner {}
.header .btn-menu {display:none;}
.header .gnb {margin:0 auto;width:1030px;max-width:100%;border-radius: 40px;background: #8E8965;box-shadow: -0.8px 5.6px 10.4px 0 rgba(0, 0, 0, 0.10);padding:15px 0;}
.header .gnb-list {display:flex;align-items:center;gap:60px;justify-content:center;}
.header .gnb-item {text-align:center;position:relative;display:flex;align-items:center;justify-content:center;}
.header .gnb-item a {font-size:15px;display:inline-block;border-radius:100px;color:#fff;font-weight:700;}
.header .gnb-item.active a {color:#FF9658;}
.header .header-logo {width:1472px;max-width:100%;margin:0 auto;border-radius: 40px;background: #F8E9D9;box-shadow: -0.8px 5.6px 10.4px 0 rgba(0, 0, 0, 0.10);margin-bottom:16px;padding:9px 0;}
.header .header-logo img {margin:0 auto;}
@media (hover: hover) {
  .header .gnb-item a:hover {transition:all .4s ease;color:#ddd69d;}
}

.footer .inner {margin:0 auto;}
.footer-top {display:flex;border-bottom:1px solid #65544A;}
.footer-top .clinic {display:flex;flex-direction:column;gap:30px;color:#65544A;}
.footer-top .clinic-row {display:flex;align-items:start;gap:40px;}
.footer-top .clinic-row:last-of-type .clinic-value {padding-top:6px;}
.footer-top .clinic-label {font-size: 25px;font-weight:700;flex:none;}
.footer-top .clinic-value {flex:1;font-size:20px;font-weight:600;}
.footer-top .clinic-value a {font-size:25px;font-weight:700;color:inherit;}
.footer-top .clinic .timetable {font-size: 18px;font-weight: 600;}
.footer-top .clinic .timetable-row {display:flex;align-items:center;gap:40px;margin-bottom:12px;}
.footer-top .clinic .timetable-day {width:130px;}
.footer-top .clinic .timetable-time span {font-weight:400;}
.footer-top .clinic-noti {font-size:15px;margin-top:23px;font-weight:400;}
.footer-btm {margin:0 auto;display:flex;align-items:center;padding:50px 20px 140px;justify-content:space-between;max-width:1620px;}
.footer-btm .footer-corp {width:60%;color:#65544A;font-size:15px;line-height:1.7;}
.footer-btm .footer-corp p {display:flex;align-items:center;}
.footer-btm .footer-corp p span:not(:last-child):after {content: '|';margin:0 6px;}

.fnb {position:fixed;right:100px;z-index:10;border-radius:20px;overflow: hidden;bottom:60px;}
.fnb-item {display:flex;overflow:hidden;width:55px;height:55px;background-color:#8E8965;text-align:center;align-items:center;justify-content:center;border-radius:100px;margin-top:16px;}
.fnb-item:hover {background-color: #575339;}
.fnb-item span {display:none;font-size:0;}
.fnb-item img {display:inline-block;}

.modal {position:fixed;top:0;right: 0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:11;display:none;}
.modal.active {display:block;}
.modal .modal-box {border-radius: 20px;background: #FFF;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.modal-alert .modal-box {width: 410px;text-align:center;padding:35px;max-width: 80%;}
.modal-alert .alert-icon {margin:0 auto;}
.modal-alert .modal-contents {font-size: 16px;line-height: 1.7;}
.modal-alert .modal-contents p {margin-top:6px;}
.modal-alert .modal-btn {margin-top:26px;}
.modal-alert .modal-btn .btn-primary {border-radius: 4px;background: #4189E5;display:inline-block;height:40px;line-height:40px;color:#fff;padding:0 32px;}
.modal-privacy .modal-box {width:610px;overflow:hidden;}
.modal-privacy .modal-head {background-color:#FF9658;padding:10px 18px 10px 24px;display:flex;align-items:center;justify-content:space-between;}
.modal-privacy .modal-head strong {font-size:24px;font-weight:600;color:#fff;}
.modal-privacy .modal-close {font-size:0;width:52px;height:52px;background:url(../images/close_white.svg) no-repeat center/contain;}
.modal-privacy .modal-contents {height:580px;overflow:hidden;}
.modal-privacy .modal-contents .inner {overflow:auto;height:100%;padding:24px;font-size:16px;line-height:1.5;}

#wrap {width:100%; margin:0 auto;position:relative;padding-top:0;}

.inner {padding:0 24px;} 
.sec-title {font-size:48px;line-height:1.6;font-weight:600;color:#4B3529;margin-bottom:30px;}
.sec-text {margin-bottom:44px;color: #4B3529;line-height: 1.6;font-size: 24px;}

.swiper-prev {font-size:0;width:56px;height:56px;background:transparent url(../images/arrow_left.svg) no-repeat center/contain;} 
.swiper-next {font-size:0;width:56px;height:56px;background:transparent url(../images/arrow_right.svg) no-repeat center/contain;} 


.reservation {position: fixed;bottom:60px;right:190px;background-color: #8E8965;color:#fff;padding:30px;width:320px;z-index:10;display:none;}
.reservation .reservation-close {position: absolute;width:66px;height:66px;left:-66px;top:0;background: #4B3529 url(../images/close_white.svg) no-repeat center/contain;font-size:0;background-size: 62% auto;}
.reservation.active {display:block;}
.reservation .inner {padding:0;}
.reservation .title {font-size: 25px;font-weight:700;margin-bottom:8px;}
.reservation .txt {font-size:15px;line-height:1.6;margin-bottom:16px;}
.reservation .input-box {position: relative;margin-bottom:10px;}
.reservation .input-box span {position: absolute;left: 20px;top:50%;transform:translateY(-50%);font-size:15px;z-index: 2;color:#4B3529;}
.reservation .input-box input {width:100%;background-color:#fff;border:0;border-radius:6px;padding:0 20px 0 32px;color:#232323;z-index: 1;position:relative;height:56px;font-size:17px;}
.reservation .agree {margin-top:24px;}
.reservation .agree i {width:23px;height:23px;border-radius:2px;position:relative;}
.reservation .agree i:before {position: absolute;content:'';width:18px;height:18px;border-radius:2px;border:1px solid #fff;left:2px;top:3px;}
.reservation .agree input:checked + i {width:23px;height:23px;background: url(../images/checkbox.png) no-repeat center/contain;display:inline-block;background-position:left center;}
.reservation .check {display:flex;gap:3px;align-items:center;font-size:15px;line-height:1;}
.reservation .btn-submit {height:56px;text-align:center;border-radius:6px;background-color: #4B3529;color:#fff;font-size:15px;font-weight:700;width:100%;margin-top:25px;}
.reservation .btn-terms-more {font-size:13px;color:#fff;margin-top:10px;padding-left:4px;}

/* ====================== */
/* main */
/* ====================== */
.page-main {overflow:hidden;
  .sec-mb {position:relative;height:100dvh;padding:0 60px 30px;background:url(../images/main_visual.jpg) no-repeat center/cover;}
  .sec-mb .txt-box {position:absolute;bottom:110px;width:1300px;max-width:100%;margin:0 auto;left:50%;transform:translateX(-50%);color:#fff;}
  .sec-mb .txt1 {font-size:32px;letter-spacing:12.8px;text-shadow: 0 3.2px 3.2px rgba(0, 0, 0, 0.65);} /* 피그마 1:17 tracking 12.8px */
  .sec-mb .txt2 {font-size:120px;text-shadow: 0 3.2px 3.2px rgba(0, 0, 0, 0.65);}
  .sec-mb .txt3 {font-size:27px;text-shadow: 0 3.2px 3.2px rgba(0, 0, 0, 0.65);font-weight:300;}

  .sec-introduction {padding: 250px 0;}
  .sec-introduction .inner {max-width:1300px;margin:0 auto;}
  .sec-introduction .introduction-swiper {overflow:visible;}
  .sec-introduction .introduction-swiper .swiper-slide {width:auto;}

  .sec-promise {padding:170px 0;background:url(../images/main/promise_bg.jpg) no-repeat;background-size: cover; background-position:top center;}
  .sec-promise .inner {width:1100px;max-width:100%;padding-right:28vw;margin:0 auto;}
  .sec-promise .sec-title {font-size:48px;color: #4B3529;font-weight: 700;margin-bottom:25px;}
  .sec-promise .sec-text {font-size:18px;color: #4B3529;line-height:1.9;margin-bottom:34px;}
  .sec-promise .doctor-nm {font-weight:700;font-size:18px;color: #4B3529;}

  .sec-doctor {padding-top:250px;}
  .sec-doctor .inner {width:1100px;max-width:100%;margin:0 auto;}
  .sec-doctor .doctor-profile {display:flex;align-items:center;gap:96px;}
  .sec-doctor .doctor-profile .info {flex:1;}
  .sec-doctor .doctor-profile .top {border-bottom:1px solid rgba(75, 53, 41, 0.274);padding-bottom:30px;}
  .sec-doctor .doctor-profile .name {font-size:18px;color:rgba(75, 53, 41, 0.7);}
  .sec-doctor .doctor-profile .name strong {font-size:38px;color:#4B3529;font-weight: 700;margin-right:14px;}
  .sec-doctor .doctor-profile .label {font-size:13px;font-weight:500;color:#8E8965;margin-bottom:16px;display:block;letter-spacing: 3.072px;}
  .sec-doctor .doctor-profile .btm {padding-top:35px;display:flex;gap:70px;}
  .sec-doctor .doctor-profile .history-label {color: #8E8965;font-size:12px;font-weight:500;letter-spacing: 0.96px;}
  .sec-doctor .doctor-profile .history-list {color: #4B3529;}
  .sec-doctor .doctor-profile .history-list li {margin-top:14px;}
  
  .sec-point {padding-top:300px;}
  .sec-point .point-wrap {width:936px;display:grid;grid-template-columns:repeat(2, 1fr);margin:0 auto;}
  .sec-point .point-item p {text-align:center;line-height:1.8;font-size:20px;color:#4B3529;padding:40px 0 70px;}
  .sec-point .typo {margin-top: 320px;font-family:"Nanum Myeongjo";font-size:230px;font-weight:bold;color:#4B3529;opacity: .1;white-space:nowrap;line-height:1;}


  .sec-nose {
    .section-inner { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; }

    .visual-section {position: relative;}
    .visual-section .visual-tab {position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;display:flex;}
    .visual-section .visual-tab button {font-size:24px;background: #F8E9D9;color: #4B3529;width:200px;font-weight:300;text-align:center;height:58px;line-height:58px;}
    .visual-section .visual-tab button.active {font-weight:700;background: #8E8965;color:#ffff;}
    .visual-section .visual-title {position:absolute;right:0;top:50%;transform:translateY(-50%);}
    .visual-section .visual-stats {z-index:1;}
    .visual-section .visual-stats .stat-item {margin-bottom:40px;color:#fff;}

    .prologue-section {padding:300px 0;background:#fff url(../images/main/nose/nose1_prologue_bg.webp) no-repeat;background-position:right 80%;}
    .prologue-inner {display:flex;align-items:center;gap:110px;}
    .prologue-title {color: #8E8965;font-size: 48px;font-weight: 700;margin-bottom:35px;}
    .prologue-desc {color: #4B3529;font-size: 24px;line-height: 1.6;margin-bottom:60px;}
    .prologue-visual {flex:none;}
    .detail-list {display:grid;grid-template-columns:repeat(2, 1fr);gap:24px 0;width:430px;}
    .detail-item {display:flex;align-items:center;gap:10px;}
    .detail-item .detail-icon {flex:none;}
    .detail-item .txt1 {font-size:14px;color: rgba(75, 53, 41, 0.50);font-weight:600;margin-bottom:7px;}
    .detail-item .txt2 {font-size:14px;color: rgba(75, 53, 41, 0.50);}
  }

  @media (hover: hover) {
  }
}