@charset "utf-8";

/* ------------------------------
         sub Start
   ------------------------------ */
.sub_wrap{
	/* float: left; */
	position: relative;
	width: 100%;
	min-height: 500px;
	background: #fff;
}
.sub_con_group{
	padding: 20px 10px;
	border-top: 10px solid #e9ebed;
}
.sub_con_group_style2{
	border-top: 10px solid #e9ebed;
}
.lecture_con_group{
	border-top: 0;
}
.sub_con{
	padding-bottom: 10px;
}
.menu_title{
	position: relative;
	/*position:-webkit-sticky;
	top:0;
	z-index:100;*/
	width: 100%;
	height: 55px;
	background: #464d56;
}
.menu_title h2 a{
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 55px;
	text-align: center;
}
.sub_con_group h2 {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #3b3e41;
}
.sub_con_group h3 {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 600;
	line-height: 22px;
	text-align: left;
	color: #3b3e41;
}
.sub_con_group h4{
	margin-bottom: 10px;
	font-weight: 600;
	color: #3b3e41;
}

/*서브 공통테이블*/

table.basic_table{
	border-top:2px solid #404653;
	border-left:1px solid #ccccce;
}


table.basic_table td{
	text-align:center;
	border-bottom:1px solid #ccccce;
	border-right:1px solid #ccccce;
	padding:5px;
}


table.basic_table td.basic_bg{
	background:#f0f5f9;
	height:50px;
	text-align:center;
}


table.basic_table td.basic_left{
	text-align:left;
	padding-left:15px;
}


/*배경색_그레이*/
.bg_grey{
	background: #e9ebed;
}

.sub_textarea h3{
	margin-bottom: 20px;
	font-weight: 600;
	color: #3b3e41;
}
/*파일다운*/
.file_down {
	margin: 10px 0 0 10px;
}
.file_down span{
	display: block;
	margin-top: 5px;
	color: #73c0ed;
}
.file_down a{
	display: inline-block;
}


/*텍스트 영역*/
.sub_text_top{
	margin-bottom: 30px;
}
.text_box{
	margin-bottom: 40px;
}
.text_box li{
	margin-top: 10px;
}
.text_box_sub_title{
	margin-bottom: 10px;
	font-weight: 600;
	color: #3b3e41;
}
.text_box li p{
	margin-left: 10px;
}

.text_box p span{
	display: inline-block;
	text-indent: -0.8em;
    margin-left: 0.8em;
}

.text_box ul div.text_indent{
	margin-left: 10px;
}
.text_box ul div.text_ident p{
	text-indent:  -1.2em;
	margin-left: 1em;
}
.text_box ul p.text_indent{
	text-indent: -0.6em;
	margin-left: 1.3em;
}


/**서브메뉴**/
.sub_menu_group{
    padding-left: 10px;
    padding-right: 100px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    overflow-x: scroll;
	-webkit-overflow-scrolling: touch; 
    white-space: nowrap;
}
.sub_menu_group a{
	display: inline-block;
	margin-left: 20px;
	line-height: 36px;
	font-family: 'Noto Sans KR','Nanum Gothic', sans-serif;
	font-size: 14px;
}
a.sub_menu_on {
	color: #367cd1;
	font-weight: 500;
	border-bottom: 1px solid #367cd1;
}


/**서브메뉴_탭**/
.sub_tab {
	width: 100%;
	overflow: hidden;
	display: table;
	margin-bottom: 30px;
}
.sub_tab div{
	display: table-cell;
	width: 33.3%;
	height: 40px;
	border: 1px solid #cfcfcf;
	vertical-align: middle;
	text-align: center;
	background: #fff;
}
.sub_tab div a{
	display: inline-block;
	padding: 5px;
	font-size: 13px;
	word-spacing: -1px;
	color: #367cd1;
}
.sub_tab div.tab_on{
	background: #367cd1;
	border: 1px solid #367cd1;
}
.sub_tab div.tab_on a{
	color: #fff;
}


/*================================

			로그인

==================================*/

/*로그인*/

/* .font_login{
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	text-align:left;
} */

.login{
	position:relative;
	text-align:center;
	width:90%;
	margin: 0 auto;
	padding-top: 40px;
}
.login_title{

}
.login_input_box{
	position:relative;
	width:100%;
	margin:0 auto;
}
.login_input_box p{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-bottom:3px;
}
.login_input_box input{
	width:100%;
	height:50px;
	margin:0 auto;
	padding: 0 15px;
	color: #a9a9a9;
	box-sizing: border-box;
}
.login_input_box a{
	text-align:center;
}
p.btn_login_go{
	
}
.btn_login_go a{
	display: block;
	margin-top: 15px;
/*	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;*/
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	background: #006ce4;
	
}
.login_text_group{
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	letter-spacing:-0.5px;
	font-size:13px;
}
.login_text_group p{
	text-align:left;
	width:100%;
	margin:0 auto;
	color:#777777;
	text-indent: -0.6em;
    margin-left: 0.6em;
}
.login_banner{
	width: 90%;
	margin: 0 auto;
	padding-bottom:20px;
}
/*================================

		교육원소개:미션비전

==================================*/
.sub_top .mission_img{
	padding: 20px 0;
}
.mission_vision .vision{
	margin-bottom: 20px;
}
.mission_vision h2{
	margin-bottom: 10px;
	padding-top: 20px;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}

