.sub-banner {
	height: 18rem;
	background: var(--clr-gray300);
	text-align: center;
	background-size: cover;
}
.sub-banner .container {
	height: 100%;
	display: grid;
	place-items: center;
}
.sub-banner .location { /* LNB ±¸Á¶¸¦ ¸¸µé ¼ö ¾ø´Â ÆäÀÌÁö¿¡¼± breadcrumb ¹Ì»ç¿ë */
	display: none;
}
.lecture .sub-banner {
	background: url('/images/comm/bg_sub_01.jpg') no-repeat center center;
	background-size: cover;
}
.mypage .sub-banner {
	background: url('/images/comm/bg_sub_02.jpg') no-repeat center center;
	background-size: cover;
}
.blog .sub-banner {
	background: url('/images/comm/bg_sub_03.jpg') no-repeat center center;
	background-size: cover;
}
.community .sub-banner {
	background: url('/images/comm/bg_sub_04.jpg') no-repeat center center;
	background-size: cover;
}
.company .sub-banner {
	background: url('/images/comm/bg_sub_05.jpg') no-repeat center center;
	background-size: cover;
}
.member .sub-banner {
	background: url('/images/comm/bg_sub_06.jpg') no-repeat center center;
	background-size: cover;
}
.license .sub-banner {
	background: url('/images/comm/bg_sub_07.jpg') no-repeat center center;
	background-size: cover;
}


.sub-menu {
	border-bottom: var(--line-base);
}
.sub-menu ul {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
}
.sub-menu ul li {
	height: 5rem;
	padding: 0 6rem;
}
.sub-menu ul li a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: var(--fs-regular);
	font-weight: 500;
	color: var(--clr-gray300);
	transition: 0.5s;
	text-wrap-mode: nowrap;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	letter-spacing: -0.05em;
}
.sub-menu ul li a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--clr-gray600);
	width: 100%;
	height: 3px;
	display: none;
}
.sub-menu ul li:hover a,
.sub-menu ul li.on a {
	color: var(--clr-gray600);
}
.sub-menu ul li.on a {
	color: var(--clr-gray600);
	font-weight: 600;
}
.sub-menu ul li.on a::before {
	display: block;
}

/* *****  ·¹ÇÁÆ® ¸Þ´º ·¹À̾ƿô (LNB) ***** */
.sub-banner .page-title {
	font-weight: 600;
	text-align: center;
	margin: 0;
}
.lnb-wrap {
	display: flex;
	align-items: flex-start;
	gap: 8rem;
	margin: 4rem 0 12rem;
}
.lnb { /* º»¹®(112rem)°ú gap À» »« ³ª¸ÓÁö Æø */
	flex: 1 1 auto;
	min-width: 0;
}
.lnb-tit {
	font-size: var(--fs-title);
	font-weight: 600;
	letter-spacing: -0.04em;
	color: var(--clr-black);
	padding: 0 0.5rem 3rem;
}
.lnb-bar {
	height: 0.5rem;
	background: linear-gradient(90deg,
		var(--clr-secondary600) 0%, var(--clr-secondary600) 30%,
		var(--clr-primary400) 30%, var(--clr-primary400) 42%,
		var(--clr-gray100) 42%, transparent 100%);
}
.lnb-list { margin: 2rem 0 0; }
/* 3depth(.lnb-sub)¸¦ Ç°´Â Ç׸ñÀÌ ÀÖ¾î dep2 ±ÔÄ¢Àº ¸ðµÎ Á÷°è ÀÚ½ÄÀ¸·Î ÇÑÁ¤ÇÑ´Ù */
.lnb-list > li { border-bottom: var(--line-base); }
.lnb-list > li > a {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	min-height: 6rem;
	padding: 1.6rem 1rem;
	box-sizing: border-box;
	font-size: var(--fs-regular);
	font-weight: 500;
	line-height: 1.4;
	color: var(--clr-gray600);
	word-break: keep-all;
	transition: 0.2s;
}
.lnb-list > li > a::before {
	content: '';
	display: inline-block;
	width: 0; height: 3px;
	background: var(--clr-secondary400);
	transition: 0.4s;
}
.lnb-list > li > a:hover {
	color: var(--clr-secondary500);
}
.lnb-list > li > a:hover::before,
.lnb-list > li.on > a::before {
	width: 16px;
}
.lnb-list > li.on > a {
	color: var(--clr-secondary500);
	font-weight: 700;
}
/* 3depth (¸¶ÀÌÆäÀÌÁö ÇÏÀ§) : Áö±Ý ÀÖ´Â °¥·¡¸¸ ÆîÄ¡°í ³ª¸ÓÁö´Â Á¢¾î µÐ´Ù */
.lnb-sub {
	margin: 0;
	padding: 0 0 1.6rem 1.8rem;
}
.lnb-list > li:not(.on) > .lnb-sub { display: none; }
.lnb-sub > li { border: none; }
.lnb-sub > li > a {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	padding: 0.8rem 1rem;
	border-radius: 6px;
	font-size: var(--fs-small);
	font-weight: 500;
	color: var(--clr-gray500);
	word-break: keep-all;
	transition: 0.2s;
}
.lnb-sub > li > a::before {
	content: '';
	flex: 0 0 auto;
	width: 4px; height: 4px;
	border-radius: 100%;
	background: var(--clr-gray300);
	transition: 0.2s;
}
.lnb-sub > li > a:hover {
	color: var(--clr-secondary500);
	background: var(--clr-secondary50);
}
.lnb-sub > li.on > a {
	color: var(--clr-secondary500);
	font-weight: 700;
	background: var(--clr-secondary50);
}
.lnb-sub > li > a:hover::before,
.lnb-sub > li.on > a::before {
	background: var(--clr-secondary400);
}
.lnb-select { /* ¸ð¹ÙÀÏ dep2 ¼±Åà : footer.asp ½ºÅ©¸³Æ®°¡ .lnb-list ·ÎºÎÅÍ »ý¼º */
	display: none;
}
.lnb-cont { /* º»¹® °íÁ¤ Æø 1120px (ÄÁÅ×À̳ʰ¡ Á¼¾ÆÁö¸é ÁÙ¾îµê) */
	flex: 0 1 112rem;
	min-width: 0;
}
.lnb-cont-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin: 0 0 2rem;
}
.lnb-cont-head .location {
	flex: 0 0 auto;
	color: var(--clr-gray500);
}
.lnb-cont-head .location i { color: var(--clr-gray500); }
.lnb-cont-head .location li::after { color: var(--clr-gray300); }
.lnb-cont .sub-cont { margin: 0; }
.lnb-cont .pager-wrap { margin: 5rem 0 0; }
/* º»¹® ù¸Ó¸®ÀÇ ÆäÀÌÁö Á¦¸ñ (ÀÚ°ÝÁõ¹ß±Þ µî ´Ù¸¥ LNB ÆäÀÌÁö¿Í °°Àº ÀÚ¸®) */
.lnb-cont-head + .sub-cont-tit { margin-top: 0; }
/* LNB º»¹®À¸·Î µé¾î¿Â ÆäÀÌÁö°¡ ¾ÈÂÊ¿¡ ´Ù½Ã .container ¸¦ µÎ°í À־
   ÆøÀº .lnb-cont °¡ Àâ´Â´Ù (¸¶ÀÌÆäÀÌÁö °è¿­) */
.lnb-cont .container {
	width: auto;
	max-width: none;
	margin: 0;
}
/* Àüü Æø ȸ»ö ¶ì´Â ÁÂÃø ¸Þ´º ¿·¿¡¼­´Â ¼º¸³ÇÏÁö ¾Ê´Â´Ù. ÆгΠÇÑ ÀåÀ¸·Î ¹Ù²Û´Ù */
.lnb-cont .sub-cont2 {
	border-top: none;
	border-radius: 1.4rem;
	background: var(--clr-gray50);
	padding: 2.4rem;
	margin: 0 0 4rem;
}
/* ¼½¼Ç ¾È¿¡ ÆгηΠ¾µ ¶§´Â ¼½¼Ç(.section-sub)ÀÌ ÀÌ¹Ì ¿©¹éÀ» Àâ´Â´Ù */
.section-sub > .sub-cont2 { margin-bottom: 0; }
.sub-tit {
	font-size: var(--fs-subtitle);
	font-weight: 700;
	color: var(--clr-black);
	text-align: center;
	margin: 6rem 0;
}

.sub-cont {
	margin: 6rem 0 10rem;
	color: var(--clr-gray600);
}
.sub-cont2 {
	border-top: var(--line-base);
	background: var(--clr-gray100);
	padding: 4rem 0;
}
.sub-cont-tit {
	font-size: var(--fs-xlarge);
	font-weight: 600;
	letter-spacing: -0.025em;
	color: var(--clr-black);
	margin: 2rem 0;
	position: relative;
	display: flex;
	align-items: center;
}
/* À§ Ç¥½ÄÀ» ¸ðµç Á¦¸ñ¿¡ ºÙÀ̸é ÆäÀÌÁö Á¦¸ñ±îÁö Á¡ÀÌ ´Þ·Á °úÇß´Ù(±×·¡¼­ ²¨µÐ »óÅÂ).
   º»¹®ÀÌ .section-sub ·Î ³ª´µ´Â È­¸é¿¡¼­ 'ÀýÀÇ ½ÃÀÛ'À» ¾Ë¸®´Â ¿ëµµ·Î¸¸ µÇ»ì¸°´Ù */
.lnb-cont .section-sub > .sub-cont-tit::before {
	content: '';
	flex: 0 0 auto;
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 1rem;
	border: 2px solid var(--clr-primary400);
	border-radius: 100%;
}
.sub-cont-tit-caption {
	font-size: var(--fs-regular);
	font-weight: 500;
	color: var(--clr-gray600);
}
.sub-cont-tit + .sub-cont-tit-caption {
	margin-bottom: 4rem;
}
.table-board {
	border-top: 2px solid var(--clr-gray600);
	table-layout: fixed;
	line-height: 1.4;
	margin: 1rem 0;
}
.table-board thead, .table-board th {
	background: #fff;
	color: var(--clr-black);
	font-size: var(--fs-regular);
	font-weight: 600;
}
.table-board thead th {
	border-bottom: 4px double var(--clr-gray200);
	background: var(--clr-gray50);
}
.table-board thead td {
	font-weight: 400;
}
.table-board tbody th { font-size: var(--fs-small); }
.table-board td { font-size: var(--fs-small); }
.table-board th, .table-board td {
	padding: 1rem 1.4rem;
	height: 6rem;
	box-sizing: border-box;
	border-right: var(--line-base);
}
.table-board tr {
	border-bottom: var(--line-base);
}
.table-board tr td:last-child,
.table-board tr th:last-child {
	border-right: none;
}
.table-board .list-info {
	font-size: var(--fs-small);
}

/* *****  °Ô½ÃÆÇ ¸ñ·Ï - Ä«µå ¸®½ºÆ®Çü (°øÁö»çÇ× ¡¤ À̺¥Æ®) ***** */
.board-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 1rem 0 0;
}
.board-list > li {
	position: relative;
	display: grid;
	grid-template-columns: 9.2rem minmax(0, 1fr) 4.4rem;
	align-items: center;
	column-gap: 2.4rem;
	row-gap: 0.6rem;
	padding: 2rem 2.4rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	overflow: hidden;
	cursor: pointer;
	transition: 0.25s;
}
.board-list > li:hover {
	border-color: var(--clr-primary200);
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	transform: translateY(-2px);
}
.board-list > li.fix:hover {
	background: #fff;
}

/* ³¯Â¥ Ĩ */
.board-list .bl-date {
	grid-column: 1;
	grid-row: 1 / span 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	height: 7rem;
	background: var(--clr-gray50);
	border-radius: 1.2rem;
	transition: 0.25s;
}
.board-list .bl-date b {
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.065em;
	font-variant-numeric: tabular-nums;
	color: var(--clr-secondary600);
	transition: 0.25s;
}
.board-list .bl-date em {
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0;
	font-variant-numeric: tabular-nums;
	color: var(--clr-gray400);
}
.board-list > li:hover .bl-date { background: var(--clr-primary50); }
.board-list > li:hover .bl-date b { color: var(--clr-primary500); }

.board-list .bl-marks {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	align-items: center;
	gap: 1rem;
}
.board-list .bl-marks .post-new { margin: 0 0 0 0.2rem; }
.board-list .sort {
	min-width: 0;
	padding: 0.5rem 1.4rem;
	border-radius: 10rem;
	font-weight: 500;
}
.board-list .sort:not(.sort-must) {
	background: var(--clr-secondary50);
	border-color: transparent;
	color: var(--clr-secondary400);
}
.board-list .sort-must {
	background: linear-gradient(135deg, var(--clr-primary400), var(--clr-primary500));
}
.board-list .bl-tit {
	grid-column: 2;
	grid-row: 2;
	min-width: 0;
	font-size: var(--fs-medium);
	font-weight: 600;
	color: var(--clr-black);
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.2s;
}
.board-list > li:hover .bl-tit { color: var(--clr-primary500); }
.board-list .bl-meta {
	grid-column: 2;
	grid-row: 3;
	display: flex;
	align-items: center;
	gap: 1.6rem;
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
}
.board-list .bl-meta i {
	margin-right: 0.4rem;
	vertical-align: middle;
}
/* ¿ìÃø È­»ìÇ¥ */
.board-list .bl-go {
	grid-column: 3;
	grid-row: 1 / span 3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6em;
	font-weight: 400;
	color: var(--clr-gray200);
	transition: 0.25s;
}
.board-list > li:hover .bl-go {
	color: var(--clr-gray600);
}
/* »ó´Ü°íÁ¤ */
.board-list .fix {
	background: var(--clr-primary50);
	border-color: var(--clr-primary100);
}
.board-list .fix::before { transform: scaleY(1); }
.board-list .fix .bl-date { background: #fff; }
.board-list .fix .bl-date b { color: var(--clr-primary500); }
/* °Ô½Ã¹° ¾øÀ½ */
.board-list .bl-empty {
	display: block;
	padding: 8rem 2rem;
	text-align: center;
	color: var(--clr-gray400);
	background: var(--clr-gray50);
	border-color: transparent;
	cursor: default;
}
.board-list .bl-empty::before { display: none; }
.board-list .bl-empty:hover {
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

/* *****  1:1 ¹®ÀÇ ¸ñ·Ï ***** */
/* ´äº¯ »óÅ´ īµå ¿À¸¥ÂÊ ³¡À¸·Î ¹Ð¾î ¹®ÀÇÀ¯Çü ¹îÁö¿Í ½Ã¼±À» ³ª´«´Ù */
.oto-list .bl-marks .sort-answer {
	margin-left: auto;
	border-radius: 10rem;
	background: var(--clr-gray100);
	color: var(--clr-gray500);
}
.oto-list .bl-marks .sort-answer.sa-no {
	background: var(--clr-primary50);
	color: var(--clr-primary500);
	font-weight: 500;
}
/* ÀÚ¹°¼è ¾ÆÀÌÄÜÀÌ ¸»ÁÙÀÓ¿¡ À߸®Áö ¾Êµµ·Ï Á¦¸ñ ÅؽºÆ®¸¸ ³Ñħ ó¸®ÇÑ´Ù */
.oto-list .bl-tit {
	display: flex;
	align-items: center;
}
.oto-list .bl-tit-txt {
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* *****  °Ô½ÃÆÇ °Ë»ö ¹Ù ***** */
.bbs-search {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 3rem 0 2rem;
}
.bbs-search-box {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 0.6rem 0 1.8rem;
	background: #fff;
	border: 1px solid var(--clr-gray400);
	border-radius: 10rem;
	transition: 0.2s;
}
/* ÀÎDz ÀÚü´Â Å׵θ®°¡ ¾øÀ¸¹Ç·Î ¾Ë¾à ÄÁÅ×À̳ʰ¡ ·Î±×ÀÎ ÀÎDz°ú °°Àº Æ÷Ä¿½º Ç¥½Ã¸¦ ¸Ã´Â´Ù */
.bbs-search-box:focus-within {
	border-color: var(--clr-primary400);
	box-shadow: var(--shadow-focus);
}
.bbs-search-box select {
	flex: 0 0 auto;
	padding: 1.3rem;
	padding-left: 0.3rem;
	font-size: var(--fs-normal);
	color: var(--clr-gray500);
	background: none !important;
	border: none;
	border-radius: 0;
}
.bbs-search-box input[type=text] {
	flex: 1 1 auto;
	min-width: 0;
	padding: 1.3rem 1.2rem;
	font-size: var(--fs-normal);
	background: none !important;
	border: none;
	border-left: 1px solid var(--clr-gray100);
	border-radius: 0;
}
.bbs-search-box select:focus,
.bbs-search-box input[type=text]:focus { box-shadow: none; }
.bbs-search-btn {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.8rem;
	height: 3.8rem;
	padding: 0;
	font-size: var(--fs-medium);
	color: var(--clr-gray500);
	background: none;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.2s;
}
.bbs-search-btn:hover {
	background: var(--clr-primary50);
	color: var(--clr-primary500);
}
.btn-write {	/* ¾Ë¾àÇü ±Û¾²±â ¹öÆ° : 1:1¹®ÀÇ ¡¤ ÇÕ°ÝÈı⠰ø¿ë */
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1.3rem 2.4rem;
	font-size: var(--fs-normal);
	border-radius: 10rem;
}

/* *****  ÀÚÁÖÇÏ´Â Áú¹® ***** */

.faq-list > div  {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	box-sizing: border-box;
}
.faq-list {
	padding: 0 !important;
	border: none !important;
}
.faq-list .question {
	padding: 2rem 0;
	border-bottom: var(--line-base);
	transition: 0.5s;
	cursor: pointer;
}
.faq-list .answer {
	background: var(--clr-gray100);
	line-height: 1.6;
}
.faq-list .answer .txt {
	margin: 2rem 0; /* for script */
	font-size: var(--fs-normal);
}
.faq-list .mark {
	font-size: var(--fs-normal);
	font-weight: 600;
	margin: 0 2rem;
	position: relative;
}
.faq-list .mark::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 2em;
	height: 2em;
	border-radius: 100%;
	z-index: -1;
}
.faq-list .q-mark {
	color: var(--clr-gray400);
}
.faq-list .q-mark::before {
	background: var(--clr-gray100);
}
.faq-list .a-mark {
	color: var(--clr-gray400);
	margin: 2rem;
}
.faq-list .question.active .q-mark {
	color: var(--clr-primary400);
}
.faq-list .question.active .q-mark::before {
	background: var(--clr-primary50);
}
.faq-list .txt {
	padding-right: 4rem;
	word-break: keep-all;
}
.faq-list h4.txt {
	font-size: var(--fs-normal);
	font-weight: 500;
	padding-right: 8rem;
	position: relative;
	width: 100%;
}
.faq-list i {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	right: 2rem;
	border-radius: 100%;
	font-weight: 500;
}
.faq-list .faq-accordion-btn.active i {
	transform: translatey(-50%) rotate(180deg);
}

/* *****  ÀÚÁÖÇÏ´Â Áú¹® - Ä¿¹Â´ÏƼ (community/faq.asp) ***** */
.faq-board {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.faq-item {
	position: relative;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	overflow: hidden;
	transition: 0.25s;
}
.faq-item:hover,
.faq-item:has(.faq-accordion-btn.active) {
	border-color: var(--clr-primary200);
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
/* ¿­¸° Ä«µå´Â ÀÌ¹Ì ¶° ÀÖÀ¸¹Ç·Î ´­·¶À» ¶§ ´Ù½Ã Æ¢Áö ¾Ê°Ô ÇÑ´Ù */
.faq-item:not(:has(.faq-accordion-btn.active)):hover {
	transform: translateY(-2px);
}
.faq-item:has(.faq-accordion-btn.active)::before {
	transform: scaleY(1);
}
/* Áú¹® */
.faq-q {
	display: grid;
	grid-template-columns: 3.2rem minmax(0, 1fr) 2.8rem;	/* 3¿­ = È­»ìÇ¥ ±Û¸®ÇÁ(1.6em) Æø */
	align-items: center;
	gap: 1.6rem;
	padding: 2rem 2.4rem;
	cursor: pointer;
}
.faq-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1;
	color: var(--clr-gray400);
	border-radius: 100%;
	transition: 0.25s;
}
.faq-q-txt {
	font-size: var(--fs-regular);
	font-weight: 500;
	line-height: 1.45;
	color: var(--clr-black);
	word-break: keep-all;
	transition: color 0.2s;
}
/* °øÁö ¸ñ·ÏÀÇ .bl-go ¿Í µ¿ÀÏ */
.faq-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6em;
	font-weight: 400;
	color: var(--clr-gray200);
	transition: 0.25s;
}
.faq-q:hover .faq-mark { color: var(--clr-primary400); }
.faq-q:hover .faq-q-txt { color: var(--clr-primary500); }
.faq-q:hover .faq-arrow { color: var(--clr-gray600); }
.faq-accordion-btn.active .faq-mark {
	color: var(--clr-primary400);
}
.faq-accordion-btn.active .faq-q-txt {
	font-weight: 600;
	color: var(--clr-primary500);
}
.faq-accordion-btn.active .faq-arrow {
	color: var(--clr-gray600);
	transform: rotate(180deg);
}
.faq-a-inner {
	display: grid;
	grid-template-columns: 3.2rem minmax(0, 1fr);
	gap: 1.6rem;
	padding: 2rem 2.4rem;
	border-top: var(--line-base);
}
.faq-mark-a {
	color: var(--clr-primary200);
}
.faq-a-txt {
	font-size: var(--fs-small);
	line-height: 1.7;
	color: var(--clr-gray600);
	word-break: keep-all;
}
.faq-empty {
	padding: 8rem 2rem;
	text-align: center;
	font-size: var(--fs-medium);
	color: var(--clr-gray300);
	background: var(--clr-gray50);
	border-radius: 1.4rem;
	border: 1px dashed var(--clr-gray100);
}

/* *****  ÇÕ°ÝÈıâ (community/review_list.asp) *****
   .review-list / .ribbon / .review-con °è¿­Àº main.asp(Swiper) ¡¤ lecture/view.asp °¡
   ÇÔ²² ¾²¹Ç·Î, ÀÌ ÆäÀÌÁö Àü¿ë ½ºÅ¸ÀÏÀº ¹Ýµå½Ã .community ·Î ½ºÄÚÇÁÇÑ´Ù */
/* ¾ÆÀÌÄÜ ¡¤ ¾È³»¹® ¡¤ ÀÛ¼º ¹öÆ°À» ÇÑ ÁÙ·Î (¾ÕÀÇ 2¿­Àº .comment-img °¡ ¸¸µç´Ù) */
.rv-write-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}
.rv-write-head .comment-img {
	flex: 1 1 auto;
	min-width: 0;
}
.rv-write-act { flex: 0 0 auto; }
.rv-write .review-top { margin-top: 1.6rem; }	/* ´ÝÈù »óÅ´ display:none ÀÌ¶ó ¿©¹éÀÌ »ý±âÁö ¾Ê´Â´Ù */
/* ÆîÃÄÁø ÀÛ¼º ¿µ¿ªÀº Èò Ä«µå·Î ¶ç¿ö ¾È³» ¡¤ ¹öÆ° Ãþ°ú ±¸ºÐÇÑ´Ù */
.rv-write .review-top > form {
	margin: 2rem;
	padding: 2rem 2.4rem;
	background: var(--clr-gray50);
	border: 1px solid var(--clr-gray300);
	border-radius: 18px;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
/* ÀÛ¼º Æû : ¶óº§À» ÀÔ·Â À§·Î ¿Ã¸°´Ù (ȸ¿ø°¡ÀÔ ¡¤ °Ô½ÃÆÇ ¾²±â¿Í °°Àº ±Ô°Ý).
   .rv-write ÆгÎÀÌ ÀÌ¹Ì È¸»öÀ̶ó .form-list ÀÇ È¸»ö ¶óº§ Ä­À» ¾µ ¼ö ¾ø´Ù */
.rv-form-row { margin: 0 0 1.6rem; }
.rv-form-label {
	display: block;
	margin: 0 0 0.6rem;
	font-size: var(--fs-normal);
	font-weight: 600;
	color: var(--clr-black);
}
.rv-form-label.mark-asterisk { margin: 0 0 0.6rem; }
.rv-form-row select,
.rv-form-row input[type=text] {
	width: 100%;
	height: 4.6rem;
	padding: 0 1.4rem;
	font-size: var(--fs-normal);
	background: #fff;
	border: 1px solid var(--clr-gray200);
	border-radius: 8px;
}
.rv-form-row textarea {
	width: 100%;
	min-height: 16rem;
	padding: 1.4rem;
	font-size: var(--fs-normal);
	line-height: 1.6;
	background: #fff;
	border: 1px solid var(--clr-gray200);
	border-radius: 8px;
}
/* base.css ÀÇ input:focus º¸´Ù ƯÀ̵µ°¡ ³ô¾Æ Å׵θ®¸¦ Á÷Á¢ µ¤¾î½á¾ß ÇÑ´Ù */
.rv-form-row select:focus,
.rv-form-row input[type=text]:focus,
.rv-form-row textarea:focus { border-color: var(--clr-primary400); }
.rv-form-row .file-wrap {
	gap: 0.6rem;
	margin: 0;
}
.rv-form-row .file-wrap input[type=text] { width: auto; }	/* flex-grow °¡ ÆøÀ» Àâ´Â´Ù */
.rv-form-btns {
	display: flex;
	justify-content: center;
	margin: 0.8rem 0 0;	/* ¾Õ ÇàÀÇ margin-bottom 1.6rem °ú ÇÕÃÄ 2.4rem */
}
/* Èı⠰˻ö : 1:1¹®ÀÇ(.bbs-search)¿Í °°Àº ±Ô°Ý.
   À¯Çü select °¡ ¾øÀ¸¹Ç·Î ÀÔ·ÂÄ­ ÁÂÃø ±¸ºÐ¼±À» Áö¿î´Ù */
.review .bbs-search-box .automaker-wrap {
	position: relative;	/* #autoMaker °¡ absolute ¶ó ±âÁØ »óÀÚ°¡ ÇÊ¿äÇÏ´Ù */
	flex: 1 1 auto;
	min-width: 0;
}
.review .bbs-search-box input[type=text] {
	border-left: none;
	padding-left: 0;
}
/* ----- ÇÕ°ÝÈıâ Ä«µå (community/review_list.asp ¡¤ main.asp °ø¿ë) -----
   ul.review-list ¿¡ rv-cards ¸¦ ÇÔ²² ºÙ¿© ¾´´Ù : <ul class="review-list rv-cards">
   ÆäÀÌÁö Àü¿ë ½ºÅ¸ÀÏÀÌ ¾Æ´Ï¹Ç·Î .community ·Î ½ºÄÚÇÁÇÏÁö ¾Ê´Â´Ù */
.review-list.rv-cards {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.rv-cards > li {
	position: relative;
	flex-direction: column;
	align-items: stretch;
	gap: 2rem;
	margin: 0;
	padding: 2.8rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: var(--edge);
	box-shadow: 0 2px 8px rgba(0,0,0,0.025);
	transition: 0.25s;
}
.rv-cards > li:has(.rv-best) {
	background: #fffbf0;
	border-color: #f5e2b0;
	box-shadow: 0 6px 12px rgba(240,166,0,0.16);
}
.rv-cards .rv-best {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 1rem 2.8rem;
	font-size: var(--fs-mini);
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #fff;
	background: linear-gradient(135deg, var(--clr-turkey), #ffd800, #f5a623);
	border-radius: 0 0 0 var(--edge);
}
.rv-cards .rv-best i { font-size: var(--fs-xsmall); }
/* ÇÕ°Ý»ý ¹îÁö + º°Á¡ */
.rv-cards .rv-tag {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	align-self: flex-start;
	padding: 0.8rem 1.6rem;
	font-size: var(--fs-xsmall);
	font-weight: 600;
	color: var(--clr-primary400);
	background: #fff6fc;
	border-radius: 10rem;
}
.rv-cards .rv-star {
	display: inline-flex;
	gap: 0.2rem;
	font-size: var(--fs-small);
	color: #ffd800;
}
.rv-cards > li:has(.rv-best) .rv-tag {
	margin-right: 9rem;
	background: #fff;
}
/* º»¹®Àº ±âº»ÀûÀ¸·Î ÀÚ¸£Áö ¾Ê´Â´Ù (ÁÙ ¼ö Á¦ÇÑÀÌ ÇÊ¿äÇÑ °÷¿¡¼­¸¸ °¢ÀÚ °Ç´Ù : main.css .sec-pass) */
.rv-cards .review-txt {
	margin: 0;
	font-size: var(--fs-normal);
	line-height: 1.75;
	color: var(--clr-gray600);
	overflow-wrap: anywhere;	/* ¶ç¾î¾²±â ¾ø´Â ±ä ¹®ÀÚ¿­(URL µî)ÀÌ Ä«µå¸¦ ³ÑÁö ¾Ê°Ô */
}
/* Ä«µå ÇÏ´Ü : °úÁ¤¸í + µî·ÏÀÏ + ÀÚ°ÝÁõ ½æ³×ÀÏ */
.rv-cards .rv-card-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	margin-top: auto;
}
.rv-cards .rv-card-info { min-width: 0; }
.rv-cards .review-h {
	font-size: var(--fs-medium);
	font-weight: 600;
	color: var(--clr-black);
}
.rv-cards .rv-card-info .wrt-date {
	display: block;
	margin-top: 0.6rem;
	font-size: var(--fs-xsmall);
	color: var(--clr-gray400);
}
.rv-cards .review-photo {
	flex: 0 0 auto;
	width: 8.6rem;		/* ½Ã¾È ±âÁØ 86 x 90px */
	height: 9rem;
	margin: 0;
	background: #fff;
	border: none;
	border-radius: 1rem;
}
/* Èı⠾øÀ½ */
.community .review-list .rv-empty {
	display: block;
	padding: 8rem 2rem;
	text-align: center;
	font-size: var(--fs-medium);
	color: var(--clr-gray300);
	background: var(--clr-gray50);
	border: none;
	box-shadow: none;
}
.community .review-list .rv-empty:hover {
	border: none;
	box-shadow: none;
}

.file-wrap {
	display: flex;
	margin: 0.5rem 0;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.6rem;
}
.file-wrap input[type="file"] {
	display: none;
}
.file-wrap input[type="text"] {
	flex-grow: 1;
}
.file-wrap .btn-photo {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}
.file-wrap .btn-photo span {
	font-size: var(--fs-small);
	vertical-align: middle;
	text-wrap: nowrap;
}
#review-top {
	-webkit-transition: height .25s ease;
	-o-transition: height .25s ease;
	transition: height .25s ease;
	overflow: hidden;
}
#review-top:not(.active){
	display:none;
}

/* *****  ºí·Î±× ***** */
/* º»¹® + »çÀ̵å 2´Ü (blog_main.asp) */
.blog-wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 28rem;
	align-items: start;
	gap: 4rem;
	margin: 6rem 0 10rem;
}
/* ÁÂÃø LNB ¾È¿¡ µé¾î°¡¸é .lnb-wrap ¿©¹éÀ» ¾²¹Ç·Î ÀÚü ¿©¹éÀº ¾ø¾Ø´Ù */
.lnb-cont .blog-wrap { margin: 0; }
/* »çÁø °­Á¶Çü Ä«µå ¸ñ·Ï */
.blog-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3.6rem 2.4rem;
}
/* »çÀ̵尡 ¾ø´Â ¸ñ·Ï(blog_info.asp)Àº 3¿­ ? Ä«µå Å©±â¸¦ blog_main °ú ¸ÂÃá´Ù */
.blog-cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* °Ô½Ã±Û ¾øÀ½ : °øÁö»çÇ× ºó ¸ñ·Ï(.bl-empty)°ú °°Àº ¸ð¾ç. °ÝÀÚ ÇÑ ÁÙÀ» ¸ðµÎ Â÷ÁöÇÑ´Ù */
.blog-cards > .blog-empty {
	grid-column: 1 / -1;
	padding: 8rem 2rem;
	text-align: center;
	color: var(--clr-gray400);
	background: var(--clr-gray50);
	border-radius: 1.4rem;
}
/* ¿À¹ö·¹ÀÌÇü : »çÁø À§¿¡ Á¦¸ñ¡¤ÀÛ¼ºÁ¤º¸¸¦ ¾ñ´Â´Ù */
.blog-card > a {
	position: relative;
	display: block;
	height: 100%;
	border-radius: 1.4rem;
	overflow: hidden;
	background: var(--clr-gray100);
}
.blog-card-thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 5;
	background: var(--clr-gray100);
	overflow: hidden;
}
/* ÇÏ´Ü ±×¶óµ¥ÀÌ¼Ç : ±ÛÀÚ°¡ »çÁø À§¿¡¼­ ÀÐÈ÷°Ô */
.blog-card-thumb::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 65%;
	background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.45) 45%, rgba(0,0,0,0) 100%);
	transition: 0.4s;
}
.blog-card:hover .blog-card-thumb::after { height: 80%; }
.blog-card-thumb > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s;
}
.blog-card:hover .blog-card-thumb > img { transform: scale(1.06); }
.blog-card-thumb .sort {
	position: absolute;
	top: 1.4rem;
	left: 1.4rem;
	z-index: 2;	/* ±×¶óµ¥À̼Ç(::after) À§ */
	min-width: 0;
	padding: 0.5rem 1.4rem;
	border-color: transparent;
	border-radius: 10rem;
	font-weight: 600;
	background: rgba(255,255,255,0.92);
	color: var(--clr-gray600);
}
.blog-card-thumb .sort-good {
	background: linear-gradient(135deg, var(--clr-primary400), var(--clr-turkey));
	color: #fff;
}
/* »çÁø À§·Î ¿Ã¶ó¿À´Â ÅؽºÆ® ºí·Ï */
.blog-card-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 2.4rem 2rem 2rem;
}
.blog-card-tit {
	font-size: var(--fs-medium);
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	word-break: keep-all;
	text-shadow: 0 1px 6px rgba(0,0,0,0.35);
}
.blog-card-desc { display: none; }	/* ¿À¹ö·¹ÀÌ¿¡¼­´Â ¿ä¾àÀ» ¼û±ä´Ù */
.blog-card .writer-info {
	margin-top: 1rem;
	gap: 1.6rem;
}
.blog-card .writer-info > span { margin-right: 0; }
.blog-card .writer-info .writer,
.blog-card .writer-info .wrt-date { color: rgba(255,255,255,0.75); }
.blog-main .pager-wrap { margin: 6rem 0 0; }

