@charset "euc-kr";

/* default
------------------------------------------------------ */


/* ??��寃⑹�??�???��??��
------------------------------------------------------ */
.lecture .sub-top > .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 3.2rem 0;
	padding: 6rem 0;
	transition: .3s;
}
.lecture .page-title {
	padding: 1% 0 0;
	height: auto !important;
}
.lecture .page-title ~ .tag {
	flex: 1 0 100%;
	position: relative; left: 0;
	transform: none;
	padding-bottom: 0 !important;
}

/* 2023-07-20 ??���?? �?? ??��寃⑹�???�� ??��??�� ?���??? */
.lecture .lec-adv {
	margin: 0 0 2.4rem;
}
.lecture .lec-adv li {
	line-height: 1.4 !important;
}

/* -------- ??�쇱?��?��?�뒪??�� -------- */
.lec-list {
	display: flex;
	flex-wrap: wrap;
}

/* ??��寃⑹쬆痍?��뱷�?�쇱?�� �?? ??�쇱?��?�??�???��??���?? */
.lecture .lec-list {
	gap: calc(4%/3);
}
.lecture .lec-list .card {
	flex: 0 0 24%;
	margin: 0 0 4.8rem;
	width: 24%;
}
.lecture .card-prc {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 1.6rem 0 0;
}

/* ?�???��?�?�?? ?�??�? */
.lecture .lec-list-sort {
	gap: 0 !important;
}
.lecture .lec-list-sort .card {
	flex: 0 0 23%;
	margin: 0 1% 4.8rem;
	width: 23%;
	background: #fff;
}
.lecture .lec-list-sort .card-dept {
	height: 18rem;
}


/* -------- 理쒓?��寃뚯?��?��? ?��?�뒪??�� -------- */
.bbs-list {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem 0;
}
.bbs-list .card {
	flex: 0 0 32%;
	width: 32%;
}
.bbs-list .card:not(:nth-of-type(3n-2)) {
	margin-left: calc(4% / 2);
}
.bbs-list .card-dept p + div {
	display: flex;
	justify-content: space-between;
	margin: 1.2rem 0 0;
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--ged-color-gray4);
	letter-spacing: -0.04rem;
}



/* ??�쇱?��?�??�???��??���??
------------------------------------------------------ */

/* ?�???��??��誘몄?? */
.lecture-cover-wrap {
	position: relative;
}
.lecture-cover {
	padding-top: calc(320/1920*100%);
	height: 0;
	min-height: 21rem;
}
.lecture-cover::before {
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	width: 100%; height: 100%;
	background: rgb(0 0 0 / 50%);
}
.lecture-cover h2 {
	position: absolute; left: 50%; bottom: 16%;
	margin: 0;
	width: 120rem;
	max-width: 92%;
	font-weight: 300;
	color: var(--ged-color-white);
	transform: translateX(-50%);
	transition: .3s ease-in-out;
	user-select: none;
}
.lecture-cover h2 small {
	display: block;
	margin: 0.8rem 0 0;
	line-height: 1.2;
	font-weight: 300;
	letter-spacing: 0;
	opacity: 0.5;
}
.lecture-cover h2 small::before {
	content: "\ead9";
	display: inline-block;
	clear: both;
	position: relative; top: 0.3rem;
	margin: 0 0.6rem 0 0;
	font-family: remixicon;
	font-size: 1.2em;
	font-weight: 300;
}
.lecture-cover-img {
	background-repeat: no-repeat;
	background-position: center center !important;
	background-size: cover;
}


/* -------- ??�쇱?��??���?? -------- */
.lecture_details {
	padding-top: 0;
}
.lecture_details .container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 4rem 0 0;
}
.lecture_details .content {
	flex-basis: calc(100% - 40rem);
	width: calc(100% - 40rem);
}
.lecture_details aside {
	flex-basis: 36rem;
	width: 36rem;
}
.tab-content>h3,
.lec-review>h3,
.lec-related>h3 {
	margin: 0 0 4.8rem;
	font-weight: 700;
}
.tab-content>h3,
.lec-review>h3 {
	position: relative;
	display: inline-flex;
	padding: 0 0.8rem 0 0.4rem;
	/* color: var(--ged-color-blue4); */
}
.tab-content>h3::before,
.lec-review>h3::before {
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 50%; bottom: 0;
	width: 100%; height: 1.2rem;
	background: var(--ged-color-blue0);
	/* background: var(--ged-color-pale-lightyellow); */
	z-index: -1;
	transform: translateX(-50%);
}
.tab-content>h3 + div {
	display: block;
}


/* -------- ??�ㅻ?��?�???�� -------- */

/* chapter */
.lec-chapter {
	display: flex;
	flex-wrap: wrap;
	/* margin: 6rem 0 0; */
	user-select: none;
}
.lec-chapter li {
	display: none;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 1.6rem 0.8rem 1.6rem 0;
	width: 100%;
	line-height: 1.5;
	font-size: 1.1em;
	background: none;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.lec-chapter li.active {
	display: flex;
}
.lec-chapter li p {
	display: flex;
}
.lec-chapter li p:first-of-type {
	flex: 1 0 calc(100% - 6rem);
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.lec-chapter li span {
	flex: 0 0 8rem;
	display: inline-block;
	width: 8rem;
	font-weight: 700;
	text-align: center;
}
.lec-chapter li .chapter-time {
	justify-content: flex-end;
	flex: 0 0 6rem;
	font-family: "calibri";
	font-size: 1.2rem;
	color: var(--ged-color-gray4);
	text-align: justify;
}
.lec-chapter li .chapter-time::before {
	content: "\f009";
	display: inline-block;
	clear: both;
	margin: 0 0.4rem 0 0;
	font-family: remixicon;
	font-size: 1em;
	font-weight: 300;
	vertical-align: middle;
}

/* 媛뺤?��?�??�? */
.lec-chapter li.lec-sample {
	display: flex;
	padding: 0;
}
.lec-chapter li.lec-sample a {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-grow: 1;
	padding: 1.6rem 0.8rem;
	font-weight: 600;
	text-align: center;
}
.lec-chapter li.lec-sample a i {
	position: relative; top: -0.1rem;
	margin: 0 0.8rem 0 0;
	line-height: 0;
	font-size: 2rem;
	color: var(--ged-color-blue4);
}

/* more */
.lec-chapter-more {
	display: none;
	margin-top: 0 !important;
	border-top: 0;
}
.lec-chapter-more li:first-child {
	border-top: 0;
}
#moreChptr {
	display: block;
	margin: 1.2rem 0 0;
	line-height: 6rem;
	font-size: 1.5rem;
	color: var(--ged-grey);
	background: #f5f6f7;
	text-align: center;
}


/* -------- 媛뺤�???���?? -------- */
.lec-teacher {
	margin: 0 0 2.4rem;
	padding: 4rem 4.5rem;
	border: 0.1rem solid var(--ged-color-gray2);
}
.lec-teacher>div {
	display: flex;
	justify-content: space-between;
}
.lec-teacher h4 {
	flex: 0 0 calc(100% - 12rem);
	align-self: center;
	margin: 0;
	padding: 0 0 0 0.4rem;
	font-size: 2.4rem;
	color: var(--ged-color-gray7);
}
.lec-teacher h4 small {
	display: block;
	margin: 0.4rem 0 0;
	color: var(--ged-color-gray4);
}
.lec-teacher .teacher-icon {
	width: 6rem; height: 6rem;
	background-color: var(--ged-color-gray0);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 6rem;
	overflow: hidden;
}
.lec-teacher ul li {
	margin: 2.4rem 0 0;
	padding: 2.4rem 0.4rem 0;
	line-height: 1.6;
	font-size: 0.84em;
	color: var(--ged-color-gray4);
	border-top: 0.1rem solid var(--ged-color-gray1);
	-ms-word-break: break-all;
	white-space: pre-wrap;
	word-break: keep-all;
}
.lec-teacher .tchr-career {
	padding-left: 0;
	padding-right: 0;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-moz-column-gap: 4em;
	-webkit-column-gap: 4em;
	column-gap: 4em;
}


/* -------- 二쇰Ц?�? -------- */
.lecture_details .order-table {
	position: sticky; top: 12rem;
	margin: 0 0 6rem;
	background: var(--ged-color-white);
	border: 0.1rem solid var(--ged-color-gray2);
	transition: top .4s;
}
.order-table>li {
	padding: 3rem;
}
.order-table>li:not(:first-child) {
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.order-table>li span + .lecture-title {
	margin: 2.4rem 0 0;
}
.lecture-title {
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
}
.lecture-title small {
	display: block;
	margin: 0 0 0.4rem;
	font-weight: 400;
}
.lecture-title small::before,
.lecture-title small::after {
	display: inline-block;
	clear: both;
	margin-right: 0.4rem;
}
.lecture-title small::before {
	content: "\c81c";
}
.lecture-title small::after {
	content: "\d638";
	margin-left: 0.4rem;
}
.order-table dl {
	position: relative;
	line-height: 0;
	font-size: 0;
}
.order-table dl dt,
.order-table dl dd {
	margin-top: 0.8rem;
	line-height: 1.4;
	font-size: 1.4rem;
	color: var(--ged-color-gray4);
	vertical-align: top;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.order-table dl dt::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.4rem;
	margin: 0 0.6rem 0 0;
	width: 0.3rem; height: 0.3rem;
	background: var(--ged-color-gray2);
	border-radius: 1rem;
}
.order-table .item-title {
	flex: 0 0 9rem;
	width: 9rem;
	font-weight: 600;
	color: var(--ged-color-gray7);
	white-space: normal;
}
.order-table .item-title i {
	margin: 0 0.8rem 0 0;
}
.order-table .item-title .inb {
	margin: 0 0.8rem 0 0;
}
.order-table .item-title + div {
	flex: 1 0 calc(100% - 9rem);
	width: calc(100% - 9rem);
	text-align: right;
}
.qty-chk-item {
	padding: 0.8rem 3rem !important;
	background: var(--ged-color-gray0);
	user-select: none;
}
.qty-chk-item ul>li {
	flex-wrap: wrap;
	padding: 1.2rem 0;
	font-size: 1.4rem;
	color: var(--ged-grey);
	white-space: nowrap;
}
.qty-chk-item ul>li:not(:first-child) {
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.qty-item {
	flex: 1 0 calc(100% - 12rem);
	padding: 0 0 0 0.4rem;
	width: calc(100% - 12rem);
	white-space: normal;
}
.qty-chk {
	align-self: flex-start;
	flex: 1 0 12rem;
	width: 12rem;
	text-align: right;
}
.order-table input,
.order-table select {
	display: inline-flex;
	align-items: center;
	padding: unset;
	font-weight: 500;
	border: unset;
	letter-spacing: -0.04em;
}
.order-table select {
	padding: 0 2rem 0 0;
	height: auto;
	/* font-size: 1.5rem; */
	color: var(--ged-color-gray5);
	background: url('/images/comm/i_arrow_bottom.png') no-repeat 97% center;
	text-align: right;
}
.qty ~ input {
	display: inline-flex;
	align-items: center;
	padding: unset;
	width: 3.6rem; height: 2rem;
	font-size: 1.3rem;
	color: var(--ged-color-gray7);
	background: transparent;
	text-align: center;
}
.qty-del {
	margin: 0 0 0 0.8rem;
}
.atpn>li {
	padding: 0 0 0 1.6rem;
	line-height: 1.3;
	font-size: 1.3rem;
	color: var(--ged-color-gray4);
	text-indent: -0.8rem;
}
.atpn>li:not(:first-child) {
	margin: 0.8rem 0 0;
}
.atpn>li::before {
	content: "\ee59";
	display: inline-block;
	clear: both;
	margin: 0 0.4rem 0 0;
	font-family: remixicon;
	font-size: 0.925em;
	font-weight: 300;
}
.shortcut-link {
	margin: 16px 0 24px;
	margin-bottom: 0;
}
/* .shortcut-link a span {
	display: none;
	margin: 0 0 0 0.4rem;
	width: 1.5rem; height: 1.5rem;
	background: url('../../images/comm/i_move.png') no-repeat center center;
}
.shortcut-link a:hover span {
	display: block;
} */

/* 2025-01-08 ??��媛뺤?���?? 踰꾪?�� ??���?? ??��?�? */

/* ?�???�� fix mobile */
.order-table-m {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 0.8em;
	position: fixed; right: 1em;
	bottom: 14rem;
	z-index: 6;
	transition: bottom .2s;
}
.order-table-m .fill-amnt {
	justify-content: flex-start;
	padding: 0 0 0 2.4rem;
	width: 40%;
	white-space: nowrap;
}
.order-table-m .btn-secondary {
	color: #fff;
	background: transparent;
	border-color: transparent;
}
.order-table-m .item-cart {
	flex: 1 0 7rem;
	background: var(--ged-color-blue);
}
.order-table-m .srch {
	width: unset;
}
.order-table-m > div {
	background: #fff;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
}
.order-table-m .btn {
	display: flex;
	flex-direction: column;
	gap: 0.4em;
	height: unset;
	border-radius: 0;
	padding: 1em 1.4em 1.2em;
	font-size: 1.3rem;
	font-weight: 700;
	background: unset;
	color: #fff;
}
.order-table-m .btn > i {
	font-size: 2.2em;
	line-height: 1;
	position: unset;
	margin: 0;
/*	background: var(--ged-color-gray0);*/
	color: inherit;
/*	padding: 0.4em;*/
	border-radius: 100%;
}
.order-table-m > div:nth-child(1) .btn {
/*	color: var(--ged-color-gray8);*/
	background: var(--ged-color-red6);
}
.order-table-m > div:nth-child(2) .btn {
/*	color: var(--ged-color-red7);*/
	background: var(--ged-color-red6);
}
.order-table-m > div:nth-child(3) .btn {
/*	color: var(--ged-color-blue7);*/
	background: var(--ged-color-blue7);
}

/* ?��???�???���?? ??��??�� ??�� */
.usage-tip {
	width: 80rem;
}
.usage-tip .pop-title br {
	display: none;
}
.usage-tip h3 {
	margin: 6rem 0 1.6rem;
	color: var(--ged-color-gray7);
}
.usage-tip>div {
	padding: 0 4.8rem;
}
.usage-tip li h4 {
	margin: 0;
	font-weight: 700;
	color: var(--ged-color-gray7);
}
.usage-tip li h4 small {
	display: block;
	margin: 1.2rem 0 0;
	line-height: 1.3;
	font-weight: 400;
	color: var(--ged-color-blue3);
}
.usage-tip li span {
	margin: 0;
}
.usage-tip ul:not(._list) {
	display: flex;
	justify-content: space-between;
	margin: 2.4rem 0 0;
}
.usage-tip ul:not(._list) li {
	flex: 0 0 32%;
	justify-content: center;
	padding: 1.6rem;
	width: 32%;
	background: var(--ged-alert);
	border: 0.1rem solid var(--ged-color-blue1);
	text-align: center;
}
/* .usage-tip ul:not(._list) li:nth-child(1) {
	background: var(--ged-color-whitepink);
	border: 0.1rem solid var(--ged-color-lightpink);
}
.usage-tip ul:not(._list) li:nth-child(2) {
	background: var(--ged-color-pale-lightyellow);
	border: 0.1rem solid var(--ged-color-pale-gold);
}
.usage-tip ul:not(._list) li:nth-child(3) {
	background: var(--ged-color-lightgreen);
	border: 0.1rem solid var(--ged-color-green);
} */
.usage-tip dl {
	display: block;
	margin: 2.4rem 0 0;
	padding: 1.2rem 2rem 1.6rem;
	background: var(--ged-color-gray0);
	border: 0;
}
.usage-tip dt,
.usage-tip dd {
	display: block;
	width: 100%;
	text-align: left;
	text-align-last: left;
}
.usage-tip dt {
	font-weight: 500;
}
.usage-tip dd {
	line-height: 1.5;
}
.usage-tip dd span {
	display: block;
	margin: 1.2rem 0;
}
.usage-tip ul + div {
	margin: 4.8rem 0;
	font-weight: 700;
	color: var(--ged-color-gray7);
}

/* 紐⑤�???�� */
button[name=toggle-lec-info],
button[name=toggle-evt-list] {
	display: none;
}

/* 2024-11-27 ?���???: 蹂꾨�???�� ??��?�???��??���?? */
.no-scroll {
	padding-right: calc(0% + 17px);
	overflow: hidden;
	z-index: 90;
}
.slp-resize {
	width: calc(100% - 17px) !important;
}
.separate-landing-page {
	left: calc(50% - 8.5px);
	padding: 0;
	width: 120rem; /* width: 100vw; */ height: 100vh;
	max-width: 92vw;
	max-height: 100vh;
	border-radius: 0;
	overflow-y: scroll;
	z-index: 98;
	-webkit-overflow-scrolling: touch;
}
.separate-landing-page .pop-close {
	position: sticky; top: 0;
	width: 100%;
}
.separate-landing-page .pop-close::before {
	display: none;
	color: var(--ged-color-white);
}
.separate-landing-page .pop-close span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute; top: -0.08rem; right: 0;
	width: 24rem; height: 16rem;
	line-height: 1.1;
	font-size: 4.5rem;
	font-weight: 700;
	color: var(--ged-color-white);
	background: #ff047a;
	letter-spacing: -0.16rem;
}
.separate-landing-page .pop-cont {
	margin: -0.008em auto 0;
	padding: 0;
	width: 128rem;
	width: 100%;
	max-width: 100%;
}
.separate-landing-page .pop-cont img {
	/* margin-top: -6rem; */
}



/* -------- ?�??�???��??���?? footer -------- */
aside ~ div {
	margin: 16rem 0 0;
	width: 100%;
}
aside ~ div h3 {
	margin: 0 0 3rem;
}

/* ??��媛뺥?���?? */


/* ?��???�� 媛뺤?�� */



/* ?�??�??���??��諛붿?���??
------------------------------------------------------ */
.voucher .txt-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.voucher .txt-box p {
	flex: 0 0 calc(100% - 20rem);
}
.voucher_list {
	margin: 3.2rem 0 0;
}
.voucher_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 1.6rem;
	height: 6rem;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
	overflow: hidden;
}
.voucher_item_hd {
	flex: 0 0 12rem;
}
.voucher_item_bd {
	flex-grow: 1;
	padding: 1.2rem 2rem;
}
.voucher_item_bd h4 small {
	display: none;
}
.voucher_item_bd ul {
	display: flex;
	margin: 0.4rem 0 0;
	color: var(--ged-color-gray4);
}
.voucher_item_bd li:not(:first-child) {
	padding: 0 0 0 1.6rem;
}
.voucher_item_ft {
	flex: 0 0 24rem;
	text-align: right;
}



/* ?�???��媛뺤?��??��
------------------------------------------------------ */
.dep3-menu .ico.active::before, .dep3-menu .ico:hover::before {
	color: var(--ged-color-blue4);
}
.mypage .card-dept h4 + p {
	height: auto !important;
	min-height: unset;
	margin: 0 0 0.4em;
}

/* 留덉?��??��??���?? ??��踰ㅽ?�� ?��?�뒪??�� */
.mypage-event {
	position: fixed; top: 39rem; right: 1.2rem;
}
.mypage-event h4 {
	display: none;
}
.mypage-event ul {
	width: 13rem;
}
.mypage-event li:not(:first-child) {
	margin: 0.4rem 0 0;
}
.mypage-event li a {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 3rem 0 0;
	height: 12rem;
	line-height: 1.4;
	font-size: 1.725rem;
	font-weight: 600;
	color: var(--ged-color-white);
	background-repeat: no-repeat;
	background-position: center 0;
	letter-spacing: -0.06em;
	border-radius: 2rem;
	text-align: center;
	transition: height .4s;
	overflow: hidden;
}
.mypage-event li a > span {
	display: none;
}
.mypage-event li:hover a {
	height: 17rem;
}


/* -------- ?�???��媛뺤?��??�� -------- */
.my_lecture_room .latest {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 6rem 0 0;
}
.my_lecture_room .latest-item {
	flex: 0 0 50%;
	width: 50%;
}
.my_lecture_room .latest-item h3 {
	margin-top: 0;
	padding: 0 1.6rem 0 0;
}
.my_lecture_room .latest-item ul {
	margin: auto;
	width: 94%;
}
.my_lecture_room .latest-item li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.8rem;
	height: 4rem;
}
/* .my_lecture_room .latest-item li:not(:first-child) {
	border-top: 0.1rem solid var(--ged-color-gray2);
} */
.my_lecture_room .latest-item li.oto-no-item {
	min-height: 20rem
}
.my_lecture_room .latest-item li a {
	flex: 0 0 calc(100% - 12rem);
	display: inline-block;
	width: calc(100% - 12rem);
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.my_lecture_room .latest-item li a .notice-fxd::before {
	content: "\eae2"; /* f038 : pin,  eae3 : bookmark */
	display: inline-flex;
	clear: both;
	position: relative; top: 0.2rem;
	margin: 0 0.4rem 0 0;
	font-size: 1.24em;
	color: var(--ged-color-gray6);
	/* background: var(--ged-alert); */
}
.my_lecture_room .latest-item li span {
	flex: 0 0 7rem;
	width: 7rem;
	font-size: 0.75em;
	color: var(--ged-color-gray3);
	letter-spacing: -0.04rem;
	cursor: default;
	text-align: justify;
}
.my_lecture_room hr  {
	margin: 2% 0;
}
.my_lecture_room .prog-tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 calc(4% / 4);
	flex-wrap: wrap;
	/* margin: 6rem 0 0; */
	text-align: center;
}
.my_lecture_room .prog-tab li {
	flex: 1 0 16%;
	width: 16%;
	border-radius: 20px;
	border: 1px solid var(--ged-color-gray1);
	box-shadow: var(--shadow1);
}
.my_lecture_room .prog-tab li a {
	display: block;
	padding: 4.8rem 0;
}
.my_lecture_room .prog-img {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 auto;
	width: 9rem; height: 9rem;
	font-size: 2.4rem;
	color: var(--ged-color-gray6);
	background: var(--ged-color-white);
	border-radius: 6rem;
}
.my_lecture_room .prog-tab .ico::before {
	position: static;
	display: block;
	margin: 0;
	color: var(--ged-color-gray7);
	text-align: center;
}
.my_lecture_room .prog-num {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute; top: -0.2rem; right: -0.6rem;
	width: 3rem; height: 3rem;
	line-height: 1;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--ged-color-white);
	background: var(--ged-color-blue4);
	border-radius: 50%;
}
.my_lecture_room .prog-tit {
	margin: 2.4rem auto 0;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--ged-color-gray8);
}
.my_lecture_room .rcn-crs {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 24rem;
}
.my_lecture_room .btn-wrap {
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
}
.my_lecture_room .btn-wrap a {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	flex-grow: 0;
	margin: 0 !important;
	padding: 0 2rem;
}
.my_lecture_room .btn-wrap i {
	position: relative;
	margin: 0 0 0 1.2rem;
	color: var(--ged-color-blue);
}
.my_lecture_room .btn-wrap i::after {
	content: "";
	display: inline-block;
	clear: both;
	position: absolute; top: 0; right: -0.4rem;
	width: 2.4rem; height: 1rem;
	background: var(--ged-color-blue0);
	border-radius: 4rem;
	z-index: -1;
}
.my_lecture_room .lec-list .lec-item {
	flex: unset !important;
	width: fit-content;
}
.my_lecture_room .lec-item .lec-info {
	display: block;
}
.my_lecture_room .lec-item .lec-info .card-dept {
	margin: 0;
	width: unset;
}

/* 2023-07-17 ??��??�� �?? ?���??? */
.my_lecture_room2 .prog-tab li a {
	justify-content: center;
	padding: 3rem 0;
	border: 0.1rem solid transparent;
	transition: 0.4s;
}
.my_lecture_room2 .prog-tab li a:hover {
	/* background: var(--ged-color-white); */
	background: var(--ged-color-white);
	border-color: var(--ged-color-gray7);
}
.my_lecture_room2 .prog-tit {
	margin: 0 auto 2.4rem;
	font-size: 2rem;
}
.my_lecture_room2 .prog-img {
	width: 80%;
	font-size: 3rem;
	font-weight: 800;
	color: var(--ged-color-gray7);
	background: var(--ged-color-gray0);
	word-spacing: -0.2rem;
	height: 8rem;
	gap: 0.4em;
}
.my_lecture_room2 .prog-tab li a.lec-ing .prog-img {
	background: #eaf2f3;
	color: var(--ged-color-blue6);
}
.my_lecture_room2 .prog-tab li a.no-license .prog-img {
	background: var(--ged-color-whitepink);
	color: var(--ged-color-red5);
}
.my_lecture_room2 .prog-txt {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2.4rem 0 0;
	min-height: 4.8rem;
}

/* 理쒓?�� ??��媛뺥�? ??�쇱?�� */
.my_lecture_room .lec-item {
	cursor: pointer;
}

