@charset "utf-8";

.subpage-wrapper {overflow: hidden;}
.subpage-wrapper .container {width: min(1200px ,calc(100% - 100px) );}

.intro-hero {position: relative;}
.intro-hero .intro-hero-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.intro-hero .intro-hero-content {padding-block: 365px 90px; }
.intro-hero .intro-hero-content .intro-hero-title {font-size: 55px; font-weight: 700; color:#fff;}
.intro-hero .intro-hero-content .intro-hero-desc {font-size: 20px; display:block; margin-top: .5rem; text-transform: uppercase; color:#DBDBDB;}



@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .intro-hero .intro-hero-content {padding-block: 180px 80px;}
  .intro-hero .intro-hero-content .intro-hero-title {font-size: 36px;}
  .intro-hero .intro-hero-content .intro-hero-desc {font-size: 18px; margin-top: .2rem;}
  .subpage-wrapper .container {width:min(calc(100% - 30px), 720px);}
}
@media screen and (max-width: 767px) {
  .intro-hero .intro-hero-content {padding-block: 130px 50px;}
}




.subpage-content {padding-block: 150px 200px;}
.ly-hori  {display: grid; grid-template-columns: 420px 1fr; }
.ly-half {display: grid; grid-template-columns: 1fr 1fr;}
.bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.desc {font-size: 20px;}
.sp-head {padding-bottom: 120px;}
.sp-head .container {text-align: center;}
.sp-head-tag {font-size: 30px; font-weight: 600; font-family: var(--ff-secondary);  color:var(--primary); margin-bottom: .3rem; display: block; text-transform: uppercase;}
.sp-head-title {font-size: 45px; font-weight: 700; font-family: var(--ff-primary); font-weight: 400; line-height: 1.37;}
.sp-section {}
.sp-section-head {}
.section-tit {font-size: 85px; font-family: var(--ff-secondary); font-weight: 300; color:#E3DAD0; text-transform: uppercase; line-height: 1;}
.section-title {font-size: 45px;}
.divide {width: 100%; height: 1px; background: #DCDCDC; }


@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .sp-head {padding-bottom: 60px;}
  .subpage-content {padding-block: 80px 100px;}
  .sp-head-tag {font-size: 24px;}
  .sp-head-title {font-size: 37px;}
  .ly-hori {grid-template-columns: 1fr; gap: 14px;}
  .ly-half {grid-template-columns: 1fr; gap: 14px;}
  .desc {font-size: 16px;}
  .section-desc {font-size: 18px;}
  .section-title {font-size: 28px;}
}
@media screen and (max-width: 767px) {
  .sp-head {padding-bottom: 40px;}
  .sp-head-tag {margin-bottom: 0; font-size: 21px;}
  .sp-head-title {font-size: 32px;}
  .subpage-content {padding-block: 60px 100px;}
  .section-title {font-size: 22px;}
  .desc {font-size: 15px; word-break: keep-all;}

}


#about .sp-head-title {font-size: 40px;}
.about {padding-bottom: 166px;}
.about .about-img {margin-bottom: 77px; border-radius:15px;}
.about .section-tit {font-size: 85px; font-family: var(--ff-secondary); font-weight: 300; color:#E3DAD0; text-transform: uppercase; line-height: 1;}
.about .content {display: flex; flex-direction: column; gap: 60px;}
.about .content .item {display: flex; flex-direction: column; gap: 12px ;}
.about .content .item .tit {font-size: 25px; font-weight: 700; color:#624C39;}
.about .content .item .desc-cont {display: flex; gap:24px; align-items: flex-start;}
.about .content .item .bar {width: 33px; height: 5px;background: #E3DAD0; display: block; margin-top: .7rem;}
.about .content .item .desc {font-size: 20px; line-height: 1.8; text-transform: uppercase;}
.about .content .sign {display: flex;flex-direction: column; font-size: 26px; text-align: right; font-weight: 700; padding-top: 30px; gap: .5rem;}
.about .content .sign span {display: block; }
.about .content .sign .ceo {display: inline; }
.about .content .sign .name {font-size: 26px;padding-left: 10px;}

.history {padding-bottom: 150px;position: relative;}
.history .history-banner {padding-block: 114px; position: relative;}
.history .section-tit {font-weight: 600; font-size: 70px;color:#fff;}
.history .section-desc {font-size: 20px; color:#fff; line-height: 1.8;}
.history .his-content {display: flex; flex-direction: column; gap: 120px; padding-top: 99px;}
.history .his-content .his-block {display: flex; border-top: 1px solid #96989D; padding-top: 10px;}
.history .his-content .his-block .cont {width: 100%;}
.history .his-content .his-block .cont .period {font-size: 60px; font-family: var(--ff-secondary); color:#F0A21A; letter-spacing: -0.001em; padding-top: 10px; display: block;}
.history .his-content .his-block:nth-child(2) .cont .period {color:#C0720B;}
.history .his-content .his-block:nth-child(3) .cont .period {color:#B85911;}
.history .his-content .his-block .desc-cont {display: flex; flex-direction: column; }
.history .his-content .his-block .desc-cont .item {display: flex; gap: 35px; border-bottom: 1px solid #DADFE8; padding-block: 20px;}
.history .his-content .his-block .desc-cont .item .year {width: 75px; flex-shrink: 0;font-weight: 700; font-size: 25px; padding-top: .4rem; line-height: 1.2;}
.history .his-content .his-block .desc-cont .item ul {display: flex; flex-direction: column; padding-top: .4rem; gap: .2rem;}
.history .his-content .his-block .desc-cont .item ul li {display: flex; gap: 1rem; font-size: 20px; font-weight: 500; padding-bottom: .5rem;}
.history .his-content .his-block .desc-cont .item ul li .dot {width: 7px; height: 7px; background: #E1E1E1; border-radius: 50%; display: block; margin-top: .8rem;}
.history .his-typo {max-width: none; position: absolute; left:50%; transform: translateX(-50%); top: 98%;}

@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  #about .sp-head-title {font-size: 30px;}
  .about {padding-bottom: 100px;}
  .about .section-tit {font-size: 54px;}
  .about .about-img {margin-bottom: 35px;}
  .about .content {gap: 45px;}
  .about .content .item .tit {font-size: 20px;}
  .about .content .item .desc {font-size: 16px;}
  .about .content .sign {font-size: 18px; padding-top: 0; gap: 0;}
  .about .content .sign .name {font-size: 22px;}

  .history {padding-bottom: 100px;}
  .history .history-banner {padding-block: 80px;}
  .history .section-tit {font-size: 54px;}
  .history .section-desc {font-size: 18px;}
  .history .his-content {gap: 54px; padding-top: 54px;}
  .history .his-content .his-block .cont .period {font-size: 54px;}
  .history .his-content .his-block {display: grid; grid-template-columns: 300px 1fr;}
  .history .his-content .his-block .desc-cont .item {padding-block: 15px;}
  .history .his-content .his-block .desc-cont .item .year {font-size: 20px;}
  .history .his-content .his-block .desc-cont .item ul li {font-size: 16px;}
  .history .his-typo {max-width:100%; width: calc(100% - 30px);}
}
@media screen and (max-width: 767px) {
  #about .sp-head-title {font-size: 22px;}
  .about {padding-bottom: 60px;}
  .about .section-tit {font-size: 41px;}
  .about .content .item {gap: 4px;}
  .about .content .item .tit {font-size: 17px;}
  .about .content .item .desc {font-size: 15px; }
  .about .content .item .desc-cont {gap: 12px;}
  .about .content .item .bar {width: 30px; height: 3px;}

  .history {padding-bottom: 50px;}
  .history .history-banner {padding-block: 60px;}
  .history .section-desc {line-height: 1.6; word-break: keep-all;}
  .history .section-tit {font-size: 42px;}
  .history .his-content {gap: 38px;}
  .history .his-content .his-block {padding-top: 16px; grid-template-columns: 1fr ; border-top: none;}
  .history .his-content .his-block .cont .period {font-size: 32px;}
  .history .his-content .his-block .desc-cont .item {padding-block: 5px; gap: 0;}
  .history .his-content .his-block .desc-cont .item ul li .dot {width: 5px; height: 5px; margin-top: .6rem;}
  .history .his-content .his-block .desc-cont .item .year {font-size: 18px;}
  .history .his-content .his-block .desc-cont .item ul li {font-size: 15px;}

}


/* community */

.paging .paging__num {border:none !important; background: transparent !important; color:#434343 !important;}
.paging .paging__num.active {color:#F0A21A !important;}
.paging .paging__btn .arrow {border-color:#9d9d9d; border-bottom: none; border-left: none;}
.gall-ls--v:has(.list-empty) {grid-template-columns: repeat(1fr) !important;}


.community .sp-head-title {font-size: 45px; font-weight: 700;}
.story-content .gall-ls--v {grid-template-columns: repeat(3, 1fr); gap: 50px 27px;}
#story .story-item {border-radius: 15px; overflow: hidden;}
#story .story-item .story-link {}
#story .story-item .story-link .thumb {width:100%; height: 366px; margin-bottom: 0; border-radius: 15px 15px 0 0;position: relative;background-size: cover;background-position: center;}
#story .story-item .story-link .thumb .icon { position: absolute; top:26px; right:26px; width: 39px; height: 39px; border-radius: 50px; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 2;}
#story .story-item .story-link .content {background: #F6F6F6; padding: 20px 10px 30px 32px; min-height: 180px; display: flex; flex-direction: column;}
#story .story-item .story-link .content .num {font-size: 22px; font-weight: 600; color:var(--primary); font-family: var(--ff-secondary);}
#story .story-item .story-link .content .title {text-align: left;}
#story .story-item .story-link .content .date {color:#A4A4A4; font-size: 14px; display: block; margin-top: auto;}

@media (hover: hover) {
  #story .story-item .story-link:hover {opacity: 0.9;}
  #story .story-item .story-link:hover .content .title {color:#624C39;}
}

@media screen and (max-width: 1399px) {
  .community .sp-head-title {font-size: 37px;}
  #story .sp-head {padding-bottom: 80px;}
  #story .sp-head-title {font-size: 37px;}
  #story .story-content .gall-ls--v {grid-template-columns: repeat(2,1fr);}
  #story .story-item .story-link .thumb {height: 250px; min-height: 250px;}
  #story .story-item .story-link .content {padding: 20px; min-height: 180px; height: 100%;}
  #story .story-item .story-link .content .date {padding-top: 10px;}
}
@media screen and (max-width: 767px) {
  .community .sp-head-title {font-size: 32px;}
  #story .sp-head {padding-bottom: 60px;}
  #story .sp-head-title {font-size: 32px;}
  #story .story-content .gall-ls--v {grid-template-columns: repeat(1,1fr);}
  #story .story-item .story-link .thumb {height: 180px; min-height: 180px;}
  #story .story-item .story-link .content {padding: 15px; min-height: 150px; }
  #story .story-item .story-link .content .num {font-size: 18px;}
  #story .story-item .story-link .content .title {padding-inline: 0;}
  #story .story-item .story-link .thumb .icon {right: 15px; top: 15px;}
  #story .gall-ls--v > li > a .title {font-size: 16px;}
}

.bg-ivory {position: relative;}
.bg-ivory:before {content:''; position: absolute;bottom:0; left:0; width: 100%; height: 50%; z-index: -1; background: #EFECE6;}


.interview-content {}
.interview-content .gall-ls--v {grid-template-columns: repeat(3,1fr); gap: 17px 15px;}
.interview-content .item {border-radius: 15px; overflow: hidden; width: 100%; height: 390px; position: relative; cursor: pointer;}
.interview-content .item .thumb-cont {display: flex; flex-direction: column; position: relative; width: 100%; height: 100%;}
.interview-content .item .thumb-cont .interview-img {position: absolute;top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.interview-content .item .thumb-cont:before {content:''; position: absolute; bottom:0; left:0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0,0.5) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1;}
.interview-content .item .thumb-cont .title-cont {font-size: 20px; color:#fff; padding: 30px ; margin-top: auto; position: relative; z-index: 2;}
.interview-content .item .thumb-cont .title-cont .tool {color:#c6bdb4; padding-inline: 10px; width: 1px; height: 100%;}
.interview-content .item .thumb-cont .title-cont .sbj {font-weight: 700;}
.interview-content .item .thumb-cont .title-cont .ceo {}
.interview-content .item .content {transition:.2s ease; opacity: 0; text-align: center; position: absolute;top:0; left: 0; width: 100%; height: 100%; background:rgba(98, 76, 57,0.5); backdrop-filter: blur(30px); z-index: 2; display: flex; flex-direction: column; padding: 14px; align-items: center; justify-content: center; }
.interview-content .item .content .sbj {font-size: 16px; font-weight: 700; color:#F0A21A; padding-bottom: 1rem;}
.interview-content .item .content .desc {font-size: 17px; line-height: 1.64; color:#fff; word-break: keep-all;}




@media (hover: hover) {
  .interview-content .item:hover .content {opacity: 1;}
}
@media screen and (max-width: 1399px) {
  .interview-content .gall-ls--v {grid-template-columns: repeat(2,1fr);}
  .interview-content .item {height: 100%; flex-direction: column; overflow: visible; display: flex;}
  .interview-content .item .content {opacity: 1; position: static; height: 100%;}
  .interview-content .item .thumb-cont {height: auto;}
  .interview-content .item .thumb-cont .interview-img {position: static; height: 200px;}
  .interview-content .item .thumb-cont .title-cont {padding: 15px; font-size: 16px; background:#624C39; text-align: center;}
  .interview-content .item .thumb-cont:before {display: none;}
  .interview-content .item .content .sbj {display: none;}
  .interview-content .item .content {padding: 20px;}
  .interview-content .item .content .desc {font-size: 14px;}
  
}
@media screen and (max-width: 767px) {
  .interview-content .gall-ls--v {grid-template-columns: repeat(1,1fr);}
}



#location {}
#location .map-container {height: 565px; overflow: hidden; border-radius: 15px;}
#location .loca-info {display: flex; align-items: flex-end; gap: 50px; width:calc(100% - 19px); margin-left: auto; margin-top: -118px;}

#location .loca-head {background: #624C39; border-radius: 5px; width: 266px; height: 316px; position: relative; overflow: hidden; padding: 40px 30px; display: flex;flex-direction: column; justify-content: space-between; flex-shrink: 0;}
#location .loca-head .tag {font-size: 20px;  color:#fff;}
#location .loca-head .title { font-size: 44px; font-weight: 700; color:#fff}
#location .loca-head .map-ci {position: absolute; bottom:-47px; right:-40px; opacity: 0.1;}
#location .loca-body {display: flex; flex-direction: column; gap: 28px;width: 100%; padding-bottom: 10px;}
#location .loca-body .item {display: flex; gap: .8rem; align-items: center; }
#location .loca-body .item .icon {width: 57px; height: 57px; background: #F7F5F2; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0;}
#location .loca-body .item .label {font-size: 18px; font-weight: 700; color:var(--primary);}
#location .loca-body .item .value {font-size: 18px;}
#location .loca-body .info {display: flex; justify-content: space-between;}
#location .loca-body .add div {display: flex; gap: .8rem;}


@media screen and (max-width: 1399px) {
  #location .map-container  {height: 350px;}
  #location .loca-head {width: 178px; height: 320px;}
  #location .loca-head .title {font-size: 28px;}
  #location .loca-head .tag {font-size: 16px;}
  #location .loca-info {margin-top: -50px; gap :20px}
  #location .loca-body .info {flex-direction: column; gap: 10px;}
  #location .loca-body .item .icon {width: 40px; height: 40px;}
  #location .loca-body .item .label {font-size: 16px;}
  #location .loca-body .item .value {font-size: 16px;}
  #location .loca-body .add div {display: block;}
}
@media screen and (max-width: 767px) {
  #location .loca-info {margin-top: 40px; flex-direction: column; align-items: flex-start; width: 100%; }
  #location .loca-head {width: 100%; height: 150px; padding: 20px;}
  #location .loca-head .map-ci {right: -20px; top:20px; bottom:auto;width: 200px;}
  #location .loca-body {gap: 16px;}
  #location .loca-body .add div {display: flex; flex-direction: column; gap: 0;}
  #location .loca-body .item .value {font-size: 15px;}
}


#reservation .bg-ivory:before {height: 556px;}
.reservation {position: relative; padding-bottom: 100px;}
.reservation .section-head {padding-top: 84px;}
.reservation .section-title {font-size: 45px; font-weight: 700; }
.reservation .desc {display: block;font-weight: 400; margin-top: .4rem;}
.reservation .link-btn {margin-top: 120px;}
.reservation .reservation-typo {mix-blend-mode: color-burn; position: absolute; left:50%; transform: translateX(-54%); top: calc(100% - 30px);max-width: none;}
.reservation .thumb-cont {display: flex; gap: 16px; align-items: flex-start;} 
.reservation .thumb-cont .thumb {border-radius: 5px; overflow: hidden; object-fit: cover;}
.reservation .thumb-cont .thumb:nth-child(1) {margin-top: 90px;}
.reservation .thumb-cont .thumb:nth-child(3) {margin-top: 46px;}

@media screen and (max-width: 1399px) {
  #reservation .bg-ivory:before {height: 80%;} 
  .reservation .section-head {display: flex; align-items: center; justify-content: space-between;padding-bottom: 30px; padding-top: 50px;}
  .reservation .section-title {font-size: 30px;}
  .reservation .link-btn {margin-top: 0;}
  .reservation .reservation-typo {max-width: 100%; width: calc(100% - 30px); transform: translateX(-50%);}
}
@media screen and (max-width: 767px) {
  #reservation .bg-ivory:before {height: 88%;}
  #reservation .sp-head-title {font-size: 32px;}
  .reservation .section-title {font-size: 26px;}
  .reservation .section-head {align-items: center;flex-direction: column; gap: 20px;}
  .reservation .thumb-cont {flex-direction: column; gap: 10px;}
  .reservation .thumb-cont .thumb {margin-top: 0 !important; width: 100%; height: 300px;}
  .reservation .thumb-cont .thumb img {width: 100%; height: 100%; object-fit: cover;}
}






.bar {width: 100%; background: #DCDCDC; display: block; display: block; height: 1px;}

/* consulting */

.consulting {padding-bottom: 140px;}
.consulting .sp-section-head {padding-bottom: 70px; text-align: center;} 
.consulting .sp-section-head .desc {display: block; padding-top: 1rem;}
.consulting .content {display: flex; gap: 15px;}
.consulting .content .item {background: #F6F6F6; border-radius: 15px; overflow: hidden; width: 100%;}
.consulting .content .item img {width: 100%; object-fit: cover;}
.consulting .content .item .desc-cont {padding: 32px 0 38px; display: flex; flex-direction: column; gap: 12px; text-align: center;}
.consulting .content .item .desc-cont .tit {font-size: 25px; font-weight: 700; color:#624C39;}
.consulting .content .item .desc-cont .bar {width: 20px; height: 3px; background: #F0A21A; margin: 0 auto;}
.consulting .content .item .desc-cont .desc {font-size: 17px; color:#434343;}


.reference {padding-block: 120px 160px;}
.reference .ref-swiper {}
.reference .ref-swiper .swiper-wrapper {}
.reference .ref-swiper .swiper-slide {display: flex; min-height: 500px; gap: 40px;}
.reference .ref-swiper .swiper-slide .ref-title {width: 200px; flex-shrink: 0;}
.reference .ref-swiper .swiper-slide .prod-tit {font-size: 70px; font-family: var(--ff-secondary); color:#F0A21A; letter-spacing: -0.001em; font-weight: 600; text-transform: uppercase; line-height: 1;}
.reference .ref-swiper .swiper-slide .sml {display: block; font-size: 20px; font-weight: 700;}
.reference .ref-swiper .swiper-slide .ref-cont {display: flex;width: 100%; gap: 15px;}
.reference .ref-swiper .swiper-slide .item {border-radius: 15px; overflow: hidden; width: 100%;position: relative;  display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.reference .ref-swiper .swiper-slide .item:before {content:''; position: absolute; bottom:0; left:0; width: 100%; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0,0.3) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1;}
.reference .ref-swiper .swiper-slide .item .thumb {position: absolute;top:0; left:0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
.reference .ref-swiper .swiper-slide .item .thumb img {width: 100%; height: 100%; object-fit: cover;}
.reference .ref-swiper .swiper-slide .item .desc {font-size: 17px; font-weight: 700; color:#fff; position: relative; z-index: 2; padding-bottom: 24px;}
.reference .ref-swiper .swiper-navigation {width: 174px;height: 75px; position: absolute; display: flex; justify-content: space-between; left:0; bottom:0;}
.reference .ref-swiper .swiper-button-next:after, 
.reference .ref-swiper .swiper-button-prev:after {content: '';}
.reference .ref-swiper .btn {margin: 0; position:static; width: 75px; height: 75px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 2; border:1px solid #F0A21A; }
.reference .ref-swiper .swiper-button-disabled {border:1px solid #A4A4A4;}
.reference .ref-swiper .swiper-button-disabled svg path {fill: #A4A4A4;}

.reservation-banner {display: flex;width: 100%; background: #A59282;}
.reservation-banner .cont {width: 50%; }
.reservation-banner .cont.text-cont {width:600px; margin-left: auto; display: flex; flex-direction: column; text-align: right; align-items: flex-end; padding: 90px; padding-block: 140px 120px;}
.reservation-banner .cont.text-cont .tit {font-size: 30px; font-weight: 300; line-height: 1.5; color:#fff; display: block; padding-bottom: 40px;}
.reservation-banner .cont img {width: 100%; height: 100%; object-fit: cover;}


@media screen and (max-width: 1399px) {
  .consulting {padding-bottom: 80px;}
  .consulting .sp-section-head {padding-bottom: 40px;}
  .consulting .content .item .desc-cont {padding-inline: 10px; padding-block: 25px 30px;}
  .consulting .content .item .desc-cont .tit {font-size: 18px;}
  .consulting .content .item .desc-cont .desc {font-size: 15px; word-break: keep-all;}
  .reference {padding-block: 80px 120px;}
  .reference .ref-swiper .swiper-slide {min-height: 300px;}
  .reference .ref-swiper .swiper-slide .ref-title {width: 150px;}
  .reference .ref-swiper .swiper-slide .prod-tit {font-size: 50px;}
  .reference .ref-swiper .swiper-slide .sml {font-size: 16px;}
  .reference .ref-swiper .swiper-slide .ref-cont {gap: 10px;}
  .reference .ref-swiper .swiper-slide .item .desc {font-size: 15px;}
  .reference .ref-swiper .swiper-navigation {width: 120px; height: 50px;}
  .reference .ref-swiper .swiper-navigation .btn {width: 50px; height: 50px;}
  .reservation-banner .cont.text-cont {width: 360px; padding:50px 30px;}
  .reservation-banner .cont.text-cont .tit {font-size: 25px; padding-bottom: 20px;}
}


@media screen and (max-width: 767px) {
  .consulting .content {flex-direction: column;}
  .reference {padding-block: 60px 80px;}
  .reference .ref-swiper .swiper-slide {flex-direction: column; min-height: 100%; gap: 70px;}
  .reference .ref-swiper .swiper-slide .ref-cont {flex-direction: column; height: 100%}
  .reference .ref-swiper .swiper-slide .item { height: 400px;}
  .reference .ref-swiper .swiper-navigation {width: 100%; top: 95px;}
  .reference .ref-swiper .swiper-slide .item .desc {font-size: 18px;}
  .reference .ref-swiper .swiper-navigation .btn {width: 38px; height: 38px; }
  .reference .ref-swiper .swiper-slide .ref-title {width: 100%; text-align: center;}
  .reservation-banner {flex-direction: column-reverse;}
  .reservation-banner .cont {width: 100%;}
  .reservation-banner .cont.text-cont {padding: 46px 10px 50px; align-items: center; text-align: center; width: 100%;}
  .reservation-banner .cont.text-cont .tit {font-size: 20px;}
}


.prod-intro-hero {width: 100%; position: relative;min-height: 940px;}
.prod-intro-hero .container {padding-block: 330px 200px;}
.prod-intro-hero .intro-hero-bg {position: absolute; top: 0; left: 0; width: 100%; object-fit: cover; z-index: -1; height:940px; position: fixed;}
.prod-intro-hero .intro-hero-content {color:#fff;}
.prod-intro-hero .intro-hero-content .intro-hero-title {font-size: 160px; font-weight: 800; line-height: 1.1;text-transform: uppercase;}
.prod-intro-hero .intro-hero-content .intro-hero-typo {font-size: 92px; font-weight: 500;  text-transform: uppercase;}
.prod-intro-hero .intro-hero-content .intro-hero-desc {font-size: 20px; display:block;  line-height: 1.8;}


/* 제품별 */
#t2 .prod-intro-hero .intro-hero-content {padding-left: 780px; padding-block;}


.prod-title {font-size: 70px; text-transform: uppercase; font-family: var(--ff-secondary);}
.prod-desc {font-size: 16px;color:#ACACAC;}
.prod-title-sml {font-size: 30px; font-family: var(--ff-secondary); color:var(--primary); font-weight: 600; text-transform: uppercase; padding-bottom: .8rem;}
.prod-section {padding-block: 120px; }
.product .subpage-content {background: #fff;}

@media screen and (max-width: 1399px) {
  .prod-intro-hero  {min-height: 500px;}
  .prod-intro-hero .container {padding-block: 200px 100px;}
  .prod-intro-hero .intro-hero-bg {position: absolute;top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
  .prod-intro-hero .intro-hero-content {text-align: center;}
  .prod-intro-hero .intro-hero-content .intro-hero-title {font-size: 80px;}
  .prod-intro-hero .intro-hero-content .intro-hero-typo {font-size: 36px;}
  .prod-intro-hero .intro-hero-content .intro-hero-desc {line-height: 1.5; font-size: 18px;}

  .prod-section {padding-block: 80px;}
  .prod-title {font-size: 54px;}
  .prod-title-sml {padding-bottom: .3rem;}
  #t2 .prod-intro-hero .intro-hero-content {padding-left: 0;}

}
@media screen and (max-width: 767px) {
  .prod-intro-hero .intro-hero-bg {filter: brightness(0.7);}
  .prod-intro-hero .intro-hero-content .intro-hero-title {font-size: 60px;}
  .prod-intro-hero .intro-hero-content .intro-hero-typo {font-size: 25px;}
  .prod-title {font-size: 46px; line-height: 1;}
  #t7 .prod-intro-hero .intro-hero-content .intro-hero-desc {font-size: 17px; padding-top: 10px;}

}



.prod-spec {background: #544639;}
.prod-spec .prod-head {text-align: center; padding-bottom: 54px;}
.prod-spec .prod-title {color:#fff; font-weight: 300;}
.prod-spec .prod-title b {font-weight: 600;}
.prod-spec .prod-desc {color:#A4A4A4;}
.prod-spec .spec-content {display: flex; justify-content: space-between; align-items: center;}
.prod-spec .spec-content .thumb {padding-left: 44px;}
.prod-spec .spec-content .thumb img {max-width: 500px;}
.prod-spec .spec-content .spec-table-cont {width: 600px; display: flex; flex-direction: column;}
.prod-spec .spec-content .spec-table-cont .spec-table {width: 100%;border-collapse: collapse;font-size: 18px;}
.prod-spec .spec-content .spec-table-cont .spec-table table {width: 100%;}
.prod-spec .spec-content .spec-table-cont .spec-table th {background-color: #4C3C2C;color:#DBDBDB;padding: 15px 20px;text-align: left;font-weight: 700;border-bottom: 1px solid #A59282;width: 35%;}
.prod-spec .spec-content .spec-table-cont .spec-table td {background-color: transparent;padding: 15px 20px;border-bottom: 1px solid #A59282;color: #fff;border-left: 10px solid #544639; text-align: center;}
.prod-spec .spec-content .spec-table-cont .spec-table tr:nth-child(1) th {border-top: 3px solid #A59282;}
.prod-spec .spec-content .spec-table-cont .spec-table tr:nth-child(1) td {border-top: 3px solid #A59282;}
.prod-spec .spec-content .spec-table-cont .spec-table tr:last-child th {border-bottom: 3px solid #A59282;}
.prod-spec .spec-content .spec-table-cont .spec-table tr:last-child td {border-bottom: 3px solid #A59282;}

.prod-spec .spec-content .spec-table-cont .noti {color: #DBDBDB; padding-top: 36px; font-size: 18px;}


@media screen and (max-width: 1399px) {
  .prod-spec .prod-title-sml {font-size: 27px;}
  .prod-spec .spec-content {align-items: center;}
  .prod-spec .spec-content .spec-table-cont {position: relative;}
  .prod-spec .spec-content .thumb {padding-left: 0; width: 58%;}
  .prod-spec .spec-content .thumb img {max-width: 100%;}
  .prod-spec .spec-content .spec-table-cont .spec-table {font-size: 15px;}
  .prod-spec .spec-content .spec-table-cont .spec-table th {padding: 8px 10px;}
  .prod-spec .spec-content .spec-table-cont .spec-table td {padding: 8px 10px;}
  .prod-spec .spec-content .spec-table-cont .noti {font-size: 15px; padding-top: 26px;}
}
@media screen and (max-width: 767px) {
  .prod-spec .spec-content {flex-direction: column;}
  .prod-spec .prod-head {padding-bottom: 10px; }
  .prod-spec .prod-desc {word-break: keep-all; padding-top: 10px; display: block;}
  .prod-spec .spec-content .thumb {width: 75%;}
  .prod-spec .spec-content .spec-table-cont {width: 100%;}
  .prod-spec .spec-content .spec-table-cont .spec-table {font-size: 15px;}
  .prod-spec .spec-content .spec-table-cont .spec-table td {padding-inline: 2px; padding-left: 5px solid #544639;}
  .prod-spec .spec-content .spec-table-cont .noti {font-size: 14px;}
}

.prod-feature {padding-block: 180px;}
.prod-feature .content {display: flex; flex-direction: column;}
.prod-feature .content .item:nth-child(even) {flex-direction: row-reverse;}
.prod-feature .content .item:last-child {padding-bottom: 0;}
.prod-feature .content .item {display: flex; gap: 50px; align-items: flex-start; justify-content: space-between; padding-bottom: 140px;}
.prod-feature .content .item .txt-cont {width: 480px; flex-shrink: 0;}
.prod-feature .content .item .txt-cont .head-cont {padding-bottom: 17px;}
.prod-feature .content .item .txt-cont .tag {font-size:24px; color:var(--primary); font-weight: 600; font-family: var(--ff-secondary); text-transform: uppercase; padding-bottom: 0.5rem;}
.prod-feature .content .item .txt-cont .title {font-size: 40px; font-weight: 700; }
.prod-feature .content .item .txt-cont .desc-cont {padding-top: 20px; border-top:1px solid #DCDCDC; }
.prod-feature .content .item .txt-cont .desc {font-size: 25px; font-weight: 700; padding-bottom: 16px; display: block;}
.prod-feature .content .item .txt-cont .desc-sml {font-size: 17px; word-break: keep-all; line-height: 1.58;}
.prod-feature .content .item .thumb-cont {border-radius: 20px; overflow: hidden; width: 670px; }
.prod-feature .content .item .thumb-cont .thumb {width: 100%; height: 100%; object-fit: cover;}


@media screen and (max-width: 1399px) {
  .prod-feature {padding-block: 100px;}
  .prod-feature .content .item {gap: 33px; padding-bottom: 90px; align-items: stretch;}
  .prod-feature .content .item .txt-cont .head-cont {padding-bottom: 10px;}
  .prod-feature .content .item .txt-cont .tag {font-size: 18px;}
  .prod-feature .content .item .txt-cont .title {font-size: 27px;}
  .prod-feature .content .item .txt-cont .desc-cont {padding-top: 16px;}
  .prod-feature .content .item .txt-cont .desc {font-size: 19px;}
  .prod-feature .content .item .txt-cont .desc-sml {font-size: 15px; word-break: keep-all;}
  .prod-feature .content .item .txt-cont {width: 50%;}
  .prod-feature .content .item .thumb-cont {width: 100%;}
}
@media screen and (max-width: 767px) {
  .prod-feature {padding-block:80px}
  .prod-feature .content .item {flex-direction: column-reverse; gap: 25px; padding-bottom: 50px;}
  .prod-feature .content .item .txt-cont .head-cont {padding-bottom: 8px;}
  .prod-feature .content .item .txt-cont {width: 100%;}
  .prod-feature .content .item .txt-cont .tag {font-size: 16px;}
  .prod-feature .content .item .txt-cont .title {font-size: 22px;}
  .prod-feature .content .item .txt-cont .desc {line-height: 1.4; font-size: 17px; padding-bottom: 10px;}
  .prod-feature .content .item .thumb-cont {border-radius: 10px;}
  .prod-feature .content .item:nth-child(even) {flex-direction: column-reverse;}
}

.prod-banner {position: relative; padding-block: 160px 140px; color:#fff; text-align: center; }
.prod-banner .bg {z-index: 1; filter: brightness(0.8);}
.prod-banner .content {display: flex; flex-direction: column; gap: 45px; align-items: center; position: relative;z-index: 2;}
.prod-banner .content .title {font-size: 44px;}

@media screen and (max-width: 1399px) {
  .prod-banner {padding-block: 100px 80px;}
  .prod-banner .content {gap: 20px;}
  .prod-banner .content .title {font-size: 28px;}
}
@media screen and (max-width: 767px) {
  .prod-banner {padding-block: 70px 50px;}
  .prod-banner .content .title {line-height: 1.3;}
}



.prod-diagram {}
.prod-diagram .prod-head { text-align: center; padding-bottom: 55px;}
.prod-diagram .prod-title {font-weight: 600; line-height: 1.4;}
.prod-diagram .prod-body {display: flex; gap: 45px; width: 100%;}
.prod-diagram .prod-body .card-ls {display: grid;grid-template-columns: repeat(2,1fr); gap: 20px; width: 100%;}
.prod-diagram .prod-body .card-ls .card {border-radius: 15px; overflow: hidden; width: 100%; background: #F4F4F4; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.prod-diagram .prod-body .card-ls .card .thumb {mix-blend-mode: multiply; width: 246px; }
.prod-diagram .prod-body .card-ls .card .tit {font-size: 17px; font-weight: 500; color:#ACACAC; text-align: center;} 

.prod-diagram.area-space {padding-bottom: 180px;}
.prod-diagram.area-space .prod-body .card-ls {display: grid;grid-template-columns: repeat(3,1fr); gap: 15px; width: 100%;}
.prod-diagram.area-space .prod-body .card-ls .card {position: relative; overflow: visible; padding: 20px;justify-content: flex-end;}
.prod-diagram.area-space .prod-body .card-ls .card .tit {position: absolute; top:calc(100% + 20px); font-size: 25px; font-weight: 700; color:#624C39; text-align: center;}
.prod-diagram.area-space .prod-body .card-ls .card .thumb {width: 348px; }

@media screen and (max-width: 1399px) {
  .prod-diagram .prod-head {padding-bottom: 38px;}
  .prod-diagram .prod-body {gap: 0; align-items: center;}
  .prod-diagram .prod-body .thumb {width: 50%; height: 100%; object-fit: cover;}
  .prod-diagram .prod-body .card-ls .card {padding-bottom: 13px; gap: 0;}
  .prod-diagram .prod-body .card-ls .card .tit {font-size: 15px;}
  .prod-diagram .prod-body .card-ls .card .thumb {width: 100%; top: calc(100% + 12px);}
  .prod-diagram.area-space {padding-block: 60px 120px; }
  .prod-diagram.area-space .prod-body .card-ls .card .tit {font-size: 18px;}
}
@media screen and (max-width: 767px) {
  .prod-diagram .prod-title {line-height: 1;}
  .prod-diagram .prod-body {flex-direction: column; gap: 30px;}
  .prod-diagram .prod-body .thumb {width: 100%;}
  .prod-diagram .prod-body .card-ls {gap: 10px;}
  .prod-diagram.area-space {padding-block:64px 80px;}
  .prod-diagram.area-space .prod-body .card-ls {gap: 8px;}
  .prod-diagram.area-space .prod-body .card-ls .card {padding: 10px 5px; gap: 10px;}
  .prod-diagram.area-space .prod-body .card-ls .card .tit {font-size: 14px; position: static;}
}


.prod-lineup {background: #EFECE6; padding-block: 200px;}
.prod-lineup .content {display: flex; gap: 30px;}
.prod-lineup .prod-head {width: 200px; flex-shrink: 0;}
.prod-lineup .prod-title {line-height: 1; padding-bottom: 20px;}
.prod-lineup .prod-title b {font-weight: 600;}
.prod-lineup .lineup-ls {display: grid;grid-template-columns: repeat(4,1fr); gap: 25px; width: 100%;}
.prod-lineup .lineup-ls .thumb {width: 220px; transition: transform 0.3s ease-in-out;}


@media (hover: hover) {
  .prod-lineup .lineup-ls .thumb:hover {transform: scale(1.05);}
}

@media screen and (max-width: 1399px) {
  .prod-lineup {padding-block: 100px;}
  .prod-lineup .lineup-ls {gap: 0;}
  .prod-lineup .content {gap: 10px;}
}
@media screen and (max-width: 767px) {
  .prod-lineup {padding-block: 80px;}
  .prod-lineup .content {flex-direction: column; gap: 0px;}
  .prod-lineup .prod-head {width: 100%; text-align: center; padding-bottom: 38px;}
  .prod-lineup .prod-title {padding-bottom: 0;}
}



/* Temp */
@media (hover: hover) {}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 499px) {}