*{margin: 0;padding: 0;box-sizing: border-box;}
a{color: #383838;text-decoration: none;}
ul,ol,li{list-style: none;}
body{letter-spacing: -0.5px;}

.wrap{
	width: 1540px;
	margin: 0 auto;
}

.info_nav{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 12px;
}
.info_nav_item{
	display: flex;
	align-items: center;
}
.info_nav_item + .info_nav_item::before{
	content: "";
	display: inline-block;
	width: 2px;
	height: 11px;
	background-color: #b6b6b6;
}
.info_nav_link{
	color: #a9a9a9;
	font-size: 14px;
	display: flex;
	align-items: center;
	padding: 4px 30px;
	text-align: center;
}
.info_nav_link:hover{opacity: .7;}
.info_nav_link img{
	margin-right: 7px;
}
.info_nav_link.accent{
	color: #413759;
	font-weight: 500;
}
.admin-select{
	border: 0;
	border-radius: 12px;
	background-color: #f5f4ec;
	height: 24px;
	min-width: 120px;
	padding-left: 12px;
	margin-left: 12px;
	color: #76a4d8;
}

.header{
	display: flex;
	align-items: flex-end;
	position: relative;
	width: 1540px;
	margin:0 auto;
	height:83px;
}
.header .logo{
	flex: 0 0 auto;
	margin-right: auto;
}
.gnb{
	width: 1240px;
	display: flex;
	align-items: center;
}
.gnb_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 1 auto;
	width: 100%;
}
.gnb_item{
	width: calc(100% / 5);
	display: flex;
	align-items: center;
}
.gnb_item + .gnb_item::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 23px;
	background-color: #dddddd;
}

.gnb_link{
	font-size: 26px;
	font-weight: 600;
	display: block;
	text-align: center;
	width: 100%;
	padding: 14px 0;
	margin: 0 31.5px;
}
.gnb_link:hover{
	border-bottom: 1px solid #313131;
	padding-bottom: 13px;
}
.gnb-2depth_wrap{
	background-color: #fff;
	position: absolute;
	top: 83px;
	right: 0;
	box-shadow: 0 5px 10px 3px #39393925;
	display: none;
	z-index: 9;
}
.header:hover .gnb-2depth_wrap{
	display: block;
}
.header:focus-within .gnb-2depth_wrap{
	display: block;
}
.gnb-2depth_width{
	width: 1240px;
	margin: 0 auto;
	display: flex;
	justify-content: end;
	background-color: #fff;
}
/* @media screen and (max-width: 1540px){
	.gnb-2depth_wrap{
		box-shadow: none;
	}
	.gnb-2depth_width{
		box-shadow: 0 5px 10px 3px #39393925;
	}
} */

.gnb-2depth_box{
	display: flex;
	padding-bottom: 30px;
	width: 100%;
}
.gnb-2depth_list{
	width: 248px;
}
.gnb-2depth_list .line{
	height: 30px;
	width: 185px;
	margin: 0 auto;
	margin-top: -1px;
}
.gnb-2depth_list:hover .line{
	border-top: 1px solid #313131;

}
.gnb-2depth_item{}
.gnb-2depth_link{
	display: block;
	color: #808080;
	height: 40px;
	line-height: 40px;
	white-space: nowrap; 
	text-align: center;
}
.gnb-2depth_link:hover{
	background-color: #f0f5f9;
	color: #262626;
	font-weight: 800;
}