/* ?궡媛? 蹂댁????�? ?��좏룿 */
.coupon-latest {
	margin: auto;
	width: 120rem;
	max-width: 92%;
}
.coupon-list {
	padding: 4.8rem 0;
	width: 100%;
}
.coupon-list .owl-dots {
	display: none;
}
.coupon-mini {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	/* align-items: center; */
	flex-wrap: wrap;
	position: relative;
	padding: 0;
	width: 100%;
	/* height: 12rem; */
	color: var(--ged-color-white);
	background: var(--ged-color-white);
	background: linear-gradient(45deg, var(--ged-color-blue8) 60%, var(--ged-color-blue6));
	/* text-align: center; */
	vertical-align: top;
	user-select: none;
}
.coupon-mini:not(:first-of-type) {
	margin-left: 0.8rem;
}
.coupon-mini .dotted {
	position: absolute; top: 50%;
	transform: translateY(-50%);
}
.coupon-mini .dotted-left {
	left: -0.5rem;
}
.coupon-mini .dotted-right {
	right: -0.5rem;
}
.coupon-mini .dotted li {
	width: 0.8rem; height: 0.8rem;
	background: #fff;
	border-radius: 4rem;
}
.coupon-mini .dotted li:not(:first-child) {
	margin: 0.5rem 0 0;
}
.coupon-mini * {
	line-height: 1;
	-webkit-user-drag: none;
}
.coupon-mini h4 {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	gap: 0.4rem 0;
	margin: 0;
	/* padding: 0.4rem 0 0; */
	width: 100%; height: 3.2rem;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0.8rem 2.4rem;
}
.coupon-mini h4 div {
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: var(--ged-color-blue1);
}
.coupon-mini h4 small {
	display: block;
	width: 84%;
	font-size: 0.65em;
	font-weight: 400;
	/* color: var(--ged-color-gray5); */
	color: #FFFF56;
	letter-spacing: 0;
	/* opacity: 1; */
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.coupon-mini h4 small i::before {
	content: "\ef79";
	display: block;
	clear: both;
	font-family: 'remixicon';
	color: var(--ged-color-gray3);
}
.coupon-mini h4 + div {
	font-size: 2.4rem;
	font-weight: 900;
	/* color: var(--ged-color-blue);
	color: var(--ged-color-gray7); */
	color: var(--ged-color-white);
}
.coupon-mini h4 + div span {
	margin: 0 0 0 0.4rem;
	font-size: 0.75em;
	font-weight: 500;
	letter-spacing: -0.08em;
}
.coupon-mini p {
	font-size: 1.2rem !important;
	color: var(--ged-color-gray3);
	color: var(--ged-color-white);
	letter-spacing: -0.02em;
	opacity: 0.4;
	margin: 0 2.4rem 2.4rem;
}
.coupon-mini > span {
	position: absolute; top: -1.6rem;
	display: block;
	padding: 0.8rem 1.6rem;
	font-size: 0.75em;
	font-weight: 300;
	color: var(--ged-color-white);
	background: var(--ged-color-blue);
	border-radius: 2rem;
	letter-spacing: -0.02em;
}
.coupon-mini .title-md {
	color: #fff;
	padding: 2.4rem 2.4rem 0;
	width: 100%;
	box-sizing: border-box;
}
.coupon-mini .title-md > span {
	font-size: 0.75em;
}
.coupon-more {
	display: none;
	background: transparent;
}
.coupon-more::before {
	content: "\ef79";
	display: block;
	clear: both;
	font-family: 'remixicon';
	font-size: 1.16em;
}
.coupon-mini::after {
	content: '\eec2';
	position: absolute;
	top: -2rem; right: 2rem;
	display: flex;
	align-items: center; justify-content: center;
	width: 4rem; height: 4rem;
	border-radius: 100%;
	background: #fff;
	z-index: 1;
	color: var(--ged-color-blue3);
	font-size: 1.4em;
	animation: spin 4s linear infinite;
}
.coupon-list .owl-stage-outer {
	overflow: unset !important;
}

/* ?��좏룿??�� ?�???�� 寃쎌?�� */
.coupon-latest > div {
	padding: 4.8rem 0;
	font-weight: 400;
	color: var(--ged-color-gray4);
}


/* -------- ?���??? ??��??��??���?? ??��??�� ??��?�? -------- */
.add-user-info {
	padding: 4rem 0 4.8rem;
	height: auto;
}
.add-user-info h2 {
	margin: 0 0 1.2rem;
	padding: 0 0.8rem;
}
.add-info {
	padding: 1.6rem 4.8rem 3.2rem;
	border-radius: 0;
	border-top: 1px solid var(--ged-color-gray7);
}
.add-info ~ .add-info {
	margin: 2.4rem 0 0;
}
.add-info .add-info-birth select {
	width: 10rem;
}
.add-info .add-info-birth select ~ select {
	width: 7rem;
}
.add-info .add-info-birth label {
	margin: 0 1.6rem 0 0.4rem;
}
.add-info input,
.add-info textarea {
	width: 100%;
}
.add-info p {
	margin: 0.4rem 0 0;
	font-size: 1.4rem;
	vertical-align: middle;
}
.add-user-info .btn-wrap {
	margin: 2.4rem auto 0;
}


/* -------- ?�???��?�?�?? -------- */
.lec-list .lec-item {
	position: relative;
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	flex-wrap: wrap;
	gap: 1.6rem 2.4rem;
	flex: 1 0 100% !important;
	margin: 0 0 3.2rem;
	padding: 2.4rem 3.2rem;
	overflow: hidden;
	border: 1px solid var(--ged-color-gray3);
}
.lec-list .lec-item:last-of-type {
	margin: 0;
}
.lec-list .lec-item:not(:nth-of-type(4n-3)) {
	margin-left: 0;
}

/* classification */
.lec-item .lec-clsf {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex: 1 0 100%;
	position: relative;
	padding: 0 0 0 0.1rem;
	line-height: 1;
	font-size: 1.4rem;
	color: var(--ged-color-gray4);
}
.lec-clsf .label-sort:not(.btn-lec-cancel) {
	flex: 0 0 10rem;
	padding: 0;
	font-size: inherit;
	font-weight: 500;
	color: inherit;
	background: transparent;
}
.lec-clsf .label-stat {
	flex: 1 0 calc(100% - 16rem);
	justify-content: flex-end;
	padding: 0;
	background: none;
}
.lec-clsf span ~ span {
	margin: 0 0 0 0.8rem;
	vertical-align: text-bottom;
}
.btn-lec-cancel {
	background: var(--ged-color-gray6);
	cursor: pointer;
}
.lec-item .card-thum {
	flex: 0 0 18rem;
	border-radius: 18px;
}
.lec-item:hover .card-thum a {
	transform: none;
}
.lec-item .lec-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lec-item .card-dept {
	flex: 1 0 40rem;
	width: 40rem;
	margin-left: 2.4rem;
}
.lec-item .card-dept h4 {
	margin: 0.4rem 0;
}
.lec-item .card-dept h4 + * {
	line-height: 1.4;
	font-weight: 400;
	color: var(--ged-color-gray5);
}
.lec-item .card-dept h4 + p span {
	margin: 0 0.8em 0 0;
	font-weight: 500;
	/* color: var(--ged-color-gray4); */
}
.lec-item .card-dept h4 + ul {
	margin: 1.2rem 0 0;
}
.lec-item .lec-prog {
	/* flex: 0 0 20rem; */
	/* width: 20rem; */
	line-height: 2.2;
	font-size: 1.4rem;
	color: var(--ged-color-gray4);
}
.lec-item .lec-prog > p {
	display: flex;
	align-items: center;
}
.lec-prog > p::before {
	display: inline-flex;
	clear: both;
	margin: 0 0.8rem 0 0;
	font-family: remixicon;
	font-size: 1.12em;
}
.lec-prog .prog-dys::before {
	/* content: "\eb29" !important; */
}
.lec-prog .prog-r8::before {
	/* content: "\effa" !important; */
}
.lec-prog .prog-test::before {
	/* content: "\ec5c" !important; */
	/* graph - efaa line / efa9 fill */
}
.lec-prog .prog {
	/* flex: 1 0 20%; */
	/* margin: 0 1.2rem; */
	/* width: 20%; */
	height: 6px;
}
.lec-prog span {
	flex: 0 0 4rem;
	color: var(--ged-color-gray5);
}
.lec-prog strong {
	margin: 0 0.2rem 0 0;
	font-weight: 900;
	color: var(--ged-color-gray8);
}
.lec-prog .prog-test span:first-child {
	justify-content: center;
	flex: 1 0 10%;
	margin: 0 1.2rem;
	width: 10%; height: auto;
	text-align: center;
}
.lec-prog .prog-test-pass span,
.lec-prog .prog-test-pass strong {
	color: var(--ged-color-red5);
}
.lec-prog .prog-test-fail span,
.lec-prog .prog-test-fail strong {
	color: var(--ged-color-gray6);
}
.lec-item .lec-btn {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 0;
	width: 16rem;
	margin-left: auto;
}
/* 2023-07-17 ??��??��嫄곕?�� ??�� ?��?�돱?�??�???���?? */
.lec-item .btn-wrap a {
	color: #fff;
	background: #222;
	background: linear-gradient(-45deg, #048a27, #2699ce, #2c3ea5, #8a53cf);
	background: linear-gradient(-45deg, #f00, #f50, #ffb500, #7ecf2f);
	background: linear-gradient(-45deg, #f00, #f50, #ffb500, var(--ged-color-hotpink));
	background-size: 400% 400%;
	border: 0;
	animation: ani_gradient 2s ease infinite;
}
@keyframes ani_gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.lec-item .btn-etc {
	display: flex;
	flex-direction: column;
	gap: 0.15em;
	padding-left: 2.4rem;
	border-left: 1px solid var(--ged-color-gray1);
}
.lec-item .btn-etc li {
	width: 14rem;
}
.lec-item .btn-etc li a {
	width: 100%; height: 3.8rem !important;
	line-height: 0;
	color: var(--ged-color-gray7);
	background: var(--ged-color-white);
	border: 1px solid var(--ged-color-gray1);
	box-shadow: 0 4px 4px rgba(0,0,0,0.05);
	justify-content: flex-start;
	font-size: 1.3rem !important;
}
.lec-item .btn-etc li a::before {
	content: "\eae2";
	display: inline-block;
	font-size: 1.2em;
	color: var(--ged-color-gray6);
	margin: 0 0.4em 0 0;
}
.lec-item .btn-etc li a::after {
	content: '>';
	display: inline-block;
	transform: translatey(-2px); /* �ƹ������� ������ �ȸ¾Ƽ� */
	margin-left: auto;
}
.lec-item .btn-etc li:nth-child(1) a::before {
	content: '\ec5c';
	color: #F44336;
}
.lec-item .btn-etc li:nth-child(2) a::before {
	content: '\ed54';
	color: #ffad34;
}
.lec-item .btn-etc li:nth-child(3) a::before {
	content: '\eb29';
	color: #81C784;
}
.lec-item .btn-etc li:nth-child(4) a::before {
	content: '\eb97';
	color: #90A4AE;
}
.lec-item .btn-test-pass {
	/* ??��?�???��??�� ??�� ?�?寃⑹?�� */
	border: 1px solid #F44336 !important;
}
.lec-item details {
	width: 100%;
	font-size: 1.4rem;
	border-top: 0.1rem dashed var(--ged-color-gray2);
	cursor: default;
	user-select: none;
}
.lec-item details summary {
	display: inline-block;
	padding: 1.6rem 0.2rem 0;
	width: 100%;
	font-weight: 600;
	color: var(--ged-color-gray7);
	cursor: pointer;
}
.lec-item details summary::before {
	content: "\EB23";
	display: inline-block;
	clear: both;
	margin: 0 0.6rem 0 0;
	line-height: 1;
	font-family: remixicon !important;
	font-size: 1.2em;
	font-weight: 300;
	vertical-align: text-bottom;
}
.lec-item details ul {
	padding: 1.2rem 0.2rem 0;
}
.lec-item details li {
	display: flex;
	align-items: center;
	padding: 1.2rem 0;
}
.lec-item details li:last-child {
	padding: 1.2rem 0 0;
}
.lec-item details li:not(:first-child) {
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.lec-item details li h5 {
	padding: 0;
	font-weight: 600;
	color: var(--ged-color-gray6);
	letter-spacing: -0.02em;
}
.lec-item details li p {
	flex: 1 0 calc(100% - 12rem);
	margin: 0 0 0 1.6rem;
	color: var(--ged-color-gray5);
}
.lec-item details li p span {
	font-weight: 400;
}
.lec-item details li p span:last-child,
.lec-item details li p span ~ span {
	color: var(--ged-color-gray4);
}
.lec-item details li p span:last-child::before,
.lec-item details li p span ~ span::before {
	content: "\ee59";
	display: inline-block;
	clear: both;
	position: relative; top: -0.1rem;
	font-family: "remixicon";
	font-size: 1em;
	font-weight: 300;
	color: var(--ged-color-gray2);
	vertical-align: middle;
}
.lec-item details li p span ~ span::before {
	margin: 0 0.4rem 0 1.6rem;
}
.lec-item details li p span:first-child::before {
	margin: 0 0.4rem 0 0;
}
.lec-item details em {
	font-weight: 500;
	color: var(--ged-color-pink);
}
.lec-item details p {
	color: var(--ged-color-gray4);
}
.lec-item .btn-extra {
	position: absolute; right: 3.2rem; bottom: 2.4rem;
	text-align: right;
}
.pop-msg-inner.studyRoom .sr-download {
	margin: 0;
	padding: 0;
	background: transparent;
}
.pop-msg-inner.studyRoom .sr-download li {
	flex: 1 0 100%;
	width: 100%;
}
.pop-msg-inner.studyRoom .sr-download li:not(:first-child) {
	margin: 1.2rem 0 0;
}


/* -------- 媛뺤?��?뱽湲? -------- */
.studyRoom {
	padding: 0;
}
.studyRoom .sr-header {
	padding: 0 0 3rem; /* top ?�???�� 寃쎌?�� */
}
.studyRoom .sr-header .container {
	position: relative;
}
.studyRoom .sr-header i {
	margin: 0 0.6rem 0 0;
}
.studyRoom header + .sr-header {
	/* padding-top: 12rem; */
	border-top: calc(var(--ged-header-height) + 1rem) solid var(--ged-color-gray0);
}
.studyRoom h2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	width: 80rem;
	max-width: 90%;
}
.studyRoom .prog-r8 {
	display: flex;
	align-items: center;
	margin: 0 0 0 4rem;
	font-weight: 600;
	color: var(--ged-color-blue5);
	white-space: nowrap;
}
.studyRoom .prog-r8 > i {
	margin-left: 1em;
}
.studyRoom .prog-r8 .prog {
	flex: 0 0 50%;
	height: 6px;
	border-radius: 12px;
	overflow: hidden;
}
.studyRoom .prog-r8 strong {
	color: var(--ged-color-gray7);
	font-size: 1.1em;
	font-weight: 800;
	margin: 0 0.4em;
	color: var(--ged-color-blue5);
}
.studyRoom .prog-r8 small {
	color: var(--ged-color-gray5);
	font-weight: 600;
	margin-left: 1em;
}
.studyRoom .learning-period {
	display: flex;
	margin: 1.6rem 0 0;
	color: var(--ged-color-gray4);
}
.studyRoom .learning-period li:not(:first-child)::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.1rem;
	margin: 0 1.2rem;
	width: 0.1rem; height: 1em;
	background: var(--ged-color-gray2);
	vertical-align: middle;
}
.studyRoom .learning-period li {
	color: var(--ged-color-gray6);
}
.studyRoom .learning-period li span {
	margin: 0 1.2rem 0 0;
	font-weight: 600;
	color: var(--ged-color-gray8);
}
.studyRoom .learning-period li.rmnnTime {
	font-weight: 600;
	color: var(--ged-color-red5);
}
.studyRoom .sr-header p {
	margin: 0.4em 0 0;
	color: var(--ged-color-gray5);
}
.studyRoom .sr-body {
	padding: 4rem 0 0;
}
.studyRoom .sr-body .container {
	display: flex;
	justify-content: space-between;
	position: relative;
}

/* player */
.studyRoom .sr-player {
	/* flex: 0 0 calc(100% - 40rem); */
	flex: 0 0 65%;
	padding: 0 0 6rem;
}
.studyRoom .sr-player h3 {
	display: flex;
	align-items: center;
	color: var(--ged-color-gray9);
	margin: 0.4em 0 0;
}
.studyRoom .sr-player h3 span::before,
.studyRoom .sr-player h3 span::after {
	display: inline-block;
	clear: both;
	font-weight: 300;
}
.studyRoom .sr-player h3 span::before {
	content: "\300a";
	margin-right: 0.4rem;
}
.studyRoom .sr-player h3 span::after {
	content: "\300b";
	margin-left: 0.4rem;
}
.studyRoom .sr-player h3 span {
	margin: 0 0.8rem 0 0;
	font-weight: 700;
	color: var(--ged-color-blue4);
}
.studyRoom .sr-player h3 small {
	font-weight: 400;
	color: var(--ged-color-gray4);
}
.studyRoom .sr-player h3 small i {
	margin: 0 0.4rem 0 1.2rem;
}
.studyRoom .sr-player > div {
	position: relative;
	margin: 0 0 3rem;
}
.studyRoom .sr-player > div video {
	display: block;
	width: 100%; height: auto;
	max-width: 100%;
}
.studyRoom .sr-player .prog-chapter {
	display: block;
	width: 100%; height: 1rem;
	max-width: 100%;
}
.studyRoom .sr-player .prog-chapter::after {
	content: "\c9c4\d589\b960" attr(value) "%";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	opacity: 0;
	transition: .3s;
}
.studyRoom .sr-player .prog-r8-chapter:hover .prog-chapter::after {
	opacity: 1;
}
.studyRoom .sr-player .chapter-r8 {
	background: var(--ged-color-gray7);
}
.studyRoom .sr-player .chapter-r8 p {
	position: relative;
	display: block;
	width: 100%; height: 1rem;
	max-width: 100%;
	background: var(--ged-color-gradient);
	transition: .4s;
	cursor: pointer;
}
.studyRoom .sr-player .chapter-r8 span {
	position: absolute; right: 0; bottom: -1.6rem;
	display: inline-block;
	line-height: 1;
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--ged-color-gray7);
	text-align: right;
	white-space: nowrap;
}
.studyRoom .sr-player .btn-wrap {
	width: 100%;
}

/* player speed */
.player_speed {
	position: absolute; left: 0; top: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 5%;
	width: 100%; height: 0;
	max-width: 100%;
	background: rgb(0 0 0/0%);
	transition: .3s;
	z-index: 60;
}
/* .player_speed::before {
	content: "dd";
	display: block;
	clear: both;
	flex: 1 0 100%;
	width: 100%; height: auto;
	text-align: center;
} */
.player_speed a {
	flex: 1 0 20%;
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: row-reverse;
	width: 20%; height: 20%;
	line-height: 0;
	font-size: 2.1rem;
	font-weight: 500;
	color: var(--ged-color-white);
	letter-spacing: 0;
}
.player_speed a::before {
	content: "\f368";
	display: inline-flex;
	clear: both;
	font-family: remixicon;
	font-size: inherit;
	font-weight: 400;
}
.player_speed .btn-ps {
	flex: 0 0 auto;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute; left: 0; top: -1.2rem;
	padding: 0 0.8rem;
	width: auto; height: 2.4rem;
	font-size: 1.2rem;
	font-weight: 300;
	background: var(--ged-color-red5);
	letter-spacing: -0.04em;
	cursor: pointer;
}
.player_speed .btn-ps::before {
	content: "\f369";
	font-size: 1.4rem;
}
.player_speed a ~ a {
	border-right: 0.1rem solid var(--ged-color-gray6);
}
.player_speed a:last-child {
	border-right: 0;
}
.player_speed a i {
	position: relative; top: 0.1rem;
	margin: 0 0 0 0.2rem;
	font-size: 0.75em;
}
.player_speed.ps-open {
	height: 100%;
	background: rgb(0 0 0/80%);
}
.player_speed.ps-open a {
	display: inline-flex;
}


/* playlist */
.studyRoom .sr-playlist-btn {
	display: none;
}
.studyRoom .sr-playlist {
	flex: 0 0 28rem;
	position: absolute; right: 0; top: 1.6rem;
	width: 28rem; height: calc(100% - 1.6rem);
	background: var(--ged-color-white);
	transition: .4s ease-in-out;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 4rem 20rem rgb(0 0 0 / 10%);
}
.studyRoom .sr-playlist div {
	display: flex;
	align-items: center;
	position: relative;
	padding: 1.6rem 2.4rem;
	font-size: 1.6rem !important;
	font-weight: 700;
	letter-spacing: -0.02em;
	background: var(--ged-color-gray9);
	color: #fff;
}
.studyRoom .sr-playlist div i {
	margin: 0 1.2rem 0 0;
	font-size: 1.2em;
}
.studyRoom .sr-playlist ul {
	width: calc(100% + 1.7rem); height: calc(100% - 4rem);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.studyRoom .sr-playlist li {
	-ms-word-break: keep-all;
	word-break: keep-all;
	background: var(--ged-color-gray0);
	margin: 0.4em 0.8em;
	border-radius: 10px;
	padding: 0.8em;
	padding-left: 1.2em;
	cursor: pointer;
	position: relative;
}
.studyRoom .sr-playlist li:first-child {
	margin-top: 1em;
}
.studyRoom .sr-playlist li:last-child {
	margin-bottom: 2.4em;
}
.studyRoom .sr-playlist li a {
	display: flex;
	align-items: center;
	line-height: 1.4;
	color: var(--ged-color-gray7);
	font-weight: 600;
}
.studyRoom .sr-playlist li span {
	display: flex;
	font-weight: 500;
}
.studyRoom .sr-playlist li a > span {
	align-items: center; justify-content: center;
	font-size: 0.8em;
	font-weight: 700;
	background: var(--ged-color-gray7);
	border-radius: 100%;
	width: 2em; height: 2em;
	margin-right: 0.5em;
	position: absolute;
	top: -0.5em; left: -0.5em;
	background: #fff;
}
.studyRoom .sr-playlist li p {
	font-family: "calibri";
	font-size: 1.3rem;
	font-weight: 400;
	display: flex;
	align-items: center;
}
.studyRoom .sr-playlist li p span {
	font-style: normal;
}
.studyRoom .sr-playlist li p span ~ span {
	margin: 0 0 0 2.4rem;
}
.studyRoom .sr-playlist li p span::before {
	display: inline-block;
	clear: both;
	margin: 0 0.4rem 0 0;
	font-family: remixicon;
	font-size: 1em;
	font-weight: 300;
	vertical-align: bottom;
}
.studyRoom .sr-playlist li .chapter-time::before {
	content: "\f009";
}
.studyRoom .sr-playlist li .chapter-r8::before {
	content: "\ead9";
}
.studyRoom .sr-playlist li.act {
	background: linear-gradient(90deg, #fff, var(--ged-color-blue0) 35%);
	border: 2px solid var(--ged-color-blue5);
}
.studyRoom .sr-playlist li.act a {
	font-weight: 700;
	color: var(--ged-color-blue5);
}
.studyRoom .sr-playlist li.act a > span {
	color: var(--ged-color-blue5);
}
.studyRoom .sr-playlist li.act p span {
	color: var(--ged-color-blue5);
	opacity: 0.65;
}

.studyRoom .sr-footer {
	padding: 4rem 0 6rem;
}
.studyRoom .sr-footer h4 {
	margin: 0;
	color: var(--ged-color-gray7);
}
.studyRoom .sr-footer h4 i {
	margin: 0 0.8rem 0 0;
	font-size: 1.2em;
	color: var(--ged-color-blue4);
}
.studyRoom .sr-download {
	display: flex;
	/* justify-content: space-around; */
	flex-wrap: wrap;
	margin: 3rem 0 0;
	padding: 3rem 0;
	background: var(--ged-color-white);
	border-radius: 20px;
	gap: 1em 0.4em;
}
.studyRoom .sr-download li {
	flex: 0 0 calc(50% - 0.4em);
	padding: 0 6%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
	color: var(--ged-color-gray5);
}
.studyRoom .sr-download li > span::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.5rem;
	margin: 0 1.2rem 0 0;
	width: 0.3rem; height: 0.3rem;
	background: var(--ged-color-gray2);
	border-radius: 1rem;
}
.studyRoom .sr-download li .btn {
	flex: 0 0 12rem;
	color: var(--ged-color-gray5) !important;
	background: var(--ged-color-white) !important;
	border: 0.1rem solid var(--ged-color-gray2) !important;
}
.studyRoom .sr-download li .btn::before {
	content: "\ec54";
	display: inline;
	clear: both;
	margin: 0 0.6rem 0 0;
	font-family: remixicon;
	font-weight: 300;
	color: var(--ged-color-blue4);
}

/* ?�???�� ??��??���????��?룞踰꾪듉 */
.studyRoom .sr-move {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 0 3.2rem;
	height: 6rem;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.studyRoom.sr-new .sr-move {
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	margin: 0;
}
.studyRoom .sr-move > * {
	transition: width .4s ease-in-out;
}
.studyRoom .sr-move .btn-exit {
	display: flex;
	align-items: center;
	font-weight: 600;
	color: var(--ged-color-gray6);
	transition: .2s;
}
/* ??��?��? ??���?? ??�쇰?�� 蹂닿�? */
.sr-other {
	position: absolute; top: 9.2rem; left: 0;
	width: 28rem;
	overflow: hidden;
	z-index: 61;

}
.studyRoom.sr-new .sr-other {
	top: 0;
}
.sr-other:has(.sr-list-open) {
	box-shadow: 0 4rem 20rem rgb(0 0 0 / 35%);
}
.sr-other > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 3rem;
	height: 6rem;
	line-height: 1;
	font-weight: 600;
	background: var(--ged-color-gray0);
	color: var(--ged-color-gray8);
	border-bottom: 1px solid var(--ged-color-gray7);
	cursor: pointer;
}
.sr-other > div::after {
	content: "\ea4e";
	display: inline-block;
	clear: both;
	font-family: 'remixicon';
	font-size: 1.2em;
	transition: transform .3s;
}
.sr-other ul {
	display: none;
	width: calc(100% + 2rem);
	max-height: 24rem;
	border-top: 0.1rem solid var(--ged-color-gray1);
	overflow-y: auto;
}
.sr-other li:not(:first-child) {
	border-top: 0.1rem solid var(--ged-color-gray1);
}
.sr-other li a {
	display: flex;
	align-items: center;
	padding: 0 3rem;
	width: 100%; height: 6rem;
	line-height: 1.4;
	color: var(--ged-color-gray7);
	background: var(--ged-color-white);
	transition: .3s;
}
.sr-other li a::before {
	content: '\eadd';
	font-weight: 400 !important;
	margin-right: 0.4em;
}
.sr-other li a:hover {
	font-weight: 600;
	color: var(--ged-color-blue5);
}
.sr-other div.sr-list-open::after {
	transform: rotate(calc(180deg * 3));
}


/* -------- 2023-07-17 媛뺤?��?뱽湲? ??��?��?�꽦 -------- */
.studyRoom2 {
	padding: 0;
	background: #f8f8f8;
}
.studyRoom2 h4 {
	margin: 0;
	color: var(--ged-color-gray8);
}
.studyRoom2 h4 i {
	margin: 0 0.8rem 0 0;
	font-size: 1.2em;
	/* color: var(--ged-color-blue4); */
}

/* studyRoom header */
.studyRoom2 .sr-header {
	position: relative; top: 0;
	padding: 0;
	z-index: 61;
}
.studyRoom2 .sr-content > .container {
	display: flex;
	justify-content: space-between;
	padding: 1.6rem 0 0;
}

/* player */
.studyRoom2 .sr-player {
	flex: 0 0 75%;
	background: var(--ged-color-white);
	box-shadow: 0 4rem 20rem rgb(0 0 0 / 10%);
	border-radius: 20px;
	padding: 2em;
}
.studyRoom2 .sr-player .chapter-r8 p {
	margin: 0;
}

/* ?�???�� ??��??���????��?룞踰꾪듉 */
.studyRoom2 .sr-move {
	background: var(--ged-color-white);
	border: 0;
}
.studyRoom2 .sr-move .btn-exit {
	height: 6rem;
	width: fit-content;
	margin-left: auto;
}

/* ??��?��? ??���?? ??�쇰?�� 蹂닿�? */
.studyRoom2 .sr-other {
	border-width: 0 0.1rem;
}

/* studyRoom body */
.studyRoom2 .sr-body {
	padding: 4rem 0 6rem;
}
.studyRoom2 .sr-body .container {
	display: block;
}
.studyRoom2 .sr-body .container > div:not(:first-of-type) {
	margin: 6% 0 0;
}
.studyRoom2 .sr-body .container > div > h4 + ul,
.studyRoom2 .sr-lec-qna > section > h4 + div {
	margin: 1.6rem 0 0;
}

/* studyRoom lecture info */
.studyRoom2 .sr-info {
	padding: 0;
	background: var(--ged-color-white);
	cursor: default;
}
.studyRoom2 h3 {
	display: flex;
	align-items: center;
	margin: 1.2rem 0 1.6rem;
	color: var(--ged-color-gray8);
}
.studyRoom2 h3 span {
	display: inline-flex;
	margin: 0 0.8rem 0 0;
	font-weight: 700;
	color: var(--ged-color-blue4);
}
.studyRoom2 h3 span::before,
.studyRoom2 h3 span::after {
	display: inline-block;
	clear: both;
	line-height: 1;
	font-weight: 300;
}
.studyRoom2 h3 span::before {
	content: "\300a";
	margin-right: 0.4rem;
}
.studyRoom2 h3 span::after {
	content: "\300b";
	margin-left: 0.4rem;
}
.studyRoom2 h3 small {
	font-weight: 400;
	color: var(--ged-color-gray4);
}
.studyRoom2 h3 small i {
	margin: 0 0.4rem 0 1.2rem;
}
.studyRoom2 .prog-r8 {
	margin: 0;
}

/* studyRoom lecture files */

/* studyRoom lecture Q&A */
.studyRoom2 .tab-content:first-of-type {
	margin: 0;
}


/* -------- ??��諛붽?��??�� -------- */
#chkAll+label {
	flex-grow: 0;
	transition: .2s;
}
#chkAll:checked+label {
	color: var(--ged-color-white);
	background: var(--ged-color-gray8);
	border-color: var(--ged-color-gray8);
}
#chkAll+label::before {
	display: none;
}
.chkall-wrap #chkAll+label > span {
	letter-spacing: 0.1em;
	margin-left: 0.8em;
}
.cart .content + h3 {
	margin-top: 0;
}
.cart .card {
	display: flex;
	align-items: center;
	gap: 1.6rem 2.4rem;
	flex-wrap: wrap;
	position: relative;
	margin: 0 0 4rem;
	padding: 2.4rem 3.2rem;
}
.cart .card:hover .card-thum a {
	transform: none;
}
.cart .lec-info {
	flex: unset !important;
	width: unset !important;
}
.cart .lec-item .card-thum {
	margin-right: 2.4rem;
}
.cart .card-dept {
	margin-left: 0 !important;
}
.cart .card-dept h4 > * {
	vertical-align: middle;
}
.cart .card-dept h4 .label {
	margin: 0 1.2rem 0 0;
}
.lec-item .card-dept li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
	color: var(--ged-color-gray4);
}
.lec-item .card-dept li:not(:first-child) {
	margin: 0.4rem 0 0;
}
.lec-item .card-dept li span {
	font-weight: 500;
	color: var(--ged-color-gray5);
}
.lec-item .card-dept li span::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.4rem;
	margin: 0 0.6rem 0 0;
	width: 0.3rem; height: 0.3rem;
	background: var(--ged-color-gray2);
	border-radius: 50%;
}
.lec-item .card-dept li p {
	margin: 0 0 0 0.8rem;
}
.lec-item .qty-item,
.lec-item .qty-chk {
	flex: unset;
	width: auto;
	text-align: left;
}
.lec-item .qty-chk button {
	width: 1.6rem; height: auto;
}
.lec-item .qty-chk input {
	height: 1em;
	font-weight: 500;
	border: unset;
	letter-spacing: -0.04em;
}
.lec-item .card-prc {
	/* flex: 1 0 100%; */
	text-align: right;
}
.lec-item .item-chk {
	margin: 0 0.4rem 0 0;
	vertical-align: top;
}
.item-chked {
	border-color: var(--ged-color-gray5);
}
.lec-item .btn-del {
	position: absolute; top: 50%; right: -1.6rem;
	transform: translateY(-50%);
}
.lec-item .item-chk::before,
.lec-item .btn-del::before {
	display: inline-flex;
	clear: both;
	justify-content: center;
	align-items: center;
	margin: 0;
	width: 6rem; height: 6rem;
	font-family: remixicon;
	font-size: 1.8rem;
	vertical-align: revert;
}
.lec-item .item-chk::before {
	width: auto !important; height: auto !important;
	color: var(--ged-color-gray7);
}
.lec-item .btn-del::before {
	content: "\ec2a";
	color: var(--ged-color-gray4);
}