/*================================

		교육원안내:교육이념

==================================*/
.sub_top span{
	display: block;
	max-width: 457px;
	padding: 40px 0;
	margin: 0 auto;
	text-align: center;
}
.sub_top p{
	max-width: 500px;
	margin: 0 auto;
	font-size: 17px;
	text-align: center;
	line-height: 25px;
}
.ssemp_design{
	border-top:1px solid #c9c9c9; 
	padding: 20px 0;
}
/*================================

		교육원안내:교육영역

==================================*/
table.edu_area_t{
	font-size: 13px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}

table.edu_area_t td{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:10px 3px;
	text-align:center;
}


tr.edu_area_t_division td{
	background:#f0f5f9;

}
/*================================

		교육원안내:훈련과정개발절차

==================================*/
.process_tab_menu{
	float: left;
}
.process_tab_menu li{
	float: left;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.process_tab_menu li.process02 .tit:after,
.process_tab_menu li.process03 .tit:after,
.process_tab_menu li.process04 .tit:after,
.process_tab_menu li.process05 .tit:after{
	display: block;
	position: absolute;
	left: 58%;
	top: -22px;
	margin-left: -12px;
	content: "";
	width: 24px;
	height: 17px;
	background: url(../images/sub/icon_process_tab.png) no-repeat;
}
.process_tab_menu li .step{
	display: inline-block;
	float: left;
	width: 20%;
	padding: 5px 0;
	font-weight: 500;
	color: #454545;
	line-height: 30px;
	text-align: center;
	background: #e6e6e6;
}
.process_tab_menu li .tit{
	display: inline-block;
	float: left;
	width: 80%;
	padding: 5px 0;
	color: #454545;
	line-height: 30px;
	text-align: center;
	background: #f1f1f1;
}
.process_tab_menu li.process01.tab_on .step{
	color: #fff;
	background: #2c68b0;
}
.process_tab_menu li.process01.tab_on .tit{
	color: #fff;
	background: #367cd1;
}
.process_tab_menu li.process02.tab_on .step{
	color: #fff;
	background: #cb534f;
}
.process_tab_menu li.process02.tab_on .tit{
	color: #fff;
	background: #e2605b;
}
.process_tab_menu li.process03.tab_on .step{
	color: #fff;
	background: #259ba1;
}
.process_tab_menu li.process03.tab_on .tit{
	color: #fff;
	background: #2cafb6;
}
.process_tab_menu li.process04.tab_on .step{
	color: #fff;
	background: #7e5892;
}
.process_tab_menu li.process04.tab_on .tit{
	color: #fff;
	background: #9266a9;
}
.process_tab_menu li.process05.tab_on .step{
	color: #fff;
	background: #744f30;
}
.process_tab_menu li.process05.tab_on .tit{
	color: #fff;
	background: #8b5f39;
}

table.process_tab_t{
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	margin-bottom: 20px;
}
table.process_tab_t td{
	padding: 6px 3px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	font-family: 'Noto Sans KR','Nanum Gothic', sans-serif;
	font-weight: 500;	
	text-align: center;
	background: #fcfcfc;
	
}
table.process_tab_t td span{
	font-weight: 400;
	font-size: 11px;
}
table.process_tab_t td.process_01.tab_on{
	background: #367cd1;
}
table.process_tab_t td.process_02.tab_on{
	background: #e2605b;
}
table.process_tab_t td.process_03.tab_on{
	background: #2cafb6;
}
table.process_tab_t td.process_04.tab_on{
	background: #9266a9;
}
table.process_tab_t td.process_05.tab_on{
	background: #8b5f39;
} 
.tab_on{
	color: #fff;
}

/*.process_text{
	border-top: 1px dotted #c9c9c9;
}*/
.process_text h3{
	padding-top: 20px;
}
.process_text span{
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}
.process_img{
	max-width: 457px;
	padding: 40px 0;
	margin: 0 auto;
}

/*과정 타이틀 색상*/
.process_text h3.process_01{
	color: #367cd1;
}
.process_text h3.process_02{
	color: #e2605b;
}
.process_text h3.process_03{
	color: #2cafb6;
}
.process_text h3.process_04{
	color: #9266a9;
}
.process_text h3.process_05{
	color: #8b5f39;
}

/*================================

		교육원안내:연혁

==================================*/
.history_bg{
	width: 100%;
	background: url("../images/sub/history_bg.gif") no-repeat top right;
	background-size: 100%; 
}
.history_list dl{
	overflow: hidden;
}
.history_list dl dt{
	position: relative;
    float: left;
    width: 20%;
    max-width: 100px;
    text-align: left;
    font-weight: 600;
    color: #1d1d1d;
}
.history_list dl dt:after{
	position: absolute;
    display: block;
    content: "";
    top: 50%;
    right: -4px;
    width: 5px;
    height: 5px;
    margin: -6px -2px 0 0;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #c85550;
}
.history_list dl dd{
	float: left;
    width: 68%;
    border-left: 1px solid #cfcfcf;
}
.history_list dl dd p{
	padding: 0 0 15px 25px;
}

/*================================

		교육원안내:오시는길

==================================*/
.map_img{
	width: 100%;
	margin-bottom: 20px;
}
table.organi_table {
	border-top:1px solid #ccccce;
}

table.organi_table td{
	line-height: 18px;
	text-align:center;
	border-bottom:1px solid #ccccce;
	padding:9px 0;
}


table.organi_table td img{
	vertical-align:middle;
}


table.organi_table .organi_tr td{
	background:#f0f5f9;
	font-size:13px;
	padding: 5px 0;
}


table.organi_table02{
	border-top:2px solid #333;
}

table.organi_table02 td.organi_td{
	background:#f0f5f9;
	font-size:13px;
	text-align:center;
	padding: 9px 0;	
}

table.organi_table02 td{
	line-height: 18px;
	font-size:13px;
	border-bottom:1px solid #ccccce;
	padding: 8px 10px;
}

/*================================

		교육과정

==================================*/
.lecture_list{
	position: relative;
	padding: 15px 15px 17px;
	/* margin-bottom: 10px; */
/*	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;*/
	background: #fff;
	/* box-shadow: 0 2px 0 #cfcfcf; */
}
.lecture_list_group:not(:first-of-type) { 
	border-top: 1px solid #cfcfcf; 
}
.lecture_list h3{
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: #3e3e3e;
	line-height: 23px;
	letter-spacing:-1px;
}
.lecture_list_info{
	width:100%;
}
.lecture_list dl{
	width: 70%;
	margin-top: 15px;
}
.lecture_list dt, .lecture_list dd{
	display: inline-block;
}
.lecture_list dd:before{
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 5px 0 3px;
	background: #bbbbbb;
    content: '';
}
.lecture_list span{
	display: inline-block;
	width: 70%;
	letter-spacing: -1px;
}
.lecture_list_button{
	position: absolute;
	top: 72%;
	right: 15px;
	margin-top: -19px;
}
span.type_icon{
	width: 18px;
}



/*-교육과정 페이지 교육과정검색하기 테이블-*/

table.lecture_t
{
border-top:2px solid #404653;
border-right:1px solid #ccccce;
}


table.lecture_t td
{
height:45px;
border-bottom:1px solid #ccccce;
border-left:1px solid #ccccce;
text-align:center;
}

table.lecture_t td.t_bg 
{
background:#ebeef6;
height:40px;
font-size:14px;
}

table.lecture_t td input,select
{
height:25px;
}

/*-수강과목 상세보기--*/
.lecture_view_table{
	width: 100%;
}
.lecture_view_table td,
.lecture_view_table th 
{
font-size:0.9em;
color:#666;
padding:2px 8px;
}

.lecture_view_table thead th
{
font-weight: 600;
color: #1d1d1d;
height:40px;
border-bottom: 1px solid #ccccce;
border-left: 1px solid #ccccce;
background: #efefef;
}
.lecture_view_table{
	font-size: 12px;
}
.lecture_view_table .red {color:red;}
.lecture_view_table thead th,
.lecture_view_table tbody td {text-align:center;}

.lecture_view_table tbody td,
.lecture_view_table tbody th {}
.lecture_view_table tbody th{
	background: #efefef;
	border-bottom: 1px solid #ccccce;
	color:#2f8ace;
}
.lecture_view_table tbody td {font-size:1em;}


.lecture_view_info h3{
	margin-top: 25px;
}
.lecture_view_info p{
	margin-left: 5px;
}

/* -------- 2025-04-02 수강후기 추가 -------- */
.review{
	border-top: 2px solid #404653;
}
.review_score { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 24px;
	border-bottom: 1px solid #ccccce;
	padding: 7px 3px;
}
.review_score>span { 
	font-size: 0.8em;
	color: #9e9e9e;
	letter-spacing: -0.5px;
	text-align: right;
	opacity: 1;
}
.review_score .bin {
	position: absolute;
	margin: -1px;
	padding: 0;
	width: 1px; height: 1px;
	border: none;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}
.review_score .star_score { 
	display: inline-block;
	height: 24px;
	overflow: hidden;
}
.review_score .star_score:after {
	content: "";
	display: block;
	position: relative;
	z-index: 10;
	height: 24px;
	background: url(../images/star_img.png) no-repeat center/cover;
	pointer-events: none;
}
.review_score label {
	position: relative;
	z-index: 1;
	float: left;
	width: 8px;
	height: 24px;
	cursor: pointer;
}
.review_score label input {
	position: absolute !important;
	width: 0 !important; height: 0 !important;
	opacity: 0 !important;
}
.review_score label input:checked + .star_img {
	background-color: #ffea00;
}
.review_score .star_score,
.review_score .star_score:after,
.review_score label,
.review_score .star_img { 
	height: 16px; 
}
.review_score .star_img { 
	width: 160px;
	display: block;
	position: absolute;
	right: 0;
	pointer-events: none;
}
.msg_view { 
	font-size: 0.985em;
	color: #666;
	letter-spacing: -0.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 50%;
}



/*수료기준 테이블*/
table.mypage_t
{
font-size: 12px;
border-top:2px solid #404653;
border-right:1px solid #ccccce;
}
table.mypage_t th, table.mypage_t td{
	text-align: center;
}
table.mypage_t th{
	padding: 7px 3px;
	border-left:1px solid #ccccce;
	border-bottom: 1px solid #ccccce;
}
table.mypage_t td{
	padding:7px 3px;
	border-bottom:1px solid #ccccce;
	border-left:1px solid #ccccce;
}

table.mypage_t td.t_bg
{
background:#f0f5f9;
height:40px;
text-align:center;
}

/*================================

		학습하기

==================================*/

.tab{
	position: relative;
	overflow: hidden;
	padding-bottom: 15px;
}
.tab ul{
	float: right;
}
.tab li{
	float: left;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.tab li:last-child:before{
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 7px 0 8px;
	background: #bbbbbb;
    content: '';
}
.tab li.on a{
	color: #2cafb6;
}

/*학습리스트*/
.go_lec{
	position: relative;
	padding: 15px;
	margin-bottom: 10px;
/*	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;*/
	background: #fff;
	box-shadow: 0 2px 0 #cfcfcf;
}
.go_lec h3{
	font-size: 16px;
	font-weight: 500;
}

.rate{
	position: relative;
	width: 64%;
	height: 32px;
	background: #b9b6b6;
	margin-top: 12px;
}
.rate p{
	position: absolute;
	left: 50%;
	margin-left: -25px;
	display: inline-block;
	color: #fff;
	line-height: 32px;
	z-index: 100;
}
.rate span.bar{
	position: absolute;
	display: inline-block;
	width: 10%;
	height: 32px;
	background: #45d1e6;
	left:0;
}

.go_class{
	position: absolute;
	right: 15px;
	bottom: 20px;
	/*width: 20%;*/
}
.go_class a.btn_lec{
	color: #fff;
}
.go_class a{
	font-weight: 600;
	/*line-height: 36px;*/
	text-align: center;
	/*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;*/
}
.btn_sms{
	display: block;
	width: 56px;
	padding: 8px 15px;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}


/*학습하기 상세*/
.chapter_title{
	width:100%;
	background:#f7f7f7;
	letter-spacing:-0.2px;
	border-top:1px solid #dfdfdf;
	color:#5c5c5c;
	font-weight:bold;
}
.chapter_title h3{
	margin-left: 15px;
	font-size:17px;
	font-weight: 600;
}
.chapter_title_in{
	padding: 10px 0;
}
.chapter_title img{
	vertical-align:-1px;
	padding-right:3px;
}
.chapter{
	position: relative;
	margin:0 auto;
	border-bottom:1px solid #c9c9c9;
	padding: 10px 15px;
	color:#1d1d1d;
}
.chapter .font_1{
	display: block;
	font-size:15px;
	padding-bottom:3px;
	width:86%;
}
.chapter .font_1 a{
	font-size:15px !important;
	color:#5c5c5c;
}
.chapter .font_2{
	float:left;
	font-size:14px;
	color:#5c5c5c;

}
.chapter .font_3 {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -10px;
}
.chapter .font_3 img{
	display: inline-block;
	width: 100%;
	margin: 0 3px 1px 0;
}
.chapter .clear{
	clear:both;
	height:1px;
	margin:0;
	padding:0;
}

/* -------- 2020-10-16 추가: 진도율 확인용 팝업 -------- */
#lectureList { 
	padding: 0 0 4%;
	color: #777;
	letter-spacing: -0.5px;
	box-sizing: border-box;
}
#lectureList .lecture_list { 
	margin: 0 auto 5%;
	padding: 0.7rem 1.2rem 1rem;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-sizing: border-box;
}
#lectureList .lecture_list li { 
	padding: 0.7rem 0.2rem 0.7rem 84px;
	line-height: 1.4;
	box-sizing: border-box;
}
#lectureList .lecture_list li:not(:first-child) { 
	border-top: solid 1px #ddd; 
}
#lectureList .lecture_list li>span { 
	position: absolute; left: 1.4rem;
	width: auto;
	font-size: 0.95rem;
	font-weight: 500;
	color: #333;
	letter-spacing: -0.5px;
}
#lectureList .lecture_details { 
	margin-bottom: 1.5%;
	padding: 0;
	line-height: 1.5;
	width: 94%;
	background: #fff;
	border: solid 1px #ddd;
	box-shadow: none;
}
#lectureList .lecture_details h3,
#lectureList .lecture_details h3+div { 
	display: block; 
	padding: 0.6rem 1rem;
}
#lectureList .lecture_details h3 { 
	line-height: inherit;
	font-size: 1.05rem;
	font-weight: 400;
	color: #333;
	letter-spacing: -0.7px;
	box-sizing: border-box;
}
#lectureList .lecture_details h3+div { 
	display: flex;
	justify-content: space-between;
	padding-bottom: 0.8rem;
	font-size: 0.95em;
	font-weight: 300;
	color: #999;
	background: #f6f7f7;
}
#lectureList .lecture_details h3+div span { 
	position: static;
	width: auto; 
	color: inherit;
	letter-spacing: inherit;
}
#lectureList .lecture_details h3+div p:last-child:before { 
	content: "";
	display: inline-block;
	position: relative; top: 1px;
	margin: 0 5px 0 0;
	width: 2px; height: 12px;
	background: red;
	opacity: 0.3;
	display: none; /* 2020-10-19 삭제 */
}
/* 진도율 확인페이지 이동버튼 */
.btn_listen { 
	position: relative; top: -1px;
	display: inline-block;
	padding: 2.5px 5px 3px;
	line-height: 1;
	font-size: 0.875em;
	color: #fff;
	background: #e43636;
	border-radius: 3px;
}


