@charset "euc-kr";

/* ÆäÀÌÁöº»¹®
------------------------------------------------------ */
.ged_bd {
	padding: 30px 0 100px;
	font-size: 15px;
	color: #666;
	background: #f2f2f2;
}

/* -------- ¼­ºêÆäÀÌÁö -------- */
.ged_sub {
	margin: 0 auto 30px;
	width: 1200px;
}

/* -------- ¼­ºê»ó´ÜŸÀÌƲ -------- */
.ged_sub_tit {
	position: relative;
	padding: 30px 40px;
	width: 1120px;
	line-height: 20px;
	background: #fff; 
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	cursor: default;
}
.navi_tit {
	font-size: 20px;
	font-weight: 700;
	color: #222;
}
.navi_pos,
.navi_pos i {
	color: #999;
}
.navi_pos {
	font-size: 14px;
	text-align: right;
}
.navi_pos i {
	margin: 0 4px;
}
.navi_pos a i { 
	margin: 0;
	font-size: 16px; 
}
.navi_pos b {
	font-weight: 500;
	color: #484848;
}

/* -------- ¼­ºêÄÁÅ×ÀÌ³Ê -------- */
.ged_sub_cont {
	margin-bottom: 0;
	width: 1200px;
}
.ged_sub_cont.wide { 
	width: 100%; 
}

/* -------- ¼­ºê¸Þ´º¿µ¿ª -------- */
.ged_sub .ged_lnb {
	width: 240px;
}

/* -------- ¼­ºêŸÀÌƲ -------- */
.ged_lnb_tit {
	position: relative;
	width: 240px; height: 140px;
	line-height: 145px;
	font-size: 34px;
	font-weight: 300;
	color: #fff;
	background: #1b8ee1;
	text-align: center;
}

.ged_lnb_tit a { 
	position: absolute; right: 15px; bottom: 15px;
	display: block;
	width: 30px; height: 30px;
	line-height: 2;
	font-size: 16px;
	color: #548ee1; 
	background: #00387f;
	border-radius: 15px;
	text-align: center;
}

