@charset "euc-kr";
@import url('/comm/css/base.css');
@import url('/comm/css/comm.css');


/* sub.css
------------------------------------------------------ */
#sub { 
	background: #ebeef3;
}
#sub .sub { 
	/* padding: 6rem 0 0; */
	background: #5d73f0; 
}

/* lecture_view */
#sub.sub_lecview { 
	background: #fff; 
}

/* ¼­ºê¸Þ´º¿µ¿ª ¼û±è */
#sub.no_sub_hd .sub .sub_hd { 
	display: none; 
}

/* ¼­ºê¸Þ´º¿µ¿ª */
.sub .sub_hd { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
	width: 88%;
	font-size: 1.5rem;
	font-weight: 600;
	color: #a6bfff;
}
.sub .sub_hd.bg { 
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 6rem;
}
.sub_hd.bg1 { 
	background-image: url('/images/sub/title/sub_title1.png'); 
}
.sub_hd.bg2 { 
	background-image: url('/images/sub/title/sub_title2.png'); 
}
.sub_hd.bg3 { 
	background-image: url('/images/sub/title/sub_title3.png'); 
}
.sub_hd.bg4 { 
	background-image: url('/images/sub/title/sub_title4.png'); 
}
.sub_hd.bg5 { 
	background-image: url('/images/sub/title/sub_title5.png'); 
}
.sub_hd.bg6 { 
	background-image: url('/images/sub/title/sub_title6.png'); 
}
.sub_hd.bg7 { 
	background-image: url('/images/sub/title/sub_title7.png'); 
}
.sub_hd .mnt,
.sub_hd .snt {
	display: flex;
	align-items: center;
	height: 6rem;
}
.sub_hd .mnt {
	padding: 0 0 0 8px;
	font-size: 1.55rem;
}
.sub_hd .snt { 
	padding: 0 4px 0 0;
	color: #fff; 
}
.sub_hd .snt i { 
	margin: 0 0 0 8px; 
}

/* ¼­ºê¸Þ´º */
.snb { 
	position: relative;
	width: 150px;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	text-align: right;
}
.snb label { 
	position: absolute;
	display: block;
	padding: 4px 0;
	width: 100%;
	color: #fff;
}
.snb label:after { 
	content: "\e619";
	display: inline-block;
	clear: both;
	position: relative; top: -1px;
	margin: 0 0 0 6px;
	font-family: 'xeicon';
	font-weight: 600;
	font-size: 1rem;
	color: #fff;
}
.snb #snb_item { 
	padding: 4px 0;
	width: 100%; height: auto;
	line-height: normal;
	border: 0;
	text-align: right;
	opacity: 0;
	filter: alpah(opacity=0);
}

/* ÄÁÅÙÃ÷¿µ¿ª */
.sub .sub_con { 
	padding: 2.8rem 0 4.8rem;
	color: #40424e;
	background: #fff;
	border-radius: 3.2rem 0 0 0;
	overflow: hidden;
}


/* -------- common -------- */
#sub section { 
	width: 88%; 
}
#sub section.bbs { 
	width: 90%; 
}

h2 { 
	line-height: 1.5;
	font-size: 2.1rem; 
	font-weight: 700;
	color: #191b27;
}
h2 small { 
	display: block;
	font-size: 0.75em; 
	font-weight: 500;
	letter-spacing: -1px;
}
h2+p { 
	display: inline-block;
	margin: 8px 0 0;
	padding: 3px 5px 2px 4px;
	font-size: 1.1rem;
	font-weight: 500;
	color: #999baa;
	background: #f5f7fa;
	color: #fff;
	background: #caccdc;
	border-radius: 2px;
}
h3 { 
	display: flex;
	justify-content: space-between; 
	align-items: center;
	margin: 4.8rem 0 1.2rem;;
	font-size: 1.6rem; 
	font-weight: 700;
	color: #191b27;
	letter-spacing: -1px;
}
h3:first-of-type { 
	margin-top: 0; 
}
h3 i { 
	margin: 0 6px 0 0;
}
h3 small {
	font-size: 1.2rem;
	font-weight: 400;
	color: #999baa;
}
h3 small em {
	color: #6d6b7b;
}
h4 { 
	margin: 4rem 0 1.2rem;
	padding: 0 0 0 4px;
	font-size: 1.45rem;
	font-weight: 600; 
	color: #191b27;
}
h4:first-of-type { 
	margin-top: 0; 
}
h4 i { 
	position: relative; top: 1px;
	margin: 0 6px 0 0; 
	font-size: 1.7rem;
}
h4 small { 
	display: block;
	margin: 6px 0 0;
	font-size: 1.1rem;
	font-weight: 400;
	color: #6b6d7b; 
	letter-spacing: -0.5px;
}
small i { 
	font-size: inherit; 
}

em { 
	font-weight: 500; 
	color: #ff6274;
}


/* -------- È¸¿ø°¡ÀÔ -------- */
.member { 
	line-height: 1.8; 
}
.member .step { 
	margin: 0 0 2rem; 
	font-size: 1.3rem;
	font-weight: 400;
	color: #999baa;
}
.member .step .here { 
	font-weight: 600;
	color: #191b27;
	color: #5d73f0;
}
.member .step p>span { 
	margin: 0 6px 0 0; 
}
.member input:not(:first-child) { 
	margin: 4px 0 0; 
}
.member select ~ input { 
	margin: 0 0 0 4px !important; 
}
.member h3 { 
	margin: 2.4rem 0 6px; 
	padding: 2.4rem 3px 0;
	font-size: 1.3rem; 
	font-weight: 600;
	border-top: solid 0.06rem #caccdc
}
.member h3:first-of-type { 
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}
.member .bd_col a { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 4px;
	padding: 0 1.4rem;
	height: 4.6rem;
	font-weight: 500;
	color: #fff;
	background: #999baa;
	border-radius: 4px;
	word-break: break-all;
}
.member .txt_box { 
	flex-basis: 100%;
	margin: 1rem 0 0;
	width: 100%;
	font-size: 1.25rem;
	color: #6b6d7b;
}
.member .txt_box em { 
	font-weight: 500;
	color: #ff6274; 
}
.member .txt_box input+label { 
	font-size: 1.3rem;
	font-weight: 500;
}
.member .pg_subs { 
	margin: 1.2rem 0 0; 
	border-radius: 4px;
}
.member .pg_subs .txt_box { 
	margin: 0; 
}
.member .pg_subs>div:last-child { 
	padding: 0 1rem 0 0;
}
.member .txt_privacy { 
	padding: 1rem 1.2rem;
	height: 20rem;
	line-height: 1.8;
	font-size: 1.1rem;
	color: #6b6d7b;
	border: solid 0.08rem #caccdc;
	border-radius: 8px;
	white-space: pre-wrap; 
	overflow-y: scroll;
}
.member .chk_agree { 
	margin: 2rem 0 0;
	font-size: 1.35rem;
	text-align: center; 
}