/*================================

		국비지원 환급과정안내

==================================*/
.sub_text_area{
	float: left;
	margin-bottom: 30px;
}
.sub_text_area h3{
	margin-bottom: 30px;
}
.sub_icon_group{
	margin-top: 30px;
	overflow: hidden;
}
.sub_icon_group ul{
	margin: 0 auto;
text-align: center;

}
.sub_icon_group li{
	display: inline-block;
	float: left;
	width: 30.2%;
	margin-right: 2%;
}
span.sub_img {
	display: block;
	max-width: 457px;
	margin: 0 auto;
	padding-bottom: 30px;
}

/*기업위탁교육절차*/
.step_box{
	margin-bottom: 30px;
}
.step_box h4 span{
	display: inline-block;
	width: 44px;
	line-height: 23px;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	background: #ff9625;
}
.step_box a {
	display: inline-block;
	margin-bottom: 5px;
}
/* .step_box p{
	margin-left: 10px;
} */
.step_box p span{
}
.step_box p.text_indent{
	margin-left: 10px;
}
.step9 p{
	margin: 0 0 10px 0;
}


/*훈련대상*/
.sub_text_area li{
	display: inline-block;
	float: left;
	width: 100%;
	padding: 15px;
	margin: 0 2% 10px 0;
	box-sizing: border-box;
	border: 4px solid #efefef;
	text-align: center;
}
.sub_text_area li span{
	font-size: 17px;
	font-weight: 600;
}

