@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;700&display=swap');

/**********************************
	2021-04-01 추가 : 메인배너 영역
**********************************/
.main_banner_wrap{
	width: 100%;
	height: 450px;
	overflow: hidden;
}
.main_banner_group{
	width: 1920px;
	height: 450px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.main_banner_group img { 
	max-width: 100% !important;
	height: 450px;
}

#sub_wrap
{
float:left;
width:100%;
/* margin-bottom:25px; */
}

.sub_topbox
{
float:left;
width:100%;
height:135px;
background:url("/images/sub/sub_top_img.jpg") no-repeat;
border-bottom:1px solid #ddd;
background-size:cover;
}

.sub_topbox_area
{
width:1050px;
margin:auto;

}

#sub_container
{
 float:left;
 width:100%;
 position:relative;
 margin-top: 30px;
}

 #sub_container:after
 {
 content:""; 
 display:block;
 clear:both;
 }


 #sub_contents
 {
 position:relative;
 width:1200px;
 margin:auto;
 }
 #sub_contents:after { 
	content: "";
	display: block;
	clear: both;
}


/*레프트메뉴*/

 .left_menu_area
 {
 float:left;
 width:214px;
 }

 .right_contents
 {
 float:left;
 width:936px;
 margin-left:50px;
 padding-bottom:120px;
 min-height:600px;
 }

 .snb_title
 {
 font-size:0;
 }

 .TopMenuFolder
{
	cursor:pointer;
	/*height:49px;*/
	font-size:0;
}
.SubMenuFolder
{
	cursor:pointer;
		font-size:0;
}
.SubMenu
{
	word-break					: keep-all;
	background-color			: #FFFFFF ;
	display						: none ;
	cursor:pointer;
		font-size:0;
}

.SubMenu1
{
	word-break					: keep-all;
	background-color			: #FFFFFF ;
	display						: block ;
	cursor:pointer;
		font-size:0;
}

/* 2020-05-07 서브메뉴 텍스트타입 스타일 추가 */
#lnb .snb_title { 
	display: flex;
	justify-content: center;
	align-items: center;
	height: 140px;
	line-height: 1.5;
	font-size: 23px;
	font-weight: 500;
	color: #fff;
	background: #0051ab;
	letter-spacing: -0.7px;
	text-align: center;
}
#lnb .lnb { 
	width: 214px;
}
#lnb .lnb>li {
	padding: 0 0 0 14px;
	height: 50px;
	line-height: 50px;
	font-size: 16.5px;
	background: #fff;
	border: solid #d8d8d8;
	border-width: 0 1px 1px;
	cursor: pointer;
}
#lnb .lnb>li a { 
	display: block; 
}
#lnb .lnb>li:hover,
#lnb .lnb>li.on { 
	background: #d5e9ff; 
}

/* 2020-05-07 추가 : 교육상담문의 */
.tel {
	padding: 20px 18px;
	border: 1px solid #d8d8d8;
	cursor: default;
}
.tel .tit {
	font-size: 16px;
	font-weight: 500;
}
.tel .number {
	margin: 0 0 4px;
	line-height: 36px;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #006ce4;
	letter-spacing: -0.5px;
}
.tel .txt { 
	line-height: 1.4;
	font-size: 13px;
	opacity: 0.7;
	word-break: keep-all;
}
.tel .txt span { 
	font-family: 'Roboto', sans-serif;
	font-size: 12px; 
}

/* 2021-04-21 추가 : 문의번호 2개일 경우 */
.tel .number.tel_twice { 
	margin: 7px 0 5px;
	line-height: 1.2;
	letter-spacing: -1px;
}


/*-서브 페이지 타이틀-*/
.subpage_title
{
float:left;
width:936px;
height:75px;
border-bottom:1px solid #bfbfbf;
padding-bottom:10px;
position:relative;
}

p.tit_textbox {
	position:absolute;
	left:0; top:40px;
	text-align:left;
	font-size:15px;
	display:inline-block;
}

div.subpage_title p.tit_textbox {
	font-size: 25px;
	font-weight: 400;
	letter-spacing: -0.5px;
}

ul.right_navi
{
position:absolute;
right:0; top:55px;
font:13px/13px 'Nanum Gothic';
}


/*icon*/
.icon_blt{
	display: inline-block;
	width: 20px;
	height: 28px;
	background: url(/images/sub/icon_blt.png) no-repeat center center;
}
.icon_step{

}



.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.pad_l15{padding-left:15px}
.pad_l{padding-left:63px;}


.sub_con
{
float:left;
text-align:left;
width:936px;
padding: 30px 0 0 0px;
line-height:180%;
}

/*인사말*/
.company_info { 
	/*background: url('/images/sub/company_info_bg.png') no-repeat right bottom;*/
}
.company_info_text {
	float:left;
	width:735px;
	font-family: 'Noto Serif KR', serif;
	font-size: 16px;
	line-height: 1.8;
	margin-left: 25px;
}
.trisys_info{
	/*border-top: 1px solid #d9d9d9;*/
	margin-top: 40px;
	padding: 40px 0;
}
.trisys_img{
	float: left;
}
.trisys_info_text{
	float: left;
	margin-left: 20px;
}
.trisys_info_text p{
	font-size: 22px;
	font-weight: bold;
}
.trisys_info_text dl{
	margin-top: 20px;
	float: left;
	font-size: 14px;
}
.trisys_info_text dt{
	display: inline-block;
	float: left;
	margin-right: 15px;
	font-weight: bold;
}

.trisys_table{
	width: 936px;
	margin-top: 40px;
	border-top: 1px solid #ddd;
	border-right:1px solid #ddd;
	border-left: 1px solid #ddd;
}
.trisys_table td{
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
}
.trisys_table th{
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #f0f5f9;
}
.trisys_table .tirsys_table_title{
	font-size: 18px;
	font-weight: 600;
	padding: 10px 50px;
}
.site_over:hover{
	text-decoration: underline;
}


/*미션비전*/
.mission_vison_text{
	margin-left: 60px;
}
.mission_vison_text h2{
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px;
}
.mission_vison_text p{
	font-size: 14px;
	line-height: 25px;
}
.mission, .vison{
	margin-top: 30px;
}

/*교육영역*/

table.edu_area_t
{
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 0;
text-align:center;
}