/* »çÀ̵å : ÀαâÀÚ°ÝÁõ °úÁ¤ ¡¤ ¸¹ÀÌ º» ±Û */
.blog-side {
	position: sticky;
	top: 10rem;
	display: flex;
	flex-direction: column;
	gap: 3.6rem;
}
.blog-side-tit {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	font-size: var(--fs-regular);
	font-weight: 600;
	color: var(--clr-black);
}
/* ¼øÀ§ ¸ñ·Ï : Ç׸ñ¸¶´Ù ºí·Ï + ¿øÇü ³Ñ¹ö ¹èÁö */
.rank-list {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}
.rank-list > li > a {
	display: flex;
	align-items: center;
	gap: 1rem;
	min-width: 0;
	padding: 1rem 1.4rem;
	background: var(--clr-gray50);
	border-radius: 10px;
	transition: 0.2s;
}
.rank-list > li:hover > a { background: var(--clr-primary50); }
.rank-num {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 2.4rem;
	height: 2.4rem;
	box-sizing: border-box;
	font-size: var(--fs-mini);
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: var(--clr-gray400);
	background: #fff;
	border-radius: 100%;
	transition: 0.2s;
}
.rank-list > li:nth-child(-n+3) .rank-num {
	color: #fff;
	background: var(--clr-primary400);
}
.rank-txt {
	min-width: 0;
	font-size: var(--fs-small);
	color: var(--clr-gray600);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: color 0.2s;
}
.rank-list > li:hover .rank-txt {
	color: var(--clr-black);
	font-weight: 500;
}

/* *****  ¼ö°­°úÁ¤ ¸®½ºÆ® ***** */
.list-lec {
	margin: 4rem 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	align-items: stretch;
	gap: 0 4rem;
}
.list-lec > li {
	padding: 2rem 0;
}