/* -------- ·Î±×ÀÎ -------- */
.login { 
	padding: 2.8rem 0 0;
	width: 70% !important;
	color: #999baa; 
}
.login li:not(:first-child) {
	margin: 8px 0 0;
}
.login input[type=text],
.login input[type=password] { 
	height: 4.6rem;
}
.login li.chk { 
	padding: 1rem 0; 
	text-align: center;
}
.login li.chk label { 
	padding: 8px 1rem;
	font-size: 1.4rem;
}
.login li.chk label:before { 
	margin: 0 6px 0 0; 
}
.login li.chk input:checked+label { 
	font-weight: 500;
	color: #6b6d7b; 
}
.login button { 
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; height: 5.2rem;
	font-family: inherit;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(90deg, #26c6da, #4a64f5);
	text-align: center;
	box-shadow: 0 0.15rem 2px #caccdc;
}
.login .frm_btn { 
	display: flex;
	justify-content: space-between;
	align-items: center
}
.login .frm_btn i { 
	margin: 0 4px 0 0; 
	font-size: 1.12em;
}
.login .frm_btn a { 
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.8rem;
}
.login .frm_btn { 
	margin: 1rem 0 0;
}
.login .frm_btn a { 
	flex-basis: 50%;
	width: 50%;
	font-size: 1.45rem;
}
.login .frm_btn a.add_mem { 
	font-weight: 500;
	color: #40424e; 
}
.login .frm_btn a.add_mem i { 
	color: #ff6274; 
}


/* -------- ±³À°¿ø¼Ò°³ -------- */
.company_info { 
	line-height: 1.9;
	color: #6d6b7b;
	white-space: pre; 
}
.company_info em { 
	line-height: 1.7;
	font-family: 'RIDIBatang', serif;
	font-size: 1.7rem;
	color: #4a64f5;
}

/* ÁöÀÚÃ¼ÀåÇÐÇýÅÃ */
#sub .agreement { 
	margin: 0; 
	width: 100%;
}
.agreement h3 { 
	color: #fff;
}
.agreement h3 i { 
	margin: 0 0 0 1rem; 
}
.agreement .area_list a { 
	display: inline-block;
	margin: 1em;
}


/* -------- ¼ö°­½ÅÃ» -------- */
.sub .sub_hd .cate_btn {
	flex-basis: 100%;
}

/* Ä«Å×°í¸®: ¹öÆ° - ¾ÆÀÌÄÜ */
.cate_btn_lecture a .icon {
	margin: 0 6px 0 0;
	width: 24px; height: 24px;
	background-image: url('/images/comm/icon.png');
}
.cate_btn_lecture a:nth-child(2) .icon { background-position: 0 -24px; }
.cate_btn_lecture a:nth-child(3) .icon { background-position: 0 -48px; }
.cate_btn_lecture a:nth-child(4) .icon { background-position: 0 -72px; }
.cate_btn_lecture a:nth-child(5) .icon { background-position: 0 -96px; }
.cate_btn_lecture a:nth-child(6) .icon { background-position: 0 -120px; }
.cate_btn_lecture a:nth-child(7) .icon { background-position: 0 -144px; }

/* ÄíÆùÀû¿ë */
.use_coupon {
	margin: 1.6rem 0 0;
	height: 5.4rem;
	font-size: 1.35rem;
	color: #6d6b7b;
}
.use_coupon em {
	margin: 0 1px 0 4px;
	font-weight: 500;
	color: #ff6274;
}
/* 2021-02-17 ÀÚ°ÝÁõ¼ö°­½ÅÃ» */
.lec_notice {
	padding: 1.4rem 1.6rem 1.6rem;
	height: auto;
	line-height: 1.5;
	flex-direction: column;
	align-items: flex-start;
	border-width: 0.2rem;
	border-color: #ff6274;
}
.lec_notice em {
	font-weight: 700;
}
.lec_notice li { 
	margin-top: 1rem;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	text-indent: -0.5rem; 
}


/* ¸®½ºÆ® */
.lecture .bd { 
	line-height: 2; 
	font-size: 1.4rem;
}
.lecture .bd_list>li>div:first-child { 
	max-width: 200px;
}

/* ¼ö°­±Ý¾× - ÄíÆùÇÒÀÎ */
.lec_price {
	justify-content: flex-end;
}
.lec_price .coupon {
	line-height: 1.2;
	font-size: 1.12rem;
	font-weight: 500;
	color: #ff6274;
}
.lec_price .coupon del {
	display: block;
	font-family: 'scdream', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
	color: #999baa;
}
.lec_price em {
	margin: 0 1rem;
	font-size: 1.7rem;
	font-weight: 600;
	color: #40424e;
}

/* 2021-02-16 Ãß°¡ - Ã¼Å©¹Ú½º À§Ä¡ ¹× ¸ð¾ç º¯°æ */
.lec_due { 
	text-indent: 0.05rem; 
}
.lec_chk input+label { 
	line-height: 1.2;
}
.lec_chk input+label:before {
	content: "\e6e4" !important;
	position: relative; top: 0.2rem;
	line-height: 1;
	font-size: 1.8rem;
}
.lec_chk input:checked+label:before {
	/* content: "\e6e4" !important; */
	color: #5d73f0;
}

/* ¼ö°­¿Ï·á */
input#lecture_checked+label:before { 
	content: "\e74e" !important; 
	color: #5d73f0 !important;
}

