@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.2 !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%;
}

.lecture .lec-list-sort .card-dept {
	height: 22rem;
}

/* ÁÖ¹«ºÎó±â°ü ¹× Á¤½Äµî·Ï¹øÈ£ °­Á¶ */
.lecture .reg-badge {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	width: 100%;
	margin: -0.2rem 0 1rem;
	padding: 0.9rem 1.2rem;
	border-radius: 0.6rem;
	background: linear-gradient(120deg, #131a3d 0%, #1e2a63 55%, #29388a 100%);
	box-shadow: 0 0.4rem 1.2rem rgba(25, 34, 84, 0.28), inset 0 0.1rem 0 rgba(255, 255, 255, 0.08);
	font-size: 1.1rem;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}

/* ºûÀÌ Áö³ª°¡´Â µíÇÑ ¹Ý¦ÀÓ(shine) ¾Ö´Ï¸ÞÀÌ¼Ç */
.lecture .reg-badge::after {
	content: "";
	position: absolute;
	top: 0;
	left: -75%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-20deg);
	animation: reg-badge-shine 3.2s ease-in-out infinite;
	pointer-events: none;
}

@keyframes reg-badge-shine {
	0% { left: -75%; }
	40% { left: 125%; }
	100% { left: 125%; }
}

@media (prefers-reduced-motion: reduce) {
	.lecture .reg-badge::after {
		animation: none;
	}
}

.lecture .reg-badge-dept {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	color: var(--ged-color-white);
	font-size: 1.2rem;
	font-weight: 700;
}

.lecture .reg-badge-dept::before {
	content: "";
	flex-shrink: 0;
	width: 1.8rem;
	height: 1.8rem;
	background: var(--ged-color-white) url('/images/comm/gm_logo.png') no-repeat center;
	background-size: contain;
	border-radius: 50%;
	box-shadow: 0 0 0 0.12rem var(--ged-color-white);
}

.lecture .reg-badge-num {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: var(--ged-color-white);
	font-weight: 600;
	opacity: 0.8;
}

.lecture .reg-badge-num small {
	color: var(--ged-color-blue1);
	font-size: inherit;
	font-weight: 400;
	letter-spacing: -0.08em;
}


/* -------- ÃֱٰԽù° ¸®½ºÆ® -------- */
.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;
	z-index: 0;
}

.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:first-child {
	/* border-top: 0.1rem solid var(--ged-color-gray2); */
}

.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 {
	/* padding: 2rem 0 0; */
}

.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-greeting {}

.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 {}

.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 ¼ö°­½Åû ¹öÆ° À§Ä¡ À̵¿ */
.order-table li>.btn-wrap {
	margin: 1.6rem 0 0;
}

/* ÁÖ¹®Æû mobile */
.order-table-m {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	bottom: -7rem;
	min-width: 360px;
	background: #fff;
	box-shadow: 0 0 2rem transparent;
	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-wrap {
	width: 60%;
}

.order-table-m .btn {
	height: 6rem;
}

.order-table-m .btn-secondary {
	color: #fff;
	background: transparent;
	border-color: transparent;
}

.order-table-m .btn-wrap {
	width: 60%;
}

.order-table-m .item-cart {
	flex: 1 0 7rem;
	background: var(--ged-color-blue);
}

/* ¹«·á¼ö°­ ÀÌ¿ë ÆÁ */
.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;
}

/* ¸¶ÀÌÆäÀÌÁö À̺¥Æ® ¸®½ºÆ® */
.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%;
	background: var(--ged-color-gray0);
}

.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: 600;
	color: var(--ged-color-gray7);
}

.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;
}

/* 2023-07-17 ¼öÁ¤ ¹× Ãß°¡ */
.my_lecture_room2 .prog-tab li a {
	justify-content: center;
	padding: 4rem 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: 16rem;
	font-size: 3rem;
	color: var(--ged-color-white);
	background: var(--ged-color-blue7);
	box-shadow: 0 1rem 4rem rgb(0 0 0/10%);
	word-spacing: -0.2rem;
}

.my_lecture_room2 .prog-tab li a.no-license .prog-img {
	background: var(--ged-color-pink);
}

.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; */
	gap: 0.8rem 0;
	flex-wrap: wrap;
	position: relative;
	padding: 0 0 0 12%;
	/* width: calc((100% - 2.4rem)/4); */
	width: 100%;
	height: 12rem;
	color: var(--ged-color-white);
	background: var(--ged-color-white);
	background: var(--ged-color-gradient);
	/* 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.6rem;
	display: none;
}

.coupon-mini .dotted-right {
	right: -0.6rem;
}

.coupon-mini .dotted li {
	width: 1.2rem;
	height: 1.2rem;
	background: var(--ged-color-gray0);
	border-radius: 4rem;
}

.coupon-mini .dotted li:not(:first-child) {
	margin: 1rem 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;
	/* color: var(--ged-color-gray9); */
}