/* *****  ±³À°°úÁ¤ ¸®½ºÆ® Ä«µå (lecture.asp) ***** */
.list-lec:has(.lec-card) { gap: 2.4rem; }
.list-lec > li.lec-card {
	display: flex;
	flex-direction: column;
	padding: 0;
	background: #fff;
	border-radius: var(--edge);
	box-sizing: border-box;
	transition: 0.3s;
}
.lec-card:hover {
	border-color: var(--clr-primary400);
	box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
/* Ä«µå ¾È¿¡ position:fixed ÀÎ »ùÇð­ÀÇ Æ˾÷ÀÌ µé¾îÀÖ¾î transform Àº ¾²Áö ¾Ê´Â´Ù
   (º¯ÇüµÈ Á¶»óÀº fixed ÀÚ½ÄÀÇ ±âÁØ »óÀÚ°¡ µÇ¾î Æ˾÷ À§Ä¡°¡ Ʋ¾îÁü) */
.lec-card-head {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	padding: 2rem 2rem 0;
}
.lec-card-thumb {
	position: relative;
	width: 100%;
	height: 17rem;
	border-radius: 1.2rem;
	overflow: hidden;
	background: var(--clr-gray100);
	cursor: pointer;
}
.lec-card-thumb > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s;
}
.lec-card:hover .lec-card-thumb > img { transform: scale(1.06); }
.lec-card-summary {
	flex: 1 1 auto;
	min-width: 0;
}
.lec-card-marks {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 1rem 0 2.4rem;
	position: relative;
}
.lec-card-eid,
.lec-card-ministry {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	box-sizing: border-box;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}
.lec-card-eid {
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
}
.lec-card-eid > b {
	font-size: 1.1em;
	font-weight: 700;
	color: var(--clr-primary400);
	margin-left: -0.1rem;
}
.lec-card-ministry {
	font-size: 1.2rem;
	color: var(--clr-gray600);
	flex-direction: column;
	padding: 1.4rem;
	border-radius: 10rem;
	background: #fff;
	transform: translatey(-4rem);
	box-shadow: 6px -12px 10px rgba(0, 0, 0, 0.05);

	position: absolute;
	right: 1.4rem;
	top: 0;
}
.lec-card-ministry > img { /* Á¤ºÎ»ó¡ */
	height: 2.8rem;
	width: auto;
	display: block;
}
.lec-card-tit {
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--clr-black);
	transition: 0.2s;
}
.lec-card-desc {
	margin-top: 0.8rem;
	font-size: var(--fs-xsmall);
	line-height: 1.5;
	color: var(--clr-gray500);
	word-break: break-all;
}
.lec-card-info {
	margin: 1.2rem 2rem 0;
	padding: 1.2rem 1.6rem;
	background: var(--clr-gray50);
	border-radius: 1rem;
	font-size: var(--fs-mini);
}
.lec-card-info > div {
	display: flex;
	gap: 1rem;
	margin-bottom: 0.6rem;
}
.lec-card-info > div:last-child { margin-bottom: 0; }
.lec-card-info dt {
	flex: 0 0 6rem;
	color: var(--clr-gray400);
	font-weight: 500;
}
.lec-card-info dd {
	flex: 1 1 auto;
	min-width: 0;
	color: var(--clr-gray600);
	font-weight: 500;
	word-break: keep-all;
}
.lec-card-foot {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 2rem;
	margin-top: auto;
	padding: 1.6rem 2rem 2rem;
}
.lec-card-price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 0.8rem;
}
.lec-card-price .label {
	font-size: var(--fs-mini);
	font-weight: 500;
	color: var(--clr-gray400);
	margin-right: auto;
}
.lec-card-price .offiprice {
	font-size: var(--fs-small);
	text-decoration: line-through;
}
.lec-card-price .price { font-size: var(--fs-large); }
.lec-card-btns {
	display: flex;
	align-items: stretch;
	gap: 0.6rem;
	flex: 0 0 auto;
}
.lec-card-btns .btn {
	flex: 1 1 50%;
	padding: 1.1rem 0.5rem;
	font-size: var(--fs-small);
	font-weight: 600;
	text-wrap: nowrap;
}
.lec-card-btns .btn-sample {
	border: var(--line-deep);
}
.lec-card-btns .btn-sample > i {
	margin-right: 0.4rem;
	color: var(--clr-primary400);
	vertical-align: middle;
}
.lec-card .popup-video video { background: #000; }

/* 3¿­ ±âÁØ. Á¼¾ÆÁö¸é 2¿­ -> 1¿­ */
.lecture-new .list-lec:has(.lec-card) { grid-template-columns: repeat(3, 1fr); }
.list-lec .price-grp {
	margin-top: 1rem;
}
.list-lec .price-grp .label {
	display: inline-block;
	margin-right: 1rem;
}
.list-lec .price-grp .discount {
	font-size: var(--fs-large);
}
.lec-thumb-best {
	position: absolute;
	top: 1.2rem;
	left: 1.4rem;
	background: linear-gradient(135deg, #0dd5b3, #15b69b);
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 0.4rem 1rem;
	border-radius: 0.4rem;
	z-index: 1;
}
.lec-thumb-best.ltb-rec { background: linear-gradient(135deg, #2f70e0, #3560aa); }
.lec-thumb-best.ltb-hot { background: linear-gradient(135deg, #ec2ba3, #d354a3); }
small.lec-num {
	display: inline-block;
	background: var(--clr-gray100);
	color: var(--clr-gray400);
	line-height: 1;
	padding: 0.5rem 1rem;
	text-wrap: nowrap;
}
.price-grp {
	border: var(--line-base);
	padding: 2rem;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.price-grp .label {
	font-size: var(--fs-small);
	display: block;
}
.price-grp .offiprice {
	font-size: var(--fs-regular);
	position: relative;
}
.offiprice {
	color: var(--clr-gray300);
	line-height: 1;
}
.price {
	font-size: var(--fs-xlarge);
	color: var(--clr-gray600);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
}
.discount {
	color: var(--clr-red);
	font-size: inherit;
}
.price-grp .offiprice::before,
.price-grp .offiprice::after {
	content: '';
	position: absolute;
	background: var(--clr-gray500);
	height: 1px;
}
.price-grp .offiprice::before {
	top: 50%;
	left: 0;
	width: calc(100% + 1.5rem);
}
.price-grp .offiprice::after {
	top: calc(50% - 0.4rem);
	left: calc(100% + 0.5rem);
	width: 1.2rem;
	transform: rotate(45deg);
}
.price-grp .discount {
	font-size: var(--fs-xlarge);
}

.sub-banner-lec {
	padding-top: calc(280 / 1920 * 100%);
	min-height: 25rem;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	background: #fff;
	overflow: hidden;
}
.sub-banner-lec::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.sub-banner-lec > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(3px);
}
.sub-banner-lec .container {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translatex(-50%);
	height: 100%;
	z-index: 2;
}
.sub-banner-lec .page-title {
	margin-top: 7rem;
	margin-left: 0;
}
.page-title-caption {
	color: #fff;
	font-size: var(--fs-normal);
	line-height: 1.4;
}
.lec-summary {
	transform: translatey(-6rem);
	border: 2px solid var(--clr-gray600);
	width: 100%;
	background: #fff;
	position: static;
	top: 18.5rem;
	z-index: 100;
}
.lec-summary .summ-main {
	padding: 2rem;
}
.summ-main > div:first-child {
	text-align: left;
}
.summ-main > div:last-child {
	text-align: right;
	display: flex;
	align-items: center;
}
.lec-summary .card-tit {
	display: inline-block;
	margin-top: 0;
	margin-left: 1rem;
	vertical-align: middle;
	font-size: var(--fs-large);
}
.lec-summary .price-grp {
	border: none;
	padding: 0;
	display: unset;
	margin-right: 3rem;
}
.lec-summary .price-grp > p,
.lec-summary .price-grp .label {
	display: inline-block;
}
.lec-summary .price-grp .offiprice {
	margin: 0 2rem 0 1rem;
}
.lec-summary > .congrp {
	align-items: stretch;
	gap: 0;
	background: var(--clr-primary50);
	max-height: unset !important;
}
.lec-summary > .congrp.fold-con > div {
	border-top: var(--line-base);
	border-right: var(--line-base);
	width: 50%;
	flex-grow: 1;
	text-align: left;
	padding: 2rem;
	height: 100%;
}
.lec-summary > .congrp.fold-con > div:last-child {
	border-right: 0;
}
.lec-summary .fold-btn {
	display: inline-block;
	vertical-align: middle;
	font-size: var(--fs-mini);
	font-weight: 500;
	color: var(--clr-gray400);
	box-shadow: var(--shadow-light);
	padding: 0.3rem 1rem;
	border-radius: 10rem;
	margin: 0 1rem;
}
.lec-summary .fold-btn .xeicon {
	display: inline-block;
	line-height: 1;
	transform: rotate(180deg);
	vertical-align: text-bottom;
}
.lec-summary .fold-btn.active .xeicon {
	transform: unset;
}
.lec-summary .line-box-tit {
	font-size: var(--fs-regular);
	margin-bottom: 1rem;
}
.lec-summary .line-box-tit i {
	margin-right: 1rem;
}
.lec-summary .list-info .flex-box {
	justify-content: flex-start;
	gap: 0;
	margin-bottom: 0.5rem;
}
.lec-summary .list-info strong {
	min-width: 20%;
	font-weight: 500;
	color: var(--clr-gray600);
}
.lec-summary .list-info p {
	font-size: var(--fs-normal);
	font-weight: 500;
}
.lec-summary .list-info + p {
	margin-top: 4rem;
	word-break: break-all;
}
.lec-summary .list-info .offiprice {
	text-decoration: line-through;
	margin-right: 0.5rem;
	font-weight: 400;
}
.lec-details .sub-cont {
	margin: 0;
}
.lec-details .sub-cont section:first-child {
	margin-top: 0;
}
.detail-list .sub-cont-tit {
	padding-bottom: 2rem;
}
.detail-list:has(.list-board) .sub-cont-tit {
	padding-bottom: 0;
	border-bottom: 0;
}
.detail-list .dl-con {
	margin-top: 2rem;
}
.detail-list .dl-con:has(.list-board) {
	margin: 0;
}
.detail-list .dl-con p {
	font-size: var(--fs-normal);
	color: var(--clr-gray600);
	text-align: left;
	word-break: break-word;
}
.detail-list .dl-con > div > img {
	max-width: 70%;
}
.lec-details .list-board li:not(.faq-list) {
	display: flex;
	align-items: flex-start;
	padding: 1.8rem 1rem;
}
.list-board.lb-half li b {
	font-size: var(--fs-medium);
	color: var(--clr-primary500);
	margin-right: 2rem;
	text-wrap: nowrap;
	min-width: 4rem;
}
.lec-details .list-board li p {
	display: inline-block;
}
.detail-list .pop-video {
	font-size: var(--fs-small);
	color: var(--clr-primary500) !important;
	font-weight: 600 !important;
	vertical-align: middle;
	background: var(--clr-primary100);
	border: none !important;
}
.detail-list .pop-video > img {
	vertical-align: bottom;
	margin-left: 1rem;
}
.flex-box:has(.teacher-photo) {
	align-items: stretch;
	justify-content: flex-start;
	height: 25rem;
}
.teacher-photo-wrap {
	max-width: 40%;
	padding: 2rem;
	box-sizing: border-box;
}
.teacher-photo {
	border-radius: var(--edge);
	border: var(--line-base);
	overflow: hidden;
	padding-top: calc(100% + 1.5rem);
}
.teacher-name {
	font-size: var(--fs-medium);
	font-weight: 700;
	color: var(--clr-black);
	padding: 0 1rem;
	margin: 1rem 0;
	text-align: center;
	position: relative;
}
.teacher-name::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background-color: var(--clr-primary100);
	z-index: -1;
}
.teacher-career {
	width: 100%;
	margin-left: 2rem;
	padding: 2rem;
	overflow-x: hidden;
	overflow-y: scroll;
	color: var(--clr-gray600);
	background: linear-gradient(270deg, var(--clr-gray100) 65%, #fff);
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.teacher-career::-webkit-scrollbar {
	display: none;
}
.teacher-career .info-list {
	line-height: 2;
}

.lec-details .tips .card-tit {
	color: var(--clr-black);
	margin-top: 0;
}
.lec-details .tips .card-tit > span {
	color: var(--clr-gray500);
}
.lec-details .tips .box-line {
	margin: 2rem 0;
}
.lec-details .tips ul.list-info {
	padding: 0;
	margin: 2rem 0 0;
}
.lec-details .tips .box-line .comment-back {
	padding: 1rem;
	margin: 2rem 0 0;
}
.lec-details .tips .box-line .comment-back > p {
	margin: 0.5rem 0;
}
.lec-details .tips .congrp {
	align-items: stretch;
	margin: 8rem 0 0;
}
.lec-details .tips .congrp .card {
	background: #fff;
	box-shadow: none;
	text-align: center;
	background: var(--clr-gray100);
	padding: 0 4rem 3rem;
	overflow: unset;
}
.lec-details .tips .congrp .card .img-wrap {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15rem;
	height: 12rem;
	border-radius: 100%;
	margin: 0 auto;
	transform: translatey(-6rem);
}
.lec-details .tips .congrp .card .img-wrap > img {
	max-width: 6rem;
}
.lec-details .tips .congrp .card .card-tit {
	font-size: var(--fs-xlarge);
	margin: -2rem 0 2rem;
}
.lec-details .tips .sub-cont-tit {
	display: flex;
	align-items: center;
}
.lec-details .tips .sub-cont-tit > i {
	vertical-align: middle;
	margin-left: 2rem;
}
.lec-details .tips .sub-cont-tit > i.active {
	transform: rotate(180deg);
	margin-bottom: 0.5rem;
}
.lec-details .faq-list .question {
	padding: 1.8rem 1rem;
	min-height: unset;
}
.lec-details .faq-list h4.txt {
	font-size: var(--fs-normal);
}
.lec-details .faq-list .mark {
	font-size: var(--fs-normal);
	padding: 0 1.8rem;
}
.lec-details .faq-list .answer {
	line-height: 1.6;
}
.lec-details .faq-list .answer .txt {
	font-size: var(--fs-normal);
	margin: 1.8rem 0;
}
.lec-related .thumb {
	cursor: pointer;
	padding-top: 70%;
}
.lec-related .congrp {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: flex-start;
	gap: 4rem 2rem;
}
.lec-related .congrp > li {
	width: 100%;
	max-width: 100%;
}
.lec-chapter .list-board li p {
	color: var(--clr-gray600);
	font-size: var(--fs-normal);
	font-weight: 500;
}
.lec-chapter .list-board + .btn {
	width: 100%;
	font-weight: 500;
}
.lec-chapter .chptr-info {
	display: block;
	line-height: 1;
}
.lec-chapter .chptr-info span {
	display: inline-block;
	font-size: var(--fs-mini);
	font-weight: 400;
	color: var(--clr-gray300);
	vertical-align: middle;
	margin-right: 1rem;
}
.lec-chapter .chptr-info span:last-child {
	margin-right: 0;
}
.lec-chapter .chptr-info span::before {
	margin-right: 4px;
	vertical-align: middle;
	color: var(--clr-gray200);
}
.lec-chapter .chapter-time::before {
	content: '\f009';
}
.lec-chapter .chapter-prog::before {
	content: '\ead7';
}

/* *****  ÀÚ°ÝÁõ ¹ß±Þ (license/issuance.asp) ***** */
/* ¸Ó¸®¸» : ¿¹½Ã À̹ÌÁö ¾Õ¿¡ ºÙ´Â ¾È³» */
.lic-lead {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.4rem 1.6rem;
	margin: 0 0 2.4rem;
	padding: 2rem 2.4rem;
	background: var(--clr-primary50);
	border-radius: 1.2rem;
}
.lic-lead-tit {
	font-size: var(--fs-regular);
	font-weight: 700;
	color: var(--clr-primary500);
	white-space: nowrap;
}
.lic-lead > p {
	margin: 0;
	font-size: var(--fs-small);
	color: var(--clr-gray600);
}
/* ÀÚ°ÝÁõ ¿¹½Ã 3Á¾ */
.lic-sample {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: 1.6rem;
	margin: 0 0 3rem;
}
.lic-sample > li {
	padding: 2rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	text-align: center;
}
.lic-sample-tit {
	margin: 0 0 1.6rem;
	font-size: var(--fs-regular);
	font-weight: 600;
	color: var(--clr-black);
	word-break: keep-all;
}
.lic-sample-img {
	border-radius: 8px;
	overflow: hidden;
}
.lic-sample-img > img { display: block; margin: 0 auto; width:100%; }
/* ¹ß±Þ ÀýÂ÷ À̹ÌÁö */
.lic-step {
	margin: 0 0 2rem;
	padding: 2.4rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	text-align: center;
}
/* Ç¥ ¾Æ·¡ º¸Ãæ ¼³¸í */
.lic-tip {
	margin: 1.2rem 0 0;
	font-size: var(--fs-small);
	line-height: 1.7;
	color: var(--clr-gray600);
}
/* 'ÁÖÀÇ' ¹èÁö. ÀÌ Ç׸ñÀº ºÒ¸´ ´ë½Å ¹èÁö°¡ ¸Ó¸®¸¦ ¸Ã´Â´Ù */
.mark-caution {
	display: inline-block;
	margin-right: 0.5rem;
	padding: 0.2em 0.8em;
	background: var(--clr-red);
	color: #fff;
	border-radius: 99px;
	font-size: 0.85em;
	font-weight: 600;
	letter-spacing: -0.05em;
}
.license-details .comment > li:has(.mark-caution)::before { display: none; }
/* ¹ß±Þ ½Åû ¸ñ·Ï (license/diploma_list.asp) : °øÁö Ä«µå(.board-list)¿Í °°Àº Åæ */
.dp-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 4rem 0 0;
}
.dp-list > li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 2.4rem;
	row-gap: 0.6rem;
	padding: 2rem 2.4rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	transition: 0.25s;
}
.dp-list > li:hover {
	border-color: var(--clr-primary200);
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.dp-tit {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
	font-size: var(--fs-medium);
	font-weight: 600;
	line-height: 1.35;
	color: var(--clr-black);
	word-break: keep-all;
}
.dp-meta {
	grid-column: 1;
	grid-row: 2;
	display: flex;
	align-items: center;
	gap: 1.6rem;
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
}
.dp-meta i {
	margin-right: 0.4rem;
	vertical-align: middle;
}
/* ¿À¸¥ÂÊ : ¹ß±Þ ¹öÆ° ¶Ç´Â »óÅ ¹îÁö */
.dp-act {
	grid-column: 2;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.dp-act .btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1.1rem 2rem;
	font-size: var(--fs-small);
	border-radius: 10rem;
	white-space: nowrap;
}
/* »óÅ ¹îÁö : ó¸®ÇÒ ÀÏÀÌ ³²Àº '°áÁ¦´ë±â' ¸¸ ´«¿¡ ¶ç´Â »öÀ» ÁØ´Ù */
.dp-act .sort {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
	padding: 0.8rem 1.8rem;
	border-color: transparent;
	border-radius: 10rem;
	font-weight: 500;
	white-space: nowrap;
}
.dp-act .dp-wait {
	background: rgba(244, 103, 21, 0.1);	/* --clr-orange ±âÁØ */
	color: var(--clr-orange);
}
.dp-act .dp-done {
	background: var(--clr-gray100);
	color: var(--clr-gray500);
}
/* ½Åû °¡´ÉÇÑ °úÁ¤ ¾øÀ½ */
.dp-empty {
	padding: 8rem 2rem;
	text-align: center;
	font-size: var(--fs-medium);
	color: var(--clr-gray300);
	background: var(--clr-gray50);
	border-radius: 1.4rem;
}

/* ***** ·Î±×ÀÎ ***** */
.member-form .form-list > li {
	margin: 2rem 0;
}
.member-form input,
.member-form select,
.member-form input + .btn {
	height: 5rem;
	font-size: var(--fs-normal);
}
.member-form input + .btn {
	font-size: var(--fs-small);
	vertical-align: middle;
	margin-bottom: 0.2rem;
}
.member-form input[type="checkbox"],
.member-form input[type="radio"] { /* ±âº» ÄÁÆ®·Ñ -> remixicon ±Û¸®ÇÁ */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: auto;
	height: auto;
	padding: 0;
	border: none;
	background: none;
	box-shadow: none; /* autofill ÀÌ ±ò´ø inset ±×¸²ÀÚ Â÷´Ü */
	-webkit-box-shadow: none;
	-webkit-text-fill-color: currentColor;
	font-family: "remixicon";
	font-size: 2rem;
	line-height: 1;
	color: var(--clr-gray300);
	cursor: pointer;
	transition: color 0.2s;
}
.member-form input[type="checkbox"]:focus,
.member-form input[type="radio"]:focus {
	background: none !important; /* base.css ÀÇ input:focus ¹è°æ ÇØÁ¦ */
	border: none;
	box-shadow: none;
}
.member-form input[type="checkbox"]::before { content: '\eb7f'; } /* ri-checkbox-blank-line */
.member-form input[type="checkbox"]:checked::before { content: '\eb82'; } /* ri-checkbox-fill */
.member-form input[type="radio"]::before { content: '\eb7d'; } /* ri-checkbox-blank-circle-line */
.member-form input[type="radio"]:checked::before { content: '\f050'; } /* ri-radio-button-line */
.member-form input[type="checkbox"]:checked,
.member-form input[type="radio"]:checked { color: var(--clr-primary400); }
.member-form label[for] { cursor: pointer; }
.member-form .form-list.list-board > li {
	margin: 0;
	padding: 1.5rem 1rem;
}
.member-form .form-list input#savePW {
	margin-left: 1rem;
}
.member-form .box-line {
	padding: 4rem 6rem;
	box-shadow: var(--shadow-light);
}
.form-login input[type=text],
.form-login input[type=password] {
	width: 100% !important;
}
.form-login .form-list > li {
	display: block;
}
/* *****  ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â (member/find.asp) ***** */
/* ÇÑ ¹ø¿¡ ÇÑ Âʸ¸ ¾²´Â È­¸éÀ̶ó µÎ ÆûÀ» ³ª¶õÈ÷ µÎÁö ¾Ê°í ÅÇÀ¸·Î °¥¾Æ ³¢¿î´Ù.
   ÇÊµå ¼ö°¡ 2°³/3°³·Î ´Þ¶ó ³ª¶õÈ÷ µÎ¸é ³ôÀ̵µ ¾î±ß³­´Ù */
.form-find { background: var(--clr-gray50); }
.find-wrap {
	max-width: 52rem;
	margin: 6rem auto 10rem;
}
.find-card {
	padding: 4rem 3.2rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: var(--edge);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
.find-card-tit {
	margin: 0 0 2.4rem;
	font-size: var(--fs-xlarge);
	font-weight: 600;
	color: var(--clr-black);
	text-align: center;
}
/* ÅÇ : ºÐ·ù ÇÊÅÍ°¡ ¾Æ´Ï¶ó Æû ¸ðµå ÀüȯÀ̶ó ¾Ë¾à ´ë½Å ¹ØÁÙ·Î µÐ´Ù.
   °ø¿ë .list-with-tabs °¡ !important ·Î »öÀ» ¹Ú¾ÆµÖ¼­ °°Àº ¹«±â·Î µ¤´Â´Ù */
.find-card .list-with-tabs {
	gap: 0;
	margin: 0 0 2.8rem;
	border-bottom: 1px solid var(--clr-gray200);
}
.find-card .list-with-tabs li .btn {
	position: relative;
	padding: 1.4rem 1rem;
	border-radius: 0;
	background: none !important;
	color: var(--clr-gray500) !important;
	font-weight: 500;
}
.find-card .list-with-tabs li:hover .btn {
	background: none !important;
	color: var(--clr-black) !important;
}
.find-card .list-with-tabs li.on .btn {
	background: none !important;
	color: var(--clr-black) !important;
	font-weight: 700;
}
/* È°¼º ¹ØÁÙ. ÄÁÅ×À̳ÊÀÇ 1px ¼± À§¿¡ °ãÃÄ ±×¸°´Ù */
.find-card .list-with-tabs li .btn::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	background: transparent;
	transition: background 0.2s;
}
.find-card .list-with-tabs li.on .btn::after { background: var(--clr-primary400); }
.find-panel.is-hide { display: none; }
.find-panel-desc {
	margin: 0 0 2.4rem;
	font-size: var(--fs-small);
	line-height: 1.6;
	color: var(--clr-gray500);
	word-break: keep-all;
}
.find-form > li:last-child { margin-bottom: 3rem; }

/* ã±â °á°ú (member/find_ok.asp) : °¡ÀÔ ¿Ï·á Ä«µå¿Í °°Àº ±Ô°Ý */
.find-result {
	max-width: 52rem;
	margin: 6rem auto 10rem;
	padding: 5rem 4rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: var(--edge);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	text-align: center;
}
.find-result-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 7rem;
	height: 7rem;
	margin: 0 0 2.4rem;
	background: var(--clr-green);
	border-radius: 50%;
	font-size: 3.6rem;
	color: #fff;
	animation: joinDonePop 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
/* °á°ú ¾øÀ½ : ½ÇÆа¡ ¾Æ´Ï¶ó '¸ø ãÀ½'À̹ǷΠºÓÀº»ö ´ë½Å ȸ»ö */
.find-result-ico.is-none {
	background: var(--clr-gray300);
	font-size: 3rem;
}
.find-result-ico > svg {
	display: block;
	width: 1em;
	height: 1em;
}
.find-result-tit {
	margin: 0 0 1rem;
	font-size: var(--fs-xlarge);
	font-weight: 700;
	color: var(--clr-black);
}
.find-result-txt {
	margin: 0 0 3.2rem;
	font-size: var(--fs-regular);
	line-height: 1.7;
	color: var(--clr-gray600);
	word-break: keep-all;
}
.find-result-val {
	display: inline-block;
	margin: 0 0.2rem;
	padding: 0.2em 0.7em;
	background: var(--clr-primary50);
	border-radius: 0.6rem;
	font-weight: 600;
	color: var(--clr-primary500);
	word-break: break-all;
}
/* °á°ú Ä«µå ¾Æ·¡ ¹öÆ° ÁÙ. Çϳª¸é ²Ë Â÷°í µÑÀÌ¸é ¹Ý¾¿ ³ª´² °®´Â´Ù */
.find-result-btns,
.join-done-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.find-result-btns > .btn,
.join-done-btns > .btn { flex: 1 1 14rem; }
.member-form .member-link .btn-text:hover { color: var(--clr-black); }
.member-form .tabs:not(.my-tabs) > li {
	width: 50%;
	text-align: center;
}
.member-form .tabs:not(.my-tabs) > li > a {
	display: block;
}
.member-form .form-list .btn-small {
	height: unset;
}
.member-form label,
.member-form h5 {
	font-size: var(--fs-regular);
	font-weight: 600;
	color: var(--clr-black);
}
.member-form label { color: var(--clr-gray600); }
.member-form label.point-m {
	font-size: var(--fs-small);
	margin: 0.5rem;
}
.member-form span:has(label.point-m) {
	text-wrap: nowrap;
	margin: 0.5rem;
}
.form-list .flex-box {
	justify-content: flex-start;
}
.member-form .form-list + p {
	font-size: var(--fs-regular);
	margin: 4rem 0;
}
.form-list > li {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	padding: 0 !important;
}
.form-list > li > div {
	padding: 1.5rem 2rem;
	box-sizing: border-box;
}
.form-list > li > div:first-child {
	background: var(--clr-gray100);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 25%;
}
.form-list > li > div:last-child {
	flex-grow: 1;
	width: 75%;
}
.form-list > li input:not(input[type=radio], input[type=checkbox]) {
	width: 35rem;
	max-width: 100%;
}
.form-list > li .caption {
	margin-bottom: 0;
}
.form-list > li.frm-phone select ~ input {
	width: 10rem;
}
.form-list > li.frm-zip > div:last-child > div:first-child {
	margin-bottom: 0.2rem;
}
.form-list > li.frm-zip > input:last-child {
	margin-left: 0.2rem;
}
.form-list > li.frm-email input:not(input[type=radio], input[type=checkbox])  {
	width: 15rem;
	margin: 0 0.5rem;
}
.form-list > li.frm-email input:first-child {
	margin-left: 0 !important;
}

/* *****  ȸ¿ø°¡ÀÔ (member/join.asp) ***** */
/* sub-top ¹è³Ê°¡ ¾ø´Â ÆäÀÌÁö¶ó ¹ÙÅÁÀ» ±ò¾Æ Ä«µå¸¦ ¶ç¿î´Ù */
.form-join { background: var(--clr-gray50); }
/* Æû °÷°÷ÀÇ ºó <label> °ú hidden ¸¸ °¨½Ñ <label> ÀÌ
   grid¡¤flex Ä­À» Â÷ÁöÇØ ÀԷ°ú ¹öÆ°ÀÌ ¾î±ß³­´Ù */
.join-form label:empty,
.find-form label:empty,
.join-form label:has(> input[type="hidden"]) { display: none; }
.join-form .caption {
	margin: 0.8rem 0 0;
	font-size: var(--fs-mini);
	color: var(--clr-gray500);
}
/* °Ë»ç ¸Þ½ÃÁö°¡ ¶° ÀÖÀ¸¸é °°Àº ³»¿ëÀ» µÎ ¹ø ¸»ÇÏÁö ¾Êµµ·Ï ±ÔÄ¢ ¾È³»¸¦ °¨Ãá´Ù.
   ÈÞ´ëÆù Ä­ÀÇ ¾È³»¹®Àº ±ÔÄ¢ÀÌ ¾Æ´Ï¶ó SNS ¼ö½Å µ¿ÀÇ ¼³¸íÀ̹ǷΠÁ¦¿ÜÇÑ´Ù */
.join-form > li:not(.frm-phone):has(.valid-msg:not(:empty)) .caption {
	display: none;
}
/* ½Ç½Ã°£ À¯È¿¼º ¸Þ½ÃÁö : grid(¾ÆÀ̵ð)¡¤flex(ÈÞ´ëÆù) ¾È¿¡¼­ ÇÑ ÁÙÀ» Åë°·Î ¾´´Ù */
.join-form .valid-msg {
	grid-column: 1 / -1;
	flex: 1 1 100%;
	margin: 0.6rem 0 0;
	font-size: var(--fs-xsmall);
	line-height: 1.5;
}
.join-form .valid-msg:empty { display: none; }
/* »óÅ ¾ÆÀÌÄÜ : ȸ»ö ¾È³»¹®°ú ÇÑ´«¿¡ °¥¶ó º¸ÀÌ°Ô ÇÑ´Ù */
.join-form .valid-msg::before {
	margin-right: 0.4rem;
	font-size: 1.25em;
	font-weight: 400;
	vertical-align: -0.15em;
}
.join-form .valid-msg.is-error {
	color: var(--clr-red);
	font-weight: 500;
}
.join-form .valid-msg.is-error::before { content: '\eca1'; }	/* ri-error-warning-line */
/* Åë°ú´Â ºê·£µå »ö ´ë½Å ÃÊ·Ï. ¿À·ù(»¡°­)¿Í ¦À» ÀÌ·ï Àǹ̰¡ ¹Ù·Î ÀÐÈù´Ù */
.join-form .valid-msg.is-ok {
	color: var(--clr-green);
	font-weight: 500;
}
.join-form .valid-msg.is-ok::before { content: '\eb81'; }		/* ri-checkbox-circle-line */
/* Æ÷Ä¿½º Áß¿¡µµ ¿À·ù Å׵θ®¸¦ À¯ÁöÇÑ´Ù (base.css ÀÇ input:focus ¸¦ ÀÌ°Ü¾ß ÇÑ´Ù) */
.join-form input.is-error,
.join-form input.is-error:focus { border-color: var(--clr-red); }
.join-form input.is-ok,
.join-form input.is-ok:focus { border-color: var(--clr-green); }
/* ·Î±×ÀÎ Ä«µå(.login-card)¿Í °°Àº ±Ô°ÝÀÇ Ä«µå ÇÑ Àå */
.join-card {
	max-width: 72rem;
	margin: 0 auto;
	padding: 4rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: var(--edge);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
.join-card-head {
	margin: 0 0 3rem;
	padding-bottom: 2rem;
	border-bottom: var(--line-base);
	text-align: center;
}
.join-card-tit {
	font-size: var(--fs-xlarge);
	font-weight: 600;
	color: var(--clr-black);
	margin: 0 0 0.8rem;
}
.join-card-head .caption { margin: 0; }
/* ¶óº§ Ä­(ȸ»ö ¹ÙÅÁ) ´ë½Å ¶óº§À» ÀÔ·Â À§·Î ¿Ã¸°´Ù.
   ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â(.find-form)µµ °°Àº ±Ô°ÝÀ» ¾´´Ù */
.join-form > li,
.find-form > li {
	display: block;
	margin: 0 0 2.4rem;
}
.join-form > li > div:first-child,
.find-form > li > div:first-child {
	width: auto;
	padding: 0 0 0.4rem;
	background: none;
}
.join-form > li > div:last-child,
.find-form > li > div:last-child {
	width: auto;
	padding: 0;
}
.join-form > li input:not(input[type=radio], input[type=checkbox]),
.find-form > li input:not(input[type=radio], input[type=checkbox]) {
	width: 100%;
}
/* ¾ÆÀ̵ð : ÀÔ·Â + Áߺ¹È®ÀÎ ¹öÆ° ÇÑ ÁÙ */
.join-form > li > div:last-child:has(> .btn) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
}
.join-form > li > div:last-child:has(> .btn) > .caption { grid-column: 1 / -1; }
.join-form input + .btn { margin: 0; margin-left: 1rem; }
/* ÈÞ´ëÀüÈ­ : ¾ÕÀÚ¸® select + µÞÀÚ¸® 2Ä­ */
.join-form > li.frm-phone > div:last-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
}
.join-form > li.frm-phone select { flex: 0 0 9rem; }
.join-form > li.frm-phone select ~ input { flex: 1 1 8rem; width: auto; }
.join-form > li.frm-phone > div:last-child > p { flex: 1 1 100%; margin: 0.8rem 0 0; }
/* ¶óµð¿À ¹­À½ (¼ö½Å ¿©ºÎ ¡¤ ¾Ë°ÔµÈ °æ·Î) */
.join-form > li.frm-root > div:last-child {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 0;
}
/* *****  °¡ÀÔ ¿Ï·á (member/join_success.asp) ***** */
/* °¡ÀÔ Æû°ú °°Àº ¹ÙÅÁ¡¤Ä«µå ±Ô°ÝÀ» ¾´´Ù (body ¿¡ form-join ÀÌ ÇÔ²² ºÙ¾î ÀÖ´Ù) */
.join-done {
	max-width: 52rem;
	margin: 0 auto;
	padding: 5rem 4rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: var(--edge);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	text-align: center;
}
/* ¿Ï·á Ç¥½Ã : °Ë»ç Åë°ú¿Í °°Àº ÃÊ·ÏÀ» ¾´´Ù.
   ¿øÀÌ Æ¢¾î³ª¿Â µÚ üũ°¡ ±×·ÁÁø´Ù (±×¸®±â´Â ÆùÆ® ¾ÆÀÌÄÜÀ¸·Î ¾È µÇ¹Ç·Î SVG ·Î µÐ´Ù) */
.join-done-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 7rem;
	height: 7rem;
	margin: 0 0 2.4rem;
	background: var(--clr-green);
	border-radius: 50%;
	font-size: 3.6rem;
	color: #fff;
	animation: joinDonePop 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.join-done-ico > svg {
	display: block;
	width: 1em;
	height: 1em;
}
.join-done-check {
	fill: none;
	stroke: currentColor;
	stroke-width: 6;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 44;		/* path ±æÀÌ(¾à 43.9)¿¡ ¸ÂÃá °ª */
	stroke-dashoffset: 44;
	animation: joinDoneCheck 0.45s 0.28s ease-out forwards;
}
@keyframes joinDonePop {
	0% { transform: scale(0.5); opacity: 0; }
	60% { transform: scale(1.08); opacity: 1; }
	100% { transform: scale(1); opacity: 1; }
}
@keyframes joinDoneCheck {
	to { stroke-dashoffset: 0; }
}
/* ¿òÁ÷ÀÓÀ» ÁÙÀ̵µ·Ï ¼³Á¤ÇÑ »ç¿ëÀÚ¿¡°Ô´Â °á°ú »óŸ¸ º¸¿©ÁØ´Ù */
@media (prefers-reduced-motion: reduce) {
	.join-done-ico,
	.pay-fail-ico,
	.find-result-ico { animation: none; }
	.pay-fail-mark {
		animation: none;
		stroke-dashoffset: 0;
	}
	.join-done-check {
		animation: none;
		stroke-dashoffset: 0;
	}
}
.join-done-tit {
	margin: 0 0 1rem;
	font-size: var(--fs-xlarge);
	font-weight: 700;
	color: var(--clr-black);
}
.join-done-txt {
	margin: 0 0 3.2rem;
	font-size: var(--fs-regular);
	line-height: 1.7;
	color: var(--clr-gray600);
}
.join-done > .btn { width: 100%; }	/* ¹öÆ°ÀÌ Çϳª»ÓÀÏ ¶§. µÎ °³¸é .join-done-btns ·Î °¨½Ñ´Ù */

/* ¾à°ü µ¿ÀÇ : .member-form .form-list + p (margin 4rem, fs-regular) ¸¦ ÀÌ°Ü¾ß ÇÑ´Ù */
.member-form .form-list + p.join-agree {
	margin: 2rem 0;
	padding: 2rem;
	background: var(--clr-gray50);
	border-radius: 1.2rem;
	text-align: center;
	font-size: var(--fs-small);
	color: var(--clr-gray600);
}
.join-agree .btn {
	padding: 0;
	background: none;
	font-size: inherit;
	font-weight: 600;
	color: var(--clr-primary500);
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

/* *****  ¸¶ÀÌÆäÀÌÁö  ***** */
/* º»¹® ¸Ó¸®(Á¦¸ñ + °æ·Î) ¹Ù·Î ¾Æ·¡¿¡ ºÙÀ¸¹Ç·Î À§ ¿©¹éÀº µÎÁö ¾Ê´Â´Ù */
.lnb-cont .my-tabs {
	margin: 0 0 4rem;
}
/* ¼ö°­ÇöȲ ÅÇ : °°Àº ÆäÀÌÁö ¾ÈÀ» °Å¸£´Â .list-with-tabs(ÇÎÅ© ¾Ë¾à)¿Í Çò°¥¸®Áö ¾Ê°Ô
   ÇüŸ¦ °¥¶ó³õ´Â´Ù. ÀÌÂÊÀº '¿Å°Ü °¡´Â' ÀÚ¸®À̹ǷΠ¾ÆÀÌÄÜ ¡¤ ¼³¸í ¡¤ ¼ýÀÚ¸¦ ´Ü Èò Ä«µå·Î µÐ´Ù.
   »öÀº ÇнÀÇϱâ ÅÇ(.my-tabs-status)°ú ÇÑ °¡Á·À¸·Î ÀÐÈ÷µµ·Ï primary °è¿­·Î ¸ÂÃá´Ù */
.my-tabs {
	align-items: stretch;
	gap: 1.6rem;
}
.my-tabs li {
	flex: 1 1 0;
	min-width: 0;
}
.my-tabs li .btn {
	padding: 2rem 2.4rem;
	height: 100%;
	gap: 1.6rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.my-tabs li .box-line-tit {
	margin-bottom: 0.6rem;
	transition: color 0.2s;
}
.my-tabs li .mark-big {
	min-width: 6rem;
	min-height: 6rem;
	background: var(--clr-primary50);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fs-xlarge);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--clr-primary500);
	transition: 0.3s;
}
/* dep2 ÅÇ(¸¶ÀÌÆäÀÌÁö ù È­¸é)Àº ³× Ä­À» ÇÑ ÁÙ¿¡ µÐ´Ù. Ä­ÀÌ Á¼¾Æ ¾ÆÀÌÄÜ ¡¤ ¼ýÀÚ ¡¤ ±ÛÀ»
   ÇÑ ÁÙ¿¡ ´Ã¾î³õÀ¸¸é ¼­·Î ¹Ð·Á °ãÄ¡¹Ç·Î, À§Ãþ¿¡ ¾ÆÀÌÄÜ(¿ÞÂÊ) ¡¤ ¼ýÀÚ(¿À¸¥ÂÊ),
   ¾Æ·¡Ãþ¿¡ Á¦¸ñ ¡¤ ¼³¸íÀ» ±î´Â 2´Ü °ÝÀÚ·Î ¹Ù²Û´Ù */
.my-tabs:not(.my-tabs-sub) li .btn {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: space-between;
	align-content: start;
	row-gap: 1.6rem;
	column-gap: 1rem;
	padding: 2rem;
	text-align: left;
}
.my-tabs .mt-ico {
	grid-column: 1;
	grid-row: 1;
	font-size: 4rem;
	font-weight: 400;
	line-height: 1;
	color: var(--clr-gray200);
	transition: 0.3s;
}
.my-tabs:not(.my-tabs-sub) li .mark-big {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
}
.my-tabs:not(.my-tabs-sub) li .btn > .align-l {
	grid-column: 1 / -1;
	grid-row: 2;
	min-width: 0;
}
/* hover : »ì¦ ¶ç¿ö ¼ÕÀÌ ¿Ã¶ó°£ ÀÚ¸®¸¦ ¾Ë¸°´Ù */
.my-tabs li:hover .btn {
	background: #fff !important;
	border-color: var(--clr-primary200) !important;
	box-shadow: var(--shadow-light);
	transform: translateY(-0.3rem);
}
.my-tabs li:hover .box-line-tit {
	color: var(--clr-black);
}
.my-tabs li:hover .mark-big {
	background: var(--clr-primary400);
	color: #fff;
}
/* ÇöÀç À§Ä¡ : primary ¸¦ Åë°·Î ä¿î´Ù */
.my-tabs li.on .btn {
	background: var(--clr-primary500) !important;
	border-color: var(--clr-primary500) !important;
	box-shadow: 0 6px 16px rgba(182, 53, 132, 0.25);	/* --clr-primary500 ±âÁØ */
	transform: none;
}
.my-tabs li.on .box-line-tit {
	color: #fff;
}
.my-tabs li.on p {
	color: rgba(255, 255, 255, 0.85);
}
.my-tabs li.on .mark-big {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}
/* ó¸®ÇÒ ÀÏÀÌ ³²Áö ¾ÊÀº Ä­(¹ß±Þ ¿Ï·á)Àº ¼ýÀÚ¸¦ È帮°Ô µÐ´Ù */
.my-tabs li.back-end .mark-big {
	background: var(--clr-gray100);
	color: var(--clr-gray300);
}
.my-tabs li.back-end:hover .mark-big {
	background: var(--clr-gray200);
	color: var(--clr-gray500);
}
.my-tabs:not(.my-tabs-sub) .box-line-tit {
	font-size: var(--fs-medium);
}
/* dep3 ÅÇ : 20% °íÁ¤ÆøÀº Ç׸ñÀÌ 3°³ÀÏ ¶§ È­¸é °¡¿îµ¥·Î ¸ô·È´Ù.
   Ç׸ñ ¼ö(3~4°³)¿Í ¹«°üÇÏ°Ô ÇÑ ÁÙÀ» ±Õµî ºÐÇÒÇÑ´Ù */
.my-tabs-sub li {
	flex: 1 1 0;
	min-width: 0;
}
.my-tabs-sub li .btn {
	padding: 1.6rem 2rem;
}
.my-tabs-sub li .mark-big {
	min-width: 4.4rem;
	min-height: 4.4rem;
	font-size: var(--fs-medium);
	color: var(--clr-secondary400);
	background: var(--clr-secondary50);
}
/* ÇÑ ÁÙÂ¥¸® Á¦¸ñÀ̶ó .box-line-tit ÀÇ ¾Æ·¡ ¿©¹éÀ» Áö¿ö¾ß ¾ÆÀÌÄÜ°ú °¡¿îµ¥°¡ ¸Â´Â´Ù */
.my-tabs-sub li .box-line-tit {
	color: var(--clr-gray600);
	margin-bottom: 0;
	word-break: auto-phrase;
}
.my-tabs-sub li > a div:has(.box-line-tit) {
	text-align: left;
}
.my-tabs + .sub-cont-tit {
	margin-top: 6rem;
}
.container + .sub-cont2 {
	margin-top: 2rem;
}
.p-detail-grp {
	margin: 1rem 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.p-detail:has(progress) {
	width: 50%;
	justify-content: space-between;
}
.p-detail {
	font-size: var(--fs-normal);
	font-weight: 500;
	color: var(--clr-gray500);
	display: flex;
	align-items: center;
	gap: 1rem;
}
.p-detail::after {
	content: '|';
	display: inline-block;
	margin-left: 2rem;
	margin-right: 3rem;
	color: var(--clr-gray200);
	font-weight: 200;
}
.p-detail:last-child::after {
	display: none;
	margin-left: 0;
	margin-right: 0;
}
.p-detail span {
	display: inline-block;
	vertical-align: baseline;
}
.btn.exam.ex-nonpass {
	background: var(--clr-red-light);
	color: #fff;
}
/* ½ÃÇè ¾øÀ½ : ´©¸¦ ¼ö ¾ø´Â ¾È³» ÀÚ¸®´Ù. btn-disabled ÀÇ Èæ¹é ¡¤ ¹ÝÅõ¸í 󸮸¦ °È°í
   ȸ»öÀ¸·Î ´¯Çô ¿·ÀÇ µ¿ÀÛ ¹öÆ°°ú ¹«°Ô¸¦ °¥¶ó³õ´Â´Ù */
.btn.exam.btn-disabled {
	background: var(--clr-gray100);
	color: var(--clr-gray400);
	opacity: 1;
	filter: none;
}
.mypage .list-info {
	text-align: left;
	padding: 0;
	margin-top: 1rem;
	line-height: 1.6;
}
.mypage .list-info > li {
	justify-content: flex-start;
	gap: 1rem;
	font-size: var(--fs-xsmall);
	line-height: unset;
	margin-bottom: 0.4rem;
}
.mypage .list-info > li::before {
	margin-right: 0;
}
.mypage .list-info > li strong {
	color: var(--clr-gray500);
	min-width: 5rem;
	line-height: 1.4;
}
.mypage .list-info > li p {
	color: var(--clr-gray400);
	font-size: var(--fs-xsmall);
	line-height: 1.4;
}
.mypage .list-info > li p > span {
	line-height: 1;
}

/* *****  ÇнÀÇϱâ (mypage/lec_list.asp)  ***** */
.my-tabs-status {
	gap: 0.4rem;
	padding: 0.8rem;
	background: var(--clr-gray50);
	border-radius: 99rem;
}
.my-tabs-status li .btn {
	justify-content: center;
	gap: 0.8rem;
	padding: 1.2rem 1rem;
	background: transparent !important;
	border-color: transparent !important;
	border-radius: 99rem;
	box-shadow: none;
}
.my-tabs-status li > a div:has(.box-line-tit) { text-align: center; }
.my-tabs-status li .box-line-tit {
	font-size: var(--fs-small);
	font-weight: 600;
	color: var(--clr-gray500);
	white-space: nowrap;
}
/* ¼ýÀÚ°¡ ÀÌ ÅÇÀÇ Á¤º¸´Ù. ¶óº§º¸´Ù Å©°Ô µÎ¾î °³¼öºÎÅÍ ´«¿¡ µé¾î¿À°Ô ÇÑ´Ù */
.my-tabs-status li .mark-big {
	min-width: 3.6rem;
	min-height: 3.6rem;
	padding: 0 1rem;
	box-sizing: border-box;
	background: var(--clr-gray100);
	border-radius: 10rem;
	font-size: var(--fs-medium);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	font-variant-numeric: tabular-nums;
	color: var(--clr-gray500);
}
.my-tabs-status li:hover .btn {
	background: rgba(255, 255, 255, 0.75) !important;
	border-color: transparent !important;
	box-shadow: none;
	transform: none;
}
.my-tabs-status li:hover .box-line-tit { color: var(--clr-black); }
/* hover ´Â ȸ»öÀ» ÇÑ ´Ü°è ±í°Ô ÇÏ´Â Á¤µµ·Î¸¸ µÐ´Ù (»öÀÌ ¹Ù²î¸é ¼±ÅÃµÈ ÅÇó·³ ÀÐÈù´Ù) */
.my-tabs-status li:hover .mark-big {
	background: var(--clr-gray100);
	color: var(--clr-gray500);
}
/* ÇöÀç ÅÇ : Æ®·¢ À§¿¡ Èò Ĩ Çϳª¸¸ ¶° ÀÖ°Ô ÇÑ´Ù */
.my-tabs-status li.on .btn {
	background: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 2px 8px rgba(20, 30, 49, 0.1);
}
.my-tabs-status li.on .box-line-tit { color: var(--clr-primary500); }
.my-tabs-status li.on .mark-big {
	background: var(--clr-primary400);
	color: #fff;
	box-shadow: 0 2px 6px rgba(211, 84, 163, 0.35);	/* --clr-primary400 ±âÁØ */
}

/* °úÁ¤ Ä«µå : °øÁö Ä«µå(.board-list) ¡¤ ¹ß±Þ ½Åû ¸ñ·Ï(.dp-list)°ú °°Àº Åæ */
/* ȸ»ö ÆгÎ(.sub-cont2) ¾øÀÌ º»¹®¿¡ ¹Ù·Î ³õÀ̹ǷΠ¾Æ·¡ ¿©¹éÀº ¸ñ·ÏÀÌ Á÷Á¢ Àâ´Â´Ù */
.st-list {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	margin: 0 0 4rem;
}
.st-list > li {
	padding: 2.4rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	transition: 0.25s;
}
.st-list > li:hover {
	border-color: var(--clr-primary200);
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.st-head {
	display: grid;
	grid-template-columns: 20rem minmax(0, 1fr);
	column-gap: 2.4rem;
	align-items: start;
}
/* ½æ³×ÀÏÀº °­ÀÇ Ä«µå(.lec-card-thumb)¿Í °°Àº °¡·ÎÇü.
   4:3 Àº ¿·¿¡ ¿À´Â ±Û ¹­À½(¹îÁö ¡¤ Á¦¸ñ ¡¤ ±â°£ ¡¤ ¾È³» 3ÁÙ)°ú ³ôÀÌ°¡ ¸Â´Â ºñÀ²ÀÌ´Ù */
.st-thumb {
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--clr-gray50);
	border-radius: 1.2rem;
}
.st-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.st-marks {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0 0 1rem;
}
.st-mark {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 1.4rem;
	border-radius: 10rem;
	font-size: var(--fs-mini);
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}
.st-mark-on { background: var(--clr-primary50); color: var(--clr-primary500); }
.st-mark-off { background: var(--clr-gray100); color: var(--clr-gray500); }
.st-mark-no { background: rgba(244, 103, 21, 0.1); color: var(--clr-orange); }	/* --clr-orange ±âÁØ */
.st-mark-ok { background: rgba(18, 133, 90, 0.1); color: var(--clr-green); }	/* --clr-green ±âÁØ */
.st-mark-dday { background: var(--clr-red-pale); color: var(--clr-red); }
.st-tit {
	font-size: var(--fs-medium);
	font-weight: 600;
	line-height: 1.35;
	color: var(--clr-black);
	word-break: keep-all;
}
.st-period {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0.8rem 0 0;
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
	font-variant-numeric: tabular-nums;
}
/* ¾È³» 3ÁÙ : Ä«µå¸¶´Ù ¹Ýº¹µÇ´Â ¹®±¸¶ó Á¦¸ñÀ» Á¼°Ô °íÁ¤ÇØ ÇÑ ÁÙ¾¿¸¸ Â÷ÁöÇÏ°Ô ÇÑ´Ù */
.st-notes {
	margin: 1.2rem 0 0;
	padding: 1.2rem 0 0;
	border-top: 1px dashed var(--clr-gray100);
}
.st-notes > li {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	margin: 0 0 0.4rem;
	font-size: var(--fs-mini);
	line-height: 1.5;
	color: var(--clr-gray500);
}
.st-notes > li:last-child { margin-bottom: 0; }
.st-notes > li > strong {
	flex: 0 0 auto;
	min-width: 5.4rem;
	font-weight: 600;
	color: var(--clr-gray600);
}
.st-notes > li > p {
	min-width: 0;
	font-size: inherit;
	color: inherit;
}
/* ÁøµµÀ² ¡¤ ÀÜ¿©ÀÏ ¡¤ º¸Á¶ ¹öÆ° ÇÑ ÁÙ */
.st-prog {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.2rem 2.4rem;
	margin: 2rem 0 0;
	padding: 1.4rem 2rem;
	background: var(--clr-gray50);
	border-radius: 1.2rem;
}
.st-prog-rate {
	flex: 1 1 24rem;
	display: flex;
	align-items: center;
	gap: 1.2rem;
	min-width: 0;
}
.st-prog-rate progress {
	flex: 1 1 auto;
	min-width: 6rem;
}
/* Áøµµ ¸·´ë¸¸ ¿À·»Áö¡æÇÎÅ©. comm.css ÀÇ Àü¿ª progress(ÇÎÅ©¡æÅÍÅ°)¸¦ ÀÌ È­¸é¿¡¼­ µ¤´Â´Ù */
.st-prog-rate progress::-webkit-progress-value {
	background: linear-gradient(to right, var(--clr-orange), var(--clr-primary400));
}
.st-prog-label {
	flex: 0 0 auto;
	font-size: var(--fs-mini);
	font-weight: 600;
	color: var(--clr-gray500);
	white-space: nowrap;
}
.st-prog b {
	font-size: var(--fs-regular);
	font-weight: 700;
	color: var(--clr-red);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.st-prog-btns {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
/* º¸Á¶ ¹öÆ° : ÁÖ¿ä µ¿ÀÛ(.st-foot)°ú ¹«°Ô¸¦ °¥¶ó³õ±â À§ÇØ Èò ¾Ë¾à Å׵θ®·Î µÐ´Ù */
.st-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.85rem 1.6rem;
	background: #fff;
	border: 1px solid var(--clr-gray200);
	border-radius: 10rem;
	color: var(--clr-gray600);
	white-space: nowrap;
}
.st-btn:hover {
	border-color: var(--clr-gray400);
	color: var(--clr-black);
}
/* ÁÖ¿ä µ¿ÀÛ ¹öÆ° */
.st-foot {
	display: flex;
	gap: 0.6rem;
	margin: 1.2rem 0 0;
}
.st-foot .btn {
	flex: 1 1 0;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 1.3rem 1rem;
	border-radius: 1rem;
}
/* Èò º»¹® À§¿¡ Èò Ä«µå¸¦ µÎ¸é ºó »óÅ°¡ ´«¿¡ ¾È µé¾î¿Â´Ù. ¿©±â¸¸ ȸ»öÀ¸·Î ä¿î´Ù */
.st-list > li.st-empty {
	padding: 8rem 2rem;
	background: var(--clr-gray50);
	border-color: transparent;
	text-align: center;
	font-size: var(--fs-medium);
	color: var(--clr-gray300);
}
.st-list > li.st-empty:hover {
	border-color: transparent;
	box-shadow: none;
}

/* ***** ½ÃÇèÀÀ½Ã ***** */
.viewpage-test {
	background: var(--clr-gray50);
}
.test-header {
	position: sticky;
	top: 0;
	left: 0;
	background: var(--clr-navy);
	width: 100%;
	z-index: 100;
	box-shadow: var(--shadow-light);
	padding: 2rem 2.4rem;
	box-sizing: border-box;
}
.test-header .page-title {
	font-size: var(--fs-xlarge);
	margin: 0;
}
.test-timer {
	color: var(--clr-gray400);
	font-size: var(--fs-normal);
	font-weight: 500;
	margin-right: 4rem;
}
.test-timer #testTimer {
	color: #fff;
	font-size: var(--fs-xlarge);
	font-weight: 700;
	margin-left: 1rem;
}
#testTimer.timeout {
	color: var(--clr-yellow);
}
.test-header .btn {
	margin-right: 1rem;
	color: #fff !important;
	border: none !important;
}
.test-header .btn:last-child {
	margin-right: 0;
}
.test-header .btn.retry {
	background: var(--clr-red-light);
	padding: 1.2rem 6rem;
}
.test-cont .container {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
	margin: 3rem auto 8rem;
}
.test-item {
	padding: 4rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
}
.test-item h4 {
	font-size: var(--fs-regular);
	color: var(--clr-gray600);
	font-weight: 500;
}
.test-item h4 em {
	display: inline-block;
	color: var(--clr-primary500);
	font-size: 1.2em;
	font-weight: 700;
	margin-right: 1rem;
	vertical-align: middle;
}
.test-item h4 > small {
	display: inline-block;
	font-weight: 400;
	color: var(--clr-gray400);
}
.test-item input[type='radio'] {
	display: none;
}
.test-item .box-line {
	margin-top: 2rem;
}
.test-item .box-line input[type='text'] {
	display: block;
	width: 100%;
}
.chkWrong .box-line p {
	word-break: break-all !important;
}
.chkWrong .box-line p + p {
	margin-top: 2rem;
}
.test-item ul:not(.comment) {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-top: 2.4rem;
}
.test-item ul:not(.comment) > li {
	font-size: var(--fs-normal);
	color: var(--clr-gray600);
	line-height: 1.4;
	border: 1px solid var(--clr-gray100);
	border-radius: 1rem;
	transition: 0.2s;
}
/* °í¸¦ ¼ö ÀÖ´Â »óÅ´ ÀÀ½Ã È­¸é¿¡¸¸. °á°ú È­¸é(.chkRight/.chkWrong)Àº ¾Æ·¡ ±ÔÄ¢ÀÌ µû·Î Ä¥ÇÑ´Ù */
.test-item:not(.chkRight):not(.chkWrong) ul:not(.comment) > li:hover {
	border-color: var(--clr-primary200);
}
.test-item:not(.chkRight):not(.chkWrong) ul:not(.comment) > li:has(input:checked) {
	border-color: var(--clr-primary400);
}
.test-item li em {
	display: inline-block;
	margin-right: 1rem;
	font-size: var(--fs-regular);
	vertical-align: baseline;
}
.test-item.chkRight .answer-my {
	color: var(--clr-black);
}
.test-item li label {
	display: block;
	padding: 1.4rem 1.8rem;
	cursor: pointer;
}
.test-item input:checked + label {
	color: var(--clr-primary500);
	background: var(--clr-primary50);
	font-weight: 600;
	border-radius: 0.9rem;
}
.test-item li label::before {
	font-size: var(--fs-regular);
	vertical-align: baseline;
	display: inline-block;
	margin-right: 1rem;
}
.test-item li:nth-child(1) label::before { content: "\2460"; }
.test-item li:nth-child(2) label::before { content: "\2461"; }
.test-item li:nth-child(3) label::before { content: "\2462"; }
.test-item li:nth-child(4) label::before { content: "\2463"; }
.test-item li:nth-child(5) label::before { content: "\2464"; }
.chkWrong h4,
.chkRight h4 {
	position: relative;
}
.chkWrong h4::before,
.chkRight h4::before {
	content: '';
	position: absolute;
	top: -4rem;
	left: -3rem;
	background-size: contain;
	width: 10rem;
	height: 10rem;
}
.chkWrong h4::before {
	background: url('/images/comm/icon_test_x.svg') no-repeat center center;
}
.chkRight h4::before {
	background: url('/images/comm/icon_test_o.svg') no-repeat center center;
}
.chkWrong .answer-my {
	font-weight: 400;
}
.chkWrong .box-line .answer-my,
.chkWrong .answer-my input:checked + label {
	color: var(--clr-gray400);
	background: none;
	text-decoration: line-through;
}
.chkWrong .answer-right {
	color: var(--clr-primary500) !important;
	font-weight: 600;
}
.test-item .get {
	color: var(--clr-red);
	font-weight: 500;
}
.test-tip {
	margin-top: 1.6rem;
	overflow: hidden;
	align-items: stretch;
	background: var(--clr-gray50);
	border-radius: 1rem;
}
.test-tip .tip-txt + .answer-box {
	background: #fff;
	border: var(--line-base);
	border-radius: 0 1rem 1rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.test-tip h5 {
	margin-bottom: 0;
	padding: 1rem 2.4rem;
	text-wrap: nowrap;
}
.test-tip .tip-txt {
	font-style: italic;
	padding: 1rem 2.4rem;
}
.test-tip .tip-txt::before {
	content: 'tip.';
	font-weight: 700;
	text-transform: uppercase;
	color: var(--clr-gray500);
	display: inline-block;
	margin-right: 1rem;
}
/* ********** ½ÃÇèÀÀ½Ã - ½Ç±â Ãß°¡(24.11) ********** */
.test-prac .test-header .flex-box > div {
	display: flex;
	align-items: center;
	gap: 4rem;
}
.test-prac-date, .test-prac-score {
	color: var(--clr-gray300);
	font-size: var(--fs-regular);
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}
.test-prac-date #pracDate,
.test-prac-score #pracScore {
	color: #fff;
	margin-left: 1rem;
}
.test-prac-score #pracScore {
	font-size: var(--fs-xlarge);
	font-weight: 900;
	line-height: 1;
}
/* äÁ¡ Àü¿¡´Â Á¡¼ö ÀÚ¸®¿¡ »óŸ¸ ¶á´Ù */
.test-prac-score.is-wait {
	color: #fff;
	background: rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	padding: 0.6rem 1.6rem;
}
/* ÁÖÀÇ»çÇ× : ¹®Á¦ Ä«µå¿Í °°Àº Èò Ä«µå·Î */
.test-prac .test-cont .container > .comment {
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	padding: 2.8rem 3.2rem;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.test-prac .test-cont .container > .comment > li {
	position: relative;
	padding-left: 1.4rem;
	line-height: 1.6;
}
.test-prac .test-cont .container > .comment > li::before {
	content: '';
	position: absolute;
	top: 0.8em;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--clr-gray300);
}
/* ¾ç½Ä ´Ù¿î·Îµå ÁÙÀº ¸ñ·ÏÀÌ ¾Æ´Ï¶ó ¾×¼ÇÀÌ¶ó ¸¶Ä¿¸¦ »©°í ¶ç¿î´Ù */
.test-prac .test-cont .container > .comment > li:last-child {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-left: 0;
	margin-top: 1.2rem;
	padding-top: 2rem;
	border-top: 1px dashed var(--clr-gray200);
}
.test-prac .test-cont .container > .comment > li:last-child::before {
	display: none;
}
.test-prac .test-cont .container > .comment .btn {
	color: var(--clr-gray600);
	background: #fff;
	border: 1px solid var(--clr-gray200);
}
.test-prac .test-item h4 {
	margin-bottom: 2rem;
}
/* ¹®Á¦ Áö¹® */
.test-prac .test-item .box-line {
	color: var(--clr-gray600);
	background: var(--clr-gray50);
	border: none;
	border-radius: 1rem;
	line-height: 1.6;
	margin-top: 0;
}
/* ÆÄÀÏ¸í ¿ÞÂÊ ¡¤ ¹öÆ° ¿À¸¥ÂÊ */
.test-prac .file-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1.6rem 2rem;
	margin-top: 2.4rem;
	padding-top: 2.4rem;
	border-top: 1px dashed var(--clr-gray200);
}
.test-prac .file-wrap .file-txt {
	padding: 0;
	color: var(--clr-gray400);
	font-size: var(--fs-small);
}
.test-prac .file-wrap .file-txt::before {
	content: '\ed0f';
	margin-right: 0.5rem;
	vertical-align: middle;
}
.test-prac .file-wrap .btn-grp {
	margin: 0;
	flex-shrink: 0;
}
.test-prac .file-wrap .btn-grp > .btn {
	width: auto;
	padding: 1rem 2.8rem;
}
.test-prac .test-prac-score-box {
	background: var(--clr-gray50);
	border: 1px solid var(--clr-gray100);
	border-radius: 1rem;
	text-align: center;
	padding: 1.6rem;
	margin-top: 2.4rem;
}
.test-prac .test-prac-score-box .test-prac-score {
	color: var(--clr-gray600);
	font-weight: 600;
}
.test-prac .test-prac-score-box .test-prac-score > span {
	font-size: var(--fs-xlarge);
	font-weight: 900;
	margin-left: 1rem;
}
.test-prac-score #pracScore::after,
.test-prac .test-prac-score-box .test-prac-score > span::after {
	/* U+C810 = KOR 'jeom'. Unicode escape: this file has no @charset, so it is read as
	   EUC-KR by the browser but as UTF-8 by prefixfree's XHR. ASCII escape is safe either way. */
	content: '\C810';
	font-size: 0.9em;
	font-weight: inherit;	/* ¾ÆÀÌÄÜÀÌ ¾Æ´Ï¶ó Á¡¼ö ±ÛÀÚ´Ù. base.css ÀÇ ÀÇ»ç¿ä¼Ò 400 °íÁ¤¿¡¼­ »«´Ù */
}

/* *****  Àå¹Ù±¸´Ï (mypage/cart.asp) ***** */
.cart-item {
	border-top: none;
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.cart-item > li {
	padding: 0 !important;
	border: 1px solid var(--clr-gray300);
	border-radius: 1.4rem;
	background: #fff;
	overflow: hidden;
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}
.cart-item .item-chk {
	display: block;
	cursor: pointer;
}
/* À­ÁÙ : üũ¹Ú½º + °úÁ¤¸í + »èÁ¦ */
.cart-item .cart-tit-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	padding: 2rem 2.4rem;
}
.cart-item .cart-tit-wrap > div:first-child {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.6rem 1.2rem;
	min-width: 0;
}
.cart-item .apply-chk {
	flex: 0 0 auto;
	width: 1.8rem;
	height: 1.8rem;
	margin: 0;
	accent-color: var(--clr-primary400);
}
.cart-item .cart-tit-wrap .card-tit {
	margin: 0;
	font-size: var(--fs-medium);
	line-height: 1.35;
	color: var(--clr-black);
	word-break: keep-all;
}
.cart-item .cart-tit-wrap .wrt-date {
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
}
/* ¾Æ·§ÁÙ : ¹ß±ÞÁ¾·ù ¡¤ ÄíÆù ¡¤ ±Ý¾× ¼¼ Ä­ */
.cart-item .congrp {
	margin: 0;
	align-items: stretch;
	border-top: 1px solid var(--clr-gray100);
	background: var(--clr-gray50);
}
.cart-item .congrp > .box-line {
	width: auto;
	flex: 1 1 0;
	min-width: 0;
	background: none;
	border: none;
	border-right: 1px solid var(--clr-gray100);
	padding: 1.8rem 2rem;
}
.cart-item .congrp > .box-line:last-child { border-right: none; }
.cart-item .box-line-tit {
	margin-bottom: 1.2rem;
	font-size: var(--fs-small);
	font-weight: 500;
	color: var(--clr-gray500);
}
/* ¹ß±Þ Á¾·ù : ¶óµð¿À¸¦ ¾Ë¾à Åä±Û·Î */
.issue-type-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}
.issue-type-btns input[type=radio] {
	display: none;
}
/* »óÀÚ Å©±â¸¦ ¹Ù²Ù´Â °ª(Å׵θ® µÎ²²¡¤±ÛÀÚ ±½±â)Àº ¼±Åà ÀüÈÄ°¡ °°¾Æ¾ß ÇÑ´Ù.
   comm.css ÀÇ `.issue-type-btns input:checked + label { border: none }` ¶§¹®¿¡
   ¼±ÅÃÇÏ´Â ¼ø°£ 1px Å׵θ®°¡ »ç¶óÁö¸é¼­ ¶óº§ÀÌ 2px ÁÙ¾ú´Ù ´Ã¾ú´Ù Çß´Ù.
   ¾Æ·¡ :checked ±ÔÄ¢¿¡¼­ border ¸¦ Ãà¾àÇüÀ¸·Î ´Ù½Ã ¼¼¿ö Å©±â¸¦ ºÙÀâ´Â´Ù.
   (Pretendard °¡ °¡º¯ ÆùÆ®¶ó font-weight °¡ ¹Ù²î¾îµµ ÆøÀÌ Èçµé¸°´Ù) */
.issue-type-btns .sort {
	min-width: 0;
	padding: 0.8rem 1.6rem;
	border: 1px solid var(--clr-gray200);
	border-radius: 10rem;
	background: #fff;
	font-size: var(--fs-small);
	font-weight: 500;
	color: var(--clr-gray500);
	cursor: pointer;
	text-align: center;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.issue-type-btns input[type=radio]:checked + .sort {
	background: var(--clr-primary400);
	border: 1px solid var(--clr-primary400);	/* border-color ¸¸À¸·Î´Â À§ border:none À» ¸ø À̱ä´Ù */
	color: #fff;
	font-weight: 500;
}
/* ÄíÆù : Á¦¸ñ ÁÙ ¿À¸¥ÂÊ¿¡ Àû¿ë ¹öÆ° */
.cart-item .slt-mycoupon .box-line-tit {
	justify-content: space-between;
	gap: 1rem;
}
.cart-item .slt-mycoupon select {
	background: #fff;
	height: 4.4rem;
}
.cart-item .slt-mycoupon .btn {
	padding: 0.5rem 1.2rem;
	color: var(--clr-gray600) !important;
	border: 1px solid var(--clr-gray300);
	background: #fff;
	cursor: pointer;
}
/* ÀÌ ¹öÆ°Àº <input type=button> À̶ó base.css ÀÇ input:focus °¡ °É·Á¾ß Çϴµ¥,
   À§ ±ÔÄ¢ÀÌ border ¸¦ !important ·Î ¹Ú¾ÆµÎ¸é ´­·¯µµ »öÀÌ ¹Ù²îÁö ¾Ê´Â´Ù.
   Àü¿ª !important ´ë½Å ÀÌ Æû Àü¿ë :focus ±ÔÄ¢À¸·Î Àâ´Â´Ù */
.cart-item .slt-mycoupon .btn:focus {
	border-color: var(--clr-primary400);
	box-shadow: var(--shadow-focus);
}
/* ±Ý¾× : ÀÌ Ä«µå¿¡¼­ °¡Àå °­ÇÑ Á¤º¸ */
.cart-item .price-box {
	flex: 0 0 20rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.cart-item .price-grp {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.2rem;
	border: none;
	padding: 0;
}
.cart-item .price-grp .price {
	font-size: var(--fs-large);
	font-weight: 700;
	color: var(--clr-black);
	transition: color 0.2s;
}
/* ÄíÆùÀÌ Àû¿ëµÇ¸é ¿ø·¡ ±Ý¾×À» Ãë¼Ò¼±À¸·Î ³²±â°í ±Ý¾×À» ºê·£µå »öÀ¸·Î ¹Ù²Û´Ù */
.cart-item .price-grp .offiprice {
	font-size: var(--fs-small);
	line-height: 1.4;
}
.cart-item .price-grp .offiprice::before {
	width: 100%;
	background: var(--clr-gray400);
}
.cart-item .price-grp .offiprice::after { display: none; }	/* »ç¼±Àº ¼¼·Î ¹èÄ¡¿¡ ¾È ¸Â´Â´Ù */
.cart-item .price-grp.is-discount .price {
	color: var(--clr-red);
}
/* ÇÒÀÎ Àü¿¡´Â ÀÚ¸®¸¦ ºñ¿ö µÐ´Ù */
.cart-item .price-grp .offiprice:empty { display: none; }
/* Àå¹Ù±¸´Ï°¡ ºó °æ¿ì */
.cart-item > li:has(.empty) {
	border-style: dashed;
	background: var(--clr-gray50);
	box-shadow: none;
}
.cart-item .price-grp .offiprice {
	margin-right: 3rem;
}
.cart-item-all {
	margin-bottom: 1rem;
}
.cart-item-all .btn-small { display: inline-block; }
.cart-item-all i {
	font-size: var(--fs-regular);
	margin-right: 0.5rem;
	vertical-align: text-top;
}
.cart-item-all input[type=checkbox] { display: none; }
.cart-item + .total-amount {
	margin: 6rem 0 10rem;
}
.total-amount > p {
	font-size: var(--fs-large);
	font-weight: 500;
	color: var(--clr-gray600);
	margin-bottom: 2rem;
}
.sub-cont + .section-sub {
	padding: 0;
}
/* *****  ÀÚ°ÝÁõ °áÁ¦ (settlement/order_inno.asp) *****
   Ç¥·Î Â¥ÀÎ °áÁ¦ ÆûÀÌ¶ó ¸¶ÀÌÆäÀÌÁö Æûµé°ú ÅæÀÌ ´Þ¶ú´Ù.
   À§ÂÊ 2px ÁøÇÑ ¼±°ú ¼¼·Î Ä­¼±À» °È°í, ¶óº§ ¿­Àº ÅæÀ» ³·Ãç
   '¶óº§ - °ª' ÁÙÀÌ ½×ÀÎ °Íó·³ ÀÐÈ÷°Ô ÇÑ´Ù */
.tb-issue {
	border-top: none;
	border: 1px solid var(--clr-gray100);
	color: var(--clr-gray600);
	text-align: left;
	margin: 0 0 2rem;
}
.tb-issue tr { border-bottom: 1px solid var(--clr-gray100); }
.tb-issue tr:last-child { border-bottom: none; }
.tb-issue th {
	background: none;
	border-right: none;
	font-size: var(--fs-small);
	font-weight: 500;
	color: var(--clr-gray500);
	padding: 2rem 2.4rem;
}
.tb-issue td {
	border-right: none;
	padding: 2rem 2.4rem;
	font-size: var(--fs-normal);
	color: var(--clr-black);
}
.tb-issue .price {
	font-size: var(--fs-medium);
	font-weight: 700;
	color: var(--clr-black);
	margin-bottom: 0.4rem;
}
.tb-issue td .flex-box {
	justify-content: flex-start;
	gap: 0.4rem;
}
/* ÀÚ°ÝÁõ »çÁø ¹Ì¸®º¸±â (license_photo.asp ¡¤ order_inno.asp °ø¿ë)
   ¾È³»¹®¿¡ ÀûÈù Áõ¸í»çÁø ±Ô°Ý(3cm x 4cm) »óÀÚ¸¦ °íÁ¤ÇÏ°í,
   ±Ô°ÝÀÌ ¾È ¸Â´Â »çÁøÀº object-fit: cover ·Î ºñÀ²À» ÁöŲ ä »óÀÚ¸¦ ä¿î´Ù(³ÑÄ¡´Â ÂÊÀÌ À߸²).
   base.css ÀÇ img { max-width:100%; height:auto } °¡ »óÀÚ¸¦ Âî±×·¯¶ß¸®Áö ¸øÇÏ°Ô ¸·¾Æ µÐ´Ù */
.lp-photo {
	display: block;
	flex: 0 0 auto;
	width: 3cm;
	height: 4cm;
	min-width: 3cm;
	max-width: none;
	object-fit: cover;
	object-position: center;
	border: 1px solid var(--clr-gray100);
	border-radius: 0.4rem;
}
/* Ç¥ ¾È¿¡ µé¾î°£ ¾È³»¹®Àº Å׵θ®¸¦ °ãÃÄ µÎ¸£Áö ¾Ê´Â´Ù */
.comment.comment-plain {
	border: none;
	padding: 0;
}
.tb-issue ul li {
	margin-bottom: 0.2rem;
}
.tb-issue-zip input {
	max-width: 100%;
}
.tb-issue-zip .btn {
	font-size: var(--fs-small);
	height: 5rem;
	text-wrap: nowrap;
}
.coupon-img {
	display: inline-block;
	background: linear-gradient(135deg, var(--clr-red-light), var(--clr-red) 20%, var(--clr-red-light) 50%, var(--clr-yellow));
	color: #fff;
	padding: 1rem 3rem;
	position: relative;
	border-radius: 0.4rem;
	text-align: center;
	min-width: 20rem;
	box-sizing: border-box;
}
.coupon-img::before,
.coupon-img::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	width: 2rem;
	height: 2rem;
	border-radius: 100%;
	background: #fff;
}
.coupon-img::before {
	left: -1rem;
}
.coupon-img::after {
	right: -1rem;
}
.coupon-img p, .coupon-img strong {
	color: #fff;
}
.coupon-img > small {
	font-size: var(--fs-xsmall);
	opacity: 0.6;
	font-weight: 500;
	display: block;
	padding-bottom: 6px;
	border-bottom: 1px dashed #fff;
}
.coupon-img p:has(.price) {
	margin: 1rem;
}
.coupon-disabled {
	box-shadow: none;
	opacity: 0.3;
}

/* *****  º¸À¯ ÄíÆù ¸ñ·Ï (mypage/coupon.asp, mypage/mypage.asp) ***** */
.list-coupon {
	border-top: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem;
}
/* coupon.asp ¿¡¼­´Â ÀÌ ¸ñ·ÏÀÌ ÅÇ ÄÜÅÙÃ÷(.tabCon)¸¦ °âÇÑ´Ù.
   ¼û±è(.tabCon)Àº »ì¸®°í ¿­¸° ÂÊ(.tabCon.on)ÀÇ display:block ¸¸ °ÝÀÚ·Î µÇµ¹¸°´Ù */
.list-coupon:not(.tabCon),
.list-coupon.tabCon.on {
	display: grid;
}
.list-coupon > li {
	padding: 0;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	background: #fff;
	overflow: hidden;	/* ÀýÃë¼± ±¸¸ÛÀ» Ä«µå ¸ð¼­¸®¿¡¼­ ¹Ý¿øÀ¸·Î À߶󳽴٠*/
	justify-content: flex-start;
	align-items: stretch;
	gap: 0;
	box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);
	transition: border-color 0.2s, box-shadow 0.2s;
}
.list-coupon > li:hover {
	border-color: var(--clr-primary200);
	box-shadow: var(--shadow-light);
}
/* .box-line Àº Å׵θ® »óÀÚ°¡ ¾Æ´Ï¶ó ƼÄÏ ¿ÞÂÊ Á¶°¢À» Àâ´Â Ʋ·Î ¾´´Ù */
.list-coupon .box-line {
	border: none;
	padding: 0;
	position: relative;
	flex: 0 0 auto;
	display: flex;
}
/* ÀýÃë¼± */
.list-coupon .box-line::after {
	content: '';
	position: absolute;
	top: 1.2rem;
	bottom: 1.2rem;
	right: 0.5rem;
	border-right: 2px dashed rgba(255, 255, 255, 0.5);
}
.list-coupon .coupon-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 17rem;
	padding: 2.4rem 2rem;
	border-radius: 0;
	/* ÁÖȲ -> ºê·£µå ÇÎÅ©. ÄíÆùÀº 'ÇýÅÃ'À̶ó ¾È³» È­¸é°ú ´Ù¸¥ µû¶æÇÑ ÅæÀ» ¾´´Ù */
	background: linear-gradient(135deg, var(--clr-orange), var(--clr-primary400));
}
/* ÀýÃë¼± ¾ç ³¡ÀÇ ±¸¸Û */
.list-coupon .coupon-img::before,
.list-coupon .coupon-img::after {
	width: 1.6rem;
	height: 1.6rem;
	left: auto;
	right: -0.8rem;
	transform: none;
}
.list-coupon .coupon-img::before { top: -0.8rem; }
.list-coupon .coupon-img::after {
	top: auto;
	bottom: -0.8rem;
}
.list-coupon .coupon-img > small {
	font-size: 1.1rem;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	opacity: 0.7;
	padding-bottom: 0;
	border-bottom: none;
}
.list-coupon .coupon-img p:has(.price) {
	margin: 0.4rem 0 0;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0.4rem;
}
.list-coupon .coupon-img .price {
	font-size: var(--fs-large);
	font-weight: 800;
	line-height: 1.2;
}
.list-coupon .coupon-img .price + strong {
	font-size: var(--fs-small);
	font-weight: 500;
	opacity: 0.85;
}
/* ¿À¸¥ÂÊ : ÄíÆù¸í ¡¤ À¯È¿±â°£ ¡¤ ¾È³» */
.list-coupon .coupon-info {
	flex: 1 1 auto;
	min-width: 0;
	padding: 2rem 2.4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.6rem;
}
.list-coupon .coupon-info .box-line-tit {
	font-size: var(--fs-regular);
	line-height: 1.4;
}
.list-coupon .coupon-info > p {
	margin: 0;
	font-size: var(--fs-xsmall);
	color: var(--clr-gray500);
}
/* 'À¯È¿±â°£' Àº °ªÀÌ ¾Æ´Ï¶ó ¶óº§À̹ǷΠÅæÀ» ³·Ãá´Ù */
.list-coupon .coupon-info > p strong {
	font-weight: 500;
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
}
.list-coupon .list-info {
	margin-top: 0.2rem;
	padding: 0.8rem 1.2rem;
	border-top: none;
	border-radius: 0.8rem;
	background: var(--clr-gray50);
}
.list-coupon .list-info > li {
	background: none;
	font-size: var(--fs-mini);
	color: var(--clr-gray500);
}
/* ¸¸·á¡¤»ç¿ë¿Ï·á : Åõ¸íµµ·Î Áö¿ö¹ö¸®¸é ±Û¾¾±îÁö ¾È ÀÐÈù´Ù.
   »ö¸¸ »©°í »óÅ ¹®±¸¸¦ ¾Ë¾à ¹îÁö·Î ¼¼¿î´Ù */