.main-wrap{
	display: flex;
	justify-content: space-between;
	background-color: #eeede0;
	border-radius: 75px 0 0 0;
	height: 450px;
	margin-bottom: 70px;
}
.main-welcome_wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1 1 auto;
}
.greeting{
	color: #2e4a71;
	font-size: 28px;
	font-weight: 200;
	margin-top: 65px;
}
.greeting strong{
	font-weight: 500;
}
.main-search_wrap{
	background-color: #fff;
	border-radius: 30px;
	display: flex;
	height: 56px;
	width: 555px;
	margin-top: 28px;
}
.main-search_input{
	border-radius: 28px 0 0 28px;
	width: 100%;
	border: 0;
	padding: 0 30px;
	font-size: 22px;
}
.main-search_input::placeholder{
	color: #bac5d0;
	font-size: 22px;
}
.main-search_btn{
	width: 80px;
	border: 0;
	background-color: transparent;
	border-radius: 0 28px 28px 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-search_btn:hover{
	background-color: #e2ecf8;
}
.main-my-learning-space_wrap{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 48px;
	width: 780px;
}
.main-my-learning-space{
	display: flex;
	align-items: flex-end;
	gap: 12px;
}
.main-my-learning-space_title{
	font-size: 30px;
	color: #21324c;
	font-weight: 600;
}
.main-my-learning-space_login-text{
	color: #21324c;
	font-size: 20px;
	font-weight: 300;
}
.main-my-learning-space_content-wrap{
	width: 800px;
	/* height: 134px; */
	border-top: 1px solid #c7d0ce;
	border-bottom: 1px solid #c7d0ce;
	margin-top: 11px;
}
.main-my-learning-space_login-btn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	margin: 32px auto;
	width: 367px;
	height: 55px;
	background-color: #e9b105;
	border-radius: 30px;
	border: 0;
	padding: 0 35px;
	font-size: 20px;
	font-weight: 500;
	cursor: pointer;
}
.main-my-learning-space_login-btn:hover{
	background-color: #dd9b0f;
}
.main-my-learning-space_content{}
.main-my-learning-space_content .list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #054374;
	height: 54px;
	/* padding: 0 12px; */
}
.main-my-learning-space_content .list+.list{
	border-top: 1px solid #a3b6bd;
}
.main-my-learning-space_content .list .category{
	font-weight: 700;
	display: inline-block;
	width: 100px;
	text-align: center;
}
.main-my-learning-space_content .list .title{
	font-weight: 400;
}
.main-my-learning-space_content .list .date{}

.main-side_wrap{
	width: 310px;
	background-color: #76a4d8;
	border-radius: 75px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.main-side_img{
	align-self: flex-start;
	margin:115px 0 16px 43px;
}
.main-side_title{
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	align-self: flex-start;
	margin: 0 0 24px 43px;
}
.main-side-menu_link{
	width: 255px;
	height: 44px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 18px 0 28px;
	border-radius: 22px;
	background-color: #5180b9;
	margin-bottom: 12px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}
.main-side-menu_link:hover{
	background-color: #6292cc;
}
.main-side_2wrap{
	background-color: #76a4d8;
	display: flex;
	border-radius: 75px 0 0 0;
}
.main-side_2wrap .main-side_wrap:nth-child(2){
	background-color: #2b3e79;
	height: 100%;
}
.main-side_2wrap .main-side_wrap:nth-child(2) .main-side-menu_link{
	background-color: #23569b;
}
.main-side_2wrap .main-side_wrap:nth-child(2) .main-side-menu_link:hover{
	background-color: #2a67b8;
}
.navi{
	display: flex;
	justify-content: space-between;
	border: 1px solid #e1e1e1;
	border-radius: 16px;
}
.navi_item{
	width: calc(100% / 7);
	display: flex;
	align-items: center;
}
/* .navi_item:hover{
	background-color: #e2ecf8;
} */
.navi_item:first-child{
	border-radius: 16px 0 0 16px;
}
.navi_item:last-child{
	border-radius: 0 16px 16px 0;
}
.navi_link{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	font-size: 20px;
	font-weight: 500;
	height: 170px;
	width: 100%;
}
.navi_item + .navi_item::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 127px;
	background-color: #e1e1e1;
}
.navi_icon{
	background-color: #3d92d5;
	width: 56px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 28px;
}
.navi_item:hover .navi_icon{
	background-color: #e9b105;
}
.navi_item:nth-child(3) .navi_icon{
/*	align-items: flex-end;*/
}

/* �⑤��占썲������占쎈�� */
.notice-board_wrap{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	margin-bottom: 120px;
}
.tab-board_wrap{
	width: 100%;
	max-width: 620px;
}