tr.edu_area_t_division td
{
background:#f0f5f9;

}
/*연혁*/
.history_group dl{
	float: left;
	width: 936px;
	margin: 40px 0 0 20px;
}
.history_group dt{
	position: relative;
	float: left;
	width: 100px;
	font-size: 16px;
	font-weight: bold;
}
.history_group dt:after{
	position: absolute;
    display: block;
    content: "";
	right: -9px;
	margin-top: -19px;
    width: 17px;
    height: 17px;
    background: url("/images/sub/icon_history.gif");
}
.history_group dd{
	float: left;
	width: 816px;
    border-left: 1px solid #dfdfdf;
}
.history_group dd p{
	padding-bottom: 18px;
    padding-left: 5%;
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.history_group dd p strong{
	margin-right: 10px;
	font-weight: bold;
}
.history_group dd p span{
	color: #0078cf;
	font-size: 13px;
}
/*훈련과정 개발절차*/

/*탭*/

ul.development_step_list
{
float:left;
margin-bottom:40px;
}

ul.development_step_list li
{
float:left;
cursor:pointer;
}

.development_info_text
{
float:left;
width:790px;
/* border-top:1px dashed #bfbfbf;
border-bottom:1px dashed #bfbfbf; */
padding:30px 0 30px 10px;
}

.development_info_text h3
{
margin-bottom:30px;
}

.development_info_text p{
	margin-left: 15px;
}
.top_text_process
{
float:left;
width:800px;
height:107px;
background:url("/images/sub/title_text_process_red.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}


/*-고객사-*/

ul.customer_list
{
width:810px;
}

ul.customer_list li 
{
width:245px;
height:156px;
border:1px solid #ddd;
display:inline-block;
_display:inline;
zoom:0;
text-align:center;
margin:0 25px 25px 0;
}

ul.customer_list li  span.customer_img
{
display:block;
height:125px;
}


ul.customer_list li  a.customer_link
{
width:100%;
padding:8px 0;
display:inline-block;
border-top:1px dashed #bfbfbf;
}

ul.customer_list li  a.customer_link:hover
{
font-weight:800;
}


/*-오시는 길-*/

table.organi_table 
{
border-top:1px solid #ccccce;
}


table.organi_table td
{
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
{
font-size:13px;
border-bottom:1px solid #ccccce;
padding:5px 15px;
}

/* 2020-05-07 캐럿글로벌 밝음생애센터 주소 추가 */
.sub_map dl { 
	padding: 15px 30px 17px;
	font-size: 17px;
	color: #fff;
	background: #333;
	letter-spacing: -0.5px;
	/* border: solid 1px #fe5003; */
}
.sub_map dl:after { 
	content: "";
	display: block;
	clear: both;
}
.sub_map dt,
.sub_map dd { 
	float: left; 
}
.sub_map dt { 
	font-weight: 700;
}
.sub_map dd { 
	margin: 0 0 0 50px;
}
.sub_map .trans h4 { 
	margin: 30px 0 0;
	line-height: 40px;
	font-size: 14px;
	font-weight: 700;
	text-indent: 12px;
	border-bottom: solid 1px #666;
}
.sub_map .trans ul,
.sub_map .trans p { 
	margin: 5px 0 0;
	padding: 12px 9px;
	line-height: 1.7;
	font-size: 13.5px; 
	color: #666;
	/* border: solid 1px #ccccce; */
	text-indent: -5px;
}
.sub_map .trans ul { 
	padding: 12px 0;
}
.sub_map .trans li { 
	/* margin-left: -25px; margin-right: -25px; */
	padding-left: 20px; padding-right: 20px;
}
.sub_map .trans li:not(:first-child) { 
	margin-top: 10px;
	padding-top: 12px;
	border-top: solid 1px #ddd;
}
.sub_map li b { 
	margin: 0 10px 0 0;
	font-weight: 500;
	color: #4475cb;
	color: #f57f17;
}
.sub_map li b+span { 
	font-size: 13.5px;
	font-weight: 300;
	opacity: 0.7; 
}
.sub_map li h5 { 
	margin: 0 -12px 5px;
	padding: 3px 17px 5px;
	font-size: 14px;
	/* font-weight: 500; */
	background: #f5f5f5;
}
.sub_map .trans p { 
	text-indent: 0; 
}


/*-교수진 소개-*/

.pro_top_text

{
float:left;
width:800px;
height:107px;
background:url("/images/sub/title_text_professor.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}


ul.sub_prof_cont
{
width:800px;
}

ul.sub_prof_cont li
{
	position:relative;
	float:left;
	width:245px;
	height:256px;
	margin-right:29px;
	margin-bottom:55px;
	text-align:center;
	border:1px solid #ddd;
}

ul.sub_prof_cont li.last{
	margin-right:0;
} 

ul.sub_prof_cont li span{
	 display:block;
	 margin:auto;
}

ul.sub_prof_cont li span.sub_prof_img{
height:128px;
margin:25px 0;
}

ul.sub_prof_cont li span.sub_prof_subject{
	color:#3a5b95;
	font-size:12px;
	margin-bottom:10px;
}

ul.sub_prof_cont li span.sub_prof_name{
	width:80%;
	font-size:15px;
	color:#2a2a2a;
	cursor:pointer;
	border-bottom:1px solid #ddd;
	margin:auto;
	line-height:40px;
}

ul.sub_prof_cont li a.btn_detail
{
display:block;
width:100%;
height:26px;
color:#333;
margin:0 auto;
font-size:13px;
border-top:1px solid #ddd;
line-height:30px;
}

ul.sub_prof_cont li a.btn_detail:hover
{
color:#90c31f;
}




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

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


table.lecture_t td
{
padding:7px 0;
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;
}

/*190829 수정*/
table.lecture_t2
{
text-align: left;
border-top:2px solid #404653;
border-right:1px solid #ccccce;
}
table.lecture_t2 td
{
padding:3px 7px;
border-bottom:1px solid #ccccce;
border-left:1px solid #ccccce;
}

table.lecture_t2 td.t_bg 
{
background:#ebeef6;
height:31px;
font-size:15px;
font-weight:bold;
text-align: center;
}
table.lecture_t2 td.t_bg2
{
background:#eeeeee;
}

/*수강신청 리스트*/
/* a.lec_hover:hover { font-weight: 700; } */

.thumb_play{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	width:300px;
	height:156px;
	background:url(/images/sub/thumb_play.png) no-repeat;
}
.thumb_play:hover{background-position:0 -156px;}

/*강사프로필 팝업뷰*/

.profile_view_group
{
float:left;
width:89%;
padding:20px;
border-left:7px solid #90c31f;
border-right:7px solid #90c31f;
border-bottom:7px solid #90c31f;
position:relative;
}

.pro_top_info
{
float:left;
width:100%;
padding-bottom:20px;
border-bottom:2px solid #ddd;
}

span.pro_pic
{
display:inline-block;
float:left;
margin-right:15px;
}

span.pro_name
{
display:inline-block;
float:left;
width:100%;
text-align:center;
background:#90c31f;
color:#fff;
font:bold 18px/50px 'Malgun Gothic';
}

.pro_lecture_name
{
float:left;
width:290px;
height:107px;
padding:10px;
border:1px solid #ccc;
line-height:21px;
}

.pro_lecture_name span
{
display:inline-block;
font:bold 15px/20px 'Malgun Gothic';
color:#017cbb;
margin-bottom:12px;
}


.detail_info
{
float:left;
width:410px;
padding:10px;
border:1px solid #ccc;
line-height:21px;
margin-top:10px;
}

span.pro_info_tit
{
display:inline-block;
font:bold 15px/20px 'Malgun Gothic';
color:#017cbb;
margin-bottom:12px;
}

p.btn_close
{
float:left;
width:100%;
text-align:right;
margin:12px 0;
}



/*-학습안내-*/

ul.study_guide_tab
{
float:left;
width:936px;
height:92px;
}

ul.study_guide_tab li
{
float:left;
cursor:pointer;
}

.top_text
{
float:left;
width:856px;
height:140px;
background:url("/images/sub/title_text_01.gif") no-repeat;
font:bold 15px/25px 'Malgun Gothic';
text-align:center;
padding-top: 40px;
}

.top_text_02
{
float:left;
width:856px;
height:140px;
background:url("/images/sub/title_text_02.gif") no-repeat;
font:bold 15px/25px 'Malgun Gothic';
text-align:center;
padding-top:40px;
}

.top_text_03
{
float:left;
width:856px;
height:140px;
background:url("/images/sub/title_text_03.gif") no-repeat;
font:bold 15px/140px 'Malgun Gothic';
text-align:center;
margin-bottom: 40px;
}

.top_text_04
{
float:left;
width:100%;
height:140px;
background:url("/images/sub/title_text_04.gif") no-repeat;
font:bold 15px/140px 'Malgun Gothic';
text-align:center;
margin-bottom: 40px;
}

.top_text_05
{
float:left;
width:856px;
height:140px;
background:url("/images/sub/title_text_05.gif") no-repeat;
font:bold 15px/25px 'Malgun Gothic';
text-align:center;
padding-top:40px;
}


.guide_con
{
float:left;
width:856px;
height:100%;
border-left:1px solid #ccccce;
border-right:1px solid #ccccce;
padding:40px;
}
.guide_con_first{
float:left;
width:856px;
height:100%;
border-top:1px solid #ccccce;
border-left:1px solid #ccccce;
border-right:1px solid #ccccce;
padding:40px;
margin-top: 40px;
}
.guide_con_last
{
float:left;
width:856px;
height:100%;
border:1px solid #ccccce;
border-top:none;
padding:40px;
}
.guide_con_first p,
.guide_con p,
.guide_con_last p
{
float:left;
}

ul.guide_tit
{
float:right;
width:350px;
height:40px;
}

ul.guide_tit li
{
float:left;
}

ul.guide_tit li.t_num
{
width:35px;
}

.t_box
{
float:right;
*text-align:left;
width:350px;
}

.dotted_line_02
{
float:left;
width:856px;
height:1px;
border-top:1px dashed #a0a0a0;
margin:35px 0 5px 0;
}


.return_guide_con
{
float:left;
width:934px;
height:100%;
border:1px solid #ccccce;
border-top:none;
padding:20px 0;
}

.return_title
{
float:left;
width:936px;
height:180px;
margin-top:20px;
}

ul.return_text
{
float:left;
width:100%;
}

ul.return_text li
{
line-height:45px;
border-bottom:1px dashed #ccccce;
*text-align:left;
}

ul.return_text li span
{
display:inline-block;
}
ul.return_text li span.return_tit
{
width:35px;
}

ul.return_text li span.return_tit img
{
*vertical-align:middle;
}


/*-마이캠퍼스 학습하기 최소수업 13분 팝업 -*/
.popup_01 {
	width:935px; 
	height:830px;  
	color: #8c8c8c; 
	position: absolute; 
	top:0; 
	left:202px; 
	text-align: right; 
	z-index: 1300;
}
.popup_01 .close{
	width:935px; 
	height:40px;
	background:#343434; 
	color:#fff; 
	z-index: 90;
	font-size: 15px;
	line-height:40px;
}
.popup_01 .pop_con{
	width:935px; 
	height:818px;
	background:url("/images/popup/bg_popup_190517.jpg") no-repeat top center;
	text-align:center;
}
.popup_01 .pop_con a {
	margin-top:730px;
	display: inline-block;
}

/*-마이캠퍼스 탭메뉴-*/
ul.mypage_mtab
{
width:936px;
height:40px;
margin-bottom:60px;
/* 2021-12-09 추가 */
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}

ul.mypage_mtab li
{
float:left;
width:467px;
height:42px;
border:1px solid #dddddd;
text-align:center;
margin-left:-1px;
margin-top:-1px;
line-height:42px;
}

ul.mypage_mtab3 li
{
width:311px !important;
}

ul.mypage_mtab5 li {
width: 186px !important;
}

ul.mypage_mtab li 
{
color:#383838;
}

ul.mypage_mtab li.tab_on 
{
background:#404653;
}

ul.mypage_mtab li.tab_on a
{
color:#ffffff;
}

.bg_red{background:#e43636 !important;}

/*-마이페이지 내정보 관리 테이블-*/

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

table.mypage_t td
{
padding:7px 0;
border-bottom:1px solid #ccccce;
border-left:1px solid #ccccce;
}

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

table.mypage_t input
{
height:25px;
padding-top:5px;
padding-left:5px;
border:1px solid #bfbfbf;
}


.td_01
{
padding:5px 0;
text-align:center;
font-weight:bold;
}

.td_02
{
padding:10px;
font-weight:bold;
}

.td_03
{
padding:10px 0;
text-align:center;
}

.td_04
{
padding:5px 0;
text-align:center;
font-weight:bold;
background-color:#f0f5f9;
border-bottom:1px solid #cecece;
}

.td_05
{
padding:5px 0 5px 15px;
border-bottom:1px solid #cecece;
text-align:left;height:30px;
}


.td_05 input
{
height:25px;
padding-left:10px;
}


/*마이페이지 리스트 스타일*/
table.mypage_list
{
width:100%;
border-top:2px solid #404653;
}

table.mypage_list td
{
height:32px;
padding:7px 0;
text-align:center;
border-bottom:1px solid #ddd;
line-height:22px;
}
table.mypage_list td .btn_line_small
{
margin: 4px;
padding: 2px 6px;
}
table.mypage_list td .btn_download
{
border:none;
background:#4475CB;
color:#fff;
}

tr.mypage_list_head td
{
font-weight:500;
border-bottom:1px solid #404653;
}

table.bbs_list_search
{

}

a.btn_detail_pop:hover
{
color:#80c0fb;
}

a.btn_review{
	display:inline-block;
	padding:3px 7px;
	height:25px;
	background:#6a6c6e;
	color:#fff;
	text-align:center;
	line-height:25px;
	font-size:11px;
	margin-top:4px;
}
a.btn_survey{
	display:inline-block;
	padding:3px 7px;
	height:25px;
	border:1px solid #999da6;
	color:#333;
	text-align:center;
	line-height:25px;
	font-size:11px;
	margin-top:4px;
}

/*국비지원환급과정안내 탭 메뉴*/

ul.go_menu_tab,
ul.go_refundmenu_tab
{
width:936px;
height:40px;
margin-bottom:60px;
}

ul.go_menu_tab li
{
float:left;
width:33.2%;
height:42px;
border:1px solid #dddddd;
text-align:center;
border-bottom:1px solid #404653;
margin-left:-1px;
line-height:42px;
}

ul.go_refundmenu_tab li
{
float:left;
width:25.1%;
height:42px;
box-sizing: border-box;
border:1px solid #dddddd;
text-align:center;
border-bottom:1px solid #404653;
margin-left:-1px;
line-height:42px;
}

ul.five_tab li {
	width: 20.1%;
}

ul.go_menu_tab li a,
ul.go_refundmenu_tab li a
{
color:#383838;
}

ul.go_menu_tab li.tab_on,
ul.go_refundmenu_tab li.tab_on
{
background:#404653;
}

ul.go_menu_tab li.tab_on a,
ul.go_refundmenu_tab li.tab_on a
{
color:#fff;
}



/*페이지 내용 구분선(점선)*/

.dotted_line
{
float:left;
width:936px;
height:1px;
border-top:1px dashed #a0a0a0;
margin:35px 0;
}



/*기업위탁교육안내*/

.refund_top_text
{
float:left;
width:936px;
height:107px;
background:url("/images/sub/title_text_business.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}

.refund_t
{
float:left;
}



/*기업위탁교육절차*/

.process_top_text
{
float:left;
width:800px;
height:107px;
background:url("/images/sub/title_text_05.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}

.pro_step_box
{ 
float:left;
width:936px;
border-bottom:1px dashed #ccccce;
margin-bottom:25px;
padding-bottom:25px;
}

.pro_step_box_02
{
float:left;
width:800px;
height:135px;
border-bottom:1px dashed #ccccce;
margin-bottom:25px;
}

.pro_step_box_03
{
float:left;
width:800px;
height:165px;
border-bottom:1px dashed #ccccce;
margin-bottom:25px;
}

.pro_step_box ul,
.pro_step_box_02 ul,
.pro_step_box_03 ul
{
float:left;
width:800px;
}

.pro_step_box ul li,
.pro_step_box_02 ul li,
.pro_step_box_03 ul li
{
float:left;
}

.pro_step_box ul li.step_num,
.pro_step_box_02 ul li.step_num,
.pro_step_box_03 ul li.step_num
{
margin-right:25px;
}

.pro_step_box ul li.step_text,
.pro_step_box_02 ul li.step_text,
.pro_step_box_03 ul li.step_text
{
width:560px;
line-height:22px;
}

.pro_step_box ul li strong,
.pro_step_box_02 ul li strong,
.pro_step_box_03 ul li strong
{
font:bold 17px/32px 'Malgun Gothic';
color:#ff9625;
}

.pro_step_box_02 ul li span img,
.pro_step_box_03 ul li span img
{
*vertical-align:middle;
}


/*기업위탁훈련대상 */

.target_top_text
{
float:left;
width:800px;
height:107px;
background:url("/images/sub/title_text_05.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}


/*기업위탁환급절차 */

.return_text
{
font-size: 16px;
line-height: 28px;
}

.refund_pro_text
{
float:left;
width:615px;
height:135px;
background:url("/images/sub/refund_pro_text.gif") no-repeat;
margin-bottom:30px;
font:bold 16px/24px 'Malgun Gothic';
padding:45px 0 0 185px;
}

.refund_pro_text span
{
display:inline-block;
margin-top:15px;
}

ul.refund_pro_tit01
{
float:left;
width:936px;
text-align:left;
*margin-top:30px;
}

ul.refund_pro_tit01 li strong
{
font:bold 25px/25px 'Noto Sans KR';
}

.refund_tit
{
float:left;
}

.refund_tit span
{
display:block;
background:#95979c;
color:#fff;
text-align:center;
padding:1px 15px;
height:36px;
line-height:36px;
font-size:16px;
}


ul.refund_con_text
{
float:left;
width:936px;
text-align:left;
}

ul.refund_con_text li
{
float:left;
}

ul.refund_con_text li img
{
*vertical-align:middle;
}


/*모사답안방지안내 및 훈련생 유의사항 공통*/

.tit_icon,
.tit_icon02
{
float:left;
width:936px;
margin-bottom:5px;
font-size:17px;
font-weight:500;
}
.tit_icon a.title_btn
{
display: inline-block;
padding: 4px 12px;
background: #333;
color: #fff;
font-weight: 500;
font-size: 13px;
line-height:15px;
margin-left:12px;
}
.tit_icon a.title_btn:hover
{
background: #000;
}

.tit_icon02
{
margin-bottom:8px;
}

.tit_icon span,
.tit_icon02 span
{
float:left;
display:inline-block;
margin-right:8px;
}


.tit_icon span
{
*padding-top:6px;
}

.con_text
{
float:left;
width:780px;
padding-left:20px;
}

.con_text02
{
float:left;
width:834px;
margin: 0 0 30px 63px;
padding:20px;
background: #f8f8f8;
}

/*훈련생 유의사항*/
.top_note{
	width: 936px;
	height: 197px;
	margin-bottom: 50px;
	background: url(/images/sub/trainee_note_bg.gif) no-repeat;
}
.top_note p{
	padding: 37px;
}
/*-기본 공통 테이블-*/
table.basic_table
{
	float: left;
border-top:2px solid #404653;
border-left:1px solid #ccccce;
margin-top: 10px;
}


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


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;
}

table.basic_table td input
{
height:25px;
}
table.basic_table2
{
border-top:1px solid #ccccce;
border-left:1px solid #ccccce;
margin-top: 10px;
}


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


table.basic_table2 td.basic_bg
{
background:#f0f5f9;
text-align:center;
font-weight:500;
}


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

table.basic_table2 td input
{
height:25px;
}
table.tbl_common{
	border-left:1px solid #dfdfdf;
}
table.tbl_common th{
	border-top: 2px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
table.tbl_common td{
	text-align:center;
	border-bottom:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	padding:8px;
}
table.tbl_common th.t_bg{
	height:50px;
	font-weight: normal;
	line-height: 20px;	
	text-align:center;
	background:#efefef;
}

/*-서브로그인페이지-*/


.sub_login_area
{
width:100%;
height:450px;
padding:100px 0 60px 0;
}


.sub_loginbox
{
float:left;
width:100%;
height:300px;
}

.sub_login {
	margin: 50px auto;
	width: 360px;
}
.sub_login form { 
	margin: 0 auto;
}
.sub_login form:after { 
	content: "";
	display: block;
	clear: both;
}
form input:focus { 
	outline: none; 
}

p.login_note_text
{
text-align:center;
margin-bottom:20px;
font-size:19px;
font-weight:500;
}

.sub_loginbox .imgbox
{
float:left;
width:205px;
height:195px;
text-align:center;
padding:65px 0 0 20px;
}


ul.login_form {
	float: left;
	width: 257px;
}

ul.login_form li
{
margin-bottom:7px;
}

ul.login_form li input
{
width:240px;
height:40px;
padding:5px 0 0 10px;
border:1px solid #ddd;
box-sizing: border-box;
}

.sub_loginbox a.btn_login {
	display: block;
	float: right;
}

.sub_loginbox .line
{
width:100%;
float:left;
height:1px;
border-bottom:1px dashed #bfbfbf;
margin:20px 0;
}

ul.login_btn {
	clear: both;
	margin: 10px 0 0;
	width:100%;
}
ul.login_btn:after { 
	content: "";
	display: block;
	clear: both;
}
ul.login_btn li {
	float:left;
	width: 48%; height: 36px;
	line-height: 36px;
	border: 1px solid #ddd;
	cursor: pointer;
	text-align: center;
}
ul.login_btn li.btn_joinon { 
	float: right;
	background: #f0f5f9;
}


/*아이디/비밀번호 찾기-*/
.sub_idbox {
	margin: 0 auto;
	width: 385px;
	padding: 40px 80px;
	text-align: left;
	border: solid 1px #ccc;
}
.sub_idbox:after { 
	content: "";
	display: block;
	clear: both;
}
.sub_idbox h3 {
	margin: 0 0 5px;
	width: 100%;
	line-height: 1;
	font-size: 19px;
	font-weight: 700;
}

.sub_idbox ul.id_form
{
width:310px;
float:left;
margin-top:10px;
}

.sub_idbox ul.id_form li
{
margin-top:12px;
*margin-top:8x;
}


ul.id_form li span.id_tit
{
width:60px;
display:inline-block;
margin-right:15px;
font-size:14px;
}

.sub_idbox ul.id_form input
{
height:25px;
*height:23px;
padding:5px 0 0 10px;
}

.sub_idbox ul li span.jumin_num input
{
width:105px;
*width:102px;
}

.sub_idbox a.btn_id
{
float:left;
display:inline-block;
margin-top:23px;
}

.id_text
{
float:left;
width:385px;
font-size:12px;
margin-top:15px;
color:#7f7f7f;
}


/*-사이트맵-*/

.map_title
{
padding:10px; 
border-bottom:1px solid #000;
text-align:center;
font-size:20px;
font-weight:bold;
font-family: 'Malgun Gothic', sans-serif;
}

.map_sub
{
padding:10px; 
border-bottom:1px solid #cecece;
font-size:13px;
font-weight:bold;
font-family: 'Malgun Gothic', sans-serif;
}

ul.sitemap_menu {
	display: inline-block;
	margin: 0 2%;
	padding: 0 0 100px;
	width: 20%; 
	vertical-align: top;
}
ul.mr_n {
	margin-right:0;
}

ul.sitemap_menu li {
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-bottom: solid 1px #ccccce;
}

ul.sitemap_menu li.site_m {
	padding-left: 0;
	height: 50px;
	font-size: 18px;
	font-weight: 500;
	border-bottom: solid 1px #333;
	text-align: center;
}




/*-환급절차-*/

#content-wrap h3 
{
padding-bottom:10px;
font-size:18px;
}

#cont-area dt
{
padding:5px 0;
}

#cont-area table
{
margin:5px 0 10px;
text-align:center;
}

#cont-area ul li, #cont-area ol li {padding-left:5px;}



/*-교육영역-*/

.online_feature .guide_tit, .online_feature .t_box {width:220px;}
.online_feature .guide_tit {margin-top:15px;}
.align-c {text-align:center;}
.float_l {float:left;}
.float_r {float:right;}
.cboth {clear:both;}

.border-box 
{
margin-top:15px;
padding:15px;
border:5px solid #efefef;
text-align:center;
line-height:1.8em;
}
.border-box b {color:#3D67BE;}

.offline_table {text-align:center;}

.offline_table th
{
background:#f6f6f6;
border-top:1px solid #eee;
}

.offline_table td, 
.offline_table th 
{
height:24px;
padding:5px;
border-bottom:1px solid #eee;
}



/*-수강과목 상세보기--*/

.lecture_view_table td,
.lecture_view_table th 
{
font-size:0.9em;
color:#666;
padding:2px 8px;
}

.lecture_view_table thead th
{
background:#efefef;
color:#2F8ACE;
height:35px;
}

.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 td {font-size:1em;}

/*이용약관_개인정보취급방침*/
#cont-area ul li p{
	padding-left: 10px;
}

/*사회복지사1급 안내*/
.sub_con_area{
	float: left;
	width: 936px;
	text-align: left;
	margin-bottom: 60px;
}
.sub_con_area h2{
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: 500;
	color: #444;
}
.sub_con_area .sub_con_area_pl{
	margin-left: 20px;
	width: 916px;
}
.sub_con_area .sub_txt{
	display: inline-block;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 18px;
}
.sub_con_area .box{
	float: left;
	width: 886px;
	padding: 25px;
	background: #fafafa;
}
.sub_con_area .box .box_tit{
	margin-bottom: 20px;
	font-weight: bold;
}
.sub_con_area .box .box_tit span{
	margin-right: 5px;
}
.sub_con_area .box_01 .tit{
	float: left;
	width: 236px;
	height: 122px;
	font-size: 21px;
	color: #fff;
	text-align: center;
	background: #3a8a95;
}
.sub_con_area .box_01,
.sub_con_area .box_02{
	float: left;
	margin-bottom: 15px;
}

.sub_con_area .box_02 .tit{
	float: left;
	width: 236px;
	height: 122px;
	line-height: 122px;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #454d5a;
}
.sub_con_area .box_01 .tit span{
	display: inline-block;
	width: 236px;
	margin-top: 34px;
	font-weight: bold;
}
.sub_con_area .box_01 .con,
.sub_con_area  .box_02 .con{
	float: left;
	width: 658px;
	height: 79px;
	padding: 20px;
	background: #f5f5f5;
	border-right: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	color: #333;
}
.sub_con_area .box_01 .txt,
.sub_con_area .box_02 .txt{
	word-spacing: -2px;
}
.sub_con_area h3{

}
.sub_con_area .icon_group li{
	display:inline-block;
	width: 460px;
	margin-top: 35px;
}
.sub_con_area .icon_group li.icon_last .txt{
	padding-top: 15px;	
}
.sub_con_area .icon_group li .icon{
	float: left;
	display: inline-block;
	width: 114px;
	height: 114px;
	margin-right: 20px;
}
.sub_con_area .icon_group li .icon01{
	background: url(/images/sub/icon_subject_01.gif) no-repeat;
}
.sub_con_area .icon_group li .icon02{
	background: url(/images/sub/icon_subject_02.gif) no-repeat;
}
.sub_con_area .icon_group li .icon03{
	background: url(/images/sub/icon_subject_03.gif) no-repeat;
}
.sub_con_area .icon_group li .icon04{
	background: url(/images/sub/icon_subject_04.gif) no-repeat;
}
.sub_con_area .icon_group li .txt{
	float: left;
}
.sub_con_area .icon_group li .txt h3{
	font-size: 19px;
	color: #082559;
	margin-bottom: 10px;
	font-weight:600;
}
.subject_a_process {
	width: 936px;
	height: 120px;
	background: url(/images/sub/subject_a_process2.gif) no-repeat;
}
.subject_a_process a {
	display: block;
	float: right;
	width: 208px;
	height: 120px;
}
.subject_a_process a:hover {
	background: url(/images/sub/subject_a_process_btn.gif) no-repeat;
}

/*직업상담사2급*/
.tit_icon02 a.red {
	font-color: #b20000;
}

/*서브 상단 퀵메뉴*/
.quick_menu_group{
	width: 934px;
	height: 179px;
	border:1px solid #dfdfdf;
	background: #f8f8f8;
}
.quick_menu_group ul{
	padding: 30px 0;
}
.quick_menu_group li{
	float: left;
	width: 232px;
}
.quick_menu_group li span{
	display: block;
	text-align: center;
}
.quick_menu_group li .tit{
	font-family: 'Noto Sans KR';
	font-size: 20px;
	margin: 10px 0;
}
.quick_menu_group li.m2,
.quick_menu_group li.m3,
.quick_menu_group li.m4{
	border-left: 1px solid #dfdfdf;
}
.quick_menu_group li .icon{
	width: 50px;
	height: 45px;
	margin: 0 90px;
}
.quick_menu_group li.m1 .icon{
	background: url(/images/sub/icon_quick_menu.png) no-repeat;
}
.quick_menu_group li.m2 .icon{
	background: url(/images/sub/icon_quick_menu.png) no-repeat -50px 0;
}
.quick_menu_group li.m3 .icon{
	background: url(/images/sub/icon_quick_menu.png) no-repeat -100px 0;;
}
.quick_menu_group li.m4 .icon{
	background: url(/images/sub/icon_quick_menu.png) no-repeat -150px 0;;
}
.quick_menu_group li .btn a{
	display: inline-block;
	width: 97px;
	height: 35px;
	border: 1px solid #dfdfdf;
	background: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 35px;
}
.quick_menu_group li .btn a:hover{
	border: 1px solid #454d5a;
	color: #fff;
	background: #454d5a;
}

/*******************
분양사이트 로그인시 선택 페이지
*******************/
.log_intro {
	background:#fafafa url(/images/sub/bg_login_intro.png) no-repeat top center;
	width:100%;
	padding:70px 0 200px 0;
}
.log_intro_group {
	width:1200px;
	margin:0 auto;
}
.log_intro_box {
	width:750px;
	margin:160px auto 0 auto;
	background:#fff;
}
.log_intro_box ul {
	width:750px;
	overflow: hidden;
	padding:48px 0;
}
.log_intro_box ul li {
	width:374px;
	height:250px;
	float:left;
	text-align:center;
}
.log_intro_box ul li h4 {
	font-size:32px;
	line-height:38px;
	padding:42px 0 52px 0;
}
.log_intro_box ul li h4 span {
	color:#e43636;
}
.log_intro_box ul li a.log_intro_btn:hover {
	background:#de2828 !important;
	text-decoration: none;
}


/* -------- 2019-05-23 사회복지사1급 패키지 -------- */
.pkg_wrap { 
	margin: 0 auto;
	width: 936px;
}
.pkg_wrap>h2 {
	margin: 30px 0 10px;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -1px;
	text-indent: 5px;
}
.pkg_wrap>table {
	width: 100%;
	line-height: 1;
	border: 0;
	border-top: solid 1px #666;
	border-collapse: collapse;
	text-align: center;
}
.pkg_wrap>table th,
.pkg_wrap>table td {
	border: solid 1px #ccc;
	border-width: 0 0 1px;
	vertical-align: middle;
}
.pkg_wrap>table th {
	height: 36px;
	font-size: 13px;
	background: #ebeef6;
}
.pkg_wrap>table td {
	height: 50px;
	font-size: 15px;
}
.pkg_wrap>table td span {
	margin-left: 10px;
	/* text-decoration: underline; */
	cursor: pointer;
}
.pkg_wrap>table td:last-child span { 
	margin-left: 0; 
}
.pkg_wrap>h2+ul { 
	padding: 0 10px;
	line-height: 1.7;
	color: #666;
}
.pkg_wrap>hr { 
	margin: 30px 0 30px;
	height: 1px;
	border: 0;
	background: #ccc;
}
.pkg_wrap>p {
	display: flex;
	justify-content: space-between;
	font-size: 0;
	text-align: center;
}
.pkg_wrap>p .btn_pkg {
	display: inline-block;
	padding: 12px 30px 14px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	background: #283593;
	border-radius: 5px;
	letter-spacing: -1px;
}
.pkg_wrap>p a.btn_pkg_info { 
	background: #48557c; 
}
.pkg_wrap>p a.btn_pkg_class { 
	background: #ef5350; 
}


/* -------- 2019-06-19 내일배움카드 수정 -------- */
.card_guidr_wrap {
	width: ;
	padding: 100px 0;
	border: 2px solid #bddddd;
	text-align: center;
	background: #e0f7f7;
}
a.case_box_btn {
	display:inline-block;
	margin-top:50px;
	padding:0 24px;
	height:56px;
	line-height:55px;
	font-size:21px;
	color:#fff;
	background:#535ac1;
	letter-spacing:-1px;
	*font-weight:bold;
}
a.case_box_btn strong {
	color:#ffe115;
}
a.case_box_btn:hover {
	text-decoration: none;
	background:#4047b2;
}
.main_wrap {
	text-align:center;
	padding-top: 608px;
	background: url(/images/sub/card_subject1_bg.jpg) no-repeat #f5e6d3;
}
.con_wrap {
	background: url(/images/sub/card_subject1_bg2.jpg) no-repeat #f5e6d3;
}
.video_war {
	width: 642px;
	margin: 0 auto;
	padding-top: 90px;
	text-align: center;
}
.video_war .video_box {
	width: 612px;
	height: 367px;
	border: 15px solid #fff;
	background: #000;
}
.video_war p {
	width: 642px;
	margin: 20px auto 40px auto;
	font-size:18px;
	line-height:48px;
	text-align: right;
	letter-spacing:-2px;
	overflow: hidden;
}
.video_war p strong {
	font-size:32px;
	line-height:48px;
	float:left;
}
.video_war p strong img {
	vertical-align: middle;
	padding-bottom: 7px;
}
.check01, .check02 {
	margin: 0 auto;
	text-align: center;
}
.title_img {
	margin-top: 80px; 
	margin-bottom: 40px;
}
/*무료유료 탭*/
.name_box {
	height:0;
}
.case_war {
	position: relative;
	text-align: center;
}
.case_menu_box {
	position: absolute;
	top: 220px;
	width: 936px;
	margin: 0 auto;
}
.case_tabmenu {
	overflow: hidden;
	width: 510px;
	height:60px;
	margin: 0 auto ;
	padding:10px;
	color:#404047;
	font-size:21px;
	line-height:60px;
	text-align:center;
	background:#fff;
}
.case_tabmenu li {
	width: 250px;
	float:left;
	cursor: pointer;
	background:#e1e1e1;
}
.case_tabmenu li#tab_menu2 {
	margin-left:10px;
}
.case_tabmenu li.tab_on{
	background:#3a4aa8;
}
.case_tabmenu li.tab_on span,
.case_tabmenu li:hover span{
	color:#e1e1e1 !important;
}
.case_tabmenu li:first-child:active,
.case_tabmenu li:first-child:hover{
	background:#3a4aa8;
}
.case_tabmenu li:first-child span,
.case_tabmenu li:first-child:active span,
.case_tabmenu li:first-child:hove spanr{
	color:#e1e1e1 !important;
}
.case_tabmenu li:last-child.tab_on,
.case_tabmenu li:last-child:active,
.case_tabmenu li:last-child:hover{
	background:#d32f5e;
}
.case_tabmenu li:last-child span,
.case_tabmenu li:last-child:active span,
.case_tabmenu li:last-child:hove spanr{
	color:#e1e1e1 !important;
}
.title_box {
	margin: 0 auto ;
	text-align:center;
	padding: 90px 0 150px 0;
	background:#fff;
}
.case_con_01 {
	background: url(/images/sub/welfare1_bg.jpg) 0 130px no-repeat;
}
.case_con_02 {
	background: url(/images/sub/welfare2_bg.jpg) 0 120px no-repeat;
}
#tab1 .case_con_bot{
	background:#e0f7f7;
}
#tab2 .case_con_bot{
	background:#f7e0ee;
}
.case_con_bot {
	padding: 100px 0 100px 92px;
}
/* 하단 간편상담 영역 */
.consult_wrap {
	background-color: #4a4e55;
	padding-bottom: 80px;
}
p.consult_title {
	padding: 80px 0 50px 0;
	text-align: center;
	font-size: 35px;
	color: #FFF;
}
p.consult_title span {
	font-weight: bold;
}
.consult {
	width: 790px;
	margin: 0 auto;
	padding: 40px 48px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #FFF;
}
.label_text {
	float: left;
	margin-right: 20px;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #3b3b3b;
}
.input_radio_bt {
	letter-spacing:0;
	line-height:40px;
}
.input_radio_bt input {
	line-height:40px;
	vertical-align:middle;
}
.input_radio_bt a {
	vertical-align:middle;
}
.form-control {
	margin: 7px 5px;
	padding: 7px 4px;
	border: 1px solid #CCC;
	font-size: 16px;
}
a.gap_text {
	height: 33px;
	line-height: 33px;
}
.checkbox_wrap {
	margin: 5px 0 10px 0;
}
.checkbox {
	margin-left: 94px;
}
.consult_btn {
	width: 600px;
	height: 60px;
	margin-left: 94px;
	border: 0;
	border-radius: 3px;
	background: #f56151;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}
.consult_btn:hover {
	background: #f24a3c;
}


/**** 19.07.17 직업상담사2급 수정 ****/
.subject2_main_wrap {
	width: 100%;
	height: 903px;
	text-align: center;
	background: url("/images/sub/subject2_main.jpg") no-repeat #f1dbc0;
}
.subject2_contents_wrap {
	margin-bottom: 125px;
	background: url("/images/sub/subject2_bg2.jpg") no-repeat;
}
.title_img2 {
	margin-top: 110px; 
	margin-bottom: 40px;
}
p.subject2_title_bg {
	height: 160px;
	margin-top: 154px;
	line-height: 160px;
	background: rgba(161,122,76,0.6);
}
p.subject2_text {
	padding: 35px 0 82px 0;
	font-size: 19px;
	word-spacing: -1px;
}
p.subject2_text span {
	font-weight: bold;
	color: #1488d4;
}


/**** 19.08.14 협약서 ****/
/*협약서 web메뉴*/
#sub_tab_conven {
	/*overflow: hidden;*/
}
#sub_tab_conven li {
	width: 190px;
	margin:36px 0 30px 0;
	padding:9px 0 8px 0;
	*font-size:12px;
	font-weight:16px;
	text-align:center;
	background:#dcdcdc;
	float:left;
	color:#575757;
	cursor:pointer;
	border:1px solid #dcdcdc;
}
#sub_tab_conven li:hover,
#sub_tab_conven li.tab_on {
	background:#fff;
	border:1px solid #a0a0a0;
	font-weight:bold;
}
/*협약서 tab메뉴*/
#sub_tab{
	float:left;
	margin:15px 0 50px 0px;
	width:100%;
}
#sub_tab li{
	text-align: center;
	float:left;
	cursor:pointer;
	width:95px;
	line-height:36px;
	padding-top:3px;
	color:#fff;
	background:#b0b5b9;
	margin-right:2px;
	margin-bottom:2px;
}
#sub_tab li.sel{
	background-color:#0f7bcf;
}
#sub_tab li:hover{
	background-color:#0f7bcf;
}
.cont table{
	margin-bottom: 10px;
}
.cont h1{
	font-weight: bold;
	line-height:40px;
	font-size: 14px;
	margin-top: 30px;

}
.cont h1 img{
	vertical-align: top;
	line-height:40px;
}
.cont p{
	line-height: 18px;
}
.cont .comment{
	color:red;
	font-size:12px;
	font-weight: bold;
	margin-left: 10px;
}
.cont .comment li{
	text-indent: -10px;
	margin-bottom:10px;
}
.cont table th{
	font-size: 12px;
}


/**** 직업상담사 수정 19.08.19 ****/
.job_main_wrap2 {
	height: 780px;
	margin-top: 4px;
	background: url("/images/sub/job_main_top_191105.png") 50% 0 no-repeat;
}
.job_contents01_warp {
	background: url("/images/sub/job_bg_01.jpg") 50% 0 no-repeat #fecf07;
}
.job_contents02_warp {
	background: #27314c;
}
.job_contents03_warp {
	background: url("/images/sub/job_bg_02.jpg") 50% 0 no-repeat;
}
.job_area_wrap {
	width: 776px;
	margin: 0 auto;
	text-align: center;
}
.job_area {
	padding: 30px 0;
	background: #2e3192;
}
.job_contents {
	width: 936px;
	margin: 0 auto;
	text-align: center;
}
.check_number {
	margin: 100px 0 40px 0;
}
.check_title {
	margin-bottom: 35px;
}
/* 지역배너 */
.area_bn_box {
	*width:936px;
	height:264px;
	text-align:left;
	overflow: hidden;
}
.area_bn_box .f_left {
	float: left;
	*width: 366px;
	padding: 45px 0 0 0;
	position: relative;
}
.area_bn_box .f_left a.btn_area_se {
	position: absolute;
}
a.btn_area_se {
	position: absolute;
	left: 90px;
	bottom: 0;
	width: 68px;
	height: 22px;
	border: 1px solid #838383;
	background: #fff;
	
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	color: #838383;
	letter-spacing: -1px;
	text-align:center;
}
a.btn_area_se:hover {
	border: 1px solid #585858;
	color: #585858;
}
.area_bn_box h3 {
	margin-left:35px;
	font-size: 32px;
	color: #ffde00;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -3px;
}
.area_bn_box p {
	margin-left:35px;
	font-size: 19px;
	color: #fff;
	letter-spacing: -2px;
	/*line-height: 1.2;*/
}
.area_bn_box ul.area_bn {
	width:700px;
	overflow: hidden;
	margin-left:35px;
	margin-top:22px;
}
.area_bn_box ul.area_bn li {
	float:left;
	margin-right:15px;
}
.area_bn_box .f_right {
	float: left;
	*width:360px;
}
.area_bn_box .f_right img {
	margin:50px 0 0 33px;
}
/* 협약 리스트
.bx-wrapper  {
	position:relative;
	display:block;
	width:383px;
	height:125px;
	margin-top:21px !important;
	margin-left: 35px !important;
	overflow: hidden;
}
.bx-wrapper .slide {
	margin-right:16px;
}
.bx-wrapper .slide img {
	width: 78px;
	height:85px;
	border:1px solid #a0a0a0;
}
.bx-wrapper .bx-prev {
	left: 0px;
	background:url("/event/job_counsel/agreement_slide_selector.png") no-repeat 0px 0px;
}
.bx-wrapper .bx-next {
	left: 24px;
	background:url("/event/job_counsel/agreement_slide_selector.png") no-repeat -24px 0px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0px -24px;
}
.bx-wrapper .bx-next:hover {
	background-position: -24px -24px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 0;
	margin-top: -16px;
	outline: 0;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	z-index: 999;
}
.bx-wrapper .bx-viewport {
	width: 366px !important;
}
 */

/**** 19.08.27 마이캠퍼스 학습하기 추가 ****/
table.mypage_list td.lec_cancel a {
	color: #ff0000;
	cursor: pointer;
}
table.mypage_list td.lec_cancel a:hover {
	font-weight: bold;
	text-decoration: underline;
}
tr.lec_assessment {
	background:#ebebeb;
}
td.lec_assess_text {
	border-bottom:1px solid #ddd;
	padding:10px 0;
}
td.lec_assess_text strong {
	font-size:16px;
}
td.lec_assess_text span {
	font-size:14px;
}
td.lec_assess_img {
	text-align: left;
	border-bottom: 1px solid #ddd;
	padding: 10px 20px;
}
td.lec_assess_img a {
	display: inline-block;
	float: left;
	padding-left: 20px;
}
.mypage_guide {
	width: 866px;
	margin-top: 50px;
	padding: 30px 35px;
	border: 1px solid #e4e4e4;
	background: #f8f8f8;
}
.mypage_guide h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	color: #4475cb;
}
.mypage_guide p {
	line-height: 30px;
}
.mypage_guide p span {
	font-weight: bold;
}
/*수강친청 상세페이지 수정*/
a.book_title{
	font-size: 22px;
	font-weight: bold;
	color:#d44848;
	cursor: auto;
}
a.book_price{
	font-size: 22px;
	font-weight: 500;
	cursor: auto;
}
a.book_etc{
	font-size:;
	font-weight:;
	cursor: auto;
}
/*수상신청 tab메뉴*/
tr.tab_content {
	display: none;
}
tr.tab_content.tab_on {
	display: block;
}

table.study_guide_wrap {
	position: relative;
}
#study_guide {
	display: none;
	position: absolute;
	top: 0px;
	left: 100px;
	width: 200px;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 20px;
	*border: 1px solid #cccccc;
	background: #666666;
}
#pay_guide {
	display: none;
	position: absolute;
	top: 146px;
	left: 225px;
	width: 210px;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 20px;
	*border: 1px solid #cccccc;
	background: #666666;
}
table.lecture_t2 a:hover {
	text-decoration: underline;
	/*color: #ff0000;*/
}
table.lecture_t2 a img {
	margin-top: -2px;
}


/* -------- 인사말 -------- */
.company_info_bg { 
	background: url('/site/images/sub/company_info.jpg') no-repeat right bottom;
	background-size: contain;
}
.company_info { 
	padding: 0;
	font-family: 'Noto Serif KR', serif;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: -0.5px;
}


/* -------- 2021-05-21 본인인증 -------- */
.self-certi { 
	margin: 0 auto 120px;
	line-height: 1.7;
	width: 1200px;
}
.self-certi section { 
	margin: auto;
	width: 900px;
}
.self-certi h3 { 
	padding: 30px 0 10px;
	font-size: 25px;
	font-weight: 400;
	border-bottom: 1px solid #bfbfbf;
	letter-spacing: -0.5px;
}
.self-certi h3+p { 
	margin: 30px 0;
}
.self-certi .privacy { 
	padding: 20px 23px 25px;
	height: 300px;
	font-size: 13.2px;
	color: #666;
	background: #f9f9f9;
	border: 1px solid #ccc;
	overflow-x: hidden;
	overflow-y: auto;
}
.self-certi .privacy+p { 
	margin: 10px 0 15px;
	text-align: right; 
}
.self-certi .privacy+p label { 
	margin: 0 0 0 10px;
	font-size: 14.5px;
	color: #f55;
	letter-spacing: -0.5px;
}
.self-certi .privacy+p input[type=checkbox]:checked ~ label { 
	color: #333;
	text-decoration: underline; 
}
.self-certi li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 150px;
	padding: 0 10px;
}
.self-certi li:not(:first-child) { 
	border-top: 1px solid #ccc;
}
.self-certi li h4 { 
	font-size: 18px; 
	font-weight: 700;
	letter-spacing: -0.7px;
}
.self-certi li h4 small { 
	display: block; 
	margin: 2px 0 0;
	font-size: 0.7em;
	font-weight: 400;
	color: #999;
}
.self-certi li a { 
	display: block;
	width: 150px;
	line-height: 48px;
	font-size: 15.6px;
	border: 1px solid #666;
	text-align: center;
	transition: .3s;
}
.self-certi li a:hover { 
	color: #fff;
	background: #333; 
	border-color: #333;
}