.list-coupon .coupon-disabled {
	opacity: 1;
	background: linear-gradient(135deg, var(--clr-gray300), var(--clr-gray400));
}
.list-coupon > li:has(.coupon-disabled) {
	background: var(--clr-gray50);
}
.list-coupon > li:has(.coupon-disabled) .box-line-tit {
	color: var(--clr-gray500);
}
/* ÀýÃë¼± ±¸¸ÛÀº Ä«µå ¹ÙÅÁ»öÀ¸·Î ¶Õ·Á º¸¿©¾ß ÇÑ´Ù */
.list-coupon > li:has(.coupon-disabled) .coupon-img::before,
.list-coupon > li:has(.coupon-disabled) .coupon-img::after {
	background: var(--clr-gray50);
}
.list-coupon > li:has(.coupon-disabled):hover {
	border-color: var(--clr-gray100);
	box-shadow: none;
}
.list-coupon .coupon-info .point-red {
	display: inline-flex;
	align-items: center;
	margin-top: 0.4rem;
	padding: 0.3rem 1rem;
	border-radius: 99px;
	background: var(--clr-red-pale);
	font-size: var(--fs-mini);
	font-weight: 400;
}
/* ÄíÆù ¾øÀ½ : °ÝÀÚ ÇÑ ÁÙÀ» Åë°·Î ¾²°í, Ä«µå°¡ ¾Æ´Ï¶ó ºó ÀÚ¸®·Î º¸ÀÌ°Ô ÇÑ´Ù */
.list-coupon > li:has(.empty) {
	grid-column: 1 / -1;
	border-style: dashed;
	background: var(--clr-gray50);
}
/* ȸ»ö ÆгΠ¾È¿¡ ´ã±ä ÄíÆù(¸¶ÀÌÆäÀÌÁö ¿ä¾à)Àº ºó ÀÚ¸®¸¦ Èò»öÀ¸·Î µÚÁý´Â´Ù */
.sub-cont2 .list-coupon > li:has(.empty) {
	box-shadow: none;
	border: none;
}
.list-coupon > li:has(.empty):hover {
	border-color: var(--clr-gray100);
	box-shadow: none;
}

