@charset "utf-8";

/*
* File       : main.css
* Author     : B-WORKER
* Dependency : css/reset.css
*/

/* **************************************** *
 * 사이트 시작시 커버
 * **************************************** */
.main-cover{position:fixed; opacity:1; visibility:visible; top:0; left:0; z-index:999; width:100%; height:100%; background:#121212; transition:all 1.2s ease 0s;}

.motion-on .main-cover{opacity:0; visibility:hidden;}

/* **************************************** *
 * SECTION: main-visual
 * **************************************** */
.main-visual{position:relative; display:flex; align-items:center; height:var(--height-full); overflow:hidden; background:#111;}

.main-visual-container{position:absolute; inset:0; z-index:0;}
.main-visual-container, .main-visual-wrapper, .main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide{width:100%;}

.main-visual__bg{position:absolute; inset:0;}
.main-visual__bg i{display:block; width:100%; height:100%; background-color:#171717; background-position:50% 50%; background-size:cover; opacity:1;}

/* scale 배경 래퍼 사이즈 */
.main-visual__bg [data-ani-wrap]{position:absolute; inset:0; overflow:hidden; display:block;}
.main-visual__bg--01 i{background-image:url(../img/main/main-visual-01.webp);}
.main-visual__bg--02 i{background-image:url(../img/main/main-visual-02.webp);}
.main-visual__bg--03 i{background-image:url(../img/main/main-visual-03.webp);}
.main-visual__bg--04 i{background-image:url(../img/main/main-visual-04.webp);}
.main-visual__bg::before{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(0,0,0,.7) 17.034%, rgba(0,0,0,0) 49.108%); mix-blend-mode:multiply;}
.main-visual__bg::after{content:""; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:250rem; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%); mix-blend-mode:multiply;}

.main-visual__wrap{position:relative; z-index:5; width:100%; padding-top:30rem;}

.main-visual__inr{display:flex; flex-direction:column; align-items:flex-start; gap:70rem; width:506rem; max-width:100%;}

.visual-txt{display:flex; flex-direction:column; align-items:flex-start; gap:42rem;}
.visual-title{display:flex; flex-direction:column; align-items:flex-start; gap:24rem;}
.visual-title h2{color:var(--w);}
.visual-title p{color:var(--op-w70);}

.main-visual .btn-basic{padding:16rem 22rem 16rem 24rem; font-size:16rem;}

/* 헤드라인 글자 리빌 */
.visual-title__reveal-char{opacity:.15; transition:opacity .5s ease;}
.visual-title__reveal.is-revealed .visual-title__reveal-char{opacity:1;}

.visual-control{display:flex; align-items:center; gap:18rem;}
.visual-pagination{display:flex; align-items:center; gap:10rem;}
.visual-pagination.swiper-pagination{position:static;}
.visual-pagination .swiper-pagination-bullet{width:8rem; height:8rem; margin:0 !important; background:var(--op-w30); border-radius:100rem; opacity:1; transition:var(--trans-01);}
.visual-pagination .swiper-pagination-bullet-active{width:18rem; background:var(--w);}

@media (max-width:1480px){
	.main-visual__inr{width:440rem;}
	.main-visual__wrap{padding-top:26rem;}
}

@media (max-width:1200px){
	.main-visual__inr{gap:56rem;}
	.main-visual__wrap{padding-top:22rem;}
	.visual-txt{gap:34rem;}
}

@media (max-width:1023px){
	.main-visual{min-height:600rem;}
	.main-visual__inr{width:400rem;}
	.main-visual__wrap{padding-top:18rem;}
	.visual-txt{gap:28rem;}
	.visual-title{gap:18rem;}
}

@media (max-width:860px){
	.main-visual__inr{gap:40rem; width:360rem;}
	.main-visual__wrap{padding-top:14rem;}
	.visual-control{gap:14rem;}
	.visual-pagination{gap:8rem;}
}

@media (max-width:540px){
	.main-visual{min-height:640rem; align-items:flex-end;}
	.main-visual__bg i{background-position:61% 50%;}
	.main-visual__inr{width:100%; gap:32rem;}
	.main-visual__wrap{padding:0 0 115rem;}
	.visual-txt{gap:24rem;}
	.visual-title{gap:14rem;}
	.visual-title h2{font-size:34rem; line-height:1.2727;}
	.main-visual .btn-basic{padding:13rem 20rem 13rem 22rem; font-size:15rem; display:none;}
	.visual-control{gap:12rem;}
	.visual-pagination{gap:6rem;}
}

/* **************************************** *
 * SECTION: main-merit
 * **************************************** */
.main-merit{position:relative; overflow:hidden; padding:180rem 0 263rem; background:#000;}

.main-merit__bg{position:absolute; inset:0; z-index:0;}
.main-merit__bg i{display:block; width:100%; height:100%; background:radial-gradient(ellipse 80% 70% at 50% 55%, color-mix(in srgb, var(--bg-secondary-dark) 27%, var(--bg-dark) 73%) 0%, var(--bg-dark) 45%, transparent 80%);}

.main-merit__inr{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:80rem;}

.main-merit__list{display:flex; flex-direction:column; align-items:center; gap:52rem; width:100%;}
.main-merit__ul{display:flex; align-items:center; width:100%;}

.main-merit__item{position:relative; display:flex; flex:1 0 0; flex-direction:column; align-items:center; gap:20rem; min-width:0;}
.main-merit__item:not(:first-child)::before{content:""; position:absolute; left:0; top:50%; width:1px; height:132rem; background:var(--op-w20); transform:translateY(-50%);}

.main-merit__item-icon{position:relative; display:block; width:50rem; height:50rem;}
.main-merit__item-icon:not(.main-merit__item-icon--01) img{display:block; width:100%; height:100%; object-fit:contain;}

.main-merit__item-icon--01 img{position:absolute;}
.ic-merit01__medal{left:calc(50% + 0.16rem); top:calc(50% - 5.95rem); width:32.1rem; height:32.1rem; transform:translate(-50%, -50%);}
.ic-merit01__num{left:calc(50% + 0.16rem); top:calc(50% - 6.22rem); width:17.05rem; height:17.122rem; transform:translate(-50%, -50%);}
.ic-merit01__ribbon{left:calc(50% + 0.16rem); top:calc(50% + 12.28rem); width:40.322rem; height:20.589rem; transform:translate(-50%, -50%);}

.main-merit__item h3{color:var(--w); text-align:center;}
.main-merit__item h3 .c-primary{font-size:var(--default); line-height:24rem;}

.main-merit__note{width:100%; text-align:center; color:var(--op-w30);}

.main-merit__count{display:flex; flex-direction:column; align-items:center; padding:75rem 160rem 80rem; background:rgba(0,0,0,.85); backdrop-filter:blur(5rem); border-radius:40rem; text-align:center;}
.main-merit__count-line{display:flex; align-items:center; gap:5rem;}
.main-merit__count-num{display:inline-block; color:var(--c-primary); text-align:right; font-variant-numeric:tabular-nums;}
.main-merit__count-text{color:var(--w);}

@media (max-width:1480px){
	.main-merit{padding:150rem 0 220rem;}
	.main-merit__count{padding:64rem 120rem 68rem; border-radius:34rem;}
}

@media (max-width:1200px){
	.main-merit{padding:120rem 0 180rem;}
	.main-merit__count{padding:54rem 90rem 58rem; border-radius:30rem;}
}

@media (max-width:1023px){
	.main-merit{padding:100rem 0 150rem;}
	.main-merit__inr{gap:60rem;}
	.main-merit__count{padding:46rem 60rem 50rem; backdrop-filter:blur(4rem); border-radius:28rem;}
	.main-merit__count-line{gap:4rem;}
}

@media (max-width:860px){
	.main-merit{padding:90rem 0 100rem;}
	.main-merit__ul{flex-wrap:wrap; row-gap:40rem;}
	.main-merit__item{flex:0 0 50%; gap:16rem;}
	.main-merit__item:not(:first-child)::before{display:none;}
	.main-merit__count{padding:40rem 40rem 44rem; border-radius:24rem;}
}

@media (max-width:540px){
	.main-merit{padding:70rem 0 80rem;}
	.main-merit__inr{gap:44rem;}
	.main-merit__list{gap:36rem;}
	.main-merit__ul{row-gap:32rem;}
	.main-merit__item{flex:0 0 50%; gap:14rem;}
	.main-merit__note{font-size:var(--font-15);}
	.main-merit__count{padding:32rem 24rem 36rem; backdrop-filter:blur(3rem); border-radius:20rem;}
	.main-merit__count-line{flex-wrap:wrap; justify-content:center; gap:4rem;}
	.main-merit__count-text{font-size:var(--font-27);}
}

/* **************************************** *
 * SECTION: main-product
 * **************************************** */
.main-product{padding:160rem 0; background:var(--bg-light);}

.product-slider{height:560rem;}
.product-slider .swiper-wrapper, .product-slider .swiper-slide{height:100% !important;}
.product-slider .swiper-slide{background-color:transparent;}

.product-slide{display:flex; align-items:center; justify-content:space-between; gap:132rem;}

.product-con{display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; width:508rem; height:100%; flex-shrink:0;}

.product-txt{display:flex; flex-direction:column; align-items:flex-start;}
.product-txt__label{margin-bottom:24rem; color:var(--c-gold);}
.product-txt h2{margin-bottom:28rem;}

.product-list{display:flex; flex-direction:column; align-items:flex-start; gap:10rem;}
.product-list li{display:flex; align-items:flex-start; gap:8rem;}
.product-list li::before{content:""; flex-shrink:0; width:6rem; height:6rem; margin-top:calc((1em * var(--lh-default) - 6rem) / 2); background:var(--b-title); border-radius:50%;}

.product-bottom{display:flex; flex-direction:column; align-items:flex-start; gap:50rem; width:100%; padding-top:30rem; border-top:1px solid var(--op-b10);}
.product-bottom .btn-basic{padding-top:16rem; padding-bottom:16rem;}

.product-detail{display:flex; flex-direction:column; align-items:flex-start; gap:10rem;}
.product-detail__row{display:flex; align-items:center; gap:15rem;}
.product-detail__row i{display:block; width:1px; height:25rem; background:var(--op-b10);}

.product-img{position:relative; overflow:hidden; width:640rem; height:100%; border-radius:40rem; flex-shrink:0;}
.product-img img{display:block; width:100%; height:100%; object-fit:cover;}

.product-badge{position:absolute; top:30rem; right:29.5rem; z-index:5; width:150rem; height:150rem;}
.product-badge img{display:block; width:100%; height:100%; filter:drop-shadow(8rem 10rem 10rem var(--op-b30));}
.product-badge__text{position:absolute; top:52%; left:50%; z-index:1; width:100%; transform:translate(-50%, -50%); text-align:center; color:var(--w); text-shadow:0 2rem 5rem var(--op-b50); line-height:1.15;}

.main-product__inr{padding-bottom:40rem;}
.main-product__inr .visual-pagination{position:absolute; right:320rem; bottom:0; z-index:5; transform:translateX(50%);}
.main-product__inr .visual-pagination.is-hidden{display:none;}
.main-product__inr .visual-pagination .swiper-pagination-bullet{background:var(--c-secondary); opacity:.4;}
.main-product__inr .visual-pagination .swiper-pagination-bullet-active{opacity:1;}

@media (max-width:1480px){
	.product-slider{height:500rem;}
	.product-slide{gap:80rem;}
	.product-con{width:440rem;}
	.product-img{width:560rem;}
	.main-product__inr{padding-bottom:36rem;}
	.main-product__inr .visual-pagination{right:280rem;}
}

@media (max-width:1200px){
	.main-product{padding:130rem 0;}
	.product-slider{height:auto;}
	.product-slider .swiper-slide{height:auto !important;}
	.product-slide{flex-direction:column-reverse; gap:50rem;}
	.product-con{width:100%; height:auto; flex-grow:1; gap:40rem;}
	.product-img{width:100%; max-width:640rem; height:480rem;}

	.main-product__inr{padding-bottom:0;}
	.main-product__inr .visual-pagination{right:auto; left:50%; top:501rem; bottom:auto; transform:translateX(-50%);}
}

@media (max-width:1023px){
	.main-product{padding:100rem 0;}
	.main-product__inr{padding-bottom:0;}
}

@media (max-width:860px){
	.main-product{padding:80rem 0;}
	.product-txt__label{margin-bottom:18rem;}
	.product-txt h2{margin-bottom:20rem;}
	.product-list{gap:8rem;}
	.product-list li{gap:6rem;}
	.product-detail{gap:8rem;}
	.product-detail__row{gap:12rem;}
	.product-img{height:400rem;}
	.product-badge{width:110rem; height:110rem; top:20rem; right:20rem;}
	.product-badge__text{font-size:var(--font-15);}
	.main-product__inr{padding-bottom:0;}
	.main-product__inr .visual-pagination{top:421rem;}
}

@media (max-width:540px){
	.main-product{padding:60rem 0;}
	.product-slide{gap:36rem;}
	.product-con{gap:30rem;}
	.product-txt__label{margin-bottom:14rem;}
	.product-txt h2{margin-bottom:16rem;}
	.product-list{gap:6rem;}
	.product-list li::before{width:4rem; height:4rem; margin-top:calc((1em * 1.6 - 4.6rem) / 2);}
	.product-detail__row{gap:10rem;}
	.product-bottom{gap:30rem; padding-top:20rem;}
	.product-img{height:320rem; border-radius:24rem;}
	.product-badge{width:100rem; height:100rem;}
	.product-badge__text{font-size:var(--font-15);}
	.product-bottom .btn-basic{padding-top:14rem; padding-bottom:14rem;}
	.main-product__inr{padding-bottom:0;}
	.main-product__inr .visual-pagination{top:334rem;}
}

/* **************************************** *
 * main-title (main-price / main-sample / main-faq 공용)
 * **************************************** */
.main-title{display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:55rem;}
.main-title__label{margin-bottom:24rem; color:var(--c-secondary);}
.main-title__desc{margin-top:18rem; color:var(--w);}

.main-price .main-title h2,
.main-faq .main-title h2{color:var(--w);}

.main-price .main-title{margin-bottom:80rem;}

@media (max-width:1480px){
	.main-title{margin-bottom:46rem;}
	.main-title__label{margin-bottom:20rem;}
	.main-title__desc{margin-top:16rem;}
	.main-price .main-title{margin-bottom:67rem;}
}

@media (max-width:1200px){
	.main-title{margin-bottom:38rem;}
	.main-title__label{margin-bottom:18rem;}
	.main-title__desc{margin-top:14rem;}
	.main-price .main-title{margin-bottom:55rem;}
}

@media (max-width:1023px){
	.main-title{margin-bottom:32rem;}
	.main-title__label{margin-bottom:16rem;}
	.main-title__desc{margin-top:12rem;}
	.main-price .main-title{margin-bottom:46rem;}
}

@media (max-width:860px){
	.main-title{margin-bottom:26rem;}
	.main-title__label{margin-bottom:14rem;}
	.main-title__desc{margin-top:10rem;}
	.main-price .main-title{margin-bottom:38rem;}
}

@media (max-width:540px){
	.main-title{margin-bottom:20rem;}
	.main-title__label{margin-bottom:12rem;}
	.main-title__desc{margin-top:8rem;}
	.main-price .main-title{margin-bottom:29rem;}
}

/* **************************************** *
 * SECTION: main-bottom
 * **************************************** */
.main-bottom{position:relative; overflow-x:clip; background:var(--bg-dark);}

/* **************************************** *
 * SECTION: main-price
 * **************************************** */
.main-price{position:relative; overflow:hidden; padding:160rem 0 175rem;}

.main-price__inr{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center;}

.price-table{display:flex; flex-direction:column; align-items:center; gap:40rem; width:100%;}
.price-table > .table-scroll-wrap{align-self:stretch; width:100%; min-width:0;}
.price-table + .price-table{margin-top:140rem;}

.price-table__pill{display:inline-flex; align-items:center; justify-content:center; padding:18rem 30rem; background:var(--op-w05); border-radius:70rem; color:var(--w);}

.main-price .table-scroll-swiper__inner > em{font-size:12rem; color:var(--w);}

table.price-table__table{width:100%; border-top:1px solid var(--op-w10); table-layout:fixed;}
table.price-table__table th,
table.price-table__table td{padding-left:20rem; padding-right:20rem;}
table.price-table__table th{padding-top:18rem; padding-bottom:18rem; font-weight:600; color:var(--op-w30);}
table.price-table__table tbody td{padding-top:21rem; padding-bottom:21rem; border:0; border-bottom:1px solid var(--op-w10); color:var(--w);}
table.price-table__table thead tr:last-child th{border-bottom:1px solid var(--op-w10);}
table.price-table__table tbody td:first-child{white-space:nowrap;}

.price-table__highlight{position:relative; z-index:0; background:var(--bg-secondary-dark);}
table.price-table__table thead .price-table__highlight{background:none;}
table.price-table__table thead .price-table__highlight::before{content:""; position:absolute; z-index:-1; left:0; right:0; top:-15rem; bottom:0; background:var(--bg-secondary-dark); border-radius:20rem 20rem 0 0; box-shadow:10rem 10rem 10rem var(--op-b10);}
table.price-table__table tbody .price-table__highlight{filter:drop-shadow(10rem 10rem 5rem var(--op-b10));}
table.price-table__table tbody tr:last-child .price-table__highlight{background:none; filter:none;}
table.price-table__table tbody tr:last-child .price-table__highlight::after{content:""; position:absolute; z-index:-1; left:0; right:0; top:0; bottom:-15rem; background:var(--bg-secondary-dark); border-radius:0 0 20rem 20rem; box-shadow:10rem 10rem 10rem var(--op-b10);}

@media (max-width:1480px){
	.main-price{padding:130rem 0 145rem;}
	.price-table{gap:34rem;}
	.price-table + .price-table{margin-top:116rem;}
	.price-table__pill{padding:16rem 26rem;}
	table.price-table__table th,
	table.price-table__table td{padding-left:16rem; padding-right:16rem;}
	table.price-table__table th{padding-top:16rem; padding-bottom:16rem;}
	table.price-table__table tbody td{padding-top:19rem; padding-bottom:19rem;}
}

@media (max-width:1200px){
	.main-price{padding:105rem 0 118rem;}
	.price-table{gap:30rem;}
	.price-table + .price-table{margin-top:94rem;}
	.price-table__pill{padding:14rem 22rem;}
	table.price-table__table th,
	table.price-table__table td{padding-left:12rem; padding-right:12rem;}
	table.price-table__table th{padding-top:15rem; padding-bottom:15rem;}
	table.price-table__table tbody td{padding-top:17rem; padding-bottom:17rem;}
}

@media (max-width:1023px){
	.main-price{padding:85rem 0 95rem;}
	.price-table{gap:26rem;}
	.price-table + .price-table{margin-top:70rem;}
	.price-table__pill{padding:12rem 20rem;}
	table.price-table__table th,
	table.price-table__table td{padding-left:10rem; padding-right:10rem;}
	table.price-table__table th{padding-top:14rem; padding-bottom:14rem;}
	table.price-table__table tbody td{padding-top:16rem; padding-bottom:16rem;}
}

@media (max-width:860px){
	.main-price{padding:65rem 0 75rem;}
	.price-table{gap:22rem;}
	.price-table + .price-table{margin-top:52rem;}
	.price-table__pill{padding:10rem 18rem;}
	table.price-table__table th,
	table.price-table__table td{padding-left:8rem; padding-right:8rem;}
	table.price-table__table th{padding-top:13rem; padding-bottom:13rem;}
	table.price-table__table tbody td{padding-top:15rem; padding-bottom:15rem;}
}

@media (max-width:540px){
	.main-price{padding:50rem 0 60rem;}
	.main-price .table-scroll-cover{touch-action:pan-x;}
	.price-table{gap:18rem;}
	.price-table + .price-table{margin-top:40rem;}
	.price-table__pill{padding:9rem 16rem;}
	table.price-table__table th,
	table.price-table__table td{padding-left:6rem; padding-right:6rem;}
	table.price-table__table th{padding-top:12rem; padding-bottom:12rem;}
	table.price-table__table tbody td{padding-top:14rem; padding-bottom:14rem;}
}

/* **************************************** *
 * SECTION: main-sample
 * **************************************** */
.main-sample{position:relative; padding:100rem 0 160rem; background:var(--bg-light);} /* owner-ok: 배경 분리 후 크림 영역 상단 여백 */

.main-sample__anchor{display:block; position:absolute; top:-110rem; left:0; width:0; height:0; pointer-events:none;}

.main-sample__inr{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center;}
.main-sample .main-title__desc{color:var(--b-default);}

.sample-box{display:flex; flex-direction:column; align-items:stretch; gap:30rem; width:100%; padding:60rem; background:var(--w); border-radius:40rem;}

.sample-box__head{display:flex; align-items:flex-end; justify-content:space-between; width:100%;}
.sample-box__title{display:flex; flex-direction:column; align-items:flex-start; gap:10rem;}
.sample-box__required{color:var(--op-b40);}

.cs-form-wrap{width:100%; padding:32rem 0 42rem; border-top:1px solid var(--op-b10); border-bottom:1px solid var(--op-b10);}

.cs-form{display:flex; flex-direction:column; align-items:flex-start; gap:32rem; width:100%;}
.main-sample .cs-form{border-top:0; margin-top:0; padding-top:0;}
.main-sample #captcha #captcha_info{font-size:max(12px, 13rem) !important;} /* px-keep */
.cs-form__grid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:32rem 42rem; width:100%;}

.input-box{display:flex; flex-direction:column; align-items:flex-start; gap:10rem; width:100%;}
.input-box--half{width:449rem; max-width:100%;}
.input-box__label-row{display:flex; align-items:center; justify-content:space-between; width:100%;}
.input-box__label{display:flex; align-items:center; gap:3rem; color:var(--b-title);}
.input-box__req{font-style:normal; color:var(--c-primary);}
.input-box__caption{color:var(--op-b40);}

.input-box input[type="text"],
.input-box input[type="tel"]{width:100%; height:55rem; padding:15rem; background:var(--w); border:1px solid var(--op-b10); border-radius:5rem; font-size:var(--font-15); line-height:1.3333; color:var(--b-title);}
.input-box input::placeholder{color:var(--op-b40);}

.inquiry-type{display:flex; align-items:center; gap:5rem; width:100%;}
.inquiry-type__box{display:flex; flex:1 0 0; align-items:center; justify-content:center; min-width:0; height:55rem; padding:0 20rem; background:var(--w); border:1px solid var(--op-b10); border-radius:5rem; cursor:pointer; transition:var(--trans-01);}
.inquiry-type__box span{white-space:nowrap;}
.inquiry-type__box.is-checked{background:var(--bg-light); border-color:var(--c-secondary);}
.inquiry-type__box.is-checked span{font-weight:var(--weight-600); color:var(--b-title);}

.select-box{position:relative; width:100%;}
.select-box::after{content:""; position:absolute; top:50%; right:15rem; width:8rem; height:8rem; background:url(../img/common/btn-arrow-select.svg) no-repeat 50% 50%; background-size:contain; transform:translateY(-50%) rotate(90deg); pointer-events:none;}
.select-box select{display:block; width:100%; height:55rem; padding:15rem 40rem 15rem 15rem; background:var(--w); background-image:none !important; border:1px solid var(--op-b10); border-radius:5rem; font-size:var(--font-15); color:var(--b-title); cursor:pointer; appearance:none; -webkit-appearance:none;}

.cs-notice{display:flex; flex-direction:column; align-items:flex-start; gap:12rem; width:100%; margin-top:36rem; padding:34rem 30rem; background:var(--bg-default); border:1px solid var(--op-b10); border-radius:10rem;}
.cs-notice__confirm{display:flex; align-items:center; gap:7rem;}
.cs-notice__icon{display:block; width:18.713rem; height:18rem;}
.cs-notice__account-row{display:flex; align-items:center; gap:15rem; width:100%;}
.cs-notice__line{display:block; width:1px; height:22rem; background:var(--op-b10);}
.cs-notice__account{display:flex; align-items:center; gap:8rem;}

.cs-agree{display:flex; flex-direction:column; align-items:flex-start; width:100%; margin-top:36rem;}
.cs-agree__row{display:flex; align-items:center; gap:12rem; cursor:pointer;}
.cs-agree__row + .cs-agree__row{margin-top:12rem;}
.cs-agree__row span{color:var(--b-title);}
.cs-agree__row input[type="checkbox"]{appearance:none; -webkit-appearance:none; position:relative; flex-shrink:0; width:22rem; height:22rem; min-height:22rem; margin:0; background:url(../img/common/ic-checkbox-off.svg) no-repeat 50% 50%; background-size:contain; cursor:pointer;}
.cs-agree__row input[type="checkbox"]:checked{background-image:url(../img/common/ic-checkbox-on.svg);}
.cs-agree__note{margin-top:20rem;}
.cs-agree__note p{color:var(--op-b40);}
.cs-agree__note p + p{margin-top:4rem;}

.sample-box .btn-basic{display:flex; width:fit-content; margin:30rem auto 0; padding-top:16rem; padding-bottom:16rem;}

/* === 샘플신청 완료 팝업 (privacy-popup 컴포넌트 재사용) === */
#sample-complete-popup .modal-content{display:flex; flex-direction:column; align-items:center; text-align:center;}
#sample-complete-popup .privacy-popup__inr{display:flex; flex-direction:column; align-items:center; gap:10rem;}
#sample-complete-popup .privacy-popup__inr p{color:var(--op-b40);}

.cs-footer{display:flex; align-items:center; justify-content:center; gap:20rem; margin-top:50rem;}
.cs-tel{display:flex; align-items:center; gap:13rem;}
.cs-tel img{display:block; width:29.75rem; height:28rem; filter:brightness(0);}
.cs-tel strong,
.cs-footer__hours{color:var(--b-title);}
.cs-footer__line{display:block; width:1px; height:28rem; background:var(--op-b10);}

@media (max-width:1480px){
	.main-sample{padding:83rem 0 130rem;}
	.sample-box{gap:24rem; padding:48rem;}
	.cs-form{gap:26rem;}
	.cs-form__grid{gap:26rem 34rem;}
	.cs-footer{margin-top:46rem;}
	.input-box input[type="text"],
	.input-box input[type="tel"]{padding:13rem;}
	.select-box select{padding:13rem 36rem 13rem 13rem;}
	.cs-notice, .cs-agree{margin-top:29rem;}
	.sample-box .btn-basic{margin-top:26rem;}
	.cs-agree__note{margin-top:17rem;}
}

@media (max-width:1200px){
	.main-sample{padding:67rem 0 105rem;}
	.sample-box{gap:20rem; padding:40rem; border-radius:32rem;}
	.cs-form-wrap{padding:26rem 0 34rem;}
	.cs-form{gap:22rem;}
	.cs-form__grid{gap:22rem 28rem;}
	.cs-footer{margin-top:38rem;}
	.input-box input[type="text"],
	.input-box input[type="tel"]{padding:12rem;}
	.select-box select{padding:12rem 32rem 12rem 12rem;}
	.cs-notice, .cs-agree{margin-top:25rem;}
	.sample-box .btn-basic{margin-top:22rem;}
	.cs-agree__note{margin-top:15rem;}
	.main-sample [data-body="xxsm"],
	.main-sample [data-body="xsm"]{font-size:var(--font-16);}
	.main-price .table-scroll-swiper__inner > em{font-size:var(--font-16);}
}

@media (max-width:1023px){
	.main-sample{padding:54rem 0 85rem;}
	.sample-box{gap:18rem; padding:32rem; border-radius:28rem;}
	.cs-form-wrap{padding:22rem 0 28rem;}
	.cs-form{gap:20rem;}
	.cs-form__grid{gap:20rem;}
	.input-box--half{width:100%;}
	.sample-box__head{flex-direction:column; align-items:flex-start; gap:14rem;}
	.cs-footer{flex-direction:column; gap:10rem; margin-top:32rem;}
	.cs-footer__line{display:none;}
	.input-box input[type="text"],
	.input-box input[type="tel"]{padding:11rem;}
	.select-box select{padding:11rem 30rem 11rem 11rem;}
	.cs-notice, .cs-agree{margin-top:22rem;}
	.sample-box .btn-basic{margin-top:19rem;}
	.cs-agree__note{margin-top:13rem;}
}

@media (max-width:860px){
	.main-sample{padding:43rem 0 65rem;}
	.sample-box{gap:16rem; padding:24rem; border-radius:22rem;}
	.cs-form-wrap{padding:18rem 0 24rem;}
	.cs-form{gap:18rem;}
	.cs-form__grid{gap:18rem;}
	.cs-notice{padding:22rem 20rem; margin-top:20rem;}
	.cs-agree{margin-top:20rem;}
	.sample-box .btn-basic{margin-top:16rem;}
	.cs-footer{margin-top:32rem;}
	.input-box input[type="text"],
	.input-box input[type="tel"]{padding:10rem;}
	.select-box select{padding:10rem 28rem 10rem 10rem;}
	.cs-agree__note{margin-top:11rem;}
}

@media (max-width:540px){
	.main-sample__anchor{top:-90rem;}
	.main-sample{padding:34rem 0 50rem;}
	.sample-box{gap:14rem; padding:20rem; border-radius:20rem;}
	.cs-form-wrap{padding:16rem 0 20rem;}
	.cs-form{gap:16rem;}
	.cs-form__grid{grid-template-columns:1fr; gap:16rem;}
	.cs-notice{padding:18rem 16rem; margin-top:18rem;}
	.cs-notice__account-row{flex-direction:column; align-items:flex-start; gap:8rem;}
	.cs-notice__line{display:none;}
	.cs-notice__account{flex-direction:column; align-items:flex-start; gap:4rem;}
	.cs-notice__account > strong{white-space:nowrap;}
	.cs-agree{margin-top:18rem;}
	.sample-box .btn-basic{margin-top:14rem; padding-top:14rem; padding-bottom:14rem;}
	.cs-footer{margin-top:30rem;}
	.cs-footer__hours{font-size:var(--font-16); font-weight:var(--weight-300);}
	.input-box input[type="text"],
	.input-box input[type="tel"]{padding:9rem;}
	.select-box select{padding:9rem 26rem 9rem 9rem;}
	.cs-agree__note{margin-top:10rem;}
}

/* **************************************** *
 * SECTION: main-faq
 * **************************************** */
.main-faq{position:relative; overflow:hidden; padding:160rem 0;}

.main-faq__bg{position:absolute; inset:0; z-index:0; background:#d9d9d9;}
.main-faq__bg i{display:block; width:100%; height:100%; background:url(../img/main/main-faq-bg.webp) no-repeat 50% 50%; background-size:cover;}

.main-faq__inr{position:relative; z-index:2;}

.faq-list{display:flex; flex-direction:column; gap:10rem; width:100%;}

.faq-list__item{position:relative; overflow:hidden; padding:8rem 30rem; background:var(--op-b80); backdrop-filter:blur(6rem); border-radius:20rem;}
.faq-list__item--active{background:var(--bg-secondary-dark); box-shadow:8rem 10rem 12rem var(--op-b30);}

.faq-list__q{display:flex; align-items:center; gap:12rem; width:100%; padding:22rem 0; background:none; border:0; cursor:pointer; text-align:left;}

.faq-list__label{flex-shrink:0; color:var(--op-w30);}
.faq-list__question{flex:1 0 0; min-width:0; color:var(--w);}
.faq-list__item--active .faq-list__label,
.faq-list__item--active .faq-list__question{color:var(--w);}

.faq-arrow{position:relative; flex-shrink:0; width:24rem; height:24rem; margin-left:auto;}
.faq-arrow::before,
.faq-arrow::after{content:""; position:absolute; top:50%; left:50%; width:18rem; height:2rem; margin:-1rem 0 0 -9rem; background:var(--op-w30); border-radius:2rem;}
.faq-arrow::after{transform:rotate(90deg);}
.faq-list__item--active .faq-arrow::before,
.faq-list__item--active .faq-arrow::after{background:var(--w);}
.faq-list__item--active .faq-arrow::after{display:none;}

.faq-list__a{display:none; align-items:baseline; gap:12rem; padding:22rem 0; border-top:1px solid var(--op-w10);}
.faq-list__item--active .faq-list__a{display:flex;}
.faq-list__answer{color:var(--w);}

@media (max-width:1480px){
	.main-faq{padding:130rem 0;}
}

@media (max-width:1200px){
	.main-faq{padding:105rem 0;}
	.faq-list__item{padding:8rem 24rem;}
}

@media (max-width:1023px){
	.main-faq{padding:85rem 0;}
	.faq-list__item{padding:6rem 20rem;}
	.faq-list__q{padding:18rem 0;}
	.faq-list__a{padding:18rem 0;}
}

@media (max-width:860px){
	.main-faq{padding:65rem 0;}
	.faq-list{gap:8rem;}
	.faq-list__item{padding:6rem 16rem;}
	.faq-list__q{padding:16rem 0; gap:10rem;}
	.faq-list__a{padding:16rem 0; gap:10rem;}
}

@media (max-width:540px){
	.main-faq{padding:50rem 0;}
	.faq-list{gap:8rem;}
	.faq-list__item{padding:4rem 16rem; border-radius:16rem;}
	.faq-list__q{padding:14rem 0; gap:8rem;}
	.faq-list__a{padding:14rem 0; gap:8rem;}
	.faq-arrow{width:20rem; height:20rem;}
	.faq-arrow::before,
	.faq-arrow::after{width:14rem; margin:-1rem 0 0 -7rem;}
	.faq-list__answer{font-size:var(--font-15); font-weight:var(--weight-300);}
}