/* ¹öÆ° */
.lecture .bd_btn { 
	height: 4.8rem;
}
.lecture .bd_btn>a { 
	justify-content: space-between;
	position: fixed; left: 50%; bottom: 7rem;
	padding: 0 2rem;
	width: 90%;
	font-weight: 600;
	z-index: 99;
	transform: translateX(-50%);
}
.lecture .bd_btn label { 
	font-size: 1.4rem;
	font-weight: 500;
}
.lecture .bd_btn label input { 
	display: inline-flex;
	margin: 0 4px;
	padding: 0;
	width: 24px; height: auto;
	font-size: 1.6rem;
	font-weight: 600;
	color: #fff176;
	background: transparent;
	border: 0;
	text-align: right;
	vertical-align: baseline;
	text-indent: ;
}
.lecture .bd_btn label input::placeholder { 
	font-weight: 400;
	color: #fff176;
}

/* ºÎµ¿»êÆÐÅ°Áö°úÁ¤ */
.lecture_pay .bd { 
	margin: 1.6rem 0 0; 
}
.lecture_pay .lec_price em { 
	font-size: 1.4rem; 
	font-weight: 500;
}
.lecture_pay .lec_price em+a { 
	padding: 0 1.2rem;
	font-weight: 500;
	color: #5d73f0;
	border-color: #95a1ff;
}
.lecture_pay .lec_price em+a[disabled=disabled] { 
	color: #b1b3bb;
	background: #f; 
	border: solid 0.12rem #caccdc;
}
/* .lecture_pay .lec_price label { 
	display: inline-flex;
} */


/* -------- ±³À°°úÁ¤(=ÀÚ°ÝÁõÃëµæ°úÁ¤) -------- */
.lecture_view a.more { 
	display: flex;
	align-items: center;
	padding: 0 1.2rem;
	height: 3.2rem;
	font-size: 1.25rem;
	font-weight: 500;
	color: #5d73f0; 
	border: solid 0.12rem #95a1ff;
	border-radius: 2rem; 
}
/* ¹öÆ°¿µ¿ª */
.lecture_view .bd_btn a.add_mem { 
	flex-basis: 37.4%; 
	min-width: 115px;
	background: #999baa;
}
.lecture_view .bd_btn a:last-child { 
	flex-basis: 61%; 
	min-width: 195px;
}

/* -------- °úÁ¤»ó¼¼ÆäÀÌÁö -------- */
#sub.sub_lecview,
#sub.sub_lecview .bd { 
	font-size: 1.45rem; 
	color: #6b6d7b;
}
#sub.sub_lecview header { 
	position: fixed; left: 0; top: 0;
	width: 100%; height: 5rem;
	z-index: 9999;
}
/* °úÁ¤Å¸ÀÌÆ² */
#sub.sub_lecview .lecview_hd { 
	padding: 0 0 0 1.4rem; 
	letter-spacing: -1.5px;
}
#sub.sub_lecview .lecview_title>div { 
	font-size: 1.45rem;
	font-weight: 600; 
	cursor: pointer;
}
#sub.sub_lecview .class_title { 
	margin: 0 1rem 0 0;
}
#sub.sub_lecview .lecview_title>ul { 
	display: none; 
	position: absolute; top: 4rem;
	margin-left: -6px;
	padding: 4px 1.6rem;
	max-width: 100%;
	line-height: 3;
	font-size: 1.5rem;
	color: #fff;
	background: #40424e;
	border-color: transparent;
	box-shadow: none;
	cursor: pointer;
	z-index: 9990;
}
#sub.sub_lecview .lecview_title>ul>li { 
	padding: 0 2px;
	border-top: solid 0.06rem #6b6d7b;
}
#sub.sub_lecview .lecview_title>ul>li:first-child { 
	border-top: 0; 
}
#sub.sub_lecview .lecview_title>ul>li>a { 
	display: block; 
}

/* ÄÁÅÙÃ÷¿µ¿ª */
#sub.sub_lecview .sub { 
	padding: 5rem 0 8rem; 
}
#sub.sub_lecview .sub_con { 
	padding: 0; 
}
#sub.sub_lecview h3 { 
	justify-content: center;
	margin: 0 !important;
	text-align: center; 
}
#sub.sub_lecview h4 { 
	margin: 0; 
	padding: 0;
}

/* µî·Ï¹øÈ£ */
#sub.sub_lecview .title_wrap,
#sub.sub_lecview .license_wrap { 
	background: #333;
	text-align: center; 
}
#sub.sub_lecview .license_wrap { 
	position: relative;
}
#sub.sub_lecview .license_wrap a { 
	position: absolute; bottom: 10px;
	display: block;
	width: 100%; height: 80px;
}

/* °­ÀÇÁ¤º¸ */
#sub.sub_lecview .info_wrap { 
	padding: 3rem 0 3.6rem;
	background: #ebeef3;
}
#sub.sub_lecview .info_wrap h2 { 
	margin: 0 0 1.6rem;
	padding: 0 1.2rem; 
}
#sub.sub_lecview .info_wrap h2 small { 
	display: none;
	margin: 0 1rem 0 4px;
}
#sub.sub_lecview .info_wrap .bd:first-of-type,
#sub.sub_lecview .info_wrap .bd:first-of-type li { 
	line-height: 2.4;
}
#sub.sub_lecview .info_wrap .bd_badge { 
	margin: 0 1rem 0 0; 
	width: 6rem;
}
#sub.sub_lecview .info_wrap .bd_inner { 
	font-size: 0.94em; 
}