/* ??��諛붽?��??�� ??��??��?��붾줈 媛먯?���?? */
.cart .item-chk {
	display: block;
	width: 100%;
}
.cart .item-chk ~ .item-chk {
	margin: 2.4rem 0 0;
}
.cart .apply_chk + i::before,
.cart .apply_chk:checked + i::before {
	display: inline-block;
	clear: both;
	position: relative; top: -0.1rem;
	margin: 0 0.4rem 0 0;
	line-height: 1;
	font-family: remixicon;
	font-size: 1.16em;
	font-weight: 400;
	font-style: normal;
	color: var(--ged-color-gray7);
	vertical-align: middle;
}
.cart .apply_chk + i::before {
	content: "\eb7f";
}
.cart .apply_chk:checked + i::before {
	content: "\eb82";
}

/* 理쒖쥌湲?���? ??��??���?? */
.cart:not(.order) .total-amont {
	position: sticky; bottom: 0;
	margin: 4rem 0;
	height: 12rem;
	/* background: rgb(255 255 255/90%); */
}

/* ??��諛붽?��??�� ?��좏룿 */
.card-coupon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.8rem 0;
	flex-wrap: wrap;
	padding: 1.6rem 0 0 calc(100% - 50rem);
	width: 100%;
	line-height: 1;
	border-top: 0.1rem dashed var(--ged-color-gray2);
	white-space: nowrap;
	transition: .4s;
}
.card-coupon h5 {
	flex: 0 0 10rem;
	display: flex;
	align-items: center;
	padding: 0 2.4rem 0 0;
	font-weight: 600;
	color: var(--ged-color-gray7);
	transition: .4s;
}
.card-coupon h5::before {
	content: "\ebe8";
	display: inline-flex;
	clear: both;
	position: relative; top: -0.1rem;
	margin: 0 0.8rem 0 0;
	font-size: 1.8rem;
	font-weight: 400;
}
.card-coupon h5 + div {
	flex: 0 0 34rem;
	background: var(--ged-color-gray0);
	text-align: right;
	transition: .4s;
}
.card-coupon h5 + div select {
	background: #fff;
	width: 100%; height: 4rem;
	letter-spacing: -0.02em;
}
.card-coupon h5 + div option:disabled {
	color: var(--ged-color-gray2);
	text-decoration: line-through;
	/* background: var(--ged-color-gray1);
	cursor: not-allowed; */
}
.card-coupon > .btn {
	flex: 0 0 5.6rem;
	margin-left: 0.4rem;
	height: 4rem !important;
}
.card-coupon-cmt {
	padding-left: 10rem;
	font-weight: 400 !important;
	transition: .4s;
}
.card-coupon-cmt span {
	position: relative; top: 0.4rem;
	margin-right: 0.6rem;
}

/* ??��諛붽?��??�� ?�???�� */
.cart .coupon-sale {
	flex: 1 0 100%;
	color: var(--ged-color-gray4);
	letter-spacing: -0.02em;
}

/* 2023-07-19 ?�??�??��?��?�� 踰꾪?�� ?���??? */
.cart .card-prc {
	flex-wrap: wrap;
}
.btn-cart-select,
.btn-cart-cancel {
	flex: 1 0 100%;
	position: static;
	margin: 1.2rem 0 0;
	width: 100%;
	background: var(--ged-color-green);
}
.btn-cart-cancel {
	background: var(--ged-color-gray2);
}

.cart .card-thum-wrap {
	flex: auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.cart .lec-item .btn-del {
	top: 0.5em; right: 0.5em; transform: unset;
}
.cart .lec-item .btn-del::before {
	font-size: 2rem;
}
.cart .item-chked .lec-item {
	border: 1px solid var(--ged-color-gray7);
}
.cart .lec-item {
	overflow: visible;
}
.cart .lec-item .card-dept h4 + p {
	min-height: unset;
}
.cart .card-chk {
	background: #fff;
	padding: 0.8em;
	border-radius: 100%;
	display: flex;
	align-items: center; justify-content: center;
	position: absolute;
	top: -1rem; left: -1rem;
}
.cart .card-chk input[name=cart-item-chk] + span {
	display: inline-block;
}
.cart .card-chk input[name=cart-item-chk] + span::before {
	display: block;
	padding: 0; margin: 0;
	color: var(--ged-color-gray8);
	font-size: 1.4em;
}
.total-amont-wrap {
	background: var(--ged-color-blue0);
	border-radius: 20px;
	padding: 1em 2em 2em;
	margin: 4rem 0 0;
}
.total-amont-wrap .total-amont {
	margin: 0 !important;
}

/* ??���????�� ??���?? : applicant information */
/* .order-info {
	display: flex;
	justify-content: space-between;
	gap: 0 3%;
	margin: 0 0 3.2rem;
} */
.apl-info {
	/* flex: 1 0 48.5%; */
	padding: 3.2rem 4.8rem 3.2rem 4.5rem;
	padding: 2.4rem 4.8rem 3.2rem;
	/* width: 48.5%; */
	border: 0.1rem solid var(--ged-color-gray2);
}
.apl-info ~ .apl-info {
	margin: 2.4rem 0 0;
}
.apl-info .tbc1 {
	width: 16rem;
}
.apl-info .tbc2 {
	width: calc(100% - 16rem);
}
.apl-info table {
	border: 0;
}
.apl-info th {
	line-height: 5rem;
	background: transparent;
	border: 0;
	text-align: left;
	vertical-align: top;
}
.apl-info th ~ th {
	padding-left: 3rem;
}
.apl-info td {
	padding: 1.2rem 0;
	border: 0;
	text-align: left;
}
.apl-info label {
	line-height: 1;
}
.apl-info li {
	display: flex;
	align-items: center;
}
/* .apl-info li:not(:first-child) { */
.apl-info li:nth-child(2) ~ li {
	margin-top: 0.8rem;
}
.apl-info ul ul {
	width: 100%;
}
.apl-info li li:not(:first-child) {
	margin-top: 1rem !important;
}
.apl-info li h4 {
	flex: 0 0 10rem;
}
.apl-info li h4 ~ h4 {
	flex-basis: 14rem;
	padding-left: 4rem;
}
.apl-info input,
.apl-info textarea {
	width: 100%;
}
.apl-info input {
	height: 4.8rem !important;
}
.apl-info input[type=search] {
	display: inline-flex;
	align-items: center;
	padding: 0 1.2rem;
	width: 8rem;
	text-align: center;
}
.apl-info input[type=search] + button {
	flex-grow: 0;
	margin: 0 0 0 0.6rem;
	width: 12rem;
}
.apl-info .tb-subs {
	margin: 1.6rem 0 0 !important;
	font-size: 1.4rem;
	color: var(--ged-color-gray4);
}
.apl-info .tb-subs::before {
	align-self: flex-start;
	content: "\ef46";
	display: inline-block;
	clear: both;
	margin: 0 0.8rem 0 0;
	font-family: remixicon;
	font-size: 1.24em;
	color: var(--ged-color-pink);
}
.apl-info .tb-subs i {
	align-self: flex-start;
	position: relative; top: 0.2rem;
	margin: 0 0.8rem 0 0;
	color: var(--ged-color-pink);
}
.apl-info select {
	height: 4.8rem;
	text-align: left;
}
.apl-info select:first-child {
	margin-left: 0;
}

.apl-info select[name=gopaymethod] {
	margin: 0;
	width: 100%;
}
.apl-info select ~ input {
	flex: 0 0 auto;
	margin: 0 0 0 0.4rem;
	width: auto;
}
.apl-info:first-of-type select {
	/* width: 100%; */
}
.apl-info p {
	margin: 0.8rem 0 0;
	width: 100%;
}

.add-info select[name=gopaymethod],
.add-info select[name=Rbank] {
	width: 100%;
}

/* ??�쇱?��?��?�뒪??�� */
.add-info dl {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	color:  var(--ged-color-gray5);
}
.add-info dt,
.add-info dd {
	height: 5rem;
	line-height: 5rem;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.add-info dt {
	width: calc(100% - 16rem);
	white-space: nowrap;
	text-align-last: left;
}
.add-info dd {
	width: 16rem;
	text-align: right;
}
.add-info .lec-price {
	margin: 2.4rem 0 0;
}
.add-info .card-prc-title + .won {
	font-weight: 900;
}

/* ?��?��?��??�� ??���?? */
#nobank select {
	width: 100%;
}
#nobank h4 {
	margin: 1.6rem 0 2.4rem;
	color: var(--ged-color-gray7);
}
#nobank h4 small {
	display: block;
	margin: 0.4rem 0 0;
}
#nobank li {
	display: block;
	line-height: 1.5;
}
#nobank label ~ input[type=radio]+label {
	margin: 0 0 0 1.6rem;
}

/* trms-and-cndt : terms and conditions */
.trms-and-cndt {
	display: flex;
	gap: 2rem;
	margin: 6rem 0 0;
}
.trms-and-cndt h4 {
	margin: 0;
}
.trms-and-cndt li {
	flex: 1 0 30%;
}
.trms-and-cndt ._scrollbox {
	margin: 1.6rem 0 0;
	height: 20rem;
}

/* total-amont */
.total-amont {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 4.8rem 0;
	font-weight: 500;
	text-align: center;
	height: 12rem;
}
.total-amont .container {
	margin: 0 0 2%;
}
.total-amont em {
	margin: 0 0.4rem 0 0.8rem;
	font-weight: 900;
	color: var(--ged-color-blue4);
	letter-spacing: -0.04em;
}
.payment-details {
	margin: 2% 0 0;
	line-height: 1.5;
	font-size: 0.7em;
	font-weight: 300;
	color: var(--ged-color-gray4);
}
.total-amont ~ .container {
	width: 50rem;
	max-width: 92%;
	text-align: center;
}


/* -------- 二쇰Ц寃곌?�� -------- */
.order-result {
	margin: auto;
	padding: 0 0 6rem;
	width: 60rem;
	max-width: 100%;
	text-align: center;
	box-shadow: 0 4rem 20rem rgb(0 0 0 / 10%);
	overflow: hidden;
	border-radius: 20px;
}
.order-result .btn-wrap {
	width: 80%;
}

/* 留덊�? */
.order-result svg {
	display: block;
	margin: 6rem auto 4rem;
	width: 8rem;
}
.order-result .path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 0;
}
.order-result .path.circle {
	-webkit-animation: dash 0.9s ease-in-out;
	animation: dash 0.9s ease-in-out;
}
.order-result .path.line {
	stroke-dashoffset: 1000;
	-webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
	animation: dash 0.9s 0.35s ease-in-out forwards;
}
.order-result .path.check {
	stroke-dashoffset: -100;
	-webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
	animation: dash-check 0.9s 0.35s ease-in-out forwards;
}
@-webkit-keyframes dash {
	0% { stroke-dashoffset: 1000; }
	100% { stroke-dashoffset: 0; }
}
@keyframes dash {
	0% { stroke-dashoffset: 1000; }
	100% { stroke-dashoffset: 0; }
}
@-webkit-keyframes dash-check {
	0% { stroke-dashoffset: -100; }
	100% { stroke-dashoffset: 900; }
}
@keyframes dash-check {
	0% { stroke-dashoffset: -100; }
	100% { stroke-dashoffset: 900; }
}

/* 硫붿�?�?? */
.order-result h3 {
	justify-content: center;
	margin: 0;
}
.order-result h3 + p {
	margin: 3.2rem 0 6rem;
	font-weight: 400;
	color: var(--ged-color-gray5);
}
.order-result h3 + p span {
	margin: 0 0.8rem 0 0;
	font-weight: 600;
}
.order-result dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 6rem auto;
	width: 80%;
}
.order-result h3 + p + dl {
	margin: 2.4rem auto 6rem;
}
.order-result dt,
.order-result dd {
	display: inline-flex;
	align-items: center;
	/* flex-wrap: wrap; */
	padding: 1.6rem 0;
}
.order-result dt:not(:nth-child(1)),
.order-result dt:not(:nth-child(1)) + dd {
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.order-result dt {
	flex: 0 0 12rem;
	width: 12rem;
	font-weight: 600;
	color: var(--ged-color-gray8);
}
.order-result dd {
	flex: 0 0 calc(100% - 12rem);
	width: calc(100% - 12rem);
	color: var(--ged-color-gray6);
	text-align: left;
}
.order-result dd strong {
	margin: 0 0.8rem 0 0;
	font-size: 2rem;
	font-weight: 900;
	color: var(--ged-color-gray8);
}
.order-result ~ .btn-wrap {
	margin: 4rem auto 0;
}



/* 留덉?��??��??���??
------------------------------------------------------ */
.myinfo main hr {
	margin: 6rem 0 0;
}
.myinfo main .btn-area {
	flex: 1 0 100%;
}
.myinfo .tb {
	margin: 3.2rem 0;
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.myinfo .tbc1 {
	width: 16rem;
}


/* -------- ?�? ??���?? 蹂닿�? -------- */
.myinfo-table {
	display: flex;
	justify-content: space-between;
	gap: 4.8rem 4rem;
	flex-wrap: wrap;
	margin: 4.8rem 0;
	max-width: 100%;
}
.my-photo {
	flex: 0 0 21rem;
}
.my-photo figure {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	gap: 2.4rem;
	padding: 3.2rem 3.2rem 2.4rem;
	background: var(--ged-color-gray0);
}
.my-photo figure>div {
	margin: 0 auto;
	width: 12rem; height: 12rem;
	border-radius: 50%;
	overflow: hidden;
}
.my-photo figcaption h4 {
	margin: 0 0 1.6rem;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
}
.my-photo figcaption h4 small {
	display: block;
	margin: 0.4rem 0 0;
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--ged-color-gray4);
}
.my-photo .btn {
	width: 100%; height: 3.2rem;
	font-size: 0.9em;
	color: var(--ged-color-white);
	background: var(--ged-color-gray4);
}
.my-photo .label {
	margin: 1.6rem 0 0;
	cursor: pointer;
}
.my-info {
	flex: 1 0 calc(100% - 25rem);
}
.my-info li {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 1.6rem 0 2.4rem;
	min-height: 6rem;
	border: 0.1rem solid var(--ged-color-gray2);
}
.my-info li:not(:first-child) {
	margin: 0.8rem 0 0;
}
.my-info li::before {
	content: attr(data-th) "";
	display: inline-block;
	clear: both;
	width: 16rem;
	line-height: 6rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--ged-dark-grey);
}
.my-info li input,
.my-info li select,
.my-info li div {
	flex: 1 0  calc(100% - 24rem);
	width: calc(100% - 24rem); height: 6rem;
	border: 0;
	ime-mode: disabled;
}
.my-info li label ~ label {
	margin: 0 0 0 4.8rem;
}
.my-info li input ~ a.label,
.my-info li input ~ button {
	display: inline-flex;
	align-items: center;
	margin: 0 0 0 1.6rem;
	padding: 0 0.8rem;
	height: 2.7rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--ged-color-white);
	background: var(--ged-color-gray4);
	cursor: pointer;
}
.my-info li input {
	padding: 0;
}
.my-info li select {
	flex: 0 0 auto;
	padding-left: 0;
	width: auto;
	background-position: 100% center;
	border: 0;
	text-align: left;
}
.my-info li div {
	display: flex;
	align-items: center;
	padding: 1.2rem 0;
	height: auto;
}
.my-info li p {
	flex: 1 0 100%;
	padding: 1.2rem 0 1.2rem 16rem;
	width: 100%;
	line-height: 1.4;
	font-size: 0.9em;
	color: var(--ged-color-gray5);
	border-top: 1px solid var(--ged-color-gray1);
}

/* 二쇱?���?? */
.my-address {
	height: auto;
}
.my-address ul {
	flex: 1 0  calc(100% - 24rem);
	width: calc(100% - 24rem);
}
.my-address li {
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0 !important;
	line-height: 6rem;
	border: 0;
}
.my-address li::before {
	width: auto !important;
}
.my-address li>div {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	transition: .3s;
}
.my-address li>div input {
	flex: 1 0 100%;
	width: 100%;
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.my-address li input[type=search] {
	flex: 0 0 8rem;
}
.my-address li input[type=search] + button {
	flex: 0 0 8rem;
	align-self: center;
	height: 3.2rem;
	font-size: 1.4rem;
	color: inherit;
	background: transparent;
}

.more>a.btn-addr-add::after {
	content: "\ea13";
	top: 0;
}

/* ??�듭?�� 二쇱?��?�? */
.addr-frm li {
	display: flex;
	align-items: center;
}
.addr-frm input[type=search] {
	display: inline-flex;
	padding: 0 1.2rem;
	width: 8rem;
	text-align: center;
}
.addr-frm input[type=search] ~ .btn {
	flex-grow: 0;
	margin: 0 0 0 0.4rem;
	width: 12rem;
}
.addr-frm #addForm {
	margin: 0.5rem 0 0;
	padding: 0;
}
.addr-frm li:nth-child(2) ~ li {
	margin-top: 0.8rem;
}

/* 二쇱?���???�? */
#addrForm {
	display: none;
	position: relative;
	margin: 0.8rem 0 0;
	padding-bottom: 0;
	width: 100%; height: 34rem !important;
	border: 0.1rem solid var(--ged-color-gray2);
	border-width: 0.1rem 0 0;
}
#addrForm [role=button] {
	position: absolute; top: -4rem; right: -0.1rem;
	width: 4rem; height: 4rem;
	color: var(--ged-color-gray7);
	background: var(--ged-color-white);
	border: 0.1rem solid var(--ged-color-gray2);
	border-radius: 0;
	cursor: pointer;
}
#addrForm [role=button]::before {
	content: "\eb99";
	display: inline-block;
	clear: both;
	font-family: remixicon;
	font-size: 1.16em;
}
#addrForm .post_search .placeholder {
	width: 80%;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* ?�???���?? */
.myinfo-view {
	margin: 3.2rem auto;
	border-radius: 0;
	border-top: 1px solid var(--ged-color-gray7);
}
.myinfo-view li {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	flex-wrap: wrap;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}
.myinfo-view h5 {
	flex: 0 0 16rem;
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	color: var(--ged-color-gray8);
}
.myinfo-view div {
	flex: 1 0 calc(100% - 16rem);
	width: calc(100% - 16rem);
	color: var(--ged-color-gray6);
}
.myinfo-view p {
	margin: 0.8rem 0 0;
	font-size: 0.9em;
}
.myinfo-view .ged-mail h5 + div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: auto;
}
.myinfo-view .ged-mail input[name=txtEmail1] {
	margin-right: 0.4rem;
}
.myinfo-view .ged-mail input[name=txtEmail2],
.myinfo-view .ged-mail select[name=slctEmail] {
	margin-left: 0.4rem;
}
.myinfo-view .ged-mail h5 + div input,
.myinfo-view .ged-mail h5 + div select {
	flex: 1 0 30%;
	width: 30%;
}

/* ?���???踰덊?�� �??�?? */
.myinfo-pass div {
	display: flex;
	align-items: center;
}
.myinfo-pass div p {
	margin: 0 0 0 2.4rem;
}


/* -------- 1:1 留욎?�� ?�???��  -------- */
.oto .tbc1 {
	width: 10rem;
}
.oto .tbc2 {
	width: auto;
}
.oto .tbc3 {
	width: 12rem;
}
.oto .tbc4 {
	width: 16rem;
}
.oto .tb td:first-child,
.oto .tb td:last-child {
	font-size: 0.938em;
}
.oto button + .btn {
	margin: 0 0 0 0.4rem;
	height: 4rem;
}

