@charset "utf-8";

.prod-tab {margin-bottom:var(--space-90);}
.prod-tab ul {display:flex; gap:0 var(--space-30);}
.prod-tab ul li {flex:1;}
.prod-tab ul li a {display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:5px; height:clamp(45px, calc(70 / var(--inner) * 100vw), 70px);}
.prod-tab ul li a .ico {width:clamp(80px, calc(133 / var(--inner) * 100vw), 133px); height:clamp(30px, calc(44 / var(--inner) * 100vw), 44px); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.prod-tab ul li a.link1 .ico {background-image:url(/images/sub/prod-tab1.png);}
.prod-tab ul li a.link2 .ico {background-image:url(/images/sub/prod-tab2.png);}
.prod-tab ul li a.link3 .ico {background-image:url(/images/sub/prod-tab3.png);}
.prod-tab ul li.active a {background:var(--color-primary); border-color:var(--color-primary);}
.prod-tab ul li.active a.link1 .ico {background-image:url(/images/sub/prod-tab1-w.png);}
.prod-tab ul li.active a.link3 .ico {background-image:url(/images/sub/prod-tab3-w.png);}

.doc-cnt {margin-bottom:var(--space-120);}

.s-title {text-align:center; margin-bottom:var(--space-80);}
.s-title h2 {margin-bottom:var(--space-10); font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.s-title p {font-size:var(--font-size-20); font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.s-title p strong {color:var(--color-primary);}

.in-title {margin-bottom:var(--space-30);}
.in-title h3 {font-size:var(--font-size-22); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.in-title p {margin-top:var(--space-10); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.why {margin-bottom:var(--space-25);}
.why .tit {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#6e9fc1;}
.why .txt {padding-left:.5em; margin-top:var(--space-10); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.ico-head {border-bottom:1px solid #ddd; padding-bottom:var(--space-15); margin-bottom:var(--space-30); position:relative; padding-left:30px; font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.ico-head:before {content:''; width:20px; height:20px; position:absolute; left:0; top:.2em; background:url('/images/sub/tit-ico.png') no-repeat 50% 50% / contain;}
.ico-head .txt {margin-top:var(--space-10); font-size:var(--font-size-18); font-weight: 400; letter-spacing:-.03em; line-height: 1.33em; color: #454545;}

.intro-gate {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-90);}
.intro-gate .link {border-radius:var(--radius-30); aspect-ratio:336/280; box-shadow:0 3px 13px rgba(0,0,0,.21); display:flex; align-items:center; justify-content:center; background:#fff;}
.intro-gate .link .ico {width:clamp(95px, calc(209 / var(--inner) * 100vw), 209px); height:clamp(42px, calc(91 / var(--inner) * 100vw), 91px); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.intro-gate .link1 .ico {background-image:url(/images/sub/intro-gate1.png);}
.intro-gate .link2 .ico {background-image:url(/images/sub/intro-gate2.png);}
.intro-gate .link3 .ico {background-image:url(/images/sub/intro-gate3.png);}

.intro-gate .link:hover {transform:translateY(calc(-1 * var(--space-30))); background:var(--color-primary);}
.intro-gate .link1:hover .ico {background-image:url(/images/sub/intro-gate1-w.png);}
.intro-gate .link3:hover .ico {background-image:url(/images/sub/intro-gate3-w.png);}

.line-up .items {display:flex; flex-wrap:wrap; margin:calc(var(--space-25) * -1) calc(var(--space-10) * -1);}
.line-up .items .item {display:flex; align-items:center; padding:var(--space-25) var(--space-10); width:50%; gap:0 var(--space-30);}
.line-up .items .img {max-width:200px; width:34%;}
.line-up .items .text {flex:1;}
.line-up .items .text h3 {font-size:var(--font-size-22); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.line-up .items .text h3 small {display:block; font-size:var(--font-size-16); font-weight:700; color:#999;}
.line-up .items .text .txt {margin-top:var(--space-10); font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#454545;}
.line-up .items .merit {margin-top:var(--space-25);}
.line-up .items .merit h4 {font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.line-up .items .merit .list ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:3px var(--space-10);}
.line-up .items .merit .list ul li {padding-left:.6em; text-indent:-.6em; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545}
.line-up .items .merit .list.wide ul li {grid-column:span 2;}
.line-up .items .desc {margin-top:var(--space-20);}
.line-up .items .desc dl {display: flex; color: #454545; letter-spacing:-.03em; line-height: 1.4em;}
.line-up .items .desc dl + dl {margin-top:var(--space-15);}
.line-up .items .desc dl dt {position: relative; display: flex; font-weight: 700; padding-right:var(--space-10); margin-right:var(--space-10);}
.line-up .items .desc dl dt:after {position: absolute; right:0; top:.4em; content:''; width: 1px; height: 10px; background: #ddd;}
.line-up .items .desc.type2 dl {display: block;}
.line-up .items .desc.type2 dl dt {margin-bottom:var(--space-5);}
.line-up .items .desc.type2 dl dt:after {display: none;}
.line-up.type2 .items {display:block;}
.line-up.type2 .items .item {width:100%;}
.line-up.type2 .items .text h3 small {display:inline-block; margin-left:var(--space-8);}

.ex-image {margin-bottom:var(--space-30);}
.ex-image .txt {margin-bottom:var(--space-15); font-weight: 600; letter-spacing:-.03em; line-height: 1.4em; color:#454545;}
.ex-image .img {text-align:center;}

.lx-glass {margin-bottom:var(--space-30); display:flex; gap:0 var(--space-120);}
.lx-glass:last-child {margin-bottom: 0;}
.lx-glass .image {width:36%;}
.lx-glass .content {flex:1;}

.handle-text {margin-top:var(--space-35); background: #fafafa; padding:var(--space-25) var(--space-30); border-radius:16px;}
.handle-text .txt {color: #454545;}
.handle-text .desc {margin-top:var(--space-15); color: #454545; font-weight: 600;}

.info-icon-text .item {margin-bottom:var(--space-35); display:flex; align-items:center; gap:0 var(--space-40);}
.info-icon-text .item:last-child {margin-bottom:0;}
.info-icon-text .item .icon {width:clamp(56px, calc(110 / var(--inner) * 100vw), 110px); height:clamp(56px, calc(110 / var(--inner) * 100vw), 110px);}
.info-icon-text .item .text {flex:1;}
.info-icon-text .item .text .tit {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.info-icon-text .item .text .txt {margin-top:var(--space-10); font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#454545;}
.info-icon-text .item .text .en {font-weight:700; color:var(--color-primary);}
.info-icon-text.type2 {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-35);}
.info-icon-text.type2 .item {margin-bottom:0;}
.info-icon-text.type3 .item .icon {width:clamp(130px, calc(180 / var(--inner) * 100vw), 180px); height:clamp(130px, calc(180 / var(--inner) * 100vw), 180px);}

.prod-pics {margin-bottom:var(--space-90); display:grid; grid-template-columns:repeat(6, 1fr); gap:0 var(--space-10); gap:var(--space-30); text-align:center;}
.prod-pics .item .tit {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; margin-top:var(--space-25);}
.prod-pics .item .txt {margin-top:var(--space-5); font-weight:400; letter-spacing:-.03em; color:#999; line-height:1.4em;}

.window-slider .items {display:flex; align-items:center;}
.window-slider .slick-list {flex:1;}
.window-slider .slick-arrow { width:var(--space-100); height:53px; border:0; font-size:0; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; background-color:transparent;}
.window-slider .slick-prev {margin-left:calc(var(--space-100) * -1); background-image:url('/images/sub/window-prev.png');}
.window-slider .slick-next {margin-right:calc(var(--space-100) * -1); background-image:url('/images/sub/window-next.png');}

.before-after {margin-bottom:var(--space-90); display:grid; grid-template-columns:repeat(2, 1fr); gap:0 var(--space-120);}
.before-after .item p {margin-top:var(--space-20); font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}

.asa-merit {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.asa-merit h3 {margin-bottom:var(--space-25); font-size:var(--font-size-22); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}

.kcc-option {margin-bottom:var(--space-90); display:grid; grid-template-columns:repeat(2, 1fr); gap:0 var(--space-120);}

.kcc-color {margin-bottom:var(--space-90); display:flex; gap:var(--space-30);}
.kcc-color .item {text-align:center;}
.kcc-color .item p {font-size:var(--font-size-18); font-weight:700; margin-top:var(--space-15); line-height:1.4em;}

.bareun-feature {position:relative;}
.bareun-feature .image {margin-bottom:var(--space-35);}
.bareun-feature .text dl:not(:last-child) {margin-bottom:var(--space-30);}
.bareun-feature .text dl dt {margin-bottom:var(--space-8); font-size:var(--font-size-18); font-weight:700; line-height:1.4em; color:var(--color-primary);}
.bareun-feature .text dl dd {font-weight:400; line-height:1.4em; color:var(--color-primary); color:#454545;}
.bareun-feature .mc {display: flex; align-items:center; gap:0 var(--space-35); line-height:1.75em;}
.bareun-feature .button {position:absolute; right:0; bottom:0;}
.bareun-feature .button a {gap:0 var(--space-10); border-radius:5px; padding:0 var(--space-25); height:clamp(45px, calc(56 / var(--inner) * 100vw), 56px); background:#b30b00; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.33em; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff;}
.bareun-feature .button a:after {content:''; width:18px; height:17px; background:url('/images/sub/ico-download.png') no-repeat 50% 50% /contain;}

.bareun-line {margin-bottom:var(--space-75); display:flex; gap:0 var(--space-100);}
.bareun-line:last-child {margin-bottom:0;}
.bareun-line .image {width:33.33%;}
.bareun-line .content {flex:1;}
.bareun-line .content .item {margin-bottom:var(--space-45); display:flex; gap:0 var(--space-30)}
.bareun-line .content .item:last-child {margin-bottom:0;}
.bareun-line .content .ico {width:clamp(56px, calc(60 / var(--inner) * 100vw), 60px); height:clamp(56px, calc(60 / var(--inner) * 100vw), 60px);}
.bareun-line .content .txt {flex:1; padding-top:var(--space-15);}
.bareun-line .content .txt h4 {margin-bottom:var(--space-10); font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.bareun-line .content .txt h4 small {color:#999;}
.bareun-line .content .txt p {font-weight:400; letter-spacing:-.03em; color:#454545; line-height:1.63em;}
.bareun-line .content .desc {margin-top:var(--space-20);}
.bareun-line .content .desc dl {display: flex; color: #454545; letter-spacing:-.03em; line-height: 1.4em;}
.bareun-line .contents .desc dl + dl {margin-top:var(--space-15);}
.bareun-line .content .desc dl dt {position: relative; display: flex; font-weight: 700; padding-right:var(--space-10); margin-right:var(--space-10);}
.bareun-line .content .desc dl dt:after {position: absolute; right:0; top:.4em; content:''; width: 1px; height: 10px; background: #ddd;}

.one-day {background:#f8f8f8; padding:var(--space-100) 0;}
.one-day h2 {margin-bottom:var(--space-70); text-align:center; font-size:var(--font-size-32); font-weight:800; letter-spacing:0; line-height:1.4em;}
.one-day h2 strong {color:var(--color-primary);}
.one-day .txt {margin-top:var(--space-75); text-align:right; font-size:var(--font-size-14); font-weight:400; letter-spacing:-.03em; color:#c70000; line-height:1.4em;}

.estimate-sec {margin-bottom:var(--space-90);}
.estimate-sec:last-child {margin-bottom:0;}
.estimate-sec .plan {margin-bottom:var(--space-50); padding:var(--space-35); display: flex; align-items: center; justify-content: flex-end; height: 500px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.estimate-sec .plan .content {width: 100%; max-width:670px; display: flex; justify-content: space-between; align-items:center; gap:0 30px; background: rgba(255,255,255,.8); border-radius:8px; min-height: 390px; padding: var(--space-35) var(--space-50);}
.estimate-sec .plan .content h2 {margin-bottom:var(--space-30); font-size: var(--font-size-44); font-weight: 700; letter-spacing: -.03em; line-height: 1.4em;}
.estimate-sec .plan .txt dl {padding-left: 15px;}
.estimate-sec .plan .txt dl + dl {margin-top:var(--space-35);}
.estimate-sec .plan .txt dl dt {position: relative; position: relative; margin-bottom:var(--space-25); font-weight: 700; letter-spacing:-.03em; line-height: 1.4em;}
.estimate-sec .plan .txt dl dt.c2:before {background: #c8e4f6;}
.estimate-sec .plan .txt dl dt:before {z-index: 0; left:-15px; top:-10px; border-radius:100%; content:''; width:40px; height:40px; position:absolute; background:#cecece;}
.estimate-sec .plan .txt dl dt span {position: relative; z-index: 2; display: inline-block;}
.estimate-sec .plan .txt dl dd {font-size: var(--font-size-22); font-weight: 600; letter-spacing:-.03em; line-height: 1.4em;}
.estimate-sec .plan .txt dl dd strong {font-size:1.36em;}
.estimate-sec .plan .txt .vat {font-size:var(--font-size-14); color: #737373; margin-top:var(--space-20);}
.estimate-sec .desc {display: grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-40);}
.estimate-sec .desc .item {gap:0 var(--space-20); display: flex; align-items:flex-start;}
.estimate-sec .desc .item .num {display: grid; grid-template-columns:repeat(2, 1fr); gap:5px; width: 45px;}
.estimate-sec .desc .item .num span {width: 20px; height: 20px; line-height: 20px; border-radius:100%; display:inline-block; text-align:center; color: #fff; font-size: var(--font-size-14); font-weight: 700;}
.estimate-sec .desc .item .num .c1 {background: var(--color-primary);}
.estimate-sec .desc .item .num .c2 {background: #2a43cd;}
.estimate-sec .desc .item .num .c3 {background:#cc3181;}
.estimate-sec .desc .item .num .c4 {background:#ff0000;}
.estimate-sec .desc .item .num .c5 {background:#03ad54;}
.estimate-sec .desc .item .text h3 {margin-bottom:var(--space-5); font-weight: 700; letter-spacing:-.03em; line-height: 1.4em;}
.estimate-sec .desc .item .text p {color: #454545; line-height: 1.63em;}