.container {max-width:100%;}

.container.prepare-wrap {margin:0 auto;}

.container .sec-admission {
	--c-blue:#2C5BF6;
	--c-red:#ED2024;
	--c-text:#333;
	--c-sub:#666;
	--c-line:#E2E2E2;
	--t-line:#E5E5E5;
	--c-bg:#F5F5F5;
	color:var(--c-text);
}

.container.prepare-wrap .inner {margin:0 auto;}

.container.prepare-wrap .inner .tab-panels {
	max-width:1200px;
	margin:0 auto;
	padding-bottom:clamp(30px, calc(30px + (40 - 30) * ((100vw - 360px) / 840)), 40px);
}

.container .sec-admission .page-title {
	font-weight:700;
	text-align:center;
	font-size:clamp(28px, calc(28px + (40 - 28) * ((100vw - 360px) / 840)), 40px);
	padding-top:clamp(40px, calc(40px + (80 - 40) * ((100vw - 360px) / 840)), 80px);
	padding-bottom:clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / 840)), 60px);
}

/* =========================================================
   ÅÇ ¿µ¿ª
   - tab-wrap : sticky ±âÁØ ¿ä¼Ò
   - tab-inner : ½ÇÁ¦ 1200px Á¤·Ä ¿µ¿ª
   - Çì´õ ·¹À̾ ¿­¸± ¶§¸¸ z-index ³·Ãã
========================================================= */
.container .sec-admission .tab-wrap {
	position:sticky;
	top:0;
	z-index:100;
	background:#fff;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
}

.container .sec-admission .tab-wrap::-webkit-scrollbar {display:none;}
.container .sec-admission .tab-wrap.is-single {display:none;}
.container .sec-admission .tab-wrap.is-header-layer-open {z-index:1;}

.container .sec-admission .tab-wrap .tab-inner {
	display:flex;
	width:100%;
	max-width:1200px;
	height:60px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #DBDEE5;
	box-sizing:border-box;
}

/* =========================================================
   ÅÇ ¹öÆ°
========================================================= */
.container .sec-admission .tab-btn {
	position:relative;
	flex:0 0 auto;
	padding:0;
	border:0;
	background:#fff;
	color:#555;
	font-size:clamp(14px, calc(14px + (16 - 14) * ((100vw - 360px) / 840)), 16px);
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
	font-weight:500;
	line-height:150%;
	letter-spacing:-0.32px;
}

.container .sec-admission .tab-btn:after {
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:3px;
	background:transparent;
}

.container .sec-admission .tab-btn.is-active {
	color:#333;
	font-weight:700;
}

.container .sec-admission .tab-btn.is-active:after {background:#333;}

/* =========================================================
   ÅÇ °³¼öº° °íÁ¤Çü
========================================================= */
.container .sec-admission .tab-wrap.is-fixed {overflow:visible;}

.container .sec-admission .tab-wrap.is-fixed .tab-inner {width:100%;}

.container .sec-admission .tab-wrap.is-fixed .tab-btn {
	flex:1 1 0;
	padding:0;
}

.container .sec-admission .tab-wrap.is-fixed.tabs-2 .tab-btn {width:50%;}
.container .sec-admission .tab-wrap.is-fixed.tabs-3 .tab-btn {width:33.3333%;}
.container .sec-admission .tab-wrap.is-fixed.tabs-4 .tab-btn {width:25%;}
.container .sec-admission .tab-wrap.is-fixed.tabs-5 .tab-btn {width:20%;}

/* =========================================================
   ÅÇ ½º¿ÍÀÌÇÁÇü
========================================================= */
.container .sec-admission .tab-wrap.is-swipe .tab-inner {
	gap:0;
	justify-content:flex-start;
}

.container .sec-admission .tab-wrap.is-swipe .tab-btn {flex:0 0 auto;}

/* =========================================================
   ÅÇ ÆгÎ
========================================================= */
.container .sec-admission .tab-panel {display:none;}
.container .sec-admission .tab-panel.is-active {display:block;}

.container .sec-admission .sec-block {
	margin-top:clamp(24px, calc(24px + (40 - 24) * ((100vw - 360px) / 840)), 40px);
}

.container .sec-admission .sec-hd {
	font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 360px) / 840)), 18px);
	margin:clamp(30px, calc(30px + (40 - 30) * ((100vw - 360px) / 840)), 40px) 0 clamp(16px, calc(16px + (20 - 16) * ((100vw - 360px) / 840)), 20px) 0;
}

.container .sec-admission .box-gray {
	border:1px solid var(--c-line);
	border-radius:6px;
	background:#fff;
	padding:clamp(20px, calc(20px + (30 - 20) * ((100vw - 360px) / 840)), 30px);
	font-size:clamp(14px, calc(14px + (18 - 14) * ((100vw - 360px) / 840)), 18px);
}

/* =========================================================
   STEP Ä«µå
========================================================= */
.container .sec-admission .step-grid {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:clamp(14px, calc(14px + (18 - 14) * ((100vw - 360px) / 840)), 18px);
}