/*================================

		환불절차

==================================*/
.return_top {
	margin-bottom: 30px;
}
.return_text{
	margin-top: 30px;
}
.return_text p{
	margin-bottom: 30px;
}
.tell{
	overflow: hidden;
	margin-bottom: 20px;
}
.tell > span{
	display: inline-block;
	float: left;
	width: 50px;
}
.tell p{
	display: inline-block;
	float: left;
	margin: 5px 0 0 10px;
}
.tell p span{
	font-weight: 600;
}


/*================================

		직무능력향상지원금

==================================*/
/*지급신청서*/
.application_form{
	padding: 30px 10px 20px 10px;
	margin-bottom: 30px;
	border: 1px solid #f8f8f8;
}
.application_form span{
	display: block;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 10px;
}
.btn_download{
	text-align: center;
	margin: 10px 0;
}
/*================================

		능력개발카드

==================================*/
.ex_box div{
	margin-top: 10px;
	padding: 15px;
	background: #efefef;
}


/*================================

		공지사항

==================================*/

.notice {
	margin: 0 auto;
	padding: 10px 3%;
	color: #1d1d1d;
	border-bottom: solid 1px #cfcfcf;
	overflow: hidden;
}
.notice .font_1 {
	padding-bottom: 3px;
	font-size: 16px;
}
.notice .font_1 a{
	color:#1d1d1d;
}
.notice .font_2{
	font-size: 13px;
	color:#777;
}
.notice .font_3{}
.notice_not{
	border:1px dashed #ccc;
	padding:10px;
	margin:0 auto;
	margin-top:10px;
	background:#f8f8f8;
	font-size:17px;
}
.notice_2{
	padding: 10px 3%;
	color: #1d1d1d;
	border-bottom: 1px solid #cfcfcf;
}
.notice_2 .font_1{
	font-size:16px;
	padding-bottom:3px;
}
.notice_2 .font_2{
	color:#777;
	font-size:13px;
}
.notice_2 .font_2 span{
	padding-left:5px;
}
.back2{
	background:#f0f7fe
}
.paging{
	font-size:18px;
	vertical-align:middle;
	margin-top:10px;
}
.paging a{
	color:#cdcdcd !important;
	font-weight:normal !important;
}
.paging a:hover{
	color:#284473 !important;
	font-weight:bold !important;
}
.paging{
	font-size:22px;
	vertical-align:middle;
	margin-top:10px;
	text-align:center;
	margin-bottom:20px;
	letter-spacing:1px;
}
div.paging img {
	width: 28px !important;
}
.notice_con {
	margin-bottom: 10px;
	padding: 10px 3%;
	border-bottom: solid 1px #cfcfcf;
}
/*================================

		고객센터

==================================*/

