@charset "utf-8";


#content.main {}
/* 20211012 수정 */
.gnb_layer { position: relative; border-top: 0px;border-bottom: 1px solid #d1d1d1; background-color: #ffffff; overflow: visible;}
.gnb_layer > .gnb_area {margin: 0 auto; width: 1200px; overflow: visible;}
.gnb_layer > .gnb_area > ul {height: 56px; margin: 0 auto;}
.gnb_layer > .gnb_area > ul > li {float: left; width: 25%; text-align: center; border-left: 1px solid #e2e2e2; box-sizing: border-box; position: relative;}
.gnb_layer > .gnb_area > ul > li:last-child {border-right: 1px solid #e2e2e2;}
.gnb_layer > .gnb_area > ul > li > a.txt_emp {background-color: #e3f0ff;}
.gnb_layer > .gnb_area > ul > li > a.txt_emp > span {position: relative; padding-left: 30px;}
.gnb_layer > .gnb_area > ul > li > a.txt_emp > span:BEFORE {position: absolute; display: block; content: ""; width:20px; height: 20px; top: 4px; left: 0px; background: url('../images/icon/icon_gnb_q.png') no-repeat center center;}
.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:hover > a {color: #d17411; text-decoration: none;}
.gnb_layer > .gnb_area > ul > li > a.gnb_on {color: #d17411 !important;}
.gnb_layer > .gnb_area ul.depth02{position: absolute; top: 100%; width: calc(100% + 2px); z-index: 1; background: #ffffff; border: 1px solid #e2e2e2; left: -1px; padding: 12px 0; display: none; height: auto;}
.gnb_layer > .gnb_area ul.depth02 > li{width: 100%; border: 0}
.gnb_layer > .gnb_area ul.depth02 > li > a{display: block; line-height: 2.14285; font-size: 16px; color: inherit; font-weight: 400;}
.gnb_layer > .gnb_area ul.depth02 > li > a:hover{ color: #d17411; }
.gnb_layer > .gnb_area > ul > li:hover > ul.depth02{display:block;}
	
		
		
/* // 20211012 수정 */

.main_content {overflow: hidden; padding-bottom: 70px; /*width: 1200px; margin: 0 auto; padding-bottom: 120px;*/}
.header_btn_area .header_top_area {overflow: hidden; margin: 2px 0 13px 0; float: right;}

/* 메인 상단 슬라이드 영역, 로그인, 회원가입, 공지사항 영역 */
.main_area01 {overflow: hidden; width: 1200px; margin: 30px auto;}

.main_area01 .main_slider_area {overflow: hidden; position: relative; display: inline-block; float: left; width: 597px; height: 400px; border-radius: 20px;}
.main_area01 .main_slider_area .slick-slide a {border-radius: 20px; overflow: hidden; position: relative;}
.main_area01 .main_slider_area .slick-slide a::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20px; box-sizing: border-box; display: block;}
.main_area01 .main_slider_area .slick-slide a:focus::before {border: 2px solid black}
	.slider_control_area {position: absolute; bottom: 22px; left: 25px;}
	.slider_btn {display: inline-block; padding: 10px; border: 1px solid #dddddd; background-color: #ffffff; border-radius: 5px; vertical-align: middle;}
	.slider_btn a {display: inline-block; vertical-align: middle;}
	.slider_btn a img {display: block;}
	.slider_page {display: inline-block; margin: 0 10px; font-size: 20px; color: #888888; text-align: center; font-weight: bold; vertical-align: middle; }
	.slider_page .now_num {color: #0078ff;}
	.slider_page span + span {position: relative; padding-left: 25px;}
	.slider_page span + span:BEFORE {position: absolute; display:inline-block; content: ""; width: 2px; height: 20px; top: 6px; left: 10px; background: #e6e6e6;}
	.slider_control_area a.slider_control_btn {display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 38px; background: #787878; border: 1px solid #e1e1e1; border-radius: 5px; vertical-align: middle;}
	
.main_area01 .account_noti_area {display: inline-block; width: 573px; margin-left: 30px;}

/*.mini_banner {display: inline-block; width: 150px; height: 300px; margin-left: 50px; position: absolute; top: 175px}*/
.mini_banner {display: inline-block; width: 150px; height: 300px; margin-left: 50px; position: absolute; top: 180px}
/*.mini_banner .fix {display: inline-block; width: 150px; height: 300px; margin-left: 50px; position: fixed; top: 0}*/
.mini_banner > ul {height: 100%;}
.mini_banner > ul > li {height: 50%; border: 2px solid #dddddd; border-left: none; border-right: none; background: #FFFFFF}
.mini_banner > ul >li:nth-child(2) {border-top: none}
/*.mini_banner > ul > li:nth-child(1) {height: 50%; border: 1px solid #dddddd; margin-bottom: 10px;}*/
/*.mini_banner > ul > li:nth-child(2) {height: 50%; border: 1px solid #dddddd; margin-bottom: 10px;}*/
.mini_banner > ul > li > a > p {height: 100%; text-align: center; align-content: center; font-size: 18px; padding: 5px; color: #000000; font-weight: bold}
/*.mini_banner > ul > li > a > p:nth-child(1) {height: 100%; text-align: center; align-content: center; font-size: 15px; padding: 5px; color: #000000;}*/

.account_box {height: 70px; margin-bottom: 13px;}
	.account_box ul {}
	.account_box ul li {display: block; float: left;}
	.account_box ul li + li {margin-left: 13px;}
	.account_box ul li a {position: relative; display: block; height: 70px; font-size: 20px; font-weight: bold; letter-spacing: -0.08em; border-radius: 10px;}
	.account_box ul li a span {position: absolute; bottom: 15px; right: 25px;}
	.account_box ul li:nth-child(1) {width: 330px;}
	.account_box ul li:nth-child(2) {width: 230px;}
	.account_box ul li a.main_login {color: #8f19ff; background: url('../images/icon/icon_login02.png') no-repeat 15px 15px #f5ecfe;}
	.account_box ul li a.main_join {color: #0078ff; background: url('../images/icon/icon_member02.png') no-repeat 15px 15px #e3f0ff;}
	.account_box ul li a.main_mypage {color: #0078ff; background: url('../images/icon/icon_mypage02.png') no-repeat 15px 15px #e3f0ff;}
	.account_box ul li a.main_logout {color: #333333; background: url('../images/icon/icon_login03.png') no-repeat 15px 15px #dedede;}

.main_noti_area {overflow: hidden; position: relative; height: 316px; padding: 20px 25px 20px; border: 1px solid #dddddd; border-radius: 10px;}
	.main_noti_area h3.tit {padding-left: 45px; font-size: 27px; font-weight: bold; color: #111; letter-spacing: -0.08em; background: url('../../images/icon/icon_tit_bg.png') no-repeat center left; line-height: 40px;}
	.main_noti_area a.main_more_btn {position: absolute; height: 20px; top: 35px; right: 25px; padding-left: 30px; font-size: 16px; font-weight: bold; color: #2f97ea; line-height: 20px; letter-spacing: -0.08em; background: url('../../images/icon/icon_plus02.png') no-repeat center left;}
	.main_noti_area div {overflow: hidden; height: 227px; margin-top: 7px;}
	.main_noti_area div > ul {}
	.main_noti_area div > ul > li {padding: 13px 0; width: 100%; overflow: hidden;}
	.main_noti_area div > ul > li + li {border-top: 1px solid #dddddd;}
	.main_noti_area div > ul > li > * {float: left;}
	.main_noti_area div > ul > li > span {display: inline-block; margin-right: 5px; padding: 5px; font-size: 12px; color: #246dad; background-color: #ececec; border-radius: 5px; vertical-align: middle;}
	.main_noti_area div > ul > li > a {display: inline-block; font-size: 17px; color: #111; vertical-align: middle; max-width: calc(100% - 110px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20px}
	.main_noti_area div > ul > li > ul {margin-top: 12px; width: 100%;}
	.main_noti_area div > ul > li > ul > li {display: inline-block; vertical-align: middle;}
	.main_noti_area div > ul > li > ul > li + li {margin-left: 15px;}
	.main_noti_area div > ul > li > ul > li > span {display: inline-block; padding: 2px 0 2px 20px; font-size: 15px; color: #777777; letter-spacing: -0.08em;}
	.main_noti_area div > ul > li > ul > li > span.name {background: url('../images/icon/icon_info_off.png') no-repeat center left 0px; background-size: 15px 20px;}
	.main_noti_area div > ul > li > ul > li > span.date {background: url('../images/icon/icon_time02.png') no-repeat center left 0px; background-size: 18px 18px;}
	.main_noti_area div > ul > li > ul > li > span.view {background: url('../images/icon/icon_click.png') no-repeat center left 0px; background-size: 16px 20px;}
	.main_noti_area div > ul > li > ul > li > span.file {width: 21px; height: 15px; padding: 0px; font-size: 0px; text-indent: -9999px; background: url('../images/icon/icon_folder_off.png') no-repeat center left 0px; background-size: 21px 15px; vertical-align: top;}

/* 메인 중단 한국어진단평가 영역 */ 
.main_area02_wrap {width: 100%; height: 164px; background: url('../images/main/main_area02_bg.png') no-repeat center center #f3f9ff;}
	.main_area02_wrap .main_area02 {position: relative; width: 1200px; margin: 0 auto;}
	.main_area02_wrap .main_area02 strong {display: inline-block; margin-top: 55px; font-size: 22px; font-weight: bold; color: #111; letter-spacing: -0.04em;}
	.main_area02_wrap .main_area02 p {margin-top: 10px; font-size: 15px; color: #111; letter-spacing: -0.04em;}
	.main_area02_wrap .main_area02 a {position: absolute; display: inline-block; height: 58px; padding: 0px 25px; top: 53px; right: 0px; font-size: 21px; color: #fff; line-height: 58px; text-align: center; border-radius: 50px; background-color: #0078ff;}
	.main_area02_wrap .main_area02 a span {padding-right: 30px; background: url('../images/icon/icon_link_arrow04.png') no-repeat center right 0px;}

/* 메인 중단 한국어과정,한국문화과정 선택 영역 */
.main_area03 {position: relative; overflow: hidden; width: 1200px; margin: 20px auto 40px;}
	.main_area03 .main_edu_list_area {}
	.main_area03 .main_edu_list_area li {display: inline-block; float: left; width: 585px; height: 250px; text-align: center;}
	.main_area03 .main_edu_list_area li + li {margin-left: 30px;}
	.main_area03 .main_edu_list_area li > strong {display: inline-block; margin-top: 85px; font-size: 27px; font-weight: bold; color: #fff;}
	.main_area03 .main_edu_list_area li > p {margin-top: 10px; font-size: 15px; color: #fff; text-align: center;}
	.main_area03 .main_edu_list_area li > a {display: inline-block; margin-top: 10px; height: 35px; padding: 0 23px; font-size: 16px; color: #fff; line-height: 35px; text-align: center; border-radius: 22px;}
	.main_area03 .main_edu_list_area li > a > span{padding-right: 25px;}
	.main_area03 .main_edu_list_area li:nth-child(1) {background: url('../images/main/main_edu_bg01.png') no-repeat center center;}
	.main_area03 .main_edu_list_area li:nth-child(1) > a {background-color: #8f19ff;}
	.main_area03 .main_edu_list_area li:nth-child(1) > a span {background: url('../images/icon/icon_link_arrow02.png') no-repeat center right 0px;}
	.main_area03 .main_edu_list_area li:nth-child(2) {background: url('../images/main/main_edu_bg02.png') no-repeat center center;}
	.main_area03 .main_edu_list_area li:nth-child(2) > a {background-color: #0078ff;}
	.main_area03 .main_edu_list_area li:nth-child(2) > a span {background: url('../images/icon/icon_link_arrow03.png') no-repeat center right 0px;}
	
	.main_area03 ul.main_edu_hidden_tab {position: absolute; width: 100%; z-index: 1;}
	.main_area03 ul.main_edu_hidden_tab li {display: inline-block; float: left; width: 50%; height: 191px;}
	.main_area03 ul.main_edu_hidden_tab li:nth-child(1) {background: url('../../images/main/main_edu_bg01_off.png') no-repeat top 0px left 0px;}
	.main_area03 ul.main_edu_hidden_tab li.on:nth-child(1) {background: url('../../images/main/main_edu_bg01_on.png') no-repeat top 0px left 0px;}
	.main_area03 ul.main_edu_hidden_tab li:nth-child(2) {background: url('../../images/main/main_edu_bg02_off.png') no-repeat top 0px left 0px;}
	.main_area03 ul.main_edu_hidden_tab li.on:nth-child(2) {background: url('../../images/main/main_edu_bg02_on.png') no-repeat top 0px left 0px;}
	.main_area03 ul.main_edu_hidden_tab li a {}
	.main_area03 ul.main_edu_hidden_tab li a strong {display: inline-block; margin: 40px 0 0 35px; padding-bottom: 30px; font-size: 27px; color: #fff; font-weight: bold;}
	.main_area03 ul.main_edu_hidden_tab li:nth-child(1) a strong {background: url('../images/icon/icon_link_arrow02.png') no-repeat bottom left;}
	.main_area03 ul.main_edu_hidden_tab li:nth-child(2) a strong {background: url('../images/icon/icon_link_arrow03.png') no-repeat bottom left;}
	
	.main_area03 .hidden_tab_area01 {overflow: hidden; position: relative; margin-top: 164px; padding-bottom: 15px; border: 1px solid #dddddd; border-top: 0px; border-radius: 5px; }
	.main_area03 .hidden_tab_area01 .hidden_tab_h {overflow: hidden; width: 100%; height: auto; margin: 0 0 20px 0px; background-color: #f3f9ff;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h p {margin: 45px 35px 0 35px; font-size: 18px; color: #333333; line-height: 1em;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area {overflow: hidden; padding: 40px 20px 20px;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .lang_area {display:flex;flex-wrap:wrap;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .lang_area button {
	background-color: #fff; color: #1a3c83; float: left;margin-right:5px;margin-bottom:5px;max-width:120px;box-sizing:border-box;text-align:center;padding:0;
	border:1px solid #1a3c83;
	}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .lang_area button.active {background-color: #1a3c83; color: #fff;}
	
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .right {overflow: hidden;margin-bottom:9px;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .right > * {float: left;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .right > * + * {margin-left: 10px;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .right > p {margin: 0; font-size: 14px; line-height: 37px;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .right .list_view_select {width: 270px; margin-top: 0; margin-bottom: 0;}
	.main_area03 .hidden_tab_area01 .hidden_tab_h .filter_area .right .main_more_btn {position: static; line-height: 30px; height: 30px}
	.main_area03 .hidden_tab_area01 .hidden_tab_c {padding-bottom: 25px;}
	.main_area03 .hidden_tab_area01 .hidden_tab_c .edu_card_type {justify-content: flex-start; padding: 0 35px;margin-bottom:30px;}
	.main_area03 .main_more_btn {position: absolute; height: 20px; top: 45px; right: 35px; padding-left: 30px; font-size: 16px; font-weight: bold; color: #2f97ea; line-height: 20px; letter-spacing: -0.08em; background: url('../../images/icon/icon_plus02.png') no-repeat center left;}
	
	/*20230726 추가 */
	.filter_top {margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;}
	.check_wrap {width:calc(100% - 80px);display:flex;flex-wrap:wrap;align-items:end;}
	
	/* 체크박스 수정(20230811) */
	.checkbox_type01 input[type="checkbox"] + label:before {}
	.check_wrap .checkbox_type06 {margin-right:18px;margin-bottom:10px}
	.check_wrap .checkbox_type06 input[type="checkbox"] + label {font-size:16px;color:#666666;font-weight:500;}
	.check_wrap .checkbox_type06 input[type="checkbox"] + label.txtnone:before {margin-right:10px;}
	
	.checkbox_type06 {position: relative;}
    .checkbox_type06 input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
    .checkbox_type06 input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color:#333333;}
    .checkbox_type06 input[type="checkbox"] + label.txtnone:before {margin: 0px;}

    .checkbox_type06 input[type="checkbox"] + label:before { 
    /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 14px; /* 체크박스의 너비를 지정 */ height: 14px; /* 체크박스의 높이를 지정 */ line-height: 14px; /* 세로정렬을 위해 높이값과 일치 */ margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background-color: #fff; box-sizing: border-box;
    background: url('../images/common/check_type06.png') no-repeat center center; 
    } 
    .checkbox_type06 input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
    .checkbox_type06 input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ background: url('../images/common/check_type06_chk.png') no-repeat center center; }
	
	.lang_sub {font-size:11px;color:#246d97;font-weight:500;display:inline-block;padding:5px 10px;border:1px solid #dddddd;border-radius:5px;text-align:center;margin:10px 0 0 10px;}
	ul.edu_card_type li .btn_wrap {width:100%;display:flex;margin-top:10px;background:#e9f3ff;border-top:1px solid #b3d7ff;position:relative;}
	ul.edu_card_type li .btn_wrap:before {content:'';width:1px;height:45px;position:absolute;left:50%;top:0;transform: translateX(-50%);display:block;background:#b3d7ff;}
	ul.edu_card_type li .btn_wrap a {width:50%;height:45px;line-height:45px;text-align:center;font-size:16px;color:#777777;font-weight:800}
	ul.edu_card_type li .btn_wrap a:last-of-type {color:#0078ff;}
	ul.edu_card_type li {background:url('../../asset/images/common/ico_hand.png') no-repeat right 13px top 9px;}
	
	.filter_tab {width:100%;display:flex;margin-bottom:23px;margin-top:-40px;}
	.filter_tab button {width:50%;height:73px;text-align:center;font-size:22px;font-weight:500;color:#666666;display:block;position:relative;}
	.filter_tab button::after {content:'';width:100%;height:2px;background:#0078ff;position:absolute;left:0;bottom:0;display:none}
	.filter_tab button.active {color:#0078ff;font-weight:700;}
	.filter_tab button.active::after {display:block;}
	

	

/* 메인 하단 바로가기 영역 */
.main_area04 {width: 1200px; margin: 0 auto 70px;}
	.main_area04 > ul {}
	.main_area04 > ul > li {float: left; display: inline-block; width: 224px; height: 122px; border-radius: 16px; box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.05);}
	.main_area04 > ul > li + li {margin-left: 20px;}
	.main_area04 > ul > li:nth-child(1) {background: url('../images/main/main_link_bg03.png') no-repeat bottom 15px right 20px;}
	.main_area04 > ul > li:nth-child(2) {background: url('../images/main/main_link_bg01.png') no-repeat bottom 10px right 10px;}
	.main_area04 > ul > li:nth-child(3) {background: url('../images/main/main_link_bg02.png') no-repeat bottom 10px right 10px;}
	.main_area04 > ul > li:nth-child(4) {background: url('../images/main/main_link_bg04.png') no-repeat bottom 10px right 10px;}
	.main_area04 > ul > li:nth-child(5) {background: url('../images/main/main_link_bg05.png') no-repeat bottom 10px right 10px;}
	.main_area04 > ul > li > a {display: block; height: 100%; padding: 20px; font-size: 17px; font-weight: bold; color: #777; line-height: 1.2em;}
	.main_area04 > ul > li > a > span {position: relative; display: inline-block; padding-bottom: 25px;} 
	.main_area04 > ul > li > a > span:BEFORE {position: absolute; display: inline-block; content: ""; width: 18px; height: 18px; bottom: 0px; left: 0px; background: url('../images/icon/icon_link_arrow.png') no-repeat center center;}
	


/* 메인 팝업 */
.main_layer_position_area {position: absolute; z-index: 999;}
.main_layer_position_area .main_layer_popup {min-width: 475px; max-width: 1200px; min-height: 150px;}
.main_layer_position_area .main_layer_popup .main_layer_popup_header {min-height: 80px;; padding: 29px 48px 29px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; background-color: #f0ede4;}
.main_layer_position_area .main_layer_popup .main_layer_popup_header span {font-size: 22px; color: #333;}
/* 김예솜 주임 요청_20200727*/
/* .main_layer_position_area .main_layer_popup .main_layer_popup_content {overflow-y: scroll; max-height: 775px; padding: 21px 48px 30px; cursor: pointer; background-color: #fff; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;} */
.main_layer_position_area .main_layer_popup .main_layer_popup_content {max-height: 775px; cursor: pointer; background-color: #fff; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;} */
.main_layer_img_area {overflow: hidden; width: 100%;}
.main_layer_img_area img {width: auto; height: auto;}
.main_layer_txt_area {font-size: 14px; color: #333333; line-height: 1.2em;}
.main_layer_img_area + .main_layer_txt_area {margin-top: 20px;}

.main_layer_position_area .main_layer_popup .main_layer_popup_check {position: relative; height: 36px; background-color: #595959;}
.main_layer_position_area .main_layer_popup .main_layer_popup_check .popup_check {position: absolute; top: 11px; left: 14px; }
.main_layer_position_area .main_layer_popup .main_layer_popup_check .popup_check .checkbox_type01 label {color: #fff; font-size: 14px;}
.main_layer_position_area .main_layer_popup .main_layer_popup_check a.pop_close_btn {position: absolute; top: 11px; right: 14px; font-size: 14px; color: #fff;}

.main_layer_popup_close {position: absolute; display: inline-block; top: 0px; right: -45px;}
.main_layer_popup_close_btn {display: inline-block; width: 32px; height: 32px; text-indent: -9999; font-size: 0px; border-radius: 5px; vertical-align: top; background: url(../images/common/clear_btn05.png) no-repeat center center #555555;}


 /* 내용없음 */
 .none_content02_01 {overflow: hidden; position: absolute; width: 360px; margin: 0 auto; padding: 30px 0; top: 50%; left: 50%; margin-top: -42px; margin-left: -180px; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
 .none_content02_01 span {display: block; font-size: 24px; color: #ab8a55; font-weight: 500;}
 .none_content02_01:lang(zh) {overflow: hidden; position: absolute; width: 290px; margin: 0 auto; padding: 30px 0; top: 50%; left: 50%; margin-top: -42px; margin-left: -145px; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
 .none_content02_01:lang(zh) span {display: block; font-size: 24px; color: #ab8a55; font-weight: 500;}

 .footer_site_area {border-top: 1px solid #d1d1d1;}