/* -------- ¼­ºê¸Þ´º -------- */
.ged_lnb ul {
	margin: 0 0 20px;
	width: 240px;
}
.ged_lnb li {
}
.ged_lnb li a {
	display: block;
	padding: 20px 25px;
	line-height: 1;
	font-size: 17px;
	color: #484848;
	background: #fff;
	border-bottom: solid 1px #ddd;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.ged_lnb li:last-child a {
	border-bottom: 0;
}
.ged_lnb li.on a { 
	position: relative; top: -1px;
	padding-top: 21px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(75deg, #1b8ee1, #0fc8c6);
	border-bottom: 0;
}
.ged_lnb li.on a:before { 
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -10px;
	margin: 0 9px 0 0;
	width: 6px; height: 6px;
	background: #fd3;
	border-radius: 3px;
}

/* -------- 3Â÷¸Þ´º -------- */
.ged_lnb li.on .ged_lnb_sub {
	position: relative; top: -1px;
	padding: 0 20px; 
	background: #166aa7;
}
.ged_lnb li.on .ged_lnb_sub a { 
	position: static;
	padding: 0;
	height: 34px;
	line-height: 34px;
	font-size: 14.5px;
	font-weight: 400;
	color: #fff;
	background: transparent;
	border-top: solid 1px rgba(255,255,255,0.2);
}
.ged_lnb li.on .ged_lnb_sub a:first-child { 
	padding-top: 15px;
	border-top: 0; 
}
.ged_lnb li.on .ged_lnb_sub a:last-child { 
	padding-bottom: 15px; 
}
.ged_lnb li.on .ged_lnb_sub a:before { 
	content: "\e64f";
	top: -2px;
	margin: 0 12px 0 7px;
	width: auto; height: auto;
	font-family: 'xeicon';
	font-size: 12px;
	color: #0fc8c6;
	background: transparent;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/* -------- ³ªÀÇ°­ÀÇ½Ç ÇÑÁ¤ ¸Þ´º -------- */
.ged_lnb_btn { 
	margin: 0 0 20px; 
}
.ged_lnb_btn a { 
	display: flex;
	align-items: center;
	margin: 0 0 4px;
	height: 50px;
	font-size: 14.5px;
	color: #757575;
	background-color: #fff;
	background-image: url('/images/icon/lnb_icons.png');
	background-repeat: no-repeat;
	text-indent: 52px;
}
.ged_lnb_btn a:first-child { background-position: 13px 0; }
.ged_lnb_btn a:nth-child(2) { background-position: 13px -50px; }
.ged_lnb_btn a:nth-child(3) { background-position: 13px -100px; }
.ged_lnb_btn a:nth-child(4) { background-position: 13px -150px; }

/* -------- ±³À°»ó´ã¹®ÀÇ -------- */
.ged_lnb_tel { 
	padding: 20px 0 0;
	background: #fff url('/images/icon/lnb_icons.png') no-repeat 18px -200px; 
	cursor: default;
}
.ged_lnb_tel h3 { 
	margin: 0 0 5px;
	line-height: 25px;
	font-size: 17px;
	font-weight: 500;
	color: #484848;
	text-indent: 55px;
}
.ged_lnb_tel h2 { 
	line-height: 45px;
	font-size: 31px;
	font-weight: 900;
	color: #222;
	text-indent: 30px;
	letter-spacing: -0.7px
}
.ged_lnb_tel h5 { 
	margin: 5px 0 0;
	padding: 15px 30px;
	font-size: 13px;
	color: #757575;
	background: #f9f9f9; 
}

/* -------- ¼­ºêÄÁÅÙÃ÷ -------- */
.ged_sub .ged_con {
	padding: 40px 35px 60px;
	line-height: 1.8;
	width: 850px;
	min-height: 600px;
	font-size: 15px;
	color: #666;
	background: #fff;
}
.ged_sub.wide .ged_con { 
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: transparent;
}

/* -------- ÆäÀÌÁö: ÅǸ޴º -------- */
.sub_tab_menu { 
	display: flex;
	margin: -40px -35px 50px;
}
.sub_tab_menu a { 
	/* float: left; */
	flex: 1 0 33.333333%;
	display: block;
	padding: 20px 0;
	width: 33.333333%;
	line-height: 1;
	font-size: 18px;
	color: #999;
	background: #f2f2f2;
	letter-spacing: -1px;
	text-align: center;
}
.sub_tab_menu a.on { 
	padding: 25px 0 10px;
	font-weight: 500;
	color: #222;
	background: #fff;
}
.tab2 a { 
	flex: 1 0 50%;
	width: 50%; 
}
.tab5 a { 
	flex: 1 0 20%;
	width: 20%; 
}

/* -------- ÆäÀÌÁö: ·Î±×ÀÎ -------- */
.sub_loginbox { 
	margin: 70px auto 0; 
	padding: 50px 70px 60px;
	width: 360px;
	border: solid 1px #d5d5d5;
	text-align: center;
}
.sub_loginbox>p { 
	font-size: 20px;
	font-weight: 400;
	color: #666;
}
.sub_loginbox>p b { 
	font-weight: 700;
	color: #222; 
}
.sub_loginbox form { 
	margin: 30px 0 10px; 
}
.sub_loginbox form:after { 
	content: "";
	display: block;
	clear: both;
}
.sub_loginbox .btn_wide { 
	line-height: 1.4;
	box-sizing: border-box;
}
.login_form { 
	float: left;
}
.login_form li { 
	margin: 0 0 5px;
}
.login_form li input { 
	width: 230px; height: 36px;
	padding: 5px 0 0 10px;
	box-sizing: border-box;
}
.sub_loginbox button { 
	float: right;
	padding-left: 0; padding-right: 0;
	width: 120px; height: 77px;
	font-weight: 700;
}
.login_btn { 
	font-size: 0; 
}
.login_btn li { 
	display: inline-block;
	margin: 0 0 0 10px;
	padding-left: 0; padding-right: 0;
	width: 150px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.login_btn li:first-child { 
	margin: 0; 
	width: 200px;
	color: #999;
	background: #f2f2f2;
}
table.sub_login .login_serch
{
display:inline-block;
padding:0 10px 0 10px;
}

/* -------- ÆäÀÌÁö: ȸ¿ø°¡ÀÔ -------- */
.join-step h2 { 
	color: #484848; 
}
.join-step .per_data_text { 
	padding: 20px 25px;
	height: 200px;
	border: solid 1px #d5d5d5;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* -------- ÆäÀÌÁö: ¾ÆÀ̵ð/ºñ¹øã±â -------- */
/* */.sub_idbox { 
	position: relative;
	margin: auto;
	padding: 40px 0 32px;
	width: 650px;
	border: solid 1px #d5d5d5;
	text-align: left;
}
.sub_login_area { 
	margin: 0 auto; 
	width: 500px;
}
.sub_idbox h3 { 
	line-height: 1;
	font-size: 20px;
	font-weight: 700;
	color: #484848;
}
.sub_idbox .sub_id_form { 
	margin: 35px 0 0; 
}
.sub_idbox .sub_id_form li { 
	margin: 10px 0 0; 
}
.sub_idbox .sub_id_form li:first-child { 
	margin: 0; 
}
.sub_id_form li span.id_tit { 
	display: inline-block; 
	margin: 0 10px 0 0;
	width: 90px;
	font-size: 15px;
	font-weight: 500;
}
.sub_idbox .sub_id_form input { 
	height: 30px;
	box-sizing: border-box;
}
.sub_idbox a.btn_id { 
	display: inline-block;
}
.id_text { 
	margin: 20px -40px 0;
	padding: 8px 17px 6px;
	font-size: 14.5px;
	color: #757575;
	background: #f5f5f5;
}
.id_text img { 
	vertical-align: baseline; 
}

/* -------- ÆäÀÌÁö: °³ÀÎÁ¤º¸º¸È£Á¤Ã¥/ÀÌ¿ë¾à°ü -------- */
.per_data_text { 
	font-size: 14.5px;
}
.per_data_text span { 
	color: #666; 
}

/* -------- ÆäÀÌÁö: »çÀÌÆ®¸Ê -------- */
.map_box { 
	margin: 70px 0 0;
}
.map_box:first-child { 
	margin: 0; 
}
.map_box:after { 
	content: "";
	display: block;
	clear: both;
}
.map_box ul { 
	float: left;
	margin: 0 1.5%;
	width: 22%;
}
.sitemap_menu li { 
	height: 43px;
	line-height: 43px;
	font-size: 15px;
	color: #757575;
	border-bottom: solid 1px #d5d5d5;
	text-indent: 10px;
	cursor: pointer;
}
.sitemap_menu li a { 
	display: block; 
	line-height: 44px;
}
.sitemap_menu li.site_m { 
	padding: 0;
	height: 60px;
	line-height: 60px;
	font-size: 17px;
	font-weight: 700;
	color: #484848;
	border-bottom: solid 2px #222;
	text-indent: 12px;
}


/* ±³À°¿ø¼Ò°³
------------------------------------------------------ */
/* -------- Àλ縻 -------- */
.company { 
	padding-top: 70px; 
}
.company .company-tit { 
	padding: 100px 0 0;
	font-size: 13.6px;
	font-weight: 500;
	background: url('/images/sub/company/company_title.png') no-repeat center 0;
	text-align: center;
}
.company .dots { 
	display: block; 
	margin: 40px 0;
	height: 6px; 
	background: url('/images/sub/company/dots.png') no-repeat center 0;
}
.company .txt-center:last-child { 
	line-height: 2;
	font-size: 20px;
	font-weight: 500;
	font-style: italic;
	color: #222;
}
.company ul { 
	display: flex;
	align-items: center;
	margin: 70px auto 80px; 
	width: 800px;
}
.company li { 
	padding: 200px 0 0;
	width: 33.333333%;
	background-repeat: no-repeat;
	background-position: center 0;
	text-align: center;
}
.company li:nth-child(1) { 
	background-image: url('/images/sub/company/company_info_icon1.png');
}
.company li:nth-child(2) { 
	background-image: url('/images/sub/company/company_info_icon2.png');
}
.company li:nth-child(3) { 
	background-image: url('/images/sub/company/company_info_icon3.png');
}
.company li div { 
	font-size: 17px;
	font-weight: 700;
	color: #1b8ee1; 
}
.company li div+p { 
	margin: 5px 0 0;
	line-height: 1.5;
	font-size: 12.2px;
	color: #9e9e9e;
}

/* -------- Áö¿ªÇù¾à ÀåÇÐÇýÅà -------- */
.area_agree { 
	padding: 270px 0 0;
	background: url('/images/sub/area_box_bg.gif') no-repeat center top; 
}
.a_cont { 
	margin: 0 0 30px;
	min-height: 500px; 
}
.a_cont:not(:first-of-type) { 
	display: none;
}
.a_cont ul:after { 
	content: "";
	display: block;
	clear: both;
}
.a_cont li {
	float: left;
	position: relative;
	margin: 1.5%;
	padding: 15px 15px 10px;
	width: 22%;
	border: solid 1px #d5d5d5;
	box-sizing: border-box;
	text-align: center;
}
.a_cont li a { 
	position: absolute; left: 50%; bottom: 17px;
	display: block;
	margin: auto;
	width: 80%; height: 37px;
	line-height: 38px;
	font-size: 15.4px;
	font-weight: 700;
	color: #fff;
	background: #5d6d7e;
	text-align: center;
	letter-spacing: -1px;
	transform: translateX(-50%);
	overflow: hidden;
}
.agree_tab { 
	font-size: 0;
	text-align: center; 
}
.agree_tab span { 
	display: inline-block;
	margin: 0 0 0 5px;
	width: 30px; height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: #666;
	border: solid 1px #d5d5d5;
	box-sizing: border-box;
	text-align: center;
}
.agree_tab span:first-child { 
	margin: 0; 
}
.agree_tab span:hover,
.agree_tab span.on,
.agree_tab span.on:hover { 
	color: #fff;
	background: #35467c;
	border-color:#35467c;
}
.agree_tab span:hover { 
	background: #0dc2bb;
	border-color:#0dc2bb;
}

/* -------- ¹Î°£ÀڰݼҰ³ -------- */
.certification { 
	width: 1200px;
	font-size: 14px;
	background: #fff;
	border-left: solid 1px #ddd;
}


/* ¼ö°­½Åû
------------------------------------------------------ */

/* -------- °øÅë -------- */
.lec-btn { 
	margin: 0 auto;
	width: auto; 
}
.lecture_tit { 
	font-size: 24px; 
}
.lecture_tb_set .set_item td:nth-child(2) { 
	text-indent: 15px;
	text-align: left; 
}

/* -------- ¼ö°­½Åû¹öÆ° °íÁ¤ -------- */
.btn_class {
	position: fixed; bottom: 400px;
	padding: 25px 0;
	width: 850px;
	background-color: rgba(255,255,255,0.8);
}
.btn_class>li {
	float: right;
	margin: 0 0 0 70px;
	vertical-align: top;
}
.btn_class>li:after {
	content: "";
	display: block;
	clear: both;
}
.btn_class label {
	display: inline-block;
	line-height: 50px;
	font-size: 19px;
	vertical-align: top;
}
.btn_class input {
	margin: 0 20px 0 30px;
	padding: 2px 0 9px !important;
	width: 90px; height: auto;
	line-height: 1;
	font-size: 24px;
	font-weight: 900;
	color: #d62222;
	background: transparent;
	border: 0;
	border-bottom: solid 1px #333;
	text-align: center;
}
.btn_class input:focus {
	outline: none;
}
.btn_class li a {
	padding: 15px 0;
	width: 180px;
}

/* -------- °úÁ¤¸®½ºÆ® ÅÇ -------- */
.lecture_tab { 
	font-size: 0;
}
.lecture_tab span { 
	display: inline-block;
	margin: 0 13px;
	padding: 0;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 400;
	color: #484848;
	background: #f2f2f2;
	letter-spacing: -0.7px;
	cursor: pointer;
	font-size: 17px;
	color: #484848;
	background: #fff;
}
.lecture_tab span:hover { 
	color: #000; 
}
.lecture_tab span.on { 
	color: #b5b5b5;
}
.lecture_tab span a { 
	vertical-align: baseline; 
}
.lecture_tab span:first-child { 
	margin: 0 !important;
	width: 100%; height: 30px;
	line-height: 30px;
	font-size: 15px;
	font-weight: 400;
	color: #fff !important;
	background: #1b8ee1;
	text-indent: 9px;
}
.lecture_tab span:first-child a:hover { 
	color: #fff; 
	-webkit-animation-name: twk;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
	animation-name: twk;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes twk {
	0 { color: #fff; }
	50% { color: #0dc2bb; }
}
@keyframes twk {
	0 { color: #fff; }
	50% { color: #0dc2bb; }
}

/* -------- ÁÖÀÇ»çÇ× -------- */
.lecture_read { 
	padding: 12px 17px 9px;
	font-size: 14px;
	background: #f5f5f5;
	border: solid 1px #ddd;
	box-sizing: border-box;
}
.lecture_read li { 
	line-height: 1.6;
	color: #757575;
}
.lecture_read li:before { 
	content: "";
	display: inline-block;
	clear:both;
	position: relative; top: -4px;
	margin: 0 7px 0 0;
	width: 3px; height: 3px;
	background: #666;
	border-radius: 2px;
}

/* -------- °úÁ¤¸®½ºÆ® -------- */
.lecture_tb_set .set_item:not(:first-of-type) { 
	display: none; 
}
.lecture_tb_set table { 
	position: relative; 
	margin: 90px 0 0;
}
.lecture_tb_set caption { 
	caption-side: top;
	position: absolute; top: -45px;
	display: block; 
	margin: 0 5px;
	font-size: 21px;
	font-weight: 500;
	color: #222;
}
.lecture_tb_set caption span { 
	font-size: 20px;
	font-weight: 400; 
	vertical-align: baseline;
}
.lecture_tb_set tr:not(:nth-child(1)) .lec-price span { 
	/* visibility: hidden; */
}
.lecture_tb_set td i { 
	color: #222; 
}

/* -------- Àι®Çа­Á -------- */
.lec_info_title,
.lec_info_group,
.lec_btn_submit,
.lec_goal_group,
.lec_chapter_group {
	width: 850px;
}

/*°úÁ¤¸í*/
.lec_info_title {
	margin: 0;
	font-size: 27px;
	font-weight: 500;
	color: #222;
	text-align: center;
}

/*¼­ºêŸÀÌƲ*/
.lec_goal_group h3,
.lec_chapter_group h3 {
	font-size: 17px;
	font-weight: bold;
	color: #222;
	text-indent: 5px;
}

/*ÇнÀÁ¤º¸*/
.lec_info_group {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.lec_info_group .lec_info_sample {
	position: relative;
	width: 300px; height: 200px;
}
.lec_info_group .lec_info_sample img {
	width: 300px; height: 200px;
	border: 0;
}
.lec_info_group .lec_info_sample .thumb_play {
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	display: block;
	color: #fff;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
.lec_info_group .thumb_play span {
	display: block;
	padding: 58px 0 0;
}
.lec_info_group .thumb_play img {
	width: 60px; height: 60px;
}
.lec_info_group .thumb_play span:last-child {
	margin: 9px 0 0;
	padding: 0;
	font-size: 13pt;
}
.lec_info_group .thumb_play:hover {
	color: #ff5252;
	background: rgba(0,0,0,0.7);
}
.lec_info_group .thumb_play span.on,
.lec_info_group .thumb_play:hover span.off {
	display: none;
}
.lec_info_group .thumb_play:hover span.on {
	display: block;
}
.lec_info_group .lec_info_table {
	width: 500px;
	border-top: solid 1px;
}
.lec_info_group table {
}
.lec_info_group tr {
	border: solid #ccc;
	border-width: 0 0 1px;
}
.lec_info_group .lec_info_table,
.lec_info_group tr:last-child,
.lec_info_group tr:last-child td {
	border-color: #666;
}
.lec_info_group th,
.lec_info_group td {
	line-height:  49px;
}
.lec_info_group th {
	background: #f9f9f9;
	text-align: center;
}
.lec_info_group td {
	padding: 0 20px;
}
.lec_info_group input#totP {
	padding: 0;
	height: auto;
	line-height: 1;
	font-family: Arial;
	font-size: 23px;
	font-weight:  bold;
	color: #222;
	background: transparent;
	border: 0;
	outline: 0;
}
.lec_info_group table+p {
	margin: 10px 0 0;
	line-height: 150%;
	font-size: 13px;
	font-weight: 500;
	color: #f00;
	letter-spacing: -0.5px;
	text-align: right;
}

/*¼ö°­½Åû¹öÆ°*/
.lec_btn_submit {
	margin: 10px 0 0;
	text-align: right;
}
.lec_btn_submit>a {
	padding: 10px 33px 12px;
}

/*°úÁ¤¼Ò°³*/
.lec_goal_group h3+div {
	margin: 10px 0 30px;
	padding: 18px 24px 16px;
	line-height: 170%;
	font-size: 15px;
	font-weight: 400;
	border: solid 1px #ccc;
	background: #fff;
}

/*ÇнÀ³»¿ë*/
.lec_chapter_group table {
	margin: 10px 0 0;
	border-top: solid 1px #666;
}
.lec_chapter_group th,
.lec_chapter_group td {
	line-height: 36px;
	border: solid #ccc;
	border-width: 0 0 1px;
}
.lec_chapter_group th,
.lec_chapter_group td:first-child {
	text-align: center;
}
.lec_chapter_group th {
	background: #f9f9f9;
}

/* -------- ±âÃâ¹®Á¦Ç®ÀÌ -------- */
.ged-quiz .header section { 
	width: 1200px;
}

/* -------- 2019-06-28 Ãß°¡ : ¼ö°­½Åû¹öÆ° ÇÏ´Ü °íÁ¤ -------- */
form .btn_class {
	position: fixed; bottom: 0;
	padding: 20px 0;
	width: 850px;
	background: rgba(255,255,255,0.8);
}
form .btn_class>li {
	float: right;
	margin: 0 0 0 70px;
	vertical-align: top;
}
form .btn_class>li:after {
	content: "";
	display: block;
	clear: both;
}
form .btn_class label {
	display: inline-block;
	line-height: 50px;
	font-size: 19px;
	vertical-align: top;
}
form .btn_class input {
	margin: 0 20px 0 30px;
	padding: 2px 0 9px !important;
	width: 90px; height: auto;
	line-height: 1;
	font-size: 24px;
	font-weight: 900;
	color: #d62222;
	background: transparent;
	border: 0;
	border-bottom: solid 1px #333;
	text-align: center;
}
form .btn_class input:focus {
	outline: none;
}
form .btn_class li a {
	padding: 15px 0;
	width: 180px;
}

/* 190808 Ãß°¡ - ÀÚ°ÝÁõº¸±â ¹× ¾È³» */
.lecture_box.lec_apt { 
	padding: 40px 0;
	width: auto; height: auto; 
}
.lecture_box.lec_apt p>img { 
	max-width: 100%; 
}

/* 2019-11-14 #±âÃâ¹®Á¦Ç®ÀÌ Ãß°¡ */
.qm_main { 
	background-color: #007e58; 
}


/* ÀÚ°ÝÁõÃëµæ°úÁ¤
------------------------------------------------------ */
.ged_sub_img { 
	margin: -30px auto 40px;
	width: 1200px; height: 300px;
	background: url('/images/sub/lectureview/lecture_view_bn.png') no-repeat center top;
}

/* -------- °úÁ¤¹Ú½º -------- */
.lec-item { 
	position: relative;
	padding: 0 5px 0 15px;
	height: 100px;
	border-bottom: solid 1px #ddd; 
	box-sizing: border-box;
	/* 2024-12-19 Ãß°¡ */
	display: flex;
	align-items: center;
}
.lec-item:first-child { 
	margin-top: -20px; 
}
.lec-item:last-child { 
	border: 0; 
}
.lec-item .lec-info { 
	position: absolute; top: 50%;
	margin-top: -24px;
	width: 560px;
}
.lec-item .lec-info a { 
	line-height: 1;
	font-size: 15px;
	font-weight: 700;
	color: #484848;
	/* 2024-12-19 Ãß°¡ */
	display: flex;
	align-items: center;
}
.lec-item .lec-info a:before { 
	content: "\e600";
	display: inline-block;
	clear: both;
	margin: 0 7px 0 0;
	font-family: 'xeicon';
	font-weight: 300;
}
.lec-item .lec-info:hover a:before { 
	color: #1b8ee1; 
}
.lec-item .lec-info a > img { 
	position: relative; top: -1px;
	margin: 0 0 0 4px; 
}
.lec-item .lec-info a+span { 
	display: block;
	margin: 7px 0 0;
	padding: 0 0 0 25px;
	line-height: 1.3;
	font-size: 13px; 
	color: #999;
	letter-spacing: 0;
	cursor: default;
}
.lec-item .lec-info a+span:before { 
	content: "\e64f";
	display: inline-block;
	clear: both;
	margin: 0 7px 0 0;
	font-family: 'xeicon';
	color: #bbb;
	transform: rotateX(180deg);
}
.lec-btn { 
	position: absolute; top: 50%; right: 0;
	margin-top: -20px;
	width: 230px; 
}
td .lec-btn { 
	position: static;
	margin: 0 auto;
	width: 110px;
}
.lec-btn a,
td .lec-btn a,
.lec-btn-play { 
	display: inline-block;
	width: 110px; height: 40px;
	line-height: 40px;
	font-size: 13.6px;
	font-weight: 400;
	color: #757575;
	background: #fff;
	text-indent: 43px;
	cursor: pointer;
	transition: .2s;
}
.lec-btn a:nth-child(1) { 
	background: url('/images/icon/view_info.png') no-repeat 15px center; 
}
.lec-btn a:nth-child(2),
td:last-child .lec-btn a { 
	background: url('/images/icon/view_sample.png') no-repeat 15px center; 
}
td .lec-btn a { 
	text-indent: 30px; 
}
.lec-btn-play { 
	background: url('/images/icon/view_lecture.png') no-repeat 17px center;
	text-indent: 25px;
}
.lec-btn a:hover,
td .lec-btn a:hover,
.lec-btn-play:hover { 
	color: #484848;
	box-shadow: 0 5px 13px rgba(0,0,0,0.2); 
}
.lec-btn a:nth-child(1):hover { 
	background-image: url('/images/icon/view_info_on.png');
}
.lec-btn a:nth-child(2):hover,
td:last-child .lec-btn a:hover { 
	background-image: url('/images/icon/view_sample_on.png');
}
.lec-btn-play:hover { 
	background-image: url('/images/icon/view_lecture_on.png');
	background-position: 17px center;
}

/*¼ö°­½Åû½Ã¹öÆ°*/
.lec_btn_tb { 
	position: static;
}
.lec_btn_tb .lec-btn { 
	position: static;
	margin: auto;
	width: 110px;
}
.lec_btn_tb .lec-btn a { 
	text-indent: 30px !important;
}


/* ÇнÀÁö¿ø¼¾ÅÍ
------------------------------------------------------ */

/* -------- ¼ö°­Èıâ -------- */
.review_top { 
	position: relative;
}
.review_top a { 
	display: block; 
}
.review_top .go_review { 
	position: absolute; top: 50px; right: 50px;
}
.review_top .go_ques { 
	position: absolute; left: 45px; top: 170px;
	width: 260px; height: 60px;
	line-height: 60px;
	font-size: 23px;
	font-weight: 700;
	color: #fff;
	border-radius: 30px;
	letter-spacing: -1px;
	text-align: center;
}


/* -------- °úÁ¤¸í ¸»ÁÙÀÓÇ¥½Ã -------- */
.lec-lst .lec_tit a { 
	width: 370px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden; 
}

/* -------- ³ªÀÇ°­ÀÇ½Ç ¹öÆ°¸ðÀ½ -------- */
.lec-lst-btn:after {
	content: "";
	display: block;
	clear: both;
}
.lec-lst-btn a {
	font-size: 13px;
}

table.lec_list_head .lec_title td
{
height:42px;
background:#f1f1f1;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:center;
}

/* -------- ÇнÀÇϱâ -------- */
p.lect_list_text {
	width: 730px;
	height: 70px;
	border:1px solid #eee;
	padding:10px;
	font:12px/18px 'Gulim';
}

table.lec_list {
	width: 100%;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
}

table.lec_list td {
	padding: 5px 0;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

table.lec_list tr.lec_list_title td { 
	height: 35px;
	background: #f2f2f2;
}
table.lec_list td.lec_align_pd { 
	padding-left: 15px;
	text-align: left;
}
table.lec_list td.lec_align_pd a { 
	display: inline-block; 
	vertical-align: middle;
}

tr.lec_end_list td { 
	height: 50px;
	color: #757575;
}

/* -------- ³ªÀÇ°­ÀÇ½Ç °¢ °ú¸ñ µðÅ×ÀÏ ÆäÀÌÁö -------- */
.lec_subject_titbox { 
	float: left;
	margin: 30px 0 10px 0;
	width: 100%;
}
.lec_subject_titbox li { 
	float: left;
}
li.lec_title { 
	width: 61%;
	font-size: 27px;
	font-weight: 700;
}
table.lec_view { 
	width: 100%; 
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
}
table.lec_view td { 
	padding: 5px 0;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	text-align: center;
}
td.lec_view_title { 
	height: 35px;
	background: #f2f2f2;
}
p.lect_view_text { 
	padding: 10px 10px 10px 30px;
	height: 35px; 
	font-size: 12px;
}
table.lec_view td.lec_align_pd { 
	padding-left: 15px;
	text-align: left;
}
table.lec_view td.lec_align_pd a { 
	display: inline-block;
	vertical-align: middle;
}
table.lec_view_list { 
	margin-top: 50px;
	width: 100%;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
}
table.lec_view_list td { 
	padding: 5px 0 0;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	text-align: center;
}
 tr.lec_view_list_title td { 
	height: 35px;
	background: #f2f2f2;
 }
table.lec_view_list td.lec_align_pd { 
	padding-left: 15px;
	text-align: left;
}
table.lec_view_list td.lec_align_pd a { 
	display: inline-block;
	vertical-align: middle;
}
tr.lec_view_list_con td { 
	height: 30px; 
}
.mylec_go{ display:block; width:90px; height:32px; background-color:#1b55cb; color:#fff; font-weight:bold; line-height:32px; text-align:center; font-size:13px;}
.test_go_btn{ display:block; width:90px; height:32px; background-color:#fd5057; color:#fff; font-weight:bold; line-height:32px; text-align:center; font-size:13px;}
.license_go_btn{ display:block; width:90px; height:32px; background-color:#00bcd4; color:#fff; font-weight:bold; line-height:32px; text-align:center; font-size:13px;}


/* ÀÚ°ÝÁõ¹ß±Þ
------------------------------------------------------ */
/* -------- °øÅë -------- */
.lecture_box h2 {
	font-size: 20px;
	font-weight: 500; 
	color: #222;
}
.lecture_box h2:before,
.lecture_box h3:before { 
	content: "";
    display: inline-block;
	position: relative; top: -4px;
	margin: 0 7px 0 0;
    width: 5px; height: 5px;
    background: #1b8ee1;
}
.lecture_box h3 { 
	font-size: 17px;
	font-weight: 400;
	color: #484848;
}
.lecture_box h3:before { 
	top: -5px;
	margin: 0 5px 0 0;
	width: 3px; height: 3px; 
}
.lecture_box .txt-box { 
	padding: 15px 17px 12px; 
	line-height: 1.6;
	border: solid 1px #d5d5d5;
}
.lecture_box .txt-box span { 
	vertical-align: baseline; 
}
.lecture_box.sett .txt-box { 
	padding: 10px 17px 8px;
	font-size: 15px;
}
.lecture_box .caution { 
	margin: 15px 0 0;
	line-height: 1.5;
	font-size: 14.5px; 
}
.lecture_box .caution span { 
	position: relative; top: -4px;
	padding: 0 9px 1px;
	border-radius: 30px; 
	text-decoration: none; 
}
.lecture_box ul { 
	border: solid #ddd;
	border-width: 1px 0;
}
.lecture_box li { 
	padding: 10px;
	border-top: solid 1px #ddd;
}
.lecture_box li:first-child { 
	border: 0; 
}
.lecture_box li span:first-child { 
	margin: 0 0 0 -10px; 
}

/* -------- ÀÚ°ÝÁõ¹ß±Þºñ¿ë -------- */
.lecture_box ul+p { 
	padding: 12px 25px;
	font-size: 14.5px;
	background: #f5f5f5; 
}

/* -------- ÀÚ°ÝÁõ¹ß±ÞÀýÂ÷ -------- */
.lic_proc { 
	background: #f9f9f9; 
	border: solid #ddd;
	border-width: 1px 0 0;
}


/* ³ªÀÇ°­ÀǽÇ
------------------------------------------------------ */

/* -------- ·Ñ¸µº£³Ê -------- */
.lec-lst .mypage_bn { 
	margin: -40px -35px 0; 
	height: 240px;
	background: #1b8ee1;
	overflow: hidden;
}
.lec-lst .bx-wrapper .bx-pager, 
.lec-lst .bx-wrapper .bx-controls-auto { 
	top: 0; right: 0; bottom: auto; 
}
.lec-lst .bx-wrapper .bx-pager { 
	padding: 10px 0;
	width: 150px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	background: rgba(0,0,0,0.8);
	text-align: left;
	box-sizing: border-box;
}
.lec-lst .bx-wrapper .bx-pager .bx-pager-item { 
	display: block;
}
.lec-lst .bx-wrapper .bx-pager .bx-pager-item a { 
	display: block;
	padding: 0 25px;
	height: 55px;
	line-height:  55px; 
	color: #fff;
	border-top: solid 1px rgba(255,255,255,0.3);
	box-sizing: border-box;
}
.lec-lst .bx-wrapper .bx-pager .bx-pager-item:first-child a { 
	border-top: 0; 
}
.lec-lst .lec-lst-txt { 
	margin: 30px 0 10px;
	padding: 0 7px;
	font-size: 15px;
	color: #222;
}

/* -------- °úÁ¤º° ÇнÀÇϱâ -------- */
.lec-lst-detail-txt { 
	padding: 30px 50px 25px;
	line-height: 1.6;
	font-size: 14px;
	background: #fdf8f3; 
}
.lec-lst-detail-txt li { 
	list-style-type: disc; 
}
/* -------- °úÁ¤º° ÇнÀÇϱâ - ¼ö°­ ¹× ½ÃÇè±â°£ -------- */
.date_box { 
	margin: 20px 0;
	overflow: hidden;
}
.date_box:after { 
	content: "";
	display: block;
	clear: both;
}
.class_date_title,
.test_date_title { 
	float: left;
	width: 105px; height: 58px;
	line-height: 58px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: #385595;
	text-align: center;
}
.test_date_title { 
	background: #e60f26; 
}
.class_date,
.test_date { 
	float: left;
	width: 313px; height: 52px;
	line-height: 52px;
	font-weight: 700;
	color: #222;
	background: #f1f5ff;
	border: solid 3px #385595;
	text-align: center;
}
.test_date { 
	background: #fff7f8;
	border-color: #e60f26; 
}

/* -------- °úÁ¤º° ÇнÀÀÚ·á½Ç -------- */
.lec-down td i { 
	margin: 0 10px 0 -10px; 
}
.lec-down td a i { 
	transition: .3s ease-out; 
}
.lec-down td a:hover i { 
	color: #1b8ee1; 
}
.lec-down-hd { 
	margin: 0 0 30px;
	padding: 25px 30px 30px;
	font-size: 15px;
	color: #484848;
	border: solid 1px #d5d5d5; 
	box-sizing: border-box;
}
.lec-down-hd .date_box { 
	margin-bottom: 0; 
}
.lec-down-hd div { 
	margin: 20px 0 0;
	overflow: hidden;
}
.lec-down-hd div:after { 
	content: "";
	display: block;
	clear: both;
}
.lec-down-hd div .lec-link,
.lec-test div .lec-link,
.lec-down-hd div a { 
	display: inline-block;
	height: 48px;
	line-height: 40px;
	font-weight: 700;
	border: solid 3px #385595;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.lec-down-hd div .lec-link { 
	width: 180px; 
	color: #fff;
	background: #385595;
}
.lec-down-hd div a { 
	/* width: 320px; */
	width: 608px;
	color: #222;
	background: #f1f5ff;
	text-align: left;
}
.lec-down-hd div a i { 
	margin: 0 7px 0 0; 
}
.lec-down-hd div:last-child { 
	padding: 12px 12px 12px 18px;
	line-height: 1.6;
	font-size: 13px;
	color: #757575;
	background: #f7f7f7; 
}
.lec-down-hd div:last-child b { 
	display: block; 
	margin: 0 0 5px;
	line-height: 2;
	font-size: 14px;
	font-weight: 500;
	color: #f44336;
}
.lec-down-hd div:last-child b i { 
	margin: 0 7px 0 0; 
}
.lec-down-hd div p { 
	float: left; 
}
.lec-down-hd div .lec-ex { 
	display: block;
	margin: 7px 0 0;
	font-size: 11.5px;
	color: #999;
}
.lec-down-hd div img { 
	float: right; 
	width: 300px; height: auto;
}

/* -------- °úÁ¤º° ¼ö°­¿¬Àå½Åû -------- */
.lec-ext-wrap { 
	margin: 0 auto;
	width: 660px;
	line-height: 2; 
}
.lec-ext-wrap .lec-lst-detail-txt { 
	padding: 30px 0 25px 25px;
	font-size: 15px; 
}
.lec-ext { 
	margin: 0 auto;
	padding: 25px 30px 30px;
	width: 660px;
	font-size: 17px;
	color: #222;
	background: #fff; 
	box-sizing: border-box;
}
.lec-ext i { 
	margin: 0 10px 0 5px; 
}
.lec-ext div { 
	margin: 20px 0 0;
	line-height: 1;
	font-size: 0; 
	text-align: center;
}
.lec-ext div:after { 
	content: "";
	display: block;
	clear: both;
}
.lec-ext div input[type="radio"] { 
	display: none; 
}
.lec-ext div label { 
	float: left;
	margin: 0 0 0 1.5%;
	padding: 20px 2%;
	width: 32%;
	font-size: 16px;
	font-weight: 500;
	border: solid 1px #d5d5d5;
	box-sizing: border-box;
	cursor: pointer;
}
.lec-ext div input[type=radio]+label:hover,
.lec-ext div input[type=radio]:checked+label { 
	color: #fff;
	background: #333;
	border-color: #333;
}
.lec-ext div input[type=radio]:first-child+label { 
	margin: 0; 
}
.lec-ext-wrap>p { 
	margin: 30px 0 0;
	text-align: center;
}
.lec-ext-wrap>p a { 
	font-size: 17px;
	font-weight: 500;
}
.lec-ext-wrap>p a:hover { 
	text-decoration: none; 
}

/* -------- ½ÃÇè ¹× Àç½ÃÇ躸±â -------- */
.btn_re_test { 
	position: relative;
	margin: 20px 0;
	padding: 0 25px;
	height: 58px;
	line-height: 58px;
	font-size: 15px;
	color: #fff;
	background: #1b8ee1;
	cursor: default;
}
.btn_re_test b { 
	font-weight: 400;
	text-decoration: underline;
}
.btn_re_test a { 
	position: absolute; right: 0;
	padding: 0 25px;
	font-size: 17px;
	font-weight: 500;
	background: #35467c;
}
.btn_re_test a i { 
	margin: 0 5px 0 0; 
	color: #fff700;
}


/* -------- 2022-03-18 Ãß°¡ -------- */
.lec-cxl { 
	position: relative; 
	z-index: 1;
}
.lec-cxl span {
	position: absolute; top: 0;
	display: none;
	margin: 0 0 0 10px;
	padding: 0 15px;
	min-width: 140px;
	line-height: 30px;
	color: #fff;
	background: #9c0000;
}
.lec-cxl:hover span { 
	/* left: inherit; */
	display: inline-block;
}

/* 2022-02-24 Ãß°¡ : ¸¶Å© */
.lecture_tb_set .lec_mark a { 
	position: relative; 
	z-index: 1;
}
.lecture_tb_set .lec_mark a:after { 
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	background: rgba(255,255,0,0.6); 
	z-index: -1;
}