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

.sub-sec.bg {padding:var(--space-150) 0; background:#F8F8F8;}

.sub-sec {margin-bottom:var(--space-150);}
.sub-sec:last-child {margin-bottom:0;}

.sub-tab {margin-bottom:var(--space-40);}
.sub-tab ul {display:flex; flex-wrap:wrap; gap:var(--space-20);}
.sub-tab ul li a {display:flex; justify-content:center; align-items:center; text-align:center; min-width:140px; height:clamp(40px, calc(50 / var(--inner) * 100vw), 50px); padding:0 var(--space-30); background:#F8F8F8; border-radius:50px; font-size:var(--font-size-18); font-weight:500; line-height:1.2em; letter-spacing:-.04em; color:#686868;}
.sub-tab ul li.active a {background:var(--color-primary) !important; color:#fff !important; font-weight:700;}
/* .sub-tab ul li a.link {background:var(--color-secondary); color:#fff; font-weight:700;} */

.sub-tab.st2 {margin-bottom:var(--space-60);}
.sub-tab.st2 ul {justify-content:center;}
.sub-tab.st2 ul li a {min-width:264px;}

.sub-sec.bg .sub-tab.st2 ul li a {background:#fff; border:1px solid #ddd;}

.h2 {margin-bottom:var(--space-60); font-size:var(--font-size-48); line-height:1.3em; letter-spacing:-.04em; color:#242424;}

.h2-wrap {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-10) var(--space-30); margin-bottom:var(--space-60); }
.h2-wrap .h2 {margin-bottom:0;}
.h2-label {display:inline-block; vertical-align:middle; font-size:var(--font-size-14); font-weight:500; line-height:1.2em; color:#fff; text-align:center; letter-spacing:-.04em; background: linear-gradient(180deg, #96C 0%, #55337F 100%); padding:10px 15px; border-radius:30px;}

.table {overflow-x:auto;}
.table table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #242424;}
.table table th,
.table table td {padding:16px; text-align:center; border:1px solid #ddd;}
.table table th {color:#242424; line-height:1.4em; font-size:var(--font-size-20);}
.table table td {line-height:1.55em; color:#454545; font-size:var(--font-size-18);}
.table table .tt {background:#FCFAFD; font-size:var(--font-size-20); font-weight:500; color:#242424;}
.table table .semibold {color:#242424;}
.table table tr th:first-child,
.table table tr td:first-child {border-left:0;}
.table table tr th:last-child,
.table table tr td:last-child {border-right:0;}

.btn-download {display:inline-block; min-width:110px; padding:10px 20px; border-radius:30px; background:#F8F8F8; color:#686868; font-size:var(--font-size-16); font-weight:500; line-height:1.2em; letter-spacing:-.04em; text-align:center;}
.btn-download:after {content:""; display:inline-block; vertical-align:middle; margin:0 0 0 8px; width:14px; height:14px; background:url('/images/sub/icon-down.svg') no-repeat center center / contain; transition:.2s;}
.btn-download:hover {color:#fff !important; background:var(--color-primary) !important;}
.btn-download:hover::after {background-image:url('/images/sub/icon-down-white.svg') !important;}


/* 한국 NCP 소개 */
.about-video {aspect-ratio:16/9; margin-bottom:var(--space-60); border-radius:var(--radius-24); overflow:hidden;}
.about-video iframe {width:100% !important; height:100% !important;}

.about-intro {display:flex; flex-wrap:wrap; gap:0 var(--space-60);}
.about-intro .tit {width:30%; max-width:410px;}
.about-intro .tit .h2 {margin-bottom:0;}
.about-intro .cnt {flex:1 1 auto; min-width:0; width:1%; color:#454545; font-size:var(--font-size-22); line-height:1.72em; letter-spacing:-.04em;}
.about-intro .cnt p {margin-bottom:var(--space-50);}
.about-intro .cnt p:last-child {margin-bottom:0;}
.about-intro .cnt .link {display:inline-block; word-break:keep-all; font-size:var(--font-size-20); font-weight:500; line-height:1.65em; color:#242424;}

.about-cards {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-30);}
.about-cards .card {border-radius:var(--radius-24); overflow:hidden; background:rgba(153, 102, 204, 0.03);}
.about-cards .card .img {aspect-ratio:149/100;}
.about-cards .card .img img {display:block; width:100% !important; height:100% !important; object-fit:cover; margin:0 !important;}
.about-cards .card .cnt {padding:var(--space-40);}
.about-cards .card .cnt h3 {margin-bottom:var(--space-20); font-size:var(--font-size-24); font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.about-cards .card .cnt p {font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.04em; color:#454545;}
.about-cards .card .cnt .link {display:inline-block; word-break:keep-all; color:var(--color-primary); font-weight:700; text-decoration:underline;}

.directions-map {aspect-ratio:1400/600; margin-bottom:var(--space-60); border-radius:var(--radius-24); overflow:hidden;}
.directions-map iframe {width:100% !important; height:100% !important;}

.directions-info .addr {margin-bottom:var(--space-20); display:flex; align-items:flex-start; gap:var(--space-10); font-size:var(--font-size-18); line-height:1.4em; color:#454545; letter-spacing:-.04em;}
.directions-info .addr img {flex:0 0 24px;}
.directions-info .text {font-size:var(--font-size-22); font-weight:500; line-height:1.4em; color:#454545; letter-spacing:-.04em;}
.directions-info .text .link {display:inline-block; word-break:keep-all; color:var(--color-primary); font-weight:700; text-decoration:underline;}

.directions-imgs {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-30); margin-top:var(--space-100);}
.directions-imgs .img {aspect-ratio:327/210; border-radius:var(--radius-24); overflow:hidden;}
.directions-imgs .img img {width:100%; height:100%; object-fit:cover;}

/* 운영규정 */
.regulation-content.st2 {height:60vh; max-height:530px;}
.regulation-content {position:relative; height:75vh; max-height:880px; padding:var(--space-60); background:#fff; border:1px solid #ddd; border-radius:var(--radius-24); overflow:auto;}
.regulation-content .ver {margin-bottom:var(--space-30); text-align:right;}
.regulation-content .ver p {font-size:var(--font-size-18); color:#767676; line-height:1.66em; letter-spacing:-.04em;}
.regulation-content .content {margin-bottom:var(--space-100); display:flex; flex-direction:column; gap:var(--space-60); font-size:var(--font-size-18); color:#686868; line-height:1.66em; letter-spacing:-.04em;}
.regulation-content .content:last-child {margin-bottom:0;}
.regulation-content h3 {font-size:var(--font-size-24); font-weight:700; line-height:1.4em; letter-spacing:-.04em; color:#242424;}
.regulation-content h4 {font-size:var(--font-size-20); font-weight:500; line-height:1.4em; letter-spacing:-.04em; color:#454545;}
.regulation-content ol  {display:flex; flex-direction:column; gap:4px;}
.regulation-content li > ol {margin-left:1em;}
.regulation-content ul {display:flex; flex-direction:column; gap:4px; margin-left:.5em;}
.regulation-content ul > li {position:relative; padding-left:1em;}
.regulation-content ul > li:before {content:""; position:absolute; top:calc(.83em - 2px); left:0; width:4px; height:4px; border-radius:100%; background:#454545;}
.regulation-content .group {display:flex; flex-direction:column; gap:var(--space-25);}

.mcp-structure .text-1 {margin-bottom:var(--space-40); font-size:var(--font-size-22); font-weight:500; line-height:1.72em; letter-spacing:-.04em; color:#242424;}
.mcp-structure .text-2 {margin-bottom:var(--space-20); font-size:var(--font-size-20); line-height:1.65em; letter-spacing:-.04em; color:#454545;}
.mcp-structure .text-3 {margin-bottom:var(--space-60); font-size:var(--font-size-22); font-weight:500; line-height:1.5em; letter-spacing:-.04em; color:#454545;}
.mcp-structure .ol-wrap {margin-bottom:var(--space-40); border-radius:var(--radius-16); padding:var(--space-25) var(--space-30); background: rgba(153, 102, 204, 0.03); color:var(--color-primary); font-size:var(--font-size-18); font-weight: 500; line-height:1.65em; letter-spacing:-.04em;}
.mcp-structure .ol-wrap ol {display:flex; flex-direction:column; gap:4px;}
.mcp-structure .img-box {border:1px solid #ddd; border-radius:var(--radius-24); padding:var(--space-60); text-align:center;}
.mcp-structure .img-box .tit {margin-bottom:var(--space-60); font-size:var(--font-size-28); font-weight:700; line-height:1.4em; letter-spacing:-.04em; color:#242424;}

/* 동료평가 */
.peer-review {text-align:center;}
.peer-review .content {margin-bottom:var(--space-60); color:#454545; font-size:var(--font-size-22); line-height:1.72em; letter-spacing:-.04em;}
.peer-review .content p {margin-bottom:30px;}
.peer-review .content p:last-child {margin-bottom:0;}
.peer-review .btn-area {display:flex; justify-content:center; gap:var(--space-15);}

.process-timeline {margin-top:var(--space-100); padding:var(--space-40) 0;}
.process-timeline h3 {margin-bottom:var(--space-30); text-align:center; font-size:var(--font-size-28); font-weight:700; line-height:1.3em; color:#242424;}
.process-timeline .timeline-wrap {display:flex; justify-content:space-between; position:relative;}
.process-timeline .timeline-wrap:before {content:''; position:absolute; top:23px; left:30px; right:30px; border-bottom:2px dashed #9966CC;}
.process-timeline .timeline-item {position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-15); padding:0 5px;}

.process-timeline .timeline-num {position:relative; display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:100%; background:#fff; box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.10), 0 0 6px -4px rgba(153, 102, 204, 0.10); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1; flex-shrink:0; color:#9966CC;}
.process-timeline .timeline-title {margin-top:4px; text-align:center; font-size:var(--font-size-16); font-weight:700; line-height:1.25em; color:#27165E;}
.process-timeline .timeline-duration {display:inline-flex; align-items:center; justify-content:center; min-width:60px; padding:4px 12px; border-radius:30px; background: linear-gradient(180deg, #96C 0%, #55337F 100%); color:#fff; font-size:var(--font-size-12); font-weight:500; line-height:1.3em; text-align:center;}

.process-timeline-details {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-80); margin-top:var(--space-80);}
.process-timeline-details .details-item {position:relative; border:2px solid #E9D4FF; border-radius:var(--radius-16); background:#fff; box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);}
.process-timeline-details .details-header {display:flex; align-items:center; gap:var(--space-10); padding:var(--space-10) var(--space-24); position:relative; min-height:72px; border-radius:var(--radius-16) var(--radius-16) 0 0; border-bottom:1px solid #E9D4FF;}

.process-timeline-details .details-icon {width:40px;}
.process-timeline-details .details-icon svg {display:block; width:100%; height:100%;}
.process-timeline-details .details-title {flex:1 1 auto; font-size:var(--font-size-18); font-weight:700; line-height:1.3em; color:#242424;}
.process-timeline-details .details-badge {position:absolute; top:-15px; right:-15px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:100%; background:#fff; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10); color:#9966CC; font-size:var(--font-size-16); font-weight:700; line-height:1;}
.process-timeline-details .details-body {padding:var(--space-24);}
.process-timeline-details .details-duration {display:flex; align-items:center; gap:var(--space-10); margin-bottom:var(--space-16);}
.process-timeline-details .duration-text {border-radius:30px; padding:6px 11px; background:#FAF5FF;font-size:var(--font-size-14); font-weight:500; line-height:1.2em; color:#55337F;}
.process-timeline-details .duration-dot {display:block; width:8px; height:8px; border-radius:100%; background: linear-gradient(180deg, #96C 0%, #55337F 100%); flex-shrink:0;}
.process-timeline-details .details-list {display:flex; flex-direction:column; gap:var(--space-10); font-size:var(--font-size-16); line-height:1.5em; color:#55337F;}
.process-timeline-details .details-list li {position:relative; padding-left:1em;}
.process-timeline-details .details-list li:before {content:""; position:absolute; top:calc(.75em - 2px); left:.2em; width:4px; height:4px; border-radius:100%; background:#9966CC;}
.process-timeline-details .arrow-right {position:absolute; top:50%; left:100%; z-index:2; width:var(--space-80); pointer-events:none;}
.process-timeline-details .arrow-right svg {display:block; margin:0 auto;}
.process-timeline-details .details-item:nth-child(3) .arrow-right {display:none;}

/*
.process-timeline {margin-top:var(--space-100); padding:var(--space-40) var(--space-30); border:2px solid #E9D4FF; border-radius:var(--radius-16);}
.process-timeline h3 {margin-bottom:var(--space-30); text-align:center; font-size:var(--font-size-28); font-weight:700; line-height:1.3em; color:#242424;}
.process-timeline .timeline-wrap {display:flex; position:relative;}
.process-timeline .timeline-item {flex:1; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-15); padding:0 5px;}
.process-timeline .timeline-item:before {content:""; position:absolute; top:23px; left:0; right:0; height:2px; background:var(--color-primary);}
.process-timeline .timeline-item:first-child:before {left:50%;}
.process-timeline .timeline-item:last-child:before {right:50%;}
.process-timeline .timeline-num {position:relative; display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:100%; background: linear-gradient(180deg, #96C 0%, #55337F 100%); box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1; flex-shrink:0;}
.process-timeline .timeline-title {margin-top:4px; text-align:center; font-size:var(--font-size-16); font-weight:700; line-height:1.25em; color:#27165E;}
.process-timeline .timeline-duration {display:inline-flex; align-items:center; justify-content:center; min-width:94px; padding:4px 12px; border-radius:30px; background: linear-gradient(180deg, #96C 0%, #55337F 100%); color:#fff; font-size:var(--font-size-12); font-weight:500; line-height:1.3em; text-align:center;}

.process-timeline-details {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-80); margin-top:var(--space-80);}
.process-timeline-details .details-item {position:relative; border:2px solid #E9D4FF; border-radius:var(--radius-16); background:#fff; box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);}
.process-timeline-details .details-header {display:flex; align-items:center; gap:var(--space-10); padding:var(--space-10) var(--space-24); position:relative; min-height:72px; border-radius:var(--radius-16) var(--radius-16) 0 0; background:linear-gradient(180deg, #9966CC 0%, #55337F 100%);}
.process-timeline-details .details-item:nth-child(even) .details-header {background:linear-gradient(180deg, #27165E 0%, #55337F 100%);}
.process-timeline-details .details-item:nth-child(even) .details-badge {background:linear-gradient(180deg, #27165E 0%, #55337F 100%);}
.process-timeline-details .details-icon {width:40px;}
.process-timeline-details .details-icon svg {display:block; width:100%; height:100%;}
.process-timeline-details .details-title {flex:1 1 auto; font-size:var(--font-size-18); font-weight:700; line-height:1.3em; color:#fff;}
.process-timeline-details .details-badge {position:absolute; top:-15px; right:-15px; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:100%; background: linear-gradient(180deg, #96C 0%, #55337F 100%); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10); color:#fff; font-size:var(--font-size-16); font-weight:700; line-height:1;}
.process-timeline-details .details-body {padding:var(--space-24);}
.process-timeline-details .details-duration {display:flex; align-items:center; gap:var(--space-10); margin-bottom:var(--space-16);}
.process-timeline-details .duration-text {border-radius:30px; padding:6px 11px; background:#FAF5FF;font-size:var(--font-size-14); font-weight:500; line-height:1.2em; color:#55337F;}
.process-timeline-details .duration-dot {display:block; width:8px; height:8px; border-radius:100%; background: linear-gradient(180deg, #96C 0%, #55337F 100%); flex-shrink:0;}
.process-timeline-details .details-list {display:flex; flex-direction:column; gap:var(--space-10); font-size:var(--font-size-16); line-height:1.5em; color:#55337F;}
.process-timeline-details .details-list li {position:relative; padding-left:1em;}
.process-timeline-details .details-list li:before {content:""; position:absolute; top:calc(.75em - 2px); left:.2em; width:4px; height:4px; border-radius:100%; background:#9966CC;}
.process-timeline-details .arrow-right {position:absolute; top:50%; left:100%; z-index:2; width:var(--space-80); pointer-events:none;}
.process-timeline-details .arrow-right svg {display:block; margin:0 auto;}
.process-timeline-details .details-item:nth-child(3) .arrow-right {display:none;}
*/

/* 수락국 현황 */
.global-network {padding:35px 80px; background:#fff; border:1px solid #ddd; border-radius:var(--radius-16); overflow:hidden;}
.global-network .inner {max-width:1127px; position:relative; margin:0 auto;}
.global-network .item {position:absolute; cursor:pointer;}
.global-network .item .marker {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:11px; height:11px; border-radius:100%; border:3px solid var(--color-primary);}

.global-network .item .area {position:absolute; top:50%; left:10px; transform:translate(0, -50%); font-size:var(--font-size-16); font-weight:700; line-height:1.3em; transition:.2s; white-space:nowrap;}
.global-network .item .box {pointer-events:none; opacity:0; position:absolute; top:-27px; left:35px; min-width:130px; padding:15px; background:#9966CC; border-radius:8px; color:#fff;}
.global-network .item .box:before {content:''; position:absolute; top:18px; right:100%;  border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #9966CC;}
.global-network .item .box .title {font-size:var(--font-size-18); font-weight:700; line-height:1.2em; margin-bottom:8px;}
.global-network .item .box .badge {display:inline-block; vertical-align:middle; margin:-.2em 0 0 0; padding:4px 8px; background:var(--color-secondary); border-radius:40px; font-size:var(--font-size-12); font-weight:500; line-height:1.2em;}
.global-network .item .box .list {max-height:200px; min-height:50px; overflow:auto; font-size:12px; line-height:1.3em; margin-right:-10px; padding-right:10px;}
.global-network .item .box .list::-webkit-scrollbar {width:3px; height:3px; border-radius:2px;}
.global-network .item .box .list::-webkit-scrollbar-thumb {background:rgba(255, 255, 255, 0.20); border-radius:2px;}
.global-network .item .box .list ul {display:flex; flex-direction: column; gap:8px;}
.global-network .item .box .list ul li {position:relative; padding-left:1em;}
.global-network .item .box .list ul li:before {content:""; position:absolute; top:calc(.75em - 2px); left:.2em; width:4px; height:4px; border-radius:100%; background:#fff;}
.global-network .item .box .close {display:none; position:absolute; top:6px; right:6px; z-index:10; border:0; width:20px; height:20px; background:url('/images/sub/close.svg') 50% 50%/60% no-repeat;}
.global-network .item.active {z-index:10;}
.global-network .item.active .marker {width:6px; height:6px; background:#9966CC; border:0; outline:14px solid rgba(153, 102, 204, 0.40);}
.global-network .item.active .area {opacity:0;}
.global-network .item.active .box {pointer-events:auto; opacity:1;}
.global-network #Asia {top:39%; left:42%;}
.global-network #Asia .marker {width:6px; height:6px; background:#11BCCD !important; border:0; outline:14px solid rgba(17, 188, 205, 0.40) !important;}
.global-network #Asia .area {top:auto; bottom:22px; left:0; transform:translate(-50%, 0);}
.global-network #MiddleEast {top:41%; left:18.5%;}
.global-network #Europe {top:32%; left:12%;}
.global-network #Africa {top:58%; left:12%;}
.global-network #Africa .box {min-width:150px;}
.global-network #Oceania {top:81%; left:54%;}
.global-network #Oceania .box {min-width:170px;}
.global-network #NorthAmerica {top:36%; left:74%;}
.global-network #NorthAmerica .box {min-width:170px;}
.global-network #SouthAmerica {top:73%; left:85%;}
.global-network #SouthAmerica .box {min-width:196px;}
.global-network #SouthAmerica .box .list {max-height:110px;}


/* 국가별 연락처 */
.contact-country {display:grid; grid-template-columns:repeat(5, 1fr); border-top:2px solid #242424;}
.contact-country .country-item {display:flex; align-items:center; gap:7px; padding:var(--space-20) var(--space-30); background:#fff; border-left:1px solid #ddd; border-bottom:1px solid #ddd; transition:all .2s ease;}
.contact-country .country-item .flag-img {position:relative; width:30px;}
.contact-country .country-item .flag-img img {display:block;width:100%; height:100%; object-fit:cover; border-radius:2px;}
.contact-country .country-item .country-name {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-16); line-height:1.3em; color:#242424;}

/* 이의신청 - 절차안내 */
.process-intro {text-align:center; display:flex; flex-direction:column; gap:30px; color:#454545; font-size:var(--font-size-22); line-height:1.72em; letter-spacing:-.03em;}
.process-intro strong {color:#242424;}

.key-concepts {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-30);}
.key-concepts .card {border-radius:var(--radius-24); overflow:hidden; background:rgba(153, 102, 204, 0.03);}
.key-concepts .card .img {position:relative; aspect-ratio:685/150; overflow:hidden;}
.key-concepts .card .img img {width:100%; height:100%; object-fit:cover;}
.key-concepts .card .img:after {content:''; position:absolute; inset:0; background:rgba(0, 0, 0, 0.20);}
.key-concepts .card .img h3 {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; display:flex; justify-content:center; align-items:center; padding:15px; font-size:var(--font-size-24); font-weight:700; line-height:1.3em; letter-spacing:-.04em; color:#fff;}
.key-concepts .card .cnt {padding:var(--space-40);}
.key-concepts .card .cnt h3 {margin-bottom:var(--space-20); font-size:var(--font-size-24); font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.key-concepts .card .cnt ul {display:flex; flex-direction:column; gap:var(--space-20); font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.04em; color:#454545;}
.key-concepts .card .cnt ul li {position:relative; padding-left:1em;}
.key-concepts .card .cnt ul li:before {content:""; position:absolute; top:calc(.83em - 2px); left:0; width:4px; height:4px; border-radius:100%; background:#454545;}

.process-steps {display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-30);}
.process-steps .step-box {overflow:hidden; border-radius:var(--radius-16); border:2px solid #E9D4FF;}
.process-steps .step-title {display:flex; align-items:center; justify-content:center; height:70px; padding:var(--space-10); border-bottom:2px solid #E9D4FF; font-size:var(--font-size-22); font-weight:700; line-height:1.2em; letter-spacing:-.04em; color:#242424;}
.process-steps .step-content {padding:var(--space-16);}
.process-steps .step-question {margin-bottom:var(--space-15); font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.04em; color:#242424; word-break:break-all;}
.process-steps .step-example {margin-bottom:var(--space-15); font-size:var(--font-size-16); line-height:1.5em; letter-spacing:-.04em; color:#666;}
.process-steps .step-docs {display:flex; flex-direction:column; gap:4px;}
.process-steps .step-docs .doc {padding:8px; border-radius:var(--radius-8); border:1px solid #ddd; font-size:var(--font-size-16); line-height:1.25em; letter-spacing:-.04em; color:#666; text-align:center;}
.process-steps .step-docs .arrow svg {display:block; margin:0 auto;}
.process-steps .step-branch {display:flex; gap:var(--space-15); flex-direction:column; margin-top:var(--space-15);}
.process-steps .step-branch .branch-item {display:flex; justify-content:center; align-items:center; gap:10px; border:1px solid var(--color-primary); border-radius:var(--radius-16); padding:var(--space-16); color:var(--color-primary); font-size:var(--font-size-16); line-height:1.25em; letter-spacing:-.04em;}
.process-steps .step-branch .branch-item.yes {border-color:var(--color-secondary); color:var(--color-secondary);}
.process-steps .step-branch .branch-label {font-weight:700; white-space:nowrap;}
.process-steps .step-branch .branch-action {font-size:var(--font-size-15);}
.process-steps .step-branch .branch-action u {text-underline-offset:2px;}
.process-steps .step-list {display:flex; flex-direction:column; gap:var(--space-15); font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.04em; color:#242424; word-break:break-all;}
.process-steps .step-list li {position:relative; padding-left:var(--space-20);}
.process-steps .step-list li:before {content:""; position:absolute; top:calc(.83em - 2px); left:.3em; width:4px; height:4px; border-radius:100%; background:#242424;}
.process-steps .step-arrow {padding:var(--space-30) 0;}
.process-steps .step-arrow svg {display:block; margin:0 auto;}
.process-steps .step-arrow img {display:block; margin:0 auto;}

/*
.process-steps {display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-30);}
.process-steps .step-num {display:flex; align-items:center; justify-content:center; margin:0 auto var(--space-30); width:48px; height:48px; border-radius:100%; background: linear-gradient(180deg, #96C 0%, #55337F 100%); box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1;}
.process-steps .step-box {overflow:hidden; border-radius:var(--radius-16); border:2px solid #E9D4FF;}
.process-steps .step-title {display:flex; align-items:center; justify-content:center; height:70px; padding:var(--space-10); background: linear-gradient(180deg, #27165E 0%, #55337F 100%); font-size:var(--font-size-22); font-weight:700; line-height:1.2em; letter-spacing:-.04em; color:#fff;}
.process-steps .step-content {padding:var(--space-16);}
.process-steps .step-question {margin-bottom:var(--space-15); font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.04em; color:#242424; word-break:break-all;}
.process-steps .step-example {margin-bottom:var(--space-15); font-size:var(--font-size-16); line-height:1.5em; letter-spacing:-.04em; color:#666;}
.process-steps .step-docs {display:flex; flex-direction:column; gap:4px;}
.process-steps .step-docs .doc {padding:8px; border-radius:var(--radius-8); border:1px solid #ddd; font-size:var(--font-size-16); line-height:1.25em; letter-spacing:-.04em; color:#666; text-align:center;}
.process-steps .step-docs .arrow svg {display:block; margin:0 auto;}
.process-steps .step-branch {display:flex; gap:var(--space-15); flex-direction:column; margin-top:var(--space-15);}
.process-steps .step-branch .branch-item {display:flex; justify-content:center; align-items:center; gap:10px; background: linear-gradient(180deg, #96C 0%, #55337F 100%); border-radius:var(--radius-16); padding:var(--space-16); color:#fff; font-size:var(--font-size-16); line-height:1.25em; letter-spacing:-.04em;}
.process-steps .step-branch .branch-item.yes {background: linear-gradient(180deg, #27165E 0%, #55337F 100%);}
.process-steps .step-branch .branch-label {font-weight:700; white-space:nowrap;}
.process-steps .step-branch .branch-action {font-size:var(--font-size-15);}
.process-steps .step-branch .branch-action u {text-underline-offset:2px;}
.process-steps .step-list {display:flex; flex-direction:column; gap:var(--space-15); font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.04em; color:#242424; word-break:break-all;}
.process-steps .step-list li {position:relative; padding-left:var(--space-20);}
.process-steps .step-list li:before {content:""; position:absolute; top:calc(.83em - 2px); left:.3em; width:4px; height:4px; border-radius:100%; background:#242424;}
.process-steps .step-arrow {padding:var(--space-30) 0;}
.process-steps .step-arrow svg {display:block; margin:0 auto;}
*/

/* 다국적기업 가이드라인 */
.guidelines-intro {text-align:center;}
.guidelines-intro .image {position:relative; overflow:hidden; width:386px; margin:0 auto;}
.guidelines-intro .image:after {content:''; position:absolute; inset:0; border:1px solid rgba(0, 0, 0, 0.10); pointer-events:none;}
.guidelines-intro .image img {display:block; width:100%; transition:.4s;}
.guidelines-intro .image:hover img {transform:scale(1.03)}
.guidelines-intro .content .btn-area {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-15); margin-top:var(--space-30);}
.guidelines-intro .content .text-area {display:flex; flex-direction:column; gap:var(--space-30); margin-top:var(--space-60);}
.guidelines-intro .content .text-area h3 {font-size:var(--font-size-26); font-weight:500; line-height:1.6em; letter-spacing:-.04em;}
.guidelines-intro .content .text-area p {font-size:var(--font-size-22); line-height:1.72em; letter-spacing:-.04em; color:#454545;}

.guidelines-media {display:flex; flex-direction:column; gap:var(--space-100);}
.guidelines-media .group {display:flex; align-items:center; gap:var(--space-80);}
.guidelines-media .group .img {width:50%;}
.guidelines-media .group .img iframe {width:100% !important; height:auto; aspect-ratio: 16/9; border-radius:var(--radius-24); overflow:hidden; display:block;}
.guidelines-media .group .img img {border-radius:var(--radius-24); display:block;}
.guidelines-media .group .cnt {flex:1 1 auto; min-width:0; width:1%; display:flex; flex-direction:column; gap:var(--space-30);}
.guidelines-media .group .cnt h3 {font-size:var(--font-size-26); font-weight:500; line-height:1.5em; letter-spacing:-.03em;}
.guidelines-media .group .cnt p {font-size:var(--font-size-20); line-height:1.75em; letter-spacing:-.03em; color:#454545;}
.guidelines-media .group:nth-child(odd) {flex-direction:row-reverse;}

.more-info {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:var(--space-15); border-radius:var(--radius-16); padding:var(--space-36); margin-top:var(--space-100); border: 2px solid #E9D4FF; background: rgba(153, 102, 204, 0.03);}
.more-info h3 {display:flex; align-items:center; gap:var(--space-10); font-size:var(--font-size-22); font-weight:700; line-height:1.5em; letter-spacing:-.04em; color:var(--color-secondary);}
.more-info h3 img {flex:0 0 20px;}
.more-info p {font-size:var(--font-size-16); line-height:1.5em; letter-spacing:-.04em; color:#686868;}

.guidelines-cards {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-30);}
.guidelines-cards .card {border-radius:var(--radius-24); overflow:hidden; background:#fff;}
.guidelines-cards .card .img {aspect-ratio:685/300; overflow:hidden;}
.guidelines-cards .card .img img {width:100%; height:100%; object-fit:cover;}
.guidelines-cards .card .cnt {padding:var(--space-40);}
.guidelines-cards .card .cnt h3 {margin-bottom:var(--space-20); font-size:var(--font-size-24); font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.guidelines-cards .card .cnt p {font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.04em; color:#454545;}

.part-slider .slider {position:relative;}
.part-slider .item {position:relative; border-radius:var(--radius-24); overflow:hidden;}
.part-slider .item .img {aspect-ratio:675/421;}
.part-slider .item .img img {width:100%; height:100%; object-fit:cover;}
.part-slider .item .tit {position:absolute; top:0; left:0; width:100%; padding:var(--space-30); color:#fff; font-size:var(--font-size-24); font-weight:700; line-height:1.66em;}
.part-slider .item .btns {position:absolute; bottom:0; left:0; display:flex; justify-content:flex-end; gap:10px; width:100%; padding:var(--space-30);}
.part-slider .item .btn {display:inline-block; min-width:110px; padding:10px 20px; border-radius:30px; font-size:var(--font-size-16); font-weight:500; line-height:1.2em; letter-spacing:-.04em; text-align:center; color:#fff; background: rgba(255, 255, 255, 0.20);}
.part-slider .slide-btn {position:absolute; top:50%; z-index:50; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:50px; height:50px; background:#fff; border:1px solid #ddd; border-radius:100%; display:flex; align-items:center; justify-content:center; color:#686868; cursor:pointer;}
.part-slider .slide-btn:hover {color:#fff; background:var(--color-primary); border-color:var(--color-primary);}
.part-slider .slide-btn.prev {left:-100px;}
.part-slider .slide-btn.next {right:-100px;}
.part-slider .btn-download {color:#fff; background: rgba(255, 255, 255, 0.20);}
.part-slider .btn-download:after {background-image:url('/images/sub/icon-down-white.svg');}
.part-slider .swiper-pagination {position:relative; margin-top:clamp(20px, calc(90 / var(--inner) * 100vw), 90px); height:3px; background:#ddd;}
.part-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#adadad;}

.guidebooks {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-30);}
.guidebooks .book {position:relative; border-radius:var(--radius-24); overflow:hidden;}
.guidebooks .book .img {aspect-ratio:328/444;}
.guidebooks .book .img img {width:100%; height:100%; object-fit:cover;}
.guidebooks .book .tit {position:absolute; top:0; left:0; width:100%; padding:var(--space-30); color:#fff; font-size:var(--font-size-20); font-weight:700; line-height:1.66em;}
.guidebooks .book .btns {position:absolute; bottom:0; left:0; display:flex; flex-direction: column; align-items: flex-start; gap:10px; width:100%; padding:var(--space-30);}
.guidebooks .btn-download {color:#fff; background: rgba(255, 255, 255, 0.20);}
.guidebooks .btn-download:after {background-image:url('/images/sub/icon-down-white.svg');}

.guidebooks-text {margin-top:var(--space-60); font-size:var(--font-size-20); line-height:1.6em;}

/* 아시아 프로젝트 */
.asia-product {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); text-align:center;}
.asia-product .heading {display:flex; flex-direction:column; align-items:center; gap:var(--space-20);}
.asia-product .heading p {font-size:var(--font-size-14); font-weight:500; line-height:1.4em; color:#d3d3d3; text-transform:uppercase;}
.asia-product .heading h2 span {display:inline-block; vertical-align:middle; padding:0 var(--space-50); font-size:var(--font-size-48); font-weight:700; line-height:1.25em; background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.asia-product .heading h2 svg {vertical-align:middle;}
.asia-product .text {display:flex; flex-direction:column; gap:var(--space-30); font-size:var(--font-size-22); line-height:1.72em; color:#454545;}
.asia-product .text p strong {font-weight:700; color:#242424;}
.asia-product .btn-area .btn {display:inline-flex; align-items:center; justify-content:center; min-width:220px; height:60px; padding:0 var(--space-40); border-radius:60px; background:var(--color-primary); color:#fff; font-size:var(--font-size-18);}
.asia-product .btn-area .btn:hover {background:var(--color-secondary);}

/* 이의신청 제출 */
.app-content {margin-bottom:var(--space-100);}
/*.app-content:last-child {margin-bottom:0;}*/

.required-box {margin-bottom:var(--space-60); padding:var(--space-20); text-align:center; font-weight:500; line-height:1.5em; background: rgba(153, 102, 204, 0.03);}
.required-box img {vertical-align:middle; margin:-.2em 4px 0 0;}
.required-box .check-text {margin-bottom:6px;}
.required-box .check-text strong {font-weight:600;}
.required-box .text {margin-top:12px; font-weight:400; color: #686868; font-size:var(--font-size-14); line-height:1.5em;}

.app-title {display:flex; justify-content:space-between; align-items:center; gap:var(--space-30); margin-bottom:var(--space-30);}
.app-title .title {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-10) var(--space-20);}
.app-title .title h3 {color:#242424; font-size:var(--font-size-24); line-height:1.5em;}
.app-title .title p {color:var(--color-primary); font-size:var(--font-size-14); line-height:1.5em;}
.app-title .btn-add-field {flex:0 0 32px;}
.app-title .btn-minus-field {flex:0 0 32px;}

.btn-add-field {display:block; width:32px; height:32px; border:0; border-radius:100%; background:var(--color-primary) url('/images/sub/plus.svg') 50% 50% no-repeat;}
.btn-minus-field {display:block; width:32px; height:32px; border:0; border-radius:100%; background:var(--color-primary) url('/images/sub/minus.svg') 50% 50% no-repeat;}

.app-form {margin-bottom:var(--space-40);}
.app-form:last-child {margin-bottom:0;}
.app-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.app-form table th {height:clamp(50px, calc(80 / var(--inner) * 100vw), 80px); padding:var(--space-16) var(--space-20); color:#242424; font-size:var(--font-size-16); font-weight:500; line-height:1.5em; border:1px solid #ddd; background:#F8F8F8;}
.app-form table td {padding:var(--space-16) var(--space-20); color:#454545; font-size:var(--font-size-16); font-weight:400; line-height:1.5em; border:1px solid #ddd;}
.app-form table tbody td.subject {text-align:left; padding-left:15px;}
.app-form table tbody td img {vertical-align:middle; margin:-.2em 2px 0;}
.app-form tr th:first-child,
.app-form tr td:first-child {border-left:0;}
.app-form tr th:last-child,
.app-form tr td:last-child {border-right:0;}
.app-form .input {border-radius:4px;}
.app-form .flex-wrap {display:flex; flex-wrap:wrap; gap:var(--space-10); align-items:center;}
.app-form .flex {display:flex; gap:var(--space-10); align-items:center;}
.app-form .help-text {color:var(--color-primary); font-size:var(--font-size-14); line-height:1.5em;}
.app-form .items {display:flex; flex-wrap:wrap; gap:var(--space-20) var(--space-40);}
.app-form .btn-pack {border-radius:4px;}
.app-form .btn-pack.dark {background:#686868; border-color:#686868;}
.app-form .file-text {margin:10px 0 0 10px; font-size:var(--font-size-12); line-height:1.4em; color:#969696;}
.app-form .gray-text {margin:10px 0 0 0; font-size:var(--font-size-12); line-height:1.4em; color:#969696;}
.app-form .captcha-wrap img {border-radius:4px;}
.app-form .file-upload {display:flex; height:44px; gap:var(--space-10); position:relative;}
.app-form .file-input {position:absolute; width:0; height:0; opacity:0; overflow:hidden; z-index:-1;}
.app-form .file-name {flex:1 1 auto; min-width:0; width:1%; max-width:440px; display:flex; align-items:center; height:100%; padding:0 14px; color:#969696; border:1px solid #ddd; border-radius:4px; cursor:pointer;}
.app-form .file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 20px; border:0; border-radius:4px; transition:.2s; background:var(--color-primary); color:#fff; font-weight:500; cursor:pointer;}
.app-form .file-button:hover {background:var(--color-secondary);}
.app-form .byte {font-size:var(--font-size-14); line-height:1.4em; color:#454545;}
.app-form .text {margin-top:var(--space-10); font-size:var(--font-size-14); line-height:1.4em; color:#454545;}
.app-form .text-info {margin-top:var(--space-10); font-size:var(--font-size-14); line-height:1.4em; color:#686868;}
.app-form .text-info .btn-pack.small {vertical-align:middle; height:auto; padding:8px; font-size:var(--font-size-14); line-height:1.4em;}

.app-form-notice {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:var(--space-10); padding:var(--space-20); margin:var(--space-60) 0; border: 2px solid #E9D4FF; background: rgba(153, 102, 204, 0.03);}
.app-form-notice h3 {display:flex; align-items:center; gap:5px; font-size:var(--font-size-16); font-weight:700; line-height:1.5em; letter-spacing:-.04em; color:var(--color-secondary);}
.app-form-notice h3 img {flex:0 0 24px;}
.app-form-notice p {font-size:var(--font-size-14); line-height:1.5em; letter-spacing:-.04em; color:#686868;}

.app-form-agree {margin-bottom:var(--space-60);}
.app-form-agree .checkbox label {display:flex; gap:10px; color:#484848; line-height:1.5em;}
.app-form-agree .checkbox label:before {min-width:20px; width:20px; height:20px; border-radius:4px; margin:.2em 0 0 0 !important;}

.guideline-content h3 {margin-bottom:30px;}
.guideline-content .group p {letter-spacing:0.02em; margin:10px 0;}

/* 이의신청  - 목록 */
.btn-my-app {position:absolute; top:0; right:0; display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:10px; border-radius:8px; height:60px; padding:10px 30px; background:var(--color-secondary); color:#fff; font-size:var(--font-size-18); font-weight:700; line-height:1.2em;}
.btn-my-app:after {content:""; display:inline-block; width:7px; aspect-ratio:23/38; background:url('/images/main/arrow-white.png') 50% 50%/contain no-repeat;}
.btn-my-app:hover {background:var(--color-primary);}

.app-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.app-list table thead th {height:clamp(40px, calc(50 / var(--inner) * 100vw), 50px); padding:9px 5px; color:#242424; font-size:var(--font-size-16); font-weight:500; line-height:1.5em; border:1px solid #ddd;}
.app-list table tbody td {padding:9px 5px; color:#454545; font-size:var(--font-size-16); font-weight:400; line-height:1.5em; text-align:center; border:1px solid #ddd;}
.app-list table tbody td.subject {text-align:left; padding-left:15px;}
.app-list table tbody td img {vertical-align:middle; margin:-.2em 2px 0;}
.app-list tr th:first-child,
.app-list tr td:first-child {border-left:0;}
.app-list tr th:last-child,
.app-list tr td:last-child {border-right:0;}
.app-list tbody tr:hover {background:#f9f9f9;}
.app-list .status {display:inline-flex; justify-content:center; align-items:center; min-width:72px; height:30px; padding:2px 10px; border-radius:40px; background:#F0F0F0; font-size:var(--font-size-14); color:#686868; font-weight:500; line-height:1.2em; text-align:center;}
.app-list .status.st1 {background:var(--color-primary); color:#fff;} /* 종결, 합의종결 */
.app-list .status.st2 {background:var(--color-secondary); color:#fff;} /* 후속조치, 기각 */
.app-list .status.st3 {background:#55337F; color:#fff;} /* 주선제공 */
.app-list .status.st4 {background:#303378; color:#fff;} /* 평가단계(예:1차평가) */
.app-list .status.st5 {background:#7550A4; color:#fff;} /* 수정제출 */
.app-list .status.st6 {background:#FAF7FC; color:#9966CC;} /* 신청서제출 */
.app-list .file {display:inline-flex; justify-content:center; align-items:center; min-width:57px; height:33px; border:1px solid var(--color-primary); border-radius:40px; background:#fff url('/images/sub/clip.svg') 50% 50% no-repeat;}

.password-wrap {max-width:480px; margin:0 auto var(--space-60); padding:var(--space-40); border-radius:var(--radius-24); border:1px solid #DDD; background:#F8F8F8;}
.password-wrap .input-group {display:flex; flex-direction:column; gap:var(--space-15);}
.password-wrap .input-group .title {font-weight:500; line-height:1.3em;}
.password-wrap .input-group .input {display:block; width:100%; border-radius:4px;}
.password-wrap .forget-pw {margin-top:var(--space-30); display:flex; align-items:center; justify-content:center; gap:var(--space-10); text-align:center; color:#686868; font-size:14px; line-height:1.5em;}
.password-wrap .forget-pw .link {font-weight:500; color:var(--color-primary);}

/* 이의신청 - 상세 */
.detail-content {margin-bottom:var(--space-90);}
.detail-content:last-child {margin-bottom:0;}

.detail-title {position:relative; margin-bottom:var(--space-30); padding-left:14px; color:#242424; font-size:var(--font-size-24); font-weight:500; line-height:1.33em;}
.detail-title:before {content:""; position:absolute; top:0.17em; left:0; width:4px; height:1em; background:var(--color-primary);}

.status-progress {position:relative;}
.status-progress::before {content:""; position:absolute; top:19px; left:50px; right:50px; border-top:1px dashed #ddd;}
.status-progress .inner {position:relative; display:flex; justify-content:space-between; gap:var(--space-30);}
.status-progress .step {flex:1 1 0; display:flex; flex-direction:column; align-items:center; text-align:center;}
.status-progress .step .badge {display:inline-flex; align-items:center; justify-content:center; width:90px; height:40px; border-radius:50%; background:#EBE0F5; color:#fff; font-size:var(--font-size-16); font-weight:700; line-height:1;}
.status-progress .step .icon {margin:22px 0; opacity:.2;}
.status-progress .step .icon img {width:64px;}
.status-progress .step .label {opacity:.2; font-size:var(--font-size-18); font-weight:500; line-height:1.5em; color:#242424;}
.status-progress .arrow {display:flex; justify-content:center; align-items:center;}
.status-progress .step.active .badge {background:linear-gradient(180deg, #96C 0%, #55337F 100%);}
.status-progress .step.active .icon {opacity:1;}
.status-progress .step.active .label {opacity:1;}

.app-report {border-top:2px solid #242424;}
.app-report .item {display:flex; align-items:center; justify-content:space-between; gap:var(--space-20); padding:var(--space-15) var(--space-20); border-bottom:1px solid #ddd;}
.app-report .text-area {display:flex; align-items:center; gap:var(--space-10);}
.app-report .text-area .icon {width:24px;}
.app-report .text-area .icon img {display:block;}
.app-report .text-area .text {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-18); font-weight:500; line-height:1.5em; color:#242424;}
.app-report .btn-area {display:flex; align-items:center; gap:var(--space-10);}

.app-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.app-table table th {height:clamp(45px, calc(70 / var(--inner) * 100vw), 70px); padding:var(--space-10) var(--space-20); color:#242424; font-size:var(--font-size-18); font-weight:500; line-height:1.5em; border:1px solid #ddd; background:#F8F8F8;}
.app-table table td {padding:var(--space-10) var(--space-20); color:#454545; font-size:var(--font-size-16); font-weight:400; line-height:1.5em; border:1px solid #ddd;}
.app-table table tbody td.subject {text-align:left; padding-left:15px;}
.app-table table tbody td img {vertical-align:middle; margin:-.2em 2px 0;}
.app-table tr th:first-child,
.app-table tr td:first-child {border-left:0;}
.app-table tr th:last-child,
.app-table tr td:last-child {border-right:0;}

.form-or {display:flex; align-items:center; gap:var(--space-20); padding:var(--space-20) 0; font-size:12px; font-weight:500; line-height:1.4em; color:#686868;}
.form-or:before,
.form-or:after {content: ""; display:inline-block; width:100%; height:1px; background:#A9A9A9;}

.app-charts {display:flex; justify-content:center; margin-bottom:var(--space-60);}
.app-chart {width:50%; max-width:460px; text-align:center;}
.app-chart .title {font-size:clamp(15px, calc(20 / var(--inner) * 100vw), 20px); font-weight:700; line-height:1.5em; color:#242424;}
.app-chart .apexcharts-theme-light {margin:0 auto;}


/* 소식 & 자료 */
.new-posts {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-30); margin-bottom:var(--space-100);}
.new-posts .link-item {display:block; position:relative; padding:var(--space-40); background:#F8F8F8; border-radius:var(--radius-16); transition:.2s;}
.new-posts .link-item .cate {margin-bottom:var(--space-20); display:inline-block; background:var(--color-primary); color:#fff; font-size:var(--font-size-14); font-weight:500; line-height:1.3em; padding:5px 12px; border-radius:4px;}
.new-posts .link-item .tit {margin-bottom:var(--space-20); font-size:var(--font-size-18); font-weight:700; line-height:1.55em; letter-spacing:-.04em; color:#454545; height:calc(1.55em * 2); overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.new-posts .link-item .txt {margin-bottom:var(--space-40); font-size:var(--font-size-16); line-height:1.625em; letter-spacing:-.04em; color:#454545; height:calc(1.625em * 3); overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical;}
.new-posts .link-item .arrow {text-align:right; font-size:var(--font-size-18); font-weight: 500; line-height:1.2em; color:#686868; transition:.2s;}
.new-posts .link-item:hover .arrow {color:var(--color-primary); transform:translateX(5px);}

.schedule-view-btn {text-align:center; padding:var(--space-80) 0;}

/* board view category badge */
.category-badge {display:inline-block; padding:4px 8px; border-radius:4px; font-size:12px; font-weight:500; margin-left:8px; vertical-align:middle;}
.category-badge--complete {background:#6c757d; color:#fff;}
.category-badge--progress {background:#28a745; color:#fff;}
.category-badge--default {background:#e9ecef; color:#495057;}

/* modal */
.modal-wrap {padding:var(--space-60);}
.modal-header {text-align:center; margin-bottom:var(--space-60);}
.modal-header h3 {font-size:var(--font-size-32); line-height:1.33em; color:#242424;}
.modal-header p {margin-top:var(--space-20); font-size:var(--font-size-16); line-height:1.5em; letter-spacing:-.04em; color:#454545;}
.modal-buttons {text-align:center; margin-top:var(--space-60);}