@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 440 / var(--inner) * 100vw ), 440px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 440 / var(--inner) * 100vw ), 440px) !important; width: 100%;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px;}
.roughmap_maker_label .roughmap_lebel_text ,
.roughmap_maker_label:after {display: none !important;}

.bullet-item .bullet-list {position:relative; padding-left:16px; margin-top:var(--padding-12); line-height:1.66; font-size: var(--font-size-18); letter-spacing: -0.5px;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:clamp(9px, calc( 11 / var(--inner) * 100vw ), 11px); width:5px; height: 5px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.bg-gray {background:#F4F6FA;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}
.subsec-pd2 {padding: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.subsec-pdt {padding: var(--padding-75) 0;}
.intitbx {margin-bottom: var(--padding-40);}
.intitbx .intitle {font-size:var(--font-size-40); font-weight:700; letter-spacing:-0.03em; }
.prdtext {margin-bottom: 20px ; font-size: var(--font-size-18); color: var(--color-body); line-height: 1.66; letter-spacing: -0.5px;}
.subsec-wrap {display: flex;flex-direction: column;gap: var(--padding-80);}
.subsec-wrap2 {display: flex;flex-direction: column;gap: var(--padding-150);}
.insubsec .intxt {margin-bottom: var(--padding-30); font-size: var(--font-size-28); font-weight: bold; color: var(--color-primary);}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.greet-wrap .imgbx {border-radius:16px; overflow:hidden;}
.greet-wrap .imgbx img {width:100%;}

.greet-txtbx {position: relative; padding:var(--padding-80) var(--padding-50) 0; text-align:center; background:var(--color-white); border-radius:16px 16px 0 0; background: #fff; z-index: 2; max-width: 1060px; width: 95%; margin: clamp(-130px, calc( -130 / var(--inner) * 100vw ), -20px) auto 0;}
.greet-head {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); margin-bottom:var(--padding-30);}
.greet-eng {font-size:var(--font-size-56); font-weight:700; line-height:1.1; letter-spacing:-0.03em; background:linear-gradient(90deg, var(--color-primary), var(--color-secondary)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
.greet-sub {display:flex; flex-direction:column; align-items:center; gap:0; font-size:var(--font-size-24); font-weight:600; line-height:1.5; letter-spacing:-0.03em; color:#121212;}
.greet-body {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); }
.greet-desc {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%; font-size:var(--font-size-18); line-height:1.56; letter-spacing:-0.03em; color:var(--color-body);}
.greet-sign {display:flex; align-items:center; justify-content:center; gap:var(--padding-30);}
.greet-sign-tit {font-size:var(--font-size-18); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#121212;}
.greet-sign-name {font-family:var(--font-nanum); font-size:var(--font-size-48); line-height:1.1; letter-spacing:-0.03em; color:#121212;}

.historybg {margin-bottom: var(--padding-80); background: url(../images/sub/history-bg.jpg) no-repeat center center / cover; position:relative; padding:var(--padding-120) 0;}
.historybg .textbx {display: flex;flex-direction: column;gap: var(--padding-30); text-align: center; color: #fff;}
.historybg .txt1 {font-size:var(--font-size-48); font-weight: bold;}
.historybg .txt2 {font-size:var(--font-size-28);}
.history {position:relative; overflow:visible;}
.history .group {position:relative; padding-bottom:var(--padding-120);}
.history .group .flxWrap {align-items: flex-start; gap: var(--padding-40);}
.history .group:before {content:""; position:absolute; left:50%; top:4px; bottom:0; width:1px; height: 100%; background:#ccc;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child::before {display:none;}
.history .group h3 {position:relative; font-size:var(--font-size-40); font-weight:800; line-height:1; margin-bottom:0 !important; z-index:2;}
.history .group h3:before {content:""; position:absolute; top:50%; width:16px; height:16px; margin-top:-8px; background:var(--color-primary); border:0; border-radius:50%; box-shadow:0 0 0 8px rgba(33, 89, 163, 0.16);}
.history .group ul li {position:relative; margin-bottom:var(--padding-15) !important; color:#505050; font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.04em;}
.history .group ul li:after {position: absolute; content: ''; top:  clamp(9px, calc( 12 / var(--inner) * 100vw ), 12px); width: 5px; height: 5px; background:var(--color-body); border-radius:50%;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h3 {padding-left:clamp(40px, calc( 65 / var(--inner) * 100vw ), 65px);}
.history .group:nth-child(odd) h3:before {left:-8px;}
.history .group:nth-child(odd) ul li {padding-left:22px;}
.history .group:nth-child(odd) ul li:after {left: 0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) .flxWrap {flex-direction: row-reverse;}
.history .group:nth-child(even) h3 {padding-right:clamp(40px, calc( 65 / var(--inner) * 100vw ), 65px);}
.history .group:nth-child(even) h3:before {right:-8px;}
.history .group:nth-child(even) ul li {padding-right:22px;}
.history .group:nth-child(even) ul li:after {right: 0;}
@media (max-width: 640px) {
	.history .group {padding:0 0 40px 0 !important; text-align:left !important;}
	.history .group:before {left:10px;}
	.history .group h3 { padding:0 0 0 40px !important; margin-bottom:10px;}
	.history .group h3:before {left:5.5px !important; top:14px !important; margin-top:-5.5px !important; right:auto !important; width:11px; height:11px; box-shadow:0 0 0 8px rgba(33, 89, 163, 0.16);}
    .history .group ul {width: 100%; padding-left: 40px !important;}
    .history .group ul li {padding-left: 15px !important;}
    .history .group:nth-child(even) .flxWrap {flex-direction: row;}
    .history .group:nth-child(even) ul li:after {right: initial; left: 0;}
}

.tabwrap {margin-bottom: var(--padding-50); overflow-x: auto;}
.tabwrap .tabs {display: flex; gap: clamp(25px, calc( 80 / var(--inner) * 100vw ), 80px); border-bottom: 1px solid #ddd;}
.tabwrap .tablink {display: block; font-size: var(--font-size-24); font-weight: 600; color: #878787; padding-bottom: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); white-space: nowrap;}
.tabwrap .tab-item.active .tablink {color: var(--color-primary); border-bottom: 2px solid var(--color-primary);}

.perform-item {padding: var(--padding-50) var(--padding-40);}
.perform-item:not(:last-child) {border-bottom: 1px solid #ddd;}
.perform-item .flxWrap {gap: var(--padding-100); align-items: flex-start;}
.perform-item .yaersbx {display: flex;flex-wrap: wrap;align-items: flex-end; gap: var(--padding-20); width: clamp(150px, calc( 210 / var(--inner) * 100vw ), 210px);}
.perform-item .yaersbx .year {font-size: var(--font-size-32); font-weight: 600; color: var(--color-primary); line-height: 1;}
.perform-item .yaersbx .total {font-size: var(--font-size-16);  color: #878787; line-height: 1;}
.perform-item .textcontbx {flex: 1; letter-spacing: -0.5px;}
.perform-item .decbx {display: flex;flex-direction: column;gap: var(--padding-20);}
.perform-item .decbx .dec {padding-left:22px; position: relative; font-size: var(--font-size-18); color: var(--color-body);}
.perform-item .decbx .dec:before {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background:#B4B4B4; border-radius: 50%;}
.perform-item .decbx:not(.is-open) .dec:nth-child(n+8) {display:none;}
.perform-item .morebx {margin-top:var(--padding-40);}
.perform-item .morebx.is-hide {display:none;}
.perform-item .btn-case {display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:var(--padding-16) 25px; border:1px solid rgba(18, 18, 18, 0.50); border-radius:99px; background:transparent;}
.perform-item .btn-case .arrow {display:inline-flex; align-items:center; justify-content:center; transition:transform .3s;}
.perform-item .btn-case.active .arrow {transform:rotate(180deg);}
.perform-item svg {vertical-align:middle;}
.perform-item:hover {background: #FAFAFA;}

.location-area {display: flex;flex-direction: column;gap: var(--padding-120);}
.mapwrap .flxWrap {gap: var(--padding-80);}
.mapwrap .textinfobx {width:clamp(300px, calc(580 / var(--inner) * 100vw), 580px); }
.mapwrap .map-info-wrap {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--padding-40); width:100%;padding:var(--padding-50) var(--padding-40); background:var(--color-primary); border-radius:16px; color:#fff;}
.mapwrap .map-tit {font-size:var(--font-size-32); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#fff;}
.mapwrap .map-info-list {display:flex; flex-direction:column; gap:var(--padding-30);}
.mapwrap .map-info-item {display:flex; align-items:center; gap:var(--padding-25);}
.mapwrap .map-info-item:first-child {align-items:flex-start; gap:var(--padding-24);}
.mapwrap .map-icn {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:clamp(20px, calc(28 / var(--inner) * 100vw), 28px); height:clamp(20px, calc(28 / var(--inner) * 100vw), 28px);}
.mapwrap .map-icn img {display:block; width:100%; height:100%; object-fit:contain;}
.mapwrap .map-txt {font-size:var(--font-size-18); line-height:1.2; letter-spacing:-0.03em; color:#fff;}
.mapwrap .map-info-item:first-child .map-txt {line-height:1.67;}
.mapwrap .mapbx {flex:1; border-radius:16px; overflow:hidden;}
.mapwrap .map-info-wrap.ty2 {background: var(--color-secondary);}


.btn-file {display: inline-flex;align-items: center;justify-content: center; gap: var(--padding-20); padding: var(--padding-20) 30px;border-radius: 99px; border: 1px solid rgba(18, 18, 18, 0.50); font-weight: 600; background: #FFF;}
.additbx {padding: clamp(20px, calc(60 / var(--inner) * 100vw), 60px); border: 1px solid #ddd; border-radius:16px; text-align: center;}


.sub2_top .downfile {text-align: right; margin-bottom: 10px;}

.mech-plan-list {display:flex; flex-wrap:wrap; gap:var(--padding-20); align-items:stretch;}
.mech-plan-card {display:flex; flex-direction:column; padding:var(--padding-50) var(--padding-30); width:  calc((100% - 2 * var(--padding-20)) / 3); border:1px solid #121212; border-radius:16px; background:var(--color-white);}
.mech-plan-head {display:flex; flex-direction:column; align-items:center; padding-bottom: var(--padding-30); margin-bottom: var(--padding-30); border-bottom: 1px solid #ddd; width:100%; text-align:center;}
.mech-plan-tit {width:100%; margin-bottom:var(--padding-20); font-size:var(--font-size-32); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#121212;}
.mech-plan-sub {width:100%; font-size:var(--font-size-20); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:var(--color-primary);}
.mech-plan-feat {display:flex; flex-direction:column; gap:clamp(20px, calc(25 / var(--inner) * 100vw), 25px); width:100%;}
.mech-plan-feat li {position:relative; padding-left:clamp(22px, calc(26 / var(--inner) * 100vw), 26px); font-size:var(--font-size-18); line-height:1.2; letter-spacing:-0.03em; color:#121212;}
.mech-plan-feat li:before {content:''; position:absolute; left:0; top:0; width:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); height:auto; aspect-ratio: 1/1; background:url(../images/sub/check.svg) no-repeat 50% 50% / contain;}

.file-down-list {border-top: 2px solid #121212;}
.file-down-item {display:flex; align-items:center; justify-content:space-between; gap:var(--padding-20); padding:var(--padding-20); border-bottom: 1px solid #ddd;}
.file-down-tit {font-size:var(--font-size-20); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#121212;}
.btn-down {display:inline-flex; align-items:center; justify-content:center; gap:var(--padding-20); padding:var(--padding-15) 20px; border-radius:99px; background:#eee; font-size:var(--font-size-16); font-weight:600; line-height:1.25; letter-spacing:-0.03em; color:#121212; text-decoration:none; transition:background .3s, color .3s;}
.btn-down .icn {display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:clamp(12px, calc(14 / var(--inner) * 100vw), 14px); height:auto; aspect-ratio: 1/1;}
.btn-down .icn svg {display:block; width:100%; height:100%;}
.btn-down:hover {background:var(--color-primary); color:#fff;}

.sub2-2top {margin-bottom: var(--padding-60);}
.eng-dev-list {display:flex; flex-wrap:wrap; gap:var(--padding-40); align-items:flex-start;}
.eng-dev-card {display:flex; flex-direction:column; gap:var(--padding-20); width:calc((100% - 3 * var(--padding-40)) / 4);}
.eng-dev-img {border-radius:16px; overflow:hidden;}
.eng-dev-img img {display:block; width:100%; object-fit:cover;}
.eng-dev-body {display:flex; flex-direction:column; gap:var(--padding-20); padding:0 10px; width:100%;}
.eng-dev-tit {font-size:var(--font-size-20); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#121212;}
.eng-dev-feat {display:flex; flex-direction:column; gap:clamp(12px, calc(15 / var(--inner) * 100vw), 15px); width:100%;}
.eng-dev-feat li {position:relative; padding-left:13px; font-size:var(--font-size-14); line-height:1.1; letter-spacing:-0.03em; color:var(--color-body);}
.eng-dev-feat li:before {content:''; position:absolute; left:0; top:5px; width:clamp(3px, calc(5 / var(--inner) * 100vw), 5px); height:clamp(3px, calc(5 / var(--inner) * 100vw), 5px);  background:var(--color-body); border-radius:50%;}
.eng-process {position:relative; width:100%;}
.eng-process-line {position:absolute; left:0; right:0; top:clamp(142px, calc(190 / var(--inner) * 100vw), 190px); height:0; border-top:1px dashed #ccc; z-index:0;}
.eng-process-list {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--padding-20) 0; position:relative; z-index:1; margin:0; padding:0; list-style:none;}
.eng-process-item {display:flex; flex:1 1 calc(100% / 6); flex-direction:column; align-items:center; gap:var(--padding-20); min-width:120px; max-width:160px; text-align:center;}
.eng-process-visual {display:flex; flex-direction:column; align-items:center; gap:var(--padding-40); width:100%;}
.eng-process-pin {position:relative; display:flex; align-items:center; justify-content:center; width:clamp(100px, calc(130 / var(--inner) * 100vw), 130px); height:clamp(100px, calc(130 / var(--inner) * 100vw), 130px); background:#eee; border-radius:50% }
.eng-process-pin:after {content:''; position:absolute; left:50%; bottom:-8px; width:18px; height:18px; background:#eee; transform:translateX(-50%) rotate(45deg); z-index:-1;}
.eng-process-icn {display:block; width:clamp(48px, calc(64 / var(--inner) * 100vw), 64px); height:auto;}
.eng-process-num {position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:clamp(34px, calc(40 / var(--inner) * 100vw), 40px); height:clamp(34px, calc(40 / var(--inner) * 100vw), 40px); border-radius:50%; background:#505050;}
.eng-process-num .num {font-size:var(--font-size-18); font-weight:700; line-height:1; letter-spacing:-0.03em; color:#fff;}
.eng-process-txt {width:100%; font-size:var(--font-size-20); font-weight:600; line-height:1.5; letter-spacing:-0.03em; color:#121212;}
.eng-process-item.is-active .eng-process-pin {background:var(--color-primary);}
.eng-process-item.is-active .eng-process-pin:after {background:var(--color-primary);}
.eng-process-item.is-active .eng-process-num {background:var(--color-primary);}
.eng-process-item.is-active .eng-process-icn {filter:brightness(0) invert(1);}
.eng-process-item.is-active .eng-process-txt {color:var(--color-primary);}

.eng-case-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--padding-60) var(--padding-40); align-items:start; width:100%;}
.eng-case-img {position:relative; padding-bottom:54.41%; overflow:hidden;}
.eng-case-img img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.eng-case-tit {margin-top:var(--padding-30); font-size:var(--font-size-20); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#121212; text-align: center;}

.sub2_3_2 {background: url(../images/sub/sub2_3_2-bg.jpg) no-repeat center center / cover; color: #fff;}
.sub2_3_2 .toptext {display: flex;flex-direction: column;gap: var(--padding-40); text-align: center; letter-spacing: -0.5px;}
.sub2_3_2 .toptext .tit {font-size: var(--font-size-40); font-weight: bold;}
.sub2_3_2 .toptext .dec {font-size: var(--font-size-20); line-height: 1.5;}

.eng-svc-list {display:flex; flex-wrap:wrap; gap:var(--padding-20); align-items:stretch; margin-top:var(--padding-60);}
.eng-svc-card {position:relative; display:flex; flex:1 1 calc((100% - 2 * var(--padding-20)) / 3); flex-direction:column; align-items:center; justify-content:center; padding:var(--padding-40); border:1px solid rgba(255,255,255,0.1); border-radius:16px; background:rgba(255,255,255,0.05); overflow:hidden; text-align:center; backdrop-filter:blur(10px);}
.eng-svc-num {margin-bottom: clamp(-15px, calc(-15 / var(--inner) * 100vw), -5px); font-size:var(--font-size-80); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:rgba(255,255,255,0.1);  white-space:nowrap;  text-align: center;}
.eng-svc-body {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%;}
.eng-svc-tit {width:100%; font-size:var(--font-size-28); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#fff;}
.eng-svc-desc {width:100%; font-size:var(--font-size-18); line-height:1.56; letter-spacing:-0.03em; color:rgba(255,255,255,0.7);}
.engarrowdown {margin-bottom: 20px; text-align: center;}

.eng-stat-list {display:flex; flex-wrap:wrap; gap:var(--padding-30); align-items:flex-start; justify-content:center; width:100%; text-align:center; color:#fff;}
.eng-stat-item {display:flex; flex:1 1 calc((100% - 2 * var(--padding-30)) / 3); flex-direction:column; align-items:center; gap:var(--padding-30); min-width:200px;}
.eng-stat-val {width:100%; font-size:var(--font-size-120); font-weight:400; line-height:1; letter-spacing:-0.03em; color:#fff;}
.eng-stat-item--green .eng-stat-val {text-shadow:0 0 50px #21aa45;}
.eng-stat-item--blue .eng-stat-val {text-shadow:0 0 50px var(--color-primary);}
.eng-stat-item--purple .eng-stat-val {text-shadow:0 0 50px #652f94;}
.eng-stat-val--sm {font-size:var(--font-size-72); line-height:1.67; white-space:nowrap;}
.eng-stat-txt {width:100%; font-size:var(--font-size-24); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff;}

.edu-step-list {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); column-gap:var(--padding-60); row-gap:var(--padding-40); align-items:start; width:100%;}
.edu-step-item {position:relative; display:flex; flex-direction:column; gap:var(--padding-20); width:100%; min-width:0;}
.edu-step-item:not(:last-child):after {content:''; position:absolute; right:calc((var(--padding-60) + 24px) / -2); top:clamp(56px, calc(70 / var(--inner) * 100vw), 70px); width:24px; height:24px; background:url(../images/sub/arrow-right.svg) no-repeat 50% 50% / contain;}
.edu-step-head {display:flex; flex-direction:column; align-items:flex-start; gap:clamp(12px, calc(15 / var(--inner) * 100vw), 15px); width:100%; min-height:clamp(58px, calc(67 / var(--inner) * 100vw), 67px);}
.edu-step-badge {display:inline-flex; align-items:center; justify-content:center; padding:5px; border-radius:4px; font-size:var(--font-size-14); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff; white-space:nowrap;}
.edu-step-item--01 .edu-step-badge {background:#7c9dc8;}
.edu-step-item--02 .edu-step-badge {background:#537eb8;}
.edu-step-item--03 .edu-step-badge {background:var(--color-primary);}
.edu-step-item--04 .edu-step-badge {background:#19447e;}
.edu-step-item--05 .edu-step-badge {background:#133460;}
.edu-step-tit {width:100%; font-size:var(--font-size-28); font-weight:700; line-height:1.2; letter-spacing:-0.5px; color:#121212; word-break:keep-all;}
.edu-step-line {flex-shrink:0; width:100%; height:2px; background:#121212;}
.edu-step-body {display:flex; flex:1; flex-direction:column; gap:var(--padding-20); width:100%; }
.edu-step-strong {min-height:3em; font-size:var(--font-size-16); font-weight:600; line-height:1.5; letter-spacing:-0.5px; color:#121212; word-break:keep-all;}
.edu-step-desc {display:flex; flex-direction:column; gap:clamp(8px, calc(10 / var(--inner) * 100vw), 10px); width:100%;}
.edu-step-desc p {font-size:var(--font-size-16); font-weight:400; line-height:1.5; letter-spacing:-0.5px; color:#505050; word-break:keep-all;}
.edu-step-desc .edu-step-contact {font-size:var(--font-size-14); font-weight:600; line-height:1.5; letter-spacing:-0.5px; color:var(--color-primary);}

.intitbx .headflx {display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; flex-wrap: wrap;}
.btn-download {display: inline-flex;align-items: center;justify-content: center; gap: var(--padding-20); padding: var(--padding-22) clamp(20px, calc(32 / var(--inner) * 100vw), 32px); border: 1px solid  rgba(18, 18, 18, 0.50); border-radius: 99px;}
.btn-download .txtleft {display: flex;flex-direction: column; letter-spacing: -0.5px;}
.btn-download .tit1 {font-size: var(--font-size-16); font-weight: 600;}
.btn-download .tit2 {font-size: var(--font-size-14); color: var(--color-body); font-weight: 400;}

.sub3-schbx {margin-top: var(--padding-40);}
.edu-subj-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-20); width:100%; margin:0; padding:0; list-style:none;}
.edu-subj-item {display:flex; align-items:center; min-height:64px; padding:0 var(--padding-20); border:1px solid #ddd; border-radius:8px; background:#fff; font-size:var(--font-size-18); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#121212; word-break:keep-all;}
.edu-subj-item:before {content:''; flex-shrink:0; width:16px; height:16px; margin-right:10px; background:url(../images/sub/check.svg) no-repeat 50% 50% / contain;}

.sub3_2-intro {margin-bottom: var(--padding-60);padding:20px var(--padding-50); background: #F4F6FA; border-radius: 8px;}
.sub3_2-intro .flxWrap {align-items: center;gap: var(--padding-20);}
.sub3_2-intro .icn {width:clamp(60px, calc(80 / var(--inner) * 100vw), 80px);}
.sub3_2-intro .icn img {width:clamp(50px, calc(80 / var(--inner) * 100vw), 80px);}
.sub3_2-intro .text {flex: 1; letter-spacing: -0.5px; font-size: var(--font-size-18); line-height: 1.55; } 

.edu-apply-wrap {padding-top: 20px; border-top: 2px solid #121212;}
.edu-apply-list {display:flex; flex-direction:column; gap:var(--padding-20); width:100%; margin-top:var(--padding-30);}
.edu-apply-item {display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; gap:var(--padding-40); padding:var(--padding-40) var(--padding-80); border:1px solid #ddd; border-radius:16px; background:#fff;}
.edu-apply-item--close {background:#f9f9f9; pointer-events:none; cursor:default; text-decoration:none;}
.edu-apply-cont {display:flex; flex-direction:column; gap:clamp(20px, calc(30 / var(--inner) * 100vw), 30px); flex:1; }
.edu-apply-cate {display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; margin-bottom: var(--padding-15); border-radius:4px; background:var(--color-body); font-size:var(--font-size-16); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff;}
.edu-apply-tit {font-size:var(--font-size-28); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#121212; word-break:keep-all;}
.edu-apply-item--close .edu-apply-tit {color:#878787;}
.edu-apply-sub {font-size:var(--font-size-16); font-weight:400; color:var(--color-body);}
.edu-apply-info {display:flex; flex-direction:column; gap:var(--padding-20); margin:0;}
.edu-apply-row {display:flex; align-items:flex-start; gap:15px; font-size:var(--font-size-18); line-height:1.2; letter-spacing:-0.03em;}
.edu-apply-row dt {flex-shrink:0; width:clamp(50px, calc(75 / var(--inner) * 100vw), 75px); margin:0; font-weight:600;}
.edu-apply-row--date dt {color:var(--color-primary);}
.edu-apply-row--fee dt {color:var(--color-secondary);}
.edu-apply-row dd {margin:0; font-weight:400; color:#121212;}
.edu-apply-price {margin:  -10px;}
.edu-apply-price span {display: inline-block; padding: 10px; position: relative;}
.edu-apply-price span:not(:last-child):after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height:14px; background: #ccc;}
.edu-apply-vat {display:inline-flex; align-items:center; justify-content:center; margin-top: 15px; padding:5px; border-radius:4px; background:#eee; font-size:var(--font-size-14); font-weight:400; line-height:1; letter-spacing:-0.03em; color:#505050;}
.edu-apply-btn {display:inline-flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; gap:8px; width:clamp(70px, calc(100 / var(--inner) * 100vw), 100px); height:clamp(70px, calc(100 / var(--inner) * 100vw), 100px);  border:0; border-radius:99px; text-decoration:none; text-align:center; box-sizing:border-box;}
.edu-apply-btn--apply {background:var(--color-primary); color:#fff;}
.edu-apply-btn--close {background:#ccc; color:#fff;}
.edu-apply-btn .txt {font-size:var(--font-size-18); font-weight:600; line-height:1.2; letter-spacing:-0.03em; white-space:nowrap;}
.edu-apply-btn .icn {display:flex; align-items:center; justify-content:center; }
.edu-apply-btn .icn img {width:clamp(7px, calc(12 / var(--inner) * 100vw), 12px); height:auto; aspect-ratio: 12/11;}


.apply-detail-top .flxWrap {align-items: flex-end; justify-content: space-between; gap: 40px;}
.apply-detail-top .infobx {width: clamp(600px, calc(1000 / var(--inner) * 100vw), 1000px);}

.apply-detail-top .btnbx {flex: 1; text-align: right;}
.apply-detail-top .edu-apply-head {display: flex; align-items: center; gap: var(--padding-30); flex-wrap: wrap; margin-bottom: var(--padding-30);}
.apply-detail-top .edu-apply-cate {margin-bottom: 0;}
.apply-detail-top .edu-apply-tit {font-size: var(--font-size-40);}
.apply-detail-top .edu-apply-sub {font-size: var(--font-size-18);}

.apply-detail-table {width:100%;}
.apply-detail-table table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #121212; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:var(--font-size-18); line-height:1.2; letter-spacing:-0.03em;}
.apply-detail-table table th {padding:var(--padding-30); border:1px solid #ddd; border-top:0; background:#f9f9f9; font-weight:600; color:#121212; text-align:center;}
.apply-detail-table table td {padding:var(--padding-30); border:1px solid #ddd; border-top:0; color:#505050; font-weight:400;}
.apply-detail-table table tr:last-child th,
.apply-detail-table table tr:last-child td {border-bottom:0;}
.apply-detail-table .radiobx .item {min-height:auto;}

.apply-detail-top .toptxt {margin-bottom: var(--padding-30);}
.apply-detail-top .txt1 {margin-bottom: 10px; font-size: var(--font-size-14); color: var(--color-body); }
.apply-detail-top .txt2 {display: flex;align-items: center; justify-content: flex-end; gap: 4px; font-size: var(--font-size-48); color: var(--color-primary); font-weight: bold;}
.apply-detail-top .txt2 .wn {font-size: var(--font-size-20); font-weight: 600; color: #121212;}
.apply-detail-top .btn-pack {min-width: clamp(140px, calc(175 / var(--inner) * 100vw), 175px) !important; height: clamp(44px, calc(60 / var(--inner) * 100vw), 60px) !important; line-height: clamp(42px, calc(58 / var(--inner) * 100vw), 58px) !important;}
.sub3_2-insubsec .bullet-item .bullet-list::before {background: #ccc;}
.sub3-buttons {margin-top: var(--padding-60) !important;}
.sub3-buttons .btn-pack {min-width: clamp(140px, calc(175 / var(--inner) * 100vw), 175px) !important; height: clamp(44px, calc(60 / var(--inner) * 100vw), 60px) !important; line-height: clamp(42px, calc(58 / var(--inner) * 100vw), 58px) !important;border-radius: 99px;}

.eventapp-detail {margin-top: var(--padding-100);}
.eventapp-detail img {margin:0 auto;}

.remote-step-list {display:flex; align-items:flex-start; justify-content:space-between; flex-wrap: wrap; gap:var(--padding-30); width:100%;}
.remote-step-item {position:relative; display:flex; flex:1; flex-direction:column; align-items:center; gap:var(--padding-30); min-width:0; text-align:center;}
.remote-step-item:not(:last-child):after {content:''; position:absolute; right:calc((var(--padding-30) + 25px) / -2); top:50%; transform: translateY(-50%); width:clamp(20px, calc(25 / var(--inner) * 100vw), 25px); height:clamp(10px, calc(12 / var(--inner) * 100vw), 12px); background:url(../images/sub/arrow2.svg) no-repeat 50% 50% / contain; transform:translateY(-50%);}
.remote-step-icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(40px, calc(80 / var(--inner) * 100vw), 80px); height:clamp(40px, calc(80 / var(--inner) * 100vw), 80px);}
.remote-step-icn img {display:block; width:100%; height:100%;}
.remote-step-body {display:flex; flex-direction:column; align-items:center; gap:15px; width:100%;}
.remote-step-head {display:flex; flex-direction:column; align-items:center; gap:5px;}
.remote-step-num {font-size:var(--font-size-16); font-weight:600;  letter-spacing:-0.03em; color:#0a2d82;}
.remote-step-tit {font-size:var(--font-size-22); font-weight:600; line-height:1.27; letter-spacing:-0.03em; color:#121212;}
.remote-step-desc {margin:0; font-size:var(--font-size-18); font-weight:400; line-height:1.55; letter-spacing:-0.03em; color:#505050; word-break:keep-all;}

.sub4_2_2 {background:url(../images/sub/sub4_2_2-bg.jpg) no-repeat center center /cover; text-align: center; color: #fff;}
.sub4_2_2 .intxt {color: #fff; line-height: 1.42; font-weight: 600;}
.sub4_2_2 .btn-links {display: inline-flex;align-items: center;justify-content: center; gap: var(--padding-20); padding: var(--padding-22) clamp(20px, calc(30 / var(--inner) * 100vw), 30px); border-radius: 99px;  border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(5px);}