@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

.map iframe,
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {border-radius:20px; overflow:hidden; height:clamp(300px, calc( 500 / var(--inner) * 100vw ), 500px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.about-tab, 
.wty-tab {position:sticky; top:0; z-index:100; display:flex; justify-content:center; width:100%; margin-bottom:var(--space-60); padding:var(--space-30) 0 var(--space-20); box-sizing:border-box; background:#fff;}
.about-tab .list, .wty-tab .list {display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; gap:var(--space-80); padding:0 var(--contain-padding); max-width:100%; box-sizing:border-box; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.about-tab .list::-webkit-scrollbar, .wty-tab .list::-webkit-scrollbar {display:none; width:0; height:0;}
.about-tab .item, .wty-tab .item {flex-shrink:0;}
.about-tab .link, .wty-tab .link {display:flex; align-items:center; justify-content:center; padding-bottom:12px; border-bottom:2px solid transparent; font-size:var(--font-size-22); font-weight:700; letter-spacing:-0.03em; color:#ccc; text-decoration:none; white-space:nowrap; box-sizing:border-box; transition:color .2s ease, border-color .2s ease;}

.about-tab.no-margin {margin:0; position:relative; top:auto;}
.about-tab.no-padding {padding:0; position:relative; top:auto;}

.about-tab .item.active a,
.about-tab .item.on .link,
.wty-tab .item.on .link {color:var(--color-bk); border-bottom-color:var(--color-bk);}
.about-phil, .about-mgmt, .about-ceo, .about-ci, .about-story {scroll-margin-top:calc(var(--header-height) + var(--space-60));}
#wty-insp, #wty-warr, #wty-fee, #wty-reg {scroll-margin-top:calc(var(--header-height) + var(--space-60));}

/* news/about 회사소개 (Figma 222:4653) */
.about-phil {display:flex; flex-direction:column; align-items:center; gap:var(--space-60);}
.about-phil .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center; padding:0 var(--contain-padding); box-sizing:border-box; width:100%;}
.about-phil .cont-tit .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.about-phil .cont-tit .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.about-phil .intro {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.about-phil .intro .txt {display:flex; flex-direction:column; gap:var(--space-20); width:100%; font-size:var(--font-size-18); line-height:1.44em; color:#505050; letter-spacing:-0.03em; text-align:center; padding:0 var(--contain-padding); box-sizing:border-box;}
.about-phil .intro .panel {width:100%; background:#f5f7fa; padding:var(--space-60) var(--contain-padding); box-sizing:border-box;}
.about-phil .intro .list {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-20); max-width:1460px; padding:0 var(--contain-padding); margin:0 auto; padding:0;}
.about-phil .intro .item {background:#fff; border:1px solid #ddd; border-radius:8px; padding:var(--space-40); display:flex; flex-direction:column; align-items:center; gap:var(--space-30);}

.about-phil .head {display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; line-height:1;}
.about-phil .head .sub {font-size:var(--font-size-22); color:var(--color-bk); letter-spacing:-0.03em;}
.about-phil .head .name {font-size:var(--font-size-28); font-weight:700; color:var(--color-primary); letter-spacing:-0.03em; margin:0;}
.about-phil .desc {font-size:var(--font-size-16); line-height:1.5em; color:#505050; letter-spacing:-0.03em; text-align:center; width:100%;}

.about-mgmt {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; margin-top:var(--space-180);}
.about-mgmt .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center; padding:0 var(--contain-padding); box-sizing:border-box; width:100%;}
.about-mgmt .cont-tit .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.about-mgmt .cont-tit .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.about-mgmt .stack {position:relative; width:100%; max-width:1460px; padding:0 var(--contain-padding); box-sizing:border-box;}
.about-mgmt .stack .img {width:100%; border-radius:16px; overflow:hidden;}
.about-mgmt .stack .img img {display:block; width:100%; aspect-ratio:1400 / 410; object-fit:cover; border-radius:16px;}
.about-mgmt .stack .card {position:relative; z-index:1; width:100%; max-width:1200px; margin:-130px auto 0; background:#fff; border-radius:16px; padding:var(--space-60) var(--space-40) 0; box-sizing:border-box;}
.about-mgmt .stack .cont {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); text-align:center; width:100%;}
.about-mgmt .stack .brand {font-size:var(--font-size-32); font-weight:700; color:var(--color-primary); letter-spacing:-0.03em; line-height:1; width:100%;}
.about-mgmt .stack .txt {display:flex; flex-direction:column; gap:var(--space-30); font-size:var(--font-size-18); line-height:1.67em; color:#505050; letter-spacing:-0.03em; width:100%;}
.about-mgmt .stack .txt p {margin:0;}

.about-ceo {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; margin-top:var(--space-180);}
.about-ceo .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center; padding:0 var(--contain-padding); box-sizing:border-box; width:100%;}
.about-ceo .cont-tit .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.about-ceo .cont-tit .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.about-ceo .msg {display:flex; align-items:flex-start; gap:var(--space-50); width:100%; max-width:1460px; padding:0 var(--contain-padding); box-sizing:border-box;}
.about-ceo .msg .cont {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-30); flex:1; min-width:0; width:100%;}
.about-ceo .msg .lead {width:100%; font-size:var(--font-size-24); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3em;}
.about-ceo .msg .intro {width:100%; font-size:var(--font-size-18); line-height:1.67em; color:#505050; letter-spacing:-0.03em;}
.about-ceo .msg .txt {display:flex; flex-direction:column; width:100%; line-height:30px;}
.about-ceo .msg .txt p {font-size:var(--font-size-18); line-height:1.67em; color:#505050; letter-spacing:-0.03em;}
.about-ceo .msg .end {width:100%; font-size:var(--font-size-18); line-height:1.67em; color:#505050; letter-spacing:-0.03em;}
.about-ceo .msg .byline {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-40); line-height:1.67em; color:#000;}
.about-ceo .msg .role {font-size:var(--font-size-18); font-weight:700; letter-spacing:-0.03em;}
.about-ceo .msg .sign {font-family:'Nanum Pen Script',cursive; font-size:var(--font-size-40); letter-spacing:-0.03em; white-space:nowrap;}


.about-ci {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; margin-top:var(--space-180);}
.about-ci .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center; padding:0 var(--contain-padding); box-sizing:border-box; width:100%;}
.about-ci .cont-tit .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.about-ci .cont-tit .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.about-ci .wrap {margin-top:var(--space-150); display:flex; flex-direction:column; align-items:center; gap:var(--space-80); width:100%;}
.about-ci .board {width:100%; background:#f5f7fa; padding:0 0 var(--space-60); box-sizing:border-box;}
.about-ci .stage {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.about-ci .stage .img {margin-top:calc(-1*var(--space-150));}

.about-ci .banner {position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-height:374px; background:#fff; overflow:hidden; box-sizing:border-box;}
.about-ci .banner .grid {position:absolute; inset:0; display:block; pointer-events:none;}
.about-ci .banner .grid img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.about-ci .brand {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-20); padding:var(--space-40) var(--contain-padding); box-sizing:border-box;}
.about-ci .brand .logo {width:min(100%, 374px); max-width:374px;}
.about-ci .brand .logo img {display:block; width:100%; height:auto;}
.about-ci .brand .slog {width:min(100%, 293px); max-width:293px;}
.about-ci .brand .slog img {display:block; width:100%; height:auto;}
.about-ci .board .txt {display:flex; flex-direction:column; gap:var(--space-30); max-width:1295px; width:100%; font-size:var(--font-size-18); line-height:1.44em; color:#505050; letter-spacing:-0.03em; text-align:center; box-sizing:border-box;}
.about-ci .board .txt p {margin:0;}
.about-ci .hist {display:flex; flex-direction:column; gap:var(--space-40); width:100%; max-width:1460px; padding:0 var(--contain-padding); box-sizing:border-box;}
.about-ci .hist .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.about-ci .hist .list {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.about-ci .hist .item {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--space-80); padding-bottom:var(--space-30); border-bottom:1px solid #ddd; box-sizing:border-box;}
.about-ci .hist .item:last-child {padding-bottom:0; border-bottom:none;}
.about-ci .hist .yr {flex:0 0 auto; min-width:4em; font-size:var(--font-size-28); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; text-align:center;}

.about-ci .hist .desc {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.44em; color:#505050; letter-spacing:-0.03em;}
.about-ci .hist .item.nest .subs {display:flex; flex-direction:column; gap:var(--space-30); flex:1; min-width:0;}
.about-ci .hist .item.nest .sub {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--space-80);}

.about-ci .hist .item.nest .sub .desc {flex:1; min-width:0;}
.about-ci .qna {display:flex; flex-direction:column; gap:var(--space-40); width:100%; max-width:1460px; padding:0 var(--contain-padding); box-sizing:border-box;}
.about-ci .qna .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.about-ci .qna .list {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.about-ci .qna .item {display:flex; flex-direction:column; gap:var(--space-20); padding-bottom:var(--space-30); border-bottom:1px solid #ddd; box-sizing:border-box;}
.about-ci .qna .item:last-child {padding-bottom:0; border-bottom:none;}
.about-ci .qna .head {display:flex; flex-wrap:wrap; align-items:center; gap:10px; line-height:1;}
.about-ci .qna .head .mark {font-size:var(--font-size-36); font-weight:700; color:var(--color-secondary); letter-spacing:-0.03em;}
.about-ci .qna .head .sub {flex:1; min-width:0; font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em;}
.about-ci .qna .desc {padding-left:clamp(0px, calc(36 / var(--inner) * 100vw), 46px); font-size:var(--font-size-18); line-height:1.44em; color:#505050; letter-spacing:-0.03em; box-sizing:border-box;}

/* news/about 모터재팬 스토리 (Figma 222:4860) */
.about-story {position:relative; width:100%; margin-top:var(--space-100); padding:var(--space-100) 0; box-sizing:border-box; overflow:hidden;}
.about-story .bg {position:absolute; inset:0; pointer-events:none;}
.about-story .bg .pic {width:100%; height:100%;}
.about-story .bg .pic img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.about-story .bg .dim {position:absolute; inset:0; background:rgba(0,0,0,0.6); display:block;}
.about-story .inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-50); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.about-story .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); text-align:center; width:100%;}
.about-story .cont-tit .tit {font-size:var(--font-size-40); font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1;}
.about-story .cont-tit .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.about-story .stack {display:flex; flex-direction:column; gap:var(--space-100); width:100%;}
.about-story .card {width:100%; background:#fff; border-radius:16px; padding:var(--space-50); box-sizing:border-box;}
.about-story .row {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-50); width:100%;}
.about-story .row.rev {flex-direction:row-reverse;}
.about-story .row .cont {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-30); flex:1; min-width:0; width:100%; line-height:28px;}
.about-story .row .name {width:100%; font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.about-story .row .txt {display:flex; flex-direction:column; gap:var(--space-30); width:100%; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.about-story .row .txt .end {font-weight:700; color:var(--color-bk); line-height:1.44em;}

.insp-sec {display:flex; flex-direction:column; align-items:center; gap:var(--space-100); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.insp-sec .sec-intro {display:flex; flex-direction:column; gap:var(--space-50); width:100%;}
.insp-sec .sec-intro .stack {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.insp-sec .sec-intro .top {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%; text-align:center;}
.insp-sec .sec-intro .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); padding:0; width:100%;}
.insp-sec .sec-intro .cont-tit .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.insp-sec .sec-intro .cont-tit .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.insp-sec .sec-intro .lead {width:100%; font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.insp-sec .sec-intro .body {display:flex; flex-direction:column; gap:0; width:100%; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em; text-align:center;}
.insp-sec .sec-intro .card {width:100%; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box;}
.insp-sec .sec-intro .card .tit {margin:0 0 var(--space-20); font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:28px;}
.insp-sec .sec-intro .card .desc {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.insp-sec .sec-chart {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.insp-sec .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1;}
.insp-sec .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.insp-sec .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.insp-sec .sec-chart .txt {display:flex; flex-direction:column; gap:var(--space-15); width:100%; font-size:var(--font-size-18); line-height:1.56em; letter-spacing:-0.03em;}
.insp-sec .sec-chart .txt p {color:#505050;}
.insp-sec .sec-chart .txt .note {color:#878787;}

.insp-sec .panel {margin-top:20px; display:flex; flex-direction:column; gap:var(--space-30); width:100%; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box;}
.insp-sec .panel .grp {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.insp-sec .panel .grp .tit {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.insp-sec .panel .grp .desc {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.insp-sec .panel .rule {width:100%; height:0; padding:0; border:none; border-top:1px solid #ddd;}
.insp-sec .sec-maint {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.insp-sec .sec-maint .cols {display:flex; flex-wrap:wrap; align-items:stretch; gap:var(--space-50); width:100%;}
.insp-sec .sec-maint .card {flex:1 1 calc(50% - var(--space-25)); min-width:280px; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box;}
.insp-sec .sec-maint .card .tit {margin:0 0 var(--space-30); font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; text-align:left;}
.insp-sec .sec-maint .list {display:flex; flex-direction:column; gap:14px; width:100%;}
.insp-sec .sec-maint .item {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%; padding-bottom:14px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.insp-sec .sec-maint .item:last-child {padding-bottom:0; border-bottom:none;}
.insp-sec .sec-maint .item .ico {flex-shrink:0; width:4px; height:4px; margin-top:12px; border-radius:50%; background:#505050;}
.insp-sec .sec-maint .item.bar .ico {width:4px; height:17px; margin-top:6px; border-radius:0; background:var(--color-secondary);}
.insp-sec .sec-maint .item .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}

.warr-sec {display:flex; flex-direction:column; align-items:center; gap:var(--space-100); margin-top:var(--space-150);}
.warr-sec .sec-intro {display:flex; flex-direction:column; gap:var(--space-50); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.warr-sec .sec-intro .stack {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%; text-align:center;}
.warr-sec .sec-intro .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); padding:0; width:100%;}
.warr-sec .sec-intro .cont-tit .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3em;}
.warr-sec .sec-intro .cont-tit .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.warr-sec .sec-intro .lead {width:100%; font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3em;}
.warr-sec .sec-intro .body {display:flex; flex-direction:column; gap:0; width:100%; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em; text-align:center;}
.warr-sec .sec-intro .body p {margin:0 0 1em;}
.warr-sec .sec-intro .body p:last-child {margin-bottom:0;}
.warr-sec .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1; padding:0 var(--contain-padding);}
.warr-sec .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.warr-sec .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.warr-sec .sec-period {display:flex; flex-direction:column; gap:var(--space-30); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.warr-sec .table-wrap {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box;}
.warr-sec .tbl {width:100%; min-width:720px; border-collapse:collapse; table-layout:fixed; font-size:var(--font-size-18); letter-spacing:-0.03em;}
.warr-sec .tbl th, .warr-sec .tbl td {border:1px solid #ddd; padding:0 var(--space-20); vertical-align:middle; text-align:center; box-sizing:border-box;}
.warr-sec .tbl thead th {height:64px; background:#fafafa; border-top:1px solid var(--color-bk); font-weight:600; color:var(--color-bk); line-height:1;}
.warr-sec .tbl.period th:nth-child(1), .warr-sec .tbl.period td:nth-child(1) {width:28.57%;}
.warr-sec .tbl.period th:nth-child(2), .warr-sec .tbl.period td:nth-child(2) {width:35.71%;}
.warr-sec .tbl.period th:nth-child(3), .warr-sec .tbl.period td:nth-child(3) {width:35.71%;}

.warr-sec .tbl.period th:first-child,
.warr-sec .tbl.period td:first-child {border-left:0;}
.warr-sec .tbl.period th:last-child,
.warr-sec .tbl.period td:last-child {border-right:0;}

.warr-sec .tbl.period tbody td {height:64px; color:#505050; line-height:1.4;}
.warr-sec .tbl.period tbody td[rowspan] {vertical-align:top; padding:var(--space-30) var(--space-20);}
.warr-sec .tbl.period .list {padding:0 0 0 1.25em; list-style:disc; text-align:left; line-height:1.56em;}
.warr-sec .tbl.period .list .item {margin:0 0 14px;}
.warr-sec .tbl.period .list .item:last-child {margin-bottom:0;}
.warr-sec .tbl.period .list .sub {font-size:var(--font-size-16);}

.warr-sec .sec-excl {display:flex; flex-direction:column; gap:var(--space-30); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.warr-sec .sec-excl .warn {font-size:var(--font-size-18); font-weight:600; line-height:1.56em; color:var(--color-secondary); letter-spacing:-0.03em;}
.warr-sec .sec-excl .list.num {padding:0 0 0 1.6em; list-style:decimal; counter-reset:none; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.warr-sec .sec-excl .list.num .item {margin:0 0 var(--space-15); padding-left:4px;}
.warr-sec .sec-excl .list.num .item:last-child {margin-bottom:0;}
.warr-sec .sec-excl .list.num .em {font-weight:600; color:var(--color-bk);}
.warr-sec .sec-excl .cost {margin:20px 0; display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.warr-sec .sec-excl .cost-tit {font-size:var(--font-size-24); font-weight:600; line-height:1.17em; color:var(--color-bk); letter-spacing:-0.03em;}
.warr-sec .sec-excl .cost .cols {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--space-50); width:100%;}
.warr-sec .sec-excl .cost .cols .list {flex:1 1 calc(50% - var(--space-25)); min-width:280px; display:flex; flex-direction:column; gap:var(--space-30);}
.warr-sec .sec-excl .cost .list.bar .item {display:flex; flex-wrap:wrap; align-items:flex-start; gap:14px; width:100%;}
.warr-sec .sec-excl .cost .list.bar .ico {flex-shrink:0; width:4px; min-height:1.2em; margin-top:4px; border-radius:8px; background:var(--color-secondary);}
.warr-sec .sec-excl .cost .list.bar .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.56em; color:var(--color-bk); letter-spacing:-0.03em;}
.warr-sec .tbl.cons thead th {height:64px;}
.warr-sec .tbl.cons th:nth-child(1), .warr-sec .tbl.cons td:nth-child(1) {width:28.57%;}
.warr-sec .tbl.cons th:nth-child(2), .warr-sec .tbl.cons td:nth-child(2) {width:71.43%;}
.warr-sec .tbl.cons tbody td {padding:var(--space-30) var(--space-20); color:#505050; line-height:36px; text-align:left;}
.warr-sec .tbl.cons tbody td:first-child {text-align:center; line-height:128px;}

.warr-sec .tbl.cons th:first-child,
.warr-sec .tbl.cons td:first-child {border-left:0;}
.warr-sec .tbl.cons th:last-child,
.warr-sec .tbl.cons td:last-child {border-right:0;}


.warr-sec .sec-duty {display:flex; flex-direction:column; gap:var(--space-30); width:100%;max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.warr-sec .sec-duty .duty-lead {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}

.warr-sec .sec-duty .grid {margin-top:20px; display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.warr-sec .sec-duty .grid .row {display:flex; flex-wrap:wrap; gap:var(--space-20); width:100%;}
.warr-sec .sec-duty .card {flex:1 1 calc(50% - 10px); min-width:280px; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box;}
.warr-sec .sec-duty .card .num {margin:0 0 var(--space-20); font-size:var(--font-size-24); font-weight:600; color:var(--color-primary); letter-spacing:-0.03em; line-height:1;}
.warr-sec .sec-duty .card .txt {font-size:var(--font-size-22); line-height:normal; color:var(--color-bk); letter-spacing:-0.03em;}
.warr-sec .sec-effect {display:flex; flex-direction:column; gap:var(--space-30); width:100%;max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.warr-sec .sec-effect .effect-lead {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.warr-sec .sec-effect .box {width:100%; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box; display:flex; flex-direction:column; gap:var(--space-30);}
.warr-sec .sec-effect .box .blk {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.warr-sec .sec-effect .box .stit {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.warr-sec .sec-effect .box .desc {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.warr-sec .sec-effect .box .rule {width:100%; height:0; padding:0; border:none; border-top:1px solid #ddd;}

.warr-sec .sec-qa {display:flex; flex-direction:column; gap:var(--space-30); width:100%;max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.warr-sec .sec-qa .qa-list {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.warr-sec .sec-qa .qa-item {display:flex; flex-direction:column; gap:0; width:100%;}
.warr-sec .sec-qa .qh {display:flex; flex-wrap:wrap; align-items:center; gap:12px; line-height:1.3em;}
.warr-sec .sec-qa .qm {font-size:var(--font-size-28); font-weight:700; color:var(--color-secondary); letter-spacing:-0.03em;}
.warr-sec .sec-qa .qt {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em;}
.warr-sec .sec-qa .ans {padding-top:12px; padding-left:39px; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em; box-sizing:border-box;}
.warr-sec .sec-qa .ans.rich {display:flex; flex-direction:column; gap:10px;}
.warr-sec .sec-qa .ans.rich .p {margin:0;}
.warr-sec .sec-qa .ans.rich .note {font-size:var(--font-size-18); font-weight:600; color:var(--color-secondary); letter-spacing:-0.03em; line-height:28px;}
.warr-sec .sec-qa .qa-list .rule {width:100%; height:0; padding:0; border:none; border-top:1px solid #ddd;}
.warr-sec .sec-recall {display:flex; flex-direction:column; gap:var(--space-50); width:100%; align-items:center;}
.warr-sec .sec-recall .subhd {max-width:1460px;}
.warr-sec .band {position:relative; width:100%; min-height:300px; overflow:hidden; box-sizing:border-box; border-radius:0;}
.warr-sec .band .pic {position:absolute; inset:0; width:100%; height:300px;}
.warr-sec .band .pic img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}

.warr-sec .band-inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--space-50); width:100%; max-width:1460px; margin:0 auto; padding:var(--space-80) var(--contain-padding) 0; box-sizing:border-box;}
.warr-sec .band-tit {width:100%; font-size:var(--font-size-28); font-weight:700; color:#fff; text-align:center; letter-spacing:-0.03em; line-height:1;}
.warr-sec .band-panel {width:100%; background:#fff; border-radius:16px; padding:var(--space-60) var(--space-40); box-sizing:border-box; display:flex; flex-direction:column; gap:var(--space-20); align-items:center; text-align:center;}
.warr-sec .band-txt {font-size:var(--font-size-18); line-height:1.56em; color:var(--color-bk); letter-spacing:-0.03em;}
.warr-sec .band-sign {font-size:var(--font-size-20); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em;}
.warr-sec .split {display:flex; flex-wrap:wrap; align-items:stretch; gap:var(--space-50); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); background:#fff; border-radius:8px; box-sizing:border-box;}
.warr-sec .split .col {flex:1 1 280px; display:flex; flex-direction:column; align-items:center; gap:var(--space-30); text-align:center;}

.warr-sec .split-tit {font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.warr-sec .split-txt {font-size:var(--font-size-18); line-height:1.44em; color:#505050; letter-spacing:-0.03em;}
.warr-sec .split .vbar {width:1px; align-self:stretch; min-height:120px; background:#ddd; flex:0 0 1px;}

.warr-sec .sec-flaw {display:flex; flex-direction:column; gap:var(--space-50); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.warr-sec .sec-flaw .flaw-lead {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.warr-sec .sec-flaw .flaw-sub {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; text-align:center; width:100%;}
.warr-sec .flaw-cards {display:flex; flex-wrap:wrap; gap:var(--space-60); width:100%; align-items:stretch;}
.warr-sec .fcard {flex:1 1 calc(50% - var(--space-30)); min-width:280px; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box;}
.warr-sec .fcard-tit {margin:0 0 var(--space-30); font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; text-align:center;}
.warr-sec .fcard-body {display:flex; flex-direction:column; gap:10px; width:100%; align-items:center;}
.warr-sec .fcard-body .line {max-width:75%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; width:100%;}
.warr-sec .fcard-body .lbl {min-width:140px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; flex-shrink:0;}
.warr-sec .fcard-body .ico {width:16px; height:16px; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.warr-sec .fcard-body .ico img {display:block; width:16px; height:16px; object-fit:contain;}
.warr-sec .fcard-body .lb {line-height:24px; color:#222; letter-spacing:-0.03em;}
.warr-sec .fcard-body .val {flex:1; min-width:0; line-height:1.5em; color:#505050; letter-spacing:-0.03em;}

/* support/warranty 정비공임안내 (Figma 222:4589 일부) */
.fee-sec {display:flex; flex-direction:column; align-items:center; gap:var(--space-100); width:100%; max-width:1460px; margin:var(--space-100) auto 0; padding:0 var(--contain-padding); box-sizing:border-box;}
.fee-sec .sec-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center;}
.fee-sec .sec-head .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); padding:0; width:100%;}
.fee-sec .sec-head .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.fee-sec .sec-head .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.fee-sec .sec-head .sub {width:100%; font-size:var(--font-size-22); color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.fee-sec .sec-head .lead {width:100%; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}

.fee-sec .sec-note {margin-top:-50px; width:100%;}
.fee-sec .sec-note .txt {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em; text-align:left;}
.fee-sec .sec-note .sym {font-weight:700; color:var(--color-bk);}
.fee-sec .sec-note .em {font-weight:600; color:var(--color-bk);}
.fee-sec .sec-flow {display:flex; flex-direction:column; align-items:flex-end; gap:var(--space-30); width:100%;}
.fee-sec .flow {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:var(--space-30); width:100%;}
.fee-sec .flow .item {flex:1 1 140px; max-width:220px; display:flex; flex-direction:column; align-items:center; gap:var(--space-30); text-align:center; box-sizing:border-box;}
.fee-sec .flow .num {font-size:var(--font-size-22); font-weight:700; color:var(--color-primary); letter-spacing:-0.03em; line-height:1.27em;}
.fee-sec .flow .desc {display:flex; flex-direction:column; gap:0; width:100%; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.fee-sec .flow .arr {flex:0 0 auto; display:flex; align-items:center; align-self:center; padding-top:var(--space-20);}
.fee-sec .flow .arr .img {width:25px; height:12px;}
.fee-sec .flow .arr .img img {display:block; width:100%; height:auto;}

.fee-sec .docbar {display:flex; flex-wrap:wrap; align-items:stretch; max-width:100%; border:1px solid #ddd; border-radius:8px; text-decoration:none; color:inherit; box-sizing:border-box; overflow:hidden;}
.fee-sec .docbar .sym {display:flex; align-items:center; justify-content:center; flex:0 0 48px; width:48px; background:#fafafa; border-right:1px solid #ddd; box-sizing:border-box;}
.fee-sec .docbar .sym .img {width:24px; height:24px; display:flex; align-items:center; justify-content:center;}
.fee-sec .docbar .sym .img img {display:block; width:24px; height:24px; object-fit:contain;}
.fee-sec .docbar .lbl {display:flex; align-items:center; justify-content:center; flex:1; min-width:0; padding:10px var(--space-20); font-size:var(--font-size-18); line-height:1.56em; color:var(--color-bk); letter-spacing:-0.03em; text-align:center; box-sizing:border-box;}
.fee-sec .sec-labor {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.fee-sec .sec-labor .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1;}
.fee-sec .sec-labor .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.fee-sec .sec-labor .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.fee-sec .sec-labor .table-wrap {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box;}
.fee-sec .tbl.labor {width:100%; min-width:1100px; border-collapse:collapse; table-layout:fixed; font-size:var(--font-size-18); letter-spacing:-0.03em;}
.fee-sec .tbl.labor th, .fee-sec .tbl.labor td {border:1px solid #ddd; padding:0 8px; vertical-align:middle; text-align:center; box-sizing:border-box; height:64px;}
.fee-sec .tbl.labor thead th {background:#fafafa; border-top:1px solid var(--color-bk); font-weight:600; color:var(--color-bk); line-height:1.2;}
.fee-sec .tbl.labor thead th:first-child {width:200px;}
.fee-sec .tbl.labor tbody th {background:#fff; font-weight:600; color:var(--color-bk); line-height:1.3; text-align:center; vertical-align:middle;}
.fee-sec .tbl.labor tbody td {color:#505050; line-height:1.2;}

.fee-sec .tbl.labor th:first-child,
.fee-sec .tbl.labor td:first-child {border-left:0;}
.fee-sec .tbl.labor th:last-child,
.fee-sec .tbl.labor td:last-child {border-right:0;}

.fee-sec .sec-labor .unit {width:100%; font-size:var(--font-size-18); line-height:1.56em; color:var(--color-secondary); letter-spacing:-0.03em; text-align:right;}
.fee-sec .sec-labor .after {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%;}
.fee-sec .sec-labor .after .ico {flex-shrink:0; width:14px; height:14px; display:flex; align-items:flex-start; justify-content:center; padding-top:6px;}
.fee-sec .sec-labor .after .ico img {display:block; width:14px; height:auto; object-fit:contain;}
.fee-sec .sec-labor .after .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}

.fee-sec .sec-routine {display:flex; flex-direction:column; gap:var(--space-50); width:100%;}
.fee-sec .sec-routine .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1;}
.fee-sec .sec-routine .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.fee-sec .sec-routine .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.fee-sec .sec-routine .noteg {display:flex; flex-direction:column; gap:10px; width:100%;}
.fee-sec .sec-routine .noteg .txt {font-size:var(--font-size-18); font-weight:600; line-height:1.4em; color:var(--color-bk); letter-spacing:-0.03em;}
.fee-sec .sec-routine .table-wrap {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box;}
.fee-sec .tbl.pcheck {width:100%; min-width:720px; border-collapse:collapse; table-layout:fixed; font-size:var(--font-size-18); letter-spacing:-0.03em;}
.fee-sec .tbl.pcheck th,
.fee-sec .tbl.pcheck td {border:1px solid #ddd; padding:0 var(--space-20); vertical-align:middle; box-sizing:border-box;}
.fee-sec .tbl.pcheck thead th {height:64px; background:#fafafa; border-top:1px solid var(--color-bk); font-weight:600; color:var(--color-bk); line-height:1.3; text-align:center;}
.fee-sec .tbl.pcheck tbody th {width:200px; height:64px; background:#fff; font-weight:600; color:var(--color-bk); line-height:1.3; text-align:center; vertical-align:middle;}
.fee-sec .tbl.pcheck tbody td {height:64px; color:#505050; line-height:28px; text-align:center;}

.fee-sec .tbl.pcheck th:first-child,
.fee-sec .tbl.pcheck td:first-child {border-left:0;}
.fee-sec .tbl.pcheck th:last-child,
.fee-sec .tbl.pcheck td:last-child {border-right:0;}

.fee-sec .sec-routine .foot {width:100%; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em; text-align:center;}
.fee-sec .sec-routine .foot .qm {font-weight:600; color:var(--color-bk);}
.fee-sec .sec-routine .after {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%;}
.fee-sec .sec-routine .after .ico {flex-shrink:0; width:14px; height:14px; display:flex; align-items:flex-start; justify-content:center; padding-top:6px;}
.fee-sec .sec-routine .after .ico img {display:block; width:14px; height:auto; object-fit:contain;}
.fee-sec .sec-routine .after .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.fee-sec .sec-xlist {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.fee-sec .sec-xlist .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1;}
.fee-sec .sec-xlist .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.fee-sec .sec-xlist .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.fee-sec .sec-xlist .warn {font-size:var(--font-size-18); font-weight:600; line-height:28px; color:var(--color-secondary); letter-spacing:-0.03em;}
.fee-sec .sec-xlist .list.num {padding:0 0 0 1.6em; list-style:decimal; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.fee-sec .sec-xlist .list.num .item {margin:0 0 var(--space-35); padding-left:4px;}
.fee-sec .sec-xlist .list.num .item:last-child {margin-bottom:0;}
.fee-sec .sec-xlist .list.num .item .tmain {margin:0 0 10px;}
.fee-sec .sec-xlist .list.num .item .tmain:last-child {margin-bottom:0;}
.fee-sec .sec-xlist .list.num .item .dep {margin:0 0 10px; padding-left:0;}
.fee-sec .sec-xlist .list.num .item .dep:last-child {margin-bottom:0;}
.fee-sec .sec-cduty {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.fee-sec .sec-cduty .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1;}
.fee-sec .sec-cduty .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.fee-sec .sec-cduty .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.fee-sec .sec-cduty .lead {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.fee-sec .sec-cduty .duty-box {width:100%; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box; display:flex; flex-direction:column; gap:var(--space-20);}
.fee-sec .sec-cduty .duty-box .dline {display:flex; flex-wrap:wrap; align-items:center; gap:10px; width:100%;}
.fee-sec .sec-cduty .duty-box .bdot {flex-shrink:0; width:4px; height:4px; border-radius:50%; background:var(--color-bk);}
.fee-sec .sec-cduty .duty-box .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1; color:#505050; letter-spacing:-0.03em;}
.fee-sec .sec-cduty .duty-box .rule {width:100%; height:0; padding:0; border:none; border-top:1px solid #ddd;}
.fee-sec .sec-ncost {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.fee-sec .sec-ncost .stit {font-size:var(--font-size-24); font-weight:600; line-height:28px; color:var(--color-bk); letter-spacing:-0.03em;}
.fee-sec .sec-ncost .cardgrid {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.fee-sec .sec-ncost .cardgrid .row {display:flex; flex-wrap:wrap; gap:var(--space-20); width:100%;}
.fee-sec .sec-ncost .dcard {flex:1 1 calc(50% - 10px); min-width:280px; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box; display:flex; flex-direction:column; gap:var(--space-20);}
.fee-sec .sec-ncost .dcard .num {font-size:var(--font-size-24); font-weight:600; color:var(--color-primary); letter-spacing:-0.03em; line-height:normal;}
.fee-sec .sec-ncost .dcard .body {display:flex; flex-direction:column; gap:0;}
.fee-sec .sec-ncost .dcard .txt {font-size:var(--font-size-20); line-height:28px; color:var(--color-bk); letter-spacing:-0.03em;}

/* support/warranty 구청등록방법 (Figma 222:4630) */
.reg-sec {display:flex; flex-direction:column; align-items:center; gap:var(--space-100); width:100%; max-width:1460px; margin:var(--space-150) auto 0; padding:0 var(--contain-padding); box-sizing:border-box;}
.reg-sec .sec-head {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center;}
.reg-sec .sec-head .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); padding:0; width:100%;}
.reg-sec .sec-head .tit {font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-head .mark {display:block; width:40px; height:4px; border-radius:8px; background:var(--color-secondary);}
.reg-sec .sec-head .sub {width:100%; font-size:var(--font-size-22); color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-head .lead {width:100%; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1;}
.reg-sec .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.reg-sec .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-mreg {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.reg-sec .sec-mreg .target {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .sec-mreg .target .lbl {font-weight:600; color:var(--color-bk);}
.reg-sec .table-wrap {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; box-sizing:border-box;}
.reg-sec .tbl {width:100%; min-width:720px; border-collapse:collapse; table-layout:fixed; font-size:var(--font-size-18); letter-spacing:-0.03em;}

.reg-sec .tbl th,
.reg-sec .tbl td {border:1px solid #ddd; padding:var(--space-20); vertical-align:middle; text-align:center; box-sizing:border-box; color:#505050; line-height:1.56em;}
.reg-sec .tbl thead th {height:64px; background:#fafafa; border-top:1px solid var(--color-bk); font-weight:600; color:var(--color-bk); line-height:1;}


.reg-sec .tbl.regdoc th:nth-child(1),
.reg-sec .tbl.regdoc td:nth-child(1),
.reg-sec .tbl.regdoc tbody th {width:28.57%;}
.reg-sec .tbl.regdoc th:nth-child(2),
.reg-sec .tbl.regdoc td:nth-child(2) {width:71.43%;}
.reg-sec .tbl.regdoc tbody th {font-weight:400; color:var(--color-bk); vertical-align:middle; border-left:0;}
.reg-sec .tbl.regdoc tbody td {padding-top:var(--space-60); padding-bottom:var(--space-60); text-align:left; vertical-align:top; border-right:0;}
.reg-sec .tbl.regdoc th:first-child,
.reg-sec .tbl.regdoc td:first-child {border-left:0;}
.reg-sec .tbl.regdoc th:last-child,
.reg-sec .tbl.regdoc td:last-child {border-right:0;}
.reg-sec .tbl.regdoc .list {display:flex; flex-direction:column; gap:var(--space-15); width:100%; align-items:center;}
.reg-sec .tbl.regdoc .list .item {margin:0;}
.reg-sec .tbl.regdoc .list .txt {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .tbl.regdoc .qm {font-weight:600; color:var(--color-secondary);}


.reg-sec .sec-lawbox {width:100%;}
.reg-sec .sec-lawbox .inner {display:flex; flex-wrap:wrap; align-items:stretch; gap:var(--space-50); width:100%; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box;}
.reg-sec .sec-lawbox .col {flex:0 1 373px; display:flex; flex-direction:column; gap:var(--space-30); min-width:260px;}
.reg-sec .sec-lawbox .col.grow {flex:1 1 280px;}
.reg-sec .sec-lawbox .vbar {flex:0 0 1px; width:1px; min-height:120px; background:#ddd; align-self:stretch;}
.reg-sec .sec-lawbox .blk {display:flex; flex-direction:column; gap:10px; width:100%;}


.reg-sec .sec-lawbox .col:nth-child(1) .pair .stit,
.reg-sec .sec-lawbox .col:nth-child(1) .taxrow .stit {font-size:var(--font-size-18); width:95px;}

.reg-sec .sec-lawbox .stit {font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-lawbox .desc {font-size:var(--font-size-18); line-height:1.44em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .sec-lawbox .pair {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-20); width:100%;}
.reg-sec .sec-lawbox .taxrow {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--space-20); width:100%;}
.reg-sec .sec-lawbox .taxrow .stit {flex-shrink:0; white-space:nowrap;}
.reg-sec .sec-lawbox .taxtxt {display:flex; flex-direction:column; flex:1; min-width:0;}
.reg-sec .sec-lawbox .list.dot {display:flex; flex-direction:column; gap:12px; width:100%;}
.reg-sec .sec-lawbox .list.dot .item {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%;}
.reg-sec .sec-lawbox .list.dot .ico {flex-shrink:0; width:4px; height:4px; margin-top:7px; border-radius:50%; background:#2E66B0;}
.reg-sec .sec-lawbox .list.dot .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.4em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .sec-lawbox .note {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .sec-rviol {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.reg-sec .tbl.viol th:nth-child(1), .reg-sec .tbl.viol td:nth-child(1) {width:35.71%;}
.reg-sec .tbl.viol th:nth-child(2), .reg-sec .tbl.viol td:nth-child(2) {width:32.14%;}
.reg-sec .tbl.viol th:nth-child(3), .reg-sec .tbl.viol td:nth-child(3) {width:32.14%;}

.reg-sec .tbl.viol td {height:127px;}

.reg-sec .tbl.viol th,
.reg-sec .tbl.viol tbody td {vertical-align:middle; border-left:0;}
.reg-sec .tbl.viol th:last-child,
.reg-sec .tbl.viol tbody td:last-child {border-right:0;}
.reg-sec .tbl.viol tbody td.tier {vertical-align:middle;}

.reg-sec .sec-retc {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.reg-sec .tbl.etc th:nth-child(1), .reg-sec .tbl.etc td:nth-child(1) {width:71.43%;}
.reg-sec .tbl.etc th:nth-child(2), .reg-sec .tbl.etc td:nth-child(2) {width:28.57%;}

.reg-sec .tbl.etc th:first-child,
.reg-sec .tbl.etc td:first-child {border-left:0;}
.reg-sec .tbl.etc th:last-child,
.reg-sec .tbl.etc td:last-child {border-right:0;}



.reg-sec .sec-rchg {display:flex; flex-direction:column; gap:var(--space-50); width:100%;}
.reg-sec .sec-rchg .top {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.reg-sec .sec-rchg .top .stit {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-rchg .top .desc {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .sec-rchg .dual {display:flex; flex-wrap:wrap; align-items:stretch; gap:var(--space-50); width:100%; border:1px solid #ddd; border-radius:16px; padding:var(--space-40) var(--space-60); box-sizing:border-box;}
.reg-sec .sec-rchg .dual .box {flex:1 1 280px; display:flex; flex-direction:column; gap:var(--space-20); min-width:240px;}
.reg-sec .sec-rchg .dual .vbar {flex:0 0 1px; width:1px; min-height:150px; background:#ddd; align-self:stretch;}
.reg-sec .sec-rchg .dual .stit {font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-rchg .dual .list.dot {display:flex; flex-direction:column; gap:10px; width:100%;}
.reg-sec .sec-rchg .dual .list.dot .item {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%;}
.reg-sec .sec-rchg .dual .list.dot .ico {flex-shrink:0; width:4px; height:4px; margin-top:6px; border-radius:50%; background:#2E66B0;}
.reg-sec .sec-rchg .dual .list.dot .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1; color:#505050; letter-spacing:-0.03em;}
.reg-sec .sec-rchg .warn {font-size:var(--font-size-18); font-weight:600; color:var(--color-secondary); letter-spacing:-0.03em; line-height:1.4em; margin-top:-20px;}


.reg-sec .sec-rfine {display:flex; flex-direction:column; gap:var(--space-50); width:100%;}
.reg-sec .sec-rfine .top {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.reg-sec .sec-rfine .top .stit {font-size:var(--font-size-24); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.4em;}
.reg-sec .sec-rfine .top .desc {font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.reg-sec .sec-rfine .finebox {width:100%; border:1px solid #ddd; border-radius:16px; padding:var(--space-40) var(--space-60); box-sizing:border-box;}
.reg-sec .sec-rfine .finebox .stit {margin:0 0 var(--space-20); font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.4em;}
.reg-sec .sec-rfine .finebox .list.dot {display:flex; flex-direction:column; gap:10px; width:100%;}
.reg-sec .sec-rfine .finebox .list.dot .item {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%;}
.reg-sec .sec-rfine .finebox .list.dot .ico {flex-shrink:0; width:4px; height:4px; margin-top:6px; border-radius:50%; background:#2E66B0;}
.reg-sec .sec-rfine .finebox .list.dot .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.4em; color:#505050; letter-spacing:-0.03em;}


.reg-sec .sec-rins {display:flex; flex-direction:column; gap:var(--space-50); width:100%;}
.reg-sec .sec-rins .insure {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.reg-sec .sec-rins .insure .row {display:flex; flex-wrap:wrap; gap:var(--space-20); width:100%;}
.reg-sec .sec-rins .insure .card {flex:1 1 calc(20% - 16px); min-width:200px; border:1px solid #ddd; border-radius:16px; padding:var(--space-40); box-sizing:border-box; display:flex; flex-direction:column; align-items:center; gap:var(--space-30); text-align:center;}
.reg-sec .sec-rins .insure .name {font-size:var(--font-size-22); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:24px;}
.reg-sec .sec-rins .insure .call {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-20); width:100%;}
.reg-sec .sec-rins .insure .lbl {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.reg-sec .sec-rins .insure .ico {width:16px; height:16px; display:flex; align-items:center; justify-content:center;}
.reg-sec .sec-rins .insure .ico img {display:block; width:16px; height:16px; object-fit:contain;}
.reg-sec .sec-rins .insure .lb {font-size:var(--font-size-16); line-height:1.5em;; color:#222; letter-spacing:-0.03em;}
.reg-sec .sec-rins .insure .num {font-size:var(--font-size-16); line-height:1.5em;; color:#505050; letter-spacing:-0.03em;}

.reg-sec .sec-rins .penal {display:flex; flex-direction:column; gap:var(--space-50); width:100%;}
.reg-sec .sec-rins .penal .line {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-30); width:100%;}
.reg-sec .sec-rins .penal .line .tit {font-size:var(--font-size-22); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-rins .penal .line .sub {flex:1; min-width:200px; font-size:var(--font-size-18); font-weight:600; line-height:28px; color:var(--color-bk); letter-spacing:-0.03em;}
.reg-sec .sec-rins .penal .block {display:flex; flex-direction:column; gap:var(--space-20); width:100%; max-width:100%;}
.reg-sec .sec-rins .penal .block .tit {font-size:var(--font-size-22); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.reg-sec .sec-rins .penal .block .list.dot {display:flex; flex-direction:column; gap:12px; width:100%;}
.reg-sec .sec-rins .penal .block .list.dot .item {display:flex; flex-wrap:wrap; align-items:flex-start; gap:10px; width:100%;}
.reg-sec .sec-rins .penal .block .list.dot .ico {flex-shrink:0; width:4px; height:4px; margin-top:6px; border-radius:50%; background:#2E66B0;}
.reg-sec .sec-rins .penal .block .list.dot .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.4em; color:#505050; letter-spacing:-0.03em;}

.rcl-how {display:flex; flex-direction:column; align-items:center; gap:var(--space-30);}
.rcl-how .subhd {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); padding:0; width:100%; line-height:1;}
.rcl-how .subhd .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.rcl-how .subhd .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.rcl-how .wrap {display:flex; flex-direction:column; width:100%;}
.rcl-how .lead {margin:0 0 var(--space-30); font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.rcl-how .hint {margin-bottom:var(--space-30); display:flex; flex-wrap:wrap; align-items:center; gap:9px; width:100%;}
.rcl-how .hint .ico {flex-shrink:0; width:24px; height:24px; margin:0;}
.rcl-how .hint .ico img {display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain;}
.rcl-how .hint .txt {flex:1; min-width:0; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}
.rcl-how .block {display:flex; flex-direction:column; gap:var(--space-50); width:100%;}
.rcl-how .block .txt {font-size:var(--font-size-18); line-height:1.67em; color:#505050; letter-spacing:-0.03em;}
.rcl-how .block .txt .emp {font-weight:600; color:var(--color-bk);}
.rcl-how .flow {margin-bottom:var(--space-100); display:flex; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; gap:0; width:100%;}
.rcl-how .flow .item {flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; gap:var(--space-30); position:relative; box-sizing:border-box; padding-right:calc(25px + var(--space-30));}
.rcl-how .flow .item:last-child {padding-right:0;}
.rcl-how .flow .item:not(:last-child)::after {content:''; position:absolute; right:calc(var(--space-30) / 2); top:50%; transform:translateY(-50%); width:25px; height:12px; background:url(/images/sub/rcl-arr.svg) center / contain no-repeat; pointer-events:none;}
.rcl-how .flow .item.cen .lines {text-align:center;}

.rcl-how .meta {display:flex; flex-direction:column; align-items:center; gap:14px; width:100%; line-height:1.75;}
.rcl-how .meta .num {font-size:var(--font-size-22); font-weight:700; line-height:28px; color:var(--color-primary); letter-spacing:-0.03em;}
.rcl-how .meta .lines {width:100%; text-align:center; font-size:var(--font-size-18); line-height:1.56em; color:#505050; letter-spacing:-0.03em;}

.pickbox {width:100%; background:#f4f4f4; box-sizing:border-box;}
.pickbox .bar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); padding:17px var(--space-100); box-sizing:border-box; line-height:1.4em;}
.pickbox .desc {font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em;}
.pickbox .btn {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-15); min-width:133px; min-height:46px; padding:var(--space-10) var(--space-25); background:var(--color-primary); color:#fff; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; text-decoration:none; border-radius:40px; box-sizing:border-box; flex-shrink:0;}
.pickbox .btn .txt {white-space:nowrap;}
.pickbox .btn .img {width:10px; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.pickbox .btn .img img {display:block; width:10px; aspect-ratio:1; object-fit:contain;}

.tunshop {padding:var(--space-60) var(--space-100) 0; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--space-40); width:100%; box-sizing:border-box; line-height:1;}
.tunshop .filt {/* flex:0 0 250px; */ overflow:hidden; width:280px; max-width:100%; padding:20px 0 0; background:#fff; border:1px solid #ddd; border-radius:16px; box-sizing:border-box; position:relative;}
.tunshop .filt .head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-10); padding:0 var(--space-20); margin-bottom:var(--space-20);}
.tunshop .filt .head .lab {display:flex; align-items:center; gap:var(--space-10); cursor:pointer; flex:1 1 auto; min-width:0;}
.tunshop .filt .head .pick {order:2; position:relative; display:inline-flex; flex-shrink:0; width:20px; height:20px; align-items:center; justify-content:center;}
.tunshop .filt .head .pick .off {display:flex; width:20px; height:20px; flex-shrink:0; background:#fff; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}
.tunshop .filt .head .pick .on {position:absolute; left:0; top:0; display:none; width:20px; height:20px; align-items:center; justify-content:center;}
.tunshop .filt .head .pick .on .ico {width:20px; height:20px; display:flex; align-items:center; justify-content:center;}
.tunshop .filt .head .pick .on .ico img {display:block; width:20px; height:20px; object-fit:contain;}
.tunshop .filt .head .pick:has(.chk:checked) .off {display:none;}
.tunshop .filt .head .pick:has(.chk:checked) .on {display:flex;}
.tunshop .filt .head .pick:has(.chk:not(:checked)) .on {display:none;}
.tunshop .filt .head .pick:has(.chk:not(:checked)) .off {display:flex;}
.tunshop .filt .head .lab:focus-within .tit {outline:2px solid var(--color-primary); outline-offset:2px;}
.tunshop .filt .head .tit {flex:1; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em;}
.tunshop .filt .head .help {display:flex; align-items:center; justify-content:center; padding:0; border:none; background:transparent; cursor:pointer; line-height:0; flex-shrink:0;}
.tunshop .filt .head .help .mark {position:relative; display:flex; align-items:center; justify-content:center; width:20px; height:20px; flex-shrink:0; background:var(--color-primary); border-radius:4px;}
.tunshop .filt .head .help .ico {position:absolute; left:50%; top:50%; width:12px; height:12px; transform:translate(-50%, -50%); display:flex; align-items:center; justify-content:center; pointer-events:none;}
.tunshop .filt .head .help .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.tunshop .filt .scroll .filtrow .lab:focus-within .txt {outline:2px solid var(--color-primary); outline-offset:2px;}
.tunshop .filt .hr {height:1px; background:#ddd;}
.tunshop .filt .sub {padding:var(--space-20) 0 0; border-top:1px solid #ddd; box-sizing:border-box;}
.tunshop .filt .subhead {display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 19px 20px; border:none; background:transparent; font:inherit; color:inherit; text-align:left; cursor:pointer; box-sizing:border-box; line-height:inherit;}
.tunshop .filt .subhead .tit {font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em;}
.tunshop .filt .subhead .chev {width:12px; height:7px; flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:transform 0.2s ease;}
.tunshop .filt .subhead .chev img {display:block; width:100%; height:100%; object-fit:contain;}
.tunshop .filt .sub.off .scroll {display:none;}
.tunshop .filt .subhead[aria-expanded="false"] .chev {transform:rotate(180deg);}
.tunshop .filt .scroll {max-height:200px; padding:var(--space-20); overflow-y:auto; background:#f9f9f9; box-sizing:border-box;}
.tunshop .filt .scroll .lst {display:flex; flex-direction:column; gap:var(--space-15);}
.tunshop .filt .scroll .filtrow {display:flex; align-items:center; justify-content:space-between; gap:var(--space-10);}
.tunshop .filt .scroll .filtrow .lab {display:flex; align-items:center; gap:var(--space-10); cursor:pointer;}
.tunshop .filt .scroll .filtrow .pick {position:relative; display:inline-flex; flex-shrink:0; width:20px; height:20px; align-items:center; justify-content:center;}
.tunshop .filt .scroll .filtrow .pick .off {display:flex; width:20px; height:20px; flex-shrink:0; background:#fff; border:1px solid #ccc; border-radius:4px; box-sizing:border-box;}
.tunshop .filt .scroll .filtrow .pick .on {position:absolute; left:0; top:0; display:none; width:20px; height:20px; align-items:center; justify-content:center;}
.tunshop .filt .scroll .filtrow .pick .on .ico {width:20px; height:20px; display:flex; align-items:center; justify-content:center;}
.tunshop .filt .scroll .filtrow .pick .on .ico img {display:block; width:20px; height:20px; object-fit:contain;}
.tunshop .filt .scroll .filtrow .pick:has(.chk:checked) .off {display:none;}
.tunshop .filt .scroll .filtrow .pick:has(.chk:checked) .on {display:flex;}
.tunshop .filt .scroll .filtrow .pick:has(.chk:not(:checked)) .on {display:none;}
.tunshop .filt .scroll .filtrow .pick:has(.chk:not(:checked)) .off {display:flex;}
.tunshop .filt .scroll .filtrow .txt {font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; line-height:1;}
.tunshop .filt .scroll .filtrow .num {font-size:var(--font-size-12); color:#878787; letter-spacing:-0.03em; line-height:1; flex-shrink:0;}
.tunshop .filt .type {display:flex; align-items:center; justify-content:space-between; padding:21px 19px 0;}
.tunshop .filt .type .tit {font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em;}
.tunshop .filt .type .chev {width:12px; height:7px; flex-shrink:0; display:flex; align-items:center; justify-content:center; transform:rotate(180deg);}
.tunshop .filt .type .chev img {display:block; width:100%; height:100%; object-fit:contain;}
.tunshop .board {flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:var(--space-40); box-sizing:border-box;}
.tunshop .tool {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.tunshop .tool .board-search {margin-bottom: 0;}
.tunshop .tool-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%; min-height:44px; box-sizing:border-box;}
.tunshop .compat-warn {margin:0; flex:1 1 280px; min-width:0; max-width:min(800px, 100%); font-size:clamp(13px, 1.375vw, 22px); color:#e11119; letter-spacing:-0.03em; line-height:1.4; text-align:right;}
.tunshop .compat-warn[hidden] {display:none !important;}

.tunshop .sort {position:relative; width:151px; max-width:100%;}
.tunshop .sort .sel {width:100%; height:44px; padding:13px 40px 13px 16px; font-size:var(--font-size-15); color:#505050; letter-spacing:-0.03em; border:1px solid #ddd; border-radius:4px; background:#fff; box-sizing:border-box; appearance:none; cursor:pointer; line-height:normal;}
.tunshop .sort .chev {position:absolute; right:16px; top:50%; width:12px; height:7px; transform:translateY(-50%) rotate(-90deg); pointer-events:none; display:flex; align-items:center; justify-content:center;}
.tunshop .sort .chev img {display:block; width:100%; height:100%; object-fit:contain;}
.tunshop .srch .bar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%;}
.tunshop .srch .meta {font-size:var(--font-size-16); color:#878787; letter-spacing:-0.03em; line-height:1;}
.tunshop .srch .meta .emp {font-weight:600; color:var(--color-bk);}
.tunshop .srch .form {display:flex; flex-wrap:wrap; align-items:stretch; gap:0; flex-shrink:0;}
.tunshop .srch .form .q {width:300px; max-width:100%; height:44px; padding:6px 16px; border:1px solid #ddd; border-radius:4px 0 0 4px; border-right:none; box-sizing:border-box; font-size:var(--font-size-16); color:#505050; letter-spacing:-0.03em; line-height:1.5;}
.tunshop .srch .form .btn {width:100px; min-height:44px; padding:13px 10px; background:var(--color-bk); color:#fff; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; border:none; border-radius:0 4px 4px 0; cursor:pointer; box-sizing:border-box; line-height:normal;}
.tunshop .tags {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%;}
.tunshop .tags .lst {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10);}
.tunshop .tags .tag {display:flex; align-items:center; justify-content:center; gap:var(--space-10); min-height:40px; padding:10px 15px; background:#fff; border:1px solid var(--color-bk); border-radius:99px; box-sizing:border-box;}
.tunshop .tags .tag .txt {font-size:var(--font-size-14); color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.tunshop .tags .tag .del {display:flex; align-items:center; justify-content:center; padding:0; border:none; background:transparent; cursor:pointer; line-height:0;}
.tunshop .tags .tag .del .ico {width:8px; height:8px; display:flex; align-items:center; justify-content:center;}
.tunshop .tags .tag .del .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.tunshop .tags .clr {display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:8px 10px; background:#f4f4f4; border:none; border-radius:4px; cursor:pointer; box-sizing:border-box;}
.tunshop .tags .clr .ico {width:16px; height:16px; flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.tunshop .tags .clr .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.tunshop .tags .clr .txt {font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; line-height:1;}
.tunshop .grid .list {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--space-40); width:100%; box-sizing:border-box;}
.tunshop .grid .item {min-width:0;}
.tunshop .grid .card {display:flex; flex-direction:column; gap:var(--space-20); text-decoration:none; color:inherit;}
.tunshop .grid .thumb {width:100%; aspect-ratio:320 / 240; border-radius:8px; overflow:hidden; background:#f5f5f5; display:flex; align-items:center; justify-content:center;}
.tunshop .grid .thumb img {display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.3s ease;}
.tunshop .grid .meta {display:flex; flex-direction:column; align-items:center; gap:var(--space-15); text-align:center; line-height:1;}
.tunshop .grid .meta .tit {width:100%; font-size:var(--font-size-20); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.tunshop .grid .item:hover .thumb img {transform:scale(1.05);}
.tunshop .grid .item:hover .meta .tit {color:var(--color-primary);}
.tunshop .grid .meta .code {width:100%; font-size:var(--font-size-14); color:#878787; letter-spacing:-0.03em;}
.tunshop .grid .price {display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; background:#eee; border-radius:4px; box-sizing:border-box;}
.tunshop .grid .price .txt {font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; line-height:1;}

.prd-detail-flex {display:flex;}

.tungal .inner {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-20); max-width:620px; width:100%;}
.tungal .slick-for {width:100%; margin:0;}
.tungal .slick-for .slick-list {overflow:hidden; border-radius:16px;}
.tungal .slick-for .img {width:100%; border-radius:16px; overflow:hidden; background:#f5f5f5;}
.tungal .slick-for .img img {display:block; width:100%; aspect-ratio:620 / 465; object-fit:cover; border-radius:16px;}
.tungal .slick-arrow {width:11px; height:20px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.tungal .slick-prev {left:var(--space-20); background-image:url("../images/sub/tungal-prev.png");}
.tungal .slick-next {right:var(--space-20); background-image:url("../images/sub/tungal-next.png");}


.tungal .slick-nav {width:100%; margin:0;}
.tungal .slick-nav .slick-list {margin:0 -5px; overflow:hidden;}
.tungal .slick-nav .slick-slide {padding:0 5px; box-sizing:border-box;}
.tungal .slick-nav .thumb {margin:0 auto; width:116px; max-width:100%; height:87px; border-radius:8px; overflow:hidden; box-sizing:border-box; border:2px solid #ddd; background:#f5f5f5; transition:border-color 0.2s ease, opacity 0.2s ease;}
.tungal .slick-nav .thumb img {display:block; width:100%; height:100%; object-fit:cover; border-radius:8px; opacity:0.5;}
.tungal .slick-nav .slick-current .thumb {border-color:var(--color-primary);}
.tungal .slick-nav .slick-current .thumb img {opacity:1;}

.tunnote {margin-top:40px; display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-20); width:100%; max-width:620px; box-sizing:border-box;}
.tunnote .head {width:100%;}
.tunnote .tit {width:100%; font-size:var(--font-size-16); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.tunnote .cont {display:flex; flex-direction:column; gap:12px; width:100%; font-size:var(--font-size-14); color:#878787; letter-spacing:-0.03em; line-height:1.5em;}
.tunnote .cont .txt {width:100%; padding-left:10px; text-indent:-10px;}

.tundet {flex:1; margin-left:80px;}
.tundet .inner {display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-20); max-width:700px; width:100%;}
.tundet .topbar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%;}
.tundet .topbar .head {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:var(--space-10); text-align:center; line-height:1.4em;}
.tundet .topbar .head .code {font-size:var(--font-size-16); color:#505050; letter-spacing:-0.03em;}
.tundet .topbar .head .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.tundet .back {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-15); min-width:102px; min-height:46px; padding:var(--space-10) var(--space-25); border:1px solid var(--color-bk); border-radius:40px; background:#fff; text-decoration:none; color:var(--color-bk); box-sizing:border-box; line-height:1; flex-shrink:0;}
.tundet .back .ico {width:6px; height:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transform:rotate(180deg);}
.tundet .back .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.tundet .back .txt {font-family:'Oswald',sans-serif; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; white-space:nowrap;}
.tundet .rule {margin:0 0 15px; width:100%; height:1px; background:#ddd; flex-shrink:0;}
.tundet .stack {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.tundet .featbox {width:100%; padding:var(--space-30); background:#f9f9f9; border-radius:8px; box-sizing:border-box;}
.tundet .featbox .list {display:flex; flex-direction:column; gap:var(--space-20); width:100%; max-width:274px;}
.tundet .featbox .item {display:flex; align-items:center; gap:var(--space-10); width:100%;}
.tundet .featbox .dot {width:5px; height:5px; flex-shrink:0; display:flex; align-items:center; justify-content:center; line-height:0;}
.tundet .featbox .dot img {display:block; width:100%; height:100%; object-fit:contain;}
.tundet .featbox .txt {font-size:var(--font-size-16); color:#505050; letter-spacing:-0.03em; line-height:1;}
.tundet .install {display:flex; align-items:center; gap:var(--space-10); width:100%;}
.tundet .install .ico {width:16px; height:16px; flex-shrink:0; display:flex; align-items:center; justify-content:center; line-height:0;}
.tundet .install .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.tundet .install .meta {font-size:var(--font-size-16); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.tundet .install .meta .lab {font-weight:400; color:#505050;}
.tundet .install .meta .emp {font-weight:700; color:var(--color-bk);}
.tundet .reqbox {display:flex; flex-direction:column; width:100%;}
.tundet .reqbox .stit {margin:0 0 var(--space-15) 0; width:100%; font-size:var(--font-size-18); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.tundet .reqbox .scroll {width:100%; max-height:400px; margin:0 0 var(--space-20) 0; overflow-y:auto; background:#fff; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; scrollbar-width:thin; scrollbar-color:#878787 #ddd;}
.tundet .reqbox .scroll::-webkit-scrollbar {width:4px;}
.tundet .reqbox .scroll::-webkit-scrollbar-track {background:#ddd; border-radius:99px;}
.tundet .reqbox .scroll::-webkit-scrollbar-thumb {background:#878787; border-radius:99px;}
.tundet .reqbox .lst {width:100%;}
.tundet .reqbox .lst .row {display:flex; align-items:center; gap:var(--space-20); width:100%; padding:var(--space-20); box-sizing:border-box;}
.tundet .reqbox .thumb {width:100px; height:75px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:8px; overflow:hidden; background:#f5f5f5;}
.tundet .reqbox .thumb img {display:block; width:100%; height:100%; object-fit:cover;}
.tundet .reqbox .name {font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; text-decoration:none;}
.tundet .reqbox .lst .item:hover .row {background:#f4f4f4;}
.tundet .reqbox .lst .item:hover .name {text-decoration:underline;}
.tundet .warn {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%;}
.tundet .warn .left {display:flex; align-items:center; gap:var(--space-10); min-width:0;}
.tundet .warn .ico {width:20px; height:20px; flex-shrink:0; display:flex; align-items:center; justify-content:center; line-height:0;}
.tundet .warn .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.tundet .warn .txt {font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.tundet .warn .link {font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; text-decoration:underline; line-height:1; white-space:nowrap; flex-shrink:0;}
.tundet .pricebar {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--space-20); width:100%; line-height:1;}
.tundet .pricebar .stit {font-size:var(--font-size-18); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; padding-top:6px;}
.tundet .pricebar .prcwrap {display:flex; flex-direction:column; align-items:flex-end; gap:8px; margin-left:auto;}
.tundet .pricebar .prc {display:flex; align-items:center; gap:var(--space-10); text-align:center;}
.tundet .pricebar .vat {font-size:var(--font-size-16); color:#878787; letter-spacing:-0.03em;}
.tundet .pricebar .num {font-size:var(--font-size-24); font-weight:700; color:var(--color-primary); letter-spacing:-0.03em;}
.tundet .pricebar .pricenote {margin:0; font-size:15px; color:#e11119; letter-spacing:-0.03em; line-height:1.4; text-align:right;}

.modal.tunmodel {max-width:700px; width:calc(100% - 40px); padding:var(--space-40); border-radius:16px; box-sizing:border-box;}
.modal.tunmodel a.close-modal {display:none !important;}
.modal.tunmodel .wrap {display:flex; flex-direction:column; gap:var(--space-40); width:100%; max-width:620px; margin:0 auto; box-sizing:border-box; line-height:1;}
.modal.tunmodel .top {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.modal.tunmodel .head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%;}
.modal.tunmodel .head .tit {font-size:var(--font-size-20); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.modal.tunmodel .head .clos {display:flex; align-items:center; justify-content:center; line-height:0; flex-shrink:0;}
.modal.tunmodel .head .clos .img {width:32px; height:32px; display:flex; align-items:center; justify-content:center;}
.modal.tunmodel .head .clos .img img {display:block; width:100%; height:100%; object-fit:contain;}
.modal.tunmodel .rule {width:100%; height:1px; background:#ddd;}
.modal.tunmodel .tabnav {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.modal.tunmodel .tabnav .tbtn {flex:1 1 0; min-width:0; height:40px; padding:10px; border:none; border-radius:8px; background:#f4f4f4; color:#505050; font:inherit; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; cursor:pointer; box-sizing:border-box; line-height:1;}
.modal.tunmodel .tabnav .tbtn.on {background:var(--color-bk); color:#fff;}
.modal.tunmodel .tabbody {width:100%;}
.modal.tunmodel .tabpan {display:none; width:100%;}
.modal.tunmodel .tabpan.on {display:block;}
.modal.tunmodel .tabpan[hidden] {display:none !important;}
.modal.tunmodel .tabpan .stack {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%;}
.modal.tunmodel .fieldwrap {display:flex; flex-direction:column; gap:5px; width:100%;}

.modal.tunmodel .fieldwrap select.input {height:clamp(44px, calc( 56 / var(--inner) * 100vw ), 56px); border-radius:8px;}


.modal.tunmodel .field {display:flex; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%; min-height:56px; padding:0 var(--space-20); background:#fff; border:1px solid #ddd; border-radius:8px; box-sizing:border-box;}
.modal.tunmodel .field .q {flex:1 1 auto; min-width:0; height:auto; padding:0; border:none; background:transparent; font:inherit; font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em; line-height:1; box-shadow:none;}
.modal.tunmodel .field .q:focus {outline:none;}
.modal.tunmodel .field .ico {flex-shrink:0; width:16px; height:16px; display:flex; align-items:center; justify-content:center; line-height:0;}
.modal.tunmodel .field .ico .img {width:16px; height:16px; display:flex; align-items:center; justify-content:center;}
.modal.tunmodel .field .ico .img img {display:block; width:100%; height:100%; object-fit:contain;}
.modal.tunmodel .scroll {width:100%; max-height:400px; overflow-y:auto; background:#fff; border:1px solid #ddd; border-radius:8px; box-sizing:border-box; scrollbar-width:thin; scrollbar-color:#878787 #ddd;}
.modal.tunmodel .scroll::-webkit-scrollbar {width:4px;}
.modal.tunmodel .scroll::-webkit-scrollbar-track {background:#ddd; border-radius:99px;}
.modal.tunmodel .scroll::-webkit-scrollbar-thumb {background:#878787; border-radius:99px;}
.modal.tunmodel .lst {width:100%;}
.modal.tunmodel .lst .item {width:100%;}
.modal.tunmodel .lst .row {display:flex; align-items:center; gap:var(--space-20); width:100%; padding:var(--space-20); border:none; background:transparent; cursor:pointer; font:inherit; text-align:left; box-sizing:border-box; line-height:1; color:inherit;}
.modal.tunmodel .lst .item:hover .row {background:#f4f4f4;}
.modal.tunmodel .lst .thumb {width:100px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:8px; overflow:hidden;}
.modal.tunmodel .lst .thumb img {display:block; width:100px; aspect-ratio:100 / 67; object-fit:cover; object-position:center;}
.modal.tunmodel .lst .name {font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em;}
.modal.tunmodel .lst .item:hover .name {text-decoration:underline;}
.modal.tunmodel .act {display:flex; justify-content:center; width:100%;}
.modal.tunmodel .act .ok {display:inline-flex; align-items:center; justify-content:center; min-width:100px; min-height:46px; padding:var(--space-10) var(--space-25); background:var(--color-primary); color:#fff; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; text-decoration:none; border-radius:40px; box-sizing:border-box; line-height:1;}
.modal.tunmodel .soon {padding:var(--space-40); font-size:var(--font-size-16); color:#505050; text-align:center; letter-spacing:-0.03em; line-height:1.6;}
.modal.tunmodel .typetab .droplist {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-40); width:100%; line-height:1;}
.modal.tunmodel .typetab .droplist .fieldwrap {gap:var(--space-10);}
.modal.tunmodel .typetab .stit {width:100%; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.modal.tunmodel .typetab .dropfld {display:flex; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%; min-height:56px; padding:0 var(--space-20); border:1px solid #ddd; border-radius:8px; background:#fff; font:inherit; text-align:left; cursor:pointer; box-sizing:border-box; line-height:1; color:inherit;}
.modal.tunmodel .typetab .dropfld .ph {flex:1 1 auto; min-width:0; font-size:var(--font-size-16); color:#505050; letter-spacing:-0.03em;}
.modal.tunmodel .typetab .dropfld .chev {flex-shrink:0; width:12px; height:7px; display:flex; align-items:center; justify-content:center; line-height:0; transform:rotate(-90deg);}
.modal.tunmodel .typetab .dropfld .chev img {display:block; width:7px; aspect-ratio:7 / 12; object-fit:contain;}

.dispcate {margin-bottom:20px;}
.dispcate .list {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10); line-height:1;}
.dispcate .item {flex-shrink:0; padding:0;}
.dispcate .btn {display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px var(--space-20); border:1px solid #ddd; border-radius:99px; box-sizing:border-box; background:#fff; font-size:var(--font-size-16); color:#878787; letter-spacing:-0.03em; text-decoration:none; line-height:1;}
.dispcate .item.active .btn {border-color:var(--color-bk); background:var(--color-bk); color:#fff; font-weight:600;}

.disp125-wrap {display:grid; gap:var(--space-150);}
.disp125 {display:flex; flex-direction:column; gap:var(--space-20);}
.disp125 .head .tit {padding-bottom:14px; z-index:10; position:relative; display:inline; font-size:var(--font-size-28); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.disp125 .head .tit:after {position:absolute; left:0; bottom:0; right:0; height:2px; background:var(--color-bk); border-radius:1px; content:'';}
.disp125 .bar {margin-top:10px; position:relative; width:100%; max-width:1460px; height:2px; background:#d9d9d9; border-radius:1px;}
.disp125 .cont {width:100%;}
.disp125 .list {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-40);}
.disp125 .item {display:flex; flex-direction:column; align-items:center; gap:var(--space-20);}
.disp125 .item .img {display:flex; align-items:center; justify-content:center; width:100%; max-width:320px; height:240px; border-radius:8px; overflow:hidden; box-sizing:border-box;}
.disp125 .item .img img {display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform 0.35s ease;}
.disp125 .item .img:hover img {transform:scale(1.05);}
.disp125 .item .body {display:flex; flex-direction:column; align-items:center; gap:var(--space-15); width:100%; line-height:1;}
.disp125 .item .meta {display:flex; flex-direction:column; align-items:center; gap:var(--space-10); width:100%; text-align:center;}
.disp125 .item .meta .name {width:100%; font-size:var(--font-size-20); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.disp125 .item:hover .meta .name {color:var(--color-primary);}
.disp125 .item .meta .desc {width:100%; font-size:var(--font-size-14); color:#878787; letter-spacing:-0.03em; line-height:1;}
.disp125 .item .price {display:flex; align-items:center; justify-content:center; padding:6px var(--space-10); background:#eee; border-radius:4px; box-sizing:border-box;}
.disp125 .item .price .cost {font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; line-height:1; white-space:nowrap;}

.select-3wrap {margin-bottom:var(--space-20); display:flex; gap:var(--space-10);}
.select-3wrap .input {border-radius:4px;}

.dslide {margin-bottom:var(--space-120); display:flex; flex-direction:column; gap:var(--space-80); line-height:1;}
.dslide .visual {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.dslide .stage {position:relative;}
.dslide .stage .main {width:100%; aspect-ratio:1400 / 750; display:flex; align-items:center; justify-content:center; background:#fff; box-sizing:border-box; border-radius:8px; overflow:hidden; }
.dslide .stage .main img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.dslide .stage .arr {position:absolute; top:50%; z-index:2; width:72px; height:72px; padding:0; border:0; background:transparent; cursor:pointer; transform:translateY(-50%); box-sizing:border-box; line-height:0;}
.dslide .stage .arr.prev {left:var(--space-30);}
.dslide .stage .arr.next {right:var(--space-30);}
.dslide .stage .arr .ico {display:block; width:clamp(30px, calc( 72 / var(--inner) * 100vw ), 72px); height:clamp(30px, calc( 72 / var(--inner) * 100vw ), 72px);}
.dslide .stage .arr.prev .ico img {display:block; width:100%; height:100%; transform:rotate(180deg);}
.dslide .stage .arr.next .ico img {display:block; width:100%; height:100%;}
.dslide .strip {display:flex; flex-wrap:nowrap; align-items:center; gap:var(--space-10); width:100%; max-width:1460px; margin:var(--space-20) auto 0 auto; padding-bottom:var(--space-10); overflow-x:auto; overflow-y:hidden; box-sizing:border-box; cursor:grab; -webkit-overflow-scrolling:touch; scrollbar-width:thin;}
.dslide .strip:active {cursor:grabbing;}
.dslide .strip .thumb {flex:0 0 131px; width:131px; height:70px; padding:0; border:1px solid #ddd; border-radius:4px; background:#fff; overflow:hidden; cursor:pointer; box-sizing:border-box; line-height:0;}
.dslide .strip .thumb.on {border:2px solid var(--color-primary);}
.dslide .strip .thumb .img {width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; box-sizing:border-box;}
.dslide .strip .thumb .img img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.dslide .strip .thumb:not(.on) .img img {opacity:0.5;}
.dslide .note {display:flex; align-items:center; justify-content:flex-end; gap:var(--space-10); width:100%; flex-wrap:wrap; box-sizing:border-box; line-height:1;}
.dslide .note .mark {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:99px; background:#878787; font-size:var(--font-size-12); font-weight:700; color:#fff; letter-spacing:-0.03em; text-align:center;}
.dslide .note .txt {font-size:var(--font-size-14); color:#878787; letter-spacing:-0.03em; line-height:1; text-align:right;}
.dslide .detail {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%; text-align:center; box-sizing:border-box; line-height:1;}
.dslide .detail .tit {width:100%; font-size:var(--font-size-48); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.dslide .detail .desc {width:100%; font-size:var(--font-size-18); color:#505050; letter-spacing:-0.03em; line-height:1.65em;}
.dslide .detail .price {display:flex; flex-direction:column; align-items:center; gap:var(--space-10); width:151px; max-width:100%; box-sizing:border-box; line-height:1;}
.dslide .detail .price .cost {width:100%; font-size:var(--font-size-24); font-weight:700; color:var(--color-primary); letter-spacing:-0.03em; line-height:1;}
.dslide .detail .price .vat {width:100%; font-size:var(--font-size-16); color:#878787; letter-spacing:-0.03em; line-height:1;}

.dispspec {padding:var(--space-120) 0; background:#f9f9f9;}

.dispspec .cont-tit .tit {text-align:center; width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.dispspec .cols {margin-top:var(--space-80); grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-40); width:100%; box-sizing:border-box;}
.dispspec .box {display:flex; flex-direction:column; gap:var(--space-20); box-sizing:border-box; line-height:1;}
.dispspec .box .tit {font-size:var(--font-size-22); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.dispspec .tbl {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:1px solid var(--color-bk); box-sizing:border-box;}
.dispspec .tbl th {width:150px; padding:0 10px; background:#eee; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.4em; text-align:left; vertical-align:middle; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
.dispspec .tbl td {padding:var(--space-15); background:#fff; font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; line-height:1.4em; text-align:left; vertical-align:middle; border-bottom:1px solid #ddd; box-sizing:border-box;}

.edit-cont {padding:var(--space-120) 0 0; text-align:center;}

.dispback {margin-top:var(--space-60); display:flex; justify-content:center; line-height:1;}
.dispback .back {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-15); min-width:102px; min-height:46px; padding:var(--space-10) var(--space-25); border:1px solid var(--color-bk); border-radius:40px; background:#fff; text-decoration:none; color:var(--color-bk); box-sizing:border-box; line-height:1; flex-shrink:0;}
.dispback .back .ico {width:6px; height:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transform:rotate(180deg);}
.dispback .back .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.dispback .back .txt {font-family:'Oswald',sans-serif; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; white-space:nowrap;}

.pinfo {display:flex; flex-direction:column; gap:var(--space-150); width:100%; box-sizing:border-box; line-height:1;}
.pinfo .top {display:flex; flex-direction:column; gap:var(--space-60); width:100%;}
.pinfo .leadbox {width:100%; background:#f4f4f4; border-radius:16px; padding:var(--space-40) var(--space-10); box-sizing:border-box;}
.pinfo .leadbox .inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); width:100%;}
.pinfo .leadbox .txt {display:flex; flex-direction:column; gap:0; width:100%; font-size:var(--font-size-18); line-height:1.67em; color:#505050; letter-spacing:-0.03em; text-align:center;}
.pinfo .leadbox .txt .mark {font-weight:600; color:var(--color-bk);}
.pinfo .leadbox .act {display:flex; justify-content:center; width:100%;}
.pinfo .leadbox .btn {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-15); width:194px; max-width:100%; min-height:46px; padding:var(--space-10) var(--space-25); background:var(--color-primary); color:#fff; border-radius:40px; font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; text-decoration:none; box-sizing:border-box; line-height:1;}
.pinfo .leadbox .btn .label {flex-shrink:0;}
.pinfo .leadbox .ico {flex-shrink:0; width:16px; height:16px; line-height:0;}
.pinfo .leadbox .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.pinfo .downrow {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%; box-sizing:border-box;}
.pinfo .downrow .fields {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10); flex:1 1 auto; min-width:0;}
.pinfo .pick {display:flex; align-items:center; justify-content:space-between; gap:var(--space-15); width:100%; max-width:386px; background:#fff; box-sizing:border-box;}
.pinfo .downrow .fields .input,
.pinfo .pick select.input {height:56px;  border:2px solid #ddd; border-radius:8px; }
.pinfo .pick .fld {flex:1 1 auto; min-width:0; padding:0; border:none; background:transparent; font:inherit; font-size:var(--font-size-16); color:#878787; letter-spacing:-0.03em; line-height:1; cursor:pointer; appearance:none; -webkit-appearance:none;}
.pinfo .pick .fld:focus {outline:none;}
.pinfo .pick .chev {flex-shrink:0; width:12px; height:7px; display:flex; align-items:center; justify-content:center; line-height:0;}
.pinfo .pick .chev img {display:block; width:7px; aspect-ratio:7 / 12; object-fit:contain; transform:rotate(-90deg);}

.pinfo .btn-down {display:inline-flex; align-items:center; justify-content:center; width:200px; max-width:100%; min-height:56px; padding:var(--space-10); border:none; background:var(--color-primary); color:#fff; font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; border-radius:8px; cursor:pointer; box-sizing:border-box; line-height:1; font-family:inherit;}
.pinfo .note {margin-top: calc(-1* var(--space-40)); display:flex; align-items:center; gap:var(--space-10); width:100%; box-sizing:border-box; line-height:1; justify-content: flex-end;}
.pinfo .note .ico {flex-shrink:0; width:20px; height:20px; line-height:0;}
.pinfo .note .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.pinfo .note .txt {font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.48px;}
.pinfo .guide {display:flex; flex-direction:column; gap:var(--space-120); width:100%;}
.pinfo .guide .sec {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--space-40); width:100%; box-sizing:border-box;}
.pinfo .guide .text {display:flex; flex-direction:column; gap:var(--space-40); flex:0 1 600px; max-width:600px; width:100%; min-width:0; line-height:1;}
.pinfo .guide .head {display:flex; align-items:center; gap:var(--space-15); min-height:32px; width:100%;}
.pinfo .guide .head .dot {flex-shrink:0; width:8px; height:8px; background:var(--color-secondary);}
.pinfo .guide .head .tit {flex:1 1 auto; min-width:0; font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.pinfo .guide .list {display:flex; flex-direction:column; gap:var(--space-30); font-size:var(--font-size-18); color:var(--color-bk); letter-spacing:-0.03em; line-height:1.33em;}
.pinfo .guide .list .item {margin:0;}
.pinfo .guide .text .cont {width:100%; font-size:var(--font-size-18); line-height:1.67em; color:var(--color-bk); letter-spacing:-0.03em;}
.pinfo .guide .text .cont p {margin:0;}
.pinfo .guide .img {flex:0 1 750px; max-width:750px; width:100%; border-radius:16px; overflow:hidden; line-height:0;}
.pinfo .guide .img img {display:block; width:100%; aspect-ratio:750 / 503; object-fit:cover;}

.pinfo .rslt {display:flex; flex-direction:column; gap:var(--space-20); width:100%; line-height:1; box-sizing:border-box;}
.pinfo .rslt .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.pinfo .rslt .board {display:flex; flex-direction:column; gap:0; width:100%; min-width:0; box-sizing:border-box;}
.pinfo .rslt .board .bar {width:100%; height:2px; background:var(--color-bk); flex-shrink:0;}
.pinfo .rslt .tbl {width:100%; border-collapse:collapse; margin:0;}
.pinfo .rslt .tbl col.col1 {width:auto;}
.pinfo .rslt .tbl col.col2,
.pinfo .rslt .tbl col.col3 {width:17.855%;}
.pinfo .rslt .tbl thead th {height:60px; padding:0 var(--space-10); background:#f4f4f4; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; box-sizing:border-box;}
.pinfo .rslt .tbl tbody td {height:80px; padding:0 var(--space-10); font-size:var(--font-size-20); color:var(--color-bk); letter-spacing:-0.03em; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; box-sizing:border-box;}
.pinfo .rslt .tbl tbody td:first-child {min-width:0;}

.yamalube {display:flex; flex-direction:column; gap:var(--space-80); width:100%; box-sizing:border-box; line-height:1;}
.yamalube .block {display:flex; flex-direction:column; gap:var(--space-20); width:100%; box-sizing:border-box;}
.yamalube .hero {position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:600px; padding:var(--space-40); border-radius:16px; overflow:hidden; box-sizing:border-box;}
.yamalube .hero .bg {position:absolute; inset:0; z-index:0; overflow:hidden; border-radius:16px; pointer-events:none;}

.yamalube .hero .bg .img {display:block; width:100%; height:100%; margin:0; line-height:0;}

.yamalube .hero .bg .img img {display:block; width:100%; height:100%; object-fit:cover; object-position:50% 50%;}

.yamalube .hero .dim {position:absolute; inset:0; display:block; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 100%); pointer-events:none;}
.yamalube .hero .bar {position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--space-30); width:100%; box-sizing:border-box;}
.yamalube .hero .bar .txt {flex:1 1 280px; min-width:0; font-size:var(--font-size-18); font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:32px;}
.yamalube .hero .bar .txt p {margin:0;}
.yamalube .hero .bar .mark {flex-shrink:0; width:150px; max-width:40%; line-height:0;}
.yamalube .hero .bar .mark img {display:block; width:100%; height:auto; object-fit:contain;}

.yamalube .strip {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%; box-sizing:border-box;}
.yamalube .strip .msg {display:flex; align-items:center; gap:var(--space-10);}
.yamalube .strip .msg .ico {flex-shrink:0; width:20px; height:20px; line-height:0;}
.yamalube .strip .msg .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.yamalube .strip .msg .txt {font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em; line-height:1.4;}
.yamalube .strip .caut {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10);}
.yamalube .strip .caut .ico {flex-shrink:0; width:40px; height:40px; line-height:0;}
.yamalube .strip .caut .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.yamalube .strip .caut .tit {font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}

.yamalube .grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--space-40); width:100%; box-sizing:border-box;}
.yamalube .card {display:flex; flex-direction:column; background:#fff; border:1px solid #ddd; border-radius:16px; padding-bottom:var(--space-40); overflow:hidden; box-sizing:border-box;}
.yamalube .card .thumb {display:flex; align-items:center; justify-content:center; aspect-ratio:440 / 330; background:#fff; overflow:hidden; border-radius:16px; box-sizing:border-box;}
.yamalube .card .thumb .img {display:flex; align-items:center; justify-content:center; width:100%; height:100%; line-height:0;}
.yamalube .card .thumb .img img {display:block; width:auto; max-width:90%; height:auto; max-height:248px; object-fit:contain;}
.yamalube .card .body {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); width:100%; padding:0 var(--space-20); box-sizing:border-box;}
.yamalube .card .head {display:flex; flex-direction:column; align-items:center; gap:var(--space-10); width:100%; text-align:center;}
.yamalube .card .head .tit {width:100%; font-size:var(--font-size-20); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.yamalube .card .head .sub {width:100%; font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.yamalube .card .desc {width:100%; font-size:var(--font-size-14); line-height:22px; color:#505050; letter-spacing:-0.03em; text-align:center;}
.yamalube .card .desc p {margin:0;}
.yamalube .card .rule {display:block; width:100%; max-width:400px; height:1px; margin:0 auto; background:#d9d9d9;}
.yamalube .card .price {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-15); text-align:center;}
.yamalube .card .price .lbl {font-size:var(--font-size-16); color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.yamalube .card .price .cost {font-size:var(--font-size-24); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}

.cused .list {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.cused .card {display:flex; align-items:center; gap:var(--space-30); width:100%; min-height:225px; padding:var(--space-20); border:1px solid #ddd; border-radius:16px; box-sizing:border-box; text-decoration:none; color:inherit; overflow:hidden; line-height:1;}
.cused .card .img {flex-shrink:0; display:flex; align-items:center; justify-content:center; width:300px; max-width:42%; line-height:0; overflow:hidden;}
.cused .card .img img {display:block; width:100%; aspect-ratio:300 / 199; object-fit:cover; transition:transform 0.2s ease;}
.cused .card:hover .img img {transform:scale(1.05);}
.cused .card .body {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; flex:1 1 auto; min-width:0; min-height:199px; padding:var(--space-30) 0; box-sizing:border-box;}
.cused .card .head {display:flex; flex-direction:column; gap:var(--space-15); width:100%;}
.cused .card .head .tit {font-size:var(--font-size-20); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:normal;}
.cused .card .meta {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10);}
.cused .card .meta li {padding:5px; background:#eee; border-radius:4px; font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; white-space:nowrap; box-sizing:border-box;}
.cused .card .price {width:100%; font-size:var(--font-size-24); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}

.dealerpg {display:flex; flex-direction:column; gap:var(--space-20); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box; line-height:1;}
.dealerpg .types {width:100%; background:#f4f4f4; border-radius:16px; padding:var(--space-30); box-sizing:border-box; overflow:hidden;}
.dealerpg .types .track {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap:var(--space-30);}
.dealerpg .types .track::-webkit-scrollbar {display:none; width:0; height:0;}
.dealerpg .types .card {display:flex; align-items:center; gap:var(--space-20); width:100%; min-width:0; max-width:100%; box-sizing:border-box;}
.dealerpg .types .card .img {flex-shrink:0; width:80px; height:80px; border-radius:4px; overflow:hidden; line-height:0;}
.dealerpg .types .card .img img {display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:1;}
.dealerpg .types .card .body {display:flex; flex-direction:column; gap:var(--space-10); flex:1; min-width:0; line-height:1.25;}
.dealerpg .types .card .tit {font-size:var(--font-size-16); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.dealerpg .types .card .txt {font-size:var(--font-size-14); line-height:20px; color:#505050; letter-spacing:-0.03em;}

.dealerpg .acco {display:flex; flex-direction:column; width:100%;}
.dealerpg .acco .item {border-bottom:1px solid #ddd; box-sizing:border-box;}
.dealerpg .acco .item:first-child {border-top:1px solid #ddd;}
.dealerpg .acco .head {display:flex; align-items:center; justify-content:space-between; width:100%; padding:25px var(--space-20); background:transparent; border:none; cursor:default; font:inherit; text-align:left; box-sizing:border-box; line-height:1;}
.dealerpg .acco .item.has-panel .head {cursor:pointer;}
.dealerpg .acco .item.on .head {background:rgba(10, 45, 130, 0.05);}
.dealerpg .acco .meta {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10);}
.dealerpg .acco .meta .tit {font-size:var(--font-size-18); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.dealerpg .acco .item.on .meta .tit {color:var(--color-primary);}
.dealerpg .acco .meta .cnt {font-size:var(--font-size-14); color:#878787; letter-spacing:-0.03em;}
.dealerpg .acco .item.on .meta .cnt {color:var(--color-primary);}
.dealerpg .acco .ico {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:16px; height:9px; line-height:0;}
.dealerpg .acco .ico .sym {display:block; width:9px; height:16px; object-fit:contain; transform:rotate(90deg); transition:transform .2s ease;}
.dealerpg .acco .item.on .ico .sym {transform:rotate(-90deg);}
.dealerpg .acco .panel {padding:var(--space-30) var(--space-20); background:#fff; box-sizing:border-box;}
.dealerpg .acco .panel[hidden] {display:none !important;}

.dealerpg .region {display:flex; flex-direction:column; gap:var(--space-30); width:100%;}
.dealerpg .region .row {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:var(--space-30); width:100%; align-items:center; box-sizing:border-box;}
.dealerpg .region .cell {display:flex; align-items:center; gap:var(--space-10); min-width:0; box-sizing:border-box; text-decoration:none; color:inherit;}
.dealerpg .region .cell .dot {position:relative; flex-shrink:0; width:4px; height:4px; min-width:4px; min-height:4px; line-height:0;}
.dealerpg .region .cell .dot img {display:block; width:4px; height:4px;}
.dealerpg .region .cell .dot img.act {display:none; position:absolute; left:0; top:0;}
.dealerpg .region .cell:hover .dot img.base {display:none;}
.dealerpg .region .cell:hover .dot img.act {display:block;}
.dealerpg .region .cell .name {font-size:var(--font-size-16); color:#505050; letter-spacing:-0.03em;}
.dealerpg .region .cell:hover .name {font-weight:600; color:var(--color-primary);}

@media (max-width:1200px) {
.dealerpg .region .row {grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (max-width:768px) {
.dealerpg .region .row {grid-template-columns:repeat(2, minmax(0, 1fr));}
}

.dealerpg .shoplist {display:flex; flex-direction:column; gap:var(--space-100); width:100%; margin-top:var(--space-60); box-sizing:border-box; line-height:1;}
.dealerpg .shoplist .stsec {display:flex; flex-direction:column; gap:var(--space-20); width:100%; box-sizing:border-box;}
.dealerpg .shoplist .stit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.dealerpg .shoplist .scroll {width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; box-sizing:border-box;}
.dealerpg .shoplist .sheet {width:100%; border-collapse:collapse; border-spacing:0;}

.dealerpg .shoplist .sheet thead {border-top:2px solid #121212;}
.dealerpg .shoplist .sheet thead .head th {height:60px; padding:var(--space-10); background:#f4f4f4; border-bottom:1px solid #ddd; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; text-align:center; vertical-align:middle; box-sizing:border-box;}
.dealerpg .shoplist .sheet tbody td {padding:var(--space-10) 0; border-bottom:1px solid #ddd; font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; text-align:center; vertical-align:middle; box-sizing:border-box;}
.dealerpg .shoplist .sheet tbody td.addr {word-break:break-all;}
.dealerpg .shoplist .sheet tbody .img {width:40px; height:40px; margin:0 auto; border-radius:0; overflow:hidden; line-height:0;}
.dealerpg .shoplist .sheet tbody .img img {display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:1; margin: 0;}
.dealerpg .shoplist .btn-map {display:inline-flex; align-items:center; justify-content:center; margin:0 auto; padding:var(--space-10) var(--space-15); border-radius:99px; border:1px solid #505050; background:#fff; font-size:var(--font-size-14); color:#505050; letter-spacing:-0.03em; line-height:1; text-align:center; text-decoration:none; box-sizing:border-box;}
.dealerpg .shoplist .btn-map:hover {border-color:var(--color-primary); background:var(--color-primary); color:#fff; font-weight:600;}

.mapview {width:100%; margin-top:var(--space-60); box-sizing:border-box; line-height:1;}
.mapview .inner {display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--space-80); width:100%; box-sizing:border-box;}
.mapview .visual {display:flex; flex-direction:column; gap:var(--space-20); flex:0 1 620px; width:100%; max-width:620px; box-sizing:border-box;}
.mapview .visual .stage {position:relative; width:100%; border-radius:16px; overflow:hidden; line-height:0; box-sizing:border-box;}
.mapview .visual .stage::after {content:""; position:absolute; inset:0; border-radius:16px; background:rgba(0,0,0,0.03); pointer-events:none; z-index:2;}
.mapview .visual .stage .slick-for {width:100%; margin:0;}
.mapview .visual .stage .slick-for .slick-list {overflow:hidden; border-radius:16px;}
.mapview .visual .stage .slick-for .img {width:100%; aspect-ratio:620 / 420;}
.mapview .visual .stage .slick-for .img img {display:block; width:100%; height:100%; object-fit:cover;}

.mapview .slick-arrow {width:11px; height:20px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.mapview .slick-prev {left:var(--space-20); background-image:url("../images/sub/mapview-prev.png");}
.mapview .slick-next {right:var(--space-20); background-image:url("../images/sub/mapview-next.png");}

.mapview .visual .stage .pnavi {position:absolute; left:0; right:0; top:50%; z-index:3; display:flex; align-items:center; justify-content:center; width:100%; height:20px; margin-top:-10px; pointer-events:none; line-height:0;}
.mapview .visual .stage .pnavi img {display:block; width:100%; max-width:620px; height:20px; object-fit:contain;}
.mapview .visual .slick-nav {width:100%; margin:0;}
.mapview .visual .slick-nav .slick-list {margin:0 -5px; overflow:hidden;}
.mapview .visual .slick-nav .slick-slide {padding:0 5px; box-sizing:border-box;}
.mapview .visual .slick-nav .thumb {margin:0 auto; width:116px; max-width:100%; height:78px; border-radius:8px; overflow:hidden; box-sizing:border-box; border:1px solid #ddd; background:transparent; transition:border-color 0.2s ease, opacity 0.2s ease;}
.mapview .visual .slick-nav .thumb img {display:block; width:100%; height:100%; object-fit:cover; border-radius:8px; opacity:0.5;}
.mapview .visual .slick-nav .slick-current .thumb {border:2px solid var(--color-primary);}
.mapview .visual .slick-nav .slick-current .thumb img {opacity:1;}

.mapview .visual .thumbstrip {display:flex; flex-wrap:nowrap; align-items:stretch; gap:var(--space-10); width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; box-sizing:border-box;}
.mapview .visual .thumbstrip::-webkit-scrollbar {display:none; width:0; height:0;}
.mapview .visual .thumbstrip .item {flex:0 0 auto; width:116px; height:79px; padding:0; border:1px solid #ddd; border-radius:8px; overflow:hidden; background:transparent; cursor:pointer; line-height:0; box-sizing:border-box;}
.mapview .visual .thumbstrip .item .img {width:100%; height:100%; margin:0;}
.mapview .visual .thumbstrip .item .img img {display:block; width:100%; height:100%; object-fit:cover; opacity:0.5;}
.mapview .visual .thumbstrip .item.on {border:2px solid var(--color-primary);}
.mapview .visual .thumbstrip .item.on .img img {opacity:1;}
.mapview .side {display:flex; flex-direction:column; gap:var(--space-35); flex:1 1 280px; min-width:0; max-width:700px; padding-top:var(--space-20); box-sizing:border-box; line-height:1;}
.mapview .side .topbar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%; box-sizing:border-box;}
.mapview .side .brand {display:flex; align-items:center; gap:var(--space-10); min-width:0; box-sizing:border-box;}
.mapview .side .brand .logo {flex-shrink:0; width:40px; height:40px; overflow:hidden; line-height:0;}
.mapview .side .brand .logo img {display:block; width:100%; height:100%; object-fit:cover;}
.mapview .side .brand .tit {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; white-space:nowrap;}
.mapview .side .btn-back {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-15); min-width:102px; min-height:46px; padding:var(--space-10) var(--space-25); border:1px solid #121212; border-radius:40px; background:#fff; font-family:inherit; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; cursor:pointer; box-sizing:border-box;}
.mapview .side .btn-back .ico {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:6px; height:12px; line-height:0; transform:rotate(180deg);}
.mapview .side .btn-back .ico img {display:block; width:6px; height:12px;}
.mapview .side .btn-back .lbl {flex-shrink:0; font-family:'Oswald',sans-serif;}
.mapview .side .rule {width:100%; height:1px; background:#ddd;}
.mapview .side .infolist {display:grid; grid-template-columns:80px minmax(0, 1fr); gap:var(--space-20) var(--space-20); row-gap:var(--space-30); width:100%; box-sizing:border-box;}
.mapview .side .infolist dt {font-size:var(--font-size-16); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3em;}
.mapview .side .infolist dd {font-size:var(--font-size-16); color:#505050; letter-spacing:-0.03em; line-height:1.3em; word-break:break-all;}

@media (max-width:768px) {
.mapview .side .brand .tit {white-space:normal;}
}

.yragoal {padding:var(--space-120) 15px; display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%;}
.yragoal .wrap {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%;}
.yragoal .tit {width:100%; text-align:center; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.yragoal .img {width:100%; max-width:900px; border-radius:16px; overflow:hidden; background:#fff; line-height:0; box-sizing:border-box;}
.yragoal .img img {display:block; width:100%; aspect-ratio:900 / 254; object-fit:cover;}
.yragoal .cont {text-align:center; line-height:1.6; width:100%; max-width:900px; box-sizing:border-box;}
.yragoal .cont .txt {font-size:var(--font-size-20); color:#505050; letter-spacing:-0.03em;}
.yragoal .cont .txt.primary {font-weight:600; color:var(--color-primary);}

.yracurr {width:100%; padding:var(--space-120) 0 var(--space-180); background:#f4f7fb; box-sizing:border-box;}
.yracurr .inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.yracurr .cont-tit {display:flex; flex-direction:column; align-items:center; gap:var(--space-30); width:100%; max-width:532px; margin:0 auto; text-align:center; line-height:1.3em;}
.yracurr .cont-tit .tit {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.yracurr .cont-tit .lead {width:100%; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em;}
.yracurr .cols {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--space-60); align-items:start; width:100%; box-sizing:border-box;}
.yracurr .card {display:flex; flex-direction:column; gap:var(--space-30); align-items:stretch; width:100%; min-width:0; box-sizing:border-box;}
.yracurr .card .box {display:flex; flex-direction:column; gap:var(--space-15); width:100%; padding:0 5px; box-sizing:border-box; line-height:1;}
.yracurr .card .stit {width:100%; font-size:var(--font-size-24); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.yracurr .card .txt {width:100%; font-size:var(--font-size-18); color:#505050; letter-spacing:-0.03em; line-height:1.6;}
@media (max-width:768px) {
.yracurr .cols {grid-template-columns:1fr; gap:var(--space-40);}
.yracurr {padding:var(--space-80) 0 var(--space-120);}
}

.yrainst {margin-top:var(--space-120); width:100%; box-sizing:border-box; line-height:1;}
.yrainst .inner {display:flex; flex-direction:column; gap:var(--space-120); width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.yrainst .block {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-70); width:100%; box-sizing:border-box;}
.yrainst .block .cont {display:flex; flex-direction:column; gap:var(--space-30); flex:1 1 0; min-width:0; box-sizing:border-box; line-height:1;}
.yrainst .block .cont-tit {padding:0; width:100%; line-height:1;}
.yrainst .block .tit {width:100%; font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.yrainst .block .box {width:100%; padding:var(--space-25) var(--space-30); border-radius:16px; background:#f4f4f4; box-sizing:border-box; overflow:hidden; line-height:1;}
.yrainst .block .list {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.yrainst .block .item {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10); width:100%;line-height:1;}
.yrainst .block .mark {flex-shrink:0; width:6px; height:6px; line-height:0; box-sizing:border-box;}
.yrainst .block .mark img {display:block; width:6px; height:6px;}
.yrainst .block .item .txt {flex:1 1 0; min-width:0; font-size:var(--font-size-16); color:#505050; letter-spacing:-0.03em; line-height:1.6;}
@media (max-width:768px) {
.yrainst .inner {gap:var(--space-80);}
.yrainst .block {flex-direction:column; align-items:stretch;}
.yrainst .block .img {width:100%;}
.yrainst {padding:0 0 var(--space-80);}
}

.yrabasic {width:100%; padding:var(--space-120) 0; box-sizing:border-box; line-height:1;}
.yrabasic .inner {width:100%; max-width:1460px; margin:0 auto; padding:0 var(--contain-padding); box-sizing:border-box;}
.yrabasic .block {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-80); width:100%; box-sizing:border-box;}
.yrabasic .block .img {flex-shrink:0; width:580px; max-width:100%; border-radius:16px; overflow:hidden; background:#fff; line-height:0; box-sizing:border-box;}
.yrabasic .block .img img {display:block; width:100%; aspect-ratio:580 / 400; object-fit:cover; object-position:50% 45%;}
.yrabasic .block .cont {display:flex; flex-direction:column; gap:var(--space-60); flex:1 1 0; min-width:0; box-sizing:border-box; line-height:1.67;}
.yrabasic .block .cont-tit {display:flex; flex-direction:column; gap:var(--space-20); padding:0; width:100%; line-height:1;}
.yrabasic .block .tit {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.yrabasic .block .lead {width:100%; font-size:var(--font-size-18); font-weight:600; color:var(--color-primary); letter-spacing:-0.03em;}
.yrabasic .block .box {width:100%; box-sizing:border-box; line-height:1.67;}
.yrabasic .block .txt {width:100%; font-size:var(--font-size-18); color:#505050; letter-spacing:-0.03em;}
@media (max-width:768px) {
.yrabasic {padding:0 0 var(--space-80);}
.yrabasic .block {flex-direction:column; align-items:stretch; gap:var(--space-40);}
.yrabasic .block .img {width:100%;}
}

.schedule-wrap {padding:var(--space-120) 0; margin-bottom:var(--space-120); background-color:#F4F7FB;}
.schedule-wrap .cont-tit {margin-bottom:var(--space-60);text-align:center; display:flex; flex-direction:column; gap:var(--space-25); padding:0; width:100%; line-height:1;}
.schedule-wrap .cont-tit .tit {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.schedule-wrap .cont-tit .desc {width:100%; color:#0A2D82; font-weight:600; letter-spacing:-0.03em; line-height:1.55;}

.yragal-tit {margin-bottom:var(--space-60); text-align:center;}
.yragal-tit .tit {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}

.schedule-frame {width:100%; box-sizing:border-box; line-height:0;}
.schedule-frame iframe {display:block; width:100%; min-height:64vh; border:0; vertical-align:bottom;}

.yragal-frame {width:100%; box-sizing:border-box; line-height:0;}
.yragal-frame iframe {display:block; width:100%; min-height:85vh; border:0; vertical-align:bottom;}
body.yragal-embed {margin:0; line-height:1;}
.yragal-embed .wrap {box-sizing:border-box;}
.yragal-embed .gallery-list ul {margin:0;}

.r3cup .intro {margin-bottom:var(--space-150); display:flex; flex-direction:column; gap:var(--space-40); width:100%; box-sizing:border-box; line-height:1;}
.r3cup .intro .cont-tit {display:flex; flex-direction:column; gap:var(--space-20); padding:0; width:100%; line-height:1;}
.r3cup .intro .cont-tit .tit {width:100%; font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.r3cup .intro .cont-tit .desc {width:100%; font-size:var(--font-size-18); color:#505050; letter-spacing:-0.03em; line-height:1.55;}
.r3cup .intro .cont {display:flex; flex-direction:column; gap:var(--space-30); width:100%; box-sizing:border-box; line-height:1;}
.r3cup .intro .classcards {display:flex; flex-wrap:wrap; gap:var(--space-20); width:100%;}
.r3cup .intro .classcards .item {flex:1 1 calc((100% - var(--space-20) * 2) / 3); min-width:min(100%, 280px);}
.r3cup .intro .classcards .card {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; width:100%; padding:var(--space-20); border-radius:16px; overflow:hidden; box-sizing:border-box; line-height:1; text-align:center;}
.r3cup .intro .classcards .card .bg {position:absolute; inset:0; z-index:0; width:100%; height:100%; line-height:0; border-radius:16px; overflow:hidden;}
.r3cup .intro .classcards .card .bg img {display:block; width:100%; height:100%; object-fit:cover; border-radius:16px;}
.r3cup .intro .classcards .card .body {position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; width:100%; max-width:100%;line-height:1;}
.r3cup .intro .classcards .card .label {display:inline-flex; align-items:center; justify-content:center; margin:0 0 var(--space-15) 0; padding:5px var(--space-10); border-radius:99px; background:rgba(255,255,255,0.2); font-size:var(--font-size-14); color:#fff; letter-spacing:-0.03em; line-height:1;}
.r3cup .intro .classcards .card .stit {margin:0 0 var(--space-20) 0; font-size:var(--font-size-32); font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1;}
.r3cup .intro .classcards .card .txt {width:100%; font-size:var(--font-size-18); color:#fff; letter-spacing:-0.03em; line-height:1.55;}
.r3cup .intro .toolbar {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-20); width:100%; box-sizing:border-box; line-height:1;}
.r3cup .intro .toolbar .call {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10); padding:var(--space-15) var(--space-20); border-radius:99px; background:var(--color-primary); box-sizing:border-box; line-height:1;}
.r3cup .intro .toolbar .call .name {font-size:var(--font-size-16); font-weight:600; color:#fff; letter-spacing:-0.03em; line-height:1; white-space:nowrap;}
.r3cup .intro .toolbar .call .phone {font-size:var(--font-size-20); font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1; text-align:center; white-space:nowrap;}
.r3cup .intro .toolbar .call .phone .sub {font-size:var(--font-size-14); font-weight:400;}
.r3cup .intro .toolbar .btns {display:flex; flex-wrap:wrap; gap:var(--space-20); align-items:center; box-sizing:border-box; line-height:1;}
.r3cup .intro .toolbar .btn-line {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-20); width:180px; max-width:100%; height:50px; padding:0 var(--space-20); border:1px solid var(--color-bk); border-radius:99px; background:#fff; font-size:var(--font-size-16); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; text-decoration:none; line-height:1; box-sizing:border-box;}
.r3cup .intro .toolbar .download {display:inline-flex; align-items:center; justify-content:center; gap:var(--space-20); width:180px; max-width:100%; height:50px; padding:0 var(--space-20); border:1px solid var(--color-bk); border-radius:99px; background:var(--color-bk); font-size:var(--font-size-16); font-weight:600; color:#fff; letter-spacing:-0.03em; text-decoration:none; line-height:1; box-sizing:border-box;}
.r3cup .intro .toolbar .ico {display:block; flex-shrink:0; width:7px; height:14px; line-height:0;}
.r3cup .intro .toolbar .ico img {display:block; width:7px; height:14px;}
.r3cup .partner {display:flex; flex-direction:column; gap:var(--space-40); width:100%; box-sizing:border-box; line-height:1;}
.r3cup .partner .cont-tit {padding:0; width:100%; line-height:1;}
.r3cup .partner .cont-tit .tit {width:100%; font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.r3cup .partner .logolist {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-40);}

@media (max-width:768px) {

.r3cup .inner {gap:var(--space-100);}
.r3cup .intro .classcards .item {flex:1 1 100%;}
.r3cup .intro .toolbar {flex-direction:column; align-items:stretch;}
.r3cup .intro .toolbar .call {justify-content:center;}
.r3cup .intro .toolbar .btns {width:100%; justify-content:center;}
.r3cup .intro .toolbar .btn-line, .r3cup .intro .toolbar .download {width:100%; height: 40px;}
.r3cup .partner .logolist .item {width:100%;}
}

.r3pics {width:100%; margin:var(--space-40) 0 0 0; padding:0; box-sizing:border-box; line-height:1;}
.r3pics .list {gap:var(--space-20); grid-template-columns:repeat(4, 1fr); display:grid;}
.r3pics .list .item {flex:0 1 335px; width:100%; max-width:min(335px, 100%);}
.r3pics .list .img {width:100%; line-height:0; border-radius:16px; overflow:hidden;}
.r3pics .list .img img {display:block; width:100%; aspect-ratio:335 / 268; object-fit:cover; border-radius:16px;}

@media (max-width:768px) {
.r3pics .list .item {flex:1 1 100%; max-width:100%;}
}

.catlg {width:100%; margin:var(--space-40) 0 0 0; padding:0; box-sizing:border-box; line-height:1;}
.catlg .list {grid-template-columns:repeat(4, 1fr); display:grid; gap:var(--space-80);}
.catlg .item {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-15); max-width:100%;}
.catlg .img {width:100%; overflow:hidden; line-height:0;}
.catlg .img img {display:block; width:100%; aspect-ratio:290 / 387; object-fit:cover;}
.catlg .tit {width:100%; font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; text-align:center; line-height:1;}
.catlg .download {display:flex; align-items:center; justify-content:center; gap:var(--space-10); width:100%; min-height:40px; padding:0 var(--space-15); border:1px solid var(--color-bk); background:#fff; font-size:var(--font-size-14); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1; text-decoration:none; box-sizing:border-box;}
.catlg .download .ico {background:url('/images/sub/catalog-ico-pdf.svg') 50% 50% / contain no-repeat; display:block; width:16px; height:16px; flex-shrink:0; line-height:0;}
.catlg .item:hover .download {border-color:var(--color-primary); background:var(--color-primary); color:#fff;}
.catlg .item:hover .download .ico {background-image:url('/images/sub/catalog-ico-pdf-w.svg');}

@media (max-width:768px) {
.catlg .list {gap:var(--space-40); justify-content:center;}
.catlg .item {width:100%; max-width:290px;}
}
/* 튜닝·기어 상세 - 타입/품번 옵션표 (구 사이트 제품상세 테이블과 동일한 정보) */
.tundet .optbox {display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.tundet .optbox .stit {font-size:var(--font-size-18); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.tundet .optbox .tblwrap {width:100%; overflow-x:auto;}
.tundet .opttbl {width:100%; min-width:420px; border-collapse:collapse; border-top:1px solid var(--color-bk);}
.tundet .opttbl th {padding:14px 10px; font-size:var(--font-size-14); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; text-align:center; background:#f7f8fa; border-bottom:1px solid #e5e7ec;}
.tundet .opttbl td {padding:14px 10px; font-size:var(--font-size-14); color:#555; letter-spacing:-0.03em; text-align:center; border-bottom:1px solid #eceef2; word-break:break-all;}
.tundet .opttbl td.ty {color:var(--color-bk); font-weight:500;}
.tundet .opttbl td.no {font-family:'Roboto', sans-serif; letter-spacing:0;}
.tundet .opttbl td.pr {font-weight:700; color:var(--color-bk); white-space:nowrap;}
.tundet .opttbl td.dc {font-weight:700; color:#c8102e; white-space:nowrap;}
.tundet .optbox .optnote {font-size:var(--font-size-14); color:#878787; letter-spacing:-0.03em; line-height:1.5em;}

/* 튜닝·기어 상세 - 상세설명(구 사이트에서 이관한 HTML) */
.tuninfo {margin-top:80px; display:flex; flex-direction:column; gap:var(--space-20); width:100%;}
.tuninfo .head {width:100%; padding-bottom:var(--space-20); border-bottom:1px solid var(--color-bk);}
.tuninfo .tit {font-size:var(--font-size-24); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1;}
.tuninfo .cont {width:100%; font-size:var(--font-size-16); color:#555; letter-spacing:-0.03em; line-height:1.7em;}
.tuninfo .cont img {max-width:100%; height:auto;}
.tuninfo .cont table {max-width:100%;}

@media (max-width:768px) {
	.tuninfo {margin-top:50px;}
}

/* 모델 상세 - 컬러 정보 */
.model-color {padding:var(--space-120) 0; border-top:1px solid var(--color-bk); box-sizing:border-box; line-height:1;}
.model-color .contain {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.model-color .cont-tit {display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; text-align:center;}
.model-color .cont-tit h2 {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3;}
.model-color .cont-tit p {width:100%; font-size:var(--font-size-18); font-weight:600; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3;}
.model-color .color-wrap {display:flex; align-items:center; justify-content:center; gap:var(--space-20); width:100%; box-sizing:border-box;}
.model-color .images {position:relative; flex-shrink:0; width:600px; max-width:100%; aspect-ratio:600 / 400; border-radius:16px; overflow:hidden; line-height:0; box-sizing:border-box;}
.model-color .images .img {position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none;}
.model-color .images .img.active {opacity:1; visibility:visible; pointer-events:auto;}
.model-color .images .img img {display:block; width:100%; height:100%; object-fit:contain; object-position:center;}
.model-color .color-items {display:flex; flex-direction:column; align-items:flex-start; gap:15px; flex-shrink:0; line-height:1;}
.model-color .color-item {display:flex; align-items:center; gap:var(--space-10); padding:0; border:0; background:transparent; cursor:pointer; box-sizing:border-box; line-height:1.3;}
.model-color .color-item img {display:block; width:32px; height:32px; border-radius:50%; flex-shrink:0; object-fit:cover;}
.model-color .color-item span {font-size:var(--font-size-16); font-weight:500; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3; white-space:nowrap;}
.model-color .color-item.on img {outline:1px dashed #121212; outline-offset:2px;}
@media (max-width:768px) {
    .model-color {padding:var(--space-80) 0;}
    .model-color .contain {gap:var(--space-30);}
    .model-color .color-wrap {flex-direction:column; align-items:center; gap:var(--space-20);}
    .model-color .images {width:100%;}
    .model-color .color-item img {width:24px; height:24px;}
}

/* 모델 상세 - 특징 정보 */
.model-feature {padding:var(--space-120) 0 0; overflow:hidden;}
.model-feature .contain {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.model-feature .cont-tit {display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; text-align:center;}
.model-feature .cont-tit h2 {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3;}
.model-feature .feature-summary {font-size:var(--font-size-18); color:#505050; letter-spacing:-0.03em; line-height:1.6; text-align:center;}
.model-feature .feature-items {width:100%;}
.model-feature .swiper {overflow:visible !important;}
.model-feature .swiper-wrapper {height:100% !important;}
.model-feature .swiper-slide {width:322px; height:auto;}
.model-feature .feature-item {display:flex; flex-direction:column; width:100%; height:100%; background:#f4f4f4;}
.model-feature .feature-item-image {flex-shrink:0; aspect-ratio:322 / 232; overflow:hidden;}
.model-feature .feature-item-image img {display:block; width:100%; height:100%; object-fit:cover;}
.model-feature .feature-item-content {flex:1; padding:24px;}
.model-feature .feature-item-content h3 {font-size:var(--font-size-20); font-weight:700; color:var(--color-primary); letter-spacing:-0.03em; line-height:1.3; margin-bottom:15px;}
.model-feature .feature-item-content p {font-size:var(--font-size-15); color:#505050; letter-spacing:-0.03em; line-height:1.7;}
.model-feature .swiper-scrollbar {position:relative; z-index:2; width:100%; height:6px; left:auto; right:auto; margin-top:var(--space-30);}
@media (max-width:768px) {
    .model-feature .feature-summary {font-size:var(--font-size-16);}
    .model-feature .swiper-slide {width:280px;}
    .model-feature .feature-item-content  {padding:16px;}
    .model-feature .feature-item-content h3 {margin-bottom:8px;}
}

/* 모델 상세 - VIDEO (유튜브) / DETAIL (상세 설명 에디터 본문) : FEATURE BENEFITS 아래 */
.model-video {padding:var(--space-120) 0 0;}
.model-video .contain {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.model-video .cont-tit {display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; text-align:center;}
.model-video .cont-tit h2 {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3;}
/* padding-bottom:56.25%(reset.css) 는 부모 너비 기준으로 계산되므로 max-width 는 래퍼(.video-wrap)에 주고 .video-container 는 래퍼 너비 100% 로 둔다 (16:9 유지) */
.model-video .video-wrap {width:100%; max-width:1024px; margin:0 auto;}
.model-video .video-container {width:100%; background:#000;}
.model-detail {padding:var(--space-120) 0 0;}
.model-detail .contain {display:flex; flex-direction:column; align-items:center; gap:var(--space-40); width:100%;}
.model-detail .cont-tit {display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; text-align:center;}
.model-detail .cont-tit h2 {width:100%; font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em; line-height:1.3;}
.model-detail .cont {width:100%; font-size:var(--font-size-16); color:#555; letter-spacing:-0.03em; line-height:1.7em;}
.model-detail .cont img {max-width:100%; height:auto;}
.model-detail .cont table {max-width:100%;}
.model-detail .cont iframe, .model-detail .cont video {max-width:100%;}
@media (max-width:768px) {
    .model-video, .model-detail {padding-top:var(--space-60, 60px);}
}