@charset "euc-kr";


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


/* 자격증클래스
------------------------------------------------------ */
.lecture .sub-top > .container { 
	display: flex;
	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: 18rem; 
}


/* -------- 최근게시물 리스트 -------- */
.bbs-list { 
	display: flex;
	flex-wrap: wrap;
}
.bbs-list .card { 
	flex: 0 0 32%;
	width: 32%; 
}
.bbs-list .card:not(:nth-of-type(3n-2)) { 
	margin-left: calc(4% / 2); 
}
.bbs-list .card-dept p + div { 
	display: flex;
	justify-content: space-between;
	margin: 1.2rem 0 0;
	font-size: 1.3rem; 
	font-weight: 400;
	color: var(--ged-color-gray4);
	letter-spacing: -0.04rem; 
}



/* 과정상세페이지
------------------------------------------------------ */

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


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


/* -------- 커리큘럼 -------- */

/* chapter */
.lec-chapter { 
	display: flex;
	flex-wrap: wrap;
	/* margin: 6rem 0 0; */
	user-select: none;
}
.lec-chapter li {
	display: none;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 1.6rem 0.8rem 1.6rem 0;
	width: 100%;
	line-height: 1.5;
	font-size: 1.1em;
	background: none;
	border-bottom: 0.1rem solid var(--ged-color-gray2);
}
.lec-chapter li.active { 
	display: flex; 
}
.lec-chapter li: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;
}
/* .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;
} */

/* 주문폼 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] { 
	display: none; 
}



/* -------- 상세페이지 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; 
}


/* -------- 나의강의실 -------- */
.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;
	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); */
	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);
}
.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; 
}
.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-item .card-thum { 
	display: none; 
}
.payHistory .lec-item .lec-info { 
	flex-basis: calc(100% - 40rem); 
}
.payHistory .lec-item .card-dept { 
	flex: unset; 
}
.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;
	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: 6;
}
.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; */
	padding: 2.8rem 1.6rem 3.2rem;
	border-top: 0.1rem solid var(--ged-color-gray2); 
}
.review-hd { 
	flex: 1 0 100%;
	/* display: flex;
	justify-content: space-between;
	align-items: center; */
	margin: 0 0 2.4rem;
	width: 100%;
	color: var(--ged-color-gray7);
}
.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: 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; 
}


/* -------- 자격증발급절차 -------- */
.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);
}

/* 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: "상장형, 카드형 동시 발급 가능";
	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; 
}




/* 사이트맵
------------------------------------------------------ */
.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: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;
	}



	/* 나의강의실
	------------------------------------------------------ */

	/* -------- 나의강의실 -------- */
	.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-item .lec-info { 
		flex-direction: column;
		align-items: flex-start;
	}
	.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;
	}


	/* -------- 자격증발급절차 -------- */
	.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%;
	}

	.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;
		list-style: 1;
		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);
		}
	} */
	.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;
	}



	/* 평생교육바우처
	------------------------------------------------------ */
	.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-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: "\eb21";
	}

	/* 자격증발급 */
	.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;
	}


	/* 나의강의실
	------------------------------------------------------ */

	/* -------- 나의강의실 -------- */
	.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; 
	}
	.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;
	}


	/* -------- 자격증발급절차 -------- */
	.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; */
	}

}