/* Ä¿¸®Å§·³ */
#sub.sub_lecview .curri_wrap { 
	padding: 0 0 3.6rem; 
}
#sub.sub_lecview .lecview_prof { 
	font-size: 1.3rem; 
}
#sub.sub_lecview .lecview_prof h4 small { 
	line-height: 1.5; 
	color: #999baa;
}
#sub.sub_lecview .curriculum { 
	line-height: 1.5;
	font-size: 0.97em;
	border-top: solid 0.06rem #caccdc; 
	border-bottom: 0;
}
#sub.sub_lecview .curriculum:first-of-type { 
	margin: 2rem 0 0; 
}
#sub.sub_lecview .curriculum>li { 
	display: flex;
	align-items: center;
	padding: 1rem 4px;
}
#sub.sub_lecview .curriculum>li:not(:first-child) { 
	border-top: solid 0.06rem #caccdc; 
}
#sub.sub_lecview .curriculum>li span { 
	margin: 0 8px 0 0;
	padding: 5px 8px;
	width: 4.8rem; height: auto;
	line-height: 1;
	font-size: 1.15rem;
	font-weight: 500;
	color: #5d73f0;
	background: none;
	border: solid 0.12rem #95a1ff;
	border-radius: 2rem;
	text-align: center;
}
#sub.sub_lecview .curriculum.bd_more { 
	display: none; 
}
#sub.sub_lecview .more_btn { 
	margin: 1rem 0 0;
	font-weight: 500;
	height: 4.5rem;
}
/* 2020-12-30 Ãß°¡ - ºÎµ¿»ê°æ¸Å */
#sub.sub_lecview .curriculum.multiple { 
	line-height: 1.8; 
}
#sub.sub_lecview .curriculum.multiple>li { 
	align-items: flex-start;
}
#sub.sub_lecview .curriculum.multiple>li div { 
	font-size: 0.825em;
	color: #6d6d7b; 
}
#sub.sub_lecview .curriculum.multiple>li h5 { 
	font-size: 1.4rem;
	color: #40424e;
}
#sub.sub_lecview .auction_vod_wrap { 
	padding: 3.6rem 0;
	background: #353638 url('/images/sub/lecture_view/auction/vod_bg.jpg') no-repeat center center;
	background-size: cover;
}
#sub.sub_lecview .auction_vod_wrap h3 {
	color: #fff; 
}
#sub.sub_lecview .auction_vod_wrap div { 
	margin: 1.6rem auto 0;
	width: 100%; height: auto;
	background: #000;
	box-shadow: 0 0 48px rgba(0,0,0,0.9);
}

/* Áø·Î¿ÍÀü¸Á */
#sub.sub_lecview .career_wrap { 
	padding: 3.6rem 0 4rem;
	background: #ebeef3;
	text-align: center;
}

/* Á¦°øÇýÅÃ */
#sub.sub_lecview .benefit_wrap { 
	padding: 0 0 3.6rem; 
}
#sub.sub_lecview .benefit_wrap h2,
#sub.sub_lecview .benefit_wrap h4 { 
	text-align: center; 
}
#sub.sub_lecview .benefit_wrap h2 { 
	margin: 0 0 1.6rem;
	font-weight: 700;
}
#sub.sub_lecview .benefit_wrap h2 small { 
	font-size: 0.72em;
	font-weight: 500; 
}
#sub.sub_lecview .benefit_wrap h4 { 
	margin: 0 0 2.4rem;
	line-height: 1.6;
	font-size: 1.35rem;
	font-weight: 400; 
	color: #6b6d7b;
}
#sub.sub_lecview .benefit_wrap .item { 
	padding: 5rem 0 0;
	text-align: left; 
}
#sub.sub_lecview .benefit_wrap .item:nth-child(even) { 
	text-align: right; 
}
#sub.sub_lecview .benefit_wrap .item .terms,
#sub.sub_lecview .benefit_wrap .item:nth-child(even) .terms { 
	margin: 0 0 8px;
	padding: 0 5%;
	font-size: 1.25rem;
	font-weight: 700;
	color: #ff6274;
}
#sub.sub_lecview .benefit_wrap .item .con,
#sub.sub_lecview .benefit_wrap .item:nth-child(even) .con {
	position: relative;
	padding: 1.6rem 10rem 1.6rem 5%;
	min-height: 90px; 
	line-height: 1.8;
	font-size: 1.4rem;
	color: #40424e;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(even) .con { 
	padding-left: 10rem;
	padding-right: 5%;
}
#sub.sub_lecview .benefit_wrap .item .con:before { 
	content: "";
	display: block;
	clear: both;
	position: absolute; bottom: -6px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 0;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(1) .con { 
	background: #d6eaf8;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(1) .con:before { 
	right: -1.4rem; bottom: -10px;
	height: 158px;
	background-image: url('/images/sub/lecture_view/bg_benefit_eng.png'); 
	background-position: right bottom;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(2) .con { 
	padding-left: 14rem;
	background: #fadbd8;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(2) .con:before { 
	left: 1.4rem; 
	height: 180px;
	background-image: url('/images/sub/lecture_view/bg_benefit_mos.png'); 
	background-position: left bottom;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(3) .con { 
	background: #fdebd0;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(3) .con:before { 
	right: 1.4rem; bottom: -18px;
	height: 168px;
	background-image: url('/images/sub/lecture_view/bg_benefit_human.png'); 
	background-position: right bottom;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(4) .con { 
	padding-left: 9rem;
	background: #c8e6c9;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(4) .con:before { 
	left: 1.6rem;
	height: 170px;
	background-image: url('/images/sub/lecture_view/bg_benefit_quiz.png'); 
	background-position: left bottom;
}
#sub.sub_lecview .benefit_wrap .item .con span { 
	display: inline-flex; 
	align-items: center;
	margin: 3px 0 2px 3px;
	padding: 0 4%;
	height: 3rem;
	font-size: 1.35rem;
	font-weight: 500;
	color: #fff;
	border-radius: 4px;
	letter-spacing: -1.5px;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(1) .con span { 
	background: #85c1e9; 
}
#sub.sub_lecview .benefit_wrap .item:nth-child(1) .con small { 
	display: block;
	margin: 6px 0 0;
	max-width: 90%;
	line-height: 1.6; 
	font-size: 0.9em;
}
#sub.sub_lecview .benefit_wrap .item:nth-child(2) .con span { 
	background: #f1948a; 
}
#sub.sub_lecview .benefit_wrap .item:nth-child(3) .con span { 
	background: #f8c471; 
}
#sub.sub_lecview .benefit_wrap .item:nth-child(4) .con span { 
	background: #81c784; 
}
#sub.sub_lecview .benefit_wrap .item .con p { 
	margin: 1rem 0 0; 
	color: #222;
	opacity: 0.6;
}

/* ¿ø½ºÅé ±³À°½Ã½ºÅÛ */
#sub.sub_lecview .onestop_wrap { 
	background: #333;
	text-align: center;
}

/* »ó´ã½ÅÃ» */
#sub.sub_lecview .advice_wrap { 
	padding: 0 0 3rem;
	background: #6b6d7b;
	background: #222;
}
#sub.sub_lecview .advice_wrap section { 
	width: 92%; 
}
#sub.sub_lecview .advice_wrap .bd_box { 
	padding-bottom: 2rem;
	border: 0; 
	box-shadow: none;
}
#sub.sub_lecview .advice_wrap .bd_box h3 { 
	justify-content: flex-start; 
	margin: 2.4rem 0 6px !important;
}
#sub.sub_lecview .advice_wrap .bd_box h3:first-child { 
	margin-top: 6px !important; 
}
#sub.sub_lecview .advice_wrap .bd_subs { 
	padding: 0 8px;
	color: #6b6d7b; 
}
#sub.sub_lecview .advice_wrap .bd_btn { 
	margin: 1rem 0 0; 
}