/* view */
.oto .tb-view {
	padding: 0 0 2.4rem;
	line-height: 1.6;
	border-top: 1px solid var(--ged-color-gray7);
	border-bottom: 1px solid var(--ged-color-gray2);
	letter-spacing: -0.02em;
	margin: 3.2rem 0 0;
	color: var(--ged-color-gray7);
}
.oto .tb-view li {
	flex-wrap: wrap;
}
.oto .tb-view .tb-subject {
	padding: 1.6rem 1.5%;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.oto .tb-view .tb-subject > div > span::after {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: 0.12rem;
	margin: 0 0.8em;
	width: 0.2rem; height: 0.9em;
	background: var(--ged-color-gray2);
}
.oto .tb-view .tb-msg {
	display: block;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.oto .tb-view .tb-msg p {
	margin: -2rem 0 0;
	width: 100%;
}
.oto .tb-view ._comment {
	flex: 1 0 100%;
	margin: 6rem 0 2.4rem;
	width: 100%;
}


/* -------- 寃곗?��?�??�? -------- */
.payHistory .lec-list {
	max-height: 69rem;
	overflow-y: auto;
}
.payHistory .lec-list .lec-item {
	margin: 0 0 1.6rem;
	gap: 0;
	padding-left: 1em;
	border: 1px solid var(--ged-color-gray2);
	/* background: var(--ged-color-gray0); */
	border-radius: 16px;
	overflow: unset;
}
.payHistory .lec-list .lec-item::before {
	content: '\eb80';
	position: absolute;
	top: -1rem; left: -1rem;
	font-size: 1.4em;
	color: var(--ged-color-gray3);
	background: #fff;
	padding: 0.5em;
	border-radius: 100%;
	z-index: 1;
}
/* .payHistory .lec-list .lec-item::after {
	content: '';
	position: absolute; top: 0; left: 0;
	height: 100%; width: 1.8em;
	background: #eaf2f3 !important;
	z-index: -2;
} */

.payHistory .lec-item .card-thum {
	display: none;
}
.payHistory .lec-item .lec-info {
	flex-basis: calc(100% - 40rem);
}
.payHistory .lec-item .card-dept {
	/* flex: unset; */
	flex: 0 0 calc(100% - 20rem);
	width: calc(100% - 20rem);
}
.payHistory .lec-item .lec-prog {
	flex-basis: auto;
	display: flex;
	gap: 0 3rem;
	width: auto;
	background: none !important;
	color: var(--ged-color-gray5);
}
/* .lec-prog p:first-of-type::before {
	content: "\eb29";
}
.lec-prog p:last-of-type::before {
	content: "\f2ae";
} */

/* 寃곗?�� ???湲곕�??�? */
.payHistory .lec-item .pay-waiting {
	gap: 0 0.8rem;
}
.payHistory .lec-item:has(.pay-waiting) .lec-info {
	flex: auto;
}
.payHistory .lec-item:has(.pay-waiting) .card-dept {
	flex: auto;
}
.payHistory .lec-item:has(.pay-waiting) .pay-waiting {
	width: 100%;
	flex-wrap: wrap;
}

.pay-waiting p {
	color: var(--ged-color-gray7);
}
.pay-waiting p:first-of-type {
	font-weight: 600;
}
.pay-waiting p:first-of-type::before {
	content: "\ea94";
	font-weight: 400;
	color: var(--ged-color-gray7);
}
.pay-waiting p:last-of-type::before {
}
.pay-waiting p ~ p::before {
	content: "|" !important;
	display: inline-flex;
	clear: both;
	position: relative; top: -0.2rem;
	font-weight: 100;
	color: var(--ged-color-gray4);
}

/* -------- ?�? ?��좏룿?�? -------- */
.mycoupon .tab-box {
	margin: 0 0 4%;
}
.mycoupon .coupon-list {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1.6em 0.8em;
	padding: 2.4rem 0 0;
}
.mycoupon .coupon-list .coupon-mini {
	flex: 0 0 calc(33.333% - 1rem);
	margin: 0;
}

/* 媛ㅻ?��?��?�삎 */
.coupon-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 2.4rem;
	padding: 4rem 3.2rem 3.2rem;
	width: calc((100% - 4.8rem)/3);
	line-height: 1;
	background: var(--ged-color-white);
	text-align: center;
	overflow: hidden;
	user-select: none;
}
.coupon-item h4 {
	margin: 0;
	width: 100%;
}
.coupon-item h4 div {
	margin: auto;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.coupon-item h4 small {
	display: block;
	margin: 0.4rem 0 0;
	width: 100%;
	font-size: 0.625em;
	font-weight: 400;
	color: var(--ged-color-gray4);
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.coupon-item .vldPrd {
	margin: 1.2rem 0 0;
	font-size: 1.35rem;
	letter-spacing: -0.02em;
}
.coupon-item .coupon-img {
	position: relative;
	margin: 1.2rem auto -1.2%;
	padding-left: 0.8rem;
	width: 24rem; height: 12rem;
	max-width: 100%;
	font-size: 4.3rem;
	font-weight: 900;
	color: var(--ged-color-white);
	background: var(--ged-color-gradient);
	transform: scale(0.9);
}
.coupon-item .coupon-img::before {
	content: "COUPON";
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative; top: 0.4rem;
	height: 4.5rem;
	font-size: 1rem;
	font-weight: 500;
	color: rgb(255 255 255/70%);
	letter-spacing: 1.2rem;
	text-align: center;
	transform: scale(0.7);
}
.coupon-item .coupon-img .dotted {
	position: absolute; top: 50%;
	transform: translateY(-50%);
}
.coupon-item .coupon-img .dotted-left {
	left: -0.6rem;
}
.coupon-item .coupon-img .dotted-right {
	right: -0.6rem;
}
.coupon-item .coupon-img .dotted li {
	width: 1.2rem; height: 1.2rem;
	background: var(--ged-color-white);
	border-radius: 4rem;
}
.coupon-item .coupon-img .dotted li:not(:first-child) {
	margin: 1rem 0 0;
}
.coupon-item .coupon-img span {
	position: relative; top: -0.1rem;
	margin: 0 0 0 0.4rem;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: -0.04em;
}
.coupon-item .caption {
	margin: 2.4rem auto 0;
	width: 24rem;
	max-width: 100%;
	line-height: 1.6;
	text-align: left;
}
.coupon-item .caption li {
	position: relative;
	padding-left: 0.8rem;
}
.coupon-item .caption li:not(:first-child) {
	margin: 0.4rem 0 0;
}
.coupon-item .caption li::before {
	content: "";
	display: inline-block;
	clear: both;
	position: absolute; left: 0; top: 50%;
	width: 0.3rem; height: 0.3rem;
	background: var(--ged-color-gray3);
	border-radius: 1em;
	transform: translateY(-50%);
}

.no-coupon {
	margin: 6% 0 0;
}
.mycoupon .btn-wrap {
	margin: 6% auto 0;
}

/* ??????��?���??�� */
.mycoupon .tbc1 {
	width: 10rem;
}
.mycoupon .tbc2 {
	width: auto;
}
.mycoupon .tbc3 {
	width: 20rem;
}
.mycoupon .tbc4 {
	width: 24rem;
}
.mycoupon .not-avl *:not(.label) td {
	color: var(--ged-color-gray4) !important;
}
.mycoupon .tb-bbs .tb-title a {
	/* width: auto; */
}
.mycoupon .label {
	margin: 0 0 0 2%;
}
.mycoupon .tb-pager {
	margin: 4% 0 0;
}

/* ?��좏룿??��??�� ??��?�? */
.popup .coupon-item {
	width: 100%;
}
.popup .coupon-item .coupon-img {
	margin-top: 0;
}


/* -------- ??��寃⑹쬆諛?��?�� -------- */
.lec-issue input[name=cart-item-chk] + span::before {
	content: "\eb7d";
	display: inline-flex;
	align-items: center;
	margin-right: 0.4rem;
	font-family: 'remixicon';
	font-size: 1.08em;
	font-weight: 400;
	color: var(--ged-color-gray7);
}
.lec-issue input[name=cart-item-chk]:checked + span::before {
	content: "\eb80";
}
.lec-issue .lec-info {
	flex: 1 0 24rem;
	width: 24rem;
}
.lec-issue .card-prc {
	flex: 0 0 auto;
	flex: 0 0 48rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: right;
	margin-left: auto;
}
.lec-issue .lec-shape span {
	display: block;
	text-align: center;
	color: var(--ged-color-gray4);
	margin: 0.8em 0 0;
}
.lec-issue .lec-shape div {
	display: flex;
	gap: 0.4em;
}
.lec-issue .lec-shape input + label::before {
	display: none;
}
.lec-issue .lec-shape input + label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 2rem;
	height: 4.3rem;
	line-height: 0;
	font-size: 1.5rem;
	font-weight: 400;
	background: var(--ged-color-gray1);
	color: var(--ged-color-gray6);
	white-space: nowrap;
	overflow: hidden;
	border-radius: 12px;
}
.lec-issue .lec-shape input:checked + label {
	font-weight: 500;
	color: var(--ged-color-white);
	background: var(--ged-color-blue5);
	box-shadow: 0 4px 12px rgb(6 184 234 / 25%);
}
.lec-issue .lec-shape + p span {
	display: inline-flex;
	height: 4.3rem;
	align-items: center;
}
.lec-issue .lec-shape + p strong {
	color: var(--ged-color-gray8);
	font-size: 1.5em;
}



/* ??�ㅻ??��?��??��
------------------------------------------------------ */

/* -------- ??�듭???�??�? -------- */
.notice main .label-promo {
	justify-content: center;
	width: 8rem;
}
.notice .card-thum {
	border-radius: 20px;
	transition: .4s ease-out;
}
.notice .card:hover .card-thum {
	border-radius: 0;
}

/* ??�좎?��??�듭??諛곕�? */
.pinned-notice {
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
	margin: 0 0 3.2rem;
}
.pinned-notice li {
	/* flex: 0 0 49%; */
}
.pinned-notice li:not(:first-child) {
	margin: 0 0 0 0.4rem;
}
.pinned-notice a {
	display: inline-flex;
	align-items: center;
	padding: 0 3.2rem 0 2.4rem;
	height: 6rem;
	line-height: 1;
	font-size: 1.7rem;
	font-weight: 500;
	color: var(--ged-color-gray5);
	background: var(--ged-color-gray0);
	border: 0.1rem solid var(--ged-color-gray2);
	transition: .3s;
}
.pinned-notice li a::before {
	align-items: center;
	position: relative; top: 0.1rem;
	margin: 0 0.8rem 0 0;
	font-family: 'remixicon';
	font-size: 1.16em;
	font-weight: 300;
	color: var(--ged-color-gray3);
	transition: .3s;
}
.pinned-notice li:nth-child(1) a::before {
	content: "\ef81";
}
.pinned-notice li:nth-child(2) a::before {
	content: "\f217";
}
.pinned-notice a:hover {
	color: var(--ged-color-gray7);
	background: var(--ged-color-white);
	border-color: var(--ged-color-gray5);
}
.pinned-notice a:hover::before {
	color: var(--ged-color-blue);
}

/* ??�듭?? �?? ??�듭?? - 媛ㅻ?��?��? */
.notice .latest-gallery {
	margin: 0 0 4.8rem;
	/* padding: 0 0 2.4rem;
	border-bottom: 0.1rem solid var(--ged-color-gray2); */
}
.notice .latest-gallery .label-promo {
	top: 0; bottom: auto;
}

/* ??�듭?? �?? ??�듭?? - ?��?�뒪??�� */
.notice .tb-list {
	margin: 0 0 4.8rem;
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.notice .tb-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.9rem 0.4rem 1.2rem;
	min-height: 4.8rem;
}
.notice .tb-list li span {
	flex: 0 0 7rem;
	width: 7rem;
	font-weight: 400;
	cursor: default;
}
.notice .tb-list li a {
	flex: 0 0 calc(100% - 8.4rem);
	display: inline-block;
	width: calc(100% - 12rem);
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.notice .tb-list li a::before {
	content: "\eee9";
	display: inline-flex;
	align-items: center;
	clear: both;
	position: relative; top: 0.3rem;
	margin: 0 1.2rem 0 0.4rem;
	font-size: 1.16em;
	color: var(--ged-color-blue);
}


/* -------- ?�?寃⑺?���?? -------- */
.review h3 p i {
	position: relative; top: -0.2rem;
	margin: 0 0.8rem 0 0;
}
.review-top {
	display: block;
	padding: 0 0 6rem;
	/* border-top: 0.1rem solid var(--ged-color-gray2); */
	display: none;
}
.review-top::after {
	content: "";
	display: block;
	clear: both;
}
.review-readme {
	max-width: 100%;
}
.btn-review {
	padding: 0 3.2rem;
	font-weight: 600;
}
.btn-review::before {
	content: "\ec7f";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	position: relative; top: -0.1rem;
	margin: 0 0.8rem 0 0;
	font-family: remixicon;
	font-size: 1.2em;
	font-weight: 400;
	color: var(--ged-color-blue);
}

/* ??���?? �???�? */
.about_passing form[name=frmList] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto 4rem;
}
.review-search {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 40rem; height: 6rem;
	border: 1px solid var(--ged-color-gray5);
	border-radius: 12px;
}
.review-search select,
.review-search input {
	height: 6rem !important;
	font-size: 1.6rem;
	background-color: transparent;
	border: 0;
}
.review-search select {
	flex: 0 0 10rem;
	width: 10rem;
	text-align: left;
}
.review-search label[for=sSel] {
	flex: 0 0 12rem;
	width: 12rem;
	line-height: 1;
	border-right: 0.1rem solid var(--ged-color-gray2);
	text-align: center;
	font-weight: 600;
}
.review-search input {
	padding-right: 0;
	width: calc(100% - 16rem);
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.review-search button {
	flex: 0 0 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6rem; height: 6rem;
	font-size: 1.8rem;
	color: var(--ged-color-gray7);
}

/* ??���?? ?뿰愿?�???�??�? */
.review-search #autoMaker {
	position: absolute; top: 7rem;
	width: 100%; height: 32rem;
	background: var(--ged-color-white);
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0 0.8rem 1.6rem var(--ged-color-gray1);
	z-index: 10;
}
.review-search #autoMaker option {
	padding: 0 3.2rem 0 1.6rem;
	/* width: calc(100% + 1.7rem); */
	width: 100%;
	line-height: 4rem;
	background: transparent;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.review-search #autoMaker option::before,
.review-search #autoMaker option::after {
	display: inline-block;
	clear: both;
	font-family: remixicon;
	font-weight: 300;
	color: var(--ged-color-gray2);
}
.review-search #autoMaker option::before {
	content: "\ed05";
	position: relative; top: 0.28rem;
	margin: 0 0.8rem 0 0;
	font-size: 1.12em;
}
.review-search #autoMaker option:hover::after {
	content: "\ed4e";
	position: absolute; right: 2.4rem;
	line-height: 2.8em;
	font-size: 1em;
}
.review-search #autoMaker option:hover {
	color: var(--ged-color-gray7);
	background: var(--ged-color-gray0);
}

/* ??���?? ??��?�??�?�?? */
.review-write {
	max-width: 100%;
}
.review-write li {
	display: flex;
	justify-content: space-between;
	padding: 0 0.8rem;
}
.review-write >ul > li:not(:first-child) {
	margin: 0.8rem 0 0;
}
.review-write > ul > li:last-child {
	/* margin-top: 2.4rem; */
}
.review-write li h4 {
	flex: 0 0 10rem;
	margin: 0;
	width: 10rem;
	line-height: 5rem;
	font-weight: 600;
	color: var(--ged-color-gray7);
}
.review-write li h4+div {
	flex: 0 0 calc(100% - 10rem);
	width: calc(100% - 10rem);
}
.review-write li h4+div div {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 1.6rem;
	height: 5rem;
	border: 0.1rem solid var(--ged-color-gray4);
	cursor: pointer;
}
.review-write li h4+div div::after {
	content: "\ea4d";
	display: inline-flex;
	clear: both;
	position: absolute; top: 50%; right: 1.6rem;
	font-family: remixicon;
	font-size: 1.24em;
	transform: translateY(-50%) rotateX(0deg);
}
.review-write li h4+div div.rl-open::after {
	transform: translateY(-50%) rotateX(180deg);
}
.review-write li h4+div ul {
	display: none;
	position: relative; top: -0.1rem;
	border: 0.1rem solid var(--ged-color-gray2);
	border-width: 0 0.1rem 0.1rem;
}
.review-write li h4+div ul li:not(:first-child) {
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.review-write li h4+div ul li a {
	display: flex;
	align-items: center;
	padding: 0 1.6rem;
	width: 100%; height: 5rem;
}
.review-write textarea {
	width: 100%; height: 16rem;
}
.filebox {
	display: flex;
	justify-content: space-between;
}
.filebox ~ .filebox {
	margin: 0.8rem 0 0;
}
.filebox input[type=file] {
	position: absolute;
	margin: -1px;
	padding: 0;
	width: 0; height: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
}
.filebox input[type=file] + label {
	flex: 0 0 16rem;
	transition: .4s;
}
.filebox input[type=file] + label::before {
	content: "\ee47";
	display: inline-flex;
	clear: both;
	position: relative; top: -0.1rem;
	margin: 0 0.8rem 0 0;
	font-family: remixicon;
	font-size: 1.2em;
	font-weight: 300;
}
.filebox label + input[type=text] {
	flex: 1 0 calc(100% - 21rem);
	width: calc(100% - 21rem); height: 5rem;
	font-size: 0.8em;
	font-weight: 400;
	color: var(--ged-color-gray4);
	border-width: 0.1rem 0;
	cursor: default;
	user-select: none;
}
.filebox label ~ a {
	flex: 0 0 5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	width: 5rem; height: 5rem;
	font-size: 1.2em;
	color: var(--ged-color-gray5);
	background: transparent;
	border: 0.1rem solid var(--ged-color-gray2);
	text-align: center;
	cursor: pointer;
}
.filebox label ~ a:hover {
	color: var(--ged-color-gray7);
	border-color: var(--ged-color-gray5);
}
.filebox label ~ a::before {
	content: "\ea13";
	display: inline-block;
	clear: both;
	font-family: remixicon;
	font-size: 1.16em;
	font-weight: 300;
	transition: .4s;
}
.filebox label ~ a.file-del::before {
	content: "\f1ae";
	transition: none;
}
.filebox label ~ a:hover::before {
	transform: rotate(180deg);
}
.review-write .btn-wrap {
	margin: 2.4rem auto 0;
}

/* ??���?? ?��?�뒪??�� */
.review-list {
	border-top: 2px solid var(--ged-color-gray7);
}
.review-list li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 1em 0 0;
	padding: 2.8rem 3rem 3rem;
	border: 0.1rem solid var(--ged-color-gray2);
	border-radius: 20px;
	overflow: hidden;
}
.review-hd {
	flex: 1 0 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 2.4rem;
	padding: 0 0 1.2rem;
	width: 100%;
	color: var(--ged-color-gray7);
	border-bottom: 0.1rem dashed var(--ged-color-gray2);
}
.review-hd h5 {
	font-weight: 700;
	color: var(--ged-color-gray9);
}
.review-hd span {
	cursor: default;
}
.review-hd p {
	color: var(--ged-color-gray5);
	font-weight: 500;
}
.review-hd p span:first-child {
	/* font-weight: 600; */
}
.review-hd p span:first-child::before {
	content: "\ec90";
	display: inline-flex;
	clear: both;
	position: relative; top: 0.3rem;
	margin: 0 0.2rem 0 0;
	line-height: 1;
	font-family: remixicon;
	font-size: 1.16em;
	font-weight: 300;
}
.review-hd p span ~ span {
	/* margin: 0 0 0 1.6rem; */
}
.review-hd p span ~ span::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 0.8rem;
	width: 0.1rem; height: 1em;
	background: var(--ged-color-gray3);
	vertical-align: middle;
}
.review-bd {
	flex: 0 0 calc(100% - 16rem);
	width: calc(100% - 16rem);
	color: var(--ged-color-gray5);
	-ms-word-break: keep-all;
	word-break: keep-all;
	overflow: hidden;
}
.review-bd2 {
	flex: 0 0 10rem;
	display: flex;
	justify-content: flex-end;
	position: relative;
	width: 10rem; height: 12rem;
}
.review-bd2::after {
	display: none;
}
.review-bd2.img-many::after {
	content: attr(data-num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	clear: both;
	position: absolute; top: 0; right: 0;
	width: 3rem; height: 3rem;
	font-size: 1.1rem;
	font-weight: 500;
	color: var(--ged-color-white);
	background: rgb(0 0 0/75%);
	z-index: 6;
}
.review-bd2 a {
	display: block;
	position: absolute;
	width: 14rem; height: 100%;
	background: var(--ged-alert);
	z-index: 6;
	border: 1px solid var(--ged-color-gray1);
	border-radius: 12px;
	overflow: hidden;
}
.review-bd2 img {
	position: absolute; right: 0; top: 0;
	width: 100%; height: 100%;
	/* border: 0.1rem solid var(--ged-color-gray2); */
	object-fit: cover;
	cursor: pointer;
}
.review-best {
	position: relative;
	margin: 0 0 1.6rem;
	padding: 3.2rem 3.2rem !important;
	background: var(--ged-color-blue0);
	border: 1px solid var(--ged-color-blue1) !important;
}
.review-best h5 {
	display: flex;
	align-items: center;
}
.review-best h5::after {
	content: "BEST";
	font-size: 1.2rem;
	line-height: 1;
	background: var(--ged-color-blue3);
	box-shadow: 0 0 8px rgb(6 184 234 / 35%);
	color: #fff;
	padding: 0.4em 1.2em 0.7em;
    font-weight: 700;
	border-radius: 10rem;
	margin-left: 1em;
	letter-spacing: 0;
}
.review-best .review-bd {
	color: var(--ged-color-gray7);
}
.hb-wrapper .hb-image-container div.hb-image-div div.hb-loader + img {
	width: 36rem;
	max-width: 100%;
}
.review-list + .tb-pager {
	margin: 4.8rem auto 0;
}

/* lightbox */
.hb-wrapper *,
.hb-wrapper :before,
.hb-wrapper :after {
	font-family: 'SUIT', 'Roboto', 'Pretendard', sans-serif !important;
}
.hb-wrapper .hb-main-container {
	background-color: rgb(0 0 0/0.7) !important;
}
.hb-wrapper .hb-main-container p.hb-counter {
	left: 4rem !important; top: 1.6rem !important;
	font-family: inherit !important;
	color: var(--ged-color-white) !important;
}
.hb-wrapper .hb-left-icon-container {
	left: 4rem !important; top: 50% !important; right: revert !important;
	width: 6rem !important; height: 4rem !important;
	transform: translateY(-50%) !important;
}
.hb-wrapper .hb-right-icon-container {
	top: 50% !important;
	width: 6rem !important; height: 4rem !important;
	transform: translateY(-50%) !important;
}
.hb-wrapper .hb-close-icon-container {
	top: 1.6rem !important; right: 2.4rem !important;
	width: 4rem !important; height: 4rem !important;
	background-color: transparent !important;
}
.hb-wrapper .hb-main-container button {
	opacity: 1 !important;
}
.hb-wrapper .hb-main-container button svg {
	fill: var(--ged-color-white) !important;
}

/* 2025-01-08 ??��媛뺤?���?? 踰꾪?�� ?���??? */
.btn-apply2 {
	margin: 8rem 0 -8rem;
	height: 8rem;
	font-size: 2.2rem;
	font-weight: 800;
	color: var(--ged-color-white);
	background: var(--ged-color-gradient);
	background: linear-gradient(46deg, #5e74ed, #26C7B2, #f5bf58, #ab47bc);
	background-size: 400% 400%;
	text-shadow: 0px 1px rgb(0 0 0 /24%);
}
.btn-apply2:hover {
	animation: gradiend-bar 3s ease-in-out Infinite Alternate;
}
@keyframes gradiend-bar {
	0% {
		background-position: 0 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0 50%;
	}
}


/* -------- ??��寃⑹쬆諛?��?��??���?? -------- */
.ged-benefit .tbc {
	width: 50%;
}
.ged-benefit th {
	display: none;
}
.ged-benefit td {
	padding: 3.2rem 1.6rem 4.8rem;
	vertical-align: top;
}
.ged-benefit td::before {
	display: none;
}
.ged-benefit td .btn {
	width: 6rem;
	vertical-align: top;
}
.ged-benefit td p {
	display: inline-block;
	margin: 0 0 0 2.4rem;
	width: calc(100% - 9rem);
	font-weight: 400 !important;
	vertical-align: top;
}
.ged-benefit td span {
	display: block;
	margin: 1.2rem 0 0;
	line-height: 1.3;
	font-size: 0.8em;
}
.issuance_guide li,
.issuance_guide ._box {
	color: var(--ged-color-gray7);
}
.issuance_guide strong {
	margin: 0 2.4rem 0 0;
	font-weight: 600;
	color: var(--ged-color-gray7);
}
.issuance_guide ._caution._point {
	display: flex;
}
.issuance_guide ._caution._point ._alert {
	flex: 0 0 4rem;
	width: 4rem;
}
.issuance_guide ._caution._point ._alert + span {
	flex: 0 0 calc(100% - 4rem);
	width: calc(100% - 4rem);
	word-break: keep-all;
}

/* 2023-07-18 ?���??? */
.issuance .lic-sample {
	position: relative;
	margin: 0 0 2.4rem;
	text-align: center;
}
.issuance .lic-sample > small {
	display: block;
	clear: both;
	padding: 0.8em 1.2em;
	line-height: 1;
	font-weight: 600;
	background: var(--ged-color-red0);
	color: var(--ged-color-red5);
	border: 1px solid var(--ged-color-red2);
}
.issuance .lic_proc {
	margin: 0 0 2.4rem;
}
.issuance .btn-wrap {
	margin: 6% auto 0;
}
.issuance .issuance-list .tbc1 {
	width: 10rem;
}
.issuance .issuance-list .tbc2 {
	width: auto;
}
.issuance .issuance-list .tbc3 {
	width: 16rem;
}
.issuance .issuance-list .tbc4 {
	width: 12rem;
}
.issuance .issuance-list .tbc5 {
	width: 16rem;
}
.issuance .issuance-list a {
	display: inline-flex;
	margin: auto;
	width: auto;
}
.license-status .payIng {
	background: var(--ged-color-gray1);
	color: var(--ged-color-gray5);
	cursor: unset;
}
.license-status .payIng::before {
	content: '\eb81';
	font-weight: 400;
	margin-right: 0.4em;
}
.license-status .payOk {
	background: #eaf2f3;
	color: var(--ged-color-blue6);
}
.license-status .payOk::before {
	content: '\eb80';
	font-weight: 400;
	margin-right: 0.4em;
	color: inherit;
}
.issuance-list .label {
	height: unset;
	padding: 1rem 1.2rem;
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--ged-color-gray7);
	border: 1px solid var(--ged-color-gray7);
}


/* ?���??��??��??���??
------------------------------------------------------ */

/* -------- ?���??��??�� ??���?? -------- */
.company_info main h3 {
	height: 7.1rem;
	background: url('/images/sub/company/company_title.png') no-repeat center center;
	background-size: contain;
}
.company_info main h3 + p {
	margin: 2.4rem auto 0;
	color: var(--ged-color-gray4);
	text-align: center;
}
.company_info .dots {
	display: block;
	margin: 4rem 0;
	height: 0.6rem;
	background: url('/images/sub/company/dots.png') no-repeat center 0;
}
.company_info .keypoint {
	display: flex;
	flex-wrap: wrap;
	margin: 8rem auto 0;
	width: 90rem;
	max-width: 100%;
}
.company_info .keypoint li {
	flex: 0 0 33.33333%;
	width: 33.33333%;
}
.company_info .keypoint li figure {
	margin: 0 auto 2.4rem;
	width: 18rem; height: 18rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	border-radius: 18rem;
	overflow: hidden;
	transition: .4s;
}
.company_info .keypoint li:nth-child(1) figure {
	background-image: url('/images/sub/company/company_info_icon1.png');
}
.company_info .keypoint li:nth-child(2) figure {
	background-image: url('/images/sub/company/company_info_icon2.png');
}
.company_info .keypoint li:nth-child(3) figure {
	background-image: url('/images/sub/company/company_info_icon3.png');
}
.company_info .keypoint li h4 {
	margin: 0;
	color: var(--ged-color-blue);
}
.company_info .keypoint li h4 + p {
	margin: 0.8rem 0 0;
	color: var(--ged-color-gray5);
}
.company_info .content > p {
	line-height: 1.6;
	word-break: keep-all;
}
.company_info .content > p:not(:last-child) {
	margin: 4rem 0;
}
.company_info .content > p:last-child {
	margin: 10rem 0 0;
}

/* -------- �????��泥댁?��?�???��?�? -------- */
.agreement_list {
	display: flex;
	justify-content: stretch;
	flex-wrap: wrap;
	gap: 4rem 3.2rem;
}
.agreement_list li {
	flex: 0 0 calc((100% - 12.8rem)/5);
	position: relative;
	padding: 0.8rem 0 0;
	border: 0.1rem solid var(--ged-color-gray2);
	text-align: center;
}
.agreement_list li:nth-child(6n+1) {
	margin-left: 0;
}
.agreement_list li a {
	position: absolute; left: 0;bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; height: 4.8rem;
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--ged-color-gray6);
	background: var(--ged-color-gray0);
	border-top: 0.1rem dashed var(--ged-color-gray3);
}


/* -------- ??��??��?빟愿? -------- */
.terms_of_use h2 + div {
	padding: 2.4rem 0;
	color: var(--ged-color-gray6);
	overflow-y: auto;
	white-space: pre-wrap;
}


