@charset "utf-8"; 

/*-----------------------------------------------------------------------------------
	sub archive content style
	last : 2022.11.06
-----------------------------------------------------------------------------------*/

/* pc */
.sub_visualArea {
	height: 180px;
	width: 100%;
	text-align: center;
	background: url('../images/sub/sub-bg.png') no-repeat 50% 0;	
}
.s_visualArea h2 {
	font-size: 38px;
	color:#222;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	padding:50px 0 8px 0;
}
.location-area {
	font-size: 0.86rem;
	color:#555;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	display: flex;align-items: center;justify-content: center;
}
.home {

}
.location-area span {
	color:#999;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	display: inline-block;
}

.search-area {
	background-color: #f7f7f9;
	padding:20px 0;
	text-align: center;
	overflow:hidden;
}
.search-area select {
	height: 40px;
	border:1px #dfdfdf solid;	
	width: 120px;
	display: inline-block;
	vertical-align: top;
	font-family: 'Roboto','NotoRegular',sans-serif;
	font-size: 14px;
	padding-left:7px
}
.search-inputarea {
	border:1px #dfdfdf solid;
	background-color: #fff;
	height: 40px;
	width: 300px;
	display: inline-block;
}
.search-inputarea input {
	border:none;
	width: calc(100% - 60px);
}
.search-inputarea button {
	float:right;
	width: 40px;
	height: 40px;
	background: url('../images/sub/icon-search.png') no-repeat 50% 50%;
	font-size: 0;
}





/* table 위 검색조건 */
.bbs_select button {
	display:inline-block; 
	padding:0 12px; 
	line-height:26px; 
	font-size:12px; 
	color:#fff; 
	background-color:#555
}
.bbs_search_basic {
	float:right;
	position:relative; 
	overflow:hidden; 
	display:block;
	margin-bottom:10px;
	font-family:'NotoRegular',sans-serif;
}
.bbs_search_basic .grap {
	position:relative; 
	display:inline-block; 
}
.bbs_search_basic .grap select {
	height:40px;
	width:100px;
	padding-left:5px;
	font-size:13px;
	color:#444;
	border:1px #dfdfdf solid;
}
.bbs_search_basic .searchinput {
	float:right;
	display:block; 
	position:relative; 
	text-align:right
}
.bbs_search_basic .searchinput input {
	width:200px; 
	height:38px; 
	margin:0 2px;
	font-size:14px;
}

.basic_box {
	position:relative; 
	padding:15px 0 0 0; 
	margin-bottom:0px;
}
.basic_box:before {
	content:""; 
	position:absolute; 
	display:block
}
.basic_box:after{
	content:""; 
	display:block; 
	visibility:hidden; 
	clear:both
}
.basic_box fieldset {
	width:100%; 
	margin:0 auto;
}

.bbs_total {
	font-family:'NotoRegular',sans-serif;
	float:left; 
	display:block; 
	position:relative; 
	margin:0; 
	padding:10px 0 0 18px; 
	line-height:33px; 
	font-size:15px; 
	color:#444; 
	background:url('../images/sub/all-data.png') no-repeat 0 22px
}
.bbs_total * {
	vertical-align:baseline
}
.bbs_total .bold {
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	color:#147891
}

/* 교육과정 목록 */
.elearning-listarea1 {
	overflow: hidden;
}
.elearning-list1 li {
	margin-right:31px;
	display: inline-block;
	margin-bottom:31px;
}
.elearning-list1 li:hover {
	box-shadow: 5px 5px 10px rgba(0,0,0,0.05);
	transition: all .5s;
}
.elearning-list1 li.list-right1 {
	margin-right:0;
	
}
.moviearea1 {
	width: 310px;
	position: relative;
	border:1px #cdcdcd solid;
	height: 170px;
	border-radius: 5px 5px 0 0;
}
.moviearea1 img {
	width: 100%;
	height: 100%;
}
.moviearea1 span {
	display: inline-block;
	text-align: center;
	background: url('../images/main/cate-bg.png') no-repeat 50% 0;
	width: 50px;
	height: 53px;
	position: absolute;
	right:0px;
	top:-1px;
	font-size: 14px;
	color:#fff;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	padding-top:10px;
	
}
.movie-infoarea1 {
	background-color: #fff;
	border-left: 1px #cdcdcd solid;
	border-right: 1px #cdcdcd solid;
	border-bottom: 1px #cdcdcd solid;
	padding:22px 15px 13px 22px ;
	text-align: left;
	width: 310px;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
}
.movie-tit1 {
	font-size: 1.12rem;
	letter-spacing: -0.7px;
	color:#222;
	font-family:'Montserrat','NotoMedium','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 280px;
	padding-bottom:21px;
	font-weight: 500;
}
.movie-tit1 a {
	color:#222;
}
.movie-tit1 a:hover {
	text-decoration: underline;
}
.movie-tit1 span {
	display: block;
	font-size: 14px;
}
.cate01 {
	color:#195ac7
}
.cate02 {
	color:#c45706
}
.cate03 {
	color:#137c73
}
.cate04 {
	color:#029506
}
.cate05 {
	color:#bc02ad
}
.btn-regist1 {
	width: 88px;
	border-radius: 80px;
	background-color: #1aa3b7;
	height: 32px;
	float: right;
}
.btn-regist1:hover {
	background-color: #0a7787;
	transition: all .5s;
}
.btn-regist1 span {
	color:#fff;
	width: 88px;
	font-size: 0.77rem;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	background:url('../images/main/btn-regist.png') no-repeat 1px -1px;
	background-size: 17px;
	padding:0 5px 0 22px;
}

