@charset "utf-8";

/* ******************* *
* FONTS
* ******************* */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://webfontbox.github.io/Arita/font.min.css');


/* ******************* *
* GLOBAL
* ******************* */
:root {
	--maxWidth: 150rem;
	--inPd: 5rem;
	--font-Pretendard: "Pretendard", sans-serif;
    --font-Aritaburi: 'Arita buri';
	--color-brown: #693B06;
	--color-orange: #F37021;
    --color-yellow: #D8B02E;
	--headerH: 150px;
}
@media (max-width: 1400px){
	:root {
		--headerH: 120px;
	}
}
@media (max-width: 1200px){
	:root {
		--headerH: 100px;
	}
}
@media (max-width: 1024px){
	:root {
		--inPd: 3rem;
		/* --headerH: 80px; */
	}
}
@media (max-width: 768px){
	:root {
		--inPd: 2.5rem;
	}
}


html {font-size: 62.5%;scroll-behavior: smooth;overflow-x: hidden;}/* desktop: 1rem=10px */
body {color: #111;font-family: var(--font-Pretendard);font-size: max(1.80rem, 17px);letter-spacing: -1%;line-height: 1.3;word-break: keep-all;word-wrap: break-word;overflow-x: clip;touch-action: auto;overscroll-behavior: auto;text-size-adjust:100%;scroll-behavior: smooth;scroll-padding-top: var(--headerH);}
html.lock,
body.lock {overflow: hidden;touch-action: none;overscroll-behavior: none;}

.cinner {max-width: var(--maxWidth);padding: 0 var(--inPd);margin: 0 auto;}
.blind {width: 1px;height: 1px;overflow: hidden;position: absolute;top: 50%;left: 50%;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;z-index: -1;}

@media (max-width: 1024px) {
    html {
        font-size: 56.25%; /* 1rem = 9px */
    }
}
@media (max-width: 768px){
	html {
        font-size: 50%; /* 1rem = 8px */
    }
}


/* SCROLL BAR */
body::-webkit-scrollbar {width: 6px;}
body::-webkit-scrollbar-thumb {background-color: var(--color-brown);}
body::-webkit-scrollbar-track {background-color: #f9f9f9;}

html.lenis,
html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}



/* ******************* *
* HEADER
* ******************* */
#header {width: 100%;height: var(--headerH);position: fixed;top: 0;left: 0;right: 0;z-index: 999;}
#header.active {background: rgba(0,0,0,.3);backdrop-filter: blur(3px);}
#header .cinner {display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header__logo {flex-shrink: 0;width: 125px;}
.header__nav .mn-ul1 {display: flex;align-items: center;gap: 3.2rem;}
.header__nav .mn-a1 {color: #fff;font-family: var(--font-Aritaburi);font-size: max(2.3rem, 23px);font-weight: 500;transition: .35s ease;}
.header__nav .mn-a1:hover,
.header__nav .mn-a1:focus {color: var(--color-orange);font-weight: 700;}
.tel__wrap {flex-shrink: 0;}
.tel__wrap .tel {font-family: var(--font-Aritaburi);}
.tel__wrap .tel p {margin-bottom: .5rem;padding-left: 3.6rem;color: var(--color-orange);font-size: 2.3rem;font-weight: 700;position: relative;}
.tel__wrap .tel p::before {content: '';width: 3rem;aspect-ratio: 1 / 1;background: url(../images/ico-call.svg) center / cover no-repeat;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;}
.tel__wrap .tel a {display: inline-block;padding: .4rem 2.3rem;border-radius: 999px;background: var(--color-orange);color: #fff;font-size: 2.5rem;font-weight: 600;}
.nav__btn {display: none;}
.nav__btn a {display: flex;align-items: center;width: 4rem;aspect-ratio: 8 / 5;position: relative;}
.nav__btn a::before,
.nav__btn a::after {content: '';display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;right: 0;margin: auto;}
.nav__btn a::before {top: 0;}
.nav__btn a::after {bottom: 0;}
.nav__btn a span {display: block;width: 100%;height: 2px;background: #fff;}
.nav__btn span {width: 100%;height: 2px;background: #000;}

@media (max-width: 1400px){
	#header .cinner {flex-direction: row-reverse;position: relative;}
	.header__logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.header__nav {display: flex;justify-content: center;width: 100%;height: 100dvh;position: fixed;top: 0;left: 0;transform: translateX(-100%);transition: .35s ease;z-index: -1;}
	.header__nav::after {content: '';display: block;width: 100%;height: 100%;background: var(--color-brown);position: absolute;inset: 0;margin: auto;z-index: -1;}
	.header__nav.active {transform: translateX(0);}
	.header__nav #main-nav {display: flex;justify-content: center;align-items: center;height: calc(100% - var(--headerH));position: absolute;top: var(--headerH);left: 0;right: 0;margin: auto;}
	.header__nav .mn-ul1 {flex-direction: column;gap: 3.5rem;}
	.nav__btn {display: block;}
}
@media (max-width: 1024px){
	.header__logo img {max-width: 80%;margin: 0 auto;}
}
@media (max-width: 640px){
	.header__logo img {max-width: 65%;margin: 0 auto;}
	.tel__wrap .tel p {font-size: 16px;}
	.tel__wrap .tel a {padding: 3px 13px;font-size: 17px;}
}



/* ******************* *
* FOOTER
* ******************* */
#footer {padding: 9rem 0 12rem;background: #432616;}
#footer .cinner {display: flex;flex-direction: column;align-items: center;}
.footer__logo {width: 156px;margin-bottom: 4rem;}
.footer__logo img {width: 100%;}
.footer__cont .info__text {margin: -.5rem -1.5rem 2rem;color: #CEBDAB;font-family: var(--font-Aritaburi);font-size: max(1.6rem, 15px);text-align: center;}
.footer__cont .info__text span {display: inline-block;padding: .5rem 1.5rem;}
.footer__cont .copyright {color: #827066;font-size: max(1.5rem, 14px);text-align: center;}

@media (max-width: 1024px){
	.footer__logo img {max-width: 85%;margin: 0 auto;}
}
@media (max-width: 640px){
	.footer__cont .info__text br {display: none;}
}



/* ******************* *
* QUICK CONTACT
* ******************* */
.quick__contact {display: block;width: 214px;width: 21.4rem;position: fixed;right: 7rem;bottom: 7rem;z-index: 998;}

@media (max-width: 1400px){
	.quick__contact {width: 18rem;right: 3rem;bottom: 3rem;}
}
@media (max-width: 768px){
	.quick__contact {width: 150px;}
}
@media (max-width: 640px){
	.quick__contact {width: 120px;right: 2rem;bottom: 2rem;}
}



/* ******************* *
* HERO
* ******************* */
.sect__hero {width: 100%;height: 100dvh;background: url(../images/hero-img_bg.jpg) center / cover no-repeat;}
.sect__hero .cinner {height: 100%;position: relative;}
.sect__hero .hero__content {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;color: #fff;text-align: center;}
.sect__hero .hero__content .logo {width: 290px;margin-bottom: 3rem;overflow: hidden;}
.sect__hero .hero__content .title {margin-bottom: 2rem;font-family: var(--font-Aritaburi);font-size: 4rem;font-weight: 700;overflow: hidden;}
.sect__hero .hero__content .text {font-size: 2.6rem;font-weight: 500;line-height: 1.5;overflow: hidden;}
.sect__hero .hero__content span {display: block;transform: translateY(100%);transition: transform .8s ease-in-out;}
.sect__hero .hero__content .active span {transform: translateY(0);}
.sect__hero .hero__content .logo span {transition-delay: 0;}
.sect__hero .hero__content .title span {transition-delay: .2s;}
.sect__hero .hero__content .text span {transition-delay: .4s;}

@media (max-width: 768px){
	.sect__hero .hero__content .logo img {max-width: 80%;margin: 0 auto;}
}
@media (max-width: 640px){
	.sect__hero .hero__content .logo img {max-width: 60%;margin: 0 auto;}
	.sect__hero .hero__content .title {font-size: 28px;}
	.sect__hero .hero__content .text {font-size: 18px;}
    .sect__hero .hero__content .text br {display: none;}
}
@media  (max-width: 480px) {
    	.sect__hero .hero__content .title {font-size: 26px;}
}



/* ******************* *
* SECTION COMMON
* ******************* */
.sect__title {margin-bottom: 2rem;font-family: var(--font-Aritaburi);font-size: 7rem;font-weight: 700;}
.sect__text {font-size: 2.6rem;font-weight: 500;}

@media (max-width: 1600px){
	.sect__title {font-size: 5.6rem;}
}
@media (max-width: 1400px){
	.sect__title {margin-bottom: 1rem;font-size: 5rem;}
}
@media (max-width: 1024px){
	.sect__text {font-size: max(2rem, 18px);}
}



/* ******************* *
* BRAND
* ******************* */
.brand__top .content__wrap {display: flex;position: relative;}
.brand__top .content {width: 50%;padding: 9rem 4rem;box-sizing: border-box;text-align: center;}
.brand__top .content__left {background: url(../images/brand-img_left_bg.jpg) center / cover no-repeat;}
.brand__top .content__right {background: url(../images/brand-img_right_bg.jpg) center / cover no-repeat;}
.brand__top .content .title {margin-bottom: 1.4rem;padding-bottom: 1.8rem;font-family: var(--font-Aritaburi);font-size: 4rem;font-weight: 700;position: relative;}
.brand__top .content__left .title {color: #fff;}
.brand__top .content__right .title {color: #2C2C2C;}
.brand__top .content .title::after {content: '';display: block;width: 60px;height: 1px;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.brand__top .content__left .title::after {background: #fff;}
.brand__top .content__right .title::after {background: #2C2C2C;}
.brand__top .content .title span {color: var(--color-orange);}
.brand__top .content .text {font-size: 2.6rem;font-weight: 500;line-height: 1.5}
.brand__top .content__left .text {color: #fff;}
.brand__top .circle {width: 14rem;aspect-ratio: 1 / 1;border-radius: 50%;background: rgba(255,255,255,.5);position: absolute;inset: 0;margin: auto;}
.brand__top .circle::before {content: '';display: block;width: 81.4%;aspect-ratio: 1 / 1;border-radius: 50%;background: #fff;position: absolute;inset: 0;margin: auto;}
.brand__top .circle img {width: 50%;position: absolute;inset: 0;margin: auto;}

.brand__btm {padding: 22rem 0 15rem;background: url(../images/brand-img_btm_bg.jpg) center / cover no-repeat;}
.brand__btm .cinner {max-width: 100%;}
.brand__btm .content__wrap {display: flex;justify-content: space-between;align-items: center;gap: 3rem;max-width: 1726px;margin: 0 auto;}
.brand__btm .content {display: flex;gap: 3rem;width: 35.95%;}
.brand__btm .cont__item01 {background: var(--color-brown);}
.brand__btm .cont__item02 {background: var(--color-orange);}
.brand__btm .cont__item03 {background: #966023;}
.brand__btm .cont__item04 {background: var(--color-yellow);}
.brand__btm .cont__item .item__img img {width: 100%;height: 100%;object-fit: cover;}
.brand__btm .cont__item .item__desc {padding: 3.2rem 1.5rem 2.4rem;color: #fff;text-align: center;}
.brand__btm .cont__item .item__desc .title {margin-bottom: 1rem;font-family: var(--font-Aritaburi);font-size: 2.6rem;font-weight: 700;}
.brand__btm .cont__item .item__desc .desc {font-size: max(1.8rem, 16px);font-weight: 500;letter-spacing: -3%;}
.brand__btm .cont__item .item__desc .desc br {display: none;}
.brand__btm .content__center {flex-shrink: 0;width: 24.35%;color: #fff;text-align: center;}
.brand__btm .content__center .deco {margin-bottom: 2rem;}
.brand__btm .content__center .deco img {margin: 0 auto;}

@media (max-width: 1600px){
	.brand__btm .content__wrap,
	.brand__btm .content {gap: 2rem;}
}
@media (max-width: 1400px){
	.brand__top .content__left .text br {display: none;}
	.brand__btm {padding: 16rem 0 10rem;}
	.brand__btm .content__wrap {flex-wrap: wrap;align-items: flex-start;gap: 2rem;}
	.brand__btm .content {width: calc((100% - 2rem) / 2);}
	.brand__btm .content__left {order: 2;}
	.brand__btm .content__right {order: 3;}
	.brand__btm .content__center {order: 1;width: 100%;margin-bottom: 3rem;}
	.brand__btm .content__center .sect__title br,
	.brand__btm .content__center .sect__text br {display: none;}
}
@media (max-width: 1200px){
	.brand__top .content .title {font-size: 3.4rem;}
	.brand__top .content .text {font-size: 2.2rem;}
	.brand__top .circle {width: 12rem;}
}
@media (max-width: 1024px){
	.brand__top .content__wrap {flex-direction: column;}
	.brand__top .content {width: 100%;}
	.brand__top .content__left .text br {display: block;}
	.brand__btm .content {flex-wrap: wrap;width: 100%;}
	.brand__btm .cont__item {width: calc((100% - 2rem) / 2);}
	.brand__btm .cont__item .item__desc .desc br {display: block;}
	.brand__btm .content__center .deco img {width: 360px;}
}
@media (max-width: 640px){
	.brand__btm .cont__item .item__desc .desc br {display: none;}
	.brand__btm .content__center .sect__text br {display: block;}
}
@media (max-width: 480px){
	.brand__top .content__left .text br {display: none;}
	.brand__btm .cont__item {width: 100%;}
	.brand__btm .cont__item .item__desc .desc br {display: block;}
}



/* ******************* *
* MENU
* ******************* */
.sect__menu {padding: 12rem 0 28rem;background: url(../images/menu-img_bg.jpg) center / cover no-repeat;position: relative;}
.sect__menu::after {content: '';display: block;width: 100%;height: 216px;background: url(../images/menu-img_bg_deco.png) center / cover no-repeat;position: absolute;left: 0;right: 0;bottom: 0;}
.sect__menu .sect__header {margin-bottom: 6.4rem;text-align: center;}
.sect__menu .tab__menu {margin-bottom: 6rem;}
.sect__menu .tab__list {display: flex;flex-wrap: wrap;}
.sect__menu .tab__item {width: 20%;text-align: center;}
.sect__menu .tab__item.active {}
.sect__menu .tab__item a {display: block;width: 100%;color: var(--color-brown);font-family: var(--font-Aritaburi);font-size: 2.6rem;font-weight: 700;text-align: center;}
.sect__menu .tab__item a img {margin: 0 auto;}
.sect__menu .tab__item a img.off {display: block;}
.sect__menu .tab__item a img.on {display: none;}
.sect__menu .tab__item.active a img.off {display: none;}
.sect__menu .tab__item.active a img.on {display: block;}
.sect__menu .tab__container {}
.sect__menu .tab__content {display: none;position: relative;}
.sect__menu .tab__content.active {display: block;}
.sect__menu .menu__list-slider {margin: 0 18rem;}
.sect__menu .menu__list {}
.sect__menu .menu__item {}
.sect__menu .menu__item .item__img {}
.sect__menu .menu__item .item__img img {margin: 0 auto;}
.sect__menu .menu__item .item__desc {font-family: var(--font-Aritaburi);font-weight: 700;text-align: center;}
.sect__menu .menu__item .item__desc .title {margin-bottom: 1.8rem;color: #1A1A1A;font-size: 3rem;}
.sect__menu .menu__item .item__desc .price {color: var(--color-orange);font-size: 2.4rem;}
.sect__menu .menu__list-ctrls {}
.sect__menu .menu__list-ctrls .data-nav button {width: 7rem;aspect-ratio: 1 / 1;border: 3px solid #D4C9BD;border-radius: 50%;box-sizing: border-box;background: #fff;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.sect__menu .menu__list-ctrls .data-nav button::before {content: '';display: block;width: 30%;aspect-ratio: 1 / 1;border-style: solid;border-color: var(--color-brown);position: absolute;inset: 0;margin: auto;}
.sect__menu .menu__list-ctrls .data-nav button[class*=disabled] {opacity: .5;pointer-events: none;}
.sect__menu .menu__list-ctrls .data-nav .btn-prev {left: 6rem;}
.sect__menu .menu__list-ctrls .data-nav .btn-prev::before {border-width: 0 0 4px 4px;transform: rotate(45deg) translate(3px, -3px);}
.sect__menu .menu__list-ctrls .data-nav .btn-next {right: 6rem;}
.sect__menu .menu__list-ctrls .data-nav .btn-next::before {border-width: 4px 4px 0 0;transform: rotate(45deg) translate(-3px, 3px);}
.sect__menu .menu__list-ctrls .data-dots {display: flex;justify-content: center;align-items: center;gap: 7px;margin-top: 8.4rem;position: relative;top: auto;bottom: auto;}
.sect__menu .menu__list-ctrls .data-dots span {width: 1.4rem;height: auto;aspect-ratio: 1 / 1;margin: 0;border: 1px solid var(--color-orange);border-radius: 50%;box-sizing: border-box;background: transparent;}
.sect__menu .menu__list-ctrls .data-dots span[class*=active] {background: var(--color-orange);}

@media (max-width: 1400px){
	.sect__menu .menu__list-slider {margin: 0 12rem;}
	.sect__menu .menu__list-ctrls .data-nav .btn-prev {left: 0;}
	.sect__menu .menu__list-ctrls .data-nav .btn-next {right: 0;}
}
@media (max-width: 1200px){
	.sect__menu .menu__list-slider {margin: 0 9rem;}
	.sect__menu .menu__list-ctrls .data-nav button {width: 5.4rem;}
	.sect__menu .menu__list-ctrls .data-nav .btn-prev {left: 0;}
	.sect__menu .menu__list-ctrls .data-nav .btn-prev::before {border-width: 0 0 3px 3px;transform: rotate(45deg) translate(2px, -2px);}
	.sect__menu .menu__list-ctrls .data-nav .btn-next {right: 0;}
	.sect__menu .menu__list-ctrls .data-nav .btn-next::before {border-width: 3px 3px 0 0;transform: rotate(45deg) translate(-px, 2px);}
}
@media  (max-width: 1024px){
	.sect__menu .tab__item {width: 25%;}
	.sect__menu .menu__item .item__desc .title {margin-bottom: 1rem;font-size: 2.67rem;}
}
@media (max-width: 768px){
	.sect__menu::after {height: 160px;}
	.sect__menu .tab__item {width: 33.333%;}
	.sect__menu .menu__list-slider {margin: 0 7rem;}
}



/* ******************* *
* INTERIOR
* ******************* */
.sect__interior {padding: 2.5rem 0 0;background: url(../images/interior-img_bg.jpg) center / cover no-repeat;}
.sect__interior .sect__header {margin-bottom: 6rem;color: #fff;text-align: center;}
.sect__interior .content__top {margin-bottom: 12.6rem;}
.sect__interior .content__top .interior__list {align-items: center;}
.sect__interior .content__top .interior__item {transform: scale(0.72);}
.sect__interior .content__top .interior__item[class*=active] {transform: scale(1);}
.sect__interior .content__top .interior__list-ctrls {margin-top: 5rem;}
.sect__interior .content__top .interior__list-ctrls .data-dots {display: flex;justify-content: center;align-items: center;gap: 7px;position: relative;top: auto;bottom: auto;}
.sect__interior .content__top .interior__list-ctrls .data-dots span {width: 1.4rem;height: auto;aspect-ratio: 1 / 1;margin: 0;border: 1px solid var(--color-orange);border-radius: 50%;box-sizing: border-box;background: transparent;}
.sect__interior .content__top .interior__list-ctrls .data-dots span[class*=active] {background: var(--color-orange);}
.sect__interior .content__btm {background: var(--color-orange);}
.sect__interior .content__btm .cinner {position: relative;z-index: 2;}
.sect__interior .content__btm .cont__wrap {display: flex;justify-content: center;align-items: self-end;gap: 3.6rem;padding: 2.3rem 4rem;box-sizing: border-box;position: relative;}
.sect__interior .content__btm .cont__wrap .img {max-width: 472px;position: absolute;left: 5.29%;bottom: 0;}
.sect__interior .content__btm .cont__wrap .text {display: inline-block;margin-left: auto;font-family: var(--font-Aritaburi);font-size: 4rem;font-weight: 700;text-align: right;}
.sect__interior .content__btm .cont__wrap .text br {display: none;}

@media (max-width: 1500px){
	.sect__interior .content__btm .cont__wrap .img {left: 2%;}
}
@media (max-width: 1400px){
	.sect__interior .content__top .interior__item {transform: scale(0.78);}
	.sect__interior .content__btm .cont__wrap {padding: 2.3rem 0;}
	.sect__interior .content__btm .cont__wrap .img {max-width: 390px;}
	.sect__interior .content__btm .cont__wrap .text {font-size: 3.6rem;}
}
@media (max-width: 1200px){
	.sect__interior .content__top {margin-bottom: 20rem;}
	.sect__interior .content__btm .cont__wrap .img {max-width: 320px;left: 0;right: 0;bottom: 100%;margin: auto;}
	.sect__interior .content__btm .cont__wrap .text {margin: auto;text-align: center;}
}
@media (max-width: 1024px){
	.sect__interior .content__btm .cont__wrap {padding: 2rem 0;}
	.sect__interior .content__btm .cont__wrap .text {font-size: 3.2rem;}
}
@media (max-width: 640px){
	.sect__interior .content__btm .cont__wrap .img {max-width: 280px;}
	.sect__interior .content__btm .cont__wrap .text br {display: block;}
}



/* ******************* *
* STRENGTH
* ******************* */
.sect__strength {display: flex;}
.sect__strength .sect__header {width: 40%;padding: 18rem 7rem 0;box-sizing: border-box;background: url(../images/strength-img_header_bg.jpg) center / cover no-repeat;color: #fff;writing-mode: tb;}
.sect__strength .sect__title {margin-left: 2rem;margin-bottom: 0;writing-mode: vertical-lr;letter-spacing: 11%;position: relative;top: -6%;}
.sect__strength .sect__content {width: 60%;padding: 18rem 0 22rem 9rem;background: #FCF9F3;}

@media (max-width: 1400px){
	.sect__strength .sect__header {width: 35%;}
	.sect__strength .sect__content {width: 65%;padding: 18rem 0 22rem 6rem;}
}
@media (max-width: 1200px){
	.sect__strength .sect__header {padding: 14rem 7rem 0;}
	.sect__strength .sect__content {padding: 14rem 0 18rem 6rem;}
}
@media (max-width: 1024px){
	.sect__strength .sect__header {width: 300px;}
	.sect__strength .sect__title {top: -5%;}
	.sect__strength .sect__content {width: calc(100% - 300px);padding: 14rem 0 18rem 4rem;}
}
@media (max-width: 768px){
	.sect__strength .sect__header {width: 260px;padding: 14rem 4rem 0;}
	.sect__strength .sect__content {width: calc(100% - 260px);}
}
@media (max-width: 640px){
	.sect__strength {flex-direction: column;}
	.sect__strength .sect__header {width: 100%;padding: 12rem var(--inPd) 6rem;writing-mode: inherit;text-align: center;}
	.sect__strength .sect__title {margin-left: 0;margin-bottom: 1rem;writing-mode: inherit;letter-spacing: -1%;top: 0;}
	.sect__strength .sect__title br {display: none;}
	.sect__strength .sect__content {width: 100%;padding: 6rem var(--inPd) 10rem;}
}



/* ******************* *
* SALES
* ******************* */
.sect__sales {padding: 12rem 0 0;background: #F4F0E7;position: relative;}
.sect__sales::before {content: '';display: block;width: 98%;aspect-ratio: 1870 / 1052;background: url(../images/sales-img_bg_deco.png) center / cover no-repeat;position: absolute;top: 10rem;left: 0;right: 0;margin: auto;z-index: 1;}
.sect__sales::after {content: '';display: block;width: 100%;height: 78.3%;clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);background: #3D261B;position: absolute;left: 0;right: 0;bottom: -1px;z-index: 1;}
.sect__sales .cinner {position: relative;z-index: 2;}
.sect__sales .sect__header {margin-bottom: 7rem;text-align: center;}
.sect__sales .sect__text br {display: none;}
.sect__sales .content {max-width: 1200px;margin: 0 auto;}
.sect__sales .content01 {margin-bottom: 24rem;}
.sect__sales .content01 .point__list-wrap {margin-bottom: 3.5rem;position: relative;}
.sect__sales .content01 .point__list {display: flex;gap: 2.2rem;position: relative;}
.sect__sales .content01 .point__item {width: 33.33%;padding: 5rem 2rem;border-radius: 1rem;background: url(../images/sales-img_point_bg.jpg) center/ cover no-repeat;}
.sect__sales .content01 .point__item .num {margin-bottom: 1.2rem;padding-bottom: 1.2rem;color: var(--color-orange);font-family: var(--font-Aritaburi);font-size: max(2rem, 18px);font-weight: 700;text-align: center;position: relative;}
.sect__sales .content01 .point__item .num::after {content: '';display: block;width: 40px;height: 1px;background: #fff;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.sect__sales .content01 .point__item .title {color: #fff;font-size: 3rem;font-weight: 700;text-align: center;}
.sect__sales .content01 .point__item .title span {font-size: 0.87em;}
.sect__sales .content01 .point__sticker {position: absolute;top: -3rem;right: -4rem;}
.sect__sales .content01 .table__wrap {margin-bottom: 7rem;overflow-x: auto;position: relative;}
.sect__sales .content01 .table__wrap table {table-layout: fixed;min-width: 1200px;width: 100%;font-family: var(--font-Aritaburi);}
.sect__sales .content01 .table__wrap table thead {background: #3D261B;color: #fff;font-size: 2.3rem;font-weight: 700;text-align: center;}
.sect__sales .content01 .table__wrap table thead td {padding: 1.3rem 0;}
.sect__sales .content01 .table__wrap table tbody tr:not(:last-child) {border-bottom: 1px solid #DBDBDB;}
.sect__sales .content01 .table__wrap table tbody tr:nth-child(1) {color: #CB9574;}
.sect__sales .content01 .table__wrap table tbody tr:nth-child(2) {color: #E28E5C;}
.sect__sales .content01 .table__wrap table tbody tr:nth-child(3) {color: #F37021;}
.sect__sales .content01 .table__wrap table tbody tr:nth-child(4) {color: #B54400;}
.sect__sales .content01 .table__wrap table tbody th {padding: .8rem 0;background: var(--color-orange);color: #fff;font-size: max(1.8rem, 18px);font-weight: 700;}
.sect__sales .content01 .table__wrap table tbody td {padding: .8rem 0;background: #fff;font-size: max(1.6rem, 16px);font-weight: 700;text-align: center;}
.sect__sales .content01 .table__wrap table tbody td:not(:last-child) {border-right: 1px solid #DBDBDB;}
.sect__sales .content01 .table__wrap .scroll-visible {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;width: 150px;height: 130px;border-radius: 8px;background: rgba(0,0,0,.5);backdrop-filter: blur(10px);color: #fff;font-size: 14px;font-weight: 500;text-align: center;line-height: 1.2;position: absolute;top: 19%;left: 50%;transform: translateX(-50%);transition: opacity .3s ease;}
.sect__sales .content01 .table__wrap .scroll-visible::before {content: '!';display: block;width: 24px;height: 24px;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;line-height: 23px;}
.sect__sales .content01 .table__wrap .scroll-visible.active {opacity: 0;pointer-events: none;}
.sect__sales .content01 .graph__wrap {margin-bottom: 16.4rem;}
.sect__sales .content01 .graph {overflow: hidden;}
.sect__sales .content01 .copy__wrap {display: flex;justify-content: center;align-items: center;}
.sect__sales .content01 .copy__wrap::before,
.sect__sales .content01 .copy__wrap::after {flex-shrink: 0;content: '';display: block;width: 7.2rem;aspect-ratio: 72 / 120;}
.sect__sales .content01 .copy__wrap::before {background: url(../images/sales-img_copy_deco_left.png) center / cover no-repeat;}
.sect__sales .content01 .copy__wrap::after {background: url(../images/sales-img_copy_deco_right.png) center / cover no-repeat;}
.sect__sales .content01 .copy__text {color: #fff;font-family: var(--font-Aritaburi);font-size: 4.8rem;font-weight: 700;text-align: center;}
.sect__sales .content01 .copy__text span {display: inline-block;position: relative;}
.sect__sales .content01 .copy__text span::after {content: '';display: block;width: 100%;aspect-ratio: 437 / 6;background: url(../images/sales-img_copy_line.png) center / cover no-repeat;}
.sect__sales .content01 .copy__text b {color: var(--color-orange);font-size: 1.25em;}

.sect__sales .content01 .copy__text.flex-box {margin-top:40px; display:flex; flex-direction: column;gap:15px; }
.sect__sales .content02 .sales-graph__slider-wrap {position: relative;}
.sect__sales .content02 .sales-graph__item .item__title {margin-bottom: 9rem;color: #fff;font-family: var(--font-Aritaburi);font-weight: 700;text-align: center;}
.sect__sales .content02 .sales-graph__item .item__title .title {margin-bottom: 2.5rem;font-size: 7rem;}
.sect__sales .content02 .sales-graph__item .item__title .title span {color: var(--color-orange);}
.sect__sales .content02 .swiper-wrapper {align-items: center;}
.sect__sales .content02 .sales-graph__item.item2 {display: flex; align-items: center;height:100%;justify-content: center;}
.sect__sales .content02 .sales-graph__item.item2 .item__title .title span {font-size: 5rem;display: block;margin-top:20px}
.sect__sales .content02 .sales-graph__item.item2 .item__title .title span:last-child {margin-top:0}
.sect__sales .content02 .sales-graph__item .item__title .text {font-size: 2.6rem;}
.sect__sales .content02 .sales-graph__item .item__cont {position: relative;}
.sect__sales .content02 .sales-graph__item .item__cont .sales__img {max-width: 725px;width: 100%;position: absolute;inset: 0;margin: auto;}
.sect__sales .content02 .sales-graph__item .item__cont .sales__img img {margin: 0 auto;}
.sect__sales .sales-graph__slider-ctrls .data-nav button {width: 6rem;aspect-ratio: 1 / 1;border: 3px solid #D4C9BD;border-radius: 50%;box-sizing: border-box;background: rgba(255,255,255,.8);position: absolute;top: 50%;cursor: pointer;z-index: 10;}
.sect__sales .sales-graph__slider-ctrls .data-nav button::before {content: '';display: block;width: 30%;aspect-ratio: 1 / 1;border-style: solid;border-color: var(--color-brown);position: absolute;inset: 0;margin: auto;}
.sect__sales .sales-graph__slider-ctrls .data-nav .btn-prev {left: 0;transform: translate(-50%, -50%);}
.sect__sales .sales-graph__slider-ctrls .data-nav .btn-prev::before {border-width: 0 0 4px 4px;transform: rotate(45deg) translate(3px, -3px);}
.sect__sales .sales-graph__slider-ctrls .data-nav .btn-next {right: 0;transform: translate(50%, -50%);}
.sect__sales .sales-graph__slider-ctrls .data-nav .btn-next::before {border-width: 4px 4px 0 0;transform: rotate(45deg) translate(-3px, 3px);}

/* 기본 상태 */
.sales-graph__item .graph__img,
.sales-graph__item .sales__img {opacity:0;transform:scale(1.5);}
/* 슬라이드 멈춘 후 */
.sales-graph__item.ani .graph__img {animation:graphZoomOut .8s forwards;}
.sales-graph__item.ani .sales__img {animation:salesZoomOut .5s .45s forwards;}

@keyframes graphZoomOut{
    from {opacity: 0;transform: scale(1.5);}
    to {opacity: 1;transform: scale(1);}
}
@keyframes salesZoomOut{
    from {opacity: 0;transform: scale(1.5);}
    to {opacity: 1;transform: scale(1);}
}

@media (max-width: 1200px){
	.sect__sales .content01 {margin-bottom: 20rem;}
	.sect__sales .content01 .point__item .title {font-size: 2.5rem;}
	.sect__sales .content01 .copy__text {font-size: 4.2rem;}
	.sect__sales .content02 .sales-graph__item .item__title .title {font-size: 6rem;}
	.sect__sales .content02 .sales-graph__item.item2 .item__title .title span {font-size: 4rem;}
	.sect__sales .content02 .sales-graph__item .item__cont .sales__img img {max-width: 80%;}
}
@media (max-width: 1024px){
	.sect__sales::after {clip-path: polygon(50% 8%, 100% 0, 100% 100%, 0 100%, 0 0);}
	.sect__sales .content01 .point__list {gap: 1rem;}
	.sect__sales .content01 .point__list::after {width: 140px;top: -3.5rem;right: -2rem;}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-prev {left: -2rem;transform: translate(0, -50%);}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-prev::before {transform: rotate(45deg) translate(2px, -2px);}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-next {right: -2rem;transform: translate(0, -50%);}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-next::before {transform: rotate(45deg) translate(-2px, 2px);}
}
@media (max-width: 768px){
	.sect__sales .content01 .copy__text {font-size: 4rem;}
	.sect__sales .content02 .sales-graph__item .item__title .title {font-size: 5rem;}
	.sect__sales .content02 .sales-graph__item.item2 .item__title .title span {font-size: 3rem;}
	.sect__sales .content02 .sales-graph__item .item__cont .sales__img img {max-width: 70%;}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-prev {left: -1.5rem;}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-next {right: -1.5rem;}
}
@media (max-width: 640px){
	.sect__sales::after {clip-path: polygon(50% 7%, 100% 0, 100% 100%, 0 100%, 0 0);}
	.sect__sales .sect__text br {display: block;}
	.sect__sales .content01 {margin-bottom: 16rem;}
	.sect__sales .content01 .point__list {flex-direction: column;max-width: 400px;margin: 0 auto;}
	.sect__sales .content01 .point__list:after {width: 140px;}
	.sect__sales .content01 .point__item {width: 100%;}
	.sect__sales .content01 .copy__text {font-size: 3.50rem;}
	.sect__sales .content02 .sales-graph__item .item__title .title {font-size: 4.80rem;}
	.sect__sales .content02 .sales-graph__item.item2 .item__title .title span {font-size: 2.8rem;}
	.sect__sales .sales-graph__slider-ctrls .data-nav button {width: 5rem;}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-prev::before {border-width: 0 0 3px 3px;transform: rotate(45deg) translate(1px, -1px);}
	.sect__sales .sales-graph__slider-ctrls .data-nav .btn-next::before {border-width: 3px 3px 0 0;transform: rotate(45deg) translate(-1px, 1px);}
}
@media (max-width: 480px){
	.sect__sales .content01 .point__list:after {width: 120px;right: -2rem;}	
	.sect__sales .content01 .copy__wrap::before,
	.sect__sales .content01 .copy__wrap::after {width: 40px;}
	.sect__sales .content01 .copy__text {font-size: 26px;}
	.sect__sales .content02 .sales-graph__item .item__title .title {font-size: 34px;}
}



/* ******************* *
* PROFIT
* ******************* */
.sect__profit {padding: 15rem 0 26rem;background: #3D261B;}
.sect__profit .sect__header {margin-bottom: 6rem;}
.sect__profit .sect__title {color: #fff;font-size: 5rem;text-align: center;}
.sect__profit .sect__title span {color: var(--color-orange);font-size: 1.2em;}
.sect__profit .sect__title span b {display: inline-block;position: relative;}
.sect__profit .sect__title span b::before,
.sect__profit .sect__title span b::after {content: '';display: block;position: absolute;}
.sect__profit .sect__title span b::before {width: 53px;aspect-ratio: 53 / 48;background: url(../images/profit-img_title_deco.png) center / cover no-repeat;top: 0;right: 0;transform: translate(80%, -60%);}
.sect__profit .sect__title span b::after {width: 100%;aspect-ratio: 439 / 12;background: url(../images/profit-img_title_line.png) center / cover no-repeat;left: 0;right: 0;bottom: -5px;}
.sect__profit .sect__content .table__wrap {overflow-x: auto;position: relative;}
.sect__profit .sect__content .table__wrap table {table-layout: fixed;min-width: 925px;width: 100%;}
.sect__profit .sect__content .table__wrap table thead {background: var(--color-brown);color: #fff;font-family: var(--font-Aritaburi);font-size: 3rem;font-weight: 700;text-align: center;}
.sect__profit .sect__content .table__wrap table thead td {padding: 2.4rem 1.5rem;}
.sect__profit .sect__content .table__wrap table tbody {font-size: 2.5rem;font-weight: 600;text-align: center;}
.sect__profit .sect__content .table__wrap table tbody th {background: #EDCBA5;border-bottom: 1px solid #fff;}
.sect__profit .sect__content .table__wrap table tbody th {padding: 1.2rem 1.5rem;vertical-align: middle;}
.sect__profit .sect__content .table__wrap table tbody th:not(:last-child) {border-right: 1px solid #fff;}
.sect__profit .sect__content .table__wrap table tbody td {padding: 1.2rem 1.5rem;background: #FBF0E3;border-bottom: 1px solid #C9C8C6;vertical-align: middle;}
.sect__profit .sect__content .table__wrap table tbody td.amount {background: #fff;color: var(--color-orange);font-family: var(--font-Aritaburi);}
.sect__profit .sect__content .table__wrap table tbody tr:last-child th,
.sect__profit .sect__content .table__wrap table tbody tr:last-child td {border-bottom: 0;}
.sect__profit .sect__content .table__wrap .scroll-visible {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;width: 150px;height: 130px;border-radius: 8px;background: rgba(0,0,0,.5);backdrop-filter: blur(10px);color: #fff;font-size: 14px;font-weight: 500;text-align: center;line-height: 1.2;position: absolute;top: 19%;left: 50%;transform: translateX(-50%);transition: opacity .3s ease;z-index: 10;}
.sect__profit .sect__content .table__wrap .scroll-visible::before {content: '!';display: block;width: 24px;height: 24px;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;line-height: 23px;}
.sect__profit .sect__content .table__wrap .scroll-visible.active {opacity: 0;pointer-events: none;}

@media (max-width: 1400px){
	.sect__profit .sect__content .table__wrap table thead {font-size: 2.6rem;}
	.sect__profit .sect__content .table__wrap table tbody {font-size: max(2.2rem, 18px);}
}
@media (max-width: 640px){
	.sect__profit .sect__title {font-size: 4.80rem;}
	.sect__profit .sect__title span b::before {width: 46px;transform: translate(50%, -70%);}
}
@media (max-width: 480px){
	.sect__profit .sect__title {font-size: 32px;}
}



/* ******************* *
* COST
* ******************* */
.sect__cost {padding: 12rem 0 23rem;background: #F4F0E7;position: relative;}
.sect__cost::before,
.sect__cost::after {content: '';display: block;position: absolute;}
.sect__cost::before {width: 100%;aspect-ratio: 1918 / 718;background: url(../images/cost-img_bg_deco.png) center / cover no-repeat;left: 0;right: 0;bottom: 24rem;margin: auto;}
.sect__cost::after {width: 100%;aspect-ratio: 1918 / 113;background: url(../images/cost-img_bg_deco_btm.png) center / cover no-repeat;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}
.sect__cost .sect__header {margin-bottom: 6rem;text-align: center;}
.sect__cost .sect__content .table__wrap {margin-bottom: 4.5rem;overflow-x: auto;position: relative;}
.sect__cost .sect__content .table__wrap table {table-layout: fixed;min-width: 1048px;width: 100%;}
.sect__cost .sect__content .table__wrap table thead {background: var(--color-brown);color: #fff;font-family: var(--font-Aritaburi);font-size: 2.6rem;font-weight: 700;text-align: center;}
.sect__cost .sect__content .table__wrap table thead td {padding: .8rem;vertical-align: middle;}
.sect__cost .sect__content .table__wrap table thead td.size {font-size: 2rem;}
.sect__cost .sect__content .table__wrap table thead td.size30 {background: #BA8769;}
.sect__cost .sect__content .table__wrap table thead td.size40 {background: #E28E5C;}
.sect__cost .sect__content .table__wrap table thead td.size50 {background: #E56A21;}
.sect__cost .sect__content .table__wrap table tbody {font-size: 2.5rem;font-weight: 600;text-align: center;}
.sect__cost .sect__content .table__wrap table tbody tr:not(:last-child) {border-bottom: 1px solid #C2C2C2;}
.sect__cost .sect__content .table__wrap table tbody th {padding: 1.4rem 1.5rem;background: #EDCBA5;vertical-align: middle;}
.sect__cost .sect__content .table__wrap table tbody td {padding: 1.9rem 1.5rem;background: #FBF0E3;vertical-align: middle;}
.sect__cost .sect__content .table__wrap table tbody td.amount {background: #fff;color: var(--color-orange);}
.sect__cost .sect__content .table__wrap table tbody td.amount span {display: inline-block;margin-right: 1rem;padding: 0 .5rem;color: #A3A3A3;font-size: max(.80em, 18px);position: relative;}
.sect__cost .sect__content .table__wrap table tbody td.amount span.col {margin-right: 0;margin-bottom: 1rem;}
.sect__cost .sect__content .table__wrap table tbody td.amount span::after {content: '';display: block;width: 100%;height: 1px;background: #A3A3A3;position: absolute;inset: 0;margin: auto;}
.sect__cost .sect__content .table__wrap table tbody td:has(.in-list) {padding: 2.5rem;text-align: left;}
.sect__cost .sect__content .table__wrap table tbody td .in-list {font-size: max(2rem, 16px);line-height: 1.5;}
.sect__cost .sect__content .table__wrap table tbody td .in-list li {display: flex;gap: 5px;}
.sect__cost .sect__content .table__wrap table tbody td .in-list li::before {content: '-';}
.sect__cost .sect__content .table__wrap .scroll-visible {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;width: 150px;height: 130px;border-radius: 8px;background: rgba(0,0,0,.5);backdrop-filter: blur(10px);color: #fff;font-size: 14px;font-weight: 500;text-align: center;line-height: 1.2;position: absolute;top: 19%;left: 50%;transform: translateX(-50%);/* opacity: 0; */transition: opacity .3s ease;z-index: 10;}
.sect__cost .sect__content .table__wrap .scroll-visible::before {content: '!';display: block;width: 24px;height: 24px;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;line-height: 23px;}
.sect__cost .sect__content .table__wrap .scroll-visible.active {opacity: 0;pointer-events: none;}
.sect__cost .sect__content .alert__text {color: var(--color-brown);font-size: max(1.8rem, 16px);font-weight: 500;text-align: center;line-height: 1.8;}
.sect__cost .sect__content .alert__text span {font-size: 1.22em;font-weight: 700;}

@media (max-width: 1400px){
	.sect__cost .sect__content .table__wrap table thead {font-size: 2.4rem;}
	.sect__cost .sect__content .table__wrap table thead td.size {font-size: 17px;}
	.sect__cost .sect__content .table__wrap table tbody {font-size: max(2.2rem, 18px);}
}
@media (max-width: 1024px){
	.sect__cost .sect__content .table__wrap .scroll-visible {opacity: 1;}
}



/* ******************* *
* CONTACT
* ******************* */
.sect__contact {padding: 9rem 0 12rem;background: #432616;scroll-margin-top: var(--headerH);}
.sect__contact .cinner {display: flex;justify-content: space-between;gap: 3rem;}
.sect__contact .sect__header {color: #fff;}
.sect__contact .sect__header .call__num {display: flex;align-items: center;gap: 1rem;margin: 7rem 0 3rem;font-family: var(--font-Aritaburi);font-size: 7rem;font-weight: 500;}
.sect__contact .sect__header .call__num::before {flex-shrink: 0;content: '';display: block;width: 0.80em;aspect-ratio: 57 / 62;background: url(../images/contact-ico_call.svg) center / cover no-repeat;}
.sect__contact .sect__content {flex-shrink: 0;max-width: 794px;width: 57%;}
.sect__contact .sect__content .form__input-list {display: flex;flex-wrap: wrap;gap: 1rem 2rem;margin-bottom: 6rem;}
.sect__contact .sect__content .form__input-item {display: flex;justify-content: flex-end;align-items: center;gap: 2rem;width: 100%;}
.sect__contact .sect__content .form__input-item.col2 {width: calc((100% - 2rem) / 2);}
.sect__contact .sect__content .form__input-item .label {text-align: right;}
.sect__contact .sect__content .form__input-item .label label {color: #fff;font-size: 2rem;font-weight: 600;}
.sect__contact .sect__content .form__input-item .cont {flex-shrink: 0;width: calc(100% - 137px);}
.sect__contact .sect__content .form__input-item.col2 .cont {width: 250px;}
.sect__contact .sect__content .form__input-item .cont input[type="text"],
.sect__contact .sect__content .form__input-item .cont input[type="tel"] {width: 100%;height: 45px;padding: 1rem 1.5rem;border: 1px solid #BEBEBE;box-sizing: border-box;border-radius: 5px;font-size: max(1.8rem, 17px);}
.sect__contact .sect__content .form__input-item .cont textarea {min-height: 150px;width: 100%;padding: 1rem 1.5rem;border: 1px solid #BEBEBE;box-sizing: border-box;border-radius: 5px;font-family: var(--font-Pretendard);font-size: max(1.8rem, 17px);resize: none;}
.sect__contact .sect__content .form__input-item .cont input[type="text"]::placeholder,
.sect__contact .sect__content .form__input-item .cont input[type="tel"]::placeholder,
.sect__contact .sect__content .form__input-item .cont textarea::placeholder {color: #989898;font-size: 16px;}
.sect__contact .sect__content .form__input-item .cont .file-cont {display: flex;align-items: center;gap: 1rem;width: 100%;}
.sect__contact .sect__content .form__input-item .cont .file-input {display: none;}
.sect__contact .sect__content .form__input-item .cont .file-name {flex: 1;min-width: 0;}
.sect__contact .sect__content .form__input-item .cont .file-btn {flex-shrink: 0;display: flex;align-items: center;justify-content: center;height: 45px;padding: .85rem 4.5rem;border: 1px solid #BEBEBE;box-sizing: border-box;border-radius: 1rem;background: #6B6B6B;color: #fff;font-size: max(2rem, 17px);font-weight: 600;cursor: pointer;transition: .3s;}
.sect__contact .sect__content .form__input-item .cont .file-btn:hover {background: #555;}
.sect__contact .sect__content form .agree__cont {margin-bottom: 2.5rem;}
.sect__contact .sect__content form .agree__item {display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px;width: calc(100% - (65px + 2rem));margin-left: auto;}
.sect__contact .sect__content form .agree__item input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sect__contact .sect__content form .agree__item input[type="checkbox"] + label {display: inline-flex;align-items: center;margin-bottom: 0;padding-left: 23px;color: #fff;font-size: 17px;font-weight: 500;position: relative;cursor: pointer;}
.sect__contact .sect__content form .agree__item input[type="checkbox"] + label:before,
.sect__contact .sect__content form .agree__item input[type="checkbox"] + label:after { content: ''; display: block; box-sizing: border-box; position: absolute; top: -1px; bottom: 0; margin: auto; } 
.sect__contact .sect__content form .agree__item input[type="checkbox"] + label:before {border-radius: 2px;width: 15px;height: 15px;border: 2px solid #CBCBCB;border-radius: 2px;background: #fff;left: 0;}
.sect__contact .sect__content form .agree__item input[type="checkbox"] + label:after {border: 2px solid #333;border-top: 0;border-right: 0;width: 10px;aspect-ratio: 12 / 7;transform: rotate(-45deg);margin: 3px 0 0 3px;opacity: 0;top: -3px;left: 3px;margin: auto;}
.sect__contact .sect__content form .agree__item input[type="checkbox"]:checked + label:after { opacity: 1; transition:linear; }
.sect__contact .sect__content form .agree__item .agree-view {padding: 2px 4px;border: 0;background: #DADADA;color: #fff;font-size: 14px;cursor: pointer;}
.sect__contact .sect__content form .agree__cont [class*=privacy] {display: inline;color: var(--color-main);font-size: 18px;font-weight: 700;cursor: pointer;}
.sect__contact .sect__content form .btn-submit {display: block;width: calc(100% - (65px + 2rem));margin-left: auto;padding: 1.5rem;border: 0;border-radius: 5px;background: var(--color-orange);color: #fff;font-family: var(--font-Pretendard);font-size: max(2rem, 18px);font-weight: 700;text-align: center;cursor: pointer;transition: .35s;}
.sect__contact .sect__content form .btn-submit:hover,
.sect__contact .sect__content form .btn-submit:focus {opacity: .6;}
.modal__policy {max-width: 1200px;max-height: 600px;width: calc(100% - 40px);height: calc(100vh - 40px);border: 1px solid var(--color-brown);box-sizing: border-box;background: #fff;opacity: 0;position: fixed;top: 50%;left: 50%;transform: scale(0.95) translate(-50%, -50%);transform-origin: center center;z-index: 999;pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;}
.modal__policy.active {opacity: 1;transform: scale(1) translate(-50%, -50%);pointer-events: auto;}
.modal__policy .modal-close {width: 70px;height: 70px;border: 0;background: none;position: absolute;top: 0;right: 0;cursor: pointer;}
.modal__policy .modal-close::before,
.modal__policy .modal-close::after {content: '';display:  block;width: 2px;height:50%;background: #fff;position: absolute;top: 50%;left: 50%;}
.modal__policy .modal-close::after{transform: translate(-50%, -50%) rotate(45deg);}
.modal__policy .modal-close::before{transform: translate(-50%, -50%) rotate(-45deg);}
.modal__policy-cont {height: 100%;}
.modal__policy-cont .title {width: 100%;padding: 2rem 1rem;box-sizing: border-box;background: var(--color-brown);color: #fff;font-weight: 700;text-align: center;}
.modal__policy-cont .contents {max-width: calc(100% - 50px);width: 90%;height: calc(100% - 210px);margin: 70px auto;padding: 2rem;border: 1px solid #eee;box-sizing: border-box;font-size: 16px;overflow-y: auto;}
.modal__policy-cont .contents::-webkit-scrollbar {width: 10px;}
.modal__policy-cont .contents::-webkit-scrollbar-thumb {background-color: var(--color-main);}
.modal__policy-cont .contents::-webkit-scrollbar-track {background-color: #f9f9f9;}
.modal__policy-dim {background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(5px);position: fixed;inset: 0;z-index: 998;opacity: 0;pointer-events: none;transition: 0.35s ease;}
.modal__policy-dim.active {opacity: 1;pointer-events: auto;}

@media (max-width: 1200px){
	.sect__contact .cinner {flex-direction: column;}
	.sect__contact .sect__header {text-align: center;}
	.sect__contact .sect__title br {display: none;}
	.sect__contact .sect__header .call__num {justify-content: center;}
	.sect__contact .sect__content {/* max-width: 900px; */width: 100%;margin: 0 auto;}
}
@media (max-width: 1024px){
	.sect__contact .sect__content .form__input-item.col2 {width: 100%;}
	.sect__contact .sect__content .form__input-item .label {flex-shrink: 0;min-width: 100px;text-align: left;}
	.sect__contact .sect__content .form__input-item .cont {flex-shrink: inherit;width: calc(100% - 100px) !important;}
	.sect__contact .sect__content form .agree__item,
	.sect__contact .sect__content form .btn-submit {width: 100%;}
	.modal__policy-cont .contents {height: calc(100% - 150px);margin: 40px auto 0;}
}
@media (max-width: 768px){
	.sect__contact .sect__content .form__input-item .label {min-width: 90px;}
	.sect__contact .sect__content .form__input-item .cont {width: calc(100% - 90px) !important;}
}
@media (max-width: 640px){
	.sect__contact .sect__header .call__num {font-size: 6rem;}
}
@media (max-width: 480px){
	.sect__contact .sect__content .form__input-item {flex-direction: column;align-items: flex-start;gap: 5px;}
	.sect__contact .sect__content .form__input-item .cont {width: 100% !important;}
	.sect__contact .sect__content .form__input-item .cont .file-btn {padding: .85rem 2.5rem;}
}



/* ******************* *
* STORE
* ******************* */
.sect__store {padding: 12rem 0;background: url(../images/store-img_bg.jpg) center / cover no-repeat;}
.sect__store .sect__header {margin-bottom: 6rem;color: #fff;text-align: center;}
.sect__store .sect__content {max-width: 1200px;margin: 0 auto;}
.sect__store .tab__menu {margin-bottom: 1.5rem;}
.sect__store .tab__list {display: flex;flex-wrap: wrap;}
.sect__store .tab__item {width: 33.333%;text-align: center;}
.sect__store .tab__item a {display: block;width: 100%;padding: 2.4rem 1.5rem;border: 1px solid #4E4E4E;box-sizing: border-box;background: #000;color: #A6A6A6;font-family: var(--font-Aritaburi);font-size: 3rem;font-weight: 700;text-align: center;}
.sect__store .tab__item.active a {border-color: var(--color-orange);background: var(--color-orange);color: #fff;}
.sect__store .tab__content {display: none;position: relative;}
.sect__store .tab__content.active {display: block;}
.sect__store .tab__content .map__cont {min-height: 400px;width: 100%;aspect-ratio: 1200 / 454;margin-bottom: 2.8rem;}
.sect__store .tab__content .address {color: #fff;font-family: var(--font-Aritaburi);font-size: 3rem;font-weight: 700;text-align: center;}
.sect__store .tab__content .address span {display: inline-block;padding-left: 4rem;position: relative;}
.sect__store .tab__content .address span::before {content: '';display: block;width: 23px;aspect-ratio: 23 / 32;background: url(../images/store-ico_marker.svg) center / cover no-repeat;position: absolute;left: 0;top: 0;}

@media (max-width: 640px){
	.sect__store .tab__item a {font-size: 20px;}
	.sect__store .tab__content .address {font-size: 22px;}
}
@media (max-width: 480px){
	.sect__store .tab__item {width: 100%;}
}