/* *****  ¸¶ÀÌÆäÀÌÁö ³» Á¤º¸ *****
   myinfo(º¸±â) ¡¤ edit_info(¼öÁ¤) ¡¤ change_pass ¡¤ license_photo °¡ °°Àº ÅÇ ¹­À½À̶ó
   ÇÑ ±Ô°ÝÀ¸·Î ¹­´Â´Ù. ȸ»ö ¶óº§ Ä­ + À§¾Æ·¡ ±½Àº ¼±ÀÇ Ç¥ ´ë½Å
   ±³À°¿ø ¼Ò°³(.company-info)¿Í °°Àº ÅæÀ¸·Î Ä«µå ÇÑ Àå ¾È¿¡ '¶óº§ - °ª' ÁÙÀ» ½×´Â´Ù */
.mypage-sub.member-form .form-list {
	border-top: none;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	background: #fff;
	padding: 0 2.8rem;
	box-sizing: border-box;
}
/* .member-form .form-list.list-board > li (3Ŭ·¡½º) ¸¦ ÀÌ°Ü¾ß ÇÑ´Ù */
.mypage-sub.member-form .form-list.list-board > li {
	margin: 0;
	align-items: center;
	border-bottom: var(--line-base);
}
.mypage-sub.member-form .form-list.list-board > li:last-child {
	border-bottom: none;
}
/* ¶óº§ : ȸ»ö Ä­ ´ë½Å ÅæÀ» ³·Ãá ±Û¾¾·Î */
.mypage-sub.member-form .form-list > li > div:first-child {
	flex: 0 0 16rem;
	width: auto;
	padding: 2rem 0;
	background: none;
	align-items: flex-start;
}
.mypage-sub.member-form .form-list > li > div:first-child h5 {
	font-size: var(--fs-small);
	font-weight: 500;
	color: var(--clr-gray500);
}
.mypage-sub.member-form .form-list > li > div:last-child {
	flex: 1 1 auto;
	width: auto;
	padding: 2rem 0;
	font-size: var(--fs-normal);
	font-weight: 500;
	color: var(--clr-black);
	word-break: break-all;
}
/* °ª¿¡ µþ¸° º¸Á¶ ¼³¸í (ÈÞ´ëÆù ¼ö½Å¿©ºÎ µî) */
.mypage-sub.member-form .form-list > li > div:last-child > p {
	font-size: var(--fs-xsmall);
	color: var(--clr-gray500);
}
.mypage-sub.member-form .form-list > li > div:last-child > p strong {
	font-weight: 500;
	color: var(--clr-gray400);
}
/* ºó <label>¡¤hidden ¸¸ °¨½Ñ <label> ÀÌ flex Ä­À» Â÷ÁöÇØ ÀÔ·ÂÄ­ÀÌ ¾î±ß³­´Ù
   (ȸ¿ø°¡ÀÔ ÆûÀÇ .join-form °ú °°Àº ó¸®) */
.mypage-sub.member-form .form-list label:empty,
.mypage-sub.member-form .form-list label:has(> input[type="hidden"]) { display: none; }
.mypage-sub.member-form .form-list .caption {
	margin: 0.8rem 0 0;
	font-size: var(--fs-mini);
	color: var(--clr-gray500);
}
/* ¾Æ·¡ ÈÞ´ëÀüÈ­¡¤ÁÖ¼Ò ±ÔÄ¢Àº ÀÔ·ÂÄ­À» ¹èÄ¡Çϱâ À§ÇÑ °ÍÀ̶ó
   °ªÀÌ ±Û¾¾»ÓÀÎ º¸±â È­¸é(.member-form-view)¿¡´Â °ÉÁö ¾Ê´Â´Ù.
   ƯÈ÷ ÁÖ¼ÒÀÇ max-width ´Â º¸±â È­¸é¿¡¼­ ÁÖ¼Ò¸¦ °ø¿¬È÷ Á¢È÷°Ô ¸¸µç´Ù */
/* ÈÞ´ëÀüÈ­ : ¾ÕÀÚ¸® select + µÞÀÚ¸® 2Ä­ ÇÑ ÁÙ */
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-phone > div:last-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
}
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-phone select { flex: 0 0 9rem; }
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-phone > div:last-child > p {
	flex: 1 1 100%;
}
/* ¼ö½Å µ¿ÀÇ ¶óµð¿À : ÇÑ ÁÙ¿¡ ³ª¶õÈ÷ */
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-phone > div:last-child > p:has(input[type="radio"]) {
	display: flex;
	gap: 2rem;
	font-size: var(--fs-small);
}
/* ¾Ë°ÔµÈ °æ·Î : ¶óµð¿À ¹­À½ (ȸ¿ø°¡ÀÔ .join-form °ú °°Àº ±Ô°Ý.
   Ä­ »çÀÌ´Â .member-form span:has(label.point-m) ÀÇ margin ÀÌ ¹ú¸°´Ù) */
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-root > div:last-child {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem 0;
}
/* ÁÖ¼Ò : ¿ìÆí¹øÈ£ + ¹öÆ° ÇÑ ÁÙ, ±× ¾Æ·¡ ÁÖ¼Ò 2ÁÙ */
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-zip > div:last-child {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.6rem;
	max-width: 50rem;
}
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-zip > div:last-child > div:first-child {
	display: flex;
	gap: 0.6rem;
	margin-bottom: 0;
}
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-zip input {
	width: 100%;
	margin: 0;
}
.mypage-sub.member-form:not(.member-form-view) .form-list > li.frm-zip > div:last-child > div:first-child .btn {
	flex: 0 0 auto;
	white-space: nowrap;
}
/* ÀÚ°ÝÁõ »çÁø (mypage/license_photo.asp) */
/* »çÁø ¹Ì¸®º¸±â´Â °ø¿ë .lp-photo ±ÔÄ¢À» ¾´´Ù (À§ÂÊ Á¤ÀÇ Âü°í) */
/* »çÁøÀÌ ¾øÀ» ¶§µµ °°Àº ±Ô°ÝÀ¸·Î ÀÚ¸®¸¦ Àâ¾Æ µÐ´Ù */
.mypage-sub.member-form .form-list .lp-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3cm;
	height: 4cm;
	box-sizing: border-box;
	padding: 1rem;
	text-align: center;
	word-break: keep-all;
	border: 1px dashed var(--clr-gray200);
	border-radius: 0.4rem;
	background: var(--clr-gray50);
	font-size: var(--fs-mini);
	font-weight: 400;
	color: var(--clr-gray400);
}
/* ÆÄÀÏ Ã·ºÎ : ÆÄÀϸí Ä­°ú ¹öÆ°ÀÌ ºÙ¾î ÀÖ¾ú´Ù */
.mypage-sub.member-form .form-list .file-wrap {
	margin: 0;
	gap: 0.6rem;
	max-width: 50rem;
}
.mypage-sub.member-form .form-list .file-wrap input[type="text"] {
	width: auto;
	min-width: 0;
}
.mypage-sub.member-form .form-list .file-wrap > .btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
/* SNS ¿¬°á ¹öÆ°Àº °ª Ä­ Àüü¸¦ ä¿ï ¸¸Å­ Ŭ ÇÊ¿ä°¡ ¾ø´Ù */
.mypage-sub.member-form .login-sns {
	max-width: 44rem;
}
/* °áÁ¦³»¿ª¡¤³ªÀÇ °­ÀǽÇÀº ÆäÀÌÁö Á¦¸ñ(h3)°ú ¼½¼Ç Á¦¸ñ(h4)ÀÌ µÑ ´Ù .sub-cont-tit ¶ó
   °°Àº Å©±â·Î ³ª¿Í À§°è°¡ ¾ø´Ù. ¼½¼Ç Á¦¸ñ¸¸ ÇÑ ´Ü°è ³·Ãá´Ù */
.mypage .lnb-cont .section-sub > .sub-cont-tit {
	font-size: var(--fs-large);
}
.mypage .lnb-cont .section-sub > .sub-cont-tit + .caption {
	margin: -1rem 0 1rem;
}
/* ÇÏ´Ü ¹öÆ° : Ä«µå¿¡¼­ ÇÑ Ä­ ¶ç¿ì°í, ¹öÆ°ÀÌ µÑ ÀÌ»óÀÌ¸é »çÀ̸¦ ¹ú¸°´Ù
   (ºñ¹Ð¹øÈ£ º¯°æÀº '´Ù½ÃÀÔ·Â / º¯°æ¿Ï·á' µÎ °³°¡ ºÙ¾î ÀÖ¾ú´Ù) */
.mypage-sub.member-form .form-list + .align-c,
.mypage-sub.member-form form > .align-c {
	margin-top: 4rem;
}
.mypage-sub.member-form .align-c {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
}
/* Àбâ Àü¿ë È­¸éÀ̶ó Çʼö Ç¥½Ã(*)´Â ¶æÀÌ ¾ø´Ù */
.member-form-view .form-list .mark-asterisk::after { content: none; }
.member-form-view .form-list .mark-asterisk { margin: 0; }
/* °ªÀÌ ±Û¾¾»ÓÀ̶ó ÀÔ·ÂÄ­ ³ôÀÌ¿¡ ¸ÂÃâ ÇÊ¿ä°¡ ¾ø´Ù */
.member-form-view .form-list > li > div:first-child h5 { line-height: 1.6; }

/* *****  °áÁ¦³»¿ª (mypage/payHistory.asp) *****
   À§¾Æ·¡·Î ÁÙ¸¸ ±×Àº ¸ñ·ÏÀÌ¶ó ¼½¼Ç ¼¼ °³°¡ ÇÑ µ¢¾î¸®·Î À̾îÁ® º¸¿´´Ù.
   ÀÚ°ÝÁõ ¹ß±Þ ½Åû ¸ñ·Ï(.dp-list)°ú °°Àº Ä«µå ÅæÀ¸·Î ÇÑ °Ç¾¿ ²÷´Â´Ù */
