@charset "utf-8";

/*******************
	    레이아웃
********************/
#hrd_group {
	width:100%;
	position: relative;
	font-siez:1em;
	line-height:1.2em;
}
.hrd_group {
	overflow: hidden;
}
.con_w1100 {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
/*****tab menu*****/
.hrd_tabmenu {
	width: 100%;
}
.hrd_tabmenu ul {
	width: 94%;
	overflow: hidden;
	padding: 3% 3% 0 3%;
}
.hrd_tabmenu ul li {
	width: 50%;
	float:left;
	font-size:1.1em;
	line-height:1.2em;
	text-align: center;
	background:#fff;
}
.hrd_tabmenu ul li a {
	display: block;
	color:#585858;
	padding:10px 0 10px 0;
	background:#fff;
}
.hrd_tabmenu ul li.on a,
.hrd_tabmenu ul li a:hover {
	color:#fff;
	background:#c9252b;
}

/*******************
	   HRD 영역
********************/
/*****정부지원과정*****/
.hrd_box01 {
	width:100%;
}
.hrd_support .hrd_box01 {
	background:url("/images/hrd/bg_support_top.jpg") no-repeat center;
	padding-bottom:20px;
}
.hrd_insurance .hrd_box01 {
	background:url("/images/hrd/bg_insurance_top.jpg") no-repeat center;
	padding-bottom:20px;
}
/*****정부지원무료과정 title*****/
.hrd_box01 .support_title p {
	font-size:1.3em;
	line-height:1.4em;
	color:#fff;
	text-align:center;
	margin:30px 0 25px 0;
	font-weight: bold;
}
/*****정부지원과정 02*****/
.hrd_support .hrd_box02 {
	background:#243347;
	padding-bottom: 30px;
}
.hrd_insurance .hrd_box02 {
	background:#372f2a;
	padding-bottom: 30px;
}
.hrd_box02 .support_title p {
	font-size: 1.3em;
	line-height: 1.4em;
	color:#fff;
	text-align:center;
	margin: 30px 0 15px 0;
	font-weight:bold;
}
.hrd_box02 .hrd_mov {
	overflow: hidden;
}
.hrd_box02 .hrd_mov p {
	color:#fff;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align:center;
}
.hrd_box02 .hrd_mov p img {
	width:90%;
	padding: 6% 3% 5% 3%;
}
/*****팝업 버튼*****/
.box2_btn {
	margin-top:20px;
	text-align:center;
}
button.btn_click_popup {
	display: inline-block;
	width:49.5%;
	height: 50px;
	color:#2a2a2a;
	background:#d6d6d6;
	margin:0;
	text-align:center;
	font-size: 1.1em;
	line-height: 1.2em;
	padding:5px 5px 5px 5px;
}
/*****정부지원과정 03*****/
.hrd_support .hrd_box03 {
	background:#3eaead;
	padding-bottom: 30px;
}
.hrd_insurance .hrd_box03 {
	background:#3eaead;
	padding-bottom: 30px;
}
.hrd_box03 .support_title {
	text-align: center;
}
.hrd_box03 .support_title p {
	font-size: 1.3em;
    line-height: 1.4em;
	color:#2a2a2a;
	text-align:center;
	margin: 30px 0 15px 0;
	font-weight: bold;
}
.hrd_insurance .hrd_box03 .support_title p {
	margin: 30px 0 15px 0;
}
ul.target_member {
	width: 100%;
	overflow: hidden;
	text-align:center;
}
ul.target_member li {
	width: 44%;
	float:left;
	padding: 3% 3% 3% 3%;
}

/*******************
	      POPUP 영역
********************/
.hrd_popup {
	display:none;
	width: 94% !important;
	padding: 3% 3% 0 3%;
	height:100%;
	position: absolute;
	z-index: 20;
	background-color: rgba(0,0,0,0.35);
}
.popup_box {
	margin: 0 auto 0 auto;
	border:4px solid #000000;
	background:#fff;
	padding-bottom:20px;
	margin-top: 500px;
}
.popup_title {
	background:#262e37;
	text-align:left;
}
.popup_title h4 {
	display:inline-block;
	color:#fff;
	font-size: 0.8em;
	line-height: 1.2em;
	padding:5px 0 5px 0;
	letter-spacing: -1px;
	text-align: left;
	font-weight: bold;
}
.popup_title a {
	float:right;
	margin:0 5px 0 0;
}
.popup_con {
	padding:10px;
	letter-spacing: -1px;
}
.popup_con h5 {
	font-size: 1.2em;
	line-height: 1.4em;
	color:#000;
}
.popup_con ul {
	font-size:1em;
	line-height:1.2em;
	margin-top:20px;
	color:#3e3e3e;
}
.popup_con ul li {
	margin-bottom:6px;
	background:url("/images/hrd/icon_red_dian.png") no-repeat 0 6px;
	padding-left:12px;
}
div.pop02 .popup_con h5 {
	font-size:20px;
	line-height:30px;
	color:#000;
}
.popup_con div a {
	display: inline-block;
	width: 134px;
	height: 38px;
	color: #fff;
	background: #c9252b;
	text-align: center;
	font-size: 14px;
	line-height:38px;
	font-weight: 400;
	margin: 30px 0 0 0;
	padding: 0;
}
.btn_lec_link_popup_box {
	display: inline-block;
	width: 134px;
	height: 38px;
	color: #fff;
	background: #3b3b3b;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
.popup_con input {
	width: 28%;
	height:40px;
	margin:0 1%;
}
/*팝업 table*/
.hrd_popup .tbl_list {
	border-top:2px solid #3e3e3e;
	color: #424242;
}
.hrd_popup .tbl_list a {
	color:#000;
}

.hrd_popup .tbl_list tbody td,
.hrd_popup .tbl_list tbody th {
	padding: 7px 0;
	font-size:15px;
	text-align:center;
	color:#555;
}
.hrd_popup .tbl_list thead th {
	/*background:#f5f5f5;*/
	padding: 10px 0;
	border-bottom:1px solid #cecece;
	font-weight:500;
	text-align:center;
	background:#eff3f5;
}

.hrd_popup .tbl_list tbody td, .tbl_list tbody th {
	border-bottom:1px solid #cecece;
}
/*팝업 table*/
.tbl_list_b {
	border-top:2px solid #3e3e3e;
	color: #424242;
}
.tbl_list_b a {
	color:#000;
}

.tbl_list_b tbody td,
.tbl_list_b tbody th {
	padding: 7px 0;
	font-size:15px;
	text-align:center;
	color:#555;
}
.tbl_list_b thead th {
	/*background:#f5f5f5;*/
	padding: 10px 0;
	border-bottom:1px solid #cecece;
	font-weight:500;
	text-align:center;
	background:#eff3f5;
}

.tbl_list_b tbody td, .tbl_list tbody th {
	border-bottom:1px solid #cecece;
}

/*******************************************
	   HRD 교육안내, 기업위탁교육, 금로자카드 페이지 
*******************************************/
/*국비지원환급과정안내 탭 메뉴*/
ul.go_menu_tab {
width:936px;
height:40px;
margin-bottom:60px;
}
ul.go_menu_tab li {
float:left;
width:33%;
height:42px;
border:1px solid #dddddd;
text-align:center;
border-bottom:1px solid #404653;
margin-left:-1px;
line-height:42px;
}
ul.go_menu_tab li a {
color:#383838;
}
ul.go_menu_tab li.tab_on {
background:#404653;
}
ul.go_menu_tab li.tab_on a {
color:#fff;
}
/*사회복지사1급 안내*/
.sub_con_area{
	width: 1100px;
	overflow: hidden;
	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{
	overflow: hidden;
	width: 1100px;
}
.sub_con_area .sub_txt{
	display: inline-block;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 18px;
}
.sub_con_area .box{
	float: left;
	width: 100%;
	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 .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/hrd/icon_subject_01.gif) no-repeat;
}
.sub_con_area .icon_group li .icon02{
	background: url(/images/hrd/icon_subject_02.gif) no-repeat;
}
.sub_con_area .icon_group li .icon03{
	background: url(/images/hrd/icon_subject_03.gif) no-repeat;
}
.sub_con_area .icon_group li .icon04{
	background: url(/images/hrd/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;
}

/*기업위탁교육절차*/
.process_top_text {
float:left;
width:800px;
height:107px;
background:url("/images/hrd/title_text_05.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}
.pro_step_box { 
float:left;
width:1100px;
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/hrd/title_text_05.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}

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

.refund_pro_text {
float:left;
width:615px;
height:135px;
background:url("/images/hrd/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: 1050px;
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:1100px;
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:1080px;
padding-left:20px;
}
.con_text02 {
float:left;
width:990px;
margin: 0 0 30px 63px;
padding:20px;
background: #f8f8f8;
}
table.basic_table2 {
float: left;
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;
height:50px;
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;
}
/*페이지 내용 구분선(점선)*/

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

/*훈련과정 개발절차*/

/*탭*/
ul.development_step_list {
float:left;
margin-bottom:40px;
}
ul.development_step_list li {
float:left;
cursor:pointer;
}
ul.development_step_list_ove {
	width:1100px;
	height:109px;
	overflow: hidden;
	margin-bottom:40px;
}
ul.development_step_list_ove li {
	height:109px;
	overflow: hidden;
	float:left;
}
ul.development_step_list_ove li img {
	vertical-align: top;
}
ul.development_step_list_ove li.tab_on img,
ul.development_step_list_ove li:hover img {
	margin-top:-109px;
}
ul.development_step_list_ove li {
float:left;
cursor:pointer;
}
div.step_ove_con {
	display:none;
}
.development_info_text {
width:1090px;
/* 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/hrd/title_text_process_red.gif") no-repeat;
font:bold 17px/107px 'Malgun Gothic';
text-align:center;
margin-bottom:30px;
}
/*훈련생 유의사항*/
.top_note{
	width: 1100px;
	height: 197px;
	margin-bottom: 50px;
	background: url(/images/hrd/trainee_note_bg.gif) no-repeat;
}
.top_note p{
	padding: 37px;
}


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

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

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

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

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

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

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

.guide_con_first{
overflow: hidden;
border-top:1px solid #ccccce;
border-left:1px solid #ccccce;
border-right:1px solid #ccccce;
padding:40px;
margin-top: 40px;
}
.guide_con{
overflow: hidden;
border-left:1px solid #ccccce;
border-right:1px solid #ccccce;
padding:40px;
}
.guide_con_last{
overflow: hidden;
border-bottom:1px solid #ccccce;
border-left:1px solid #ccccce;
border-right:1px solid #ccccce;
padding:40px;
}
.guide_con_first p,
.guide_con p,
.guide_con_last p
{
width:630px;
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:1020px!important;
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;
}


/* main_커뮤니티 부분 */
.community_list {
	width: 90%;
	height: 150px;
	padding: 5% 5% 5% 5%;
	background: #fff;
	margin-bottom:1%;
	background: #f4f6f7;
}
.community_list h4 {
	font-size: 1.4em;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 1px solid #848484;
	padding: 0 0 8px 0;
}
.community_list h4 a {
	font-size: 0.6em;
	color: #c9252b;
	line-height: 30px;
	float: right;
	font-weight: normal;
}
.community_list em {
	display:block;
	text-indent: -17px;
	padding-left: 20px;
	margin-top:10px;
}
.community_list ul {
	padding: 10px 0px 20px 0px;
}
.community_list ul li {
	position: relative;
}
.community_list ul li.notice_bold {
	font-weight: bold;color: #f60;
}
.community_list ul li.notice_bold a {
	color: #f60;
}
.community_list ul li p {
	width: 70%;
	line-height: 1.4em;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.community_list ul li p a {
	color: #424242;
	font-size: 1em;
}
.community_list ul li p span {
	position: absolute;
	top: 2px;
	right: 0px;
	color: #828282;
}

/* main_고객센터 */
.service_center {
	background:#fff;
	margin-bottom:3%;
	padding:5%;
	background: #f4f6f7;
}
.service_center h4 {
	font-size: 1.4em;
	color: #2a2a2a;
	font-weight: bold;
	line-height: 1.4em;
}
.service_center p.service_number {
	overflow: hidden;
	font-size: 1em;
	line-height: 1em;
}
.service_center p.service_number strong {
	width: 60%;
	font-size: 1.5em;
	line-height: 1.6em;
	color:#c9252b;
	float:left;
}
.service_center p.service_number span {
	width: 40%;
	font-size: 0.7em;
	line-height: 1.6em;
	float:right;
	margin-top: 13px;
	text-align:right;
}
.service_center p.service_time span {
	color:#c9252b;
}