.coupon-mini h4 div {
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.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: 1rem !important;
	color: var(--ged-color-gray3);
	color: var(--ged-color-white);
	letter-spacing: -0.02em;
	opacity: 0.5;
}

.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-more {
	display: none;
	background: transparent;
}

.coupon-more::before {
	content: "\ef79";
	display: block;
	clear: both;
	font-family: 'remixicon';
	font-size: 1.16em;
}

/* ÄíÆùÀÌ ¾øÀ» °æ¿ì */
.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;
}

.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;
}

.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 16rem;
}

/* .lec-item .card-thum a { 
	border: 0.1rem solid var(--ged-color-gray1);
	border-radius: 0.8rem;
} */
.lec-item:hover .card-thum a {
	transform: none;
}

.lec-item .lec-info {
	flex: 1 0 43rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 43rem;
}

.lec-item .card-dept {
	flex: 1 0 24rem;
	width: 24rem;
}

.lec-item .card-dept h4 {
	margin: 0 0 0.4rem;
}

.lec-item .card-dept h4+* {
	line-height: 1.4;
	font-weight: 400;
	color: var(--ged-color-gray4);
}

.lec-item .card-dept h4+p span {
	margin: 0 0.8rem 0 0;
	font-weight: 500;
	color: var(--ged-color-gray5);
}

.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: 3px;
}

.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-gray7);
}

.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-blue4);
	border-color: var(--ged-color-blue4);
}

.lec-prog .prog-test-fail span,
.lec-prog .prog-test-fail strong {
	color: var(--ged-color-pink);
	border-color: var(--ged-color-pink);
}

.lec-item .lec-btn {
	flex: 0 0 21rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 0;
	width: 21rem;
}

/* 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 {
	flex: 1 0 100% !important;
	display: flex;
	justify-content: flex-end;
	gap: 0 0.4rem;
	width: 100% !important;
}

.lec-item .btn-etc li {
	flex: 0 0 calc(44rem/4);
	width: calc(44rem/4);
}

.lec-item .btn-etc li a {
	width: 100%;
	height: 3rem !important;
	line-height: 0;
	color: var(--ged-color-white);
	background: var(--ged-color-white);
	border: 0.1rem solid;
}

/* .lec-item .btn-etc li:not(:first-child) a { 
	border-left: 0;
} */
.lec-item .btn-etc li:nth-child(1) a {
	background: #f00;
	border-color: #f00;
	background: #F44336;
	border-color: #F44336;
}

.lec-item .btn-etc li:nth-child(2) a {
	color: #f50;
	border-color: #f50;
	color: var(--ged-color-blue5);
	border-color: var(--ged-color-blue5);
	color: #FFA726;
	background: #FFF3E0;
	border-color: #FFB74D;
}

.lec-item .btn-etc li:nth-child(3) a {
	color: #ffb500;
	border-color: #ffb500;
	color: #5C6BC0;
	border-color: #5C6BC0;
	color: #66BB6A;
	background: #E8F5E9;
	border-color: #81C784;
}

.lec-item .btn-etc li:nth-child(4) a {
	color: #7ecf2f;
	border-color: #7ecf2f;
	color: #78909C;
	background: #ECEFF1;
	border-color: #90A4AE;
}

.lec-item .btn-test-pass {
	/* ½ÃÇèÀÀ½Ã ÈÄ Çհݽà */
	color: var(--ged-color-white) !important;
	background: var(--ged-color-blue4) !important;
	border-color: var(--ged-color-blue4) !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::marker {
	/* display: none; */
}

.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: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: 500;
	color: var(--ged-color-gray4) !important;
}

.studyRoom .prog-r8 .prog {
	flex: 0 0 50%;
	margin: 0 1.6rem;
	height: 4px;
}

.studyRoom .prog-r8 strong {
	color: var(--ged-color-gray5);
}

.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 span {
	margin: 0 1.2rem 0 0;
	font-weight: 500;
	color: var(--ged-color-gray5);
}

.studyRoom .learning-period li.rmnnTime {
	font-weight: 500;
	color: var(--ged-color-pink);
}

.studyRoom .learning-period li.rmnnTime em {
	text-decoration: underline;
}

.studyRoom .sr-header p {
	margin: 0.8rem 0 0;
	color: var(--ged-color-gray4);
}

.studyRoom .sr-body {
	padding: 4rem 0 0;
	background: var(--ged-color-gray0);
}

.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;
	margin: 0;
	color: var(--ged-color-gray8);
}