/*faq*/

/*faq 탭메뉴*/
.faq_tab{
	padding: 20px 10px;
	border-top: 10px solid #e9ebed;
}
.faq_tab table {
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}
.faq_tab table td{
	padding: 8px 3px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
}
.faq_tab table td a{
	color: #367cd1;
}
.faq_tab table td.faq_tab_on{
	background: #367cd1;
}
.faq_tab table td.faq_tab_on a{
	color: #fff;
}
.faq_list{
	width: 100%;
	border-bottom: 1px solid #cfcfcf;
	background: #efefef;
}
  .faq_list ul{
	/* padding-top: 8px; */
	/* border-top: 2px solid #404653; */
}  

/* .faq_list li:first-child{
	border-top: 2px solid #777;
} */
.faq_list li{
	overflow: hidden;
	border-top: 1px solid #cfcfcf;
	background: #fff;
}
.faq_list li div{
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.faq_list li .faq_q { padding: 15px 0; }
.faq_list li .faq_a{
	padding: 15px;
	border-top: 1px solid #cfcfcf;
	background: #efefef;
}
.faq_type{
	float: left;
	width: 10%;
	margin-left: 5px;
	
	font-weight: 600;
	color: #1d1d1d;
}
.faq_tit{
	float: left;
	width: 80%;
}
.faq_q_icon{
	float: left;
	width: 25px;
	margin-left: 15px;
	font-size: 17px;
	font-weight: 600;
}
.faq_a_icon{
	float: left;
	width: 25px;
	font-size: 17px;
	font-weight: 600;
}
.faq_a_con{
	float: left;
	width: 90%;
}

/*qna*/
.btn_write, .btn_list_go, .btn_more{
	text-align: center;
	padding: 10px 0 20px;
}

/*게시판 글쓰기*/
.notice_input{
	width:95%;
	margin: 0 auto;

}
.notice_input td{
	padding:3px 0 3px 0;
}
.notice_input .sub3{
	color:#1d1d1d;
	font-weight: 600;
}

.notice_input td input{
	width:100%;
	border:1px solid #cfcfcf;
	height:30px;
	color: #4d4d4d;
	font-weight: normal;
}
.notice_input td textarea{
	color: #4d4d4d;
}
.notice_btn{
	text-align:center;
	margin-bottom:15px;
}



/*================================

	2023-04-03 회원가입+결제기능

==================================*/
.scrollbox { 
	padding: 10px 12px;
	height: 18rem;
	max-width: 100%;
	line-height: 1.5;
	font-size: 0.85em;
	border: 1px solid #ddd;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: pre-wrap; 
	box-sizing: border-box;
}

#join h3 { 
	margin: 0;
	padding: 0 0 1.5rem;
}
#join h3:not(:first-of-type) { 
	padding-top: 3rem; 
}
#join .asterisk::before { 
	content: "\002a"; 
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 4px;
	font-weight: 700;
	color: #ff054b;
}
#join .sub_wrap { 
	padding: 2rem 5% 3rem; 
	max-width: 90%;
}

