@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */ 

/* 공통 */
/* .sub-sec {margin-bottom:var(--space-120);}
.sub-sec:last-child {margin-bottom:0;}
.sub-sec.bg {background:#f6f7f9; padding:var(--space-80) 0;} */

.doc-tit {margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.doc-tit:after {content:""; display:inline-block; vertical-align:top; margin:.15em 0 0 .3em; width:6px; height:6px; background:var(--color-primary); border-radius:10px;}

/* 재단 소개 */
.intro-purpose {overflow:hidden; padding:var(--space-200) 0 var(--space-120); margin-bottom:var(--space-150); background:url('/images/sub/intro.jpg') 100% 0/cover no-repeat; color:#fff; font-size:var(--font-size-20); line-height:1.6em; letter-spacing:-.03em;}
.intro-purpose .doc-tit {color:inherit;}
.intro-purpose .doc-tit:after {display:none;}

.major-biz {margin-bottom:var(--space-150);}
.major-biz .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-20);}
.major-biz .items .item {border:1px solid #ddd; border-radius:var(--radius-16); padding:var(--space-50) var(--space-40);}
.major-biz .items .item:nth-child(even) {background:#F9F9F9;}
.major-biz .items .item .icon {margin-bottom:var(--space-30);}
.major-biz .items .item .icon img {display:block;}
.major-biz .items .item h4 {margin-bottom:var(--space-30); font-size:var(--font-size-22); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.major-biz .items .item p {font-size:var(--font-size-16); line-height:1.625em; letter-spacing:-.03em; color:#505050;}

.article-download .box {display:flex; align-items:center; gap:var(--space-40); background:#F9F9F9; border:1px solid #ddd; border-radius:var(--radius-16); padding:var(--space-50) var(--space-40);}
.article-download .box .text-area {flex:1;}
.article-download .box .text-area h4 {margin-bottom:var(--space-12); font-size:var(--font-size-22); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.article-download .box .text-area p {font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em; color:#505050;}
.article-download .box .btn-area {flex-shrink:0;}

.btn-download {display:inline-block; padding:var(--space-15) var(--space-25); background:var(--color-secondary); border-radius:60px; color:#fff; font-size:var(--font-size-16); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.btn-download:after {content:""; display:inline-block; vertical-align:middle; margin:-.25em 0 0 .8em; width:14px; height:14px; background:url('/images/sub/down-w.svg') 50% 50%/contain no-repeat;}
.btn-download:hover {background:var(--color-primary);}

.history-hero {position:relative; overflow:hidden; margin-bottom:var(--space-70); height:clamp(200px, calc(400 / var(--inner) * 100vw), 400px); border-radius:var(--radius-24); background:url('/images/sub/history.jpg') 50% 50%/cover no-repeat;}
.history-hero .text {position:absolute; bottom:-.15em; left:0; font-size:clamp(40px, calc(120 / var(--inner) * 100vw), 120px); font-weight:800; line-height:1em; letter-spacing:-.03em; color:rgba(255, 255, 255, 0.3);}

.history-list .item {display:flex; gap:var(--space-80);}
.history-list .item:first-child .year {border-top:1px solid #121212;}
.history-list .item:first-child .content {border-top:1px solid #121212;}
.history-list .item .year {flex-shrink:0; width:28%; display:flex; justify-content:center; align-items:center; border-bottom:1px solid #ddd; }
.history-list .item .year p {font-size:clamp(24px, calc(56 / var(--inner) * 100vw), 56px); font-weight:700; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.history-list .item .content {flex:1; border-bottom:1px solid #ddd; padding:var(--space-50) var(--space-10); font-size:var(--font-size-16); line-height:1.625em; letter-spacing:-.03em; color:#505050;}
.history-list .item .content ul {display:flex; flex-direction: column;  gap:var(--space-22);}
.history-list .item .content ul li {display:flex; align-items:flex-start;}
.history-list .item .content ul li:before {content:""; display:inline-block; flex-shrink:0; margin:.55em var(--space-20) 0 0; width:6px; height:6px; background:var(--color-secondary); border-radius:10px;}
.history-list .item .content ul li .month {flex-shrink:0; min-width:45px; margin-right:var(--space-40); color:#121212; font-size:var(--font-size-20); font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.history-list .item .content ul li .text {flex:1; color:#505050; font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em;}

.org-img {text-align:center; margin-bottom:var(--space-120);}
.org-table .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #121212; font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em;}
.org-table .table table th,
.org-table .table table td {padding:var(--space-16); border:1px solid #ddd; border-top:0;}
.org-table .table table th {background:#ECF2F8; font-weight:600; color:#121212;}
.org-table .table table td {text-align:center; color:#505050;}
.org-table .table table tr th:first-child,
.org-table .table table tr td:first-child {border-left:0;}
.org-table .table table tr th:last-child,
.org-table .table table tr td:last-child {border-right:0;}

.directions-map {position:relative; height:clamp(400px, calc(600 / var(--inner) * 100vw), 600px); background:#eee; border-radius:var(--radius-24); border:1px solid #ddd; overflow:hidden;}
.directions-map .map-area {position:relative; height:100%;}
.directions-map .map-area .root_daum_roughmap {width:100% !important; height:100% !important;}
.directions-map .map-area .root_daum_roughmap .wrap_map {width:100% !important; height:100% !important;}
.directions-map .map-area .root_daum_roughmap .map_border {display:none !important;}
.directions-map .info-area {position:absolute; bottom:0; left:0; z-index:10; width:100%; display:flex; flex-wrap:wrap; gap:var(--space-20) var(--space-70); padding:var(--space-40) var(--space-50); background: rgba(9, 86, 157, 0.95); color:#fff; font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em;}
.directions-map .info-area dl {display:flex; align-items:flex-start; gap:var(--space-20);}
.directions-map .info-area dt {flex-shrink:0; font-weight:700; display:flex; align-items:center; gap:var(--space-10);}
.directions-map .info-area dt img {display:block;}
[lang="en"] .directions-map .info-area dl:first-child {width: 100%;}

.traffic-info {margin-top:var(--space-60); border-top:1px solid #121212;}
.traffic-info .info-area {display:flex; align-items:flex-start; gap:0; border-bottom:1px solid #ddd;}
.traffic-info .info-area:last-child {border-bottom:0;}
.traffic-info .info-area:last-child .content {padding-bottom:0;}
.traffic-info .info-area .icon {flex-shrink:0; width:150px;}
.traffic-info .info-area .icon img {display:block;}
.traffic-info .info-area .content {flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--space-30); padding:var(--space-50) 0;}
.traffic-info .info-area .content > h3 {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.traffic-info .info-area .content > .group + .group {margin-top:10px;}
.traffic-info .info-area .group {display:flex; flex-direction:column; gap:var(--space-20);}
.traffic-info .info-area .group h4 {font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.traffic-info .info-area .group ul {display:flex; flex-direction:column; gap:var(--space-15);}
.traffic-info .info-area .group li {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10);}
.traffic-info .info-area .label {display:inline-flex; align-items:center; justify-content:center; padding:5px 10px; border-radius:var(--radius-4); color:#fff; font-size:var(--font-size-12); font-weight:700; line-height:1.25em; letter-spacing:-.03em;}
.traffic-info .info-area .label--bus-green,
.traffic-info .info-area .label--bus-teal,
.traffic-info .info-area .label--bus-airport {white-space:nowrap;}
.traffic-info .info-area .label--bus-green {background:#47af1b;}
.traffic-info .info-area .label--bus-teal {background:#07ac9d;}
.traffic-info .info-area .label--bus-airport {background:#a2347d;}
.traffic-info .info-area .label--subway {background:#02a94e; text-align:center;}
.traffic-info .info-area .text {font-size:var(--font-size-16); font-weight:400; line-height:1.3em; letter-spacing:-.03em; color:#505050;}

/* 사업안내 */
.biz-wrap {display:flex; flex-direction:column; gap:var(--space-150); overflow:hidden;}
.biz-wrap .contain {width:100%;}

.biz-overview {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.biz-overview .item {border:1px solid #ddd; border-radius:var(--radius-16); padding:var(--space-30); text-align:center;}
.biz-overview .item h4 {margin-bottom:var(--space-12); font-size:var(--font-size-24); line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.biz-overview .item p {color:#505050; font-size:var(--font-size-18); line-height:1.55em; letter-spacing:-.03em;}

.biz-purpose {border-top:2px solid var(--color-primary);}
.biz-purpose .item {display:flex; align-items:center; padding:var(--space-30) 0; border-bottom:1px dashed #ddd;}
.biz-purpose .item:last-child {border-bottom:0;}
.biz-purpose .item .num {width:100px; flex-shrink:0; font-size:var(--font-size-32); font-weight:800; line-height:1.3em; letter-spacing:-.03em; color:#ddd; text-align:center;}
.biz-purpose .item .content {flex:1; min-width:0;}
.biz-purpose .item .content h4 {margin-bottom:var(--space-12); font-size:var(--font-size-24); line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.biz-purpose .item .content p {color:#505050; font-size:var(--font-size-18); line-height:1.55em; letter-spacing:-.03em;}

.biz-slogan {padding:var(--space-120) 0; background:url('/images/sub/biz-slogan-bg.jpg') 50% 50%/cover no-repeat; color:#fff; text-align:center;}
.biz-slogan h3 {margin-bottom:var(--space-12); font-size:var(--font-size-32); font-weight:800; line-height:1.3em; letter-spacing:-.03em;}
.biz-slogan p {font-size:var(--font-size-22); line-height:1.55em; letter-spacing:-.03em;}

.biz-contents {display:flex; flex-direction:column; gap:var(--space-40);}
.biz-content {display:flex; flex-direction:column; gap:var(--space-12); border:1px solid #ddd; border-radius:var(--radius-16); padding:var(--space-30); color:#505050; font-size:var(--font-size-18); line-height:1.55em; letter-spacing:-.03em;}
.biz-content h4 {font-size:var(--font-size-24); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.biz-content ul li {position:relative; padding-left:15px;}
.biz-content ul li:before {content:""; position:absolute; left:0; top:.55em; width:5px; height:5px; background:#ccc; border-radius:10px;}

.biz-effect {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.biz-effect .item {border:1px solid #ddd; border-radius:var(--radius-16); padding:var(--space-50) var(--space-30); text-align:center;}
.biz-effect .item .icon {margin-bottom:var(--space-30);}
.biz-effect .item .icon img {display:block; margin:0 auto;}
.biz-effect .item h4 {margin-bottom:var(--space-12); font-size:var(--font-size-24); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:var(--color-primary);}
.biz-effect .item p {color:#505050; font-size:var(--font-size-18); line-height:1.55em; letter-spacing:-.03em;}
.biz-effect .item.blank {display:flex; justify-content:center; align-items:center; background:#ECF2F8;}

.biz-recent {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.biz-recent.col-2 {grid-template-columns:repeat(2, 1fr);}
.biz-recent.col-1 {grid-template-columns:repeat(1, 1fr); gap:var(--space-100);}
.biz-recent.col-1 .item .year {max-width:none;}
.biz-recent.col-1 .item .year:after {content:""; position:absolute; bottom:-2px; left:0; width:70px; height:2px; background:var(--color-primary);}
.biz-recent .item .year {position:relative; max-width:440px; padding-bottom:var(--space-25); margin-bottom:var(--space-25); border-bottom:2px solid #ddd;}
.biz-recent .item .year h4 {font-size:var(--font-size-40); font-weight:800; line-height:1em; letter-spacing:-.03em; color:#878787;}
.biz-recent .item .info {display:flex; flex-direction:column; gap:var(--space-12); margin-bottom:var(--space-40); color:#505050;}
.biz-recent .item .info:last-child {margin-bottom:0;}
.biz-recent .item .info dl {display:flex; gap:var(--space-30);}
.biz-recent .item .info dl dt {flex-shrink:0; font-size:var(--font-size-24); font-weight:700; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.biz-recent .item .info dl dd {display:flex; flex-direction:column; justify-content:center; font-size:var(--font-size-18); line-height:1.55em; letter-spacing:-.03em;}
.biz-recent .item .info dl.biz-fest {flex-direction:column; align-items:flex-start; gap:var(--space-10);}
.biz-recent .item .info dl.biz-fest dt {width:100%;}
.biz-recent .item .info dl.biz-fest dd {width:100%; margin:0;}
.biz-recent .item .info ul {display:flex; flex-direction:column; gap:2px;}
.biz-recent .item .info ul li {position:relative; padding-left:15px; font-size:var(--font-size-16); line-height:1.5em;}
.biz-recent .item .info ul li:before {content:""; position:absolute; left:0; top:.55em; width:5px; height:5px; background:var(--color-secondary); border-radius:10px;}
.biz-recent .item.current .year h4 {color:var(--color-primary);}
.biz-recent .item.current .year:after {content:""; position:absolute; bottom:-2px; left:0; width:70px; height:2px; background:var(--color-primary);}

[lang="en"] .biz-recent .item .info {gap: var(--space-15);}
[lang="en"] .biz-recent .item .info dl {flex-direction:column; gap: var(--space-10);}

.biz-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #121212; font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em;}
.biz-table th,
.biz-table td {padding:var(--space-16) var(--space-12); border-bottom:1px solid #ddd; text-align:center; color:#505050;}
.biz-table thead th {background:#fafafa; font-weight:600; color:#121212;}
.biz-table tr th:first-child,
.biz-table tr td:first-child {border-left:0;}
.biz-table tr th:last-child,
.biz-table tr td:last-child {border-right:0;}


.biz-contact {padding:var(--space-100) 0; background:url('/images/sub/biz-contact-bg.jpg') 50% 50%/cover no-repeat; color:#fff;}
.biz-contact .doc-tit {color:inherit;}
.biz-contact .doc-tit:after {display:none;}
.biz-contact .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-30);}
.biz-contact .items.col-2 {grid-template-columns:repeat(2, 1fr);}
.biz-contact .item {border:1px solid rgba(255, 255, 255, 0.20); background:rgba(255, 255, 255, 0.10); backdrop-filter:blur(7px); border-radius:var(--radius-16); padding:var(--space-30); text-align:center;}
.biz-contact .item .label {display:inline-block; padding:10px 10px; border-radius:var(--radius-8); background:var(--color-secondary); color:#fff; font-size:var(--font-size-16); font-weight:600; line-height:1.25em; letter-spacing:-.03em;}
.biz-contact .item .text {margin-top:var(--space-30); font-size:var(--font-size-24); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.biz-contact .item .link {display:inline-flex; gap:10px;}
.biz-contact .item .link:after {content:""; flex-shrink:0; display:inline-block; width:clamp(24px, calc(30 / var(--inner) * 100vw), 30px); aspect-ratio:1/1; background:url('/images/sub/link-arrow.svg') 50% 50%/contain no-repeat;}

/* 후원 */
.donation {display:flex; flex-direction:column; gap:var(--space-120);}

.donation-goals .items {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-40);}
.donation-goals .item {padding-top:var(--space-25); border-top:2px solid #121212;}
.donation-goals .item .num {margin:0 0 10px; font-size:var(--font-size-16); font-weight:700; line-height:1em; letter-spacing:-.03em; color:#878787;}
.donation-goals .item .tit {font-size:var(--font-size-18); font-weight:600; line-height:1.55em; letter-spacing:-.03em; color:#121212;}

.donation-method .list {display:flex; flex-direction:column; gap:var(--space-18);}
.donation-method .list li {position:relative; padding-left:16px; font-size:var(--font-size-18); line-height:1.55em; letter-spacing:-.03em; color:#505050;}
.donation-method .list li:before {content:""; position:absolute; left:0; top:.55em; width:6px; height:6px; background:#ccc; border-radius:50%;}

.donation-steps .steps {display:flex; gap:var(--space-40);}
.donation-steps .item {flex:1; text-align:center;}
.donation-steps .item .icon {margin-bottom:var(--space-30);}
.donation-steps .item .icon svg {display:block; margin:0 auto;}
.donation-steps .item .step {margin-bottom:var(--space-20); padding:10px; border-radius:var(--radius-8); color:#fff; font-size:var(--font-size-16); font-weight:700; line-height:1.25em; letter-spacing:-.03em;}
.donation-steps .item .step-1 {background:#83AACB;}
.donation-steps .item .step-2 {background:#417CB3;}
.donation-steps .item .step-3 {background:#09569D;}
.donation-steps .item .step-4 {background:#063A6B;}
.donation-steps .item .label {font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.donation-steps .arrow {flex-shrink:0; align-self:center; }

.donation-activity .items {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.donation-activity .item {padding:var(--space-20) var(--space-30); border:1px solid #ddd; border-radius:var(--radius-8);}
.donation-activity .item .text {display:flex; align-items:flex-start; gap:10px; font-size:var(--font-size-18); font-weight:600; line-height:1.5em; letter-spacing:-.03em; color:#121212;}
.donation-activity .item .text:before {content:""; display:inline-block; flex-shrink:0; margin-top:.2em; width:18px; height:18px; background:url('/images/sub/check.svg') 50% 50%/contain no-repeat;}

.donation-tax-banner {display:flex; align-items:center; gap:var(--space-30); padding:var(--space-25) var(--space-50); border-radius:var(--radius-8); background:#f6faf0; margin-bottom:var(--space-40);}
.donation-tax-banner .icon {flex-shrink:0; width:80px;}
.donation-tax-banner .icon img {display:block;}
.donation-tax-banner .content {flex:1; min-width:min(280px, 100%);}
.donation-tax-banner .content h3 {margin-bottom:var(--space-10); font-size:var(--font-size-24); line-height:1.3em; letter-spacing:-.03em; color:var(--color-secondary);}
.donation-tax-banner .content p {font-size:var(--font-size-16); line-height:1.5em; letter-spacing:-.03em; color:#505050;}
.donation-tax-banner .btn-download {flex-shrink:0;}

.donation-benefit-table table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #121212; font-size:var(--font-size-16); line-height:1.55em; letter-spacing:-.03em;}
.donation-benefit-table table th,
.donation-benefit-table table td {padding:var(--space-18) var(--space-20); border:1px solid #ddd; border-top:0;}
.donation-benefit-table thead th {background:#f4f4f4; font-size:var(--font-size-18); font-weight:700; color:#121212;}
.donation-benefit-table tbody th {font-weight:600; color:#121212;}
.donation-benefit-table tbody td {color:#505050;}
.donation-benefit-table tr th:first-child,
.donation-benefit-table tr td:first-child {border-left:0;}
.donation-benefit-table tr th:last-child,
.donation-benefit-table tr td:last-child {border-right:0;}

.donation-tax-note {margin-top:var(--space-20); font-size:var(--font-size-16); line-height:1.5em; letter-spacing:-.03em; color:#505050;}
.donation-tax-note .mark {color:#9d0909;}

/* 증명서 신청 폼 */
.app-wrap .input {display:block; width:100%; height:clamp(44px, calc(56 / var(--inner) * 100vw),56px); padding:var(--space-16) var(--space-20); font-size:var(--font-size-16);}
.app-wrap .input[readonly] {background:inherit; color:inherit;}
.app-wrap .input.datepicker2 {background:#fff url('/images/sub/calendar.svg') right var(--space-20) center no-repeat; padding-right:50px;}
.app-wrap .btn-pack.medium {display:inline-flex; align-items:center; justify-content:center; height:clamp(44px, calc(56 / var(--inner) * 100vw),56px); line-height:1.2em;}
.app-wrap .btn-pack.dark {background:#505050; border-color:#505050;}
.app-wrap .ui-datepicker-trigger {display:none;}

.app-notice {padding:var(--space-30); margin-bottom:var(--space-60); border:1px solid #ddd; border-radius:var(--radius-8); background:#fafafa; font-size:var(--font-size-18); line-height:1.55em; letter-spacing:-.03em; color:#121212;}
.app-notice ul {display:flex; flex-direction:column; gap:var(--space-6);}
.app-notice ul li {position:relative; padding-left:clamp(26px, calc(44 / var(--inner) * 100vw),44px)}
.app-notice ul li:before {content:''; position:absolute; top:.08em; left:0; width:clamp(18px, calc(24 / var(--inner) * 100vw),24px); aspect-ratio:1/1; background:url('/images/sub/check2.svg') 50% 50%/contain no-repeat;}
.app-notice ul li strong {font-weight:600;}
.app-notice ul li .muted {display:inline-block; color:#878787;}

.app-sec {margin-bottom:var(--space-120);}

.app-form {display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-40);}
.app-form .label {display:block; margin-bottom:var(--space-15); font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}

.app-addr {display:flex; flex-direction:column; gap:var(--space-10);}
.app-addr .zipcode {display:flex; gap:var(--space-10);}
.app-addr .zipcode .input {max-width:330px;}
.app-addr .zipcode .btn-pack {flex-shrink:0; width:clamp(90px, calc(155 / var(--inner) * 100vw),155px);}

.app-tit-wrap {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-20) var(--space-30); margin-bottom:var(--space-24);}
.app-tit-wrap .doc-tit {margin-bottom:0;}
.app-tit-wrap .desc {font-size:var(--font-size-18); font-weight:600; line-height:1.5em; letter-spacing:-.03em; color:#121212;}
.app-tit-wrap .desc .muted {display:inline-block; color:#878787;}

.app-fieldset {display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-40);}

.app-button {position:relative;}
.app-button input {position:absolute; z-index:-1; width:0; height:0; opacity:0;}
.app-button label {display:flex; justify-content:center; align-items:center; text-align:center; width:100%; height:58px; padding:0 4px; border:1px solid #ddd; border-radius:var(--radius-8); font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212; cursor:pointer; transition:.2s;}
.app-button input:checked + label {border-color:var(--color-primary); background:var(--color-primary); color:#fff;}
.app-button input:focus + label:after {outline:2px dashed var(--color-secondary); outline-offset:2px;}

.app-form-add {margin-top:var(--space-20);}

.btn-app-submit {display:inline-flex; min-width:150px; height:clamp(48px, calc(60 / var(--inner) * 100vw),60px); align-items:center; justify-content:center; padding:var(--space-16) var(--space-30); border:0; border-radius:60px; background:var(--color-primary); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.25em; letter-spacing:-.03em; transition:.2s;}
.btn-app-submit:hover {background:#044179;}

.app-qty-wrap {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-20);}
.app-qty-ctrl {display:flex; align-items:center;}
.app-qty-ctrl .qty-btn {display:block; width:32px; height:32px; border:1px solid #ddd; border-radius:50%; background-color:#fafafa; background-position:50% 50%; background-repeat:no-repeat; transition:.2s;}
.app-qty-ctrl .qty-btn:hover {border-color:#bbb;}
.app-qty-ctrl .qty-btn.minus {background-image:url('/images/sub/icon-minus.svg');}
.app-qty-ctrl .qty-btn.plus {background-image:url('/images/sub/icon-plus.svg');}
.app-qty-ctrl .qty-num {width:51px; height:32px; border:0; background:transparent; font-size:var(--font-size-18); font-weight:600; line-height:1; text-align:center; color:#121212; appearance:textfield; -moz-appearance:textfield; outline:none;}
.app-qty-ctrl .qty-num::-webkit-outer-spin-button,
.app-qty-ctrl .qty-num::-webkit-inner-spin-button {margin:0; appearance:none; -webkit-appearance:none;}

.app-qty-note {font-size:var(--font-size-14); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#9d0909;}

.cert-form-body {display:flex; flex-direction:column; gap:var(--space-120);}
.cert-form-sec {width:100%;}
.cert-form-sec--qty[hidden] {display:none !important;}
.cert-form-rows {display:flex; flex-direction:column; gap:41px;}
.cert-form-row {display:flex; flex-wrap:wrap; gap:var(--space-40); align-items:flex-start;}
.cert-form-row--2 .cert-form-field {flex:1 1 280px; min-width:0;}
.cert-form-field {display:flex; flex-direction:column; gap:var(--space-20);}
.cert-form-field--addr {max-width:100%;}
.cert-form-label {font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.cert-form-inp {width:100%; height:60px; padding:0 var(--space-20); border:1px solid #ddd; border-radius:var(--radius-8); background:#fff; font-size:var(--font-size-16); line-height:1.4em; letter-spacing:-.03em; color:#121212;}
.cert-form-inp::placeholder {color:#878787;}
.cert-form-inp:disabled {background:#f4f4f4; color:#878787; cursor:not-allowed;}
.cert-form-inp-wrap {position:relative; display:flex; align-items:center;}
.cert-form-inp--date {padding-right:48px;}
.cert-form-inp-ico {position:absolute; right:16px; top:50%; width:20px; height:20px; transform:translateY(-50%); pointer-events:none;}
.cert-form-inp-ico svg {display:block; width:100%; height:100%;}
.cert-form-addr {display:flex; flex-direction:column; gap:var(--space-10);}
.cert-form-addr-zip {display:flex; flex-wrap:wrap; gap:var(--space-10); align-items:center;}
.cert-form-inp--zip {flex:1 1 200px; max-width:330px; min-width:0; height:56px;}
.cert-form-btn-zip {flex-shrink:0; width:155px; height:56px; padding:0 var(--space-20); border:0; border-radius:var(--radius-8); background:#505050; color:#fff; font-size:var(--font-size-16); line-height:1.25em; letter-spacing:-.03em; cursor:pointer;}
.cert-form-btn-zip:hover {opacity:.92;}
.cert-form-addr .cert-form-inp {height:56px;}
.cert-form-fieldset {margin:0; padding:0; border:0;}
.cert-form-sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}
.cert-form-sec-head {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-30); margin-bottom:var(--space-30);}
.cert-form-sec-head .doc-tit {margin-bottom:0;}
.cert-form-sec-desc {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.cert-form-muted {font-weight:600; color:#878787;}
.cert-form-type-grid {display:flex; flex-wrap:wrap; gap:var(--space-40);}
.cert-form-type-card {flex:1 1 200px; max-width:320px; min-width:0; cursor:pointer;}
.cert-form-type-inp {position:absolute; opacity:0; pointer-events:none; width:0; height:0;}
.cert-form-type-ui {display:flex; min-height:56px; align-items:center; justify-content:center; padding:var(--space-20); border:1px solid #ddd; border-radius:var(--radius-8); background:#fff; font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212; text-align:center;}
.cert-form-type-inp:checked + .cert-form-type-ui {border-color:var(--color-primary); font-weight:700;}
.cert-form-type-inp:focus-visible + .cert-form-type-ui {outline:2px solid var(--color-primary); outline-offset:2px;}
.cert-form-type-other {display:flex; flex:1 1 200px; flex-direction:column; gap:var(--space-20); max-width:320px; min-width:0;}
.cert-form-type-other-head {display:flex; cursor:pointer;}
.cert-form-type-other-head .cert-form-type-inp {position:absolute; opacity:0; width:0; height:0;}
.cert-form-type-other-tit {display:flex; width:100%; min-height:56px; align-items:center; justify-content:center; padding:var(--space-20); border-radius:var(--radius-8); background:var(--color-primary); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.cert-form-type-other .cert-form-inp {height:56px; border-radius:var(--radius-8);}
.cert-form-type-other:has(.cert-form-type-inp:checked) .cert-form-inp {border-color:var(--color-primary);}
.cert-form-receipt-grid {display:flex; flex-wrap:wrap; gap:var(--space-40); align-items:flex-start;}
.cert-form-receipt-col {flex:1 1 240px; max-width:320px; min-width:0;}
.cert-form-receipt-head {display:flex; margin:0; cursor:pointer;}
.cert-form-receipt-head .cert-form-receipt-inp {position:absolute; opacity:0; width:0; height:0;}
.cert-form-receipt-head-txt {display:flex; width:100%; min-height:56px; align-items:center; justify-content:center; padding:var(--space-20); border:1px solid #ddd; border-radius:var(--radius-8) var(--radius-8) 0 0; background:#fff; font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212;}
.cert-form-receipt-col.is-active .cert-form-receipt-head-txt {border-color:var(--color-primary); background:var(--color-primary); color:#fff; font-weight:700;}
.cert-form-receipt-head--line .cert-form-receipt-head-txt {border-radius:var(--radius-8);}
.cert-form-receipt-col.is-active .cert-form-receipt-head--line .cert-form-receipt-head-txt {border-color:var(--color-primary); color:var(--color-primary); background:#fff;}
.cert-form-receipt-body {display:flex; flex-direction:column; gap:var(--space-10);}
.cert-form-receipt-col:not(.is-active) .cert-form-receipt-body .cert-form-inp,
.cert-form-receipt-col:not(.is-active) > .cert-form-inp {background:#f4f4f4;}
.cert-form-receipt-col.is-active > .cert-form-inp:enabled {background:#fff;}
.cert-form-receipt-card {flex:1 1 240px; max-width:320px; min-width:0; cursor:pointer;}
.cert-form-receipt-card .cert-form-receipt-inp {position:absolute; opacity:0; width:0; height:0;}
.cert-form-receipt-card-ui {display:flex; min-height:56px; align-items:center; justify-content:center; padding:var(--space-20); border:1px solid #ddd; border-radius:var(--radius-8); font-size:var(--font-size-18); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#121212; text-align:center;}
.cert-form-receipt-card.is-active .cert-form-receipt-card-ui {border-color:var(--color-primary); font-weight:700;}
.cert-form-receipt-card .cert-form-receipt-inp:focus-visible + .cert-form-receipt-card-ui {outline:2px solid var(--color-primary); outline-offset:2px;}
.cert-form-receipt-col .cert-form-inp {margin-top:0;}
.cert-form-receipt-col[data-receipt-col="fax"] .cert-form-inp,
.cert-form-receipt-col[data-receipt-col="email"] .cert-form-inp {margin-top:var(--space-20);}
.cert-form-qty-head {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-20) var(--space-30);}
.cert-form-qty-head .doc-tit {margin-bottom:0;}
.cert-form-qty-ctrl {display:flex; align-items:center; gap:0;}
.cert-form-qty-btn {display:flex; width:36px; height:32px; align-items:center; justify-content:center; padding:10px; border:1px solid #ddd; border-radius:16px; background:#fafafa; font-size:16px; line-height:1; color:#121212; cursor:pointer;}
.cert-form-qty-btn:hover {border-color:#bbb;}
.cert-form-qty-num {width:115px; height:32px; border:0; background:transparent; font-size:var(--font-size-18); font-weight:600; line-height:1; text-align:center; color:#121212; appearance:textfield; -moz-appearance:textfield;}
.cert-form-qty-num::-webkit-outer-spin-button,
.cert-form-qty-num::-webkit-inner-spin-button {margin:0; appearance:none; -webkit-appearance:none;}
.cert-form-qty-note {margin:0; font-size:var(--font-size-14); font-weight:600; line-height:1.3em; letter-spacing:-.03em; color:#9d0909;}
.cert-form-foot {display:flex; justify-content:center; padding-top:var(--space-20);}