.container .sec-admission .card-step {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:12px;
	flex:1 0 0;
	padding:24px 32px;
	border:1px solid var(--c-line);
	border-radius:clamp(5px, calc(5px + (10 - 5) * ((100vw - 360px) / 840)), 10px);
	background:#fff;
}

.container .sec-admission .card-step > div {
	display:flex;
	align-items:flex-start;
	gap:10px;
	align-self:stretch;
}

.container .sec-admission .step-label {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	gap:8px;
	padding:2px 10px;
	border-radius:999px;
	background:#EEF2FF;
	color:var(--c-blue);
	font-size:clamp(12px, calc(12px + (13 - 12) * ((100vw - 360px) / 840)), 13px);
	font-weight:600;
	line-height:150%;
	letter-spacing:-0.12px;
}

.container .sec-admission .step-title {
	font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 360px) / 840)), 18px);
	font-weight:500;
	line-height:140%;
	letter-spacing:-0.36px;
}

.container .sec-admission .em {color:var(--c-red);}

/* =========================================================
   Å×À̺í
========================================================= */
.container .sec-admission .tbl-wrap {
	margin-top:clamp(16px, calc(16px + (20 - 16) * ((100vw - 360px) / 840)), 20px);
	border-top:1px solid var(--t-line);
}

.container .sec-admission .tbl-wrap colgroup col.col-head {width:18%;}

.container .sec-admission .tbl {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}

.container .sec-admission .tbl th,
.container .sec-admission .tbl td {
	padding:18px 24px;
	border-bottom:1px solid var(--t-line);
	vertical-align:middle;
	font-size:clamp(14px, calc(14px + (16 - 14) * ((100vw - 360px) / 840)), 16px);
	font-weight:400;
	line-height:140%;
	letter-spacing:-0.16px;
}

.container .sec-admission .tbl th {
	background:#F6F6F6;
	color:#333;
	text-align:center;
	font-weight:600;
}

.container .sec-admission .tbl td {
	color:#555;
	text-align:left;
}

/* =========================================================
   ¾È³» ¹®±¸ / ¸µÅ©
========================================================= */
.container .sec-admission .note-blue {
	margin-top:clamp(16px, calc(16px + (20 - 16) * ((100vw - 360px) / 840)), 20px);
}

.container .sec-admission .note-blue li {
	color:var(--c-red);
	font-size:clamp(12px, calc(12px + (13 - 12) * ((100vw - 360px) / 840)), 13px);
	line-height:1.55;
}

.container .sec-admission .link {
	color:var(--c-blue);
	font-weight:600;
	text-decoration:none;
}

.container .sec-admission .link:hover {text-decoration:underline;}

.container .sec-admission .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;
}

/* =========================================================
   ¸®½ºÆ® °øÅë
========================================================= */
.list-bar.sub li:before {
	top:0;
	width:0;
	height:0;
}

.li-dot li,
.li-bar li,
.li-bullet li {
	position:relative;
	padding-left:12px;
	color:#555;
	font-size:clamp(14px, calc(14px + (16 - 14) * ((100vw - 360px) / 840)), 16px);
	font-weight:400;
	line-height:140%;
	letter-spacing:-0.16px;
}

.li-dot li + li,
.li-bullet li + li {margin-top:6px;}

.li-bar li + li {margin-top:0;}

.li-dot li:before,
.li-bar li:before,
.li-bullet li:before {
	position:absolute;
	left:0;
	top:0;
}

.li-dot li:before {content:"\00B7"; color:#555;}
.li-bar li:before {content:"\002D"; color:#555;}
.li-bullet li:before {content:"\203B"; color:var(--c-red);}

/* =========================================================
   PC
========================================================= */
@media (min-width:1200px) {
	.container .sec-admission .tab-wrap.is-swipe .tab-btn {min-width:20%;}
}

/* =========================================================
   TA
========================================================= */
@media (min-width:768px) and (max-width:1199px) {
	.container.prepare-wrap .inner {padding:0 24px;}
	.container .sec-admission .tab-wrap.is-swipe .tab-btn {min-width:20%;}
	.container .sec-admission .step-grid {grid-template-columns:repeat(2, 1fr);}
}

/* =========================================================
   MO
========================================================= */
@media (max-width:767px) {
	.container.prepare-wrap .inner {padding:0 4.444vw;}

	.container .sec-admission .tab-wrap .tab-inner {height:55px;}

	.container .sec-admission .tab-wrap.is-fixed.tabs-2 .tab-btn {width:50%;}
	.container .sec-admission .tab-wrap.is-fixed.tabs-3 .tab-btn {width:33.3333%;}

	.container .sec-admission .tab-wrap.is-swipe .tab-btn {
		width:30.5%;
		min-width:30.5%;
	}

	.container .sec-admission .step-grid {grid-template-columns:1fr;}

	.container .sec-admission .tbl th,
	.container .sec-admission .tbl td {padding:14px;}

	.container .sec-admission .tbl-wrap colgroup col.col-head {width:26%;}
}