/* join-step1 */
.join-step1 p { 
	margin: 1.5rem 0 0;
	padding: 0 1% 0 0;
	line-height: 1;
	font-size: 0.9em;
	text-align: right;
}
.join-step1 p input { 
	margin: 0 4px 0 0; 
}

/* join-step2 */
.join-step2 dl { 
	margin: 1.5rem 0 0;
}
.join-step2 dt {
	margin: 2rem 0 0; 
	font-weight: 700;
}
.join-step2 dd { 
	display: flex; 
	align-items: center;
	flex-wrap: wrap;
	margin: 8px 0 0;
}
.join-step2 input, 
.join-step2 select { 
	flex: 1 0 24%;
	padding: 0 10px;
	width: 24%; height: 40px;
	border-color: #ccc; 
	box-sizing: border-box;
}
.join-step2 input[type=checkbox],
.join-step2 input[type=radio] { 
	width: auto; height: auto; 
}
.join-step2 select { 
	-webkit-appearance: auto;
	-moz-appearance: auto;
}
.join-step2 dd p,
.join-step2 input + a ~ input { 
	flex: 1 0 100%;
	margin: 4px 0 0;
	width: 100%;
	box-sizing: border-box;
}
.join-step2 p { 
	font-size: 0.938em; 
	color: #757575;
}
.join-step2 p:first-child { 
	padding: 0 0 8px;
	border-bottom: 1px solid #ccc;
}
.join-step2 dd div { 
	display: flex;
	flex-wrap: wrap;
	padding: 1.5rem 2rem 1.3rem;
	width: 100%;
	border: 1px solid #ccc; 
	vertical-align: middle;
}
.join-step2 dd div span { 
	flex: 1 0 100%;
	width: 100%;
}
.join-step2 dd div span ~ span { 
	margin: 1.5rem 0 0; 
}
.join-step2 dd div + p { 
	margin: 8px 0 0; 
}
.join-step2 input[name=txtZip] { 
	flex-grow: 0; 
}
.join-step2 input[name=txtZip] + a { 
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 0 4px;
	padding: 0 1.5rem;
	height: 40px;
	border: 1px solid #757575;
	box-sizing: border-box;
}
.join-step2 dd input[type=radio] { 
	margin: 0 2px 0 12px; 
}

/* join-msg */
.join-msg { 
	text-align: center; 
}
.join-msg h3 { 
	line-height: 12rem;
}
.join-msg h3+p { 
	margin: -2rem 0 0;
	padding: 0 0 6rem; 
	line-height: 1.6;
}
.join-msg img { 
	margin: auto;
	max-width: 90%; 
}

/* find-account */
.find-acnt h3 { 
	line-height: 3rem;
}
.find-acnt h3 ~ h3 { 
	margin: 4rem 0 0 !important;
	border-top: 1px solid #ccc;
}
.find-acnt li { 
	display: flex; 
	align-items: center;
}
.find-acnt li:not(:first-child) { 
	margin: 4px 0 0; 
}
.find-acnt li label { 
	flex: 0 0 20%; 
	font-weight: 700;
}
.find-acnt li input { 
	flex: 1 0 16%;
	margin: 0 0 0 4px;
	width: 16%;
}
.find-acnt li label + input {
	margin-left: 0;
}
.find-acnt p { 
	margin: 1.5rem 0 0;
	line-height: 1;
	font-size: 0.9em;
}

/* button */
.button-wrap { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 2rem 0 0; 
}
.button-wrap a,
.button-wrap button { 
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 32.33333%;
	width: 100%; height: 5rem;
	font-weight: 600;
	color: #fff;
	background: #5a5b61;
	border: 0;
	border-radius: 3px;
}
.button-wrap * ~ * { 
	margin: 0 0 0 1%; 
}

.join-msg .button-wrap a:first-child { 
	background: #787b82; 
}
.join-msg .button-wrap a:last-child { 
	background: #367cd1; 
}

.find-acnt .button-wrap a,
.find-acnt .button-wrap button { 
	height: 4rem;
	font-weight: 500;
	color: #5a5b61;
	background: transparent;
	border: 1px solid #b5b5b5; 
}


/* -------- 결제기능 -------- */
#sett .sub_content { 
	padding: 2rem 5% 3rem;
	max-width: 90%;
}
#sett form > p { 
	line-height: 1;
	font-size: 13px;
	vertical-align: middle;
}
#sett form ul { 
	margin: 10px 0 0;
}
#sett form li { 
	display: flex;
	padding: 10px 0 12px;
	border-top: 1px solid #d1d3d7;  
}