/* ÇÏ´Ü°íÁ¤ */
#sub.sub_lecview .fixed_bar { 
	position: fixed; left: 0; right: 0; bottom: 0;
	background: #fff;
	box-shadow: 0 -8px 2rem rgba(0,0,0,0.2);
	z-index: 61;
}
#sub.sub_lecview .fixed_bar section { 
	display: flex;
	margin: 0;
	padding: 1.3rem 3%;
	width: 100%;
	min-width: 360px;
}
#sub.sub_lecview .fixed_bar a { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	font-size: 1.5rem;
	height: 5.4rem;
	font-weight: 600;
	color: #fff;
}
#sub.sub_lecview .fixed_bar a:first-child { 
	flex-basis: 39%;
	background: #40424e; 
	border-radius: 4px 0 0 4px;
}
#sub.sub_lecview .fixed_bar a:last-child { 
	flex-basis: 61%;
	font-size: 1.7rem;
	font-weight: 600;
	background: linear-gradient(120deg, #26c6da, #5d73f0);
	border-radius: 0 4px 4px 0;
}
#sub.sub_lecview .fixed_bar a i { 
	margin-left: 0; 
}

/* float_btn */
.float_list { 
	position: fixed; left: 1.5rem; top: 5.5rem; /* bottom: 10rem; */
	z-index: 9900;
}
.float_list li { 
	margin: 8px 0 0; 
}
.float_list li a { 
	display: flex; 
	justify-content: center;
	align-items: center;
	width: 4rem; height: 4rem;
	font-size: 1.8rem;
	color: #191b27;
	background: linear-gradient(145deg, #e6e6e6, #fff);
	border-radius: 5rem;
	box-shadow: 2px 3px 5px rgba(0,0,0,0.3);
}


/* -------- ÇÐ½ÀÁö¿ø¼¾ÅÍ -------- */
/* ÀÚÁÖÇÏ´ÂÁú¹® */
.faq dt,
.faq dd { 
	display: flex;
	padding: 1.6rem 1rem;
	line-height: 1.8;
	border-bottom: solid 0.06rem #caccdc;
}
.faq span { 
	margin: 0 6px 0 0;
	font-size: 1.5rem;
	font-weight: 600; 
}
.faq span:after { 
	content: ".";
	display: inline;
	clear: both;
}
.faq dt { 
	font-size: 1.5rem;
	/* font-weight: 500; */
	cursor: pointer;
}
.faq dt span { 
	color: #00bcd4;
}
.faq dd { 
	display: none;
	padding: 1.4rem 1.2rem 1.6rem 1rem;
	font-size: 1.4rem;
	color: #6b6d7b;
	background: #f7f9fa;
}
.faq dd span { 
	color: #5d73f0; 
}

/* 1:1»ó´ã */
.quest .bd_list>li:not(:first-child) { 
	border: 0; 
}
.bd>li.v_con.vr_con { 
	padding: 2rem 0; 
	border-bottom: solid 0.08rem #caccdc;
}
.bd>li.v_con.vr_con>div { 
	margin: 1rem 0 0; 
	padding: 0 2%;
}

/* ¼ö°­ÈÄ±â */
.review .bd_img { 
	margin: 0 0 2rem;
}


/* -------- Ä¿¹Â´ÏÆ¼ -------- */


/* -------- ÀÚ°ÝÁõ¹ß±Þ -------- */
.license .bd_box { 
	margin-top: 1rem; 
}
.license .not-selectable { 
	padding-left: 1px; 
}
.license label[for=lecChked].not-selectable:before { 
	content: "\e60a" !important;
	display: none;
}
.license .btn_mini>a {
	padding: 0 1.2rem;
	font-weight: 500;
	color: #5d73f0 !important;
	border-color: #95a1ff !important;
}

/* ÀÚ°ÝÁõ¹ß±Þ¼±ÅÃ */
.license_step { 
	font-size: 1.4rem; 
}
.license_step h4>small { 
	line-height: 1.5; 
}
.license_step .caution { 
	font-size: 1.2rem; 
}
.license_step .caution li { 
	padding-top: 1rem;
	padding-bottom: 8px;
}
.license_step h4 { 
	margin: 4rem 0 1.2rem; 
}
.license_step li { 
	line-height: 1.6;
}
.license_step .lec_title { 
	margin: 0 0 4px;
	padding: 0 2px;
	line-height: 1.5;
	font-weight: 500;
	color: #40424e;
}
.license_step .bd_inner { 
	line-height: 1.8;
	font-size: 1.12rem;
	color: #6b6d7b;
}
.license_step .scale_img { 
	position: relative; top: -2px;
	transform: scale(1.16);
}
.license_step .scale_img2 { 
	position: relative; top: 1px;
	transform: scale(1.12);
}
.license_step .certificate_agency span:not(:first-child):before {
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -3px;
	margin: 0 4px;
	width: 2px; height: 2px;
	background: #6b6d7b;
	border-radius: 3px;
}
.license_step .warning { 
	margin: 0 auto;
	padding-left: 4.2rem; 
	width: 99%;
	line-height: 1.6;
}
.license_step .warning .bd_badge { 
	position: absolute; left: 0; top: 0;
	/* padding-top: 3px; */
	padding-bottom: 0.32rem;
	font-size: 1.025rem;
	background: #ff6274;
}

/* °áÁ¦Á¤º¸ÀÔ·Â½Ã °úÁ¤¹×±Ý¾×È®ÀÎ */
.bd_lec_pay .bd_title small { 
	font-size: 0.8em;
	font-weight: 400 !important;
}


/* -------- ³ªÀÇ°­ÀÇ½Ç -------- */
.page_info { 
	margin: 0 0 2rem;
	line-height: 1.8;
	font-size: 1.4rem;
	text-align: center; 
}
.page_info em { 
	color: #ff6274; 
	text-decoration: underline;
}
.mypage .bd_btn { 
	margin: 8px 0 0; 
}

/* ÇÐ½ÀÇÏ±â */
.study h3,
.study h3 small { 
	display: block; 
}
.study h3 { 
	margin: 0 0 2rem; 
}
.study h3 small { 
	margin: 4px 0 0; 
	letter-spacing: -0.5px;
}
.study .bd { 
	line-height: 1; 
	font-size: 1.35rem;
}
.study .study_tit { 
	max-width: 70%;
	line-height: 1.5;
}
.study .bd_badge { 
	flex-basis: 3rem;
	margin: 0 8px 0 0;
	padding: 4px 0 3px;
	width: 3rem !important;
	font-size: 1rem;
	font-weight: 500;
	background: #caccdc;
	border-radius: 2px;
	letter-spacing: -0.5px;
}
.study .bd_badge+p { 
	width: calc(100% - 3rem); 
}
.study .bd_list>.bd_col { 
	padding: 0 2px;
}
.study .bd_subs em { 
	color: #ef9a9a;
}
.study a.play { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 1rem;
	padding: 0;
	width: 3.2rem; height: 3.2rem;
	font-size: 1.4rem; 
	color: #fff;
	background: #ff6274;
	/* background: linear-gradient(-150deg, #fdedec 6%, #ff6274 48%) !important; */
	border-radius: 3rem;
	/* box-shadow: 0.1rem 0.2rem 0 #ebeef3; */
	text-align: center;
}
.study a.play i { 
	position: relative; left: -0.05rem; top: -0.05rem;
}

/* °­ÀÇ¿µ»óÇÃ·¹ÀÌ¾î */
.my_player>section:first-of-type { 
	padding: 3rem 0 2.4rem;
}
.my_player h2+div { 
	margin: 6px 0 2rem; 
}

/* ÇÐ½ÀÀÚ·á½Ç */
.down .pg_subs i { 
	margin: 0 4px 0 1px; 
}
.down .pg_subs .btn_mini { 
	margin: 1rem 0 6px;
}
.down .pg_subs .btn_mini>a { 
	display: inline-flex;
	padding: 0 1.2rem;
	font-size: 0.9em;
	font-weight: 500;
	letter-spacing: -0.5px;
}
.down .pg_subs .btn_mini>a i { 
	margin: 0 0 0 6px; 
}
.down .bd .bd_title { 
	/* font-size: 1.4rem; */
	width: calc(100% - 40%);
}
.down .bd .bd_title i { 
	margin: 0 4px 0 0; 
}
.down .bd .btn_mini>a i { 
	position: relative; top: -1px;
	margin: 0 8px 0 0; 
	color: #5d73f0;
}

/* ¼ö°­¿¬Àå½ÅÃ» */
.lec_ext { 
	padding: 3rem 0; 
}
.lec_ext>h3 { 
	margin: 0; 
}
.lec_ext>ul { 
	padding: 4px 1rem 2rem 1.6rem; 
	font-size: 1.3rem;
	color: #6b6d7b;
}
.lec_ext li { 
	list-style-type: disc; 
	margin: 1rem 0 0;
	line-height: 1.6;
}
.lec_ext li:first-child { 
	margin-top: 0; 
}
.lec_ext>div { 
	padding: 1.2rem 1.6rem 1.6rem;
	font-size: 1.45rem;
	font-weight: 500;
	color: #40424e;
	background: #fff; 
	border-radius: 8px;
}
.lec_ext>div div { 
	margin: 1.2rem 0 0; 
}
.lec_ext div i { 
	margin: 0 6px 0 4px; 
}
.lec_ext input[type="radio"] { 
	display: none; 
}
.lec_ext input+label { 
	display: flex;
	justify-content: center;
	padding: 1.4rem 0 1.2rem;
	line-height: 1.5;
	font-size: 1.55rem;
	font-weight: 500;
	border: solid 0.06rem #caccdc;
	border-radius: 4px;
	text-align: center;
}
.lec_ext input+label:before { 
	display: none; 
}
.lec_ext input:checked+label { 
	color: #fff;
	background: #40424e;
	border: 0;
}
.lec_ext input:first-child+label { 
	margin-left: 0;
	margin-right: 1%;
}
.lec_ext input+label:last-child { 
	margin-left: 1%;
	margin-right: 0;
}

/* ½ÃÇèº¸±â */
.test .pg_subs .btn_mini { 
	margin: 1rem 0 0;
}
.test .pg_subs>small,
.test .pg_subs .btn_mini>a i { 
	margin: 0 0 0 6px; 
}
.test .bd .btn_mini>a { 
	padding: 0 1.2rem; 
}
.test .pass,
.test .fail { 
	font-weight: 500;
}
.test .pass { 
	color: #5d73f0;
	border-color: #5d73f0; 
}
.test .fail { 
	color: #ff6274;
	border-color: #ff6274; 
}

/* ½ÃÇèÀÀ½ÃÈ­¸é */
#sub.test_view { 
	background: #f7f9fb; 
}
#sub.test_view section { 
	padding: 6rem 0 3rem;
}
#sub.test_view h3 { 
	position: fixed; top: 0;
	padding: 0 2rem;
	width: 100%; height: 6rem;
	font-size: 1.7rem;
	font-weight: 600;
	color: #fff;
	background: #5d73f0; 
	z-index: 61;
}
#sub.test_view h3 small { 
	font-size: 1.45rem;
	font-weight: 500;
	color: #fff !important; 
	letter-spacing: 0;
}
#sub.test_view .test_paper_group { 
	padding: 2.4rem 0;
	line-height: 1.6;
	border-top: solid 0.06rem #caccdc;
	overflow: hidden;
}
#sub.test_view .test_paper_group:first-of-type { 
	border-top: 0; 
}
/* ¹®Á¦ */
#sub.test_view .question_group { 
	position: relative;
	margin-bottom: 2.4rem;
	word-break: break-all;
}
#sub.test_view .question_group .num { 
	position: absolute; left: 0; top: -1px;
	padding: 5px 0 4px;
	width: 2.4rem;
	line-height: 1;
	font-size: 1.1rem;
	font-weight: 600;
	color: #fff;
	background-color: #40424e;
	border-radius: 4px;
	letter-spacing: -0.5px;
	text-align: center;
}
#sub.test_view .question_group .question { 
	display: inline-block;
	padding: 0 4px 0 3.2rem;
	font-size: 1.55rem;
	font-weight: 500;
	color: #191b27;
}
#sub.test_view .question_group .question small { 
	font-weight: 400;
	color: #40424e;
}
/* º¸±â */
#sub.test_view .question_list li { 
	margin: 1rem 0 0; 
	padding: 0 4% 0 2%;
}
#sub.test_view .question_list li:first-child { 
	margin-top: 0; 
}
#sub.test_view .question_list label { 
	display: block;
	vertical-align: top;
}
#sub.test_view .question_list .list { 
	display: inline-block;
	width: 100%; 
	font-size: 1.4rem;
	color: #40424e;
}
#sub.test_view .question_list .list_num {
	position: relative; top: -1px;
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 3.5px 6px 3px 5px;
	line-height: 1;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	background: #caccdc;
	border-radius: 4px;
	text-shadow: 1px 1px 0 rgba(64,66,78,0.2);
	text-align: center;
}
#sub.test_view .question_list input:checked+.list { 
	color: #5d73f0;
}
#sub.test_view .question_list input:checked+.list .list_num { 
	background: #5d73f0;
	text-shadow: 1px 1px 0 #4a64f5;
}
#sub.test_view_result .question_group { 
	margin-bottom: 1.5rem; 
}
#sub.test_view_result .question_group .num { 
	font-size: 1.5rem;
	font-weight: 700;
	color: #191b27;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#sub.test_view_result .num_right { 
	background-image: url('/images/sub/test_bg_o.png') !important;
}
#sub.test_view_result .num_wrong { 
	background-image: url('/images/sub/test_bg_x.png') !important;
}
#sub.test_view_result .right_answer { 
	margin: 0 0 2rem;
	padding: 0 1.6rem 0 1.4rem;
	height: 4.4rem;
	background: #fff;
	border-radius: 8px;
}
#sub.test_view_result .question_list .my_answer { 
	color: #5d73f0;
}
#sub.test_view_result .question_list .my_answer .list_num { 
	background: #5d73f0; 
}