/* -------- 誘쇨�???��寃⑹�??�? -------- */
.license .content {
	/* border-top: 2px solid var(--ged-color-gray7); */
	margin: 2.4rem 0 0;
	display: flex;
	flex-wrap: wrap;
}
.license .license_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 48%;
	padding: 0 0.4rem;
	height: 6rem;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.license .license_item:not(:nth-child(odd)) {
	margin: 0 0 0 4%;
}
.license .license_item p {
	font-size: 1.7rem;
	font-weight: 600;
	color: var(--ged-color-gray8);
	letter-spacing: -0.06em;
	transition: .2s;
}
.license .license_item p::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.4rem;
	margin: 0 0.8rem 0 0;
	width: 0.3rem; height: 0.3rem;
	background: var(--ged-color-gray4);
	border-radius: 50%;
}
.license .license_item p span {
	flex: 1 0 2.4rem;
	display: block;
	padding: 2rem 0 2rem 2.4rem;
	font-size: 0.9em;
	font-weight: 400;
	color: var(--ged-color-gray4);
	display: none;
}
.license .license_item .rgsNmb {
	font-size: 1.2rem;
	color: var(--ged-color-gray4);
}
.license .license_item .rgsNmb::before,
.license .license_item .rgsNmb::after {
	display: inline-block;
	clear: both;
}
.license .license_item .rgsNmb::before {
	content: "\c81c";
	margin-right: 0.4rem;
}
.license .license_item .rgsNmb::after {
	content: "\d638";
	margin-left: 0.4rem;
}
.license td {
	padding: 2.4rem 1.2rem 2.4rem 2.4rem;
}

/* 2023-09-13 ?���??? 誘쇨�???��寃⑹�? 媛쒖?�� */
.license_item_num {
	margin: 0 0 0 0.8rem;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: underline;
}


/* -------- 李얠�???��??��??�� �?? -------- */
.wayto {
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.wayto .root_daum_roughmap {
	max-width: 100%;
	height: auto;
}
.wayto-title img {
	width: auto; height: 4rem;
}
.wayto-trisys {
	padding: 1.2rem 1.8rem;
	line-height: 1.5;
	font-weight: 400;
}
.wayto-trisys li:not(:first-child) {
	margin: 0.4rem 0 0;
}
.wayto-trisys li p {
	display: inline-flex;
	margin: 0 0 0 1.2rem;
	color: var(--ged-color-gray4);
}
.wayto-trisys i {
	margin: 0 0.8rem 0 0;
	font-size: 0.95em;
	color: var(--ged-color-gray7);
}
.wayto main hr {
	margin: 6% 0 0;
}
.wayto main h4,
.wayto main h5 {
	font-weight: 600;
	color: var(--ged-color-gray7);
}
.wayto main h4 {
	margin: 6% 0 0;
}
.wayto main h5 {
	margin: 4.8rem 0 0;
	padding: 0.8rem 1.2rem;
	background: var(--ged-color-gray0);
}
.wayto main h5:first-of-type {
	margin: 6rem 0 0;
}
.wayto main h5 + ul {
	margin: 1.2rem 0 0;
}
.wayto main h5 + ul li:last-child {
	border-bottom: 0;
}
.wayto main h5 i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative; top: -0.2rem;
	width: 3.6rem; height: 3.6rem;
	margin: 0 0.4rem 0 0;
	line-height: 1;
	font-size: 1.24em;
	font-weight: 300;
	/* color: var(--ged-color-white);
	background: var(--ged-color-gray7);
	border-radius: 6rem; */
}
.wayto span.navi-arrow::before {
	content: "\ea6b";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative; top: 0.2rem;
	margin: 0 1.2rem;
	font-family: remixicon;
	color: var(--ged-color-gray3);
}
.wayto li .label {
	position: relative; top: -0.1rem;
	margin: 0 0.8rem 0 0;
}
.wayto li .label + em {
	font-size: 0.94em;
	font-weight: 600;
	color: var(--ged-color-gray7);
}
/* .wayto .wayto-subway li:nth-child(1) .label {
	background-color: #5b692e;
}
.wayto .wayto-subway li:nth-child(2) .label {
	background-color: #3b9f37;
}
.wayto .wayto-bus li:nth-child(1) .label {
	background-color: #009e25;
} */
.subway-2 {
	color: var(--ged-color-white);
	background: #3b9f37;
}
.subway-7 {
	color: var(--ged-color-white);
	background: #5b692e;
}
.bus-green {
	color: var(--ged-color-white);
	background: #11aa52;
}
.bus-blue {
	color: var(--ged-color-white);
	background: #0e73de;
}
.bus-red {
	color: var(--ged-color-white);
	background: #f73617;
}
.bus-yellow {
	color: var(--ged-color-white);
	background: #dbb30e;
}
.bus-town {
	color: var(--ged-color-white);
	background: #8cc64b;
}
.bus-airport {
	color: var(--ged-color-white);
	background: #a98558;
}



/* blog
------------------------------------------------------ */
.blog .latest,
.blog .bbs-mode {
	display: flex !important;
	justify-content: space-between;
}
.blog .tb-pager {
	margin: 8rem auto 0;
}

/* latest-gallery */
.latest-gallery {
	margin: 0 0 80px;
}
.latest-gallery .card {
	position: relative;
	cursor: pointer;
}
.latest-gallery .card-thum::after {
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0/70%), transparent);
}
.latest-gallery .card-dept {
	position: absolute; bottom: 0;
	width: 100%;
}
.latest-gallery .card-dept h4 {
	 margin: 0;
	 line-height: 5rem;
}
.latest-gallery .card-dept a {
	padding: 0 2rem;
	font-weight: 500;
	color: var(--ged-color-white);
}


/* -------- content -------- */
.blog .content {
	flex: 1 0 calc(100% - 32rem);
}
.blog .content h3:first-of-type {
	margin-top: 0;
}
.blog .content .card:nth-of-type(n+4) {
	margin-top: 4rem;
}
.blog .content .card {
	flex: 0 0 32%;
}


/* -------- adide -------- */
.blog aside {
	flex: 1 0 26rem;
	margin: 0 0 0 6rem;
}
.blog .list-group {
	border-top: 0.2rem solid var(--ged-color-gray7);
}
.blog .list-group ~ div {
	margin: 6rem 0 0;
}
.blog .list-group div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.2rem;
	height: 6rem;
	font-weight: 700;
}
.blog .list-group div ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}
.blog .list-group div ul li {
	font-weight: 500;
	color: var(--ged-color-gray4);
	cursor: pointer;
}
.blog .list-group div ul li:not(:first-child) {
	margin: 0 0 0 0.4rem;
}
.blog .list-group div ul li.on {
	padding: 0 0.4rem;
	font-weight: 700;
	color: var(--ged-color-gray7);
}
.blog .list-group ol {
	padding: 1.2rem 1rem;
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.blog .list-group ol:not(:first-of-type) {
	display: none;
}
.blog .list-group ol li {
	list-style: demical inside;
	line-height: 2;
}
.blog .list-group ol li::marker {
	font-weight: 700;
	color: var(--ged-color-blue4);
}
.blog .list-group ol li a {
	display: inline-block;
	padding: 0 0 0 0.4rem;
	width: 20rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	vertical-align: middle;
}
.blog .list-group ol li a:hover {
	text-decoration: underline;
}




/* ?�???��??���??
------------------------------------------------------ */
.sitemap main h3 {
	margin-bottom: 0;
	height: 10rem;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.sisitemap maintemap h3:not(:first-of-type) {
	margin-top: 12rem;
}
.sitemap main h3 + ul {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.sitemap main h3 + ul>li {
	/* flex: 1 0 100%; */
	flex: 0 0 25%;
	display: flex;
	flex-wrap: wrap;
	margin: 2.4rem 0 0;
	width: 25%;
}
.sitemap main h4 {
	/* flex: 0 0 24rem; */
	flex: 0 0 100%;
	margin: 0;
	padding: 0 0 0 4rem;
	width: 24rem;
	font-weight: 500;
	color: var(--ged-color-gray7);
	border: 0.1rem solid var(--ged-color-gray1);
	border-width: 0 0 0 0.1rem;
}
.sitemap main h4 + ul {
	/* flex: 0 0 calc(100% - 24rem); */
	flex: 0 0 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 1.6rem 0 0;
	padding: 0 0 0 4rem;
	width: calc(100% - 24rem);
	/* line-height: 2; */
	line-height: 1.8;
}
.sitemap main h4 + ul li {
	/* flex: 0 0 calc(100%/4); */
	flex: 0 0 100%;
	width: calc(100%/4);
	color: var(--ged-color-gray4);
}
.sitemap main h4 + ul li li::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.5rem;
	margin: 0 0.8rem 0 0;
	width: 3px; height: 3px;
	background: var(--ged-color-gray2);
	border-radius: 8px;
}
.sitemap main h4 + ul li li::before {
	display: none;
}



/* bbs
------------------------------------------------------ */
.btn-share {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 4rem; height: 4rem;
	cursor: pointer;
}
.btn-share i {
	margin: 0;
}


/* -------- list -------- */


/* -------- gallery -------- */
.tb-gallery {
	display: flex;
	flex-wrap: wrap;
}
.tb-gallery li {
	flex: 0 0 49%;
	margin: 0 0 4%;
	width: 49%;
}
.tb-gallery li:nth-child(2n) {
	margin-left: 2%;
}
.tb-gallery .card-thum a {
	padding-top: calc(100/200*100%);
}
.tb-gallery .card-dept {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
	margin: 1.6rem 0 0;
	padding-right: 0.8rem;
}
.tb-gallery .card-dept h4 {
	flex: 1 0 calc(100% - 8rem);
	margin: 0 0 0 0.8vw;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-all;
}
.tb-gallery .card-dept p {
	height: auto;
	line-height: 1;
	color: var(--ged-color-gray5);
	text-align: center;
	display: flex; align-items: center;
	gap: 0.4em;
	margin-left: 0.8em;
}
.tb-gallery .card-dept p::before {
	content: '\eb27';
}


/* -------- view -------- */
.tb-view i {
	margin: 0 0.4rem 0 0;
}
.tb-subject {
	letter-spacing: -0.04em;
}
.tb-subject + li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 2.4rem 0 0;
}
.tb-subject + li p {
	margin: 0.8rem 0 0;
	color: var(--ged-color-gray4);
}
.tb-subject + li p a ~ a::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 1.2rem;
	width: 0.1rem; height: 1.2rem;
	background: var(--ged-color-gray2);
	vertical-align: middle;
}
.tb-writer {
	margin: 0 0 2.4rem;
}
.tb-writer p span ~ span::before {
	content: "";
	display: inline-block;
	clear: both;
	margin: 0 1.2rem;
	width: 0.1rem; height: 1.2rem;
	background: var(--ged-color-gray2);
	vertical-align: middle;
}
.tb-summary {
	position: relative;
	margin: 0 0 2.4rem;
	padding: 3.2rem 4.8rem;
	color: var(--ged-color-gray5);
	background: var(--ged-color-gray0);
	border-radius: 0 4rem 4rem 4rem;
}
.tb-summary::before,
.tb-summary::after {
	display: block;
	clear: both;
	position: absolute;
	line-height: 0;
	font-family: 'SlowSlow', sans-serif !important;
	font-size: 10rem;
	color: var(--ged-color-gray4);
}
.tb-summary::before {
	content: "'";
	left: 25px; top: 0;
	transform: rotate(180deg);
}
.tb-summary::after {
	content: "'";
    right: 30px; bottom: 0;
}
.bbs .tb-content {
	padding: 2.4rem 0 3.2rem;
	/* min-height: 400px; */
	border-top: 1px solid var(--ged-color-gray5);
	border-bottom: 1px solid var(--ged-color-gray1);
}
.bbs .tb-content img {
	/* margin: 4% 0; */
}

.tb-view .tb-subject {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tb-view .tb-subject > div {
	flex: 0 0 calc(100% - 9rem);
	width: calc(100% - 9rem);
	color: var(--ged-color-gray9);
}
.tb-view .tb-subject > div .cate {
	display: block;
	margin-right: 0.8rem;
	font-size: 0.8em;
	color: var(--ged-color-blue);
}
.tb-view .tb-subject > p {
	flex: 0 0 9rem;
	/* display: flex;
	justify-content: flex-end;
	align-items: center; */
	width: 9rem;
	line-height: 1.3;
	font-weight: 500;
	color: var(--ged-color-gray3);
	text-align: center;
}
.tb-view .tb-subject > p::before {
	content: "\ef43";
	display: block;
	clear: both;
	position: relative; top: -0.2rem;
	/* margin: 0 0.8rem 0 0; */
	font-family: remixicon;
	font-size: 3rem;
	color: var(--ged-color-blue6);
	opacity: 0.3;
}
.tb-view .tb-subject > p.eom {
	color: var(--ged-color-blue6);
	font-weight: 600;
}
.tb-view .tb-subject > p.eom::before {
	content: "\eb54";
	color: var(--ged-color-blue6);
	opacity: 1;
	font-weight: 400;
}
.tb-view .tb-subject > p span {
	display: block;
	font-size: 1rem;
	color: var(--ged-color-gray4);
	letter-spacing: 0;
}
.tb-info {
	margin-top: 1em;
	line-height: 1;
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--ged-color-gray4);
	vertical-align: middle;
}
.tb-info i {
	top: 0.1rem;
	margin-right: 0.6rem;
}
.tb-info i ~ i {
	margin-left: 1.6rem;
}
.tb-msg {
	margin: 0 !important;
	/* padding: 3.2rem 1.5% 4.8rem; */
	padding: 3.2rem 0 4.8rem;
}
.tb-reply {
	padding: 2.4% 3.2% 3.2%;
	background: var(--ged-color-gray0);
	/* border: 0.1rem solid var(--ged-color-gray2); */
}
.tb-reply > span {
	display: block;
	font-size: 0.85em;
	font-weight: 700;
	color: var(--ged-color-blue6);
	margin: 0 0 0.4em;
	width: fit-content;
	background: #fff;
	padding: 0.4em 0.8em;
	border-radius: 100px;
}
.tb-reply ~ .tb-reply {
	margin-top: 0.8rem;
}


/* -------- comment -------- */
.tb-comment {
	margin: 4rem 0;
}
.tb-comment > p {
	padding: 0 0.4rem;
	line-height: 4rem;
	color: var(--ged-color-gray7);
}
.tb-comment > p strong {
	margin: 0 0 0 0.8rem;
	font-weight: 400;
	/* color: var(--ged-color-gray4); */
}
.tb-comment > p strong::before {
	content: "\EB51";
	display: inline;
	clear: both;
	position: relative; top: 0.2rem;
	margin: 0 0.2rem 0 0;
	font-size: 0.84em;
	font-weight: 400;
}
.tb-cmt-write {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 4rem;
}
.tb-cmt-write textarea {
	flex: 0 0 calc(100% - 16rem);
	width: calc(100% - 16rem); height: 10rem;
	background: var(--ged-color-gray0);
	border-right-width: 0;
	border-color: var(--ged-color-gray1);
}
.tb-cmt-write button {
	flex: 0 0 16rem;
	height: 10rem;
}
.tb-cmt-list {
	/* border-top: 0.1rem solid var(--ged-color-gray2); */
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.tb-cmt-list li {
	padding: 2rem 0.4rem 2.4rem;
}
.tb-cmt-list li:not(:first-child) {
	border-top: 0.1rem solid var(--ged-color-gray2);
}
.tb-cmt-hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 1.2rem;
}
.tb-cmt-hd > div {
	line-height: 1;
	font-weight: 600;
	color: var(--ged-color-gray7);
}
.tb-cmt-hd > div span {
	position: relative; top: -0.1rem;
	margin: 0 0 0 1.2rem;
	font-weight: 500;
	color: var(--ged-color-gray3);
	/* color: var(--ged-color-blue2); */
}
.tb-cmt-bd {
	line-height: 1.6;
	color: var(--ged-color-gray5);
	-ms-word-break: break-all;
	word-break: break-all;
}
.tb-cmt-ft {
	margin: 1.6rem 0 0;
	color: var(--ged-color-gray4);
}


/* -------- wrtie -------- */
.tb-write {
	margin: 0 auto;
}
.tb-write .tb-form li {
	display: flex;
	justify-content: space-between;
}
.tb-write .tb-form li:not(:first-child) {
	margin: 0.8rem 0 0;
}
.tb-write .tb-form input,
.tb-write .tb-form textarea {
	width: 100%;
}
.tb-write .tb-form input {
	flex: 1 0 49%;
	height: 4.8rem;
}
.tb-write .tb-form select {
	height: 4.8rem;
	text-align: left;
	border-right: none;
}
.tb-file .tb-upload {
	display: inline-block;
	padding: 0 1.6rem;
	width: 70% !important;
	color: var(--ged-color-gray4);
	vertical-align: middle;
}
.tb-file .tb-upload + label {
	margin: 0 0 0 0.4rem;
	cursor: pointer;
}
.tb-file .tb-upload ~ input {
	display: none;
}
.tb-write .tb-form input ~ input {
	margin-left: 0.8rem;
}
.tb-write h3 {
	margin: 0 0 2.4rem;
}

/* button */
.tb-button {
	margin: 4.8rem auto 0;
	width: 60rem;
	max-width: 100%;
	text-align: center;
}


/* -------- ??��??���????�� -------- */
.myinfo select {
	text-align: left;
}
.join ._comment .asterisk {
	margin: 0 0.8rem 0 0;
}
.join .ged-join {
	padding: 1.2rem 4.8rem;
	transition: .3s;
	border-top: 1px solid var(--ged-color-gray7);
	border-radius: 0;
}
.join .ged-join li {
	padding: 1.6rem 0.4rem;
}
.join .ged-join .btn {
	margin: 0 0 0 0.4rem;
	width: 8rem;
	vertical-align: middle;
	border: 1px solid var(--ged-color-gray7);
}
.join .ged-join select ~ input {
	width: 8rem;
	max-width: 8rem;
	text-align: center;
}
.join .ged-join #hpchk_msg, #pwdchk1_msg, #pwdchk2_msg {
	display: block;
	margin: 0.8rem 0 0;
	color: var(--ged-color-red5) !important;
}
.join .ged-join font {
	color: var(--ged-color-blue4) !important;
}
#pwdchk1_msg, #pwdchk2_msg {
	margin: 0;
}
.join .ged-join hr {
	margin: 1.6rem 0 !important;
}
.join .ged-join h5 + div > p {
	display: inline-flex;
	margin: 0 0 0 1.2rem;
}
.join .ged-join div div {
	margin: 1.6rem 0 0;
	width: 100%;
	font-size: 0.95em;
}
.join .ged-join div div p label ~ label {
	margin: 0 0 0 1.6rem;
}
.join .ged-join .ged-addr #txtZip1 {
	width: 10rem;
	text-align: center;
}
.join .ged-join .ged-addr button ~ input {
	margin: 0.4rem 0 0;
	width: 100%;
}
.join .ged-join .learned-route {
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.join .ged-join .learned-route span {
	margin: 0 1.6rem 0 0;
}

.join .trms-and-cndt {
	flex: 1 0 100%;
	display: block;
	margin: 0;
}
.join .trms-and-cndt ~ .trms-and-cndt h3 {
	margin-top: 2.4rem;
}
.join main hr {
	margin: 0 !important;
}
.join .trms-and-cndt h3+div {
	flex: 1 0 100%;
	height: 24rem;
	font-size: 1.4rem;
}
.join .btn-wrap {
	margin: 0 auto;
}
.join .btn-wrap p {
	flex: 1 0 100%;
	margin: 3.2rem 0 4.8rem;
	width: 100%;
}
.join .btn-wrap p a {
	margin: 0 2px;
	font-weight: 600;
	text-decoration: underline;
}
.join form[name=frmJoin] > div:last-of-type p label::before {
	position: relative; top: -0.4rem;
	margin: 0 0.8rem 0 0;
}

/* ??��??���????�� ??��?��? */
.join #joinSuccess {
	margin: auto;
	padding: 4% 0;
	width: 90rem;
	max-width: 100%;
	color: var(--ged-color-gray7);
	text-align: center;
	background: #fff;
	box-shadow: 0 4rem 20rem rgb(0 0 0 / 10%);
	border-radius: 20px;
}
.join #joinSuccess p {
	color: var(--ged-color-gray5);
}
.join #joinSuccess .btn-wrap {
	margin-top: 6%;
}
.join #joinSuccess .btn {
	font-size: 1.6rem;
	max-width: 80%;
	margin: 0 auto;
}


/* -------- ?�???��?�?/?���???踰덊?�� 李얘�? -------- */
.find-id ._comment{
	margin: 0;
}
.find-id .frm-find h3 ~ h3 {
	margin-top: 0;
}
.find-id .frm-find h3+p {
	margin-bottom: 2.4rem;
}
.find-id .frm-find ul {
/*	padding: 3.2rem 4.8rem 4rem;*/
/*	min-height: 32rem;*/
/*	border: 0.1rem solid var(--ged-color-gray2); */
}
.find-id .frm-find li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.find-id .frm-find li:not(:first-child) {
	margin: 0.8rem 0 0;
}
.find-id .frm-find li:last-child {
	margin-top: 2.4rem;
}
.find-id .frm-find li._comment {
	align-items: flex-start;
	text-align: left;
}
.find-id .frm-find li._comment .asterisk {
	margin: 0 0.8rem 0 0;
}
.find-id .frm-find label {
	flex: 0 0 30%;
	font-weight: 500;
}
.find-id .frm-find input {
	flex: 0 0 70%;
	width: 40rem;
}
.find-id ._box {
	padding: 8%;
	color: var(--ged-color-gray5);
	font-weight: 500;
	-ms-word-break: keep-all;
	word-break: keep-all;
	background: var(--ged-color-gray0);
	border: none;
}
.find-id ._box span {
	display: inline-block;
	margin: 0 0.8rem;
	font-size: 1.6em;
	text-decoration: underline;
}
.find-id ._box p {
	margin: 3.2rem 0 0;
	color: var(--ged-color-gray5);
}

/* �???깋寃곌낵 */
.find-ok h3:first-of-type {
	margin-top: 0;
}