/* -------- 2025-04-02 수강후기 수정 -------- */
.lec_review_pop { 
	min-width: 100%;
	background: #f5f6f7;
	letter-spacing: -0.5px; 
	user-select: none;
}
.lec_review_pop h2 {
	padding: 0 30px;
	line-height: 45px;
	font-size: 11.2pt;
	font-weight: 500;
	color: #444;
}
.lec_review_pop ul { 
	margin: 0 auto; 
	width: 94%;
	background: #fff;
	border: 1px solid #666;
	border-radius: 16px;
	box-sizing: border-box;
	overflow: hidden;
}
.lec_review_pop li { 
	padding: 0 20px; 
}
.review_score { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 10px 12px;
	line-height: 150%;
	border-bottom: 1px solid #b2b2b2;
}
.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;
	overflow: hidden;
	margin: 0 26px 0 0;
}
.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;
	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_img {
	display: block;
	position: absolute;
	right: 0;
	width: 160px;
	pointer-events: none;
}
.lec_review_pop .review_msg { 
	padding-right: 0;
	border-top: 1px solid #ddd;
}
.lec_review_pop .review_msg textarea { 
	padding: 10px 15px 12px 0;
	width: 100%; height: 80px;
	line-height: 1.7;
	font-size: 11.2pt;
	background: transparent;
	letter-spacing: -0.5px;
	border: 0;
	box-sizing: border-box;
	resize: none;
	outline: none;
}
.lec_review_pop .review_footer { 
	padding: 0 30px;
	line-height: 50px; 
	text-align: right;
}
.lec_review_pop .review_footer span { 
	position: relative; top: 1px;
	margin-right: 15px;
	font-size: 0.845em;
	letter-spacing: 0;
}
.lec_review_pop .review_footer .btn { 
	border: 0;
	border-radius: 50px;
	letter-spacing: -1px;
}
/* -------- 수강후기: 상세과정페이지 -------- */
.review_list { 
	max-width: 936px;
	cursor: default; 
}
.review_list h4 { 
	line-height: 50px;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #b2b2b2;
}
.review_list .review_score .star_score,
.review_list .review_score .star_score:after,
.review_list .review_score label,
.review_list .review_score .star_img { 
	height: 16px; 
}
.review_list .review_score>span { 
	width: 100px;
	font-size: 0.8em;
	color: #999;
	letter-spacing: -0.5px;
	text-align: right;
}
.review_list .msg_view { 
	width: 710px;
	font-size: 0.985em;
	color: #555;
	letter-spacing: -0.5px;
}

/* -------- 결제 및 신청 : 완료 -------- */
table.info_t{
	border-top: 2px solid #b6c0dd;
	border-bottom: 2px solid #b6c0dd;
}
table.info_t th, table.info_t td{
	height: 40px;
	font-size: 15px;
	padding: 10px 0;
	letter-spacing: -1px;
}
table.info_t tr:last-child th, table.info_t tr:last-child td{
	border-bottom: 0;
}
table.info_t th{
	background: #f0f8ff;
	text-align: center;
	border-bottom: 1px solid #ddd;
	
}
table.info_t td{
	text-align: left;
	border-bottom: 1px solid #ddd;
}