@charset "utf-8";

/**************************************************
	Content CSS Document
	IEETU Web Standardization Team
	2021-08-23
**************************************************/

/**************************************************
	Common
**************************************************/
/**************************************************
	API Map
**************************************************/


/* 찾아오시는길 */
#map.api-map{border:1px solid #1e2124; background-color:#f4f5f6;}
.location__info{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:40px; background-color:#f4f5f6;}
.location__info .location__info-list{display:flex; flex-direction:column; gap:var(--g-gap-4) var(--g-gap-9);}
.location__info-item{display:flex; align-items:flex-start; gap:var(--g-gap-4); line-height:1.2;}
.location__label{display:flex; align-items:center; gap:var(--g-gap-2); position:relative; font-weight:700; font-size:1.9rem; line-height:1.2;}
.location__label:before{content:''; width:3rem; height:3rem; background:url(../images/content/2026/ico_location_addrs.png) no-repeat 0 0;}
.location__label--tel:before{background:url(../images/content/2026/ico_location_tel.png);}
.location__label:after{content:''; height:1.4rem; margin-left:1rem; border-right:.1rem solid var(--g-light-color-border-gray-light);}
.location__value{margin-top:.4rem;}
.location__map-link .g-btn{display:flex; align-items:center; justify-content:center; gap:.5rem; padding:0 2rem; border-radius:8px; font-size:1.7rem; background-color:#1e2124; color:#fff;}
.location__map-link .g-btn::after{content:""; display:block; width:2rem; height:2rem; mask:url(../images/common/icon/ico_go.svg) no-repeat 50% 50%/contain; background-color:#fff;}
.directions__block{display:flex; margin-top:var(--g-gap-12); padding:5rem 0 0; border-top:.1rem solid var(--g-light-color-border-gray-dark);}
.directions__block-title{width:min(30rem, 40%); font-size:3.2rem;}
.directions__block-content{flex:1;}
.directions-transport{margin-top:var(--g-padding-10); padding-top:var(--g-padding-10); border-top:.1rem solid var(--g-light-color-border-gray-dark);}
.directions-transport:first-child{margin-top:0; padding-top:0; border-top:0;}
.directions-transport__title{display:flex; align-items:center; gap:var(--g-gap-4); margin-bottom:var(--g-gap-6); font-size:2.4rem;}
.directions-transport__title:before{content:''; width:4rem; height:4rem; border-radius:50%; background-position:0 0; background-size:contain; background-repeat:no-repeat; background-color:#e6e8ea;}
.directions-transport__title--car:before{background-image:url(../images/content/2026/ico_transport_car.png);}
.directions-transport__title--bus:before{background-image:url(../images/content/2026/ico_transport_bus.png);}
.directions-transport__title--subway:before{background-image:url(../images/content/2026/ico_transport_subway.png);}
.directions-transport__list{gap:var(--g-gap-5);}
.directions-transport__item{display:flex; flex-direction:column; gap:var(--g-gap-4);}
.directions-transport__gate{display:flex; flex-wrap:wrap; gap:var(--g-gap-3) var(--g-gap-1);}
.directions-transport__gate li{display:flex; align-items:center; gap:var(--g-gap-1); min-width:0; letter-spacing:-0.5px;}
.directions-transport__gate li:not(:first-child):before{content:''; width:1.4rem; height:1.4rem; mask:url(../images/common/icon/ico_angle.svg) no-repeat 0 0/contain; background-color:#333; transform:rotate(-90deg);}

@media screen and (max-width:767px){
	.location__info{flex-wrap:wrap; gap:var(--g-gap-5); padding:var(--g-mobile-padding-card-small);}
	.directions__block{margin-top:var(--g-gap-10); padding-top:var(--g-gap-8);}
	.directions__block-title{font-size:2.4rem;}
	.directions-transport{margin-top:var(--g-gap-6); padding-top:var(--g-gap-6);}
	.directions-transport__title{gap:var(--g-gap-2); margin-bottom:var(--g-gap-4); font-size:1.9rem;}
	.directions-transport__title:before{width:3rem; height:3rem;}
}
@media screen and (max-width:599px){
	.directions__block{display:block; margin-top:var(--g-gap-8); padding-top:var(--g-gap-6);}
	.directions__block-title{width:100%; margin-bottom:var(--g-gap-6);}
}
/* 이용가이드 */
.guide-section__box{padding:var(--g-padding-10); background-color:#f4f5f6;}
.step-flow {
	display: flex;
	gap:40px;
}
.step-flow__item {
	display: flex;
	align-items: center;
	flex: 1;
	position:relative;
}

/* 단계 카드 */
.step-card {
	display: flex;
	flex-direction: column;
	flex: 1;
	height:100%;
	background: #fff;
	border: 1px solid #cdd1d5;
	border-radius: 10px;
	overflow: hidden;
}

.step-card__header {
	background: #0b3581;
	padding: 10px 14px;
	color:#fff;
	text-align: center;
}

.step-card__label {
	font-size: 19px;
	font-weight: 700;
	color: #fff;
}

.step-card__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	flex: 1;
	padding: 24px 14px 20px;
}
.step-card__body:before {
	content:'';
	width: 92px;
	height: 92px;
	border-radius: 50%;
	background-color: #f4f5f6;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	flex-shrink: 0;
}
.step-flow--fac > li:nth-child(1) .step-card__body:before{background-image:url(../images/content/2026/ico_step_access.png);}
.step-flow--fac > li:nth-child(2) .step-card__body:before{background-image:url(../images/content/2026/ico_step_select.png);}
.step-flow--fac > li:nth-child(3) .step-card__body:before{background-image:url(../images/content/2026/ico_step_input.png);}
.step-flow--fac > li:nth-child(4) .step-card__body:before{background-image:url(../images/content/2026/ico_step_confirm.png);}
.step-flow--fac > li:nth-child(5) .step-card__body:before{background-image:url(../images/content/2026/ico_step_result.png);}
.step-flow--edu > li:nth-child(1) .step-card__body:before{background-image:url(../images/content/2026/ico_step_access.png);}
.step-flow--edu > li:nth-child(2) .step-card__body:before{background-image:url(../images/content/2026/ico_step_edu.png);}
.step-flow--edu > li:nth-child(3) .step-card__body:before{background-image:url(../images/content/2026/ico_step_input.png);}
.step-flow--edu > li:nth-child(4) .step-card__body:before{background-image:url(../images/content/2026/ico_step_confirm.png);}
.step-flow--edu > li:nth-child(5) .step-card__body:before{background-image:url(../images/content/2026/ico_step_result.png);}
.step-card__desc {
	font-weight:700;
	font-size: 17px;
	line-height:1.2;
	text-align:center;
}
.step-flow__item:not(:first-child):before {
	content:'';
	display: flex;
	align-items: center;
	position:absolute; top:0; right:calc(100% + 20px); bottom:0;
	margin:auto 0;
	width:2.4rem;
	height:2.4rem;
	transform:translateX(50%);
	background-color:#757f89;
	mask:url(../images/common/icon/ico_more.svg) no-repeat 0 0/contain;
}
.time-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.time-card {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	background: #fff;
	border: 1px solid #cdd1d5;
	border-radius: 12px;
	padding: 24px 20px;
}
.time-card__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #0b3581;
	color: #fff;
	font-size: 17px;
	padding: 2px 16px;
	border-radius: 20px;
	flex-shrink: 0;
}
.time-card__text {
	font-weight:700;
	font-size: 19px;
}
@media screen and (max-width:1023px){
	.guide-section__box{padding:var(--g-padding-8) var(--g-padding-9);}
	.step-flow{display:grid; grid-template-columns:repeat(3,1fr);}
}
@media screen and (max-width:767px){
	.step-flow{gap:30px; grid-template-columns:repeat(2,1fr);}
	.step-flow__item:not(:first-child):before{width:2rem; height:2rem; right:calc(100% + 15px);}
	.step-card__label{font-size:17px;}
	.step-card__body{padding:16px 12px;}
	.step-card__body:before{width:60px; height:60px;}
	.step-card__desc{font-size:15px;}
	.time-grid{gap:20px;}
	.time-card{gap:8px; padding:16px;}
	.time-card__badge{font-size:15px;}
	.time-card__text{font-size:17px;}
}
@media screen and (max-width:599px){
	.time-grid{grid-template-columns:1fr; gap:16px;}
}
/* 프로젝트 비전 및 목표 */
.vision-wrap{display:flex; flex-direction:column; gap:64px;}
.vision-row {
	display: flex;
	align-items: center;
	gap:78px;
	position: relative;
}
.vision-row__label {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
	position:relative;
}
.vision-row__label-circle {
	display: flex;
	align-items: center;
	justify-content:center;
	position:relative;
	width: 114px;
	height:114px;
	border-radius:50%;
	border:1px solid transparent;
	border-radius:50%;
	background:linear-gradient(#fff,#fff), linear-gradient(180deg,#f3691f 40%,#cdd1d5 0); background-origin:border-box; background-clip:padding-box, border-box;
	font-weight:700;
	font-size:19px;
}
.vision-row__label:after {
	content:'';
	position:absolute;
	top:50%;
	left:100%;
	width: 78px;
	border-bottom:1px dashed #b1b8be;
}
.vision-row__content {
	flex: 1;
	position:relative;
}
.vision-row:not(:first-child) .vision-row__content:before{content:''; position:absolute; top:0; left:0; right:0; transform:translateY(-100%); width:242px; height:54px; margin:0 auto; background:url(../images/content/2026/ico_vison_arrow.png) no-repeat 50% 100%/contain;}
.project-box {
	background: #e1ebfc;
	border-radius: 12px;
	padding: 30px 40px;
	text-align: center;
}
.project-box__title {
	font-weight: 700;
	font-size: 36px;
	line-height:1.2;
	color: #0b3581;
	margin-bottom: 10px;
}
.project-box__title span {
	font-weight: 400;
}
.project-box__sub {
	font-size: 21px;
	line-height:1.2;
	color: #0b3581;
}
.project-box__sub em {
	color:#f3691f;
	font-weight: 700;
}
.vision-box {
	border: 3px solid #0a3990;
	border-radius: 12px;
	padding: 30px 40px;
	text-align: center;
	background: #fff;
}
.vision-box__quote {
	font-size: 28px;
	font-weight: 700;
	line-height:1.2;
	color: #0b3581;
	margin-bottom: 16px;
}
.vision-box__quote::before { content: '\201C\A0'; color:#b1b8be;}
.vision-box__quote::after  { content: '\A0\201D'; color:#b1b8be;}
.vision-box__tag {
	display: inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	background: #f4f5f6;
	border-radius: 20px;
	padding: 6px 18px;
	font-size: 21px;
	line-height:1.2;
	color: #0b3581;
}
.vision-box__tag em {
	font-style: normal;
	color:#f3691f;
	font-weight: 700;
}
.goal-box {
	border: 1px solid #cdd1d5;
	border-radius: 12px;
	padding: 40px 30px;
	background: #fff;
}
.goal-box__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
}
.goal-box__item {
	flex: 1;
	border-radius: 50px;
	padding: 30px 45px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height:1.2;
	letter-spacing:-0.5px;
}
.goal-box__item--primary {
	margin-right:-10px;
	background: #e1ebfc;
	color: #0b3581;
}
.goal-box__item--secondary {
	margin-left:-10px;
	background: #ffe7db;
	color:#f3691f;
}
.goal-box__plus {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
	overflow:hidden;
	width: 64px;
	height: 64px;
	margin: 0 -32px;
	border-radius: 50%;
	background: #fff;
	box-shadow:0 0 8px rgba(0,0,0,.1);
	font-weight:400;
	font-size: 50px;
	color:transparent;
}
.goal-box__plus:after{content:''; position:absolute; top:20%; left:20%; right:20%; bottom:10%; margin:auto; mask:url(../images/common/icon/ico_plus.svg) no-repeat 0 0/contain; background-color:#102b5b;}
.feature-box {
	border: 1px solid #cdd1d5;
	border-radius: 12px;
	overflow:hidden;
	background: #fff;
}
.feature-box__heading {
	padding:20px 30px;
	background-color:#f4f5f6;
	font-size: 26px;
	font-weight: 700;
	line-height:1.2;
	color: #0b3581;
	text-align:center;
}
.feature-box__heading::before {
	content: '✓\A0';
	color: #0b3581;
}
.feature-cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	padding:40px;
}
.feature-card {
	border:1px solid #cdd1d5;
	border-radius: 12px;
	overflow: hidden;
}
.feature-card__header {
	padding: 12px 20px;
	font-size: 21px;
	font-weight: 700;
	line-height:1.2;
	text-align: center;
}
.feature-card--equipment .feature-card__header {
	background: #e1ebfc;
}
.feature-card--tech .feature-card__header {
	background: #ffe7db;
}
.feature-card__body {
	padding:20px;
}
.g-info-list.feature-card__list li{font-size:19px;}
.g-info-list.feature-card__list li::before {
	top:1.1rem;
	background-color:#cdd1d5;
}
@media screen and (max-width:1023px){
	.vision-wrap{gap:40px;}
	.vision-row{gap:40px;}
	.vision-row:not(:first-child) .vision-row__content:before{width:100%; height:32px;}
	.project-box{padding:20px;}
	.project-box__title{font-size:24px;}
	.project-box__sub{font-size:17px;}
	.vision-box{padding:20px;}
	.vision-box__quote{margin-bottom:12px; font-size:20px;}
	.vision-box__tag{font-size:17px;}
	.goal-box{padding:20px;}
	.goal-box__item{padding:16px 30px; font-size:20px;}
	.goal-box__item--primary{margin-right:-5px;}
	.goal-box__item--secondary{margin-left:-5px;}
	.goal-box__plus{width:30px; height:30px; margin:0 -15px;}
	.feature-box__heading{padding:20px; font-size:20px;}
	.feature-cards{gap:16px; padding:20px;}
	.feature-card__header{padding:12px; font-size:19px;}
	.feature-card__body{padding:12px;}
	.g-info-list.feature-card__list li{font-size:17px;}
}
@media screen and (max-width:767px){
	.vision-row{gap:16px;}
	.vision-row__label-circle{width:80px; height:80px; font-size:15px;}
	.project-box{padding:12px;}
	.project-box__title{font-size:19px;}
	.project-box__sub{font-size:15px;}
	.vision-box{padding:12px;}
	.vision-box__tag{font-size:15px;}
	.goal-box{padding:12px;}
	.goal-box__inner{flex-direction:column;}
	.goal-box__item{width:100%; margin:0; padding:16px 20px; font-size:17px;}
	.goal-box__plus{margin:-10px 0;}
	.feature-box__heading{padding:12px; font-size:19px;}
	.feature-cards{grid-template-columns:1fr; padding:12px;}
	.feature-card__header{padding:10px; font-size:17px;}
	.feature-card__body{padding:10px;}
	.g-info-list.feature-card__list{gap:8px;}
	.g-info-list.feature-card__list li{font-size:15px;}
}
/* 본인인증 */
.auth-verify {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	margin-bottom: 60px;
	padding:90px;
	border-radius: 10px;
	background:url(../images/content/2026/bg_auth_verify.jpg) no-repeat 50% 50%/cover;
	text-align: center;
}
.auth-verify:before{content:''; position:absolute; inset:50px; border:4px solid #fff;}
.auth-verify__card {
	display:flex;
	flex-direction:column;
	align-items:center;
	position:relative;
	width:100%;
	max-width:430px;
	overflow:hidden;
	margin:0 auto;
	padding:40px;
	border-radius: 15px;
	border:1px solid #e9e9e9;
	background:#fff;
}
.auth-verify__card:before{content:''; width:130px; height:130px; border-radius:50%; background:#f7f7f7 url(../images/content/2026/ico_phone_check.png) no-repeat 0 0/contain;}
.auth-verify__title {margin:10px 0; font-size:32px;}
.auth-verify__desc {font-size:17px;}
.auth-verify__btn {
	height:56px;
	margin-top:30px;
	padding:0 80px;
	background:#1a3a83;
	font-weight:700;
	font-size:17px;
	color: #fff;
}
.auth-popup-guide { border: 1px solid #ccc; border-radius: 10px; padding:60px; }
.auth-popup-guide__item { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
.auth-popup-guide__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.auth-popup-guide__browser {
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 21px;
	line-height:1.2;
}
.auth-popup-guide__browser::before {
	content: '';
	display: inline-block;
	flex-shrink:0;
	width: 45px;
	height: 45px;
	background-size: contain;
	background-repeat: no-repeat;
}
.auth-popup-guide__browser--chrome::before { background-image: url('../images/content/2026/ico_chrome_logo.png'); }
.auth-popup-guide__browser--edge::before { background-image: url('../images/content/2026/ico_edge_logo.png'); }
.auth-popup-guide__browser--safari::before { background-image: url('../images/content/2026/ico_safari_logo.png'); }
.auth-popup-guide__steps{margin-left:10px;}
@media screen and (max-width:1023px){
	.auth-verify{margin-bottom:30px; padding:60px;}
	.auth-verify:before{inset:30px;}
	.auth-popup-guide{padding:30px;}
	.auth-popup-guide__item{margin-bottom:30px; padding-bottom:20px;}
}
@media screen and (max-width:767px){
	.auth-verify{padding:30px;}
	.auth-verify:before{display:none;}
	.auth-verify__card{padding:20px;}
	.auth-verify__title{font-size:26px;}
	.auth-verify__desc{font-size:15px;}
	.auth-verify__btn{width:100%; max-width:260px; margin-top:20px; padding:0 30px;}
	.auth-popup-guide{padding:20px;}
	.auth-popup-guide__browser{margin-bottom:10px; font-size:19px;}
	.auth-popup-guide__browser::before{width:30px; height:30px;}
	.auth-popup-guide__item{margin-bottom:20px; padding-bottom:15px;}
	.auth-popup-guide__steps{gap:8px;}
}
/* 장비소개 */
.equipment__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.equipment__item{min-width:0;}
.equipment-card {
	border: 1px solid #b4c2dd;
	background-color: #f8faff;
}
.equipment-card__thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	padding:23px;
	background-color: #fff;
}
.equipment-card__thumb a{
	display:block;
	width:100%;
}
.equipment-card__thumb img{
	aspect-ratio:358/224;
	width:100%;
	height:100%;
	object-fit:contain;
}
.equipment-card__body {padding:23px;}
.equipment-card__title-row { display: flex; align-items: center; gap:var(--g-gap-4); margin-bottom: 15px; }
.equipment-card__category {
	flex-shrink:0;
	padding: 2px 8px;
	border: 1px solid #f3691f;
	background-color:#fff;
	font-size: 15px;
	color: #f3691f;
}

.equipment-card__name {flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 19px; color: #102b5b; font-weight: 700; }

.equipment-card__desc {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom: 25px;
	border-top: 1px solid #cdd1d5;
	padding-top: 15px;
}
.equipment-card__footer { text-align: right; }
.equipment-card__btn-reserve {
	display:inline-flex;
	justify-content:center; align-items:center;
	height:39px;
	padding:0 20px;
	background-color: #0b3581;
	color: #fff !important;
}
@media (max-width: 1023px) {
	.equipment__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
	.equipment__list {gap:20px;}
	.equipment-card__thumb a{padding:16px;}
	.equipment-card__body{padding:16px;}
	.equipment-card__title-row{margin-bottom:12px;}
	.equipment-card__desc{margin-bottom:16px; padding-top:12px; font-size:15px;}
}
@media (max-width: 599px) {
	.equipment__list { grid-template-columns: 1fr; }
}
/* 장비소개 예약 */
.eq-detail-top {display:flex; margin-bottom:var(--g-gap-10); border: 1px solid #b4c2dd; background-color: #fff; }
.eq-detail-top__thumb {
	width:42%;
	padding: 45px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.eq-detail-top__thumb img{aspect-ratio:358/224; width:100%; height:100%; object-fit:contain;}
.eq-detail-top__btn-zoom {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #31a04c;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.eq-detail-top__btn-zoom:after{content:''; width:60%; height:60%; mask:url(../images/common/icon/ico_sch.svg) no-repeat 50% 50%/contain; background-color:#fff;}
.eq-detail-top__info {
	flex: 1;
	background-color: #f4f7f9;
	padding:45px;
}
.eq-info__category {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #f3691f;
	background-color:#fff;
	color: #f3691f;
	font-size: 15px;
	margin-bottom: 15px;
}
.eq-info__name {margin-bottom:20px; font-weight: 700; font-size: 24px; color: #1a3a83;}
.eq-info__desc {margin-bottom:30px; padding-top: 20px; border-top: 1px solid #ccc;}

/* 장비 스펙 테이블 */
.eq-spec__row {
	display: grid;
	grid-template-columns:max-content 1fr;
}
.eq-spec__head {
	display:flex;
	justify-content:center;
	align-items:center;
	min-width:0;
	padding: 12px 30px;
	border-top:1px solid #f3f5fa;
	background-color: #0b3581;
	font-weight:700;
	color: #fff;
	text-align:center;
}
.eq-spec__data {
	flex: 1;
	min-width:0;
	padding: 12px 20px;
	border-top:1px solid #cdd1d5;
	background-color:#fff;
}
.eq-spec__head:first-child,
.eq-spec__head:first-child + dd{border-top:0;}
@media screen and (max-width:1023px){
	.eq-detail-top{margin-bottom:var(--g-gap-8);}
	.eq-detail-top__thumb{padding:24px;}
	.eq-detail-top__info{padding:24px;}
	.eq-info__category{margin-bottom:10px;}
	.eq-info__name{margin-bottom:10px;}
	.eq-info__desc{margin-bottom:20px; padding-top:10px;}
	.eq-spec__head{padding:8px 20px;}
	.eq-spec__data{padding:8px 20px;}
}
@media screen and (max-width:767px){
	.eq-detail-top{flex-direction:column;}
	.eq-detail-top__thumb{width:100%; padding:16px;}
	.eq-detail-top__info{padding:16px;}
	.eq-info__name{font-size:21px;}
	.eq-info__desc{}
	.eq-info__desc pre{font-size:inherit;}
	.eq-spec__head{padding:6px 12px;}
	.eq-spec__data{padding:6px 12px;}
}
/* 교육안내 */
.edu-list__item:not(:last-child) {margin-bottom:24px;}
.edu-list__item:nth-child(odd) .edu-card{background-color:#f3f5fa;}
.edu-card {
	display: block;
	background-color: #fff;
	border: 1px solid #cdd1d5;
	padding: 25px 50px 25px 30px;
	text-decoration: none;
	position: relative;
}
.edu-card:after{content:''; position:absolute; top:0; right:30px; bottom:0; width:2rem; height:2rem; margin:auto 0; mask:url(../images/common/icon/ico_angle.svg) no-repeat 0 0/contain; background-color:#b0b0b0; transform:rotate(-90deg);}
.edu-card__header {display: flex; align-items: center; gap:15px;}
.edu-card__status {
	flex-shrink:0;
	min-width:0;
	padding: 3px 10px;
	font-size: 15px;
	color: #fff;
}
.edu-card__status--ing { background-color: #f5732e; } /* 주황: 접수중 */
.edu-card__status--end { background-color: #8a949e; } /* 회색: 접수마감 */
.edu-card__status--wait { background-color: #429eb7; } /* 하늘색: 접수대기 */
.edu-card__title {min-width:0; font-size:21px; font-weight: 700; line-height:1.2;}
.edu-card__meta{display:flex; flex-wrap:wrap; gap:4px 8px; margin-top:15px;}
.edu-card__meta-row{display:flex; align-items:center; gap:8px; position:relative; min-width:0; line-height:1.2;}
.edu-card__meta-row:not(:first-child):before{content:''; width:6px; height:6px; border-radius:50%; background-color:#b1b8be;}
.edu-card__label{min-width:0; font-weight:700; color:#f3691f;}
.edu-card__value--level{font-weight:700; color:#0b3581;}
.edu-card__value--applicants + .edu-card__label:before{content:'/'; margin-right:4px; font-weight:400; color:#333;}
/* 교육안내 상세 */
#bbsView .form_group--edu dl{width:50%;}
#bbsView .form_group--edu dl dt{min-width:134px;}
@media screen and (max-width:1023px){
	#bbsView .form_group--edu dl{width:auto;}
	#bbsView .form_group--edu dl dt{min-width:auto;}
}
@media screen and (max-width:767px){
	.edu-list__item:not(:last-child) {margin-bottom:12px;}
	.edu-card{padding:12px 26px 12px 12px;}
	.edu-card:after{right:8px;}
	.edu-card__header{gap:6px;}
	.edu-card__status{padding:2px 6px; font-size:13px;}
	.edu-card__title{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
	.edu-card__meta{margin-top:8px;}
	.edu-card__meta-row{flex-wrap:wrap; font-size:14px;}
}
/* 마이페이지 */
.my-status{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:60px;}
.my-status__user{display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 20px; border-radius:12px; background-color:#f4f5f6;}
.my-status__avatar{flex-shrink:0; width:44px; height:44px; border-radius:50%; background:url(../images/content/2026/ico_dashboard_profile.png) no-repeat 0 0/contain;}
.my-status__card{padding:15px 20px; border-radius:12px; background-color:#e1ebfc;}
.my-status__content{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:14px;}
.my-status__content:before{content:''; width:40px; height:40px; background:url(../images/content/2026/ico_dashboard_equip.png) no-repeat 0 0/contain;}
.my-status__card--equip .my-status__content:before{background-image:url(../images/content/2026/ico_dashboard_equip.png);}
.my-status__card--edu .my-status__content:before{background-image:url(../images/content/2026/ico_dashboard_edu.png);}
.my-status__card--cert .my-status__content:before{background-image:url(../images/content/2026/ico_dashboard_cert.png);}
.my-status__value strong{font-size:21px;}
.my-section__header{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:14px;}
.my-section__title{display:flex; align-items:flex-end; gap:20px; font-size:24px; line-height:1.2;}
.my-section__title span{font-size:16px;}
.my-section__more{font-size:16px;}
@media screen and (max-width:1023px){
	.my-status{grid-template-columns:repeat(2,1fr); gap:12px;}
	.my-status__user{gap:8px; padding:8px; font-size:15px;}
	.my-status__avatar{width:32px; height:32px;}
	.my-status__card{padding:8px; font-size:15px;}
	.my-status__content{margin-top:8px;}
	.my-status__content:before{width:32px; height:32px;}
	.my-status__value strong{font-size:17px;}
}