/* -------- ??��?뿕吏? -------- */
.test {
	background: var(--ged-color-gray0);
}
.test .container {
	width: 100rem;
	max-width: 94%;
	overflow: hidden;
}
.test-header {
	position: sticky; top: 0;
	display: flex;
	align-items: center;
	height: 8rem;
	color: var(--ged-color-white);
	background: var(--ged-color-gray9);
	z-index: 61;
	transition: .2s;
}
.test-header.act {
	height: 6rem;
	background: rgb(0 0 0/0.8);
}
.test-header > .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 0.8rem;
}
.test-header h2 {
	margin: 0;
	font-weight: 600;
	color: var(--ged-color-white);
	text-align: center;
}
.test-header h2+div.test-timer {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.test-header h2+div.test-timer::before {
	content: "\f215";
	display: inline-flex;
	clear: both;
	position: relative; top: -0.1rem;
	font-family: remixicon;
	font-size: 0.9em;
	font-weight: 300;
	color: var(--ged-color-white);
	vertical-align: middle;
}
.test-header em {
	margin: 0 0.8rem;
	font-weight: 700;
	color: var(--ged-color-pale-yellow);
}
.test-header h2+div a {
	width: 12rem;
	font-size: 0.9em;
	color: var(--ged-color-white) !important;
	background: transparent !important;
	border-color: rgb(255 255 255/50%) !important;
	transition: width .4s;
}
.test-form {
	padding: 4.8rem 0 8rem;
	min-width: 32rem;
}
.test-item {
	padding: 4rem 6rem 4.8rem;
	background: var(--ged-color-white);
	transition: .4s;
}
.test-form .test-item:not(:first-of-type) {
	border-top: 0.12rem dashed var(--ged-color-gray2);
}
.test-item:last-of-type {
	border-bottom: dashed 0.5rem var(--ged-color-gray0);
}
.test-item hr {
	margin: 4.8rem 0;
}
.test-item h4 {
	display: flex;
	align-items: flex-start;
	margin: 0 0 1.6rem;
	line-height: 1.4;
	font-size: 2rem;
	font-weight: 600;
	color: var(--ged-color-gray8);
}
.test-item h4 > span {
	margin: 0 0.4em 0 0;
	line-height: 1;
	font-weight: 900;
}
.test-item h4 > span::after {
	content: ".";
}
.test-item h4 small {
	align-self: flex-start;
	margin: 0 0 0 1.2rem;
	line-height: 2;
	font-size: 0.7em;
	font-weight: 400;
	color: var(--ged-color-gray6);
	white-space: nowrap;
}
.test-item ul {
	padding: 0.4em;
	border: 1px solid var(--ged-color-gray2);
}
.test-item ul li {
	line-height: 1.4;
}
.test-item ul li label {
	display: inline-flex;
	align-items: flex-start;
	padding: 0.8rem;
	width: 100%; height: auto;
	color: var(--ged-color-gray6);
}
.test-item ul li label::before {
	display: inline-flex;
	clear: both;
	position: relative; top: -0.05rem;
	margin: 0 0.8rem 0 0;
	line-height: 1.1;
	font-family: 'Malgun Gothic', 'Noto Sans KR', sans-serif;
	font-size: 1.08em;
}
.test-item ul li:nth-child(1) label::before {
	content: "\2460";
}
.test-item ul li:nth-child(2) label::before {
	content: "\2461";
}
.test-item ul li:nth-child(3) label::before {
	content: "\2462";
}
.test-item ul li:nth-child(4) label::before {
	content: "\2463";
}
.test-item ul li:nth-child(5) label::before {
	content: "\2464";
}
.test-item ul li input:checked + label {
	font-weight: 600;
	color: var(--ged-color-blue5);
	background: var(--ged-color-blue0);
}
.test-footer {
	padding: 0 0 12rem;
	background: var(--ged-color-gray0);
}

/* ??��?뿕寃곌낵 */
.test-result label {
	cursor: default;
}
.test-result .test-header h2 {
	font-weight: 500;
}
.test-result .test-item {
	position: relative;
}
.test-result .test-item::after {
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 1rem; top: 0;
	width: 12rem; height: 12rem;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.test-result .chkRight::after {
	background-image: url('/images/comm/test_chk_1.png') ;
}
.test-result .chkWrong::after {
	background-image: url('/images/comm/test_chk_2.png');
}
.test-result .test-item h4 {
	white-space: pre-wrap;
}
.test-result .test-item h4::first-line {
	font-size: 0.9em;
}
.test-result .test-item small {
	font-weight: 600;
	color: var(--ged-color-red5);
}
.test-result .test-item small > span {
	display: none;
}
.test-result .test-item.chkWrong ul li.on label {
	font-weight: 600;
	background: var(--ged-color-red0);
	color: var(--ged-color-red5);
}
.test-result .test-item ul li.my-answer label {
	color: var(--ged-color-gray7);
	font-weight: 600;
}
.test-result .test-item ul li.my-answer.on label {
	font-weight: 600;
	color: var(--ged-color-blue5);
	background: var(--ged-color-blue0);
}
.test-result .test-item.chkWrong ul li.my-answer label {
	text-decoration: line-through;
	text-decoration-color: var(--ged-color-red);
}
.test-result .test-item>div {
	display: flex;
	justify-content: space-between;
	gap: 0.8rem;
	flex-wrap: wrap;
	margin: 2em 0 0;
}
.test-result .test-item>div h5 {
	flex: 0 0 8rem;
	line-height: 2.8;
	color: var(--ged-color-gray7);
	white-space: nowrap;
}
.test-result .test-item>div h5 em {
	margin: 0 0 0 0.8rem;
	font-weight: 900;
	text-decoration: underline;
}
.test-result .test-item>div p {
	flex: 1 0 calc(100% - 10rem);
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
	color: var(--ged-color-gray5);
}
.test-result .test-item>div p span {
	display: inline-flex;
	align-items: center;
	position: relative; top: 0.2rem;
	margin: 0 0.8rem 0 0;
	padding: 0 0.4rem;
	height: 1.6rem;
	line-height: 0;
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--ged-color-white);
	background: var(--ged-color-gray4);
	border-radius: 0.24rem;
	text-transform: uppercase;
}



/* ?��좏룿 ??��??��濡쒕�?
------------------------------------------------------ */
.coupon-wrap {
	margin-top: -4rem;
	background: var(--ged-coupon-down-bg) url('/images/landing/coupon/bg_content_header.png') no-repeat center top;
	letter-spacing: -0.04em;
	user-select: none;
}
.coupon-wrap .usage li::before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -0.4rem;
	margin: 0 0.4rem 0 0;
	width: 0.2rem; height: 0.2rem;
	background: var(--ged-color-gray4);
	border-radius: 1rem;
}
.coupon-header {
	position: relative;
	height: auto;
	background: url('/images/landing/coupon/bg_intro.png') no-repeat center top;
	backface-visibility: hidden;
	transform: translateZ(0);
	image-rendering: -webkit-optimize-contrast;
	z-index: 1;
}
.coupon-header .intro-tit {
	padding: 13rem 0 0;
	font-size: 10.8rem;
	font-weight: 100;
	color: var(--ged-color-gray9);
	letter-spacing: -0.04em;
	transition: .4s;
}
.coupon-header .intro-tit p {
	font-weight: 900;
}
.coupon-header .intro-tit + p {
	margin: 6rem 0 0;
	line-height: 1.5;
	color: var(--ged-color-gray6);
}
.coupon-header .intro-dept {
	margin: 18rem 0 0;
}
.coupon-header .intro-dept div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24rem; height: 7rem;
	font-size: 2rem;
	font-weight: 700;
	color: var(--ged-color-gray7);
	border: 0.3rem solid var(--ged-color-gray7);
	border-radius: 7rem;
	box-sizing: border-box;
}
.coupon-header .intro-dept ul {
	margin: 3.2rem 0 0;
	padding: 0 2.4%;
	color: var(--ged-color-gray4);
}
.coupon-body {
	padding-bottom: 4rem;
	height: auto;
	background: url('/images/landing/coupon/bg_content_body.png') repeat-y center;
}
.coupon-body .coupon-list {
	padding: 8rem 0 2rem;
}
.coupon-body .coupon-list .coupon-item {
	margin-bottom: 8%;
	padding: 0;
	font-size: 4.3rem;
	background: transparent;
}
.coupon-body .coupon-list .coupon-item h4 {
	padding: 0 2.4rem;
	width: 100%;
	color: var(--ged-color-gray7);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.coupon-body .coupon-list .coupon-item h4 small {
	margin-top: 0.6rem;
}
.coupon-body .coupon-list .coupon-item .coupon-img {
	margin: 2.4rem auto 3.2rem;
	width: 28rem; height: 14.4rem;
	/* background: linear-gradient(120deg, #283048 16%, #859398); */
	transform: scale(1);
}
.coupon-body .coupon-list .coupon-item .vldPrd {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.2rem;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0;
}
.coupon-body .coupon-list .coupon-item .btn {
	margin: auto;
	width: 32rem; height: 6rem;
	max-width: 100%;
	font-size: 1.8rem;
	font-weight: 600;
	transition: .3s;
}
.coupon-body .coupon-list .coupon-item .btn::after {
	content: "\ec54";
	display: inline-flex;
	align-items: center;
	margin: 0 0 0 0.8rem;
	font-family: 'remixicon';
	font-size: 1.12em;
	font-weight: 300;
}
.coupon-body .coupon-list .coupon-item .btn:hover {
	box-shadow: 0 0.4em 0.8em -0.4em var(--ged-color-gray3);
	transform: translateY(-0.4rem);
}
.coupon-body .coupon-list .coupon-item .btn.disabled {
	box-shadow: none;
	transform: none;
	cursor: default;
}
.coupon-body .usage {
	margin: 6rem 0 0;
}
.coupon-body .usage div {
	font-weight: 700;
	/* color: var(--ged-color-gray7); */
}
.coupon-body .usage ul {
	margin: 2.4rem 0 0;
	color: var(--ged-color-gray4);
}
.coupon-body .usage li:not(first-child) {
	margin-top: 0.4rem;
}
.coupon-footer {
	padding: 12rem 0 10rem;
	color: var(--ged-color-gray7);
	background: var(--ged-coupon-down-bg) url('/images/landing/coupon/bg_content_footer.png') no-repeat center top;
	backface-visibility: hidden;
	transform: translateZ(0);
	image-rendering: -webkit-optimize-contrast;
}
.coupon-footer h2 {
	font-weight: 700;
	color: var(--ged-color-gray7);
}
.coupon-footer h2 + ul {
	margin-top: 4.8rem;
	display: flex;
	gap: 1.6rem;
	flex-wrap: wrap;
}
.coupon-footer h2 + ul li a {
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--ged-color-gray5);
	transition: .4s;
}
.coupon-footer h2 + ul li:hover a {
	color: var(--ged-color-gray7);
	border-bottom: 0.1rem solid var(--ged-color-gray7);
}

/* for leftmenu
------------------------------------------------------ */
.menu-l-main .tb-gallery .card-dept {
	flex-direction: row;
	padding: unset;
	justify-content: flex-start;
}
.menu-l-main .tb-gallery .card-dept h4 {
	flex: auto;
	font-size: 1.8rem;
}
.menu-l-main .notice main .label-promo {
	width: unset;
}
.menu-l-main .tb-subject + li {
	margin: 0 0 2.4rem;
}
.menu-l-main .tb-subject + li .tb-writer {
	margin: 0;
}
.menu-l-main .tb-subject + li p {
	color: var(--ged-color-gray5);
	margin: 0;
}
.menu-l-main .share-url::before {
	content: '\eeb8';
}
.menu-l-main .writer-add > a {
	background: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.5rem; height: 4.5rem;
	border: 1px solid var(--ged-color-gray2);
	border-radius: 100%;
	color: var(--ged-color-gray7);
	font-weight: 600;
}
.menu-l-main .tb-summary {
	background: var(--ged-color-blue0);
	color: var(--ged-color-blue5);
}
.menu-l-main .tb-summary::before, .menu-l-main .tb-summary::after {
	display: none;
}
h2[class^="title"] + .title-banner {
	margin: 0 0 2em;
}
.title-banner {
	background-repeat: no-repeat;
	padding: 2em 3em;
	border-radius: 0 4rem 4rem 4rem;
}
.title-banner h3 {
	color: #fff;
	margin: 0;
}
.title-banner p {
	color: #fff;
	margin: 0.4em 0 2em;
}
.review .title-banner {
	background-image: url('/images/sub/review/banner_bg.png');
	background-color: #123383;
	background-position: bottom right 3em;
}
.review .title-banner ul {
	background: #0d55c6;
	width: 64%;
	padding: 1em 1.4em;
	font-size: 1.5rem;
	line-height: 1.4;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}