.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: 2rem 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: 1.3rem;
	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-red);
	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;
	bottom: 0;
	width: 28rem;
	height: 100%;
	color: var(--ged-color-white);
	background: var(--ged-color-blue4);
	transition: .4s ease-in-out;
	overflow: hidden;
}

.studyRoom .sr-playlist div {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 2rem;
	height: 4rem;
	font-size: 1.3rem !important;
	font-weight: 700;
	background: var(--ged-color-deepblue);
	letter-spacing: 0;
}

.studyRoom .sr-playlist div i {
	margin: 0 1.2rem 0 0;
	font-size: 1.2em;
}

.studyRoom .sr-playlist ul {
	/* padding: 1.6rem 3.6rem 1.6rem 2rem; */
	padding: 0 1.7rem 0 0;
	width: calc(100% + 1.7rem);
	height: calc(100% - 4rem);
	font-weight: 300;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.studyRoom .sr-playlist li {
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.studyRoom .sr-playlist li:not(:first-child) {
	/* margin: 1.2rem 0 0; 
	padding-top: 1.2rem; */
	border-top: 0.06rem solid var(--ged-color-darkblue);
}

.studyRoom .sr-playlist li a {
	display: flex;
	padding: 1.2rem 1.6rem 0;
	line-height: 1.4;
}

.studyRoom .sr-playlist li span {
	flex: 0 0 2.4rem;
	font-weight: 500;
	font-style: italic;
}

.studyRoom .sr-playlist li p {
	padding: 0.4rem 4rem;
	font-family: "calibri";
	font-size: 1.2rem;
	font-weight: 400;
	/* font-style: italic; */
	color: var(--ged-color-blue1);
}

.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: "\f008";
}

.studyRoom .sr-playlist li .chapter-r8::before {
	content: "\ead9";
}

.studyRoom .sr-playlist li.act {
	font-weight: 700;
	color: var(--ged-color-pale-yellow);
	cursor: pointer;
}

.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-alert);
}

.studyRoom .sr-download li {
	flex: 0 0 50%;
	padding: 0 6%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
	color: var(--ged-color-gray5);
}

.studyRoom .sr-download li:not(:first-child) {
	margin: 1.2rem 0 0;
}

.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 {
	margin: 0;
}

.studyRoom .sr-move>* {
	transition: width .4s ease-in-out;
}

.studyRoom .sr-move .btn-exit {
	display: flex;
	align-items: center;
	font-weight: 700;
	color: var(--ged-color-gray7);
	color: var(--ged-color-blue4);
	transition: .2s;
}

.studyRoom .sr-move .btn-exit:hover {
	color: var(--ged-color-blue4);
}

/* ´Ù¸¥ ¼ö°­ °ú¸ñ º¸±â */
.sr-other {
	position: absolute;
	top: 9.2rem;
	right: 0;
	width: 28rem;
	border: 0.1rem solid var(--ged-color-gray2);
	overflow: hidden;
	z-index: 60;
}

.studyRoom.sr-new .sr-other {
	top: 0;
}

.sr-other>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 3rem;
	height: 6rem;
	line-height: 1;
	font-weight: 500;
	background: var(--ged-color-white);
	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-gray4);
	background: var(--ged-color-white);
	transition: .3s;
}

.sr-other li a:hover {
	color: var(--ged-color-gray5);
	/* background: var(--ged-color-gray0); */
}

.sr-other div.sr-list-open::after {
	transform: rotate(calc(180deg * 3));
}


/* -------- 2023-07-17 °­Àǵè±â À籸¼º -------- */
.studyRoom2 {
	padding: 0;
	background: var(--ged-color-gray0);
}

.studyRoom2 h4 {
	margin: 0;
	color: var(--ged-color-gray7);
}

.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 {
	background: var(--ged-color-gray0);
}

.studyRoom2 .sr-content>.container {
	display: flex;
	justify-content: space-between;
}

/* player */
.studyRoom2 .sr-player {
	flex: 0 0 70%;
}

.studyRoom2 .sr-player>div {
	margin: 4.8rem 0 2.4rem;
}

.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;
}

/* ´Ù¸¥ ¼ö°­ °ú¸ñ º¸±â */
.studyRoom2 .sr-other {
	border-width: 0 0.1rem;
}

/* studyRoom body */
.studyRoom2 .sr-body {
	padding: 4rem 0 6rem;
	background: var(--ged-color-white);
}

.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-gray7);
	border-color: var(--ged-color-gray7);
}

#chkAll+label::before {
	display: none;
}

.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-thum {
	flex: 0 0 16rem;
}

.cart .card:hover .card-thum a {
	transform: none;
}