.btn-regist2 {
	width: 88px;
	border-radius: 80px;
	background-color: #4374D9;
	height: 32px;
	float: right;
}
.btn-regist2:hover {
	background-color: #003399;
	transition: all .5s;
}
.btn-regist2 span {
	color:#fff;
	width: 88px;
	font-size: 0.77rem;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	background:url('../images/main/btn-regist.png') no-repeat 1px -1px;
	background-size: 17px;
	padding:0 5px 0 22px;
}

.page_wrap {
	text-align:center;
	font-size:0;
}
.page_nation {
	display:inline-block;
}
.page_nation .none {
	display:none;
}
.page_nation a {
	display:block;
	margin:0 3px;
	float:left;
	border:1px solid #e6e6e6;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#fff;
	font-size:13px;
	color:#222;
	text-decoration:none;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
}
.page_nation .arrow {
	border:1px solid #ccc;
}
.page_nation .pprev {
	background:#fff url('../images/sub/paging-fir.png') no-repeat center center;
	margin-left:0;
}
.page_nation .prev {
	background:#fff url('../images/sub/paging-pre.png') no-repeat center center;
	margin-right:7px;
}
.page_nation .next {
	background:#fff url('../images/sub/paging-next.png') no-repeat center center;
	margin-left:7px;
}
.page_nation .nnext {
	background:#fff url('../images/sub/paging-end.png') no-repeat center center;
	margin-right:0;
}
.page_nation a.active {
	background-color:#13294b;
	color:#fff;
	border:1px solid #13294b;
}




@media screen and (max-width: 1279px) {
		/* 교육과정 목록 */
	.elearning-listarea1 {
		overflow: hidden;
	}
	.elearning-list1 li {
		margin-right:4%;
		display: inline-block;
		margin-bottom:31px;
		width: 30.33%;
		overflow: hidden;
	}
	.elearning-list1 li:hover {
		box-shadow: 5px 5px 10px rgba(0,0,0,0.07);
	}
	.elearning-list1 li.list-right1 {
		margin-right:0;
	}
	.moviearea1 {
		width: 100%;
		position: relative;
		border:1px #cdcdcd solid;
/* 		height: 75%; */	/* 정인철 임시로 수정해봄!! */
	}
	.moviearea1 img {
		width: 100%;
		height: 100%;
	}
	.moviearea1 span {
		display: inline-block;
		text-align: center;
		background: url('../images/main/cate-bg.png') no-repeat 50% 0;
		width: 50px;
		height: 53px;
		position: absolute;
		right:0px;
		top:-1px;
		font-size: 14px;
		color:#fff;
		font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
		padding-top:10px;
	}
	.movie-tit1 {
		font-size: 18px;
		color:#222;
		font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
		white-space:nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		padding-bottom:15px;
	}
	.movie-tit1 a {
		color:#222;
	}
	.movie-tit1 a:hover {
		text-decoration: underline;
	}
	.movie-tit1 span {
		display: block;
		padding-bottom:3px;
		font-size: 14px;
	}
	.movie-infoarea1 {
		background-color: #fff;
		border-left: 1px #cdcdcd solid;
		border-right: 1px #cdcdcd solid;
		border-bottom: 1px #cdcdcd solid;
		padding:25px;
		text-align: left;
		width: 100%;
	}

}

@media screen and (max-width:1090px){ 
	.elearning-list1 li {
		width:48%;
		margin-right:4%;
		float:left;
		margin-bottom:4%;
	}
	.elearning-list1 li:nth-child(2),
	.elearning-list1 li:nth-child(4),
	.elearning-list1 li:nth-child(6).list-right1 {
		margin-right:0;
	}
	.elearning-list1 li.list-right1 {
		margin-right:4%;
	}
	.moviearea1 {
		width: 100%;
		position: relative;
		border:1px #cdcdcd solid;
	}

	.movie-infoarea1 {
		background-color: #fff;
		border-left: 1px #cdcdcd solid;
		border-right: 1px #cdcdcd solid;
		border-bottom: 1px #cdcdcd solid;
		padding:3%;
		width: 100%;
		text-align: left;
		overflow: hidden;
	}
	.movie-tit1 {
		font-size: 20px;
		color:#222;
		font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
		white-space:nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 98%;
		padding-bottom:10px;
	}

}
/* pc 1000이하  */
@media screen and (max-width: 1000px){
	.sub_visualArea {
		height: 115px;
		width: 100%;
		text-align: center;
		background:#f6f8ff url('../images/sub/sub-bgmobile.png') no-repeat 0 0;	
		margin-bottom:25px;
	}
	.s_visualArea h2 {
		font-size: 26px;
		color:#222;
		font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
		padding:25px 0 5px 0;
	}
	.content-elearning1 {
		background:#f0f4f9;

	}
	.content-elearning h2 {
		font-size: 26px;
		color:#222;
		font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
		padding:30px 0 40px 0;
		position: relative;
	}
	.content-elearning1 h2 span{
		font-size: 12px;
		color:#555;
		font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
		position: absolute;
		top:45px;
		right:20px;
	}
	.elearning-listarea1 {
		overflow: hidden;
		width: 100%;
		padding:0;
	}
	

}