.board-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}
.tab-board_wrap .board-header{
	border-bottom: 1px solid #ddd;
}
.tab-board_wrap .board-header .title_wrap{
	display: flex;
	align-items: center;
}
.tab-board_wrap .board-header .title_wrap .title{
	color: #ababab;
	font-size: 22px;
	font-weight: 300;
	cursor: pointer;
}
.tab-board_wrap .board-header .title_wrap .title.on{
	color: #474646;
	font-weight: 500;
}
.tab-board_wrap .board-header .title_wrap .title:hover{
	color: #474646;
	font-weight: 500;
}
.tab-board_wrap .board-header .title_wrap .div-line{
	width: 2px;
	height: 17px;
	background-color: #ababab;
	margin: 0 30px;
}
.btn-circle{
	border: 1px solid #dfdfdf;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	cursor: pointer;
}
.notice-tab-btn_wrap .btn-circle{display: none;}
.btn-circle.on{display: flex;}
.btn-circle:hover{
	background-color: #e2ecf8;
}
.notice-list_wrap{
	margin-top: 8px;
	display: none;
}
.notice-list_wrap.on{
	display: block;
}
.notice-list_item{}
.notice-list_link{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #8b8c8d;
	font-size: 20px;
	font-weight: 300;
	height: 38px;
}
.notice-list_link:hover{
	background-color: #f6f6f6;
}
.notice-list_link .title{
	color: #474646;
	width: 480px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.notice-list_link .date{
	width: 111px;
	font-size: 18px;
	font-family: monospace;
	font-weight: 400;
	text-align: right;
}
.e-learning-banner_wrap{
	width: 420px;
}
.e-learning-banner_wrap .board-header{}
.e-learning-banner_wrap .board-header .title{
	color: #474646;
	font-size: 22px;
	font-weight: 600;
}
.e-learning-banner_wrap .board-header .slide-dot_wrap{
	display: flex;
	gap:5px;
}
.e-learning-banner_wrap .board-header .slide-dot_wrap .slide-dot{
	width: 9px;
	height: 9px;
	border-radius: 4px;
	background-color: #969696;
	cursor: pointer;
}
.e-learning-banner_wrap .board-header .slide-dot_wrap .slide-dot.on{
	background-color: #108ff5;
}
.e-learning-banner_wrap .board-body{
	border: 1px solid #e1e1e1;
	background-color: #f8f8f8;
	width: 100%;
	height: 270px;
	overflow: hidden;
}
.e-learning-banner_list{
	display: flex;
	position: relative;
	left: 0;
}
.e-learning-banner_list.animated{
	transition: all 0.5s ease-out;
}
.e-learning-banner_item{
	width: 100%;
	height: 100%;
	flex: 0 0 auto;
}
.e-learning-banner_link{
	display: block;
	height: 100%;
}
.e-learning-banner_img{
	width: 100%;
	height: 180px;
}
.e-learning-banner_info{
	height: 90px;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start	;
	justify-content: center;
}
.e-learning-banner_title{
	color: #1d1e1e;
	font-size: 18px;
	font-weight: 600;
}
.e-learning-banner_text{
	color: #8b8c8d;
	font-size: 14px;
	font-weight: 400;
}


.img-banner_wrap{
	width: 420px;
}
.img-banner_wrap .board-header .title{
	color: #474646;
	font-size: 22px;
	font-weight: 600;
}
.img-banner_wrap .board-header .slide-btn_wrap{
	display: flex;
	align-items: center;
	gap: 6px;
}
.img-banner_wrap .board-header .slide-btn_wrap .slide-count_wrap{
	color: #b1b1b1;
}
.img-banner_wrap .board-header .slide-btn_wrap .slide-count{
	color: #474646       ;
}
.img-slide-btn_pause{display: none;}
.img-slide-btn_pause.on{display: flex;}
.img-slide-btn_resume{display: none;}
.img-slide-btn_resume.on{display: flex;}

.img-banner_wrap .board-body{
	overflow: hidden;
	width: 420px;
	height: 270px;

}
.img-banner-slide_list{
	display: flex;
	position: relative;
	left: 0;
}
.img-banner-slide_list.animated{
	transition: all .5s ease-out;
}
.img-banner-slide_item{
	flex: 0 0 auto;
	width: 420px;

}
.img-banner-slide_link{
	display: block;
	width: 100%;
	height: 100%;
}
.img-banner-slide_link img{
	width: 100%;
	height: 270px;
}

/* 占쎈�占쎄숲 */
footer{
	border-top: 1px solid #ddd;
}
.footer_nav_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1540px;
	margin: 0 auto;
	background-color: #fff;
	border-top: 1px solid #ddd;
  margin-top: -1px;
}
.footer_nav_btn{
	border: 0;
	background-color: #fff;
	width: 100px;
	cursor: pointer;
	height: 67px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer_nav_btn:hover{
	background-color: #efefef;
}
.footer_nav_list-wrap{
	width: 100%;
	overflow: hidden;
}
.footer_nav{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	position: relative;
	transition: all .5s;
	left: 0;
}
.footer_nav_item{
	width: calc(100% / 5);
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}
.footer_nav_item:hover{
	background-color: #efefef;
}
.footer_nav_item + .footer_nav_item::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 35px;
	background-color: #ddd;
}
.footer_nav_btn.left::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 35px;
	background-color: #ddd;
}
.footer_nav_btn.left::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 35px;
}
.footer_nav_btn.right::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 35px;
}
.footer_nav_btn.right::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 35px;
	background-color: #ddd;
}
.footer_nav_link{
	font-size: 20px;
	color: #424242;
	font-family: 'government-symbol-font';
	width: 100%;
	height: 67px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer_info_bg{
	background-color: #e7e7e7;
}
.footer_info_wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 1540px;
	margin: 0 auto;
	padding: 30px 0 40px;
	background-color: #e7e7e7;
}
.footer_info_box{
	display: flex;
	gap: 40px;
}
.footer_info_text{
	color: #5a5a5a;
	font-size: 13px;
	font-weight: 200;
	line-height: 20px;
}
.footer_info_link-list{
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: 10px;
}
.footer_info_link-item{}
.footer_info_link-list .div{
	width: 1px;
	height: 12px;
	background-color: #5a5a5a;
}
.footer_info_link{
	color: #5a5a5a;
	font-size: 16px;
	font-weight: 400;
}
.footer_info_link.accent{
	color: #2485d1;
	font-weight: 600;
}
.contact_search_btn{
	background-color: #3d92d5;
	border-radius: 20px;
	width: 264px;
	height: 40px;
	border: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	flex: 0 0 auto;
	color: #fff;
	padding: 0 15px 0 33px;
	font-size: 14px;
}
.contact_search_btn:hover{
	background-color: #4fa1e0;
}

