@charset "utf-8";
html {font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size: 13px; line-height: 1;}
body {overflow-x: auto; /*min-width: 1200px;*/ /*min-width: 1314px;*/min-width: 1314px;}

/* layout */
#wrap {overflow: hidden;}

#skip_nav {height:0}
#skip_nav a {display: block; position: absolute; left: 0; top: -100px; width: 100%; height: 1px; text-align: center}
#skip_nav a:focus, #skip a:active {position: absolute; top: 0; z-index: 120; height: 25px; padding: 10px 0; font-size: 1.4em; font-weight: 700; color: #36348f; background: #fff;}

input.search_field::-ms-clear {display: none;}

.btn_top {overflow: hidden; 
	position: fixed;
	display: block;
	bottom: 32px;
	right: 50%; 
	width: 45px; 
	height: 45px; 
	margin-right: -720px;
	background: url('../images/common/top_btn.png') no-repeat center center;
	cursor: pointer;
	z-index: 150;
	text-indent: -9999px;
}

/* 20230821 수정, 20230920 추가수정 */
.top_popup {background:url('../images/common/top_pop_bg.png') no-repeat center center;background-size:cover; height:200px; padding:40px 0;}
.top_popup .pop_popup_in {max-width:1200px;margin:0 auto;text-align:center;overflow:hidden;position:relative;}
.top_popup .pop_popup_in p {font-size:18px;color:#333333;margin-top:22px;text-align:center;}
.top_popup .pop_popup_in  {display:block;margin:0 auto;}
.top_popup .pop_popup_in .top_txt {text-align:center;letter-spacing:-0.05em;margin-top:0;}
.top_popup .pop_popup_in .top_txt span {font-weight:800;line-height:1em;font-size:60px;}
.top_popup .pop_popup_in .top_txt span.txt01 {color:#8600db;}
.top_popup .pop_popup_in .top_txt span.txt02 {color:#8600db;}
.top_popup .pop_popup_in .top_txt span.txt04 {color:#0077db;}
.top_popup .pop_popup_in .top_txt span.txt03 {color:#8600db;}
.top_popup .pop_popup_in .direct_btn {padding:13px 18px;color:#fff;text-align:center;font-size:18px;display:inline-block;background-color:#0077db;border-radius:22px;position:absolute;right:0;bottom:15px;}

.layer_pop {position:fixed;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;z-index:1001;}
.layer_pop .layer_pop_inner {display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column;}

.layer_pop .layer_pop_inner .layer_pop_wrap {position:relative;max-width:1200px;width:100%;max-height:80%;}
.layer_pop .layer_pop_inner .layer_pop_close {
	position:absolute;right:0;top:0;z-index:1001;width:119px;height:88px;color:#fff;text-decoration:underline;background-color:#0b72c9;border-radius:30px;
	display:flex;flex-direction:column;padding-left:40px;align-items:center;justify-content:center;font-size:16px;
}
.layer_pop .layer_pop_inner .layer_pop_close:before {
	content:'';width:30px;height:30px;background:url('../images/common/layer_pop_close.png') no-repeat center center;display:block;margin-bottom:5px;
}

.layer_pop_main {
	max-width:1200px;width:calc(100% - 80px);position:relative;z-index:1002;background:url(../images/common/layer_pop_bg.png) no-repeat center;background-size:cover;
	max-height:799px;height:auto;border-radius:30px;display:flex;padding:80px 0 0 0;flex-direction:column;align-items:center;overflow-y:auto;max-height:100%;
}
.layer_pop_main .top_txt {text-align:center;letter-spacing:-0.05em;margin-bottom:30px;}
.layer_pop_main .top_txt span {display:inline-block;font-weight:800;line-height:1em;font-weight:800;}
.layer_pop_main .top_txt span.txt01 {font-size:63px;color:#0077db;}
.layer_pop_main .top_txt span.txt02 {font-size:63px;color:#0077db;}
.layer_pop_main .top_txt span.txt03 {font-size:63px;color:#0077db;}
.layer_pop_main .middle_txt {font-size:22px;color:#333333;font-weight:500;margin-bottom:33px;text-align:center;}
.layer_pop_main .middle_txt br {display:none;}

.layer_pop_main .pop_inner_cont {width:90%;padding-bottom:60px;}
.step_section {margin:33px auto 55px;position:relative;max-width:945px;width:90%}
.step_section ul {display:flex;position:relative;z-index:1;justify-content:flex-start;}
.step_section ul li {display:flex;flex-direction:column;align-items: stretch;width:25%;}
.step_section ul li button {
	padding:0 13px;border:2px solid #777777;border-radius:32px;color:#777777;text-align:center;display:inline-block;word-break: break-word;
	height:65px;vertical-align:middle;font-size:20px;color:#777777;background:#fff;min-width:167px;box-sizing:border-box;margin:0 auto;max-width:167px;
}
.step_section ul li.active button {color:#0077db;border:2px solid #0077db;}
.step_section ul li.complete button {color:#fff;border:2px solid #0077db;background:#0077db;}
.step_section ul li .check_before {
	display:flex;border:2px solid #1a3c83;font-size:16px;color:#1a3c83;;text-align:center;background:#fff;border-radius:18px;padding:8px 13px;margin-top:7px;position:relative;min-width:167px;max-width:167px;
	align-items:center;height:100%;justify-content:center;word-break: break-word;margin:10px auto 0;
}
.step_section ul li .check_before:before {
	content:'';width:12px;height:12px;background:url(../images/common/check_before_ico.png) no-repeat center;display:inline-block;margin-right:4px;
	flex:none;
}

.step_section ul.step_top {position:relative;}
.step_section ul.step_top:before {content:'';width:85%;border:1px dashed #0077db;display:inline-block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.step_section ul.step_top li {position:relative;z-index:2;}
.step_section ul.step_bottom li button {}

/* 01.강의유형 */
.apply_box_wrap {display:flex;justify-content:space-between;max-width:1000px;width:100%;margin:0 auto;}
.apply_box_wrap .apply_box {max-width:476px;width:48%;}
.apply_box_wrap .apply_box .apply_box_inner {padding:25px 30px;background:#fff;border-radius:15px;}  
.apply_box_wrap .apply_box .apply_box_ttl {font-size:32px;font-weight:700;color:#0b72c9;text-align:center;margin-bottom:28px}
.apply_box_wrap .apply_box ul {display:flex;justify-content:space-between;}
.apply_box_wrap .apply_box ul li {margin-right:10px;position:relative;max-width:96px;width:25%;}
.apply_box_wrap .apply_box ul li:last-child {margin-right:0;}
.apply_box_wrap .apply_box ul li span {display:inline-block;font-size:16px;color:#fff;padding:5px 10px;background:#db6c00;border-radius:11px;position:absolute;left:-7px;top:-15px;transform:rotate(-15deg);}
.apply_box_wrap .apply_box ul li .img_box {max-width:96px;height:0;padding-top:96%;border:1px solid #dddddd;border-radius:15px;}
.apply_box_wrap .apply_box ul li:nth-child(1) .img_box {background:#fff url(../images/common/pop_apply_ico01.png) no-repeat center;}
.apply_box_wrap .apply_box ul li:nth-child(2) .img_box {background:#fff url(../images/common/pop_apply_ico02.png) no-repeat center;}
.apply_box_wrap .apply_box ul li:nth-child(3) .img_box {background:#fff url(../images/common/pop_apply_ico03.png) no-repeat center;}
.apply_box_wrap .apply_box ul li:nth-child(4) .img_box {background:#fff url(../images/common/pop_apply_ico04.png) no-repeat center;}
.apply_box_wrap .apply_box:last-child ul li:nth-child(4) .img_box {background:#fff url(../images/common/pop_apply_ico05.png) no-repeat center;}
.apply_box_wrap .apply_box ul li p {text-align:center;font-size:15px;color:#0b72c9;margin-top:10px;word-break:keep-all;}
.apply_box_wrap .apply_box .apply_btn {background:#0077db;color:#fff;text-align:center;height:44px;border-radius:22px;margin:20px auto 0;display:flex;font-size:18px;align-items:center;justify-content:center;width:155px;}

/* 02.강의 수준 */
.apply_course {padding:26px 68px 57px 88px;background:#fff;border-radius:15px;}
.apply_course .apply_course_ttl {font-size:32px;color:#0b72c9;font-weight:700;text-align:center;margin-bottom:40px}
.apply_course ul {display:flex;flex-wrap:wrap;width:100%;}
/*.apply_course ul li {margin-right:15px;width:calc(16.66% - 16px);min-width:120px;margin-bottom:10px;min-height:62px}*/
.apply_course ul li {margin-right:15px;width:calc(24.66% - 16px);min-width:120px;margin-bottom:10px;min-height:62px}
.apply_course ul li button {display:inline-block;border:1px solid #1a3c83;color:#1a3c83;font-size:16px;text-align:center;padding:6px 5px;border-radius:5px;box-sizing:border-box;width:100%;height:100%;}
.apply_course ul li.active button {background:#1a3c83;;color:#fff;}

/* 공통 하단 버튼 */
.bottom_btn {display:flex;justify-content:space-between;margin-top:33px;}
.bottom_btn button {display:inline-block;;border-radius:22px;font-size:18px;color:#ffffff;width:150px;height:44px;line-height:44px;text-align:center;}
.bottom_btn button.apply_prev {background:#777777;}
.bottom_btn button.apply_next {background:#0077db;}

/* 03.강의 언어 */
.apply_lang {padding:26px 68px 57px 88px;background:#fff;border-radius:15px;}
.apply_lang .apply_lang_ttl {font-size:32px;color:#0b72c9;font-weight:700;text-align:center;margin-bottom:40px}
.apply_lang ul {display:flex;flex-wrap:wrap;width:100%;}
.apply_lang ul li {margin-right:15px;width:calc(16.66% - 16px);min-width:120px;margin-bottom:10px;}
.apply_lang ul li button {display:inline-block;border:1px solid #1a3c83;color:#1a3c83;font-size:16px;text-align:center;padding:6px 5px;border-radius:5px;box-sizing:border-box;width:100%;}
.apply_lang ul li.active button {background:#1a3c83;;color:#fff;}

/* 04.수강신청 */
.layer_pop_main .pop_inner_cont.pop_wd100 {width:100%;background:#fff;}
.pop_wd100 .bottom_btn {width:90%;margin:33px auto 0;justify-content:center;position:relative;}
.pop_wd100 .bottom_btn button.apply_prev {position:absolute;left:0;}
.apply_ask {background:#fff;padding-top:25px}
.apply_ask .apply_ask_ttl {font-size:32px;color:#0b72c9;font-weight:700;text-align:center;margin-bottom:40px}
.apply_ask .pop_cont_lst {background-color:#fff;padding:20px 30px 40px 30px;position:relative;}
.apply_ask .pop_cont_lst .pop_cont_lst_top {display:flex;justify-content:space-between;align-items:center;}
.apply_ask .pop_cont_lst .pop_cont_lst_top .edu_num {display: inline-block;vertical-align: middle;margin-left: 10px;padding: 5px 11px;background-color: #424242;border-radius: 25px;}
.apply_ask .pop_cont_lst .pop_cont_lst_top .edu_num span {padding-left: 25px;font-size: 16px;color: #ffffff;background: url(../images/icon/icon_book.png) no-repeat left top 8px;display: block;line-height: 28px;}
.apply_ask .pop_cont_lst .pop_cont_lst_top .main_more_btn {
	height: 30px;top: 45px;right: 35px;padding-left: 30px;font-size: 16px;
    font-weight: bold;color: #2f97ea;line-height: 30px;letter-spacing: -0.08em;background: url(../../images/icon/icon_plus02.png) no-repeat center left;
}
.apply_ask .pop_cont_lst .pop_cont_lst_top .main_more_btn span {font-size: 16px;font-weight: bold;color: #2f97ea;line-height: 30px;letter-spacing: -0.08em;}

.apply_ask .pop_cont_lst ul.course_lst > li {border: 1px solid #c6d6dd;border-radius:15px;padding:0 25px 20px 25px;margin-top:30px;display:flex;align-items:flex-end;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category {display: flex;align-items: flex-end;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category p {font-size: 14px;color: #ee7806;padding-right: 5px;margin-bottom:5px;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category .course_tag {padding:10px 7px;background-color:#000;color:#fff;font-size:13px;text-align:center;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category > * + * {margin-left: 10px;margin-bottom:5px}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category .ic_video {
    background: #8841ff url(../../asset/images/common/ico_distance.png) no-repeat center;
    background-size: 15px;
}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category .ic_homework {
    background: #2548cc url(../../asset/images/common/ico_assignment.png) no-repeat center;
    background-size: 11px;
}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category [class^='ic_'] {text-indent: -9999px;width: 21px;height: 21px;border-radius: 50%;display: inline-block;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_category + .list_title {margin-top: 10px;display: flex;align-items: center;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_title > * {flex: none;margin-right:10px;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_title .tag_wrap {margin-right: 10px;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_title .tag_wrap span.blue {color: #4696cf;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_title .tag_wrap span {
	float: left;font-size: 11px;background-color: #ffffff;border-radius: 5px;
	font-size: 11px;color: #246d97;font-weight: 500;display: inline-block;padding: 5px 10px;border: 1px solid #dddddd;border-radius: 5px;text-align: center;
}
.apply_ask .pop_cont_lst ul.course_lst > li .list_title .tag_wrap::after {display: block;clear: both;content: "";}

.apply_ask .pop_cont_lst ul.course_lst > li .left {width:calc(100% - 260px);}
.apply_ask .pop_cont_lst ul.course_lst > li .list_title .title {font-size: 20px;font-weight: bold;flex: none;display: block;color: #333333;    display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 84%;}

.apply_ask .pop_cont_lst ul.course_lst > li .list_cont {margin-top: 15px;display: flex;align-items: flex-end;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont {}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul {overflow:hidden;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul > li {float: left;margin-right:30px;margin-bottom:10px;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul > li:last-child {margin-right:0}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul > li > span.tit {border-right: 1px solid #a5a6a7;float: left;font-size: 13px;padding-right: 7px;margin-right:7px;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul > li span.blue {color: #146bc4;background: none;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul > li::after {display: block;clear: both;content: "";}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul + ul {margin-top: 12px;}
.apply_ask .pop_cont_lst ul.course_lst > li .list_cont .cont > ul > li .tit + span {background:transparent; font-size:13px;}

.apply_ask .pop_cont_lst ul.course_lst > li .btn_wrap {display:flex;margin-bottom:10px;}
.apply_ask .pop_cont_lst ul.course_lst > li .btn_wrap button.btn_request {background-color: #3583ba;}
.apply_ask .pop_cont_lst ul.course_lst > li .btn_wrap button {float: left;width: 125px;height: 44px;color: #fff;text-align: center;line-height: 44px;border-radius: 5px;font-size: 17px;}
.apply_ask .pop_cont_lst ul.course_lst > li .btn_wrap button.btn_shopping {background-color: #2f385a;margin-left:10px;}

.pop_top {position:absolute;right:3%;bottom:50px;}
#pop_top {display:block;}


/* 페이징 */
.pagination {
	/* width: 1000px; */
	margin: 0 auto;
	font-size: 0px;
	text-align: center;
}
.pagination a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
	border-radius: 5px;
	text-align: center;
}
.pagination a + a {margin: 0 2px;}
.pagination a:hover {
	background: #3583ba;
	border: solid 1px #3583ba;
	color: #fff;
	text-decoration: none;
}
.pagination a.on {
	background-color: #3583ba;
	border: solid 1px #3583ba;
	color: #fff;
	text-decoration: none;
}
.pagination a.pprev {
	border: solid 1px #ccc;
	border-radius: 5px 0 0 5px;
	background: url('../images/common/page_prev_btn01.png') no-repeat center center #fff;
}
.pagination a.prev {
	border: solid 1px #ccc;
	border-radius: 0 5px 5px 0;
	background: url('../images/common/page_prev_btn02.png') no-repeat center center #fff;
}
.pagination a.pprev + a.prev {border-left: 0px; margin-left: 0px;}
.pagination a.pprev:hover {background-color: #3583ba;}
.pagination a.prev:hover {background-color: #3583ba;}
.pagination a.next {
	margin-right: 0px;
	border: solid 1px #ccc;
	border-right: 0px;
	border-radius: 5px 0 0 5px;
	background: url('../images/common/page_next_btn02.png') no-repeat center center #fff;
}
.pagination a.nnext {
	margin: 0px;
	border: solid 1px #ccc;
	border-radius: 0 5px 5px 0;
	background: url('../images/common/page_next_btn01.png') no-repeat center center #fff;
}
/* .pagination a.next + a.nnext {border-left: 0px; margin-left: -3px;} */
.pagination a.next:hover {background-color: #3583ba;}
.pagination a.nnext:hover {background-color: #3583ba;}

.pagination.bggreen a:hover {background-color: #c5d25b; border: 1px solid #c5d25b;}
.pagination.bggreen a.on {background-color: #c5d25b; border: 1px solid #c5d25b;}

.layer_popup_body_area .pagination a:hover {color: #7386bc; background-color: #fff;}
.pagination.bg_white_paging a.on {
	color: #7386bc; background-color: #fff;
}
.apply_ask .pagination {margin:30px auto;}
.apply_ask .pagination a.pprev {border: solid 1px #ccc;border-radius: 5px 0 0 5px;background: url(../images/common/page_prev_btn01.png) no-repeat center center #fff;text-indent: -9999px;}
.apply_ask .pagination a.prev {border: solid 1px #ccc;border-radius: 0 5px 5px 0;background: url(../images/common/page_prev_btn02.png) no-repeat center center #fff;text-indent: -9999px;}
.apply_ask .pagination a.next {margin-right: 0px;border: solid 1px #ccc;border-right: 0px;border-radius: 5px 0 0 5px;background: url(../images/common/page_next_btn02.png) no-repeat center center #fff;text-indent: -9999px;}
.apply_ask .pagination a.nnext {margin: 0px;border: solid 1px #ccc;border-radius: 0 5px 5px 0;background: url(../images/common/page_next_btn01.png) no-repeat center center #fff;text-indent: -9999px;}

@media screen and (max-width:1200px){
	.apply_ask .pop_cont_lst ul.course_lst > li .left {width: calc(100% - 260px)!important;}
}

@media screen and (max-width:900px){
	.step_section ul li button {font-size:18px;padding:0 15px;height:55px;min-width:150px;}
	.apply_box_wrap {flex-wrap:wrap;justify-content:center}
	.apply_box_wrap .apply_box {width:200%;}
	.apply_box_wrap .apply_box:last-child {margin-top:30px;}
}

@media screen and (max-width:740px){
	.layer_pop {min-width:740px;}
}



/* 20230821 수정, 20230920 추가수정 끝 */
	
/* header */
#header {position: relative; z-index: 1000; /*padding-bottom: 15px;*/}
#header:after {content:""; display: block; clear: both;}
	.header {border-bottom: 1px solid #d1d1d1;}
	.header:after {content:""; display: block; clear: both;}
	.header_layer {position: relative; height: 110px; width: 1200px; margin: 40px auto 0;}
	
	h1.home_logo {display: inline-block; vertical-align: top;}
	
	.header_search_area {position: absolute; overflow: hidden; display: inline-block; left: 50%; margin-left: -270px; text-align: center;}
		.header_search_area .header_search {position: relative; overflow: hidden; width: 540px; height: 45px; margin: 0 auto 15px; background-color: #ededed; border-radius: 50px;}
		.header_search_area .header_search input[type=text].search_field_type01 {display: block; float: left; width: calc(100% - 111px); height: 45px; margin: 0 0 0 25px; border: 0px; outline: none; background-color: #ededed;}
		input.search_field_type01 + i.clearable_clear {display: none; position: absolute; width: 22px; height: 22px; margin-top: -10px; top: 50%; right: 55px; cursor: pointer; background: url('../images/common/clear_btn00.png') no-repeat center; text-indent: -9999px;}
		.header_search_area .header_search .search_btn {display: block; width: 45px; height: 45px; margin-right: 10px; float: right;}
		
	.header_search_area .search_keyword_area {overflow: hidden; display: inline-block; width: 400px; height: 22px; margin-bottom: 10px;}
		.header_search_area .search_keyword_area span.search_keyword_title {display: inline-block; float: left; font-size: 13px; line-height: 1.4em; color: #808080; vertical-align: top;}
		.header_search_area .search_keyword_area span.search_keyword_title::after {content: " "; display: inline-block; width: 1px; height: 10px; margin: 0 10px; background-color: #808080;}
		.header_search_area .search_keyword_area ul.search_keyword_list {overflow: hidden; display: block; width: 290px; height: 20px; vertical-align: top; text-align: left;}
		.header_search_area .search_keyword_area ul.search_keyword_list li {display: inline-block; float: left; vertical-align: top; line-height: 1.4em;}
		.header_search_area .search_keyword_area ul.search_keyword_list li + li {margin-left: 3px;}
		.header_search_area .search_keyword_area ul.search_keyword_list li a {overflow: hidden; color: #333333;}
		.header_search_area .search_keyword_area ul.search_keyword_list li a:hover {color: #0077ff; text-decoration: underline;}
	
	.header_search_area .search_keyword_area:lang(en) {width: auto;}


	.header_btn_area {overflow: hidden; position: absolute; right: 0px; top: 0px;}
		.header_btn_area .header_top_area {overflow: hidden; margin: 2px 0 13px 0; float: right;}
		.header_btn_area .header_top_area > div {display: inline-block; vertical-align: middle;}
		.header_btn_area .header_top_area > div > * {vertical-align: middle;}
		.header_btn_area .header_top_area > div .zoomClass{display: inline-block; cursor: pointer; width: 20px; height: 20px; background: #fff; font: 300 15px/15px"Noto Sans KR" , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica"; color: #666; padding: 0; margin-left:2px;}
		.header_btn_area .header_top_area > div .zoomClass img {display: block; max-width: 100%;}
		.header_btn_area .header_top_area > div .zoomSpan{display: block; margin-top: -3px; font-size: 16px; padding: 0;}
		.header_btn_area .header_top_area > div + ul {margin-left: 10px;}
		.header_btn_area .header_top_area ul {overflow: hidden; display: inline-block; vertical-align: middle;}
		.header_btn_area .header_top_area ul li {float: left;}
		.header_btn_area .header_top_area ul li + li {margin-left: 9px;}
		.header_btn_area .header_top_area ul li a {position: relative; display: inline-block; padding-bottom: 5px; color: #777; font-weight: 500; text-align: center;}
		.header_btn_area .header_top_area ul li a.on {color: #2f97ea;}
		.header_btn_area .header_top_area ul li a.on:BEFORE {position: absolute; display: block; content: ""; width: 100%; height: 2px; bottom: 0px; left: 0px; background: #2f97ea;}
		.header_btn_area .header_top_area ul li a:hover:BEFORE {position: absolute; display: block; content: ""; width: 100%; height: 2px; bottom: 0px; left: 0px; background: #2f97ea;}
		
/*
		.header_btn_area .header_top_area ul li a.language_ko_btn.on {background-color: #3b607a; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_ko_btn:hover {background-color: #3b607a; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_en_btn.on {background-color: #4b81a7; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_en_btn:hover {background-color: #4b81a7; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_zh_btn.on {background-color: #924f48; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_zh_btn:hover {background-color: #924f48; text-decoration: none;}


		.header_btn_area .header_top_area ul li a.language_ko_btn.on {background-color: #0078ff; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_ko_btn:hover {background-color: #0078ff; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_en_btn.on {background-color: #0078ff; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_en_btn:hover {background-color: #0078ff; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_zh_btn.on {background-color: #0078ff; text-decoration: none;}
		.header_btn_area .header_top_area ul li a.language_zh_btn:hover {background-color: #0078ff; text-decoration: none;}
*/
		.header_btn_area .header_bottom_area {overflow: hidden; clear: both; padding: 9px 22px; border: 1px solid #cce4ff; border-radius: 22px;}
		.header_btn_area .header_bottom_area ul {overflow: hidden;}
		.header_btn_area .header_bottom_area ul li {position: relative; float: left;}
		.header_btn_area .header_bottom_area ul li + li {padding-left: 30px;}
		.header_btn_area .header_bottom_area ul li + li:BEFORE {position: absolute; display:block; content: ""; width: 1px; height: 16px; top: 5px; left: 15px; background-color: #cce4ff;}
		.header_btn_area .header_bottom_area ul li a {display: block; font-size: 14px; color: #0078ff; font-weight: 500;}
		.header_btn_area .header_bottom_area ul li a span {display: block; height: 26px; line-height: 26px;}
		.header_btn_area .header_bottom_area ul li a:hover {text-decoration: none;}
		.header_btn_area .header_bottom_area ul li a.login_btn span {padding-left: 35px; background: url('../images/common/login_bg.png') no-repeat left center;}
		.header_btn_area .header_bottom_area ul li a.mypage_btn span {padding-left: 35px; background: url('../images/common/mypage_bg.png') no-repeat left center;}


/* 20211012 수정 */
	.gnb_layer {overflow: hidden; position: relative; border-top: 1px solid #e2e2e2;}
		.gnb_layer > .gnb_area {margin: 0 auto; width: 1200px; overflow: hidden;}
		.gnb_layer > .gnb_area ul {height: 56px; margin: 0 auto;}
		.gnb_layer > .gnb_area ul li {float: left; width: 33.3333%; text-align: center; border-left: 1px solid #e2e2e2; box-sizing: border-box;}
		.gnb_layer > .gnb_area ul li:last-child {border-right: 1px solid #e2e2e2;}
		.gnb_layer > .gnb_area ul li a {display: block; font-size: 18px; color: #444444; font-weight: 700; height: 56px; background: #ffffff; display: flex; align-items: center; justify-content: center; line-height: 1.2;}
		.gnb_layer > .gnb_area ul li a:hover {color: #d17411; text-decoration: none;}
		.gnb_layer > .gnb_area ul li a.gnb_on {color: #d17411 !important;}
/* // 20211012 수정 */		

/* container */
#container {overflow: hidden; display: block; max-width: 1920px; clear: both; position: relative; z-index: 1; margin: 0 auto;}
	/* .content_area { }
	.content_area:after {content:""; display: block; clear: both;}
	 */
#content.main {overflow: hidden;}
#content.sub {overflow: hidden; background-color: #ecf1f6;}
#content.sub02 {overflow: hidden; }
#content.sub03 {overflow: hidden; background-color: #eff1e3;}
#content.sub04 {overflow: hidden; background-color: #f7f5ef;}
#content.sub05 {overflow: hidden; background-color: #ebf2f5;}


/* 스크롤 */
/* .hidden_scrollbar {-ms-overflow-style: none; scrollbar-width: none;}  */
/* .hidden_scrollbar::-webkit-scrollbar {display:none;}  */

.hidden_scrollbar {
	scrollbar-face-color: transparent;
	scrollbar-track-color: transparent;
	scrollbar-arrow-color: transparent;
	scrollbar-highlight-color: transparent;
	scrollbar-3dlight-color: transparent;
	scrollbar-shadow-color: transparent;
	scrollbar-darkshadow-color: transparent;
	scrollbar-hightlight-color:transparent;
/* 	
scrollbar-arrow-color:#9D9992;
scrollbar-3dlight-color:#D4D0C8;
scrollbar-darkshadow-color:#D4D0C8;
scrollbar-face-color:#FFFFFF;
scrollbar-hightlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#EAE7E1; */

} 
/* .hidden_scrollbar::-webkit-scrollbar {display:none;}  */


/* lnb */
.lnb_area {/*overflow: hidden;*/ position: relative; float: left; width: 114px; height: 100%; min-height: 1200px; background-color: #3c4e5f;}
.lnb_area .lnb_top_area {overflow: hidden;}
.lnb_area .lnb_top_area ul {}
.lnb_area .lnb_top_area ul li {position: relative; text-align: center; padding-top: 8px; padding-bottom: 5px;}
.lnb_area .lnb_top_area ul li a {display: block; min-height: 143px; color: #ffffff; font-size: 15px; font-weight: 500;}
.lnb_area .lnb_top_area ul li a:focus {outline: 2px solid #ffffff;}
.lnb_area .lnb_top_area ul li a:hover {text-decoration: none;}
.lnb_area .lnb_top_area ul li a span {display: block; padding-top: 100px;}
/* 
-- 마이페이지 --
menu01 - 내계정
menu02 - 내강좌
menu03 - 학습로드맵
menu04 - 내 자료
menu05 - 메시지함
menu06 - 성적/수료
-- 강의실 --
menu07 - 강의계획서(강의소개)
menu08 - 강의수강
menu09 - 강의 로드맵
menu10 - 공지사항
menu11 - 커뮤니티
menu12 - 자료실
*/
.lnb_area .lnb_top_area ul li.menu01 {background:url('../images/sub/mypage_lnb_menu01_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu01:hover {background:url('../images/sub/mypage_lnb_menu01_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu01.on {background:url('../images/sub/mypage_lnb_menu01_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu02 {background:url('../images/sub/mypage_lnb_menu02_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu02:hover {background:url('../images/sub/mypage_lnb_menu02_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu02.on {background:url('../images/sub/mypage_lnb_menu02_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu03 {background:url('../images/sub/mypage_lnb_menu03_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu03:hover {background:url('../images/sub/mypage_lnb_menu03_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu03.on {background:url('../images/sub/mypage_lnb_menu03_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu04 {background:url('../images/sub/mypage_lnb_menu04_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu04:hover {background:url('../images/sub/mypage_lnb_menu04_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu04.on {background:url('../images/sub/mypage_lnb_menu04_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu05 {background:url('../images/sub/mypage_lnb_menu05_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu05:hover {background:url('../images/sub/mypage_lnb_menu05_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu05.on {background:url('../images/sub/mypage_lnb_menu05_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu06 {background:url('../images/sub/mypage_lnb_menu06_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu06:hover {background:url('../images/sub/mypage_lnb_menu06_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu06.on {background:url('../images/sub/mypage_lnb_menu06_on.png') no-repeat top 25px center #333636;}

.lnb_area .lnb_top_area ul li.menu07 {background:url('../images/sub/class_lnb_menu01_off.png') no-repeat top 25px center; }
.lnb_area .lnb_top_area ul li.menu07:hover {background:url('../images/sub/class_lnb_menu01_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu07.on {background:url('../images/sub/class_lnb_menu01_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu08 {background:url('../images/sub/class_lnb_menu02_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu08:hover {background:url('../images/sub/class_lnb_menu02_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu08.on {background:url('../images/sub/class_lnb_menu02_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu09 {background:url('../images/sub/class_lnb_menu03_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu09:hover {background:url('../images/sub/class_lnb_menu03_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu09.on {background:url('../images/sub/class_lnb_menu03_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu10 {background:url('../images/sub/class_lnb_menu04_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu10:hover {background:url('../images/sub/class_lnb_menu04_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu10.on {background:url('../images/sub/class_lnb_menu04_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu11 {background:url('../images/sub/class_lnb_menu05_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu11:hover {background:url('../images/sub/class_lnb_menu05_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu11.on {background:url('../images/sub/class_lnb_menu05_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu12 {background:url('../images/sub/class_lnb_menu06_off.png') no-repeat top 25px center;}
.lnb_area .lnb_top_area ul li.menu12:hover {background:url('../images/sub/class_lnb_menu06_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_top_area ul li.menu12.on {background:url('../images/sub/class_lnb_menu06_on.png') no-repeat top 25px center #333636;}




.lnb_area .lnb_top_area ul li span.count {position: absolute; display: inline-block; width: 30px; height: 30px; top: 20px; right: 15px; color: #ffffff; font-size: 11px; text-align: center; line-height: 30px; border-radius: 50px; background-color: #21a3ce;}

.lnb_area .lnb_bottom_area {/*position: absolute; bottom: 0px; left: 0px;*/ width: 114px;}
.lnb_area .lnb_bottom_area ul li {text-align: center;}
.lnb_area .lnb_bottom_area ul li a {display: block; width: 100%; min-height: 148px; color: #ffffff; font-size: 15px; font-weight: 500;}
.lnb_area .lnb_bottom_area ul li a:hover {text-decoration: none;}
.lnb_area .lnb_bottom_area ul li a span {display: block; padding-top: 108px;}
.lnb_area .lnb_bottom_area ul li.menu01 {background:url('../images/sub/lnb_main_menu_off.png') no-repeat top 25px center;}
.lnb_area .lnb_bottom_area ul li.menu01:hover {background:url('../images/sub/lnb_main_menu_on.png') no-repeat top 25px center #333636;}
.lnb_area .lnb_bottom_area ul li.menu02 {background:url('../images/sub/lnb_mypage_menu_off.png') no-repeat top 25px center;}
.lnb_area .lnb_bottom_area ul li.menu02:hover {background:url('../images/sub/lnb_mypage_menu_on.png') no-repeat top 25px center #333636;}

.lnb_area ul li.menu98 {background:url('../images/sub/lnb_main_menu_off.png') no-repeat top 25px center;}
.lnb_area ul li.menu98:hover {background:url('../images/sub/lnb_main_menu_on.png') no-repeat top 25px center #333636;}
.lnb_area ul li.menu99 {background:url('../images/sub/lnb_mypage_menu_off.png') no-repeat top 25px center;}
.lnb_area ul li.menu99:hover {background:url('../images/sub/lnb_mypage_menu_on.png') no-repeat top 25px center #333636;}

/* footer */	
#footer {line-height: normal;}
#footer:after {content:""; clear:both; display:block;}
	.footer_area {}
	.footer_link_area {background-color: #2d2d2d; height: 66px;}
	
	.footer_site_area {overflow: hidden; height: 84px;}
		.footer_site_area .site_link_area {width: 1200px; margin: 0 auto; position: relative;}
		.footer_site_area .site_link_area .site_link_title {float: left; width: 200px; height: 84px;}
		.footer_site_area .site_link_area .site_link_title h3 {font-size: 20px; line-height: 84px; color: #333333; font-weight: 500;}
		.footer_site_area .site_link_area .site_link_con {overflow: hidden; width: 930px; height: 84px; line-height: 84px;}
		.footer_site_area .site_link_area .site_link_con a {display: block; vertical-align: middle; text-align: center;}
		.footer_site_area .site_link_area .site_link_con a img {display: inline-block;}
		
		.footer_site_area .site_link_area .site_link_btn {position: absolute; top: 50%; margin-top: -17px; right: 0px;} 
		.footer_site_area .site_link_area .site_link_btn a {float: left; display: inline-block; width: 35px; height: 35px; margin-left: -1px; border: 1px solid #adadad; box-sizing: border-box;}
		.footer_site_area .site_link_area .site_link_btn a span {text-indent: -9999px; font-size: 0; line-height: 0;}
		.footer_site_area .site_link_area .site_link_btn a.site_prev_btn {background: url('../images/common/prev_btn02.png') no-repeat center center;}
		.footer_site_area .site_link_area .site_link_btn a.site_next_btn {background: url('../images/common/next_btn02.png') no-repeat center center;}

	.footer_link_area .footer_link {width: 1600px; margin: 0 auto;}
		.footer_link_area .footer_link ul {}
		/* .footer_link_area .footer_link ul li {float: left; width: 33.3333%; border-left: 2px solid #3c3c3c; box-sizing: border-box; text-align: center;} */
		.footer_link_area .footer_link ul li {float: left; width: 25%; border-left: 2px solid #3c3c3c; box-sizing: border-box; text-align: center;}
		.footer_link_area .footer_link ul li:last-child {border-right: 2px solid #3c3c3c;}
		.footer_link_area .footer_link ul li a {display: block; height: 66px; line-height: 66px; font-size:16px; color: #9a9a9a;}
		.footer_link_area .footer_link ul li a:hover {text-decoration: none;}

	.footer_con_area {overflow: hidden; height: 110px;}
		.footer_con_area .footer_con {position: relative; width: 1200px; margin: 0 auto; font-size: 14px; color: #777777;}
		.footer_con_area .footer_con ul {overflow: hidden; margin: 20px 0 10px 0;}
		.footer_con_area .footer_con ul li {float: left;}
		.footer_con_area .footer_con ul li::after {content: " "; display: inline-block; width: 1px; height: 12px; margin: 0px 6px; background-color: #9a9a9a;}
		.footer_con_area .footer_con ul li:last-child::after {content: none;}
		.footer_con_area .footer_con ul li a {font-size: 14px; color: #777777;}
		.footer_con_area .footer_con ul li.emtxt a {color: #976f00;}
		.footer_con_area .footer_con p + p {margin-top: 5px;}

		.footer_con_area a[class^='btn_']{position: absolute; display: inline-block; height: 45px; margin-top: -23px; top: 50%; line-height: 45px; color: #ffffff; font-size: 16px; text-align: center; background: #464646;}
		.footer_con_area a[class^='btn_']:hover {text-decoration: none;}
		.footer_con_area a.btn_inquiry {width: 123px; right: 0px;}
		.footer_con_area a.btn_eclass {width: 160px; right: 293px;}
		.footer_con_area a.btn_cooperation {width: 150px; /*right: 293px;*/ right: 133px;}
		.footer_con_area a.btn_region {width: 150px; right: 133px;}