/* pad --------------------------------------------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 767px){
	.eduScadule_list colgroup { display: none; }
	.eduScadule_list > thead { display: none; }
	.eduScadule_list > tbody, .eduScadule_list > tbody > tr { display: block; }
	.eduScadule_list > tbody > tr { border-bottom: 1px solid #dfdfdf; padding: 18px 0; }
	.eduScadule_list > tbody > tr:after { content: ''; display: block; clear: both; }
	.eduScadule_list > tbody > tr > td { display: block; border: 0; font-size: 15px; height: auto; padding: 2px 30px; line-height: 1.6; float: left;text-align: left; }
	.eduScadule_list td { display: block; width: 100%; padding: 20px 0; text-align: left; border: 0; }
	.eduScadule_list td div { display: block; float: left; text-align: left;  }
	.eduScadule_list td div a:not([class]) { white-space: unset; }
	.eduScadule_list td div a:not([class]) > img { display: inline; margin-left: 8px; vertical-align: -1px; }
	.eduScadule_list td div a:not([class]) + img { display: none; }
	.eduScadule_list td:before { content: attr(data-before); display: block; float: left; width: 70px; font-weight: 500; text-align: left; padding-right: 10px; background: url(../images/common/bul3.png) no-repeat right; margin-right: 15px;}
			


}



/* mobile 640 --------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px){
.search-area select {
	height: 35px;
	border:1px #dfdfdf solid;	
	width: 100px;
	display: inline-block;
	vertical-align: top;
	padding-left:7px
}
.search-inputarea {
	border:1px #dfdfdf solid;
	background-color: #fff;
	height: 35px;
	width: 250px;
	display: inline-block;
}

.search-inputarea button {
	float:right;
	width: 35px;
	height: 35px;
	background: url('../images/sub/icon-search.png') no-repeat 50% 50%;
	font-size: 0;
}

/* table 위 검색조건 
.bbs_select button {
	display:inline-block; 
	padding:0 12px; 
	line-height:26px; 
	font-size:12px; 
	color:#fff; 
	background-color:#555
}
.bbs_search_basic {
	clear:both;
	width: 100%;
	position:relative; 
	overflow:hidden; 
	display:block;
	margin-bottom:10px;
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
}
.bbs_search_basic .grap {
	position:relative; 
	display:inline-block; 
	width: 100%;
}
.bbs_search_basic .grap select {
	height:35px;
	width:49.5%;
	padding-left:5px;
	font-size:14px;
}
.bbs_search_basic .searchinput {
	float:right;
	display:block; 
	position:relative; 
	text-align:right
}
.bbs_search_basic .searchinput input {
	width:200px; 
	height:38px; 
	margin:0 2px;
	font-size:14px;
}

.basic_box {
	position:relative; 
	padding:5px 0 0 0; 
	margin-bottom:0px;
}
.basic_box:before {
	content:""; 
	position:absolute; 
	display:block
}
.basic_box:after{
	content:""; 
	display:block; 
	visibility:hidden; 
	clear:both
}
.basic_box fieldset {
	width:100%; 
	margin:0 auto;
}

.bbs_total {
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	float:left; 
	display:block; 
	position:relative; 
	margin:0; 
	padding:10px 0 0 0px; 
	line-height:33px; 
	font-size:13px; 
	color:#444; 
	background:url('../images/sub/icon_bbs.gif') no-repeat 0 21px
}
.bbs_total * {
	vertical-align:baseline
}
.bbs_total .bold {
	font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	color:#147891
}*/
	.elearning-listarea1 {
		overflow: hidden;
		width: 100%;
		padding:0;
	}
	.elearning-list1 li {
		width:100%;
		margin-right:2%;
		float:left;
		margin-bottom:2%;
	}
	.elearning-list1 li:nth-child(2),
	.elearning-list1 li:nth-child(4),
	.elearning-list1 li:nth-child(6).list-right1 {
		margin-right:0;
	}
	.elearning-list1 li.list-right1 {
		margin-right:2%;
	}
	.moviearea1 {
		width: 100%;
		position: relative;
		border:1px #cdcdcd solid;
	}
	
	.page_nation a {
		display:block;
		margin:0 2px;
		float:left;
		border:1px solid #e6e6e6;
		width:26px;
		height:26px;
		line-height:26px;
		text-align:center;
		background-color:#fff;
		font-size:13px;
		color:#222;
		text-decoration:none;
		font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;
	}
	
	.myEdu_info{display: flex;flex-direction: column;}
	.myEdu_info div.info_left{width: 100% !important; height: 100px !important; background: #1393A5 url(../images/sub/mynamebgimg.png) no-repeat -25px -29px !important; }
	.myEdu_info div.info_left div.myName{padding: 34px 20px 22px 28px !important;}
	.myEdu_info div.info_right{width: 100% !important;}
	
	
	
}