/* view_cart */
.view_cart form li.no-item { 
	justify-content: center;
	align-items: center;
	padding: 0;
	height: 8rem; 
	text-align: center;
}
.view_cart form li div:first-of-type { 
	flex: 0 0 4rem; 
	width: 4rem;
	font-size: 12px;
	color: #e1534e;
	text-align: center;
}
.view_cart form li div:first-of-type a { 
	display: inline-block;
	margin: 4px 0 0;
	padding: 4px;
	line-height: 1;
	font-size: 10px; 
	color: #fff;
	background: #e1534e;
	border-radius: 3px;
}
.view_cart form input[type=checkbox] { 
	margin: 0 4px; 
}
.view_cart form li div:last-of-type { 
	flex: 1 0 calc(100% - 4rem); 
	width: calc(100% - 4rem);
}
.view_cart form li h4 {
	padding: 0 2% 0 0;
	font-size: 16px;
	font-weight: 700; 
	word-break: break-all;
}
.view_cart form li p { 
	margin: 1rem 0 0;
	color: #757575;
}
.view_cart form li p span { 
	margin: 0 8px 0 0;
	font-weight: 700;
	color: #222;
}
.view_cart form li p span::before { 
	content: "";
	display: inline-block;
	clear: both;
	position: relative; top: -4px;
	margin: 0 5px 0 0;
	width: 2px; height: 2px;
	background: #757575;
	border-radius: 4px;
}
.view_cart form ul + div { 
	display: flex;
	margin: 2rem 0 0;
	border: 1px solid #d1d3d7;
	border-width: 1px 0;
	box-sizing: border-box;
}
.view_cart form ul + div>div { 
	flex: 0 0 50%;
	padding: 0 0 1.5rem;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}
.view_cart form ul + div>div ~ div { 
	/* border-left: 1px solid #d1d3d7; */
}
.view_cart form ul + div>div h5 { 
	margin: 0 0 1rem;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 700; 
	background: #f5f6f7;
}
.view_cart form ul + div>div input { 
	padding: 0;
	max-width: 100%;
	height: auto;
	line-height: 1;
	font-size: 18px;
	background: transparent;
	border: 0;
	text-align: center;
	box-sizing: border-box;
}

/* sett_step */
.sett_step form h3 { 
	padding: 0; 
}
.sett_step table { 
	width: 100%;
	border-bottom: 1px solid #d1d3d7; 
}
.sett_step th,
.sett_step td { 
	padding: 10px 15px; 
	line-height: 1.6;
	border-top: 1px solid #d1d3d7;
}
.sett_step th { 
	font-size: 0.9em;
	background: #f5f6f7;
	text-align: left;
}
.sett_step td input,
.sett_step td select { 
	font-family: inherit;
	font-size: 14px; 
	border-color: #ccc;
	-webkit-appearance: auto;
	-moz-appearance: auto
}
.sett_step input + span { 
	margin: 0 0 0 8px;
	font-size: 0.9em;
	color: #e1534e; 
}
.sett_step #no_bank { 
	margin: 4rem 0 0; 
}

/* sett_ok */
.sett_ok h3 { 
	padding: 0;
	line-height: 8rem; 
	text-align: center;
}
.sett_ok td span { 
	margin: 0 0 0 8px;
	font-size: 0.9em;
	color: #e1534e;  
}

/* -------- 회원가입 -------- */
h3 { 
	position: relative;
	margin-bottom: 1.2rem;
	line-height: 1;
	font-size: 1.2em;
	font-weight: 700; 
	color: #424242;
	letter-spacing: -0.1rem;
}
h3:after { 
	content: "";
	display: block;
	clear: both;
}
#id_status { 
	display: block; 
	margin: 0.8rem 0.4rem 0 0.4rem;
	width: 100%;
}

.login_input_box + div { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 4.8rem;
}
.login_input_box + div svg { 
	position: relative; top: 2px;
	margin: 0 4px 0 0;
	width: 14.2px; height: 14.2px;
}

/* 아이디/비밀번호 찾기 */
.find-acnt > div { 
	margin: 0 auto 24px;
	padding: 24px;
	background: #f7f7f7;
	border: 1px solid #ccc;
}
.find-acnt .btn-login { 
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	line-height: 50px;
	background: #006ce4;
	text-align: center;
}



/* 추가 CSS
------------------------------------------------------ */

/* 2024-01-19 학습자료실 과정선택 */
.lec_slct { 
	margin: 12px auto; 
	width: 95%;
}
.lec_slct select { 
	width: 100%; height: 40px;
	line-height: 40px;
	color: #1d1d1d;
	background: #fff;
	border: 1px solid #999;
	text-align: center;
}
.lec_slct select { 
	-webkit-appearance: auto;
}