.cart .lec-info {
	flex: 1 0 24rem;
	width: 24rem;
}

.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 {
	width: 100%;
	height: 4rem;
	border: 0;
	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);
}

/* ½ÅûÀÚ Á¤º¸ : 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;
}

.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 .total-amont {
	padding: 6% 0;
	background: var(--ged-color-gray0);
}


/* -------- ÁÖ¹®°á°ú -------- */
.order-result {
	margin: auto;
	padding: 0 0 6rem;
	width: 60rem;
	max-width: 100%;
	text-align: center;
}

/* ¸¶Å© */
.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-gray7);
}

.order-result dd {
	flex: 0 0 calc(100% - 12rem);
	width: calc(100% - 12rem);
	color: var(--ged-color-gray5);
	text-align: left;
}

.order-result dd strong {
	margin: 0 0.8rem 0 0;
	font-size: 2rem;
	font-weight: 900;
	color: var(--ged-color-gray7);
}

.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;
}

.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-gray7);
}

.myinfo-view div {
	flex: 1 0 calc(100% - 16rem);
	width: calc(100% - 16rem);
	;
}

.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;
}

/* ±ÛÀÛ¼º */
.oto .tb-write select {
	margin: 0 0.4rem 0 0;
}

/* view */
.oto .tb-view {
	padding: 0 0 2.4rem;
	line-height: 1.6;
	border: 0.1rem solid var(--ged-color-gray2);
	border-width: 0.1rem 0;
	letter-spacing: -0.02em;
	/* border-top: 0.1rem solid var(--ged-color-gray2); */
}

.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.8rem;
	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;
}

.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;
}

.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;
}

.pay-waiting p {
	color: var(--ged-color-gray7);
}

.pay-waiting p:first-of-type {
	/* background: var(--ged-color-pale-lightyellow); */
}

.pay-waiting p:first-of-type::before {
	content: "\ea94";
	color: var(--ged-color-blue4);
}

.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;
}

/* °¶·¯¸®Çü */
.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-gray3) !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: "\eb7f";
	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: "\eb82";
}

.lec-issue .lec-info {
	flex: 1 0 24rem;
	width: 24rem;
}

.lec-issue .card-prc {
	flex: 0 0 auto;
	flex: 0 0 40rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: right;
}

.lec-issue .lec-shape {
	display: flex;
	align-items: center;
}

.lec-issue .lec-shape span {
	display: none;
	margin: 0 1.6rem 0 0;
}

.lec-issue .lec-shape div {
	display: flex;
	background: var(--ged-color-gray0);
}

.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;
	color: var(--ged-color-gray4);
	white-space: nowrap;
}

.lec-issue .lec-shape input:checked+label {
	font-weight: 500;
	color: var(--ged-color-white);
	background: var(--ged-color-gray7);
}

.lec-issue .lec-shape+p span {
	display: inline-flex;
	height: 4.3rem;
	align-items: center;
}

.lec-issue .lec-shape+p strong {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.lec-issue .card-prc strong,
.lec-issue .card-prc .sale-price+strong {
	/* margin-left: 4rem; */
	width: 11rem;
}



/* Ä¿¹Â´ÏƼ
------------------------------------------------------ */

/* -------- °øÁö»çÇ× -------- */
.notice main .label-promo {
	justify-content: center;
	width: 8rem;
}

/* °íÁ¤°øÁö¹è³Ê */
.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;
}

.about_passing form[name=frmList]::before {
	content: "\c790\aca9\c99d\bcc4\0020\c0dd\c0dd\d6c4\ae30\0020\cc3e\c544\bcf4\ae30";
	display: block;
	clear: both;
	font-family: 'remixicon', 'SUIT';
	font-size: 1.8rem;
	font-weight: 500;
	color: var(--ged-color-gray7);
}

.review-search {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 40rem;
	height: 6rem;
	border-bottom: 0.2rem solid var(--ged-color-gray7);
}

.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 8rem;
	width: 8rem;
	line-height: 1;
	border-right: 0.1rem solid var(--ged-color-gray2);
	text-align: center;
}

.review-search input {
	flex: 1 0 calc(100% - 14rem);
	padding-right: 0;
	width: calc(100% - 16rem);
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.review-search button {
	flex: 0 0 6rem;
	.review-best+li 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: 6rem;
	width: 100%;
	height: 36rem;
	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-gray2);
	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-bottom: 0.1rem solid var(--ged-color-gray2); */
}

.review-list li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* gap: 0 6rem; */
	margin: 1.6rem 0 0;
	padding: 2.8rem 3.2rem 3.2rem;
	/* border-top: 0.1rem solid var(--ged-color-gray2); */
	border: 0.1rem solid var(--ged-color-gray2);
	border-radius: 0.8rem;
	box-shadow: 0 0.16rem 0.2rem var(--ged-color-gray1);
}