/* °áÁ¦³»¿ª */
.my_settle em { 
	font-weight: 600; 
}
.my_settle .bd span.align_l { 
	line-height: 1.5;
	width: 20rem !important; 
}
.my_settle .bd li { 
}
.my_settle .bd_subs { 
	color: #6b6d7b; 
}
.my_settle .standby .bd_subs { 
	color: #40424e; 
}
.my_settle .standby .bd_subs i { 
	color: #5d73f0; 
}

/* ³ªÀÇÁ¤º¸ */
.my_info { 
	font-size: 1.4rem; 
}
.my_info .pg_subs { 
	padding: 1rem 1.4rem 8px; 
}
.my_info .bd { 
	margin: 2rem 0 0; 
}
.my_info li { 
	line-height: 1.5; 
}
.my_info li.bd_col { 
	justify-content: flex-start; 
}
.my_info .tit_sub { 
	width: 8rem;
}
.my_info .tit_sub+div { 
	width: calc(100% - 8rem);
	/* text-align: right; */
}

/* ºñ¹Ð¹øÈ£º¯°æ */
.my_pw .tit_sub { 
	width: 10rem; 
}
.my_info .tit_sub+div { 
	width: calc(100% - 10rem);
}

/* ³ªÀÇ¹®Á¦Ç®ÀÌ */
.my_quiz .bd_title { 
	line-height: 1.5;
}