/* 疫꿸��� css占쎈�占쎄� 占쎈�占쎌��占쎈립 野�猿�彛� 占쎌��占쎈선占쎌�� */
.Hidden {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}

#skip_s {width:1120px; margin:0 auto; position:relative;}
#skip_s .accessibility {position:absolute; z-index:999;}
#skip_s a {position:absolute; z-index:999; float:left; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; white-space:nowrap; font-size:11px;}
#skip_s a:focus, #accessibility a:active {top:0; height:auto; width:100%; height:30px;line-height:30px;margin:0 auto; font-weight:bold; background:#000; color:#fff;}


/* float - left, right */
.fl_l {float:left;}
.fl_r {float:right;}

/* clear both */
.cl_b {clear:both;}
.cl_b_aftr::after {display:block; content:''; clear:both;}

/* header new */

.header_new {background:#fff;}
.header_new .hn_t {background:#fff; min-height:40px;}

.header_new .hn_alert { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; font-size: 15px; word-break: break-all; position:relative; line-height:22px; padding:9px 0; padding-left:45px; font-family: "Noto Sans Kr", dotum, UnDotum, sans-serif; color: RGB(30,33,36);}
.header_new .hn_alert::before {display:block; content:''; width:44px; height:18px; background:url(../../images/main/eg_logo.png) no-repeat center center; position:absolute; left:0; top:11px; }

/*
.header_new .hn_alert {position:relative; display:block; font-size:13px; line-height:22px; font-weight:bold; color:#4F6280; padding:9px 0; padding-left:52px;}
.header_new .hn_alert::before {display:block; content:''; width:44px; height:16px; background:url(../../images/main/ico_hn_alert.png) no-repeat center center; position:absolute; left:0; top:11px; }
*/

.header_new .hn_c {position:relative; border-bottom:1px solid #e1e1e1;}
.header_new .hn_c > div > div.fl_r > * {float:left; margin-left:0;}/* margin-left:10px;*/
.header_new .hn_b {position:relative; border-bottom:1px solid #e1e1e1;}
.header_new .hn_b > div {padding-right:36px;}

.header_new .hn_t.dp_n_t.dp_n_m{display:block !important; width: 1530px;height: 40px;margin: 0 auto;position: relative;}