.review-hd {
	flex: 1 0 100%;
	/* display: flex;
	justify-content: space-between;
	align-items: center; */
	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>span {
	font-weight: 600;
}

.review-hd span {
	cursor: default;
}

.review-hd p {
	margin: 0.4rem 0 0;
	color: var(--ged-color-gray4);
}

.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: 10rem;
	height: 100%;
	background: var(--ged-alert);
	z-index: 6;
}

.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-blue);
	background-image: linear-gradient(white, white), linear-gradient(75deg, #1b8ee1, #0fc8c6);
	background-repeat: no-repeat;
	background-origin: padding-box, border-box;
	border: 0.4rem solid transparent !important;
}

.review-best::before {
	content: "\f276  \bca0\c2a4\d2b8";
	position: absolute;
	top: 1.6rem;
	right: -1rem;
	padding-left: 2rem;
	height: 0;
	line-height: 0;
	font-family: 'remixicon', 'SUIT';
	font-size: 1.6rem;
	font-weight: 500;
	color: var(--ged-color-gray9);
	border: 1.6rem solid #ffea00;
	border-width: 1.6rem 1.6rem 1.6rem 0.8rem;
	border-color: var(--ged-color-yellow);
	border-left-color: transparent;
	letter-spacing: -0.04em;
	/* box-shadow: 0 0.8rem 0.8rem -0.8rem var(--ged-color-black); */
	text-transform: uppercase;
	z-index: 1;
}

.review-best+li {
	/* border-top: 0; */
}

.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-gray5);
}

.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;
	border-top: 0.2rem solid var(--ged-color-gray7);
	text-align: center;
}

.issuance .lic-sample::after {
	content: "\c0c1\c7a5\d615, \ce74\b4dc\d615 \b3d9\c2dc \bc1c\ae09 \ac00\b2a5";
	/* content: "»óÀåÇü, Ä«µåÇü µ¿½Ã ¹ß±Þ °¡´É"; */
	display: block;
	clear: both;
	position: absolute;
	top: -6rem;
	right: 0;
	padding: 1.2rem 2.4rem 1.6rem;
	line-height: 1;
	font-weight: 500;
	color: var(--ged-color-gray7);
	border: 0.1rem solid var(--ged-color-gray7);
}

.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;
}


/* ±³À°¿ø¼Ò°³
------------------------------------------------------ */

/* -------- ±³À°¿ø ¼Ò°³ -------- */
.company_info main .container>div:first-of-type {
	margin: 4.8rem auto 0;
	max-width: 100%;
	line-height: 1.8;
	font-weight: 300;
	-ms-word-break: keep-all;
	word-break: keep-all;
	text-align: center;
}

.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 main ul {
	display: flex;
	flex-wrap: wrap;
	margin: 10rem auto 0;
	width: 90rem;
	max-width: 100%;
}

.company_info main li {
	flex: 0 0 33.33333%;
	width: 33.33333%;
}

.company_info main 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 main li:nth-child(1) figure {
	background-image: url('/images/sub/company/company_info_icon1.png');
}

.company_info main li:nth-child(2) figure {
	background-image: url('/images/sub/company/company_info_icon2.png');
}

.company_info main li:nth-child(3) figure {
	background-image: url('/images/sub/company/company_info_icon3.png');
}

.company_info main li h4 {
	margin: 0;
	color: var(--ged-color-blue);
}

.company_info main li h4+p {
	margin: 0.8rem 0 0;
	color: var(--ged-color-gray4);
}

.company_info main .container>div~div {
	margin: 10rem 0 0;
	line-height: 1.8;
	-ms-word-break: keep-all;
	word-break: keep-all;
}


/* -------- ÁöÀÚüÀåÇÐÇýÅà -------- */
.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;
	/* height: 60rem; */
	line-height: 1.6;
	color: var(--ged-color-gray5);
	/* border: 0.1rem solid #caccdc;
	overflow-y: auto; */
	white-space: pre-wrap;
}


/* -------- ¹Î°£Àڰݾȳ» -------- */
.license .content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 2.4rem 1.2rem 0;
}

.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: 500;
	color: var(--ged-color-gray7);
	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 h3+ul>li:not(:first-child) {
	/* padding: 2.4rem 0 0;
	border-top: 0.1rem solid var(--ged-color-gray1); */
}

.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 {
	flex: 0 0 8rem;
	height: auto;
	line-height: 1;
	color: var(--ged-color-gray4);
	text-align: center;
}

.tb-gallery .card-dept p em {
	display: block;
	font-weight: 900;
	color: var(--ged-color-gray9);
}


