@charset "utf-8";
/* CSS Document */
/* ================================================================= ���� ���̾ƿ�*/
div { line-height: 150%; }
img { text-align: center; }
h3 {
	font-size: 24px;
	color: #4e69d0;
	margin-bottom: 30px;
	background: url(../images/common/icon_title.png) left top no-repeat;
	padding: 14px 0 0 17px
}
h4 {
	font-size: 18px;
	color: #3c8dee;
	font-weight: 600;
	margin-bottom: 15px;
}
h5 {
	font-size: 16px;
	color: #384d9b;
	font-weight: 600;
	margin-bottom: 15px;
}
article {
	width: 920px;
	margin-top: 30px;
}
.art_inner {
	width: 96%;
	margin: 0;
	margin-left: 2%;
}
.txt_c { text-align: center; }
.color_o { color: #ff4e00; }
.ul_list { line-height: 160%; }
.font24 { font-size: 24px; }
.wh20 { width: 20%; }
.wh50 { width: 50%; }
/* ================================================================= ���̺� */
table {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-top: 10px;
}
td, th {
	border: 1px solid #CCC;
	border-right: none;
	padding: 6px;
}
th {
	border-top: 2px solid #4e69d0;
	border-bottom: 2px solid #4e69d0;
	color: #4e69d0;
	font-family: nanum_sr;
	text-align: center;
}
th[scope="row"] {
	text-align: center;
	font-weight: bold;
	border: 1px solid #CCC;
	border-left: none;
	color: #555;
	background: #f8f8f8;
	font-family: nanum_sr;
}
caption { display: none; }
.td_c td { text-align: center; }
/* ================================================================= info*/
#top_info img { margin-bottom: 30px; }
#gre_ctn img {
	margin: 0 60px;
	float: left;
}
#gre_ctn dl {
	margin-bottom: 34px;
	float: left;
	width: 690px;
}
#gre_ctn dt {
	font-size: 20px;
	margin: 5px 0 8px 0;
	font-weight: bold;
}
.gre_txt {
	text-align: center;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}
#per_info .ul_list li{
	list-style: disc;
	margin-bottom: 5px;
}
/* ================================================================= naeil*/
#n_card .point_box {
	width: auto;
	padding: 20px;
	border: 1px solid #ccc;
	margin-top: 10px;
}
#n_card .list_ctn { margin-top: 20px; }
#n_card .list_ctn h4 {
	font-weight: bold;
	margin-bottom: 10px;
}
.step_list p {
	width: 120px;
	height: 120px;
	font-size: 20px;
	color: #fff;
	float: left;
	line-height: 120px;
	text-align: center;
	margin: 20px;
	background: #4e69d0;
	border-radius: 200px;
}
.step_list dl {
	height: 130px;
	float: left;
	width: 79%;
	margin-top:20px;
}
.step_list dt {
	width: 100%;
	font-size: 25px;
	font-family: Gmarket_S_M;
	color: #384d9b;
	margin-bottom: 15px;
	margin-top: 35px;
}
.step_list dd{font-size:18px;}
.step_list div {
	width: 100%;
	background: url("../images/sub_html/bown_arr.png") 70px 160px no-repeat;
	padding-bottom: 10px;
	height: 160px;
}
.step_list .step_last { background: none; }
.step_list div:last-child { background: none; }
#n_how .step_list dt {
	margin-top: 15px;
}
/* ================================================================= 사업주 위탁교육*/
.bis {
	background: #ebf3fd url(../images/sub_html/bis01_top.png) center bottom no-repeat;
	height: 560px;
}
.bis h2 {
	display: block;
	font-family: Gmarket_S_B;
	font-weight: normal;
	font-size: 50px;
	text-align: center;
	margin: 75px 0 25px 0;
	color: #333a54;
}
.bis h2 + p {
	text-align: center;
	color: #333a54;
	font-size: 18px;
	line-height: 130%;
}
.bis span {
	display: block;
	text-align: center;
	margin-top: 20px;
	color: #6c8098
}
article img, article p, article ul, article ol { margin-bottom: 15px; }
/**/
.bis_pro th { width: 33%; }
.bis_pro td {
	padding: 15px;
	vertical-align: text-top;
}
.bis_pro td span { color: #3c8dee }
.bis_pro td img {
	display: block;
	vertical-align: text-bottom;
	margin: 30px auto;
}
.subj_btn {
	display: block;
	width: 445px;
	height: 55px;
	line-height: 60px;
	background: #4e69d0;
	font-size: 26px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
	font-family: Gmarket_S_L;
	color: #fff;
}
.subj_btn b {
	font-family: Gmarket_S_L;
	font-family: Gmarket_S_M;
	color: #fff;
	font-weight: normal;
}
.subj_btn:hover {
	background: #4e69d0;
	color: #fff;
}
.subj_btn:hover b { color: #fff000 }
ul.line_h li { line-height: 150%; }
span.border_point{ padding:10px; border:1px solid #4e69d0; color:#4e69d0; width:500px; display:block; text-align:center; margin-left:20px; margin-top:10px;}
/* class 정의 */
ul.ul_list, ul.ul_list_c, ol.ol_list { margin-left: 25px; }
ul.ul_list li {
	list-style: disc;
	margin-bottom: 5px;
}
ol.ol_list li {
	list-style: decimal;
	margin-bottom: 5px;
}
.color_bk { color: #000; }
.color_point { color: #4e69d0 }
.color_red { color: #ff4851; }
.mg_t10 { margin-top: 10px; }
.mg_t20 { margin-top: 20px; }
.mg_t30 { margin-top: 30px; }
.mg_t50 { margin-top: 50px; }
.pd_l30 { padding-left: 30px; }
.pd_l125 { padding-left: 125px; }
.dp_b { display: block; }
.txt_l{text-align:left !important;}
/* ================================================================= community*/
.center_T{
	text-align: center; 
}
.remote_btn{
	display: inline-block;
	margin-top: 10px;
}
.remote_btn a{
    padding: 15px 40px 15px 80px;
	background:#333a54 url("../images/sub_html/remote_img.png") 30px center no-repeat;
	color:#fff;
}
.btn_small{
	padding:3px 6px;
	font-size:14px;
	border:1px solid #777;
	border-radius:2px;
	background:#f7f5f5;
}
/*원격지원요청*/
#middle_contents { text-align:center;}

/*사이트맵*/
#sitemap{ width:100%;}
#sitemap article{width:100%;}
#sitemap dl{
	width:22%;
	margin:0 17px;
	min-height:380px;
	float: left;
}
#sitemap dt{
	width: 100%;
    font-size: 25px;
    font-family: Gmarket_S_M;
    color: #4e69d0;
    margin-bottom: 15px;    
    border-bottom: 2px solid;
    padding: 10px 0;
    text-align: center;
}
#sitemap dd{
	font-size: 18px;
	margin-left: 10px;
	line-height: 34px;
}
#sitemap dd::before{
	content:"- "
}
#sitemap dd:hover{
    color: #4e69d0;
}