.pay-history .list-board {
	border-top: none;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.pay-history .list-board > li {
	padding: 2rem 2.4rem;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	background: #fff;
	gap: 2.4rem;
}
/* Ä«µå ÀÚü´Â ´©¸¦ ¼ö ¾ø´Â ³»¿ªÀ̹ǷΠhover ¹ÝÀÀÀ» µÎÁö ¾Ê´Â´Ù */
/* ¿ÞÂÊ : °úÁ¤¸í + °áÁ¦ Á¤º¸ */
.pay-history .list-board > li > div:first-child {
	flex: 1 1 auto;
	min-width: 0;
}
.pay-history .list-board .box-line-tit {
	font-size: var(--fs-medium);
	line-height: 1.35;
	word-break: keep-all;
}
.pay-history .list-board p {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.6rem;
	margin-top: 0.8rem;
	font-size: var(--fs-mini);
	color: var(--clr-gray500);
}
/* Ç׸ñ À̸§Àº °ªº¸´Ù ÇÑ Åæ ³·Ãá´Ù */
.pay-history .list-board p strong {
	font-weight: 500;
	color: var(--clr-gray400);
}
/* ¿À¸¥ÂÊ : »óÅ ¹îÁö ¶Ç´Â ¹è¼ÛÁ¶È¸ ¹öÆ°.
   °áÁ¦ ´ë±â³»¿ªÀº ¿À¸¥ÂÊ Ä­ÀÌ ¾Æ¿¹ ¾øÀ¸¹Ç·Î :last-child ·Î ÀâÀ¸¸é ¾È µÈ´Ù */
.pay-history .list-board > li > div:first-child ~ div {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.pay-history .list-board .btn {
	padding: 0.9rem 1.8rem;
	border-radius: 10rem;
	white-space: nowrap;
}
/* '°áÁ¦¿Ï·á'¡¤'ÀÚ°ÝÁõ °áÁ¦ ¿Ï·á'´Â ´©¸£´Â ¹öÆ°ÀÌ ¾Æ´Ï¶ó »óÅ ǥ½Ã´Ù.
   btn-disabled ÀÇ Èæ¹é ó¸®(ºÐÈ«ÀÌ ¹Ù·£ ȸ»ö)¸¦ °È¾î³»°í ¹îÁö·Î ¼¼¿î´Ù */
.pay-history .list-board .btn-disabled {
	filter: none;
	opacity: 1;
	background: var(--clr-gray100);
	border-color: transparent;
	color: var(--clr-gray500) !important;
	font-weight: 500;
}
/* ³»¿ª ¾øÀ½ : Ä«µå°¡ ¾Æ´Ï¶ó ºó ÀÚ¸®·Î º¸ÀÌ°Ô ÇÑ´Ù */
.pay-history .list-board > li:has(.empty) {
	padding: 0;
	border-style: dashed;
	background: var(--clr-gray50);
}

/* ¿ä¾à ¸ñ·Ï (¸¶ÀÌÆäÀÌÁö °øÁö 5°Ç) : Ä«µå±îÁö´Â °úÇÏ°í, Á¡¼±À¸·Î ³ª´« ¾ãÀº ÇàÀ¸·Î µÐ´Ù */
.lb-summary {
	margin: 1rem 0 0;
}
.lb-summary > li {
	display: flex;
	align-items: center;
	gap: 1.6rem;
	padding: 1.4rem 0.4rem;
	border-bottom: var(--line-base);
}
.lb-summary > li:last-child { border-bottom: none; }
.lb-summary > li > a {
	flex: 1 1 auto;
	min-width: 0;
}
.lb-summary > li p {
	font-size: var(--fs-small);
	font-weight: 500;
	color: var(--clr-gray600);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: color 0.2s;
}
.lb-summary > li:hover p { color: var(--clr-primary500); }
.lb-summary > li small {
	flex: 0 0 auto;
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
/* °Ô½Ã¹° ¾øÀ½ : ±¸ºÐ¼± ¾øÀÌ ºó ÀÚ¸®·Î */
.lb-summary > li:has(.empty) {
	padding: 0;
	border-bottom: none;
}


/* ±³À°¿ø ¼Ò°³ */
/* Ä«Ä«¿À¸Ê ÆÛ°¡±â(roughmap) °¡ Áöµµ ¾Æ·¡¿¡ ÀÚµ¿ »ý¼ºÇÏ´Â Á¤º¸ ¹Ù(.cont) ¼û±è */
.map_wrap .root_daum_roughmap .cont { display: none; }
/* Á¤º¸ Ç׸ñÀº Ç¥ °°Àº ³ª¿­ ´ë½Å Ä«µå ÇÑ À徿 */
.company-info > li {
	padding: 2.4rem 2.8rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	box-sizing: border-box;
}
.company-info .flex-box {
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2rem;
}
.company-info .box-line-tit {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	flex: 0 0 auto;
	margin-bottom: 0;
	min-width: unset;
	font-size: var(--fs-normal);
	color: var(--clr-black);
	white-space: nowrap;
}
/* ¾ÆÀÌÄÜ : ¿øÇü ¹èÁö */
.company-info .box-line-tit > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 4rem;
	height: 4rem;
	margin: 0;
	background: var(--clr-primary50);
	border-radius: 50%;
	font-size: 2rem;
	font-weight: 400;
	color: var(--clr-primary400);
}
.company-info p {
	font-size: var(--fs-normal);
}
.company-info .sort {
	margin-right: 1rem;
	color: #fff;
	font-weight: 500;
	border: none;
	border-radius: 99px;
	min-width: unset;
}
.company-info .sort.subway { background: #ffc000; }
.company-info .sort.bus { background: #00AEAB; }
.company-info .sort.bus-green { background: #8cc64b; }
.company-info .sort.bus-blue { background: #7182F5; }
.company-info .sort.bus-red { background: #F86E55; }

/* ±³À°¿ø Á¤º¸ : ÁÖ¼Ò ¡¤ ¹®ÀÇÀüÈ­ 2¿­ */
.wt-contact {
	display: grid;
	grid-template-columns: auto auto;
	align-items: stretch;
	gap: 1.6rem;
}
.wt-contact .flex-box { align-items: center; }

/* ã¾Æ¿À½Ã´Â ¹æ¹ý : ÁöÇÏö ¡¤ ¹ö½º Ä«µå¸¦ ¼¼·Î·Î ½×´Â´Ù */
.wt-route {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.wt-route .box-line-tit { flex: 0 0 17rem; }
.wt-route > li:has(.sort.subway) { align-items: center; }
/* ¹ö½º : Á¤·ùÀ庰 ºí·ÏÀ» 3¿­·Î ³ª´«´Ù */
.wt-route > li > div {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 1rem;
	width: 100%;
}
.company-info .bus-wrap {
	display: block;
	margin: 0;
	padding: 1.8rem 2rem;
	background: var(--clr-gray50);
	border-radius: 1.2rem;
}
/* Á¤·ùÀå À̸§ : ¹è°æ ´ë½Å ¹ØÁÙ·Î ±¸ºÐ */
.company-info .bus-wrap > p:first-child {
	background: none;
	padding: 0 0 1.2rem;
	margin-bottom: 1.2rem;
	border-bottom: 1px solid var(--clr-gray200);
	font-size: var(--fs-small);
}
.company-info .bus-wrap > p {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 0.8rem;
	font-size: var(--fs-small);
	line-height: 1.5;
}
.company-info .bus-wrap > p:last-child { margin-bottom: 0; }
/* ³ë¼± ±¸ºÐ ¹èÁö´Â ÆøÀ» ¸ÂÃç ¹øÈ£°¡ °°Àº ÀÚ¸®¿¡¼­ ½ÃÀÛÇÏ°Ô ÇÑ´Ù */
.company-info .bus-wrap .sort {
	flex: 0 0 auto;
	min-width: 4.6rem;
	margin-right: 0.6rem;
}

.list-board.lb-half {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list-board.lb-half li {
	width: calc(50% - 1rem);
	box-sizing: border-box;
}
.list-board.lb-half .lec-num {
	margin-right: 2rem;
}
.list-board.lb-half .box-line-tit {
	color: var(--clr-gray600);
}
.sub-cont-tit > .btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
	font-weight: 500;
	line-height: 1;
	padding: 1rem 1.5rem;
}
.sub-cont-tit > .btn > i {
	margin-right: 0.5rem;
	font-size: var(--fs-regular);
}

/* *****  Àλ縻 (company/company_info.asp) ***** */
.ci-lead {
	margin: 0 0 6rem;
	display: flex;
	align-items: center;
	gap: 4rem;
}
.ci-lead-text h3 {
	font-size: var(--fs-title);
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -0.03em;
	color: var(--clr-black);
	word-break: keep-all;
	margin: 4rem 0 2rem;
}
.ci-lead-text p {
	margin-top: 2.4rem;
	font-size: var(--fs-regular);
	line-height: 1.8;
	color: var(--clr-gray600);
	word-break: keep-all;
}
/* 3°¡Áö ¼Ò°³ Ä«µå */
.ci-list {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.ci-item {
	display: grid;
	grid-template-columns: 14rem minmax(0, 1fr);
	align-items: center;
	gap: 2.4rem;
	padding: 2.8rem 3rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	transition: 0.25s;
}
/* À̹ÌÁö ½½·Ô. ¾ÆÀÌÄÜÀÌ ¾Æ´Ï¶ó »çÁøÀÌ µé¾î°¡¹Ç·Î ÄÁÅ×À̳ʸ¦ ä¿î´Ù
   (ÀÏ·¯½ºÆ®/¾ÆÀÌÄÜÀ¸·Î µÇµ¹¸± ¶© object-fit À» contain À¸·Î) */
.ci-item-img {
	width: 14rem;
	height: 14rem;
	background: var(--clr-gray50);
	border-radius: 1.2rem;
	overflow: hidden;
}
.ci-item-img > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ci-item-tit {
	font-size: var(--fs-medium);
	font-weight: 700;
	line-height: 1.4;
	color: var(--clr-black);
	word-break: keep-all;
}
.ci-item-tit > span { color: var(--clr-primary400); }
.ci-item-txt {
	margin-top: 1.2rem;
	font-size: var(--fs-small);
	line-height: 1.75;
	color: var(--clr-gray400);
	word-break: keep-all;
}
/* ¸¶¹«¸® ¹®±¸ */

/* *****  ¹Î°£Àڰݾȳ» (company/license.asp) ***** */
.lnb-cont .sub-cont > .section-sub {
	margin: 4rem 0 0;
}
.lnb-cont .sub-cont > .section-sub:has(.total-amount) + .section-sub {
	margin: 6rem 0 0;
}
/* ¹Î°£ÀÚ°Ý °Ë»ö ¹öÆ° (.sub-cont-tit > .btn ÀÌ À§Ä¡¸¦ Àâ´Â´Ù) */
.sub-cont-tit > .btn-srch {
	margin-left: auto;
	background: var(--clr-primary50);
	color: var(--clr-primary400);
}
.sub-cont-tit > .btn-srch::after {
	content: '\f0d1';
	margin-left: 0.8rem;
	font-size: 1.2em;
}
/* °úÁ¤ Ä«µå : ¸ñ·Ï ¸¶Å©¾÷Àº ajax.license_list.asp °¡ ¸¸µç´Ù
   (li > small.lec-num + strong.box-line-tit). °øÁö Ä«µå(.board-list)¿Í °°Àº Åæ */
.lic-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.8rem;
}
/* °úÁ¤ ¼ö°¡ ¸¹¾Æ Ä«µå ÇÑ ÀåÀº ÇÑ ÁÙ·Î ´¯Èù´Ù (µî·Ï¹øÈ£ Ĩ ¡¤ Á¦¸ñ ¡¤ È­»ìÇ¥) */
.lic-list > li {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 1.4rem;
	padding: 1.6rem;
	padding-right: 3.6rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.2rem;
	cursor: pointer;
	transition: 0.25s;
}
.lic-list > li:hover {
	border-color: var(--clr-primary200);
	box-shadow: 0 6px 18px rgba(0,0,0,0.07);
	transform: translateY(-2px);
}
/* µî·Ï¹øÈ£ : ¾Ë¾àÇü Ĩ */
.lic-list .lec-num {
	padding: 0.5rem 1.2rem;
	background: var(--clr-gray50);
	border-radius: 99px;
	font-size: var(--fs-mini);
	font-weight: 500;
	color: var(--clr-gray500);
	white-space: nowrap;
	transition: 0.25s;
}
.lic-list > li:hover .lec-num {
	background: var(--clr-primary50);
	color: var(--clr-primary500);
}
.lic-list .box-line-tit {
	margin: 0;
	font-size: var(--fs-normal);
	font-weight: 600;
	line-height: 1.4;
	word-break: keep-all;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.lic-list > li::after {
	content: '\ea6e';
	position: absolute;
	right: 1.4rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2rem;
	line-height: 1;
	color: var(--clr-gray200);
	transition: 0.25s;
}
.lic-list > li:hover::after {
	right: 1rem;
	color: var(--clr-gray600);
}


/* *****  ÀÌ¿ë¾à°ü ¡¤ °³ÀÎÁ¤º¸Ã³¸®¹æħ (company/terms_of_use.asp, terms_of_use2.asp) ***** */
/* Àå(íñ) ´ÜÀ§·Î Ä«µå ÇÑ À徿 */
.terms-list {
	display: flex;
	flex-direction: column;
	gap: 1.6rem;
}
.terms-list > li {
	padding: 3rem 3.2rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
}
/* ¸Ó¸®¸» : º»¹®ÀÌ ¾Æ´Ï¶ó ¾È³»¹®À̹ǷΠ¿¶Àº ¹ÙÅÁÀ¸·Î ±¸ºÐ */
.terms-list > li.terms-lead {
	background: var(--clr-gray50);
	border-color: transparent;
}
/* Àå Á¦¸ñ */
.terms-list .box-line-tit {
	margin: 0 0 2.4rem;
	padding-bottom: 1.6rem;
	border-bottom: 2px solid var(--clr-secondary600);
	font-size: var(--fs-medium);
	font-weight: 700;
	color: var(--clr-black);
}
/* Á¶¹® Á¦¸ñ : º»¹®º¸´Ù ÇÑ ´Ü°è ¿Ã·Á À§°è¸¦ ¸¸µç´Ù */
.terms h5 {
	margin: 2.8rem 0 0.8rem;
	font-size: var(--fs-normal);
	font-weight: 600;
	color: var(--clr-black);
}
.terms .box-line-tit + h5,
.terms-list > li > h5:first-child {
	margin-top: 0;
}
.terms h5 + p {
	margin: 0;
	font-size: var(--fs-small);
	line-height: 1.8;
	color: var(--clr-gray600);
}
.terms-lead p {
	margin: 0;
	font-size: var(--fs-small);
	line-height: 1.8;
	color: var(--clr-gray600);
}
/* *****  »çÀÌÆ®¸Ê (company/sitemap.asp) ***** */
/* ±×·ì¸¶´Ù Ç׸ñ ¼ö°¡ 1~20°³·Î Á¦°¢°¢À̶ó Ä«µå·Î ³ª´©¸é Å©±â°¡ µéÂß³¯ÂßÇØÁø´Ù.
   ´ëºÐ·ù¸¦ ¿ÞÂÊ °íÁ¤ Æø¿¡ ¼¼¿ö ÇÑ Ç྿ Á¤·ÄÇÑ´Ù */
.list-sitemap {
	border-top: 2px solid var(--clr-secondary600);
}
.list-sitemap > li {
	display: grid;
	grid-template-columns: 18rem minmax(0, 1fr);
	align-items: start;
	gap: 2rem;
	padding: 2.4rem 1rem;
	border-bottom: var(--line-base);
}
.list-sitemap .sub-cont-tit {
	margin: 0;
	font-size: var(--fs-medium);
	color: var(--clr-black);
}
.list-sitemap .sub-cont-tit::before { display: none; }
/* ¸µÅ©´Â °íÁ¤ ¿­ °ÝÀÚ¿¡ ¾ñ´Â´Ù. flex-wrap À¸·Î È긮¸é Ç׸ñ ±æÀÌ°¡ Á¦°¢°¢À̶ó
   µÑ° ÁÙºÎÅÍ ¼¼·Î¼±ÀÌ ¾î±ß³­´Ù */
.list-sitemap .flex-box {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: start;
	gap: 0.2rem 2rem;
	margin: 0;
}
.list-sitemap .flex-box > li {
	width: auto;
	font-size: var(--fs-small);
	font-weight: 400;
}
.list-sitemap .flex-box > li > a {
	display: block;
	color: var(--clr-gray600);
	transition: color 0.2s;
}
/* ½ÃÀÛÁ¡À» ´«¿¡ º¸ÀÌ°Ô ÇÏ´Â Á¡. ±½±â´Â °Çµå¸®Áö ¾Ê´Â´Ù (ÆøÀÌ Èçµé·Á Á¤·ÄÀÌ ±úÁø´Ù) */
.list-sitemap .flex-box > li > a::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 0.8rem;
	vertical-align: middle;
	border-radius: 50%;
	background: var(--clr-gray300);
	transition: background 0.2s;
}
.list-sitemap .flex-box > li > a:hover { color: var(--clr-primary500); }
.list-sitemap .flex-box > li > a:hover::before { background: var(--clr-primary400); }
/* 3depth : ¸µÅ©°¡ ¾Æ´Ñ ¾È³»¿ë Ç׸ñÀ̶ó ÅæÀ» ³·Ãß°í ¸µÅ© ±ÛÀÚ¿¡ ¸ÂÃç µé¿©¾´´Ù */
.list-sitemap .dep3 {
	margin: 0 0 0.6rem;
	padding-left: 1.1rem;
	font-size: var(--fs-mini);
	font-weight: 400;
	color: var(--clr-gray400);
	line-height: 1.8;
}
/* *****  ÇнÀ¹æ (mypage/studyRoom.asp)  *****
   º»¹® Æø¿¡ °¤Èù ¹®¼­Çü¿¡¼­, È­¸é Àüü¸¦ ¾²´Â 2´Ü ¼Ð·Î ¹Ù²Û´Ù.
   ¿ÞÂÊÀº ¿µ»ó + Á¤º¸ ÅÇ, ¿À¸¥ÂÊÀº µû¶ó´Ù´Ï´Â ¸ñÂ÷ »çÀ̵å¹Ù.
   ±× ¾Æ·¡·Î ±æ°Ô ´Ã¾îÁö´ø ÇнÀÁ¤º¸ ¡¤ ±³¾È ¡¤ FAQ ´Â ÅÇ µÚ·Î Á¢¾ú´Ù */
.studyRoom { background: var(--clr-gray50); }

/* »ó´Ü ¹Ù : ³ª°¡±â ¡¤ ÇöÀç Â÷½Ã ¡¤ ÁøµµÀ² */
.studyRoom .sr-bar {
	position: sticky;
	top: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	gap: 2.4rem;
	padding: 1.4rem 2.4rem;
	background: var(--clr-navy);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}
.studyRoom .sr-back {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.9rem 1.6rem;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 10rem;
	font-size: var(--fs-xsmall);
	font-weight: 500;
	color: rgba(255, 255, 255, 0.85);
	transition: 0.2s;
}
.studyRoom .sr-back:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.5);
	color: #fff;
}
.studyRoom .sr-now {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: baseline;
	gap: 1rem;
	font-size: var(--fs-regular);
	font-weight: 600;
	color: #fff;
}
.studyRoom .sr-now > em {
	flex: 0 0 auto;
	padding: 0.4rem 1.2rem;
	background: var(--clr-primary400);
	border-radius: 10rem;
	font-size: var(--fs-mini);
	font-weight: 700;
}
.studyRoom .sr-now > span {
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* ÁøµµÀ² : ¾Æ·¡·Î ³»·Á°¡ ÀÖ¾î º¸ÀÌÁö ¾Ê´ø °ªÀ» »ó´Ü ¹Ù¿¡ »ó½Ã ³ëÃâÇÑ´Ù */
.studyRoom .sr-rate {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 26rem;
}
.studyRoom .sr-rate-label {
	flex: 0 0 auto;
	font-size: var(--fs-mini);
	color: rgba(255, 255, 255, 0.6);
	white-space: nowrap;
}
.studyRoom .sr-rate progress {
	flex: 1 1 auto;
	height: 0.6rem;
}
.studyRoom .sr-rate progress::-webkit-progress-bar { background: rgba(255, 255, 255, 0.18); }
/* ä¿öÁö´Â »öÀº ÇнÀÇϱâ Ä«µåÀÇ Áøµµ ¸·´ë(.st-prog-rate)¿Í °°Àº ¿À·»Áö¡æÇÎÅ© */
.studyRoom .sr-rate progress::-webkit-progress-value {
	background: linear-gradient(to right, var(--clr-orange), var(--clr-primary400));
}
.studyRoom .sr-rate b {
	flex: 0 0 auto;
	min-width: 4.5rem;
	text-align: right;
	font-size: var(--fs-small);
	font-weight: 700;
	color: #fff;
	font-variant-numeric: tabular-nums;
}

/* 2´Ü ¼Ð */
.studyRoom .sr-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 36rem;
	align-items: start;
	gap: 2.4rem;
	width: 100%;
	max-width: 176rem;
	margin: 0 auto;
	padding: 2.4rem;
	box-sizing: border-box;
}
.studyRoom .sr-main { min-width: 0; }

/* ¦¡¦¡ ¿ÞÂÊ ¦¡¦¡ */
.studyRoom .sr-stage {
	position: relative;
	background: #000;
	border-radius: 1.4rem;
	overflow: hidden;
}
.studyRoom .sr-stage video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: contain;
	background: #000;
}
.studyRoom .sr-move {
	display: flex;
	gap: 0.8rem;
	margin: 1.6rem 0 0;
}
.studyRoom .sr-move .btn {
	flex: 1 1 0;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	padding: 1.4rem 1rem;
	border-radius: 1rem;
}
/* º»¹® ÅÇ */
.studyRoom .sr-tabs {
	display: flex;
	gap: 0.4rem;
	margin: 2.4rem 0 0;
	padding: 0.6rem;
	background: var(--clr-gray100);
	border-radius: 1.4rem;
}
.studyRoom .sr-tab {
	flex: 1 1 0;
	min-width: 0;
	padding: 1.1rem 1rem;
	background: transparent;
	border-radius: 1rem;
	font-size: var(--fs-small);
	font-weight: 600;
	color: var(--clr-gray500);
	transition: 0.2s;
}
.studyRoom .sr-tab:hover { color: var(--clr-black); }
.studyRoom .sr-tab.on {
	background: #fff;
	color: var(--clr-primary500);
	box-shadow: 0 2px 8px rgba(20, 30, 49, 0.1);
}
.studyRoom .sr-panel {
	display: none;
	margin: 1.6rem 0 0;
	padding: 2rem 2.4rem;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
}
.studyRoom .sr-panel.on { display: block; }
/* ÀÚÁÖ ¹¯´Â Áú¹®Àº Ä¿¹Â´ÏƼ FAQ(.faq-board)¿Í °°Àº Èò Ä«µå ¸ñ·ÏÀÌ´Ù.
   Èò ÆгΠÀ§¿¡ Èò Ä«µå°¡ °ãÄ¡Áö ¾Ê°Ô ÀÌ Æгθ¸ ¹ÙÅÁÀ» ȸ»öÀ¸·Î ´¯Èù´Ù */
.studyRoom .sr-panel-faq {
	padding: 1.6rem;
	background: var(--clr-gray50);
}
.studyRoom .sr-panel-faq .faq-q { padding: 1.6rem 2rem; }
.studyRoom .sr-panel-faq .faq-q-txt { font-size: var(--fs-normal); }
.studyRoom .sr-panel-faq .faq-a-inner { padding: 1.6rem 2rem; }
/* ÆгΠ¾È¿¡¼­ ½ºÅ©·ÑµÇ¹Ç·Î ´­·¶À» ¶§ Ä«µå°¡ À§·Î ¶ß¸é Èçµé·Á º¸Àδ٠*/
.studyRoom .sr-panel-faq .faq-item:not(:has(.faq-accordion-btn.active)):hover {
	transform: none;
}
/* ÇнÀ Á¤º¸ : ¶óº§ - °ª 4Ä­ */
.studyRoom .sr-meta {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.6rem;
}
.studyRoom .sr-meta > div {
	padding: 1.6rem;
	background: var(--clr-gray50);
	border-radius: 1.2rem;
}
.studyRoom .sr-meta dt {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: var(--fs-mini);
	font-weight: 500;
	color: var(--clr-gray500);
}
.studyRoom .sr-meta dd {
	margin: 0;
	font-size: var(--fs-medium);
	font-weight: 700;
	color: var(--clr-black);
	font-variant-numeric: tabular-nums;
}
/* ±³¾È ¸ñ·Ï */
.studyRoom .sr-files > li {
	display: flex;
	align-items: center;
	gap: 1.6rem;
	padding: 1.3rem 0;
	border-bottom: 1px dashed var(--clr-gray100);
	font-size: var(--fs-small);
	color: var(--clr-gray600);
}
.studyRoom .sr-files > li:last-child { border-bottom: none; }
.studyRoom .sr-files .btn {
	flex: 0 0 auto;
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.8rem 1.4rem;
	background: var(--clr-primary50);
	border: none !important;
	border-radius: 10rem;
	font-size: var(--fs-mini);
	font-weight: 600;
	color: var(--clr-primary500);
	white-space: nowrap;
}
.studyRoom .sr-files .btn:hover {
	background: var(--clr-primary100);
	color: var(--clr-primary600);
}
.studyRoom .sr-none {
	padding: 4rem 2rem;
	text-align: center;
	font-size: var(--fs-small);
	color: var(--clr-gray300);
}

/* ¦¡¦¡ ¿À¸¥ÂÊ : ¸ñÂ÷ »çÀ̵å¹Ù ¦¡¦¡ */
.studyRoom .sr-side {
	position: sticky;
	top: 8.4rem;			/* »ó´Ü ¹Ù ³ôÀÌ */
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}
.studyRoom .sr-playlist {
	display: flex;
	flex-direction: column;
	min-height: 0;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.4rem;
	overflow: hidden;
}
.sr-playlist .fold-btn {
	display: none;
	vertical-align: baseline;
}
.studyRoom .sr-playlist .box-line-tit {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 1.6rem 2rem;
	border-bottom: 1px solid var(--clr-gray100);
	font-size: var(--fs-small);
	color: var(--clr-black);
}
.studyRoom .sr-playlist .box-line-tit::before {
	content: '\eebe';
	margin-right: 0.8rem;
	font-weight: 400;
	color: var(--clr-primary400);
}
.studyRoom .sr-playlist .lec-chapter {
	flex: 1 1 auto;
	min-height: 0;
	max-height: calc(100vh - 22rem);
	overflow-y: auto;
}
.studyRoom .sr-playlist .list-board { border-top: none; }
.studyRoom .sr-playlist .list-board > li {
	padding: 1.4rem 2rem;
	border-bottom: 1px dashed var(--clr-gray100);
	cursor: pointer;
	transition: background 0.2s;
}
.studyRoom .sr-playlist .list-board > li:last-child { border-bottom: none; }
.studyRoom .sr-playlist .list-board > li:hover { background: var(--clr-gray50); }
.studyRoom .sr-playlist .list-board > li b {
	min-width: 3.6rem;
	text-wrap: nowrap;
	font-size: var(--fs-mini);
	color: var(--clr-gray400);
}
/* ÇöÀç Â÷½Ã : ¿ÞÂÊ¿¡ ±½Àº Ç¥½Ã¸¦ ¼¼¿ö ¸ñ·Ï¿¡¼­ ¹Ù·Î ã°Ô ÇÑ´Ù */
.studyRoom .sr-playlist .list-board > li.on {
	position: relative;
	background: var(--clr-primary50);
	color: var(--clr-primary400);
}
.studyRoom .sr-playlist .list-board > li.on::before {
	content: '';
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 0.4rem;
	background: var(--clr-primary400);
}
.studyRoom .sr-playlist .list-board > li.on b { color: var(--clr-primary400); }
.studyRoom .sr-playlist .list-board > li.on p {
	color: var(--clr-primary500);
	font-weight: 600;
}
.studyRoom .sr-playlist .list-board > li.on .chptr-info span,
.studyRoom .sr-playlist .list-board > li.on .chptr-info span::before {
	color: var(--clr-gray400);
}
.studyRoom .lec-chapter .list-board li .congrp {
	justify-content: flex-start;
}
/* ´Ù¸¥ °ú¸ñ : »çÀ̵å¹Ù ¾Æ·¡¿¡ ºÙ´Â Á¢ÀÌ½Ä */
.studyRoom .sr-list {
	position: relative;
	flex: 0 0 auto;
}
.studyRoom .sr-list-btn {
	box-sizing: border-box;
	width: 100%;
	padding: 1.3rem 2rem;
	background: #fff;
	border: 1px solid var(--clr-gray200);
	border-radius: 1.2rem;
	font-size: var(--fs-small);
	font-weight: 600;
	color: var(--clr-gray600);
	cursor: pointer;
	transition: 0.2s;
}
.studyRoom .sr-list-btn:hover { border-color: var(--clr-gray400); }
.studyRoom .sr-list-btn i { transition: transform 0.2s; }
.studyRoom .sr-list.active .sr-list-btn i { transform: rotate(180deg); }
.studyRoom .sr-list-con {
	/* display : none ¾ø¾Ö°í visibility·Î ´ëü */
	visibility: collapse;
	position: absolute;
	bottom: calc(100% + 0.6rem);
	width: 100%;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--clr-gray100);
	border-radius: 1.2rem;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	color: var(--clr-gray500);
	z-index: 50;
	height: fit-content !important;
}
.studyRoom .sr-list-con > li {
	padding: 1.2rem 2rem;
	font-size: var(--fs-small);
}
.studyRoom .sr-list-con > li > a { display: block; }
.studyRoom .sr-list-con > li:hover {
	background: var(--clr-primary50);
	color: var(--clr-primary500);
}
.login-ok .box-line {
	box-shadow: var(--shadow-light);
	margin: 0 auto;
	box-sizing: border-box;
}
/* *****  °áÁ¦ ¿Ï·á (settlement/order_inno_success.asp ¡¤ order_NoBank_success.asp) *****
   °¡ÀÔ ¿Ï·á(.join-done)¿Í °°Àº ±Ô°Ý : °¡¿îµ¥ Ä«µå ÇÑ Àå¿¡ °á°ú¿Í ³»¿ªÀ» ´ã´Â´Ù */
.pay-ok { background: var(--clr-gray50); }
.pay-ok .box-line {
	width: 100%;
	max-width: 52rem;
	margin: 0 auto;
	padding: 5rem 4rem 4rem;
	box-sizing: border-box;
	border-radius: var(--edge);
	background: #fff;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	text-align: center;
}
/* ȸ»ö ¶ì¸¦ µÎ¸£Áö ¾Ê°í ±×¸²¸¸ ³²±ä´Ù */
.pay-ok .pay-ok-img {
	background: none;
	padding: 0;
	margin-bottom: 1.6rem;
}
.pay-ok .sub-tit {
	margin: 0 0 2.8rem;
	font-size: var(--fs-xlarge);
}
/* ³»¿ª : ¶óº§ - °ª ÁÙÀ» Ä«µå ¾È¿¡ ½×´Â´Ù */
.pay-ok .list-board {
	border-top: none;
	margin-bottom: 3.2rem;
	text-align: left;
}
.pay-ok .list-board > li {
	padding: 1.2rem 0;
	border-bottom: 1px dashed var(--clr-gray100);
	justify-content: space-between;
	align-items: baseline;
	gap: 1.6rem;
}
.pay-ok .list-board > li:last-child { border-bottom: none; }
.pay-ok .list-board .box-line-tit {
	flex: 0 0 auto;
	min-width: auto;
	margin-bottom: 0;
	font-size: var(--fs-small);
	font-weight: 500;
	color: var(--clr-gray500);
}
.pay-ok .list-board > li p {
	margin: 0;
	text-align: right;
	font-size: var(--fs-normal);
	font-weight: 500;
	color: var(--clr-black);
	overflow-wrap: anywhere;	/* °èÁ¹øȣó·³ ±ä °ª¸¸ ÇÊ¿äÇÒ ¶§ ²÷´Â´Ù */
}
.pay-ok .list-board .price {
	font-size: var(--fs-medium);
	font-weight: 700;
}
/* °áÁ¦ ½ÇÆÐ : ¿Ï·á ÀÏ·¯½ºÆ® ´ë½Å ºÓÀº Ç¥½Ã¸¦ ¼¼¿î´Ù
   (°¡ÀÔ ¿Ï·á .join-done-ico ¿Í °°Àº ±Ô°Ý. ¿øÀÌ Æ¢¾î³ª¿Â µÚ X °¡ ±×·ÁÁø´Ù) */
.pay-ok .pay-fail-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 7rem;
	height: 7rem;
	margin: 0 0 2.4rem;
	background: var(--clr-red);
	border-radius: 50%;
	font-size: 3.6rem;
	color: #fff;
	animation: joinDonePop 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.pay-ok .pay-fail-ico > svg {
	display: block;
	width: 1em;
	height: 1em;
}
.pay-fail-mark {
	fill: none;
	stroke: currentColor;
	stroke-width: 6;
	stroke-linecap: round;
	stroke-dasharray: 23;	/* µÎ ȹ ±æÀÌ(¾à 22.6) */
	stroke-dashoffset: 23;
	animation: payFailMark 0.4s 0.28s ease-out forwards;
}
@keyframes payFailMark {
	to { stroke-dashoffset: 0; }
}
/* Á¦¸ñ ¾Æ·¡ ÇÑ ÁÙ ¾È³» */
.pay-ok .sub-tit:has(+ .pay-fail-txt) { margin-bottom: 1rem; }
.pay-ok .pay-fail-txt {
	margin: 0 0 2.8rem;
	font-size: var(--fs-small);
	color: var(--clr-gray500);
}
.pay-ok .list-board + .btn {
	display: block;
	margin: 0;
}
.pay-ok .pay-ok-img > img {
	display: block;
	max-width: 18rem;
	margin: 0 auto;
	animation: payOkImg 1s 0.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}
@keyframes payOkImg {
	0% { transform:translateY(-1rem); }
	100% { transform:translateY(0); }
}
.company #lecture-list > li {
	cursor: pointer;
}
.login-ok {
	padding: 4rem;
}
.login-ok .logo > a {
	justify-content: center;
}
.login-ok .box-line {
	padding: 2rem;
	margin: 4rem auto;
	max-width: 500px;
}
.login-ok .btn {
	display: block;
	width: 100%;
	margin-top: 4rem;
}
.login-ok-naver .btn {
	background: #03c75a;
	color: #fff !important;
	border: none !important;
}
.login-ok-naver b,
.caption.login-ok-naver {
	background: #03c75a;
	color: #fff;
}
.login-ok-kakao .btn {
	background: #FFEB00;
	color: var(--clr-gray600) !important;
	border: none !important;
}
.login-ok-kakao b,
.caption.login-ok-kakao {
	background: #FFEB00;
	color: var(--clr-gray600);
}
.caption.login-ok-naver,
.caption.login-ok-kakao {
	font-size: var(--fs-mini);
	font-weight: 500;
	display: inline-block;
	padding: 0.3em 1em;
	margin: 0 0.5em;
	border-radius: 2rem;
	line-height: 1;
}
.caption.login-ok-naver > img ,
.caption.login-ok-kakao > img {
	height: 0.7em;
	margin-right: 0.5em;
}

/* ****************************** ¼ö°­°úÁ¤ ¸®½ºÆ® NEW ****************************** */
.lecture-new .lecture-best {
	margin: 4rem 0 0;
	padding: 0 0 3rem;
	border-bottom: 1px dashed var(--clr-gray100);
}
.lecture-new .lecture-best .lb-title {
	font-size: var(--fs-large);
	font-weight: 600;
	margin: 3rem 0;
}
.lecture-new .lecture-best ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 4rem;
}
.lecture-new .lecture-best ul > li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	font-size: var(--fs-small);
	font-weight: 500;
	transition: 0.2s;
}
.lecture-new .lecture-best ul > li a {
	display: block;
	width: fit-content;
	border-radius: 12px;
	overflow: hidden;
}
.lecture-new .lecture-best ul > li a img {
	display: block;
	margin: 0 auto;
}
.lecture-new .lecture-best ul > li:hover {
	color: var(--clr-primary400);
	font-weight: 600;
}

/* ****************************** ·Î±×ÀÎ ****************************** */
body.form-login { background: var(--clr-gray50); }
body.form-login .sub-top { display: none; }
.form-login .sub-cont {
	max-width: 116rem;
	margin: 8rem auto 12rem;
}
.form-login .login-grid { /* ¿ÞÂÊ ¾È³» ¹®±¸ + ¿À¸¥ÂÊ ·Î±×ÀÎ Ä«µå */
	display: grid;
	grid-template-columns: minmax(0, 1fr) 56rem;
	align-items: center;
	gap: 8rem;
}
.form-login .login-promo-label {
	font-size: var(--fs-xsmall);
	font-weight: 500;
	letter-spacing: 0;
	color: var(--clr-gray400);
	margin-bottom: 1.6rem;
}
.form-login .login-promo-tit {
	font-size: var(--fs-big-title);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.045em;
	color: var(--clr-secondary600);
}
.form-login .login-promo-desc {
	font-size: var(--fs-medium);
	font-weight: 500;
	line-height: 1.6;
	color: var(--clr-gray500);
	margin-top: 2rem;
}
.form-login .login-promo-desc > b {
	font-weight: 700;
	color: var(--clr-primary400);
}
.form-login .login-card {
	background: #fff;
	border-radius: var(--edge);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	padding: 4rem;
	box-sizing: border-box;
}
.form-login .login-card-tit {
	font-size: var(--fs-xlarge);
	font-weight: 600;
	color: var(--clr-black);
	text-align: center;
	margin: 0 0 3rem;
}
.form-login .form-list > li { margin: 0 0 1rem; }
.form-login .login-field {
	position: relative;
	display: block;
}
.form-login .login-field > i {
	position: absolute;
	top: 50%;
	left: 1.6rem;
	transform: translateY(-50%);
	font-size: var(--fs-regular);
	font-weight: 400;
	line-height: 1;
	color: var(--clr-gray300);
}
.form-login .form-list .login-field input {
	padding: 0 1.6rem 0 4.4rem;
	margin: 0;
	border: 1px solid var(--clr-gray200);
	border-radius: 1rem;
	background: #fff;
}
/* base.css ÀÇ input:focus º¸´Ù ƯÀ̵µ°¡ ³ô¾Æ Å׵θ®¸¦ Á÷Á¢ µ¤¾î½á¾ß ÇÑ´Ù */
.form-login .form-list .login-field input:focus { border-color: var(--clr-primary400); }
.form-login .login-field input::placeholder { color: var(--clr-gray400); }
.form-login .form-list > li.login-save {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	margin: 2rem 0;
}
.form-login .login-save label {
	font-size: var(--fs-xsmall);
	font-weight: 500;
	color: var(--clr-gray500);
	margin-right: 1.4rem;
}
.form-login .login-save label:last-child { margin-right: 0; }
.form-login .login-save label { cursor: pointer; }
.form-login .or {
	margin: 3rem 0 !important; /* .or ±âº»°ªÀÌ !important */
	font-size: var(--fs-xsmall);
}
.form-list > li [class*="btn"] {
	height: 5rem;
	box-sizing: border-box;
}
.form-login .form-list > li.login-sns {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin: 2rem 0;
}
.form-login .login-sns h5 {
	flex: 0 0 100%;
	font-size: var(--fs-xsmall);
	color: var(--clr-gray400);
	margin-bottom: 0.4rem;
}
.form-login .login-sns [class*="btn"] {
	flex: 1 1 0;
	min-width: 0;
	font-weight: 600;
	border-radius: 8px;
}
.form-login .member-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin: 3rem 0 0;
	padding: 1.8rem 0 0;
	border-top: var(--line-base);
}
.form-login .member-link .btn-join {
	font-size: var(--fs-xsmall);
	font-weight: 600;
	color: var(--clr-primary400) !important;
	background: var(--clr-primary50);
	padding: 0.6rem 1.2rem;
	border-radius: 6px;
}
.member-form .member-link .btn-text {
	font-weight: 500;
	color: var(--clr-gray400);
}