/* -------- 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: 0.1rem solid var(--ged-color-gray2);
	border-width: 0.1rem 0;
}

.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-gray4);
	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-blue1);
}

.tb-view .tb-subject>p.eom {
	color: var(--ged-color-gray6);
}

.tb-view .tb-subject>p.eom::before {
	content: "\eb54";
	color: var(--ged-color-blue);
}

.tb-view .tb-subject>p span {
	display: block;
	font-size: 1rem;
	color: var(--ged-color-gray4);
	letter-spacing: 0;
}

.tb-info {
	margin-top: 0.8rem;
	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~.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;
}

.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 input:not(input[type=checkbox],
	.myinfo input[type=radio]),
.myinfo select,
.myinfo .btn {
	height: 4rem;
}

.myinfo select {
	text-align: left;
}

.join ._comment .asterisk {
	margin: 0 0.8rem 0 0;
}

.join .ged-join {
	padding: 0.8rem 4.8rem;
	transition: .3s;
}

.join .ged-join li {
	padding: 1.6rem 0.4rem;
}

.join .ged-join .btn {
	margin: 0 0 0 0.4rem;
	width: 8rem;
	vertical-align: middle;
}

.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-pink);
}

#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 0 0.8rem;
}

/* ȸ¿ø°¡ÀÔ ¿Ï·á */
.join #joinSuccess {
	margin: auto;
	padding: 4% 0;
	width: 90rem;
	max-width: 100%;
	color: var(--ged-color-gray7);
	text-align: center;
}

.join #joinSuccess p {
	color: var(--ged-color-gray5);
}

.join #joinSuccess .btn-wrap {
	margin-top: 6%;
}


/* -------- ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â -------- */
.find-id .frm-find {
	display: flex;
	gap: 8rem;
}

.find-id ._comment {
	margin: 0;
}

.find-id .frm-find>div {
	flex: 1 0 calc((100% - 8rem)/2);
	width: calc((100% - 8rem)/2);
}

.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%;
	min-width: 12rem;
}

.find-id .frm-find li p {
	flex: 1 0 100%;
	margin: 0.8rem 0 0;
	width: 100%;
	color: var(--ged-color-coral);
	text-align: right;
}

.find-id ._box {
	padding: 6% 6% 8%;
	color: var(--ged-color-gray7);
	-ms-word-break: keep-all;
	word-break: keep-all;
}

.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-blue4);
	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: 500;
	color: var(--ged-color-gray7);
}

.test-item h4>span {
	margin: 0 0.8rem 0 0;
	line-height: 1;
	font-weight: 700;
	color: var(--ged-color-blue4);
}

.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;
	white-space: nowrap;
}

.test-item ul {
	padding: 0 2.4rem;
}

.test-item ul li {
	line-height: 1.4;
}

.test-item ul li:first-child {
	margin-top: 1.6rem;
}

.test-item ul li label {
	display: inline-flex;
	align-items: flex-start;
	padding: 0.8rem;
	width: 100%;
	height: auto;
}

.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-blue4);
	background: var(--ged-alert);
}

.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;
	padding-top: calc(120/120*100%);
	width: 100%;
	height: 0;
	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-pink);
}

.test-result .test-item small>span {
	display: none;
}

.test-result .test-item.chkWrong ul li.on {
	font-weight: 500;
	color: var(--ged-color-pink);
}

.test-result .test-item ul li.my-answer {
	font-weight: 500;
	color: var(--ged-color-blue4) !important;
}

.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: 3.2rem 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);
}




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

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

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

	/* ÁÖ¹«ºÎó±â°ü ¹× Á¤½Äµî·Ï¹øÈ£ °­Á¶ - µÎ ÁÙ Çã¿ë */
	.lecture .reg-badge {
		position: relative;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.4rem;
		padding: 0.8rem 1.2rem 0.8rem 4rem;
		white-space: normal;
	}

	/* ·Î°í¸¦ ¹îÁö ¼¼·Î Áß¾Ó¿¡ ¹èÄ¡ ¡æ µÎ ÅؽºÆ® ÁÙ ½ÃÀÛÁ¡ Á¤·Ä */
	.lecture .reg-badge-dept::before {
		position: absolute;
		left: 1.2rem;
		top: 50%;
		transform: translateY(-50%);
		width: 1.8rem;
		height: 1.8rem;
	}

	.lecture .reg-badge-num {
		justify-content: flex-start;
	}
}