.review .title-banner ul > li {
	display: block;
}
.review .title-banner ul > li:nth-last-child(2) {
	width: calc(100% - 18rem);
}
.review .title-banner ul > li:last-child::before {
	display: none;
}
.review .title-banner ul span {
	font-weight: 500;
}
.review .title-banner .btn {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	font-weight: 700;
	color: #1a43a8;
	border-radius: 12px 0 0 0;
}
.review .title-banner .btn::before {
	color: #1a43a8;
}
.review-top .btn-wrap {
	width: 100%;
	background: var(--ged-color-gray0);
	padding: 0.8em 2em;
}
.review-top .btn-wrap .btn {
	flex: unset;
	padding: 0 5rem;
	background: #fff;
	border: 1px solid var(--ged-color-gray1);
}
.about_passing form[name=frmList] {
	justify-content: flex-start;
	gap: 2em;
	margin: 0 auto 1em;
}
.find-id .frm-find {
	display: block;
	margin: 0 auto;
	width: fit-content;
}
.frm-find .base-tab-wrap {
	width: 100%;
	max-width: 60rem;
}
.frm-find .base-tab-btns {
	justify-content: center;
}
.frm-find .base-tab-btn {
	margin: 0 !important;
	color: var(--ged-color-gray4);
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0 1.5em;
}
.frm-find .base-tab-btn.on {
	color: var(--ged-color-blue5);
	font-weight: 700;
}
.frm-find .base-tab-btn.on::after {
	visibility: visible;
	opacity: 1;
}
.frm-find .base-tab-cons {
	background: #fff;
	box-shadow: 0 4rem 20rem rgb(0 0 0 / 10%);
	padding: 3em 4em;
	margin: 3em 0 0;
	border-radius: 20px;
}
.frm-find .base-tab-con h3 {
	margin: 0 0 0.8em;
}
.frm-find .base-tab-con h3 + p {
	margin-bottom: 2.4rem;
}
.lecture .menu-l {
	position: sticky;
	top: calc(9rem + 6rem);
	height: fit-content;
}
.lecture .menu-l-main {
	margin-left: auto;
}
.lecture .menu-l .container {
	display: unset;
	width: 100%; max-width: unset;
	padding: 0;
	margin: 0;
}
.lecture .menu-l .page-title {
	padding: 0;
	height: unset !important;
}
.lecture .menu-l .tag {
	width: unset; max-width: unset;
	padding: 0;
}
.lecture .menu-l .category {
	flex-direction: column;
	align-items: flex-start;
	border: none;
	flex-wrap: nowrap;
	margin: 4rem 0 0;
}
.lecture .menu-l .category a {
	display: block;
	height: unset;
	width: 100%;
	margin: 0;
	transition: all .4s ease-out;
	padding: 0.6em 0;
	font-weight: 600;
}
.lecture .menu-l .category a:hover {
	margin-left: 1em;
}
.lecture .menu-l-main:has(.tag-top) [class^="title"] {
	margin: 0;
}
.lecture .menu-l-main .tag-top {
	overflow: auto;
	margin: 0;
	padding: 1em 0;
	white-space: wrap;
}
.lecture .menu-l-main .tag .label {
	border: 1px solid transparent;
/*	box-shadow: 0 4px 2rem rgb(0 0 0 / 8%);*/
	border-radius: 10rem;
	height: unset;
	padding: 0.6em 0.8em;
	cursor: pointer;
	color: var(--ged-color-gray6);
	margin: 0.3em 0.1em;
	background: #fff;
}
.lecture .menu-l-main .tag .label::before {
	color: var(--ged-color-blue4);
}
.lecture .menu-l-main .tag-top .label {
	background: var(--ged-color-gray0);
	font-size: 1.4rem;
}
.lecture .menu-l-main .tag-top .label.on,
.lecture .menu-l-main .tag-top .label:hover {
	background: var(--ged-color-blue4);
	color: #fff;
	font-weight: 600;
}
.lecture .menu-l-main .tag-top .label.on::before,
.lecture .menu-l-main .tag-top .label:hover::before {
	font-weight: 400;
	color: #fff;
}
.lecture .card-prc {
	margin: 1em 0;
}
.card-prc .label-sort {
	background: linear-gradient(45deg, var(--ged-color-red7), var(--ged-color-red5));
	font-weight: 600;
	padding: 0.4em 0.8em;
}
.lecture .card-dept h6 {
	border-top: 1px solid var(--ged-color-gray1);
	padding: 0.4em 0;
	margin: 0.8em 0 0.4em;
	color: var(--ged-color-gray5);
	display: flex;
	align-items: center;
	font-size: 1.3rem !important;
}
.lecture .lec-list-sort .card-dept {
	height: unset;
}
.lecture .card .tag .label {
	cursor: unset;
	padding: 0 0.4em 0 0;
}
.card-thum .label-promo {
	border: none;
	border-radius: 18px 0 0 0;
	background: #fff;
	height: 3.6rem;
	left: unset; right: 0;
	color: var(--ged-color-blue4);
	box-shadow: var(--shadow1);
}
.lecture .card-thum {
	border-radius: 0;
}
.lecture .card-thum > a {
	border-radius: 18px;
	overflow: hidden;
}
.lecture .lec-adv {
	border-bottom: 1px solid var(--ged-color-gray7);
	background: none;
	padding: 0 0 1em;
	margin: 0 0 2em;
}
.menu-l-main .coupon-latest {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.mypage [class^="title"]:has(.bullet) {
	margin: 3.2rem 0 2.4rem;
	padding: 0;
}
.lec-item .lec-clsf {
	position:absolute;
	bottom: 0; right: 0;
}
.lec-item .lec-clsf .label-text {
	background: #fff;
	color: var(--ged-color-blue4);
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0.6em 1em;
	border-radius: 14px 0 0 0;
	box-shadow: var(--shadow1);
}
.lec-item .lec-prog {
	display: flex;
	align-items: flex-start;
	width: unset;
	border-radius: 10px;
	overflow: hidden;
	width: fit-content;
	background: linear-gradient(90deg, #eaf2f3, #ecfafd);
	padding: 0.8em 0;
}
.lec-item .lec-prog:has(.prog-test-pass) {
	background: linear-gradient(90deg, #eaf2f3, var(--ged-color-whitepink));
}
.lec-item .lec-prog > div {
	flex: 1 0 auto;
	padding: 0em 1.8rem;
	border-right: 1px solid #fff;
	text-align: center;
}
.lec-item .lec-prog > div:last-child {
	border-right: none;
}
.lec-item .lec-prog > div > p {
	font-weight: 500;
	color: var(--ged-color-gray5);
	line-height: 2;
	white-space: nowrap;
}
.lec-item .lec-prog span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	color: var(--ged-color-gray7);
}
.lec-item .lec-prog span strong {
	font-size: 1.4em;
	font-weight: 800;
}
.lec-item .lec-prog .prog-r8 > div {
	display: flex;
	align-items: center;
	margin: 0.2em 0 0;
}
.lec-item .lec-prog .prog {
	border-radius: 12px;
	width: 100px;
	margin-right: 0.8em;
	overflow: hidden;
}
.lec-item .lec-prog .prog::-webkit-progress-bar {
	background: #fff;
}
.lec-item .lec-prog [class^="prog-test"] {
	cursor: pointer;
}
.lec-item .prog-test-pass span {
	font-weight: 600;
}
.mypage-section .coupon-list {
	padding: 0;
}
.mypage-section ._list > li {
	display: flex;
	align-items: center;
	justify-content: space-between;


}
.mypage-section ._list > li > a {
	color: var(--ged-color-gray7);
	font-weight: 600;
	width: calc(100% - 10rem);
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-ms-word-break: break-all;
	word-break: break-all;
}
.mypage-section ._list > li > span {
	font-size: 0.9em;
	color: var(--ged-color-gray5);
}
.cart.order .menu-l-main h3:nth-of-type(1) + ul {
	border: 1px solid var(--ged-color-red2);
	background: var(--ged-color-red0);
}
.cart.order span.ri-award-fill {
	display: inline-block;
	color: var(--ged-color-gray8);
	background: var(--ged-color-blue0);
	background: var(--ged-color-gray0);
	padding: 0.8em 1.4em;
	font-weight: 500;
	margin: 0.4em;
	margin-left: 0;
	color: var(--ged-color-gray8);
	border-radius: 100px;
}
.cart.order span.ri-award-fill::before {
	vertical-align: sub;
	color: var(--ged-color-blue4);
	font-weight: 400;
	font-size: 1.2em;
	margin-right: 0.4em;
}
.mypage .mypage-section h3 {
	margin: 6rem 0 2.4rem;
	margin-left: 0;
}

/* ------------------------------------------------------

	@etc (max-width:1279px)

------------------------------------------------------ */
@media all and (max-width: 1279px) {
	.lec-item .btn-etc {
		flex-direction: row;
		padding-left: 0;
		border-left: none;
		width: 100%;
		gap: 0.4rem;
	}
	.lec-item .btn-etc > li {
		flex: auto;
	}
	.studyRoom .sr-playlist ul {
		width: calc(100% + 0.4rem);
	}
}

/* ------------------------------------------------------

	@tbm tablet + mobile (max-width:1023px)

------------------------------------------------------ */
@media all and (max-width:1023px) {

	/* ??��寃⑹�??�???��??��
	------------------------------------------------------ */
	.lecture .sub-top > .container {
		gap: 2.4rem 0;
		padding: 4rem 0;
	}

	/* -------- ??�쇱?��?��?�뒪??�� -------- */

	/* ?�???��?�?�?? ?�??�? */
	.lecture .lec-list-sort .card {
		flex: 0 0 31.33333%;
		margin: 0 1% 3.2rem;
		width: 31.33333%;
	}


	/* ??�쇱?��?�??�???��??���??
	------------------------------------------------------ */

	/* ?�???��??��誘몄?? */
	.lecture-cover {
		padding-top: calc(450/1920*100%);
		min-height: 18rem;
	}
	.lecture-cover h2 small {
		margin: 0.4rem 0 0;
	}

	/* -------- ??�쇱?��??���?? -------- */
	.lecture_details .container {
		padding: 2rem 0 0;
	}
	.lecture_details .content {
		flex-basis: 61%;
		width: 61%;
	}
	.lecture_details aside {
		flex-basis: 34%;
		width: 34%;
	}

	.tab-content h3,
	.lec-review h3,
	.lec-related h3 {
		margin: 0 0 3.2rem;
	}


	/* -------- ??�ㅻ?��?�???�� -------- */

	/* chapter */
	.lec-chapter {
		margin-top: 4rem;
	}
	.lec-chapter li span {
		flex-basis: 6rem;
		width: 6rem;
	}

	/* -------- 媛뺤�???���?? -------- */
	.lec-teacher {
		margin: 0 0 1.6rem;
		padding: 2.4rem 3.2rem;
	}
	.lec-teacher ul li:nth-child(2) {
		/* font-size: 0.9em; */
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.lec-teacher .tchr-career {
		-moz-column-gap: 2.4em;
		-webkit-column-gap: 2.4em;
		column-gap: 2.4rem;
	}

	/* -------- 二쇰Ц?�? -------- */
	.lecture_details .order-table {
		top: 8rem;
		margin-bottom: 3rem;
	}
	.order-table dl dt,
	.order-table dl dd {
		margin-top: 0.4rem;
		font-size: 1.3rem;
	}
	.order-table>li {
		padding: 2.4rem;
	}
	.order-table .item-title i {
		margin-right: 0.4rem;
	}
	.qty-chk-item {
		padding: 0.8rem 2.4rem !important;
	}
	.qty-item {
		padding: 0 0 0 0.2rem;
		line-height: 1.4;
	}
	.qty-chk {
		flex-basis: 100%;
		margin: 0.4rem 0 0;
	}

	/* 2024-11-27 ?���???: 蹂꾨�???�� ??��?�???��??���?? */
	.no-scroll {
		padding-right: revert;
	}
	.slp-resize {
		width: 100% !important;
	}
	.separate-landing-page {
		left: 50%;
		max-width: 92vw;
		box-shadow: none;
	}
	.separate-landing-page .pop-close span {
		top: 0;
		width: 12rem; height: 9rem;
		font-size: 2rem;
	}



	/* ?�???��媛뺤?��??��
	------------------------------------------------------ */

	/* -------- ?�???��媛뺤?��??�� -------- */
	.my_lecture_room .latest-item li a {
		flex: 0 0 calc(100% - 10rem);
		width: calc(100% - 10rem);
	}
	.my_lecture_room .prog-tit {
		margin-top: 1.6rem;
		font-size: 1.6rem;
	}

	/* 2023-07-17 ??��??�� �?? ?���??? */
	.my_lecture_room2 .prog-tab li a {
		padding: 2.8rem 0 2.4rem;
	}
	.my_lecture_room2 .prog-tit {
		margin: 0 0 0.8rem;
	}
	.my_lecture_room2 .prog-img {
		transform: scale(0.8);
	}
	.my_lecture_room2 .prog-txt {
		margin: 0.8rem 0 0;
	}

	/* ?궡媛? 蹂댁????�? ?��좏룿 */
	.coupon-latest {
		width: 100%;
		max-width: 100%;
		/* overflow-x: auto;
		overflow-y: hidden;  */
	}
	.coupon-list {
		padding: 4rem 0;
	}
	.coupon-more {
		display: inline-flex;
		width: 12rem;
	}


	/* -------- ?���??? ??��??��??���?? ??��??�� ??��?�? -------- */

	/* ??�듭?�� 二쇱?��?�? */
	.addr-frm input[type=search] ~ .btn {
		height: 4rem;
	}


	/* -------- ?�???��?�?�?? -------- */
	.lec-list .lec-item {
		margin-bottom: 2.4rem;
	}
	.lec-item .card-dept {
		flex: unset;
		width: 100%;
		margin-left: 2rem;
	}
	.lec-item .lec-prog {
		line-height: 2;
	}
	.lec-item .lec-btn {
		flex: 1 0 100%;
		justify-content: space-between;
		gap: 0.4rem;
		padding: 1.6rem 0 0;
		border-top: 0.1rem solid var(--ged-color-gray1);
	}
	.lec-item .lec-btn > * {
		flex: 1 0 32% !important;
		width: 32% !important;
	}
	.lec-item .lec-btn > .btn-wrap {
		flex-wrap: nowrap;
	}
	/* 2023-07-17 ??��??��嫄곕?�� ??�� ?��?�돱?�??�???���?? */
	/* .lec-item .btn-etc li {
		flex: 1 0 calc((100% - 1.2rem)/4);
		width: calc((100% - 1.2rem)/4);
	} */
	.lec-item details li h5 {
		flex: 0 0 8rem;
	}
	.lec-item details li {
		display: block;
	}
	.lec-item details li h5 {
		padding: 0 0 0.4rem;
	}
	.lec-item details li p {
		margin: 0;
	}
	.lec-item details li p span {
		display: block;
	}
	.lec-item details li p span ~ span {
		margin: 0.4rem 0 0;
		line-height: 1.4;
		font-size: 1.3rem;
	}
	.lec-item details li p span ~ span::before {
		margin: 0 0.4rem 0 0;
	}


	/* -------- 媛뺤?��?뱽湲? -------- */

	.studyRoom .sr-header {
		padding: 2rem 0;
	}
	.studyRoom header + .sr-header {
		border-top-width: calc(var(--ged-header-height) + 1rem);
	}
	.studyRoom .prog-r8 .prog {
		height: 3px;
	}
	.studyRoom .sr-header p {
		margin: 0.8rem 0 0;
	}
	.studyRoom .sr-body {
		padding: 2.4rem 0 3.2rem;
	}
	.studyRoom .sr-body .container {
		flex-direction: column;
	}

	/* player */
	.studyRoom .sr-player {
		padding: 0;
		border-radius: 0;
	}
	.studyRoom .sr-player h3 {
		display: block;
	}
	.studyRoom .sr-player h3 small {
		display: block;
		margin: 0.8rem 0 0;
		text-align: right;
	}
	.studyRoom .sr-player > div {
		margin: 0.8rem 0 1.2rem;
	}

	/* playlist */
	.studyRoom .sr-playlist-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute; top: 0; right: 2rem;
		width: 100vh; height: 6rem;
		color: var(--ged-color-white);
		transition: .4s ease-out;
		z-index: 66;
	}
	.studyRoom .sr-playlist-btn::after {
		content: "\ea78";
		display: inline;
		clear: both;
		position: absolute; right: 0;
		font-family: remixicon;
		font-size: 1.6em;
		font-weight: 300;
	}
	.studyRoom .sr-playlist-btn i {
		font-size: 1em;
		display: none;
	}
	.studyRoom .sr-playlist-btn.on::after {
		transform: rotate(calc(180deg * 3));
	}
	.studyRoom .sr-playlist {
		position: fixed; left: 0; bottom: calc(-60vh + 6rem);
		width: 100vw; height: 60vh;
		top: unset;
		z-index: 61;
	}
	.studyRoom .sr-playlist.list-open {
		bottom: 0;
	}
	.studyRoom .sr-playlist div {
		height: 6rem;
	}
	.studyRoom .sr-playlist ul {
		height: calc(100% - 6rem);
	}
	.studyRoom .sr-playlist li {
		display: flex;
		justify-content: space-between;
	}
	.studyRoom .sr-playlist li a {
		flex: 1 0 calc(100% - 16rem);
	}
	.studyRoom .sr-playlist li p {
		align-self: center;
		padding: 0 1.6rem;
		margin: 0;
	}
	.studyRoom .sr-playlist li p span ~ span {
		margin: 0 0 0 1.6rem;
	}

	.no-sr-footer {
		padding-bottom: calc(3.2rem + var(--sr-footer-height)) !important;
	}

	.studyRoom .sr-footer {
		padding: 2.4rem 0 calc(3.2rem + var(--sr-footer-height));
	}
	.studyRoom .sr-footer h4 i {
		margin: 0 0.4rem 0 0;
	}
	.studyRoom .sr-download {
		display: block;
		margin: 1.2rem 0 0;
		padding: 0;
		background: none;
		border-radius: 0;
	}
	.studyRoom .sr-download li:not(:first-child) {
		margin: 0.4rem 0 0;
	}
	.studyRoom .sr-download li {
		padding: 1rem 1.6rem;
		background: var(--ged-color-white);
		border-radius: 8px;
	}
	.studyRoom .sr-download li .btn {
		flex: 0 0 9rem;
		padding: 0;
	}
	.studyRoom .sr-download li > span::before {
		margin: 0 0.8rem 0 0;
	}

	/* ?�???�� ??��??���????��?룞踰꾪듉 */
	.studyRoom .sr-move {
		margin: 0 0 2.4rem;
		height: 4rem;
	}

	/* ??��?��? ??���?? ??�쇰?�� 蹂닿�? */
	.sr-other {
		flex: 1 0 40%;
		width: 40%;
		top: 0;
	}
	.sr-other > div {
		padding: 0 1.6rem;
		height: 4rem;
	}
	.sr-other ul {
		width: 100%;
		border-color: var(--ged-color-gray1);
	}
	.sr-other li:not(:first-child) {
		border-color: var(--ged-color-gray1);
	}
	.sr-other li a {
		padding: 0 1.6rem;
		width: 100%; height: 4rem;
		line-height: 1.2;
	}
	/* .sr-other li a {
		background: var(--ged-color-gray0) !important;
	} */


	/* -------- 2023-07-17 媛뺤?��?뱽湲? ??��?��?�꽦 -------- */
	.studyRoom2 {
		background: unset;
	}
	.studyRoom2 .sr-header {
		padding: 0;
	}
	.studyRoom .sr-header .container {
		position: static;
	}
	.studyRoom2 .sr-move .btn-exit {
		height: 4rem;
		font-size: 1.4rem;
	}
	.studyRoom2 .sr-other {
		border-right: 0;
	}

	/* player */
	.studyRoom2 .sr-content > .container {
		max-width: 100%;
		padding: 0;
	}
	.studyRoom2 .sr-player {
		flex: 1 0 100%;
	}
	.studyRoom2 .sr-player > div {
		margin: 0;
	}
	.studyRoom2 .sr-player .sr-info {
		padding: 1em 4%;
	}
	.studyRoom2 .sr-player .chapter-r8 p {
		display: none;
	}
	.studyRoom2 .sr-player .btn-wrap {
		margin: 0;
		padding: 0 4% 1em;
	}
	.studyRoom2 .player_speed .btn-ps {
		top: 0;
	}
	.faq-list h4 small {
		flex: unset; width: unset;
		margin-right: 1em;
	}


	/* -------- ??��諛붽?��??�� -------- */
	.cart .card {
		gap: 1.6rem;
		margin: 0 0 2.4rem;
		padding: 2rem;
		white-space: nowrap;
	}
	.lec-item .card-dept h4 .label {
		margin: 0 0.8rem 0 0;
	}
	.lec-item .qty-chk {
		margin: 0;
	}
	.lec-item .btn-del {
		right: -0.8rem;
	}
	.lec-item .item-chk::before,
	.lec-item .btn-del::before {
		width: 4rem; height: 4rem;
	}
	.lec-item .btn-del::before {
		font-size: 1.6rem;
	}

	/* 理쒖쥌湲?���? ??��??���?? */
	.cart .total-amont {
		height: 8rem;
	}

	/* total-amont */
	.total-amont {
		margin: 6rem 0;
	}

	/* ??��諛붽?��??�� ?��좏룿 */
	.card-coupon {
		padding-left: 0;
	}
	.card-coupon h5 {
		flex: 0 0 12rem;
		padding: 0;
	}
	.card-coupon h5 + div {
		flex: 0 0 calc(100% - 18rem);
	}
	.card-coupon > .btn {
		flex: 0 0 3.6rem;
	}
	.card-coupon-cmt {
		padding-left: 12rem;
	}


	/* -------- 二쇰Ц寃곌?�� -------- */

	/* 留덊�? */
	.order-result svg {
		margin: 4.8rem auto 3.2rem;
		width: 6rem;
	}

	/* 硫붿�?�?? */
	.order-result h3 + p {
		margin: 2.4rem 0 4.8rem;
	}
	.order-result dl {
		margin: 4.8rem auto;
		width: 90%;
	}




	/* 留덉?��??��??���??
	------------------------------------------------------ */


	/* -------- ?�? ??���?? 蹂닿�? -------- */
	.myinfo-table {
		margin: 3.2rem 0 0;
	}
	.my-info li::before {
		width: 10rem;
		font-size: 1.5rem;
	}
	.my-info li input,
	.my-info li div {
		flex: 1 0  calc(100% - 10rem);
		width: calc(100% - 10rem);
	}
	.my-info li div {
		line-height: 1.3;
		font-size: 1.5rem;
	}
	.my-info li p {
		padding-left: 0;
		text-align: right;
	}

	/* 二쇱?���?? */
	.my-address li input[type=search] {
		flex: 0 0 6rem;
	}


	/* -------- 1:1 留욎?�� ?�???�� -------- */
	.oto .tbc1 {
		width: 8rem;
	}
	.oto .tbc3 {
		width: 10rem;
	}
	.oto .tbc4 {
		width: 12rem;
	}


	/* -------- 寃곗?��?�??�? -------- */
	.payHistory .lec-list {
		max-height: 48rem;
	}
	.payHistory .lec-item .lec-info {
		flex-direction: column;
		align-items: flex-start;
	}
	.payHistory .lec-item .card-dept {
		flex: 1 0 100%;
		width: 100%;
		margin: 0.8em 0 0;
	}
	.payHistory .lec-item .lec-prog {
		flex-direction: column;
		line-height: 2;
	}


	/* -------- ?�? ?��좏룿?�? -------- */
	.coupon-item {
		margin: 0 0 4%;
		padding-top: 3.6rem;
		width: calc((100% - 2.4rem)/2);
	}

	.mycoupon .tbc1 {
		width: 8rem;
	}
	.mycoupon .tbc3 {
		width: 12rem;
	}
	.mycoupon .tbc4 {
		width: 20rem;
	}


	/* -------- ??��寃⑹쬆諛?��?�� -------- */
	.lec-issue .lec-shape input + label {
		padding: 0 1.6rem;
		height: 3.8rem;
		font-size: 1.425rem;
	}
	.lec-item .card-prc {
		flex: 1 0 100%;
		width: 100%;
		padding: 1.6rem 0 0;
		border-top: 0.1rem solid var(--ged-color-gray1);
	}
	.lec-issue .card-prc strong,
	.lec-issue .card-prc .sale-price + strong {
		margin-left: inherit;
	}
	.lec-issue .card-prc strong ~ .label-sort {
		position: relative; top: -0.1rem;
		margin: 0 0 0 0.8rem;
	}
	.cart .lec-item .card-prc {
		border-top: none;
	}
	.lec-issue .lec-shape span { display: none; }



	/* ??�ㅻ??��?��??��
	------------------------------------------------------ */

	/* -------- ??�듭???�??�? -------- */

	/* ??�좎?��??�듭??諛곕�? */
	.pinned-notice a {
		padding: 0 2.4rem 0 1.6rem;
		height: 4.8rem;
		font-size: 1.6rem;
	}

	/* 2025-01-08 ??��媛뺤?���?? 踰꾪?�� ?���??? */
	.btn-apply2 {
		margin-bottom: -6rem;
		height: 6.4rem;
		font-size: 1.8rem;
		font-weight: 700;
	}


	/* -------- ??��寃⑹쬆諛?��?��??���?? -------- */
	.issuance .issuance-list .tbc1 {
		width: 6rem;
	}
	.issuance .issuance-list .tbc3 {
		width: 12rem;
	}
	.issuance .issuance-list .tbc4 {
		width: 10rem;
	}
	.issuance .issuance-list .tbc5 {
		width: 12rem;
	}


	/* ?���??��??��??���??
	------------------------------------------------------ */

	/* -------- ?���??��??��??���?? -------- */
	.company_info main ul {
		margin: 6rem auto 0;
	}

	/* -------- �????��泥댁?��?�???��?�? -------- */
	.agreement_list {
		gap: 2.4rem;
	}
	.agreement_list li {
		flex-basis: calc((100% - 7.2rem)/4);
	}
	.agreement_list li a {
		font-size: 1.5rem;
	}

	/* -------- 誘쇨�???��寃⑹�??�? -------- */
	.license .license_item {
		flex: 0 0 48%;
		height: 5rem;
	}
	/* .license .license_item:not(:nth-child(3n-2)) {
		margin: 0;
	} */
	.license .license_item:not(:nth-child(odd)) {
		margin: 0 0 0 4%;
	}
	.license .license_item p {
		font-size: 1.5rem;
	}
	.license .license_item p::before {
		margin: 0 0.4rem 0 0;
	}
	.license td {
		padding: 1.6rem 0.8rem;
	}


	/* -------- 李얠�???��??��??�� �?? -------- */
	.wayto-title img {
		height: 3.2rem;
	}
	.wayto main h5 {
		margin: 4rem 0 0;
	}
	.wayto main h5 + ul {
		margin: 0.8rem 0 0;
	}
	.wayto li .label {
		margin: 0 0.8rem 0 0;
	}
	.wayto span.navi-arrow::before {
		margin: 0 0.4rem;
	}




	/* blog
	------------------------------------------------------ */

	/* -------- latest-gallery -------- */
	.latest-gallery {
		margin-bottom: 8vh;
	}

	/* -------- content -------- */
	.blog .content {
		flex: 1 0 calc(100% - 280px);
	}
	.blog .content h3 {
		margin-bottom: 1.6rem;
	}


	/* -------- adide -------- */
	.blog aside {
		flex: 1 0 240px;
		margin-left: 40px;
	}
	.blog .list-group ~ div {
		margin: 4rem 0 0;
	}
	.blog .list-group ol li {
		line-height: 1.8;
	}
	.blog .list-group ol li a {
		width: 18rem;
	}




	/* ?�???��??���??
	------------------------------------------------------ */
	.sitemap main h3 + ul>li {
		flex: 0 0 33.33333%;
		width: 33.33333%;
	}
	.sitemap main h3:not(:first-of-type) {
		margin-top: 8rem;
	}
	.sitemap main h4 {
		padding: 0 0 0 2.4rem;
	}
	.sitemap main h4 + ul {
		padding: 0 0 0 2.4rem;
	}




	/* bbs
	------------------------------------------------------ */

	/* -------- list -------- */

	/* -------- gallery -------- */
	.tb-gallery .card-dept p {
		flex: 0 0 6rem;
	}

	/* -------- view -------- */
	.tb-subject {
		padding: 1.6rem 0 0;
	}
	.tb-subject + li {
		margin-top: 1.6rem;
	}
	.tb-summary {
		margin: 1.6rem 0;
		padding: 1.6rem 2.4rem;
		border-radius: 0 2rem 2rem 2rem;
	}
	.tb-summary::before,
	.tb-summary::after {
		font-size: 5.4rem;
	}
	.tb-summary::before {
		left: 1.6rem;
	}
	.tb-summary::after {
		right: 1.6rem;
	}


	/* -------- write -------- */
	.tb-file .tb-upload {
		height: 40px;
	}


	/* -------- ??��??���????�� -------- */
	.join .ged-join {
		padding: 1.2rem 3.6rem;
	}
	.join .ged-join .btn {
		height: 4rem;
	}
	.join .ged-join h5 + div > p {
		display: block;
		margin: 0.8rem 0 0;
	}
	.join .btn-wrap p {
		margin: 0.8rem 0 3.2rem;
	}

	/* ??��??���????�� ??��?��? */
	.join #joinSuccess {
		padding: 8% 0;
	}

	/* -------- ??��?뿕吏? -------- */
	.test-header.act {
		height: 4.8rem;
	}
	.test-item {
		padding: 4rem 4.8rem 4.8rem;
	}

	/* ??��?뿕寃곌낵 */
	.test-result .test-item::after {
		top: 2%;
		background-size: 10rem;
	}


	/* ?��좏룿 ??��??��濡쒕�?
	------------------------------------------------------ */
	.coupon-wrap {
		margin-top: 0;
		/* background-image: url('/images/landing/coupon/bg_content_body.png');
		background-repeat: repeat-y; */
	}
	.coupon-header {
		/* padding-top: calc(200/300*100%);
		height: 0; */
		background-image: url('/images/landing/coupon/bg_intro_tm.png');
		/* background-position: center -2ex; */
		background-position: center 3.2ex;
		background-size: cover;
	}
	.coupon-header .intro-tit {
		padding-top: 1.6ex;
		font-size: 8.4vw;
	}
	.coupon-header .intro-tit + p {
		margin-top: 3.2ex;
		font-size: 1.5rem;
		font-weight: 500;
	}
	.coupon-header .intro-dept {
		margin-top: 12ex;
	}
	.coupon-header .intro-dept div {
		width: 18rem; height: 5rem;
		font-size: 1.5rem;
		border-width: 0.24rem
	}
	.coupon-header .intro-dept ul {
		margin-top: 2.4rem;
	}
	.coupon-body {
		padding-bottom: 2.4rem;
	}
	.coupon-body .usage {
		margin-top: 4.8rem;
	}
	.coupon-footer {
		padding: 9rem 0 7rem;
	}
	.coupon-footer h2 {
		font-size: 2.4rem;
	}
	.coupon-footer h2 + ul {
		gap: 1.2rem 1.6rem;
		margin-top: 3.2rem;
	}
	.coupon-footer h2 + ul li a {
		font-size: 1.6rem;
	}
	.review .title-banner ul {
		width: 52%;
	}

	/* ??��媛뺢?��??��
	------------------------------------------------------ */
	.lecture .menu-l {
		position: relative;
		top: unset;
		height: unset;
	}
	.lecture .sub-top > .container {
		padding: 0 !important;
	}
	.lecture .menu-l .category {
		flex-direction: row;
		overflow-x: scroll;
		white-space: nowrap;
		scrollbar-width: none;
		margin: 2rem 0 0;
		padding: 0;
	}
	.lecture .menu-l .category a{
		display: flex;
		padding: 0 0.6em;
		height: 4.8rem;
	}

	.mycoupon .coupon-list .coupon-mini {
		flex: 0 0 calc(50% - 1rem);
	}

}




/* ------------------------------------------------------

	@m mobile (max-width:767px)

------------------------------------------------------ */
@media all and (max-width:767px) {

	/* -------- footer -------- */
	.lecture_details ~ footer {
		padding-bottom: 10rem;
	}




	/* ??��寃⑹�??�???��??��
	------------------------------------------------------ */
	.lecture .sub-top > .container {
		gap: 2rem 0;
		padding: 3.2rem 0;
	}

	/* -------- ??�쇱?��?��?�뒪??�� -------- */
	.lecture .lec-list {
		gap: 3%;
	}
	.lecture .lec-list .card {
		flex: 0 0 48.5%;
		margin-bottom: 3.2rem;
		width: 48.5%;
	}
	.lecture .card-prc {
		margin: 1.2rem 0 0;
	}

	/* ?�???��?�?�?? ?�??�? */
	.lecture .lec-list-sort .card {
		flex: 0 0 47%;
		margin: 0 1.5% 2.4rem;
		width: 47%;
	}

	.lec-dept strong {
		margin-left: 1.2rem;
	}

	/* -------- 理쒓?��寃뚯?��?��? ?��?�뒪??�� -------- */
	.bbs-list {
		display: block;
	}
	.bbs-list .card {
		width: 100%;
	}
	.bbs-list .card:not(:first-of-type) {
		margin: 4rem 0 0;
	}
	.lecture .bbs-list .card-thum a {
		padding-top: calc(140/300*100%);
	}


	/* ??�쇱?��?�??�???��??���??
	------------------------------------------------------ */

	/* -------- ?�???��??��誘몄?? -------- */
	.lecture-cover {
		padding-top: calc(480/1920*100%);
	min-height: 15rem;
	}
	.lecture-cover h2 small {
		margin: 0;
	}


	/* -------- ??�쇱?��??���?? -------- */
	.lecture_details .container {
		padding: 0;
	}
	.lecture_details .content {
		flex-basis: 100%;
		width: 100%;
	}
	.lecture_details aside {
		position: fixed; top: 6rem; right: calc(-60% * 2);
		width: 60%;
		z-index: 6;
		box-shadow: -2.4rem 0 4rem rgb(0 0 0/8%);
		transition: .6s;
	}
	.tab-content h3,
	.lec-review h3,
	.lec-related h3 {
		margin: 0 0 2.4rem;
	}


	/* -------- ??�ㅻ?��?�???�� -------- */
	/* chapter */

	/* -------- 媛뺤�???���?? -------- */
	.lec-teacher {
		padding: 2rem 2.4rem;
	}
	.lec-teacher .tchr-career {
		-moz-column-gap: 1.2em;
		-webkit-column-gap: 1.2em;
		column-gap: 1.2rem;
	}


	/* -------- 二쇰Ц?�? -------- */
	.lecture_details .order-table {
		/* display: none; */
		margin: 0;
		padding: 0 8%;
		height: 100vh;
		border: 0;
		overflow-y: auto;
	}
	.order-table>li {
		padding: 1.6rem 0.4rem;
	}
	.order-table>li:first-child {
		padding: 2.4rem 0.4rem 1.6rem;
	}
	.lecture_details aside .order-table > li:nth-child(3),
	.lecture_details aside .order-table > li:nth-child(4) .btn-wrap {
		display: none;
	}
	.lecture_details aside.lec-info-open {
		right: 0;
	}

	/* 紐⑤�???�� */
	button[name=toggle-lec-info] {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed; bottom: 17rem; right: 1.6rem;
		width: 4rem; height: 4rem;
		color: var(--ged-color-white);
		border-radius: 4rem;
		cursor: pointer;
		z-index: 99;
	}
	button[name=toggle-lec-info]::before {
		display: block;
		clear: both;
		font-family: remixicon;
		font-size: 1.8rem;
	}
	button[name=toggle-lec-info]:nth-of-type(1) {
		background: rgb(0 0 0/40%);
		box-shadow: none;
	}
	button[name=toggle-lec-info]:nth-of-type(1)::before {
		content: "\eb99"; /* close */
		content: "\eadf"; /* booklet */
		content: "\ea6c"; /* arrow */
	}
	button[name=toggle-lec-info]:nth-of-type(2) {
		background: var(--ged-color-green);
		box-shadow: 0 0.8rem 4.8rem var(--ged-color-green);
		/* animation: .8s infinite alternate lec-info-here; */
	}
	button[name=toggle-lec-info]:nth-of-type(2)::before {
		content: "\eadf"; /* booklet */
		content: "\eadd"; /* book-read */
		content: "\ea7e"; /* article */
	}
	/* @keyframes lec-info-here {
		from {
			box-shadow: 0 0 0 var(--ged-color-green);
		}
		to {
			box-shadow: 0 0 2.4rem var(--ged-color-green);
		}
	} */

	/* ?��???�???���?? ??��??�� ??�� */
	.usage-tip {
	}
	.usage-tip>div {
		padding: 0 2.4rem;
	}
	.usage-tip .pop-title br {
		display: inline;
	}
	.usage-tip h3 {
		margin: 4.8rem 0 0.8rem;
	}
	.usage-tip li h4 small {
		font-size: 0.9em;
	}
	.usage-tip li h4 small br {
		display: none;
	}
	.usage-tip ul:not(._list) {
		flex-wrap: wrap;
	}
	.usage-tip ul:not(._list) li {
		flex: 1 0 100%;
		width: 100%;
	}
	.usage-tip ul:not(._list) li:not(:first-child) {
		margin: 1.6rem 0 0;
	}
	.usage-tip ul + div {
		margin: 3.2rem 0;
	}

	/* 2024-11-27 ?���???: 蹂꾨�???�� ??��?�???��??���?? */
	.no-scroll {
		padding-right: revert;
	}
	.slp-resize {
		width: 100% !important;
	}
	.separate-landing-page {
		left: 50%;
		max-width: 100.1vw;
		/* max-height: calc(100% - 12rem); ??��媛뺤?���?? 踰꾪?��蹂댁?��??�� ??��??�� */
		max-height: calc(100% - 6rem);
		box-shadow: none;
	}
	.separate-landing-page.act {
		bottom: calc(50% - 3rem);
	}
	.separate-landing-page .pop-close span {
		top: 0;
		width: 8.4rem; height: 7rem;
		font-size: 1.6rem;
	}
	.no-scroll button[name=toggle-lec-info]:nth-of-type(2) {
		z-index: 90;
	}



	/* ?�??�??���??��諛붿?���??
	------------------------------------------------------ */
	.voucher_item {
		flex-wrap: wrap;
		height: auto;
	}
	.voucher_item_hd {
		flex-basis: 8rem
	}
	.voucher_item_bd {
		flex-basis: calc(100% - 8rem);
		padding: 0 1.6rem;
	}
	.voucher_item_bd ul {
		flex-direction: column;
	}
	.voucher_item_bd li {
		padding: 0 !important;
	}
	.voucher_item_ft {
		flex: 1 0 100%;
		padding: 0.4rem 0 0.8rem;
	}



	/* 留덉?��??��??���??
	------------------------------------------------------ */
	.myinfo main hr {
		margin: 3.2rem 0 0;
	}
	.myinfo main .btn-area .btn {
		width: 100% !important;
	}
	.myinfo .tbc1 {
		width: 12rem;
	}


	/* -------- ?�? ??���?? 蹂닿�? -------- */
	.myinfo-table {
		flex-direction: column;
		gap: 3.2rem 2.4rem;
		margin: 1.6rem 0 0;
	}
	.my-photo figure {
		display: flex;
		flex-direction: row;
		gap: 0;
		padding: 2.4rem;
	}
	.my-photo {
		flex-basis: auto;
	}
	.my-photo figure> {
		flex: 0 0 8rem;
	}
	.my-photo figure>div {
		margin: 0;
		width: 8rem; height: 8rem;
	}
	.my-photo figcaption h4 {
		margin-top: 0;
	}
	.my-info li {
		padding-left: 1.6rem;
	}
	.my-info li select {
		flex: 1 0  calc(100% - 10rem);
		padding: 0;
		width: calc(100% - 10rem);
	}

	/* ?�???���?? */
	.myinfo-view h5 {
		flex: 0 0 10rem;
	}
	.myinfo-view div {
		flex: 1 0 calc(100% - 10rem);
		width: calc(100% - 10rem);
	}
	.myinfo-view .ged-mail h5 + div input,
	.myinfo-view .ged-mail h5 + div select {
		flex: 1 0 40%;
		width: 40%;
	}
	.myinfo-view .ged-mail h5 + div select[name=slctEmail] {
		margin: 0.4rem 0 0;
		background-position: 96% center;
	}

	/* ?���???踰덊?�� �??�?? */
	.myinfo-pass {
		width: 100%;
	}
	.myinfo-pass div {
		flex-wrap: wrap;
		flex: 1 0 100%;
		margin: 0.8rem 0 0;
		width: 100%;
	}
	.myinfo-pass div input {
		width: 100%;
	}
	.myinfo-pass div p {
		flex: 1 0 100%;
		margin: 0.8rem 0 0;
		width: 100%;
	}


	/* -------- 1:1 留욎?�� ?�???�� -------- */
	.oto .tb tr {
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	.oto .tb td:nth-child(1) {
		padding: 1.6rem 0.8rem 0 0.8rem;
		border-top: 0.1rem solid var(--ged-color-gray2);
		display: none;
	}
	.oto .tb td::before {
		color: var(--ged-color-gray2);
	}
	.oto .tb td:nth-child(3)::before {
		content: "\eadf";
	}
	.oto .tb td:nth-child(4)::before {
		content: "\eb27";
	}
	.oto .tb a>span.label-reply {
		position: absolute; right: 0; bottom: 1.2rem;
	}
	.oto .tb-srch select {
		padding: 0 1.6rem 0 1.2rem;
		width: 9rem;
	}
	.oto .tb-srch select + input {
		padding: 0 1.2rem;
		width: 11rem;
	}

	/* 寃곗?��?�??�? */
	.payHistory .lec-list {
		max-height: 46rem;
	}
	.payHistory .lec-item .lec-info {
		flex-basis: 100%;
	}

	/* ?�? ?��좏룿?�? */
	.coupon-item {
		padding: 3.2rem;
		width: 100%;
	}
	.coupon-item .vldPrd {
		font-size: 1.2rem;
	}

	.mycoupon .tbc2 {
		width: 100%;
	}
	.mycoupon .tb-bbs .tb-title {
		/* padding: 0.4rem; */
		white-space: nowrap;
	}
	.mycoupon .tb-bbs td::before {
		content: attr(data-th) "";
		font-size: inherit;
	}
	.mycoupon .tb-bbs td:nth-child(3)::before {
		content: "\ebe8";
	}
	.mycoupon .tb-bbs td:nth-child(4)::before {
		content: "\EB55";
	}
	.mycoupon .tb-bbs td:nth-child(5)::before {
		content: "\eb27";
	}

	/* ??��寃⑹쬆諛?��?�� */
	.lec-issue .lec-shape input + label {
		padding: 0 1.2rem;
		height: 3.4rem;
		font-size: 1.32rem;
	}
	.lec-issue .card-prc strong,
	.lec-issue .card-prc .sale-price + strong {
		width: 8rem;
	}


	/* ?�???��媛뺤?��??��
	------------------------------------------------------ */

	/* 紐⑤�???�� - 留덉?��??��??���?? ??��踰ㅽ?�� */
	button[name=toggle-evt-list] {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed; bottom: 17rem; right: 1.6rem;
		width: 4rem; height: 4rem;
		color: var(--ged-color-white);
		border-radius: 4rem;
		cursor: pointer;
		z-index: 99;
	}
	button[name=toggle-evt-list]::before {
		display: block;
		clear: both;
		font-family: remixicon;
		font-size: 1.8rem;
	}
	button[name=toggle-evt-list]:nth-of-type(1) {
		background: rgb(0 0 0/70%);
		background: var(--ged-color-pink);
		box-shadow: none;
	}
	button[name=toggle-evt-list]:nth-of-type(1)::before {
		content: "\eb99"; /* close */
		content: "??���??";
		font-size: 1.45rem;
		font-weight: 700;
		letter-spacing: -0.08em;
	}
	button[name=toggle-evt-list]:nth-of-type(2) {
		background: var(--ged-color-pink);
		background: var(--ged-color-gradient);
		background: linear-gradient(60deg, #f7ff00, #ff2ab8, #f7ff00);
		background-size: 300% 300%;
		box-shadow: 0 0.8rem 4.8rem var(--ged-color-white);
		text-shadow: 0px 1px rgb(0 0 0 /12%);
		animation: evt-ani 2s ease-in-out Infinite Alternate;
	}
	@keyframes evt-ani {
		0% {
			background-position: 0 50%;
		}
		50% {
			background-position: 100% 50%;
		}
		100% {
			background-position: 0 50%;
		}
	}
	button[name=toggle-evt-list]:nth-of-type(2)::before {
		/* content: "\edba"; */
		content: "??��?�?";
		font-size: 1.45rem;
		font-weight: 700;
		letter-spacing: -0.04em;
	}

	/* 留덉?��??��??���?? ??��踰ㅽ?�� ?��?�뒪??�� */
	.mypage-event {
		position: fixed; top: 6rem; right: calc(-60% * 2);
		padding: 0 8%;
		width: 60%; height: 100vh;
		background: var(--ged-color-white);
		z-index: 6;
		box-shadow: -2.4rem 0 4rem rgb(0 0 0/8%);
		transition: right .6s;
	}
	.mypage-event.evt-list-open {
		right: 0;
	}
	.mypage-event h4 {
		display: flex;
		font-weight: 700;
		color: var(--ged-color-pink);
	}
	.mypage-event ul {
		width: 100%;
	}
	.mypage-event li:not(:first-child) {
		margin: 0;
		border-top: 0.1rem solid var(--ged-color-gray2);
	}
	.mypage-event li a {
		align-items: flex-start;
		padding: 1.2rem 0;
		height: auto !important;
		font-size: 1.6rem;
		color: var(--ged-color-gray7);
		background: none !important;
		letter-spacing: -0.06em;
		text-align: left;
	}
	.mypage-event li a br {
		display: none;
	}
	.mypage-event li a > span {
		display: inline-flex;
		margin: 0.4rem 0 0;
		line-height: 1;
		font-size: 1.2rem;
		color: var(--ged-color-gray4);
		letter-spacing: -0.04em;
	}


	/* -------- ?�???��媛뺤?��??�� -------- */
	.my_lecture_room .latest {
		margin-top: 3.2rem;
	}
	.my_lecture_room .latest-item {
		flex: 1 0 100%;
		width: 100%;
	}
	.my_lecture_room .latest-item h3 {
		padding: 0;
	}
	.my_lecture_room .latest-item ul {
		width: 100%;
	}
	.my_lecture_room .latest-item ~ .latest-item {
		margin: 3.2rem 0 0;
	}

	.my_lecture_room .prog-tab {
		gap: 0.4rem 1%;
		margin-top: 0;
	}
	.my_lecture_room .prog-tab li {
		flex: 0 0 49.5%;
		padding: 0;
		width: 49.5%;
	}
	.my_lecture_room .prog-tab li a {
		display: flex;
		align-items: center;
		padding: 0 1.2rem;
		height: 8rem;
	}
	.my_lecture_room .prog-img {
		margin: 0;
		width: 4rem; height: 4rem;
		font-size: 1.8rem;
	}
	.my_lecture_room .prog-num {
		width: 1.6rem; height: 1.6rem;
		font-size: 1rem;
	}
	.my_lecture_room .prog-tit {
		margin: 0 0 0 1.6rem;
		/* font-size: 1.5rem; */
		letter-spacing: -0.08em;
	}

	/* 2023-07-17 ??��??�� �?? ?���??? */
	.my_lecture_room2 .prog-tab li a {
		flex-wrap: wrap;
		padding: 2rem 1.2rem 1rem;
		height: auto;
		border: 0 !important;
	}
	.my_lecture_room2 .prog-tit {
		margin: 0;
	}
	.my_lecture_room2 .prog-img {
		padding: 0.4rem 0.8rem;
		margin: 0.8rem 0 0;
		width: 100%;
		font-weight: 500;
		/* height: auto;
		font-size: 1.6rem;
		border-radius: 0.4rem; */
	}
	.my_lecture_room2 .prog-txt {
		align-items: flex-start;
		flex: 1 0 100%;
		margin: 0.8rem 0 0;
		width: 100%; min-height: 4rem;
		line-height: 1.3;
		font-size: 0.8em;
		color: var(--ged-color-gray4);
		-ms-word-break: keep-all;
		word-break: keep-all;
	}

	/* ?궡媛? 蹂댁????�? ?��좏룿 */
	.coupon-list {
		padding: 3.2rem 0;
	}
	.coupon-mini h4 + div {
		font-size: 2rem;
	}
	.coupon-more {
		width: 10rem;
	}


	/* -------- ?���??? ??��??��??���?? ??��??�� ??��?�? -------- */
	.add-info {
		padding: 0.8rem 1.6rem 1.6rem;
	}
	.add-info .add-info-birth {
		font-size: 0;
	}
	.add-info .add-info-birth::before {
		font-size: 1.44rem;
	}
	.add-info .add-info-birth select {
		width: 36%;
		font-size: 1.5rem;
	}
	.add-info .add-info-birth select ~ select {
		width: 32%;
		border-left: 0;
	}
	.add-info .add-info-birth label {
		display: none;
	}

	/* -------- ?�???��?�?�?? -------- */
	.lec-list .lec-item {
		flex: 1 0 100%;
		align-items: flex-start;
		padding: 1.6rem;
	}
	.mypage .lec-item {
		gap: 1rem;
	}
	.lec-list .lec-item:not(:nth-of-type(2n-1)) {
		margin-left: 0;
	}
	/* classification */
	.lec-clsf .label-sort:not(.btn-lec-cancel) {
		padding: 0;
	}
	/* .lec-item .card-thum {
		flex-basis: 25%;
	} */
	.lec-item .lec-info {
		width: 100%;
	}
	.mypage .lec-item .lec-prog {
		width: 100%;
	}
	.mypage .lec-item .lec-prog > div {
		padding: 0 1.6rem;
		width: fit-content;
		flex: unset;
	}
	.mypage .lec-item .lec-prog .prog-r8 {
		flex: 1 0 auto;
	}
	.lec-item .card-dept h4 {
		margin: 0 0 0.4rem;
		white-space: normal;
	}
	.lec-item .card-dept h4 + * {
		/* font-size: 1.2rem; */
		letter-spacing: -0.02em;
	}
	.lec-item .card-dept h4 + p {
		font-size: 1.24rem;
	}
	.lec-prog > p::before {
		margin: 0 0.6rem 0 0;
	}
	.lec-item .lec-prog strong {
		font-size: 1em;
	}
	.lec-item details,
	.lec-item .reminder {
		flex: 1 0 100%;
	}
	.lec-item .btn-extra {
		position: static;
		display: flex;
		width: 100%;
	}
	.lec-item .btn-extra .btn {
		flex: 1 0 50%;
	}
	.mypage .lec-item .lec-prog .prog {
		width: 100%;
	}
	.mypage .lec-item .lec-btn {
		padding: 0; border-top: none;
	}


	/* -------- 媛뺤?��?뱽湲? -------- */
	.studyRoom header + .sr-header {
		border-top-width: calc(var(--ged-header-height) + 1rem);
	}
	.studyRoom .prog-r8 {
		flex: 1 0 100%;
		margin: 1.2rem 0 0;
		font-size: 1.2rem;
	}
	.studyRoom .prog-r8 .prog {
		flex-grow: 1;
	}
	.studyRoom .prog-r8 small {
		font-size: 1.2rem !important;
		margin-left: 0.4em;
	}
	.studyRoom .learning-period {
		flex-wrap: wrap;
	}
	.studyRoom .learning-period li:not(:first-child)::before {
		margin: 0 0.8rem;
	}
	.studyRoom .learning-period li.rmnnTime {
		flex: 1 0 100%;
		margin: 0.4rem 0 0;
		font-size: 1.4rem;
	}
	.studyRoom .learning-period li.rmnnTime::before {
		display: none !important;
	}

	/* player speed */
	.player_speed a {
		font-size: 1.8rem;
	}

	/* playlist */
	.studyRoom .sr-playlist {
		flex-basis: 100vw;
		right: calc(-100vw *2);
		width: 100vw;
	}

	/* ??��?��? ??���?? ??�쇰?�� 蹂닿�? */
	.sr-other {
		flex: 1 0 60%;
		width: 60%;
	}


	/* -------- 2023-07-17 媛뺤?��?뱽湲? ??��?��?�꽦 -------- */
	.studyRoom2 .sr-header {
		position: sticky;
	}
	.studyRoom2 h3 {
		margin: 0.8rem 0 1.2rem;
	}

	/* ??���????�� ??���?? */
	.apl-info {
		padding: 1.2rem 2.4rem 2.4rem;
	}
	.apl-info .tbc1,
	.apl-info .tbc2,
	.apl-info .tbc3,
	.apl-info .tbc4 {
		width: 100%;
	}
	.apl-info th {
		display: none;
	}
	.apl-info td {
		display: flex;
		/* justify-content: space-between; */
		align-items: center;
		flex-wrap: wrap;
		padding: 0.8rem 0;
	}
	.apl-info td::before {
		content: attr(data-th) "";
		display: inline-block;
		clear: both;
		margin: 0 0 0.4rem;
		width: 100%;
		font-size: 0.938em;
		font-weight: 700;
	}
	.apl-info input,
	.apl-info textarea,
	.apl-info td ul {
		flex: 0 0 calc(100% - 8rem);
		flex: 1 0 100%;
	}
	.apl-info td ul input {
		flex-grow: 1 !important;
	}
	.apl-info input[type=search] {
		flex: 0 0 auto !important;
	}
	.apl-info select,
	.apl-info select ~ input {
		flex: 1 0 28%;
		width: 30%;
	}

	/* ?��?��?��??�� ??���?? */
	#nobank h4 {
		margin: 1.6rem 0;
		padding: 0 1.2rem;
	}
	#nobank ._comment {
		margin: 0 1.2rem;
	}

	/* ??��??��?빟愿? */
	.trms-and-cndt {
		flex-direction: column;
		gap: 3rem;
		margin: 4rem 0 0;
	}
	.trms-and-cndt li {
		flex: 1 0 100%;
	}
	.trms-and-cndt ._scrollbox {
		margin: 0.8rem 0 0;
	}

	/* 理쒖쥌湲?���? ??��??���?? */
	.cart .total-amont {
		margin: 2rem 0;
		height: 6rem;
		font-size: 1.7rem;
	}
	.cart .total-amont em {
		font-size: 2.1rem;
	}

	/* total-amont */
	.total-amont {
		margin: 3.2rem 0;
	}
	.total-amont ~ .container {
		max-width: 100%;
	}

	/* ??��諛붽?��??�� ?��좏룿 */
	.card-coupon h5 {
		flex: 0 0 25%;
	}
	.card-coupon h5 + div {
		/* flex: 1 0 100%;  */
		flex: 1 0 calc(100% - 6rem);
	}
	.card-coupon-cmt {
		padding-left: 0;
	}




	/* ??�ㅻ??��?��??��
	------------------------------------------------------ */

	/* -------- ??�듭???�??�? -------- */

	/* ??�좎?��??�듭??諛곕�? */
	.pinned-notice {
		flex-wrap: wrap;
		margin: 0 0 1.6rem;
	}
	.pinned-notice li {
		flex: 1 0 100%;
	}
	.pinned-notice li:not(:first-child) {
		margin: 0.4rem 0 0;
	}
	.pinned-notice a {
		padding: 0 1.6rem 0 1.2rem;
		height: 4rem;
		font-size: 1.5rem;
	}
	.pinned-notice li a::before {
		top: 0.08rem;
		margin: 0 0.4rem 0 0;
	}

	/* ??�듭?? �?? ??�듭?? - 媛ㅻ?��?��? */
	.bbs-list .card:not(:first-of-type) {
		margin: 2rem 0 0;
	}

	/* ??�듭?? �?? ??�듭?? - ?��?�뒪??�� */
	.notice .tb-list {
		margin: 0 0 2.4rem;
	}
	.notice .tb-list li {
		padding: 0.6rem 0.4rem 0.8rem;
	}
	.notice .tb-list li span {
		align-self: flex-start;
	}
	.notice .tb-list li a {
		flex: 1 0 100%;
		/* line-height: 1.3;
		font-size: 1.5rem;
		white-space: normal;  */
	}
	.notice .tb-list li a::before {
		top: 0.2rem;
		margin: 0 0.8rem 0 0;
		font-size: 1em;
	}

	/* -------- ?�?寃⑺?���?? -------- */
	.btn-review {
		position: fixed; right: 0; bottom: 4rem;
		padding: 0 1.6rem;
		background: var(--ged-color-white);
		border: 0;
		box-shadow: 0 0.8rem 2rem rgb(0 0 0/20%);
		z-index: 99;
	}

	/* ??���?? �???�? */
	.about_passing form[name=frmList]::before,
	.review-search {
		flex: 1 0 100%;
		width: 100%;
	}

	/* ??���?? ??��?�??�?�?? */
	.review-top {
		padding: 0 0 3.2rem;
	}
	.review-write li {
		flex-wrap: wrap;
		padding: 0;
	}
	.review-write li h4 {
		line-height: 4rem;
	}
	.review-write li h4+div {
		flex: 1 0 100%;
		width: 100%;
	}
	.filebox input[type=file] + label {
		flex: 0 0 12rem;
		padding: 0;
		font-size: 1.3rem;
	}
	.filebox input[type=file] + label::before {
		top: 0;
		margin-right: 0.4rem;
	}

	/* ??���?? ?��?�뒪??�� */
	.review-list li,
	.review-best {
		display: block;
		padding: 1em 1.2em 2.4rem !important;
	}
	.review-hd {
		margin: 0 0 1.2rem;
	}
	.review-hd h5 {
		font-size: 1.65rem;
	}
	.review-bd {
		width: 100%;
	}
	.review-bd2 {
		justify-content: flex-start;
		margin: 1.6rem 0 0;
		width: 100%; height: 16vmin;
		min-height: 6rem;
		/* max-height: 6rem; */
	}
	.review-bd2.img-many::after {
		display: none;
	}
	.review-bd2 a {
		flex: 0 0 16%;
		position: static;
		width: 16%;
	}
	.review-bd2 img {
		position: relative;
	}
	.review-bd2 a ~ a {
		margin: 0 0 0 0.4rem;
	}

	/* 2025-01-08 ??��媛뺤?���?? 踰꾪?�� ?���??? */
	.btn-apply2 {
		display: none;
	}


	/* -------- ??��寃⑹쬆諛?��?��??���?? -------- */
	.ged-benefit .tbc {
		width: 100%;
	}
	.ged-benefit td {
		display: block;
		padding: 2.4rem 0.8rem;
	}
	.ged-benefit td .btn {
		width: 4.8rem;
	}
	.issuance_guide strong {
		margin: 0 1.2rem 0 0;
	}

	/* 2023-07-18 ?���??? */
	.issuance h3 small {
		flex: 1 0 100%;
		margin: 0.4rem 0 0;
	}
	.issuance .lic-sample::after {
		position: static;
	}
	.issuance .issuance-cost td {
		-ms-word-break: keep-all;
		word-break: keep-all;
	}
	.issuance .issuance-list tr {
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	.issuance .issuance-list tr td:last-child {
		position: absolute; top: 50%; right: 0;
		padding: 0 0.4rem;
		transform: translateY(-50%);
	}
	.issuance .issuance-list tr td[colspan="5"] {
		justify-content: center;
		position: relative !important; left: 50%;
		text-align: center;
		transform: translateX(-50%);
	}
	.issuance .issuance-list td::before {
		content: attr(data-th) "";
		display: inline-block;
		clear: both;
		position: relative; top: -0.1rem;
		font-size: 1.3rem;
		text-indent: 0.4rem;
	}
	.issuance .issuance-list td.tb-title {
		padding: 1.4rem 0.4rem 0;
		font-size: 1.6rem;
		font-weight: 600;
		color: var(--ged-color-gray7);
	}
	.issuance .issuance-list td:not(.tb-title) {
		font-size: 1.3rem;
		color: var(--ged-color-gray5);
	}
	.issuance-list .label {
		font-size: 1.3rem;
		padding: 0.2em 0.6em;
	}




	/* ?���??��??��??���??
	------------------------------------------------------ */

	/* -------- ?���??��??��??���?? -------- */
	.company_info main .container > div:first-of-type {
		margin: 2.4rem auto 0;
		text-align: left;
	}
	.company_info main h3 {
		height: 4.8rem;
	}
	.company_info main h3 + p {
		margin: 0.8rem auto 0;
	}
	.company_info .dots {
		margin: 2.4rem 0;
	}
	.company_info .keypoint {
		margin: 4rem auto 0;
	}
	.company_info .keypoint li {
		flex: 1 0 100%;
		display: flex;
		align-items: center;
		width: 100%;
		text-align: left;
	}
	.company_info .keypoint li:not(:first-child) {
		margin: 1.6rem 0 0;
		padding: 1.6rem 0 0;
		border-top: 0.1rem solid var(--ged-color-gray1);
	}
	.company_info .keypoint li figure {
		flex: 0 0 10rem;
		margin: 0;
		width: 10rem; height: 10rem;
	}
	.company_info .keypoint li figcaption {
		flex: 1 0 calc(100% - 10rem);
		padding: 0 0 0 5%;
		width: calc(100% - 10rem);
	}
	.company_info .content > p br { display: none; }
	.company_info .content > p:not(:last-child) {
		margin: 2rem 0;
	}
	.company_info .content > p:last-child {
		margin: 6rem 0 0;
	}

	/* -------- �????��泥댁?��?�???��?�? -------- */
	.agreement_list {
		gap: 1.6rem;
	}
	.agreement_list li {
		flex-basis: calc((100% - 3.2rem)/3);
	}
	.agreement_list li a {
		height: 3.6rem;
		font-size: 1.4rem;
	}

	/* 誘쇨�???��寃⑹�??�? */
	.license .license_item {
		flex: 1 0 100%;
		height: 4rem;
	}
	.license .license_item:not(:nth-child(odd)) {
		margin: 0;
	}
	.license col {
		width: 100%;
	}
	.license th {
		 display: none;
	}
	.license td {
		display: block;
		padding: 0;
	}
	.license td::before {
		content: attr(data-th) "";
		display: flex;
		align-items: center;
		clear: both;
		margin: 2.4rem 0 1.2rem;
		padding: 0.8rem 1.6rem;
		font-weight: 700;
		color: var(--ged-color-gray7);
		background: var(--ged-color-gray0);
		border-left: 0.1rem solid var(--ged-color-gray5);
	}
	.license td:first-child::before {
		margin-top: 0;
	}




	/* blog
	------------------------------------------------------ */
	.blog .latest {
		flex-direction: column;
	}


	/* -------- content -------- */
	.blog .content .bbs-list {
		display: flex;
		justify-content: space-between;
	}
	.blog .content .bbs-list .card {
		flex: 0 0 48%;
		width: 48%;
	}
	.blog .content .bbs-list .card:not(:first-of-type),
	.blog .content .bbs-list .card:nth-of-type(n+4) {
		margin: 0;
	}
	.blog .content .bbs-list .card:nth-of-type(n+3) {
		margin-top: 2.4rem;
	}



	/* -------- adide -------- */
	.blog aside {
		margin: 6rem 0 0;
		display: none;
	}
	.blog .list-group ol li a {
		width: 90%;
	}



	/* ?�???��??���??
	------------------------------------------------------ */
	.sitemap main h3:not(:first-of-type) {
		margin-top: 4.8rem;
	}
	.sitemap main h3 + ul>li {
		flex: 1 0 100%;
		flex-wrap: wrap;
		margin: 1.6rem 0 0;
		width: 100%;
	}
	.sitemap main h4 {
		padding: 1.6rem 0 0 0.8rem;
		border-width: 0.1rem 0 0;
	}
	.sitemap main h3 + ul>li:first-child h4 {
		padding-top: 0;
		border: 0;
	}
	.sitemap main h4 + ul {
		flex: 1 0 100%;
		margin: 0.8rem 0 0;
		padding: 0 0 0 0.8rem;
		width: 100%;
	}
	.sitemap main h4 + ul li {
		flex: 0 0 calc(100%/2);
		width:  calc(100%/2);
	}
	.sitemap main h4 + ul li::before {
		display: inline-block;
		margin: 0 0.4rem 0 0;
	}




	/* bbs
	------------------------------------------------------ */
	.bbs .bbs-subject {
		padding: 16px 0 0;
	}

	/* -------- list -------- */

	/* -------- gallery -------- */
	.tb-gallery li {
		flex: 1 0 100%;
		margin: 0 0 32px;
	}
	.tb-gallery li:nth-child(2n) {
		margin-left: 0;
	}
	.tb-gallery li:last-child {
		margin-bottom: 0;
	}


	/* -------- view -------- */



	/* -------- write -------- */
	.form li {
		flex-wrap: wrap;
	}
	.form li:not(:first-child) {
		margin-top: 4px;
	}
	.form input {
		flex-basis: 100%;
	}
	.form input ~ input {
		margin: 4px 0 0;
	}

	.bbs .bbs-write h3 {
		margin: 0 0 12px;
	}

	/* button */
	.tb-button {
		margin: 3.2rem auto 0;
	}


	/* -------- comment -------- */
	.tb-comment {
		margin: 3.2rem 0 2.4rem;
	}
	.tb-comment > p strong {
		margin: 0 0 0 0.4rem;
	}
	.tb-cmt-write textarea,
	.tb-cmt-write button {
		flex: 1 0 100%;
		width: 100% !important;
	}
	.tb-cmt-write textarea {
		border-right-width: 0.1rem;
	}
	.tb-cmt-write button {
		margin: 0.8rem 0 0;
		height: 4.3rem;
	}


	/* -------- ??��??���????�� -------- */
	.join .ged-join {
		padding: 0;
		border: none;
		border-top: 2px solid var(--ged-color-gray7);
	}
	.join .ged-join li {
		padding: 1.2em;
	}
	.join .ged-join li:last-child {
		border-bottom: 1px solid var(--ged-color-gray2);
	}
	.join .ged-join li > div {
		flex: 1 0 100%;
		margin: 0.8rem 0 0;
		width: 100%;
	}
	.join .ged-join li > div input {
		width: 100%;
		padding: 0 1.2rem;
	}
	.join .ged-join li > div input#txtId {
		width: calc(100% - 8.4rem);
	}
	.join .ged-join .learned-route {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-moz-column-gap: 0.8em;
		-webkit-column-gap: 0.8em;
		column-gap: 0.8em;
	}
	.join .ged-join .learned-route span {
		display: block;
		margin: 0;
	}
	.join .trms-and-cndt ~ .trms-and-cndt h3 {
		margin-top: 1.6rem;
	}
	.join .btn-wrap p {
		margin-top: 0;
	}

	/* ??��??���????�� ??��?��? */
	.join #joinSuccess .btn-wrap {
		margin-top: 8%;
	}


	/* -------- ?�???��?�?/?���???踰덊?�� 李얘�? -------- */
	.frm-find .base-tab-wrap {
		margin: 2em 0 0;
		max-width: unset;
	}
	.find-id .frm-find {
		width: 100%;
	}
	.frm-find .base-tab-cons {
		padding: 2em;
		margin: 2.5em 0 0;
	}
	.find-id .frm-find input {
		width: 100%;
	}
	.find-id .frm-find ul {
		min-height: auto;
	}
	.find-id .frm-find li {
		flex-wrap: wrap;
	}
	/* .find-id .frm-find label,
	.find-id .frm-find input {
		flex: 1 0 100%;
	}
	.find-id .frm-find label {
		margin: 0 0 0.8rem;
	} */


	/* -------- ??��?뿕吏? -------- */
	.test-header {
		height: 6rem;
	}
	.test-header h2+div a {
		width: 8rem;
	}
	.test-form {
		padding-top: 1.6rem;
	}
	.test-item {
		padding: 2.4rem 2.8rem 3.2rem;
	}
	.test-item h4 {
		font-size: 1.6rem;
	}
	.test-item ul {
		padding: 0;
		font-size: 0.938em;
	}
	.test-item ul li {
		font-size: 1.4rem;
	}
	.test-item ul li label::before {
		top: 0.2rem;
	}
	.test-footer {
		padding: 0 0 4rem;
	}

	/* ??��?뿕寃곌낵 */
	.test-result .test-item::after {
		left: 0; top: -1%;
		background-size: 8.4rem;
	}
	.test-result .test-item>div h5 {
		padding: 0 0.4rem;
		line-height: 1;
	}
	.test-result .test-item>div p {
		flex-direction: row;
		flex: 1 0 100%;
		width: 100%;
	}
	.test-result .test-item>div p span {
		margin: 0 0.8rem 0 0
	}




	/* ?��좏룿 ??��??��濡쒕�?
	------------------------------------------------------ */
	.coupon-wrap {
		background-image: url('/images/landing/coupon/bg_content_body.png');
		background-repeat: repeat-y;
	}
	.coupon-header {
		background-image: url('/images/landing/coupon/bg_intro_m.png');
		background-position: right top;
		background-size: cover;
	}
	.coupon-header .intro-tit {
		padding-top: 2ex;
	}
	.coupon-header .intro-tit + p {
		width: 54%;
		font-size: 1.4rem;
		-ms-word-break: keep-all;
		word-break: keep-all;
	}
	.coupon-header .intro-tit + p br {
		display: none;
	}
	.coupon-header .intro-dept {
		margin-top: 10ex;
	}
	.coupon-header .intro-dept div {
		display: inline-block;
		padding: 0 0.4rem 0.4rem 0.2rem;
		width: auto; height: auto;
		border-width: 0 0 0.2rem;
		border-radius: 0;
	}
	.coupon-header .intro-dept ul {
		margin-top: 1.6rem;
		padding: 0;
	}
	.coupon-body {
		padding-bottom: 0;
	}
	.coupon-body .coupon-list {
		padding-top: 4rem;
	}
	.coupon-body .coupon-list .coupon-item {
		margin-bottom: 12%;
	}
	.coupon-body .coupon-list .coupon-item .coupon-img {
		margin: 1.6rem auto;
	}
	.coupon-body .coupon-list .coupon-item .btn {
		height: 4.8rem;
		font-size: 1.6rem;
	}
	.coupon-body .coupon-list .coupon-item .btn:hover {
		box-shadow: none;
		transform: none;
	}
	.coupon-body .usage {
		margin-top: 4rem;
	}
	.coupon-body .usage ul {
		margin-top: 1.6rem;
	}
	.coupon-footer {
		padding-bottom: 4.8rem;
	}
	.coupon-footer h2 {
		font-size: 2.2rem;
	}
	.coupon-footer h2 + ul {
		gap: 0.8rem 1.2rem;
		margin-top: 2rem;
		line-height: 1.4;
	}
	.title-banner {
		padding: 1.8em 1.5em 180px;
	}
	.review .title-banner {
		background-position: bottom center;
		background-size: 250px;
	}
	.review .title-banner ul {
		width: 100%;
		padding: 1em 0 0;
	}
	.review .title-banner ul > li {
		margin: 0 1.5em;
	}
	.review .title-banner ul > li:nth-last-child(2) {
		width: unset;
	}
	.review .title-banner ul > li:last-child {
		margin: 1em 0 0;
	}
	.review .title-banner .btn {
		position: unset;
		width: 100%;
		border-radius: 0;
	}

	.order-table-m {
		gap: 0.2em;
	}
	.order-table-m > div {
		border-radius: 16px;
	}

	/* ??��媛뺢?��??��
	------------------------------------------------------ */
	.lecture .menu-l-main .tag-top {
		flex-direction: row;
		overflow-x: scroll;
		white-space: nowrap;
		scrollbar-width: none;
	}
	.lecture .menu-l-main .tag .label {
		margin: 0.2em 0.1em;
	}
	.lecture .lec-adv {
		margin: 0 0 1.4em;
	}
	.mypage .lec-item .lec-prog span {
		font-size: 1.4rem;
	}
	.lec-item .card-thum {
		flex: 0 0 16rem;
		border-radius: 16px;
	}
}

/* ------------------------------------------------------

	@etc (max-width:479px)

------------------------------------------------------ */
@media all and (max-width:479px) {
	.lec-item .lec-info {
		flex-wrap: wrap;
	}
	.lec-item .card-dept {
		margin-left: 0;
		margin-top: 1rem;
	}
	.lec-item .btn-etc {
		flex-wrap: wrap;
	}
	.lec-item .btn-etc li a {
		font-size: 1.2rem !important;
	}
	.lec-item .lec-clsf {
		display: inline-block;
		vertical-align: middle;
	}
	.lec-item .card-dept h4 {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}
	.lec-item .card-dept h4 + p {
		margin: 0.4em 0;
	}
	.mycoupon .coupon-list .coupon-mini {
		flex: 0 0 100%;
	}
}