/* ****************************** ¹ÝÀÀÇü ****************************** */

/* ********** for Desktop(narrow) ***********/
@media all and (max-width:1279px) {
	.blog-wrap {
		grid-template-columns: minmax(0, 1fr) 28rem;
		gap: 3rem;
	}
	.lnb-wrap { gap: 4rem; }
	/* ÄÁÅ×À̳ʰ¡ 1120px ¸¦ ´ãÀ» ¼ö ¾øÀ¸¹Ç·Î ÁÂ¿ì ¿ªÇÒÀ» µÇµ¹¸°´Ù */
	.lnb {
		flex: 0 0 22rem;
		width: 22rem;
	}
	.lnb-cont { flex: 1 1 auto; }
	.lnb-tit { font-size: var(--fs-subtitle); }
	.lecture-new .list-lec:has(.lec-card) { grid-template-columns: repeat(2, 1fr); }
	.lecture-new .lecture-best ul > li a { width: 100%; }
	.lecture-new .lecture-best ul > li a img {
		width: 100%;
		height: auto;
	}
}

/* ********** for Tablet ***********/
@media all and (max-width:1023px) {
	/* ÇнÀ¹æ : »çÀ̵å¹Ù¸¦ Á¼È÷°í ÇнÀ Á¤º¸ 4Ä­À» 2Ä­À¸·Î Á¢´Â´Ù */
	.studyRoom .sr-shell { grid-template-columns: minmax(0, 1fr) 30rem; }
	.studyRoom .sr-rate { width: 20rem; }
	.studyRoom .sr-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	/* Àλ縻 : º»¹® ÆøÀÌ ÁÙ¾îµç ¸¸Å­ À̹ÌÁö¡¤°£°ÝÀ» Á¼Èù´Ù */
	.ci-lead { gap: 3rem; }
	.ci-item {
		grid-template-columns: 12rem minmax(0, 1fr);
		gap: 2rem;
		padding: 2.4rem;
	}
	.ci-item-img {
		width: 12rem;
		height: 12rem;
	}
	/* »çÀÌÆ®¸Ê : º»¹®ÀÌ Á¼¾ÆÁö¹Ç·Î Ä«µå 3¿­ -> 2¿­ */
	/* ÀÚ°ÝÁõ ¹ß±Þ : ¿¹½Ã Ä«µå°¡ Á¼¾ÆÁö¹Ç·Î ¿©¹éÀ» ÁÙÀδ٠*/
	.lic-sample { gap: 1.2rem; }
	.lic-sample > li { padding: 1.6rem; }
	/* »çÀÌÆ®¸Ê : º»¹®ÀÌ Á¼¾ÆÁø ¸¸Å­ ´ëºÐ·ù ¿­°ú ¸µÅ© ¿­ ¼ö¸¦ ÁÙÀδ٠*/
	.list-sitemap > li { grid-template-columns: 14rem minmax(0, 1fr); }
	.list-sitemap .flex-box { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	/* ¹Î°£Àڰݾȳ» : Ä«µå ÆøÀÌ ÁÙ¾îµç ¸¸Å­ Á¦¸ñ¡¤¿©¹éÀ» ÇÑ ´Ü°è ÁÙÀδÙ
	   (¿©±â¼­ ÁÙ¿©µÎ¸é 767 ÀÌÇϱîÁö ±×´ë·Î À̾îÁø´Ù) */
	.lic-list > li {
		gap: 1rem;
		padding: 1.4rem;
		padding-right: 3.2rem;
	}
	.lic-list .box-line-tit { font-size: var(--fs-small); }
	/* ã¾Æ¿À½Ã´Â±æ : º»¹®ÀÌ Á¼¾ÆÁö¹Ç·Î ¹ö½º Á¤·ùÀåÀ» 2¿­·Î */
	.wt-route > li > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wt-route .box-line-tit { flex: 0 0 14rem; }
	/* ºí·Î±× : »çÀ̵带 º»¹® ¾Æ·¡·Î ³»¸®°í µÎ ¹Ú½º¸¦ °¡·Î·Î ³ª´«´Ù */
	.blog-wrap {
		grid-template-columns: minmax(0, 1fr);
		gap: 5rem;
	}
	.blog-cards-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.blog-side {
		position: static;
		flex-direction: row;
		gap: 4rem;
	}
	.blog-side-box {
		flex: 1 1 0;
		min-width: 0;
	}
	.blog-card-thumb { aspect-ratio: 3 / 4; }
	/* ·Î±×ÀÎ : Á¿ì 2´Ü -> 1´Ü */
	.form-login .sub-cont { max-width: 56rem; }
	.form-login .login-grid {
		grid-template-columns: 1fr;
		gap: 4rem;
	}
	.form-login .login-promo-tit { font-size: var(--fs-title); }

	/* ÁÂÃø ¸Þ´º À¯Áö. º»¹® Æø È®º¸¸¦ À§ÇØ ¸Þ´º Æø¡¤°£°Ý¸¸ ÁÙÀδ٠*/
	.lnb-wrap { gap: 3rem; }
	.lnb {
		flex: 0 0 18rem;
		width: 18rem;
	}
	.lnb-list > li > a {
		min-height: 5.4rem;
		padding: 1.4rem 0.8rem;
		font-size: var(--fs-small);
	}
	.lnb-sub { padding-left: 1.2rem; }
	.lnb-sub > li > a { font-size: var(--fs-xsmall); }

	.find-card { padding: 3.2rem 2.4rem; }
	.my-tabs-sub > li .btn { padding: 1.5rem 1.6rem; }
	/* dep2 ÅÇÀº ³× Ä­À» ÇÑ ÁÙ¿¡ µÎ±â¿£ Á¼¾ÆÁø´Ù. 2¿­·Î Á¢´Â´Ù */
	.my-tabs:not(.my-tabs-sub) > li { flex: 1 0 calc(50% - 0.8rem); }
	/* ³× Ä­À» ÇÑ ÁÙ¿¡ À¯ÁöÇÑ´Ù. ´Ù¸¸ ÁÂÃø ¸Þ´º°¡ ¾ÆÁ÷ ¿·¿¡ ºÙ¾î ÀÖ¾î 768px ¿¡¼­´Â
	   Ä­ÀÌ 117px »ÓÀ̶ó ¶óº§À» ÇÑ ÁÙ·Î µÎ¸é ±ÛÀÚ°¡ Ä­ ¹ÛÀ¸·Î ³ÑÄ£´Ù. µÎ ÁÙ±îÁö Á¢È÷°Ô µÐ´Ù.
	   Ä­ÀÌ ¼¼·Î·Î ±æ¾îÁö¸é 99rem ¾Ë¾àÀÌ ºÎǪ¹Ç·Î ¸ð¼­¸®µµ ÇÔ²² ³·Ãá´Ù */
	.my-tabs-status { border-radius: 1.6rem; }
	.my-tabs-status li .btn {
		border-radius: 1.2rem;
		padding: 1.2rem 0.8rem;
		gap: 0.6rem;
	}
	.my-tabs-status li .box-line-tit {
		font-size: var(--fs-xsmall);
		white-space: normal;
		word-break: keep-all;
	}
	/* ÇнÀÇϱâ Ä«µå : ÁÂÃø ¸Þ´º°¡ ¾ÆÁ÷ ¿·¿¡ ºÙ¾î ÀÖ¾î º»¹®ÀÌ °¡Àå Á¼¾ÆÁö´Â ±¸°£ÀÌ´Ù.
	   ½æ³×ÀÏÀ» ÁÙÀÌ°í º¸Á¶ ¹öÆ° ÁÙÀ» ¾Æ·¡·Î ³»·Á ±Û ÀÚ¸®¸¦ È®º¸ÇÑ´Ù */
	.st-list > li { padding: 2rem; }
	.st-head {
		grid-template-columns: 15rem minmax(0, 1fr);
		column-gap: 1.6rem;
	}
	.st-prog {
		gap: 1rem 1.6rem;
		padding: 1.4rem 1.6rem;
	}
	.st-prog-btns {
		margin-left: 0;
		width: 100%;
	}
	.st-prog-btns .st-btn { flex: 1 1 0; justify-content: center; }
	/* ƼÄÏ Ä«µå´Â 2¿­·Î µÎ¸é ¿À¸¥ÂÊ Á¤º¸°¡ ´­¸°´Ù */
	.list-coupon { grid-template-columns: minmax(0, 1fr); }
	.lec-summary .btn-big {
		padding: 1.5rem 7rem;
	}
	.list-lec {
		grid-template-columns: repeat(2, 1fr);
	}
	/* BEST 5 */
	.lecture-new .lecture-best {
		margin-top: 3rem;
	}
	.lecture-new .lecture-best .lb-title { margin: 2rem 0; }
	.lecture-new .lecture-best ul { gap: 1.5rem; }
	/* ¾È³» ¹®±¸ : ÁÂ¿ì ¿©¹é Á¦°ÅÇØ º»¹® Æø È®º¸ */
	.comment-img {
		gap: 2rem;
		padding: 0;
	}
	.total-amount > p { font-size: var(--fs-medium); }
}

/* ********** for Mobile ***********/
@media all and (max-width:767px) {
	/* ÀÚ°ÝÁõ ¹ß±Þ ½Åû : ¹öÆ°À» Ä«µå ¾Æ·¡·Î ³»¸°´Ù */
	.dp-list > li {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 0.8rem;
		padding: 1.6rem;
	}
	.dp-tit { font-size: var(--fs-normal); }
	.dp-act {
		grid-column: 1;
		grid-row: 3;
		margin-top: 0.4rem;
	}
	.dp-act .btn {
		flex: 1 1 auto;
		justify-content: center;
	}
	.dp-empty { padding: 6rem 1rem; }
	.lnb-cont-head {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 0.8rem;
	}
	.lnb-cont-head .location .flex-box { justify-content: flex-start; }
	.btn-write { padding: 1rem 2.4rem; }	/* Á¼Àº Æø¿¡¼­´Â ¼¼·Î ¿©¹éÀ» ÁÙÀδ٠*/
	/* dep2 ¸Þ´º : ÁÂÃø ¸Þ´º ÇØÁ¦ÇÏ°í ¼¿·ºÆ®¹Ú½º·Î ¼±Åà */
	.lnb-wrap {
		display: block;
		margin: 3rem 0 8rem;
	}
	.lnb {
		flex: none;
		width: auto;
		margin: 0 0 2rem;
	}
	.lnb-tit, .lnb-bar { display: none; }
	.lnb-list { display: none; }
	.lnb-select {
		display: block;
		width: 100%;
		font-size: var(--fs-small);
		font-weight: 500;
	}
	.lnb-cont .list-with-tabs { margin: 0 0 2rem; }
	.lnb-cont .pager-wrap { margin: 3rem 0 0; }
	/* ·Î±×ÀÎ */
	.form-login .sub-cont { margin: 3rem auto 8rem; }
	.form-login .login-grid { gap: 3rem; }
	.form-login .login-promo-label { margin: 0 0 0.5rem; }
	.form-login .login-promo-tit { font-size: var(--fs-subtitle); }
	.form-login br { display: none; }
	.form-login .login-promo-desc {
		font-size: var(--fs-normal);
		margin-top: 1.4rem;
	}
	.form-login .login-card { padding: 2.4rem 2rem; }
	.form-login .login-card-tit {
		font-size: var(--fs-large);
		margin: 0 0 2rem;
	}
	.form-login .member-link {
		flex-wrap: wrap;
		gap: 1rem;
		margin: 1rem 0 0;
	}
	.lecture-new .list-lec:has(.lec-card) { grid-template-columns: 1fr; }
	.lec-card-thumb { height: 20rem; }
	.lec-card-head { gap: 1.2rem; }
	.lec-card-tit { font-size: 1.9rem; }
	/* BEST 5 : 3¿­ */ 
	.lecture-new .lecture-best {
		margin: 3rem 0 0;
		padding-bottom: 2rem;
	}
	.lecture-new .lecture-best .lb-title {
		font-size: var(--fs-medium);
		margin: 2rem 0;
	}
	.lecture-new .lecture-best ul {
		grid-template-columns: repeat(3, 1fr);
		gap: 2rem 1.5rem;
	}
	.lecture-new .lecture-best ul > li { font-size: var(--fs-xsmall); }
	/* ¾È³» ¹®±¸ */
	.comment-img { font-size: var(--fs-mini); }
	.comment-img .img-wrap { display: none; }
	.comment-img .img-wrap > img {
		max-width: 5rem;
		height: auto;
	}
	.sub-tit {
		font-size: var(--fs-xlarge);
		margin: 4rem 0;
	}
	/* °áÁ¦ ¿Ï·á Ä«µå : ÁÂ¿ì ¿©¹éÀ» ÁÙÀδ٠*/
	.pay-ok .box-line { padding: 3.2rem 2.4rem; }
	.pay-ok .sub-tit { margin: 0 0 2.4rem; }
	.member-form .sub-cont { margin: 4rem 0 6rem; }
	.sub-cont { margin: 4rem 0; }
	.sub-cont-tit {
		font-size: 2.2rem;
	}
	.sub-banner {
		height: 12rem;
	}
	.sub-menu ul {
		display: table;
		table-layout: fixed;
	}
	.sub-menu ul li {
		display: table-cell;
		width: calc(100% / 4);
		padding: 0;
		margin: 0;
	}
	.sub-menu ul li a {
		font-size: var(--fs-normal);
	}
	.w-half { width: 100%; }
	.btn.w-half, .btn.w-full {
		width: 80%;
		font-size: var(--fs-regular);
	}
	.login-sns button {
		font-size: var(--fs-normal);
	}
	button.w-full:not(.btn-kakao, .btn-naver) { display:block; margin: 2rem auto; }
	.member-form .box-line + .btn,
	.form-login button.w-full { width: 100%; }
	/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â : Ä«µå ¿©¹é Ãà¼Ò */
	.find-wrap { margin: 4rem auto 8rem; }
	.find-result {
		margin: 4rem auto 8rem;
		padding: 3.6rem 2rem;
	}
	.find-result-ico {
		width: 6rem;
		height: 6rem;
		margin-bottom: 2rem;
		font-size: 3rem;
	}
	.find-result-ico.is-none { font-size: 2.6rem; }
	.find-result-tit { font-size: var(--fs-large); }
	.find-result-txt {
		margin-bottom: 2.4rem;
		font-size: var(--fs-normal);
	}
	.find-card { padding: 2.8rem 2rem; }
	.find-card-tit {
		margin-bottom: 2rem;
		font-size: var(--fs-large);
	}
	.find-card .list-with-tabs { margin-bottom: 2rem; }
	.form-list > li {
		flex-direction: column;
	}
	.form-list > li > div:first-child {
		width: 100% !important;
	}
	.form-list > li > div:first-child .box-line-tit { margin-bottom: 0; }
	.form-list > li > div:last-child,
	.form-list > li input:not(input[type=radio], input[type=checkbox]) {
		width: 100%;
	}
	.form-list > li > div:last-child { width: 100% !important; }
	.form-list > li.frm-phone select ~ input { width: 8rem !important; }
	.form-list > li:has(.btn) input {
		width: calc(100% - 11.5rem) !important;
	}
	.form-list .frm-zip > div > input { width: 100% !important; }
	.member-form input + .btn {
		width: 11rem !important;
		padding: 1rem;
	}
	.member-form input + .btn,
	.member-form label.point-m {
		font-size: var(--fs-normal);
	}
	.tb-issue-zip li:first-child input {
		width: calc(100% - 11.5rem) !important;
	}
	/* °¡ÀÔ ¿Ï·á : Ä«µå ¿©¹é°ú ¾ÆÀÌÄÜ Ãà¼Ò */
	.join-done { padding: 3.6rem 2rem; }
	.join-done-ico {
		width: 6rem;
		height: 6rem;
		margin-bottom: 2rem;
		font-size: 3rem;
	}
	.join-done-tit { font-size: var(--fs-large); }
	.join-done-txt {
		margin-bottom: 2.4rem;
		font-size: var(--fs-normal);
	}
	/* ȸ¿ø°¡ÀÔ : Ä«µå ¿©¹é Ãà¼Ò. ¾ÆÀ̵ð ÁÙÀº grid °¡ ÆøÀ» ÀâÀ¸¹Ç·Î calc ¸¦ µÇµ¹¸°´Ù */
	.join-card { padding: 2.4rem 2rem; }
	.join-card-head {
		margin-bottom: 2.4rem;
		padding-bottom: 1.6rem;
	}
	.join-card-tit { font-size: var(--fs-large); }
	.join-form > li { margin-bottom: 2rem; }
	.join-form > li:has(.btn) input { width: 100% !important; }
	.join-form > li.frm-phone select { flex: 0 0 8rem; }
	.tb-issue-zip li:last-child input { width: 100% !important; }
	.tb-issue-zip label:before {
		display: none;
	}
	.member-form .frm-root div:last-child {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem 0;
	}
	.member-form .frm-root div:last-child > span {
		width: 50%;
		padding: 0;
		margin: 0;
	}
	.list-lec {
		grid-template-columns: repeat(2, 1fr);
		gap: 0 1rem;
	}
	.list-lec .price-grp {
		padding: 1rem 1.5rem;
		margin-top: 0;
	}
	.list-lec .price-grp .label {
		display: block;
		margin-right: 0;
	}
	.list-lec .price-grp .discount {
		text-align: right;
		font-size: var(--fs-medium);
	}
	/* Àλ縻 : ¸Ó¸®±Û¡¤Ä«µå ¸ðµÎ À̹ÌÁö°¡ À§, ±ÛÀÌ ¾Æ·¡·Î ½×Àδ٠*/
	.ci-lead {
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 2.4rem;
		margin-bottom: 4rem;
	}
	.ci-lead > img {
		width: 100%;
		max-width: 20rem;
	}
	.ci-lead-text h3 {
		font-size: var(--fs-large);
		margin: 0 0 1.6rem;
	}
	.ci-lead-text p {
		margin-top: 0;
		font-size: var(--fs-normal);
	}
	.ci-item {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.6rem;
		padding: 2rem;
	}
	.ci-item-img {
		width: 12rem;
		height: 12rem;
		aspect-ratio: auto;
	}
	.ci-item-tit { font-size: var(--fs-regular); }
	/* ¹Î°£Àڰݾȳ» : °úÁ¤ Ä«µå 1¿­ */
	.lnb-cont .sub-cont > .section-sub { margin: 4rem 0 0; }
	.lic-list { grid-template-columns: minmax(0, 1fr); gap: 0.4rem; }
	.lic-list .lec-num { padding: 0.4rem 1rem; }
	/* ÀÌ¿ë¾à°ü ¡¤ °³ÀÎÁ¤º¸Ã³¸®¹æħ : Ä«µå ¿©¹é°ú Àå Á¦¸ñÀ» ÁÙÀδ٠*/
	.terms-list { gap: 1rem; }
	.terms-list > li { padding: 2rem; }
	.terms-list .box-line-tit {
		margin-bottom: 1.6rem;
		padding-bottom: 1.2rem;
		font-size: var(--fs-regular);
	}
	.terms h5 { margin-top: 2rem; }
	.list-board > li {
		padding: 1.5rem 1rem;
	}
	.lec-details .list-board li:not(.faq-list) {
		padding: 1.5rem 1rem;
	}
	.list-board.lb-half li {
		width: 100%;
	}
	.list-board.lb-half .lec-num { margin-right: 1rem; }
	/* ¹Î°£Àڰݾȳ» : Á¼Àº Æø¿¡¼­ ÁÂ¿ì ºñ±³Ç¥¸¦ ¼¼·Î·Î Á¢´Â´Ù.
	   thead/tbody/tr À» display:contents ·Î ¾ø¾Ö ¼¿À» Á÷Á¢ grid ¿¡ ¾ñ°í,
	   order ·Î "Á¦¸ñ ¡æ ±× Á¦¸ñÀÇ °ª" ¼ø¼­°¡ µÇµµ·Ï Àç¹è¿­ÇÑ´Ù.
	   (colgroup Àº grid ¿¡¼­ ¹«½ÃµÇ¹Ç·Î ¿­ ÆøÀº grid-template-columns °¡ Àâ´Â´Ù) */
	.lic-table thead,
	.lic-table tbody,
	.lic-table tr {
		display: contents;
	}
	.lic-table {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}
	/* ¼¼·Î·Î ½×À̹ǷΠÁÂ¿ì °ÝÀÚ¼±À» °È°í ¾Æ·¡¼±¸¸ ³²±ä´Ù
	   (:first-child ·Î ÁÂÃø¼±À» ³Ö´Â °ø¿ë ±ÔÄ¢°ú ƯÁ¤¼ºÀ» ¸ÂÃá´Ù) */
	.lic-table th, .lic-table td,
	.lic-table tr th:first-child,
	.lic-table tr td:first-child {
		border-left: none;
		border-right: none;
		border-bottom: var(--line-base);
		height: auto;
	}
	/* ±×·ì Á¦¸ñ : ¿¶Àº ¹ÙÅÁÀ¸·Î ±¸°£ÀÇ ½ÃÀÛÀ» Ç¥½Ã */
	.lic-table thead th {
		text-align: left;
		font-weight: 700;
		color: var(--clr-black);
	}
	/* ¶óº§µµ °ª°ú °°Àº ¹æÇâÀ¸·Î ÀÐÈ÷µµ·Ï ¿ÞÂÊ Á¤·Ä */
	.lic-table tbody th { text-align: left; width: 10rem; }
	/* ȯºÒ±ÔÁ¤ : Á¦¸ñ ¡æ ¸ñ·Ï ¡æ Á¦¸ñ ¡æ ¸ñ·Ï */
	.lic-table:not(.tb-row) thead th:nth-child(1) { order: 1; }
	.lic-table:not(.tb-row) tbody td:nth-child(1) { order: 2; }
	.lic-table:not(.tb-row) thead th:nth-child(2) { order: 3; }
	.lic-table:not(.tb-row) tbody td:nth-child(2) { order: 4; }
	/* ±â°ü ¾È³» : ±³À°±â°ü 5ÇàÀ» ¸ÕÀú, À̾ Àڰݹ߱ޱâ°ü 5Çà.
	   °¢ ÇàÀÇ 1¡¤2¹ø° ¼¿ÀÌ ¾Õ ±×·ì, 3¡¤4¹ø° ¼¿ÀÌ µÚ ±×·ìÀÌ´Ù */
	.lic-table.tb-row {
		grid-template-columns: 9rem minmax(0, 1fr);
	}
	.lic-table.tb-row thead th { grid-column: 1 / -1; }
	.lic-table.tb-row thead th:nth-child(1) { order: 0; }
	.lic-table.tb-row thead th:nth-child(2) { order: 10; }
	.lic-table.tb-row tbody tr:nth-child(1) > *:nth-child(-n+2) { order: 1; }
	.lic-table.tb-row tbody tr:nth-child(2) > *:nth-child(-n+2) { order: 2; }
	.lic-table.tb-row tbody tr:nth-child(3) > *:nth-child(-n+2) { order: 3; }
	.lic-table.tb-row tbody tr:nth-child(4) > *:nth-child(-n+2) { order: 4; }
	.lic-table.tb-row tbody tr:nth-child(5) > *:nth-child(-n+2) { order: 5; }
	.lic-table.tb-row tbody tr:nth-child(1) > *:nth-child(n+3) { order: 11; }
	.lic-table.tb-row tbody tr:nth-child(2) > *:nth-child(n+3) { order: 12; }
	.lic-table.tb-row tbody tr:nth-child(3) > *:nth-child(n+3) { order: 13; }
	.lic-table.tb-row tbody tr:nth-child(4) > *:nth-child(n+3) { order: 14; }
	.lic-table.tb-row tbody tr:nth-child(5) > *:nth-child(n+3) { order: 15; }
	.lic-table:not(.tb-row) thead th:nth-child(2), .lic-table.tb-row thead th:nth-child(2) {
		border-bottom: var(--line-base);
		border-top: 2px solid var(--clr-gray600);
		margin: 1rem 0 0;
	}
	.company-info .flex-box {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.4rem 0;
	}
	/* ã¾Æ¿À½Ã´Â±æ : Ä«µå 1¿­, ¶óº§Àº ³»¿ë À§·Î */
	.company-info > li { padding: 2rem; }
	.wt-contact { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
	.wt-contact .flex-box { align-items: flex-start; }
	.wt-route { gap: 1rem; }
	.wt-route .box-line-tit { flex: 0 0 auto; }
	.wt-route > li:has(.sort.subway) { align-items: flex-start; }
	.wt-route > li > div { grid-template-columns: minmax(0, 1fr); }
	/* ÀÚ°ÝÁõ ¹ß±Þ : ¿¹½Ã Ä«µå 1¿­, ¸Ó¸®¸»Àº µÎ ÁÙ·Î */
	.lic-lead {
		flex-direction: column;
		gap: 0.6rem;
		padding: 1.8rem 2rem;
	}
	.lic-lead-tit { white-space: normal; }
	.lic-sample {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}
	/* »çÀÌÆ®¸Ê : ´ëºÐ·ù¸¦ ¸µÅ© À§·Î ¿Ã·Á ÇÑ ´ÜÀ¸·Î ½×´Â´Ù */
	.list-sitemap > li {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
		padding: 2rem 0.5rem;
	}
	.list-sitemap .flex-box { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	/* ¼¼·Î ĨÀº Á¼Àº Æø¿¡¼­ Á¦¸ñ ÀÚ¸®¸¦ ¸Ô°í Ĩ ¾Æ·¡°¡ ºñ¹Ç·Î,
	   ³¯Â¥¸¦ °¡·Î ¾Ë¾àÀ¸·Î ´¯Çô ¹îÁö ÁÙ¿¡ ÇÔ²² Å¿î´Ù */
	.board-list { gap: 1rem; }
	.board-list > li {
		grid-template-columns: auto minmax(0, 1fr);
		column-gap: 0.8rem;
		row-gap: 0.8rem;
		padding: 1.6rem;
		border-radius: 1.2rem;
	}
	.board-list .bl-date {
		grid-row: 1;
		flex-direction: row-reverse;	/* ³â.¿ùÀÏ ¼øÀ¸·Î ÀÐÈ÷°Ô */
		gap: 0;
		border-radius: 10rem;
	}
	/* ³¯Â¥ ¾Ë¾à°ú ±¸ºÐ ¹îÁöÀÇ ³ôÀ̸¦ ¸ÂÃá´Ù.
	   .sort ´Â 1px Å׵θ®(.sort-must ´Â ¾øÀ½)°¡ ÀÖ¾î ±×´ë·Î µÎ¸é ¼­·Î ¾î±ß³­´Ù */
	.board-list .bl-date,
	.board-list .bl-marks .sort {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 2.6rem;
		padding: 0 1.2rem;
		box-sizing: border-box;
	}
	.board-list .bl-date b {
		font-size: var(--fs-xsmall);
		font-weight: 600;
	}
	.board-list .bl-date em {
		font-size: var(--fs-xsmall);
		font-weight: 400;
	}
	.board-list .bl-date em::after { content: '.'; }
	.board-list .bl-marks { grid-column: 2; }
	.board-list .bl-tit {
		grid-column: 1 / -1;
		font-size: var(--fs-normal);
		white-space: normal;
	}
	.oto-list .bl-tit-txt {
		white-space: normal;
		overflow: visible;
	}
	.board-list .bl-meta {
		grid-column: 1 / -1;
		gap: 1.2rem;
	}
	.board-list .bl-go { display: none; }
	.board-list .bl-empty,
	.blog-cards > .blog-empty { padding: 6rem 1rem; }
	/* ÇÕ°ÝÈıâ */
	.rv-write { padding: 1.6rem; }
	.rv-write .review-top > form { padding: 1.6rem; }
	/* 3¿­ÀÌ ¾È µé¾î°¡¹Ç·Î ¾È³»¹® ¾Æ·¡·Î ¹öÆ°À» ³»¸®°í ÆøÀ» ä¿î´Ù */
	.rv-write-head {
		flex-direction: column;
		align-items: stretch;
		gap: 1.6rem;
	}
	.rv-write-act { display: flex; }	/* ¹öÆ°À» ´Ã·Á ÆøÀ» ä¿î´Ù (width:100% ´Â padding ¸¸Å­ ³ÑÄ£´Ù) */
	.rv-write-act .btn-write {
		flex: 1 1 auto;
		justify-content: center;
	}
	.review-list.rv-cards { gap: 1.2rem; }
	.rv-cards > li {
		gap: 1.6rem;
		padding: 2.2rem;
		border-radius: 1.2rem;
	}
	/* ÅÍÄ¡ ±â±â´Â ÅÇÇÑ µÚ¿¡µµ :hover °¡ ³²´Â´Ù */
	.rv-cards > li:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.05); }
	.rv-cards > li:has(.rv-best):hover { box-shadow: 0 8px 24px rgba(240,166,0,0.16); }
	/* ºí·Î±× : Ä«µå 1¿­, »çÀ̵å´Â ¼¼·Î */
	.blog-wrap { margin: 3rem 0 8rem; }
	.blog-cards,
	.blog-cards-3 {
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}
	.blog-card-thumb { aspect-ratio: 16 / 10; }	/* 1¿­¿¡¼­´Â ¼¼·ÎÇüÀÌ ³Ê¹« ±æ¾îÁø´Ù */
	.blog-card-tit { font-size: var(--fs-regular); }
	.blog-card-info { padding: 2rem 1.6rem 1.6rem; }
	/* ¸ð¹ÙÀÏ¿¡¼­´Â ÀαâÀÚ°ÝÁõ °úÁ¤ ¡¤ ¸¹ÀÌ º» ±ÛÀ» ¼û±ä´Ù (º»¹® ¸ñ·Ï¿¡ ÁýÁß) */
	.blog-side { display: none; }
	.blog-main .pager-wrap { margin: 4rem 0 0; }
	.my-tabs {
		gap: 1rem;
	}
	.my-tabs > li {
		flex: 1 0 49%;
	}
	.my-tabs > li .btn {
		padding: 1.5rem;
		gap: 1rem;
	}
	.mypage .list-info > li {
		gap: 1rem 0.5rem;
	}
	.p-detail-grp { padding: 2rem; }
	.p-detail:has(progress) {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.p-detail:has(progress)::after { display: none; }
	/* ¼¼ Ä­À» ¼¼·Î·Î ½×°í ±¸ºÐ¼±À» ¾Æ·¡·Î µ¹¸°´Ù */
	.cart-item .congrp { flex-direction: column; }
	.cart-item .congrp > .box-line {
		flex: 0 0 auto;
		width: 100%;
		box-sizing: border-box;
		border-right: none;
		border-bottom: 1px solid var(--clr-gray100);
		padding: 1.6rem 2rem;
	}
	.cart-item .congrp > .box-line:last-child { border-bottom: none; }
	.cart-item .price-box { justify-content: flex-start; }
	.cart-item .cart-tit-wrap { padding: 1.8rem 2rem; }
	.tb-issue colgroup col { display: none; }
	.tb-issue th, .tb-issue td {
		display: block;
		border: none;
		height: unset;
	}
	.tb-issue th {
		border-bottom: 1px dashed var(--clr-gray100);
		border-left: none !important;
		padding: 1.5rem 2.4rem;
	}
	.tb-issue .mark-asterisk { margin: 0; }
	.pay-history .list-board > li {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		padding: 1.8rem 2rem;
	}
	.pay-history .list-board > li div:has(.btn) {
		margin-top: 1rem;
		margin-left: auto;
	}
	.list-coupon .coupon-info > p > span {
		display: block;
		margin-left: 0 !important;
	}
	.mypage-sub.member-form .form-list { padding: 0 1.8rem; }
	.member-form-view .form-list > li { flex-direction: row; }
	.member-form-view .form-list > li > div:first-child {
		flex: 0 0 10rem;
		border-bottom: none;
		width: auto !important;
		padding: 1.6rem 0;
	}
	.member-form-view .form-list > li > div:last-child {
		width: auto !important;
		padding: 1.6rem 0;
	}
	.member-form-view .form-list > li > div:first-child h5 { word-break: auto-phrase; }
	/* SNS ¿¬°á ÁÙ¸¸ ¿¹¿Ü : °ª Ä­¿¡ ¹öÆ°ÀÌ µé¾î°¡ ¶óº§°ú ³ª¶õÈ÷ µÎ¸é ¹öÆ°ÀÌ ´­¸°´Ù.
	   ÀÌ ÁÙ¸¸ ¶óº§À» À§·Î ¿Ã·Á ¹öÆ°ÀÌ ÆøÀ» ´Ù ¾²°Ô ÇÑ´Ù */
	.member-form-view .form-list > li:has(.login-sns) { flex-direction: column; }
	.member-form-view .form-list > li:has(.login-sns) > div:first-child {
		flex: 1 1 100%;
		padding: 1.6rem 0 0.4rem;
	}
	.member-form-view .form-list > li:has(.login-sns) > div:last-child {
		padding: 0 0 2rem;
		width: 100% !important;
	}
	.mypage-sub.member-form .login-sns { max-width: none; }
	/* ¼öÁ¤ ÆûÀº ÀÔ·ÂÄ­ÀÌ ³Ð¾î¾ß ÇϹǷΠ¶óº§À» ÀÔ·Â À§·Î ¿Ã¸°´Ù */
	.mypage-sub.member-form:not(.member-form-view) .form-list > li > div:first-child {
		flex: 1 1 100%;
		padding: 1.6rem 0 0.4rem;
	}
	.mypage-sub.member-form:not(.member-form-view) .form-list > li > div:first-child h5 {
		line-height: 1.6;
	}
	.mypage-sub.member-form:not(.member-form-view) .form-list > li > div:last-child {
		padding: 0 0 1.6rem;
	}
	.mypage-sub.member-form .form-list > li.frm-zip > div:last-child { max-width: none; }
	/* °ø¿ë ÆûÀÇ calc(100% - 11.5rem) À» µÇµ¹¸°´Ù (¹öÆ°Àº ¿ìÆí¹øÈ£ ÁÙ¿¡¸¸ ÀÖ´Ù) */
	.mypage-sub.member-form .form-list > li.frm-zip input { width: 100% !important; }
	.mypage-sub.member-form .btn-big {
		padding: 1.6rem 5rem;
	}
	/* .b-size-m ÀÇ Á¿ì 10rem Àº Á¼Àº Æø¿¡¼­ ¹öÆ°ÀÌ È­¸éÀ» ²Ë ä¿î´Ù */
	.mypage-sub.member-form .align-c .btn.b-size-m {
		padding: 0.9em 5rem;
	}
	.license-details .point-m,
	.lec-summary {
		top: 13.3rem;
	}
	.lec-summary .summ-main {
		display: block;
		padding: 1.5rem;
	}
	.lec-summary .lec-num { display: none; }
	.lec-summary .summ-main > div:last-child {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 1rem;
	}
	.lec-summary .card-tit {
		margin-left: 0;
		font-size: var(--fs-medium);
	}
	.lec-summary .fold-btn {
		margin: 0 0.5rem;
	}
	.lec-summary .btn-big {
		padding: 1rem 4rem;
	}
	.lec-summary .price-grp { margin-right: 1rem; }
	.lec-summary .price-grp .offiprice {
		font-size: var(--fs-xsmall);
	}
	.lec-summary .price-grp .discount { font-size: var(--fs-normal); }
	.price-grp .offiprice {
		font-size: var(--fs-small);
	}
	.lec-summary > .congrp {
		display: block;
	}
	.lec-summary > .congrp.fold-con > div {
		width: 100%;
		padding: 1rem;
		box-sizing: border-box;
	}
	.lec-summary .list-info {
		display: flex;
		flex-wrap: wrap;
	}
	.lec-summary .list-info .flex-box {
		width: 100%;
		align-items: flex-start;
		flex-grow: 1;
		margin-bottom: 0;
	}
	.lec-summary .line-box-tit {
		font-size: var(--fs-normal);
	}
	.lec-summary .list-info strong {
		text-wrap: nowrap;
		margin-right: 0.5rem;
	}
	.lec-summary .list-info + p {
		margin-top: 1rem;
		font-size: var(--fs-mini);
	}
	.teacher-photo-wrap {
		padding: 1rem;
	}
	.teacher-name {
		font-size: var(--fs-normal);
	}
	.teacher-career {
		padding: 1.5rem;
		margin-left: 1rem;
	}

	.lec-details .dl-con > div > img {
		max-width: 100%;
	}
	.lec-details .tips .congrp {
		flex-direction:  column;
		gap: 1rem;
		margin: 0;
	}
	.lec-details .tips .congrp .card {
		width: 100%;
		max-width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 1.5rem;
		text-align: left;
	}
	.lec-details .tips .congrp .card .img-wrap {
		width: 10rem;
		height: 10rem;
		min-width: 10rem;
		min-height: 10rem;
		margin: 0;
		transform: unset;
		margin-right: 4%;
	}
	.lec-details .tips .congrp .card .img-wrap > img {
		max-width: 4rem;
	}
	.lec-details .tips .congrp .card .card-tit {
		margin: 0;
		font-size: var(--fs-large);
	}
	.lec-details .tips .congrp .card p {
		text-align: left;
	}
	.lec-details .tips .congrp .card p br {
		display: none;
	}
	.lec-details .tips .congrp .card p .caption {
		display: block;
	}
	/* ÇнÀ¹æ : 2´ÜÀ» Ç®°í ¸ñÂ÷´Â È­¸é ¾Æ·¡¿¡¼­ ¿Ã¶ó¿À´Â ¼­¶øÀ¸·Î µ¹¸°´Ù
	   (Á¦¸ñÀ» ´©¸£¸é .sr-playlist ¿¡ .active °¡ ºÙ´Â´Ù - studyRoom.asp ÀζóÀÎ ½ºÅ©¸³Æ®) */
	.studyRoom .sr-shell {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.6rem;
		padding: 1.6rem;
	}
	.studyRoom .sr-bar {
		flex-wrap: wrap;
		gap: 1rem 1.6rem;
		padding: 1.2rem 1.6rem;
	}
	.studyRoom .sr-now { order: 3; width: 100%; font-size: var(--fs-small); }
	.studyRoom .sr-rate { width: auto; flex: 1 1 auto; }
	.studyRoom .sr-side {
		position: static;
		gap: 1.6rem;
	}
	.studyRoom .sr-playlist {
		position: fixed;
		left: 0;
		right: 0;
		bottom: calc(-60vh + 5.6rem);
		height: 60vh;
		border-radius: 1.4rem 1.4rem 0 0;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.14);
		z-index: 50;
		transition: bottom 0.3s;
	}
	.studyRoom .sr-playlist.active { bottom: 0; }
	.studyRoom .sr-playlist .box-line-tit { cursor: pointer; }
	.sr-playlist .fold-btn {
		display: inline-block;
		margin-left: auto;
	}
	.studyRoom .sr-playlist .lec-chapter { max-height: none; }
	/* ¼­¶øÀÌ Á¢Çô ÀÖÀ» ¶§µµ ¾Æ·¡ ¿©¹éÀ» È®º¸ÇÑ´Ù */
	.studyRoom .sr-list { margin-bottom: 6rem; }
	.faq-list h4.txt {
		box-sizing: border-box !important;
		padding-right: 5rem !important;
	}
	.faq-list .txt {
		width: 100% !important;
		box-sizing: border-box !important;
	}
	/* ÀÚÁÖÇÏ´Â Áú¹® - Ä¿¹Â´ÏƼ */
	.faq-board { gap: 1rem; }
	.faq-item { border-radius: 1.2rem; }
	/* ÅÍÄ¡ ±â±â´Â ÅÇÇÑ µÚ¿¡µµ :hover °¡ ³²´Â´Ù.
	   µé¶ä/±×¸²ÀÚ¸¦ ²ô°í, ¿­¸° Ç׸ñÀÇ °­Á¶¸¸ »ì¸°´Ù */
	.faq-item:hover {
		transform: none;
		border-color: var(--clr-gray100);
		box-shadow: none;
	}
	.faq-item:has(.faq-accordion-btn.active) {
		border-color: var(--clr-primary200);
		box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	}
	.faq-q {
		grid-template-columns: 2.8rem minmax(0, 1fr) 2.4rem;
		gap: 1rem;
		padding: 1.6rem;
	}
	.faq-mark {
		width: 2.8rem;
		height: 2.8rem;
		font-size: var(--fs-xsmall);
	}
	.faq-q-txt { font-size: var(--fs-normal); }
	.faq-a-inner {
		grid-template-columns: 2.8rem minmax(0, 1fr);
		gap: 1rem;
		padding: 1.6rem;
	}
	.faq-empty { padding: 6rem 1rem; }
	.lec-related .congrp {
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem 1.5rem;
	}
	.company #lecture-list .box-line-tit {
		font-size: var(--fs-normal);
	}
	.test-header .container {
		flex-direction: column;
		gap: 1rem;
		max-width: 100%;
	}
	.test-header .container .flex-box {
		width: 100%;
	}
	.test-header .btn {
		padding: 1.2rem 5rem;
	}
	.test-item {
		padding: 3rem;
	}
	.test-prac .test-cont .container > .comment {
		padding: 2.4rem;
	}
	.test-prac .file-wrap {
		flex-direction: column;
		align-items: stretch;
	}
	.test-prac .file-wrap .btn-grp > .btn {
		width: 100%;
	}
	.w-half { width: 100%; }
	.btn.w-half, .btn.w-full {
		width: 60%;
	}
	button.w-full:not(.btn-kakao, .btn-naver) {
		display:block;
		margin: 2rem auto;
	}
	.form-login button.w-full { width: 100%; }
	.my-tabs > li { flex: 0 0 46%; }
	/* dep3 ÅÇÀº Á¼¾ÆÁ®µµ ÇÑ ÁÙÀ» ÁöŲ´Ù (.my-tabs > li ÀÇ 2¿­ ±ÔÄ¢À» µÇµ¹¸°´Ù) */
	.my-tabs-sub > li { flex: 1 1 0; }
	.my-tabs-sub > li .btn { padding: 1.5rem 1.2rem; }
	.my-tabs.my-tabs-status > li { flex: 1 0 calc(50% - 0.5rem); }
	.my-tabs-status li .btn {
		flex-direction: row;
		padding: 1.2rem 1rem;
		gap: 0.8rem;
	}
	.p-detail-grp {
		padding: 2rem;
	}
	.p-detail::after {
		margin-left: 0.5rem; margin-right: 1.5rem;
	}
	.p-detail:has(progress) { width: 40%; }
	/* ÇнÀÇϱâ : ÁÂÃø ¸Þ´º°¡ ºüÁö°í ÇÑ ´Ü ±¸¼ºÀÌ µÇ¹Ç·Î ½æ³×Àϵµ ±Û ¿·ÀÌ ¾Æ´Ï¶ó
	   À§¿¡ ¶ì·Î ±ñ´Ù. °­ÀÇ Ä«µå(.lec-card-thumb)ó·³ ³ôÀ̸¦ °íÁ¤ÇØ
	   ÆøÀÌ º¯Çصµ Ä«µå°¡ ¼¼·Î·Î ±æ¾îÁöÁö ¾Ê°Ô ÇÑ´Ù */
	.st-head {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 1.6rem;
	}
	.st-thumb {
		aspect-ratio: auto;
		height: 16rem;
	}
	/* ÁÖ¿ä ¹öÆ° 3°³°¡ ÇÑ ÁÙ¿¡ ³²µµ·Ï ±ÛÀÚ ¡¤ ¿©¹éÀ» ÁÙÀδÙ
	   ("ÀÚ°ÝÁõ ¹ß±Þ"ÀÌ ±âº» Å©±â·Î´Â ÀÌ Æø¿¡¼­ µÎ ÁÙ·Î Á¢Èù´Ù) */
	.st-foot .btn {
		gap: 0.4rem;
		padding: 1.2rem 0.6rem;
		font-size: var(--fs-small);
	}
	.lec-summary .btn-big { padding: 1.4rem 6rem; }
	.lec-summary .summ-main {
		display: block;
	}
	.lec-summary .summ-main > div:last-child {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 1rem;
	}
	.lec-summary .card-tit {
		margin-left: 0;
	}
	.lec-summary .fold-btn {
		margin: 0 0.5rem;
	}
	.lec-summary .list-info strong {
		min-width: 30%;
	}
	.lec-details .tips .congrp .card p br {
		display: none;
	}
	.list-lec {
		grid-template-columns: repeat(2, 1fr);
	}
	.lec-related .congrp {
		gap: 4rem 1.5rem;
	}
	.list-coupon > li {
		padding: 0;
	}
}