@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-mini {
		/* width: 24rem; */
		height: 12rem;
	}

	.coupon-mini h4 {
		height: auto;
	}

	.coupon-more {
		display: inline-flex;
		width: 12rem;
	}


	/* -------- Ãß°¡ ȸ¿øÁ¤º¸ ÀÔ·Â Æ˾÷ -------- */

	/* °ø¿ë ÁÖ¼ÒÆû */
	.addr-frm input[type=search]~.btn {
		height: 4rem;
	}


	/* -------- ÇнÀÇϱâ -------- */
	.lec-list .lec-item {
		gap: 1.6rem;
		margin-bottom: 2.4rem;
	}

	.lec-item .card-thum {
		flex: 0 0 12rem;
	}

	.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;
	}

	.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;
		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);
		padding-bottom: 1.2rem;
	}

	.studyRoom .sr-playlist li p {
		align-self: center;
		padding: 0 1.6rem;
	}

	.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;
	}

	.studyRoom .sr-download li:not(:first-child) {
		margin: 0.4rem 0 0;
	}

	.studyRoom .sr-download li {
		padding: 1rem 1.6rem;
		background: var(--ged-alert);
	}

	.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;
	}

	.studyRoom .sr-move .btn-exit {
		flex: 1 0 60%;
		display: flex;
		align-items: center;
		width: 60%;
	}

	/* ´Ù¸¥ ¼ö°­ °ú¸ñ º¸±â */
	.sr-other {
		flex: 1 0 40%;
		width: 40%;
		top: 0;
	}

	.sr-other>div {
		padding: 0 1.6rem;
		height: 3.84rem;
	}

	.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 .sr-header {
		padding: 0;
	}

	.studyRoom .sr-header .container {
		position: static;
	}

	.studyRoom2 .sr-move .btn-exit {
		height: 4rem;
	}

	.studyRoom2 .sr-other {
		border-right: 0;
	}

	/* player */
	.studyRoom2 .sr-content>.container {
		max-width: 100%;
	}

	.studyRoom2 .sr-player {
		flex: 1 0 100%;
	}

	.studyRoom2 .sr-player>div {
		margin: 0;
	}

	.studyRoom2 .sr-player .chapter-r8 p {
		display: none;
	}

	.studyRoom2 .sr-player .btn-wrap {
		margin: 0;
	}

	.studyRoom2 .player_speed .btn-ps {
		top: 0;
	}


	/* -------- Àå¹Ù±¸´Ï -------- */
	.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%;
	}

	.payHistory .lec-item .lec-prog {
		flex-direction: column;
		margin: 1.6rem 0 0;
		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;
	}



	/* Ä¿¹Â´ÏƼ
	------------------------------------------------------ */

	/* -------- °øÁö»çÇ× -------- */

	/* °íÁ¤°øÁö¹è³Ê */
	.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 h3 {
		height: 6rem;
	}

	.company_info main ul {
		margin: 6rem auto 0;
	}

	.company_info main .container>div~div {
		margin: 8rem 0 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 .content {
		padding: 2.4rem 0.8rem 0;
	}

	.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;
	}


	/* -------- ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â -------- */
	.find-id .frm-find {
		gap: 1.6rem 4rem;
	}

	.find-id .frm-find ul {
		padding: 3.2rem;
	}

	.find-id .frm-find label {
		font-size: 0.938em;
	}


	/* -------- ½ÃÇèÁö -------- */
	.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;
	}

}




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

	@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;
	}

	/* 2023-07-20 ¼ö°­ ¹× ÀÚ°ÝÁõÀÇ ÀåÁ¡ Ãß°¡ */
	.lecture .lec-adv li {
		line-height: 1.4 !important;
	}


	/* -------- °úÁ¤¸®½ºÆ® -------- */
	.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%;
	}

	/* ÁÖ¹«ºÎó±â°ü ¹× Á¤½Äµî·Ï¹øÈ£ °­Á¶ - ¸ð¹ÙÀÏ ÆùÆ® Ãà¼Ò */
	.lecture .reg-badge {
		margin-top: 0;
		font-size: 0.92rem;
	}

	.lecture .reg-badge-dept {
		font-size: 1.1rem;
	}

	.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);
		}
	} */

	/* 2025-01-08 ¼ö°­½Åû ¹öÆ° À§Ä¡ À̵¿ */
	.order-table li>.btn-wrap {
		display: none;
	}

	.order-table-m {
		bottom: 0;
		box-shadow: 0 0 2rem rgb(0 0 0 / 8%);
	}

	.order-table-m .sale-price {
		margin-left: 0;
	}

	/* ¹«·á¼ö°­ ÀÌ¿ë ÆÁ */
	.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 {
		/* display: none; */
	}

	.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: "\d61c\d0dd";
		/* 'ÇýÅÃ'À» À¯´ÏÄÚµå·Î Ç¥±â */
		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:hover a {}

	.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-latest {}

	.coupon-list {
		padding: 3.2rem 0;
	}

	.coupon-mini {
		/* gap: 0.8rem 0;
		width: 20rem; height: 10rem;  */
		height: 10rem;
	}

	.coupon-mini h4 {
		font-size: 1.4rem;
	}

	.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: 2rem;
	}

	.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 {
		flex: 0 0 calc(75% - 1.6rem);
		flex-wrap: wrap;
		margin: 0;
		width: calc(75% - 1.6rem);
	}

	.lec-item .lec-info>div {
		flex: 1 0 100%;
		width: 100%;
	}

	.lec-item .card-dept {
		padding: 0 0.1rem;
	}

	.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-item .lec-prog {
		margin: 1.6rem 0 0;
		line-height: 1.8;
	}

	.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%;
	}


	/* -------- °­Àǵè±â -------- */
	.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;
	}

	.studyRoom .prog-r8 .prog {
		flex-grow: 1;
	}

	.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.1rem;
	}

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

	/* »ó´Ü ÆäÀÌÁöÀ̵¿¹öÆ° */
	.studyRoom .sr-move .btn-exit {
		flex: 1 0 40%;
		display: flex;
		align-items: center;
		width: 40%;
	}

	/* ´Ù¸¥ ¼ö°­ °ú¸ñ º¸±â */
	.sr-other {
		flex: 1 0 60%;
		width: 60%;
	}


	/* -------- 2023-07-17 °­Àǵè±â À籸¼º -------- */
	.studyRoom2 .sr-header {
		position: sticky;
	}

	.studyRoom2 h3 {
		margin: 0.8rem 0 1.2rem;
	}




	/* -------- Àå¹Ù±¸´Ï -------- */
	.lec-item .card-dept {
		flex: 1 0 calc(75% - 1.6rem);
	}

	/* ½ÅûÀÚ Á¤º¸ */
	.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;
	}

	/* °øÁö Áß °øÁö - °¶·¯¸® */
	.notice .latest-gallery {
		/* margin: 0 0 2.4rem; */
	}

	.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] {}

	.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 {
		display: block;
		padding: 1.6rem 1.2rem 2.4rem;
	}

	.review-hd {
		margin: 0 0 1.2rem;
	}

	.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;
	}

	.lecture_landing .review-bd2.img-many::after {
		display: inline-flex;
	}

	.lecture_landing .review-bd2 a {
		position: absolute;
	}

	.lecture_landing .review-bd2 a~a {
		margin: 0;
	}

	.review-best {
		margin: 0 0 0.8rem;
		padding: 2.4rem !important;
		border-width: 0.3rem !important;
	}

	.review-best::before {
		top: 2rem;
		right: -0.4rem;
		padding-left: 1.6rem;
		font-size: 1.3rem;
		border-width: 1.4rem 0.8rem;
	}

	/* 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.2rem 0.4rem 0;
		color: var(--ged-color-gray6);
	}

	.issuance .issuance-list td:not(.tb-title) {
		color: var(--ged-color-gray4);
	}




	/* ±³À°¿ø¼Ò°³
	------------------------------------------------------ */

	/* -------- ±³À°¿ø¼Ò°³ -------- */
	.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 main ul {
		margin: 4rem auto 0;
	}

	.company_info main li {
		flex: 1 0 100%;
		display: flex;
		align-items: center;
		width: 100%;
		text-align: left;
	}

	.company_info main 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 main li figure {
		flex: 0 0 10rem;
		margin: 0;
		width: 10rem;
		height: 10rem;
	}

	.company_info main li figcaption {
		flex: 1 0 calc(100% - 10rem);
		padding: 0 0 0 5%;
		width: calc(100% - 10rem);
	}

	.company_info main .container>div~div {
		margin: 4.8rem 0 0;
		line-height: 1.5;
	}

	/* -------- ÁöÀÚüÀåÇÐÇýÅà -------- */
	.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 .content {
		padding: 1.6rem 0.4rem 0;
	}

	.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 -------- */
	.tb-info {
		margin-top: 0.4rem;
	}


	/* -------- 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;
	}

	.join .ged-join li {
		padding: 1.6rem 2.4rem;
	}

	.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;
		font-size: 1.4rem;
	}

	.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%;
	}


	/* -------- ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â -------- */
	.find-id .frm-find {
		flex-wrap: wrap;
	}

	.find-id .frm-find>div {
		flex: 1 0 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.8rem;
	}

	.test-item ul {
		padding: 0;
		font-size: 0.938em;
	}

	.test-item ul li label {
		padding: 0.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;
	}

	.coupon-footer h2+ul li a {
		/* font-size: 1.5rem; */
	}

}