/* 2024-03-26 추가: 시험지
------------------------------------------------------ */
.test-btn { 
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 0.6em;
	height: 1.94em;
	font-size: 0.87em;
	font-weight: 500;
	color: #fff !important;
	background: #f58f00;
	border-radius: 3px;
	letter-spacing: -0.04em;
}
.test-header { 
	position: sticky; top: 0;
	display: flex;
	align-items: center;
	height: 60px;
	/* color: #fff;
	background: rgb(0 0 0/0.8); */
	border-bottom: double #333;
	z-index: 61;
	transition: .2s;
}
.test-header > .container { 
	display: flex; 
	justify-content: space-between;
	align-items: center;
	padding: 0 0.8rem;
	width: 100%;
}
.test-header h2 { 
	margin: 0;
	font-weight: 600;
	text-align: center;
}
.test-header h2+div a { 
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0.8em 1.6rem;
	line-height: 1;
	font-size: 0.9em;
	font-weight: 500;
	color: #333;
	background: transparent !important;
	border: solid 0.1rem rgb(0 0 0/50%) !important;
	letter-spacing: -0.04em;
	transition: width .4s;
}
.test-form { 
	padding: 0 0 3em;
	min-width: 320px;
}
.test-item { 
	padding: 1.8em 1.8em 2.8em; 
	background: #fff; 
	transition: .4s;
}
.test-form .test-item:not(:first-of-type) { 
	border-top: dashed 0.12rem #ccc;
}
.test-item:last-of-type { 
	border-bottom: dashed 0.3rem #e9ebed;
}
.test-item hr { 
	margin: 4.8rem 0; 
}
.test-item h4 { 
	/* display: flex;
	align-items: flex-start; */
	margin: 0 0 1.2rem;
	line-height: 1.5;
	font-size: 1.15rem; 
	font-weight: 500;
	color: #000;
	letter-spacing: -0.06em;
	text-align: justify;
}
.test-item h4 > span {
	margin: 0 0.4em 0 0;
	font-weight: 700;
	color: #f61; 
}
.test-item h4 > span::after { 
	content: "."; 
}
.test-item h4 small { 
	align-self: flex-start;
	margin: 0 0 0 0.4rem;
	line-height: 2;
	font-size: 0.75em;
	font-weight: 400;
	color: #999;
	white-space: nowrap;
}
.test-item h4 + img ~ ul,
.test-item h4 + img ~ .input-answer { 
	margin-top: 1.2rem; 
}
.test-item ul { 
	padding: 0; 
	font-size: 1.025em;
}
.test-item ul li { 
	line-height: 1.4;
}
.test-item ul li input[type=radio] { 
	display: none; 
}
.test-item ul li label { 
	display: inline-flex;
	align-items: flex-start;
	padding: 0.4rem;
	width: 100%; height: auto;
	color: #757575;
	letter-spacing: -0.04em;
}
.test-item ul li label::before { 
	display: inline-flex;
	clear: both;
	position: relative; top: -0.01em;
	margin: 0 0.4rem 0 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 1.1em;
}
.test-item ul li:nth-child(1) label::before { 
	content: "\2460";
}
.test-item ul li:nth-child(2) label::before { 
	content: "\2461";
}
.test-item ul li:nth-child(3) label::before { 
	content: "\2462";
}
.test-item ul li:nth-child(4) label::before { 
	content: "\2463";
}
.test-item ul li:nth-child(5) label::before { 
	content: "\2464";
}
.test-item ul li input:checked + label { 
	font-weight: 500;
	color: #dc5c20;
	color: #f61;
	text-decoration: line-through;
	text-decoration: underline;
}
.test-item .input-answer { 
	width: 100%;
	font-family: inherit;
	font-size: 1.075em;
	box-sizing: border-box;
}
.test-item input.input-answer { 
	padding: 0 0.8rem 0.8rem;
	border: 0;
	border-bottom: solid 1px #ccc; 
}
.test-item textarea.input-answer { 
	padding: 0.8rem 1rem;
	line-height: 1.5;
	height: 5rem;
	letter-spacing: -0.025em; 
}
.test-footer { 
	padding: 0 0 4rem;
}
.test-footer .btn { 
	display: block;
	margin: auto;
	padding: 0 1.6rem;
	width: 49% !important; height: 4rem !important;
	line-height: 4rem;
	font-size: 1.2rem !important;
	font-weight: 500;
	color: #fff;
	background: #f61;
	letter-spacing: -0.06em;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: .2s;
}
.test-footer .btn:hover { 
	background: #d66e11; 
}

.test-result .test-header { 
	background: #e9ebed; 
}
.test-result label { 
	cursor: default; 
}
.test-result .test-header h2 { 
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: -0.06em;
}
.test-result .test-header h2 em { 
	font-weight: 700;
}
.test-result .test-item { 
	position: relative; 
}
.test-result .test-item::after { 
	content: "";
	display: block;
	clear: both;
	position: absolute; left: 0; top: -1%;
	padding-top: calc(120/160*100%);
	width: 100%; height: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 8.4rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.test-result .chkRight::after { 
	background-image: url('/site/images/comm/test_chk_1.png') ; 
}
.test-result .chkWrong::after { 
	background-image: url('/site/images/comm/test_chk_2.png'); 
}
.test-result .test-item h4 { 
	white-space: pre-wrap; 
}
.test-result .test-item h4::first-line { 
	font-size: 0.9em; 
}
.test-result .test-item small { 
	font-weight: 600;
	color: #f61;
}
.test-result .test-item small > span { 
	display: none;
}
.test-result .test-item ul li.my-answer input:checked + label { 
	/* color: #333 !important; */
	text-decoration: none;
}
.test-result .test-item.chkWrong ul li.my-answer label {
	font-weight: 400;
	text-decoration: line-through !important; 
	text-decoration-color: #f61;
}
.test-result .test-item.chkWrong ul li.on label { 
	font-weight: 700;
	color: #f61;
}
.test-result .test-item>div { 
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin: 2.4rem 0 0;
}
.test-result .test-item>div h5 { 
	padding: 0 0.4rem;
	-ms-word-break: keep-all;
	word-break: keep-all;
	/* white-space: nowrap; */
}
.test-result .test-item>div h5 em { 
	margin: 0 0 0 0.8rem;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: -0.04em;
	text-decoration: underline;
}
.test-result .test-item>div p { 
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
	padding: 0.9rem 1rem 1rem 0.9rem;
	width: 100%;
	line-height: 1.5;
	font-size: 0.9em;
	color: #757575;
	background: #f5f6f7;
	letter-spacing: -0.02em;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.test-result .test-item>div p span { 
	display: inline-flex;
	align-items: center;
	position: relative; top: -0.1em;
	margin: 0 0.8rem 0 0;
	padding: 0 0.4rem;
	height: 1.6rem;
	line-height: 1;
	font-size: 0.765em;
	font-weight: 500;
	color: #fff;
	background: #9e9e9e;
	border-radius: 0.24rem;
	text-transform: uppercase;
}