@media all and (max-width:480px) {
	/* ÇнÀ¹æ : »ó´Ü ¹Ù ÁøµµÀ²Àº ¼ýÀÚ¸¸, º»¹® ÅÇ¡¤Á¤º¸´Â ÇÑ ÁÙ¾¿ ½×´Â´Ù */
	.studyRoom .sr-rate-label { display: none; }
	.studyRoom .sr-tabs { flex-wrap: wrap; }
	.studyRoom .sr-tab { flex: 1 1 10rem; font-size: var(--fs-xsmall); }
	.studyRoom .sr-panel { padding: 1.8rem 1.6rem; }
	.studyRoom .sr-meta { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; }
	.studyRoom .sr-move { flex-wrap: wrap; }
	.studyRoom .sr-move .btn { flex: 1 1 14rem; font-size: var(--fs-small); }
	/* °áÁ¦ ¿Ï·á : ¶óº§°ú °ªÀ» Á¿ì·Î ¹ú¸®±â¿£ ÆøÀÌ ¸ðÀÚ¶ó À§¡¤¾Æ·¡·Î ½×´Â´Ù */
	.pay-ok .box-line { padding: 2.8rem 1.8rem; }
	.pay-ok .pay-ok-img > img { max-width: 12rem; }
	.pay-ok .list-board > li {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.2rem;
	}
	.pay-ok .list-board > li p { text-align: left; }
	.form-login .login-sns .btn { flex: 1 1 100%; } /* ¹öÆ° ¶óº§ÀÌ ¾È µé¾î°¡¹Ç·Î ¼¼·Î */
	/* BEST 5 : 2¿­ */
	.lecture-new .lecture-best ul { grid-template-columns: repeat(2, 1fr); }
	/* ¾È³» ¹®±¸ */
	.comment-img .img-wrap > img { max-width: 4rem; }
	/* °­ÀÇ Ä«µå : Á¿ì Æеù Ãà¼Ò */
	.lec-card-head { padding: 1.6rem 1.6rem 0; }
	.lec-card-info { margin: 1.2rem 1.6rem 0; }
	.lec-card-foot { padding: 1.6rem; }
	.lec-card-thumb { height: 17rem; }
	.lec-card-tit { font-size: 1.8rem; }
	.btn.w-half, .btn.w-full {
		width: 100%;
	}
	/* È­¸éÀÌ Á¼¾ÆÁö¸é ÁÂ¿ì ¿©¹éÀ» ÁÖ´Â °Íº¸´Ù ÇÑ ÁÙÀ» ä¿ì´Â ÆíÀÌ ³´´Ù */
	.mypage-sub.member-form .align-c > .btn {
		flex: 1 1 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.congrp:has(.box-line) {
		flex-direction: column;
		align-items: flex-start;
	}
	.congrp > .box-line {
		width: 100%;
		box-sizing: border-box;
		padding: 1.5rem;
	}
	.congrp > .box-line {
		border-right: var(--line-base);
		border-bottom: none;
	}
	.congrp > .box-line:last-child {
		border-bottom: var(--line-base);
	}
	.ci-lead-text h3 { font-size: var(--fs-subtitle); }
	/* ¹Î°£Àڰݾȳ» : Á¦¸ñ ¿· °Ë»ö ¹öÆ°ÀÌ ÇÑ ÁÙ¿¡ ¸ø µé¾î°¡¹Ç·Î ¾Æ·¡·Î ³»¸°´Ù */
	.sub-cont-tit:has(.btn-srch) {
		flex-wrap: wrap;
		gap: 1rem;
	}
	.sub-cont-tit > .btn-srch { margin-left: 0; }
	/* °úÁ¤ Ä«µå : Á¦¸ñ Æø È®º¸¸¦ À§ÇØ µî·Ï¹øÈ£ ĨÀ» À­ÁÙ·Î ¿Ã¸°´Ù */
	.lic-list > li {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.6rem;
		padding: 1.2rem;
		padding-right: 3rem;
	}
	.lic-list .lec-num { justify-self: start; }
	/* ȯºÒ±ÔÁ¤ ¡¤ ±â°ü ¾È³» Ç¥ : ¼¼·Î·Î Á¢Èù »óÅÂ¶ó ¿©¹é¸¸ ÁÙÀδ٠*/
	.lic-table th, .lic-table td {
		padding: 1rem 1.2rem;
		font-size: var(--fs-small);
	}
	.lic-table.tb-row { grid-template-columns: 8rem minmax(0, 1fr); }
	.lic-table ul.list-info {
		padding: 0;
		font-size: var(--fs-small);
	}
	.rv-cards > li { padding: 2rem; }
	.rv-cards .rv-card-foot { gap: 1.2rem; }
	.rv-cards .review-photo {
		width: 7.2rem;		/* 86 x 90 ºñÀ² À¯Áö */
		height: 7.5rem;
	}
	.my-tabs:not(.my-tabs-sub) .box-line-tit { font-size: var(--fs-regular); }
	.my-tabs:not(.my-tabs-sub) li .mark-big {
		min-width: 5rem; min-height: 5rem;
		font-size: var(--fs-large);
	}
	.my-tabs:not(.my-tabs-sub) li .btn {
		padding: 1.6rem 1.4rem;
		row-gap: 1.2rem;
	}
	.my-tabs:not(.my-tabs-sub) .mt-ico {
		font-size: 3rem;
	}
	/* ÇнÀÇϱ⠼¼±×¸ÕÆ® ÅÇÀº Á¼Àº Æø¿¡¼­ ¼ýÀÚ¸¦ ¶óº§ À§·Î ¿Ã·Á ¼¼·Î·Î ½×´Â´Ù */
	.my-tabs-sub > li .btn {
		flex-direction: column-reverse;
		justify-content: center;
		gap: 0.4rem;
		padding: 1.4rem 1rem;
	}
	.my-tabs-sub > li > a div:has(.box-line-tit) {
		text-align: center !important;
	}
	.my-tabs-sub > li .box-line-tit { font-size: var(--fs-small); }
	/* 2¡¿2 ¡¤ ¸ð¼­¸® ¡¤ ÁٹٲÞÀº 767 ¿¡¼­ ÀÌ¹Ì Àâ¾Ò´Ù. ¿©±â¼­´Â ¶óº§ Å©±â¸¸ µÇµ¹¸°´Ù
	   (.my-tabs-sub > li .box-line-tit °¡ fs-small ·Î Å°¿ö ³õ´Â´Ù) */
	.my-tabs-status li .box-line-tit { font-size: var(--fs-xsmall); }
	.st-thumb { height: 13rem; }
	/* º¸Á¶ ¹öÆ° 3°³¸¦ ÇÑ ÁÙ¿¡ ¿í¿©³ÖÀ¸¸é ±ÛÀÚ°¡ ¹öÆ° ¹ÛÀ¸·Î ³ÑÄ£´Ù. 2 + 1 ·Î Á¢´Â´Ù */
	.st-prog-btns { flex-wrap: wrap; }
	.st-prog-btns .st-btn { flex: 1 1 8rem; }
	.st-notes > li {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.2rem;
	}
	.st-foot { flex-wrap: wrap; }
	.st-foot .btn { flex: 1 1 calc(50% - 0.3rem); }
	.p-detail { margin-bottom: 1rem; }
	.p-detail::after { display: none; }
	.cart-item .cart-tit-wrap .wrt-date { display: block; }
	/* °Ë»ö ¹Ù : Á¼Àº Æø¿¡¼­´Â ¹®ÀÇÇϱ⠹öÆ°À» ¾Æ·¡ ÁÙ·Î ³»¸°´Ù */
	.bbs-search {
		flex-wrap: wrap;
		gap: 1.2rem;
	}
	.bbs-search-box { flex: 1 1 100%; }
	.btn-write {
		flex: 1 1 100%;
		justify-content: center;
	}
	.list-coupon > li {
		flex-direction: column;
		align-items: stretch;
	}
	.list-coupon .box-line { width: 100%; }
	.list-coupon .coupon-img {
		width: 100%;
		min-width: 0;
		box-sizing: border-box;
		flex-direction: row;
		align-items: baseline;
		justify-content: center;
		gap: 1.2rem;
		padding: 1.6rem 2rem;
	}
	.list-coupon .coupon-img p:has(.price) { margin: 0; }
	.list-coupon .box-line::after {
		top: auto;
		bottom: 0;
		left: 1.2rem;
		right: 1.2rem;
		border-right: none;
		border-bottom: 2px dashed rgba(255, 255, 255, 0.5);
	}
	.list-coupon .coupon-img::before {
		top: auto;
		bottom: -0.8rem;
		left: -0.8rem;
		right: auto;
	}
	.list-coupon .coupon-img::after {
		bottom: -0.8rem;
		right: -0.8rem;
	}
	.list-coupon .coupon-info {
		width: 100%;
		box-sizing: border-box;
		padding: 1.6rem 2rem;
	}
	.list-coupon .coupon-info > p > span {
		display: unset;
		margin-right: 1rem;
	}
	.list-lec li {
		padding: 2rem 0;
		box-sizing: border-box;
		overflow: hidden;
	}
	.lec-related .w-type4 {
		width: 47.75%;
		width: 47.75%;
	}
	.lec-related .w-type4 .card-tit { font-size: var(--fs-normal); }
	.lec-related .w-type4 .card-tit + p { font-size: var(--fs-xsmall); }
	.member-form .box-line { padding: 3rem; }
	.test-prac .test-header .flex-box > div > p { font-size: var(--fs-small); }
	.test-prac .test-header .flex-box > div {
		flex-direction: column;
		gap: 0.4rem;
	}
	.test-prac-date #pracDate, .test-prac-score #pracScore { margin-left: 0.5rem; }
	.list-sitemap .dep3 { display: none; }
	.list-sitemap .flex-box { grid-template-columns: minmax(0, 1fr); }
	.sub-menu ul li a {
		font-size: var(--fs-small);
	}
}
@media all and (max-width:360px) {
	.member-form label, .member-form h5 {
		font-size: var(--fs-normal);
	}
	.lic-table.tb-row { grid-template-columns: 7.4rem minmax(0, 1fr); }
	.lic-table th, .lic-table td { padding: 1rem 0.8rem; }
	.list-lec {
		display: flex;
		flex-wrap: wrap;
		gap: 1.5rem;
	}
	.list-lec li {
		flex: 1 0 calc(50% - 0.75rem);
	}
	.lecture-new .list-lec:has(.lec-card) {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.lec-summary .summ-main > div:last-child {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}
	.lec-summary .btn-big {
		width: 100%;
	}
	.teacher-name {
		font-size: var(--fs-xsmall);
	}
	.teacher-career {
		padding: 1rem;
		margin-left: 0;
		font-size: var(--fs-small);
	}
}




/* ****************************** //¹ÝÀÀÇü ****************************** */