/* -------- ¾ÆÀÌµð/ºñ¹Ð¹øÈ£ Ã£±â -------- */
.find { 
	padding-top: 2rem; 
}
.find h2 { 
	margin: 4rem 0 1.2rem;
	text-align: center;
}
.find h2:first-of-type { 
	margin: 0 0 1.2rem; 
}
.find .bd_btn a { 
	flex-basis: 100%;
	width: 100%;
	background: #5d73f0;
}


/* -------- °áÁ¦È­¸é -------- */
.settlement .bd_subs { 
	font-size: 1.25rem; 
}
.settlement .total em { 
	font-size: 1.7rem; 
	font-weight: 600;
	color: #40424e;
}

/* À¯·á */
.pay_form h4 { 
	margin: 4rem 0 1.2rem;
}
.settle_ok li { 
	padding-left: 8rem !important;
	word-break: break-all;
}
.settle_ok .tit_sub { 
	position: absolute; left: 1.6rem;
}


/* -------- ¼ö°­»ý ÇÊµ¶»çÇ× -------- */
#readme section { 
	margin: 0 auto;
	padding: 3.2rem 0 4rem;
	width: 90%;
}
#readme .hd { 
	padding: 5rem 0 4rem;
	color: #fff;
	background: url('/images/sub/readme/bg_top.png') no-repeat 6% 0;
	background-size: cover;
	text-align: center;
}
#readme .hd h1 { 
	margin: 0 auto 5rem; 
	padding: 0 0 0 3rem;
	width: 70%;
}
#readme .hd h1+p {
	margin: auto;
	width: 90%;
	line-height: 1.6;
	font-size: 0.98em;
	letter-spacing: -1.2px;
}
#readme .hd h1+p u { 
	font-size: 1em;
	font-weight: 600;
	color: #fff176;
}
#readme img { 
	-ms-user-select: none !important; 
	-moz-user-select: -moz-none !important;
	-khtml-user-select: none !important;
	-webkit-user-select: none !important;
	user-select: none !important;
}
.mg-x { 
	margin: 0 !important; 
}
.pd-x { 
	padding: 0 !important; 
}

/* -------- item -------- */
.i_hd { 
	display: flex;
	align-items: center;
}
.i_hd .num { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 1rem 0 0;
	width: 2.8rem; height: 2.8rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #fff;
	background: #232837;
	text-align: center;
}
.i_hd h2 { 
	font-size: 1.8rem;
	font-weight: 700; 
	color: #232837;
}
.i_hd+p { 
	padding: 1.6rem 0 0; 
	line-height: 1.6;
	font-size: 1.4rem;
}
.i_hd+p span { 
	font-size: 0.9em;
	color: #9e9e9e; 
}
.i_bd {
	margin: 2.4rem 0 0;
	/* text-align: center; */
}
.i_bd i { 
	display: block; 
}
.i_bd h3 { 
	font-size: 1.6rem;
	font-weight: 700;
}
.i_bd h3+p { 
	line-height: 1.5;
	font-size: 0.9em;
	color: #999baa;
}
.i_bd .subs { 
	text-align: left; 
}