/* mobile 480 --------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:480px){

	.search-area select {
		height: 35px;
		border:1px #dfdfdf solid;	
		width: 90%;
		display: inline-block;
		vertical-align: top;
		padding-left:7px;
		margin-bottom:2px;
	}
	.search-inputarea {
		border:1px #dfdfdf solid;
		background-color: #fff;
		height: 35px;
		width: 90%;
		display: inline-block;
	}
	
	.search-inputarea button {
		float:right;
		width: 35px;
		height: 35px;
		background: url('../images/sub/icon-search.png') no-repeat 50% 50%;
		font-size: 0;
	}
}






/*
* Temporary css area  !!!!!!!!!!!!!!!!!
*/

/************************************************
	04_1_교육일정
************************************************/
.cal_today{font-size: 18px; text-align: center; color: #222;}
.cal_topArea{width: 100%; display: flow-root;}
.cal_topArea .cal_text{float:left;}
.month_Area{text-align: center; width: 100%; padding-top:30px; margin-bottom: 54px;}
.month_btn1 {text-align: right; width:40%;float: left; margin-bottom: 20px;}
.month_btn2 {text-align: left; width:40%; float: left; margin-bottom: 20px;}
.month_num{width: 20%;font-size: 20pt;float: left;padding: 7px 0px 0 0px; color:#1a1a1a;font-weight: bold;}

.CalendarTable_list{width: 100%;}
.CalendarTable_list thead{height: 60px;background: #3e3d46;}
.CalendarTable_list thead th{padding:20px 0; font-size:16px; color:#fff; text-align:center; border-right:1px solid #4d4d4d;}
.CalendarTable_list thead th:first-child{border-left:0;}
.CalendarTable_list tbody th{border-bottom:1px solid #dcdcdc; padding:22px 0; font-size:18px; color:#444; word-break:keep-all}
.CalendarTable_list tbody td{vertical-align: top;height: 140px;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;font-size: 10pt;color: #000000;text-align: right;padding: 10px;line-height: 1.6;}
.CalendarTable_list thead .sun{background: #9f3636;border-left: 1px solid #9f3636 !important;}
.CalendarTable_list thead .sat{background: #3769b3;}
.CalendarTable_list tbody td{text-align: right;font-size: 11pt;color: #666666;padding-bottom: 15px;}
.CalendarTable_list tbody td .sun{color: #f23a3a !important; }
.CalendarTable_list tbody td .sat{color: #2F52A4 !important;}
.CalendarTable_list tbody td:first-child{background: #f8fafc;}
.CalendarTable_list tbody td:last-child{background: #f8fafc;}
.CalendarTable_list tbody td div.dataList{padding-bottom: 15px; color: #1a1a1a}
.CalendarTable_list tbody td ul.data_list li {font-size: 10pt;color: #000000;text-align: left;background: url(../images/common/icon5.png)0 2px no-repeat;padding-left: 16px;padding-bottom: 8px;line-height: 1.3;}
.CalendarTable_list tbody td ul.data_list li a:hover{color:#1c54ba; text-decoration: underline;}

.cal_topArea div.cal_form {float: right;font-size: 10pt;}
.cal_topArea div.cal_form ul li {float: left;margin-left: 5px;}
.cal_topArea div.cal_form ul li select {border: 1px #ccc solid;padding: 5px;}
.cal_topArea div.cal_form ul li {float: left;margin-left: 5px;}
.cal_topArea div.cal_form ul li input {border: 1px #ccc solid;padding: 3px;width: 180px;height: 32px;line-height: 30px;padding: 0 8px;}
.cal_topArea div.cal_form ul li.cal_btn {background-color: #484848;color: #fff;border-color: #3c3c3c;height: 34px;font-size: 14px;line-height: 33px;padding: 0 15px;min-width: 68px;text-align: center;}
.cal_topArea div.cal_form ul li.cal_btn a{color:#fff;}
.cal_topArea div.cal_form ul li.cal_btn a:link {color: #ffffff;}


.eduScadule_list{border-top:2px solid #1a1a1a;width: 100%;}
.eduScadule_list thead{background:#f7f7f9;}
.eduScadule_list thead th{padding:17px 0; border-left:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; font-size:0.92rem; color:#222; text-align:center;}
.eduScadule_list thead th:first-child{border-left:0;}
.eduScadule_list tbody th{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:22px 0; font-size:18px; color:#444; }
.eduScadule_list tbody th:first-child{border-left:0;}
.eduScadule_list tbody td{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; text-align:center; padding:10px 8px; font-size:0.92rem; line-height:1.3; color:#555; margin: 0; background: 0; float: none;/*  font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; */}
.eduScadule_list tbody td:first-child{border-left:0;}
.eduScadule_list .edu_title{color:#1a1a1a; font-weight: 500; padding: 14px 15px; text-align: left;}
.eduScadule_list td .lh20 a:hover{color:#1c54ba; text-decoration: underline;}

.eduScadule_list tbody tr:hover{background:#f7fbff;}

.eduScadule2_list{border-top:2px solid #1a1a1a;width: 100%;}
.eduScadule2_list thead{background:#f8f8f8;}
.eduScadule2_list thead th{padding:15px 0; border-left:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; font-size:16px; color:#444; text-align:center;}
.eduScadule2_list thead th:first-child{border-left:0;}
.eduScadule2_list tbody th{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:22px 0; font-size:18px; color:#444; }
.eduScadule2_list tbody th:first-child{border-left:0;}
.eduScadule2_list tbody td{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; text-align:center; padding:10px 8px; font-size:15px; line-height:20px; color:#555; margin: 0; background: 0; float: none; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;}
.eduScadule2_list tbody td:first-child{border-left:0;}
.eduScadule2_list .edu_title{color:#1a1a1a; font-weight: 500; padding: 14px 15px; text-align: left;}
.eduScadule2_list td .lh20 a:hover{color:#1c54ba; text-decoration: underline;}

/************************************************
	05_1_MY교육
************************************************/
.myEdu_info{width:100%;}
.myEdu_info div.info_left{height:160px;float:left;width:30%;background:#413C7F url(../images/sub/mynamebgimg.png) no-repeat -35px 28px; border-radius: 15px 0 0 15px;}
.myEdu_info div.info_left div.myName{color:#ffffff;font-size:25px;padding:54px 20px 62px 28px; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; letter-spacing: -0.7px; text-align: right;}
.myEdu_info div.info_left div.info_mod{font-size:15px;font-weight:500;color:#f0f0f0;float:right;padding-right:22px}
.myEdu_info div.info_right{float:left;width:70%;}
.myEdu_info div.info_right ul li{height:160px;width:33%;padding: 30px 0; /* border-left: 1px solid; */float:left;background-color:#f9f9f9;text-align:center;color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:calc(100%/3); padding:30px 0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.myEdu_info div.info_right ul li div.right_txt{color: #444;font-size: 16px;    border-radius: 30px; padding: 3px 10px; min-width: 7rem; background: #fff; border: 1px solid #e9e9e9;}
.myEdu_info div.info_right ul li div.right_info{margin-top: 10px;font-size: 50px;font-weight: bold;color: #413C7F;line-height: 50px;}
.myEdu_info div.info_right ul li + li:before {display:block; position:absolute; top:3rem; left:0; width: 1px; height:calc(100% - 6rem); background-color:#e5e5e5; content:'';}


.edu_box{clear:both;width:100%;float:left;}
.edu_title{font-size: 20px;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;color: #333;margin: 5px 0 10px 0;background: url(../images/common/icon2.gif) no-repeat 0 0px; padding: 30px 0 10px 20px; float: left;}
.edu_title2{font-size: 20px;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;color: #333;margin: 5px 0 10px 0;background: url(../images/common/icon2.gif) no-repeat 0 0px; padding: 0px 0px 10px 20px; float: left;}
.btn_more{float:right; margin-top: 18px;}

.btn_btnSet {background: #186fb2; border-color:#247dc2; color:#fff; padding: 5px 8px; width: 76px; border-radius: 4px; font-size: 13px;}
.btn_btnSet:hover{background:#105a93}
.btn_btnSet1 {border: 1px solid #949494;  color:#555; padding: 4px 8px; width: 76px; border-radius: 4px; font-size: 13px; background-color: #fff;}
.btn_btnSet1:hover{color:#222;}
.btn_btnSet.btn_black:hover{background:#222;}

.btn_black{background: #444;}
.btn_gray{background:#747677; width: auto;}
.btn_gray:hover{background:#565859;}
.btn_orange{background-color:#db5434; border-color:#db5434; color:#fff; width: auto;}
.btn_orange:hover{background-color:#cd3f1e;}

.myedu_icon{width:50%;float:left;margin:30px 0 50px 0;}
.myedu_icon div.icon_left{width:20%;float:left; margin-right:4%}
.myedu_icon div.icon_right{width:76%;float:left}
.myedu_icon div.icon_right div.icon_title{font-size:15pt;color:#000000;padding-bottom:10px;font-weight:600;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; }
.myedu_icon div.icon_right div.icon_title a{color:#000000;}
.myedu_icon div.icon_right p{font-size:11pt;color:#666666;padding-bottom:8px;line-height:1.3}
.myedu_icon div.icon_right div.icon_txt{font-size:11pt;color:#555;font-weight: 500;}
.myedu_icon div.icon_right div.icon_txt a:link{color:#555;font-weight: 500;}
.myedu_icon div.icon_right div.icon_txt a:hover{color:#247dc2;font-weight: 500;}





/************************************************
	05_2_학습이력
************************************************/
.graph_box div.edu_title{margin-top:40px;clear:both;font-size:14pt;color:#000000;padding:0px 0 20px 0;}
.graph_box div.jindo_title{float:left;font-size:12pt;color:#000000;padding:20px 15px 20px 0;width:100%;}
.graph_box div.jindo_label{float:left; width:15%;}
.graph_box div.jindo_label span{font-size:12pt;color:#143d8d;}
.graph_box div.jindo_graph{float:left; margin-top:-7px; width:85%; height:30px; border:2px #143D8D solid; border-radius:15px;}
.graph_box div.jindo_rate{border:0; border-radius:14px; background-color:#143D8D; width:0%; height:27px;}


/*my교육*/
.myEdu_table{border-top:2px solid #1a1a1a;width: 100%;}
.myEdu_table thead{background:#f8f8f8;}
.myEdu_table thead th{padding:10px 0; border-bottom:1px solid #dcdcdc; font-size:14px; color:#555; text-align:center; font-weight: 500;}
.myEdu_table tbody th{border-bottom:1px solid #dcdcdc; padding:22px 0; font-size:18px; color:#444; word-break:keep-all}
.myEdu_table tbody td{border-bottom:1px solid #dcdcdc; text-align:center; padding:15px 20px; font-size:15px; line-height:22px; color:#555; word-break:keep-all; }
.myEdu_table tbody td:nth-child(1){border-left: 0; background: #f7f8fc;}
.myEdu_table tfoot td{border-bottom:1px solid #dcdcdc; text-align:center; padding:10px 20px; font-size:15px; line-height:24px; color:#055a94; word-break:keep-all; }
.edu_title1{font-size: 1rem  !important;text-align: left !important;color: #333 !important;}


.edu_view{}
.edu_view_tit{background:#f7f7f9; padding: 4.2rem 2.6rem 2.3rem; overflow: hidden; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; font-size: 1rem;}
.edu_view_tit .e_tit{font-size: 1.75rem;text-align: center;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;color: #2f2f2f; padding-bottom: 2.8rem}
/*.edu_view_tit .detail_info{font-size:15px;}
.detail_info dl{float: left; width: 50%; position: relative;padding: 5px 0 5px 12px; } 
.detail_info dl:before {content: '';display: block;position: absolute;top: 14px;margin-top: -1px;width: 3px;height: 3px;left: 0;background-color: #0186b8;}
.detail_info dt {width: 30%; float: left; font-weight:500; color:#555;}
.detail_info dd {color: #6c6c6c; width: 70%; padding-left: 20px; position: relative; float: left; background:url(../images/common/ico_common2.png) no-repeat -642px -58px; }
.detail-info dd:before {position: absolute;top: 50%;left: 0;margin-top: -6px;width: 1px;height: 12px;background-color: #e2e2e2;content: '';}
.detail-info:after {display: block;clear: both;content: "";}
*/
.detail_info{background:#f7f7f9; padding: 4.2rem 2.6rem 2.3rem; overflow: hidden; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; font-size: 1rem;}
.detail_info .tit{font-size: 1.75rem;text-align: center;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;color: #2f2f2f; padding-bottom: 2.8rem}
.detail_info dd, .detail_info dt {display: block;float: left;color: #494848;font-weight: 500;letter-spacing: -.04em;}
.detail_info dl {float: left;width: 50%;position: relative;padding: 5px 0 15px 12px;}
.detail_info dl:before {content: '';display: block;position: absolute;top: 12px;margin-top: -1px;width: 3px;height: 3px;left: 0;background-color: #1393a6;}
.detail_info dt {color: #222;padding-right: 1.25rem;}
.detail_info dd {color: #6c6c6c;padding-left: 1.25rem;position: relative; width: 70%;}
.detail_info dd:before {position: absolute;top: 10px;left: 0;margin-top: -5px;width: 1px;height: 10px;background-color: #d0d0d0;content: '';}
.detail_info .but{text-align: center;width: 100%;padding-top:2rem; overflow: hidden;}



/*tab css*/
.tab{float:left; width:100%; height:auto; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;}
.tabnav{font-size:0; width:100%; }
.tabnav li{display: inline-block;  height:50px; text-align:center; width: 50%;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active:before{}
.tabnav li a.active{border-bottom:1px solid #fff;}
.tabnav li a{ position:relative; display:block; color: #777; padding:0 30px; line-height:50px; text-decoration:none; font-size:17px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #0169a6; }
.tabnav li a.active{background:#fff; border-left: 1px solid #0169a6; border-right: 1px solid #0169a6; border-top: 1px solid #0169a6; border-bottom: 1px solid #fff; color: #146cb7;}
.tabcontent{padding: 40px 5px; border-top:none;}
.tabcontent h4{font-size:16px}


.tabnav3{font-size:0; width:100%; border-left: 1px solid #cccccc;}
.tabnav3 li{display: inline-block;  height:50px; text-align:center; width: 33.3%; }
.tabnav3 li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav3 li a.active:before{}
.tabnav3 li a.active{border-bottom:1px solid #fff;}
.tabnav3 li a{ position:relative; display:block; color: #777; padding:0 30px; line-height:50px; text-decoration:none; font-size:17px; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #0169a6; background-color: #fafafa;}
.tabnav3 li a.active{background:#fff; border-left: 1px solid #0169a6; border-right: 1px solid #0169a6; border-top: 1px solid #0169a6; border-bottom: 1px solid #fff; color: #146cb7;}

/*탭 오버시 색상 파랑*/
.tabnav3_b{font-size:0; width:100%; border-left: 1px solid #cccccc;}
.tabnav3_b li{display: inline-block;  height:50px; text-align:center; width: 33.3%; }
.tabnav3_b li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav3_b li a.active:before{}
.tabnav3_b li a.active{border-bottom:1px solid #fff;}
.tabnav3_b li a{ position:relative; display:block; color: #777; padding:0 30px; line-height:50px; text-decoration:none; font-size:17px; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #0169a6; background-color: #fff;}
.tabnav3_b li a.active{background:#146cb7;border-bottom: 1px solid #146cb7; color: #fff;}


/*탭 7개로 나옴 자동조절
.tabnav4{font-size:0; width:100%; border-left: 1px solid #cccccc; border-bottom: 1px solid #0169a6;}
.tabnav4 li{display: inline-block;  height:51px; text-align:center; width: calc(100% / 7); }
.tabnav4 li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav4 li a.active:before{}
.tabnav4 li a.active{border-bottom:1px solid #fff;}
.tabnav4 li a{ position:relative; display:block; color: #777; padding:15px 10px;  text-decoration:none; font-size:0.92rem; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #0095ab; background-color: #fafafa;}
.tabnav4 li a.active{background:#fff; border-left: 1px solid #0169a6; border-right: 1px solid #0169a6; border-top: 1px solid #0169a6; border-bottom: 1px solid #fff; color: #146cb7;}

.select_tab a{background: #fff !important;border-left: 1px solid #0095ab;border-right: 1px solid #0095ab !important;border-top: 1px solid #0095ab !important;border-bottom: 1px solid #fff !important;color: #0095ab !important;}*/

.tabnav4{font-size:0; width:100%; border-left: 1px solid #cccccc; display: flex;justify-content: space-between;}
.tabnav4 li{width: 100%;  height:51px; text-align:center;  }
.tabnav4 li a.active:before{}
.tabnav4 li a.active{border-bottom:1px solid #fff;}
.tabnav4 li a{ position:relative; display:block; color: #777; padding:15px 10px;  text-decoration:none; font-size:0.92rem; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #0095ab; background-color: #fafafa;}
.tabnav4 li a.active{background:#fff; border-left: 1px solid #0169a6; border-right: 1px solid #0169a6; border-top: 1px solid #0169a6; border-bottom: 1px solid #fff; color: #146cb7;}

.select_tab a{}
.tabnav4 li.select_tab > a{color: #0095ab; background: #fff;border-bottom: 1px solid #fff;border-top: 1px solid #0095ab;border-right: 1px solid #0095ab;border-left: 1px solid #0095ab;}

@media screen and (max-width: 800px){
	.detail_info dl{width: 100%;}
}

@media screen and (max-width: 640px){
	/*탭*/
	.tabnav4{flex-direction: column;}
	.tabnav4 li a{border-bottom: 1px solid #CCC;}
	.tabnav4 li.select_tab > a{background: #0095ab; color: #fff;}
	
	.sitemapList li{overflow:hidden;width:calc(96% / 2) !important;float:left; margin-right: 2%;}
	}
	

/************************************************
	설문하단
************************************************/
.edu_view_tit2{background: #f8f8f8 url('../images/sub/survey_img.png')no-repeat 50px 40px; padding: 42px 30px 30px 190px; font-size:14px;}
.edu_tit2{color: #333; font-size: 20px; font-weight: 500; line-height: 1.2;     margin-bottom: 10px;}
.edu_btn_box{margin-top: 20px}


/* 시험문제 타이머 */
.timer{border:10px #cccccc solid;padding:30px;text-align:center;width:100%;color:#143d8d;font-weight:600;font-size:40pt;margin-top:150px;margin-bottom:30px}

/************************************************
	시험 결과확인
************************************************/
.test_q {width:100%;padding:30px;border:1px #cccccc solid; margin-top:20px;margin-bottom:20px;}
.test_q div.q_title{float:left;font-size:14pt;color:#000000;padding-bottom:30px;}
.test_q div.score{float:right;font-size:14pt;color:#143d8d}
.test_q ul{clear:both}
.test_q ul li{font-size:12pt;color:#000000;padding-bottom:15px;}
.test_q ul li input{margin-right:15px}
.test_q ul li.select_q{color:#143d8d;text-decoration:underline}

.test_q div.correct_a{font-size:12pt;padding-top:20px}
.gray1{color:#666666}

.m-imgbg1{background: #f2f2f2 url(../images/common/no-img1.png) no-repeat center;}
.m-imgbg2{background: #f2f2f2 url(../images/common/no-img2.png) no-repeat center;}
.m-imgbg3{background: #f2f2f2 url(../images/common/no-img3.png) no-repeat center;}
.m-imgbg4{background: #f2f2f2 url(../images/common/no-img4.png) no-repeat center;}

.tableType3{border-top:2px solid #1a1a1a;width: 100%;}
.tableType3 thead{background:#f8f8f8;}
.tableType3 thead th{padding:10px 0; border-bottom:1px solid #dcdcdc; font-size:15px; color:#444; text-align:center;}
.tableType3 thead th:first-child{border-left:0;}
.tableType3 tbody th{border-bottom:1px solid #dcdcdc; padding:15px 0; font-size:15px; color:#444; word-break:keep-all}
.tableType3 tbody td{border-bottom:1px solid #dcdcdc; text-align:center; padding:10px; font-size:15px; line-height:20px; color:#555; word-break:keep-all}
.tableType3 img{vertical-align: middle;}
.tableType3 tbody td.tit{text-align:left; padding:20px 14px 20px 20px;}

.tableType3 tbody td.tit div{padding-left:0; background: none;}
.tableType3 tbody td.edu_tit{background: no-repeat;float: none;margin: 0;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;}

.tableType3 tbody tr:hover{background:#effaff;}

.openDetail_btn .btn_btnSet.mediumBtn{padding: 7px 8px;width: 120px;border-radius: 2px;font-size: 16px;}

.titleArea_answer{background:#f2f7fc url('../images_konicof/sub/answer_bg.png') no-repeat 26px 26px; padding: 30px 30px 20px 95px;}
.titleArea_answer .title{font-size:20px; font-weight: 500;color: #333;}
.detail_content_answer{background:#f2f7fc ;color:#555; font-size:15px; padding: 0 30px 20px 95px; border-bottom: 1px solid #444;}
.fileBox_answer{background:#f2f7fc ;}

.myClassBoard{margin-top:90px;}
.myClassBoard2{margin-top:90px;}

.edu_tit{font-size:20px; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; color: #333; margin:5px 0 10px 0; background:url('../images/common/blu1.png') no-repeat 0 12px; padding-left:20px; float: left;letter-spacing: -0.7px; }
.edu_tit a{color: #333 !important;}
.edu_tit a:hover{color: #0882d0; }
.edu_tit.contents_title {width: 100%;}

.pri_tit2{font-size:20px; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; color: #333; margin:5px 0 10px 0; background:url('../images/common/blu1.png') no-repeat 0 12px; padding-left:20px; float: left;letter-spacing: -0.7px;}


/************************************************
	사이트맵
************************************************/
.sitemapArea{overflow:hidden;width:100%;padding:0px 0;background:url(../images/sitemap_bg.png);height:100%;}
.sitemapList{display: flex;flex-direction: row;flex-wrap: wrap;}
.sitemapList li{overflow:hidden;width:calc(92% / 4);float:left; margin-right: 2%;}
.site_list01{clear:both}
.sitemapList li h4{color:#fff;font-size:1.1rem;background: #1aa3b7;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;margin:40px 0 20px 0; padding: 14px 16px;border-radius: 10px 0;}
.sitemapList li ul.site_list li{border-left:1px #6b85b7 solid;clear:both;width:100%;padding:0 15px 0 15px;font-size:12pt; /*color:#ffffff;*/padding-bottom:20px;}
/* .sitemapList li ul.site_list li a:link{color:#ffffff} */
/* .sitemapList li ul.site_list li a:hover{color:#ffffff} */
/* .sitemapList li ul.site_list li a:visited{color:#ffffff} */
.sitemapList li ul.site_list li ul.site_slist{padding-top:10px}
.sitemapList li ul.site_list li ul.site_slist li{border-left:none;font-size:9pt;padding-bottom:8px;/*color:#ffffff;*/padding-left:0px}
/* .sitemapList li ul.site_list li ul.site_slist li a:link{color:#ffffff} */
/* .sitemapList li ul.site_list li ul.site_slist li a:hover{color:#ffffff} */
/* .sitemapList li ul.site_list li ul.site_slist li a:visited{color:#ffffff} */
.sitemapArea .site_close{position:relative; top:40px;}

.just-lable {cursor:default !important}