/* -------- item1 -------- */
.item1 .i_bd { 
	display: flex;
	flex-flow: column wrap;
}
.item1 .i_bd>div {
	margin: 1.2rem 0 0;
	padding: 1.6rem 2rem 1.8rem 0;
	width: 100%;
	border: solid 1px #232837;
	box-sizing: border-box; 
}
.item1 .i_bd>div:first-child { 
	margin-top: 0; 
}
.item1 i { 
	width: 12rem;
	text-align: center;
}
.item1 i img { 
	width: 60%;
}
.item1 h3 { 
	align-items: center;
	margin: 0;
	padding: 8px 0 1rem;
}

/* -------- item2 -------- */
.item2 { 
	background: #f5f6f7; 
}
.item2 ul { 
	width: 100%; 
}
.item2 li { 
	display: flex;
	align-items: center;
	margin: 1.2rem 0 0;
	padding: 2rem 2rem 1.8rem 0;
	background: #fff;
}
.item2 li i { 
	width: 10rem;
	text-align: center;
}
.item2 li i img { 
	width: 45%; 
}
.item2 li:nth-child(3) i img { 
	margin: 0 0 0 8px;
	width: 50%; 
}
.item2 li:last-child i img { 
	margin: 0 0 0 6px;
	width: 36%; 
}
.item2 li .subs { 
	position: relative; 
	padding: 0 0 0 4rem;
	width: calc(100% - 10rem);
}
.item2 li .subs .num { 
	position: absolute; left: 0; top: 0;
	width: 3rem;
	font-size: 1.6rem;
	font-weight: 900;
	text-align: right;
}
.item2 li:nth-child(1) .num,
.item3 li:nth-child(1) a { color: #3450a4; }
.item2 li:nth-child(2) .num,
.item3 li:nth-child(2) a { color: #5034a3; }
.item2 li:nth-child(3) .num,
.item3 li:nth-child(3) a { color: #8734a3; }
.item2 li:nth-child(4) .num,
.item3 li:nth-child(4) span { color: #a33487; }
.item2 li .subs h3 { 
	margin: 0;
}
.item2 li .subs h3+p { 
	margin: 1rem 0 0;
}

/* -------- item3 -------- */
.item3 section { 
	padding: 4rem 0 0 !important;
}
.item3 ul { 
	width: 100%;
}
.item3 li { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	height: 33rem;
}
.item3 li:last-child { 
	/* height: 30rem; */
}
.item3 li figure { 
	align-self: flex-start;
	position: absolute; left: -3.6rem;
}
.item3 li .subs { 
	position: absolute; top: 14rem; right: 0;
	width: auto;
}
.item3 li .subs h3 { 
	margin: 0; 
	padding: 8px 0 0;
}
.item3 li .subs p { 
	margin: 1.6rem 0 0; 
	line-height: 1.8;
}
.item3 li .subs i { 
	position: absolute; left: -60px; top: 0;
}
.item3 li .subs i img { 
	width: 90%; 
}
.item3 li .subs a,
.item3 li .subs span { 
	font-weight: 700; 
}
.item3 li .subs a { 
	text-decoration: underline;
}

/* -------- item4 -------- */
.item4 { 
	background: #e1f2fa; 
}
.item4 ul {
	margin: 6rem 0 0;
	padding: 2.4rem 0 0;
	border-top: solid 0.06rem #b8d0dc; 
}
.item4 li { 
	padding: 4px 4px 4px 8px;
	font-size: 0.85em;
	color: #99b0ba;
	text-indent: -7px;
	text-align: left;
}

/* button */
.ft p { 
	position: relative;
	width: 100%; height: 9rem;
	background: url('/images/sub/readme/button.png') no-repeat right 0;
	background-size: cover;
}
.ft p a { 
	display: flex;
	align-items: center;
	position: absolute; bottom: 0;
	padding: 0 2.4rem;
	width: 100%; height: 5.8rem;
	font-size: 1.6rem;
	font-weight: 300;
	color: #cccfff;
	box-sizing: unset;
}
.ft a b { 
	margin: 0 6px 0 0;
	font-weight: 700;
	color: #fff;
}
.ft p a i { 
	margin: 0 2px 0 0; 
}

/* ÀÌ¸¶Æ® ¾È¾çÁ¡ Çà»ç ÀÌº¥Æ® ´çÃ· ÆäÀÌÁö */
#event_wrap{
	background: #fec952 url('/images/emart/event/event_bg.png');
	background-size: cover;
	width: 100vw;
	height: 100%;
	box-sizing: border-box;
	padding: 4vh 0vw 0;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: center;
}
.emartEvent_tit{
	box-sizing: border-box;
	padding: 0 6vw;
	height: 17vh;
	/* margin-bottom: 1rem; */
}
.emartEvent_gift{
	height:41vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.emartCode{
	text-align: center;
	height: 18.5vh;
}
.emartCode input[type="password"]{
	border: 0;
	width: 26rem;
	display: inline-block;
	margin-bottom: 2.5vh;
	border-radius: 1rem;
}
.emartCode button{
	background: #f17f1c;
	color: #fff;
	border-radius: 5rem;
	width: 22rem;
	height: 6vh;
	/* line-height: 6vh; */
	font-weight: 500;
	box-shadow: 0 6px 0 #b04a37;
	font-size: 1.6rem;
}
#event_wrap img{max-height: 95%;}
#event_wrap p{
	font-size: 1.5rem;
	height: 17.5vh;
	line-height: 1.3;
}
#event_wrap p strong{
	color: #ff5435;
	font-size: 1.65rem;
	line-height: 2;
}

/* ÀÌº¥Æ® Á¾·á ½Ã */
.emartSoldout_wrap{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 999;
}
.emartSoldout{
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -60%);
	width: 72vw;
	text-align: center;
}
.emartSoldout p{
	font-size: 1.58rem;
	color: #fff;
	margin-top: 3rem;
	line-height: 2;
	font-weight: 500;
}
@media screen and (max-width: 321px){
	html{font-size: 9px;}
}

/* 2022-02-23 Ãß°¡ : ¸¶Å© */
.lec_mark label { 
	position: relative; 
	z-index: 1;
}
.lec_mark label:after { 
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 2rem; top: 0;
	width: calc(100% - 1.7rem); height: 100%;
	background: rgba(255,255,0,0.6); 
	z-index: -1;
}