/*2019-04-11 구인구직*/

/*기존 index style*/
/*{border:0px;margin:0px;padding:0px;}*/

input, select{border:solid #CCCCCC 1px;}
body{font-size:12px;margin:0px;		}
td{font-size:12px;}
a {font-family: 'Malgun Gothic',  sans-serif;}
a:link {color: #000;text-decoration: none;}
/*img {border:0px;vertical-align:middle;}*/
a.other:link, a.other:visited, a.other:hover, a.other:active { text-docoration: none; color: #a5a5a5; }
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

a.job_main_linkbox2_text:hover, a.job_main_linkbox_point1:hover, a.job_main_linkbox_point2:hover, a.job_main_linkbox_point3:hover {text-decoration:underline;}
.arrow_left {padding-left:10px;}


#job_main_area{width:100%;text-align:center;}
#job_main_contents{width:961px;margin:0 auto;margin-top:20px;clear:both;text-align:left;}
#login_input_title{width:280px;height:30px;margin-left:10px;}
#login_input_title img{margin-top:3px;}
#login_login_area{width:185px;height:40px;margin-left:15px;margin-top:5px;float:left;}
.login_input{float:left;}

#login_input_btn{float:right;margin-top:2px;}
#login_security_area{width:73px;height:40px;float:left;margin-left:10px;margin-top:5px;border-left:#CCCCCC solid 1px;padding-left:6px;padding-top:5px;}
#join_area{width:280px;height:28px;line-height:28px;margin-left:15px;clear:both;}
#login_banner{clear:both;width:300px;height:122px;margin-top:7px;}
.top_right_easy_top_title_area{width:320px;height:50px;margin-top:10px;margin-left:15px;}
.top_right_easy_link_btn_area{width:75px;height:79px;text-align:center;float:left;}
#login_input_id_view{margin-top:10px;margin-left:10px;height:20px;width:300px;overflow:hidden;}
#login_input_area{width:300px;height:108px;}
#contents_top_area{width:961px;height:237px;}
#job_user_guide_area{width:187px;height:177px;float:right;}
#guide1{width:185px;height:74px;}
#guide2{width:185px;height:103px;margin-top:5px;}
#guide2 img{vertical-align:bottom;}
#special_offer_contents{width:1024px; margin-top:4px; overflow:hidden;}
.pyo{width:56px;height:56px;position:absolute;text-align:left;}
.special_offer_content{width:239px;height:106px;float:left;margin-left:1px;margin-top:1px;background:url(/img_renewal/20130221_spebg.png);}
.special_offer_content_not{width:239px;height:106px;float:left;margin-left:1px;margin-top:1px;background:url(http://job.kidkids.net/images/bnt_working.jpg) #FFFFFF;background-repeat:no-repeat;
background-position:center;}
.special_offer_img{margin:0 auto;width:239px;height:50px;padding:2px;text-align:center;}
.special_offer_img img{width:138px;height:36px;margin-top:7px;}
.special_offer_info_won_name{margin-left:15px;font-weight:bold;float:left;}
.special_offer_info_address{float:left;margin-left:5px;}
.special_offer_info{margin-top:10px;width:239px;height:18px;}
.special_offer_info_title{margin-left:15px;text-align:left;}
#offer_search_area{margin-top:20px;width:1024px;height:105px;clear:both;}
#offer_search_banner_area{width:270px;height:105px;float:left;}
#offer_search_banner_area img{width:270px;height:105px;}
#offer_search_search_area{float:right;background:url(/img_renewal/bg02.png);background-repeat:repeat-y;width:680px;height:90px;margin-top:3px;}
#offer_plus_list_area{margin-top:20px;}
#offer_plus_list_title,#offer_list_title{margin-bottom:3px;}
#offer_plus_list_contents td{background-repeat:repeat-x;font-weight:bold;}
#footer_area{margin-top:50px;}
#premium_offer_area{clear:both;width:1024px;margin-top:20px;}
#premium_offer_contents{width:1024px;min-height:107px;background-color:#3980d4;}
#premium_offer_title{width:1024px;height:22px;margin-bottom:5px;}
.premium_offer_content{width:191px;height:106px;float:left;margin-top:1px;margin-left:1px;background:url(/img_renewal/20130221_pribg.png);text-align:center;}
.premium_offer_content_not{width:191px;height:106px;float:left;margin-top:1px;margin-left:1px;background:url(http://job.kidkids.net/images/bnt_working.jpg) #FFFFFF;background-repeat:no-repeat;
background-position:center;}
.premium_offer_img{margin:0 auto;width:138px;height:40px;padding:2px;margin-top:9px;}
.premium_offer_img img{width:138px;height:36px;}
.premium_offer_info_won_name{margin-left:7px;font-weight:bold;float:left;}
.premium_offer_info_address{float:left;margin-left:5px;width:108px;height:14px;overflow:hidden;}
.premium_offer_info{margin-top:10px;width:191px;height:18px;}
.premium_offer_info_title{margin-left:7px;text-align:left;}
#login_m_name{width:300px;height:30px;line-height:30px;}
#guide_pop_area{width:104px;height:97px;position:absolute;display:none;z-index:20;}
.div_line{background-color:#e3e3e3;margin:0 auto;margin-top:20px;margin-bottom:10px;width:99%;height:1px;}

.top_right_easy_link .job_main_linkbox2 {text-decoration: none;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style: solid;border-left-style: solid;border-bottom-color: #DEDEDE;border-left-color: #DEDEDE;height:118px;}
.top_right_easy_link .job_main_linkbox2_text {font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;color: #555555;text-decoration: none;}

.top_right_easy_link .job_main_linkbox_point1 {font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;font-weight: bold;color: #555555;text-decoration: none;}
.top_right_easy_link .job_main_linkbox_point2 {font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;font-weight: bold;color: #0b64b6;text-decoration: none;}
.top_right_easy_link .job_main_linkbox_point3 {font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;font-weight: bold;color: #e82162;text-decoration: none;}


/*2015.10 메인 리뉴얼*/

/*공통*/
.fleft{float:left;}
.fright{float:right;}
.mag_bo{line-height:10px;}
.mag_he{margin-bottom:40px;}
.mgtop{margin-top:20px;}
/* Clearfix */
.clearfix:before,.clearfix:after{content:"";display:block;}

.re_login_area{width:300px;height:108px;background:url(/img_renewal/main_img/logbg.png);background-repeat:no-repeat;position:relative;float:left;}
.title_re_area{width:1024px; height:auto !important;/*height:654px !important;*/ margin:0 auto;margin-top:40px; overflow:hidden;}
.title_re_bn{width:1024px;position:relative;}
.top_re_rarea{width:645px;height:237px;margin-left:15px;float:left;}
.top_img_rbanner{width:645px;height:75px;}

.re_right_link{width:650px;height:158px;/*border:1px solid #E4E4E4;*//*background:#F6F6F6;*/float:left;margin-top:5px;}
  .re_right_link .job_main_linkbox{border-top-style: solid;border-top-width: 3px;border-top-color: #0B64B6;}
  .re_right_link .job_main_linkbox1{font-family: 'Malgun Gothic',  sans-serif;font-size: 14px;font-weight: 600;color: #1d63a3;text-decoration: none;background-color: #f5faff;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style: solid;border-left-style: solid;border-bottom-color: #7dc2f6;border-left-color: #7dc2f6;padding-right: 9px;padding-left: 13px;}
  .re_right_link .job_main_linkbox2{text-decoration: none;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style: solid;border-left-style: solid;border-bottom-color: #7dc2f6;border-left-color: #7dc2f6;height:118px;}
  .re_right_link .job_main_linkbox2_text{font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;color: #555555;text-decoration: none;}
  .re_right_link .job_main_linkbox_point1{font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;font-weight: bold;color: #555555;text-decoration: none;}
  .re_right_link .job_main_linkbox_point2{font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;font-weight: bold;color: #0b64b6;text-decoration: none;}
  .re_right_link .job_main_linkbox_point3{font-family: 'Malgun Gothic',  sans-serif;font-size: 12px;font-weight: bold;color: #e82162;text-decoration: none;}

/*plus 채용정보*/
.re_plus_area{width:1024px;margin:0 auto;margin-top:40px;margin-bottom:40px;font-family: 'Malgun Gothic',  sans-serif;margin-bottom:40px;}
  .re_plus_area .ch_box{border-top:2px solid #3767b0;margin-top:5px;*border-top:2px solid #3767b0;}
  .re_plus_area .ch_left_box{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;width:512px;padding:17px 0 11px 15px;font-size:14px;color:#000000;}
  .clb_btn{position:absolute;margin-top:-18px;margin-left:392px;*margin-top:-15px;*margin-right:-510px;}
  .cs_btn{position:absolute;margin-top:25px;margin-left:431px;font-weight:600;font-size:12px;*margin-top:30px;*margin-left:405px;*height:20px;line-height:1.2;}
  .csd_btn{position:absolute;float:right;margin-top:43px;margin-left:410px;*margin-top:45px;*margin-left:380px;font-size:12px;}
  .re_plus_area .ch_left_box2{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;width:512px;padding:12px 0 12px 15px;background-color:#f6f5f5;font-size: 12px;line-height:20px;*margin-top:-6px;}
  .re_plus_area .ch_right_box{border-right:1px solid #dfdfdf;width:512px;padding:17px 0 11px 15px;font-size:14px;color:#000000;*padding:17px 0 9px 15px;}
  .re_plus_area .ch_right_box2{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:12px 0 12px 15px;background-color:#f6f5f5;font-size: 12px;line-height:20px;*margin-top:-6px;*padding:12px 0 14px 15px;}
  .re_plus_area .mg_ri{margin-left:50px;text-align:right;*text-align:right;}

/*채용정보*/
.img_mg{position:relative;top:-2px;}
.text_b{font-size: 14px;font-weight:bold;line-height:2.2;display:block;}
.dday{display:block;font-family:tahoma;font-size:12px;color:#999;}
.re_info_area{width:961px;margin-top:40px;font-family: 'Malgun Gothic',  sans-serif;}
  .re_info_area .ri_box_national{border-top:2px solid #3767b0;width:331px;margin-top:5px;}
  .re_info_area .ri_box_national .text_box{position:relative;border:1px #dfdfdf;border-style:none solid solid;padding:14px 0 14px 15px;line-height:20px;}
  .re_info_area .ri_box_national .text_box2{background-color:#f4fbff;}
  .re_info_area .ri_box_national .text_box3{background-color:#f6f5f5;}
  .three_mb{margin-right:15px;}
  .ricon_bg{position:absolute;top:37px;right:20px;background:url("/img_renewal/main_img/icon_day.png") no-repeat;width:46px;text-align:center;}
  .mgt{margin-top:1px;}
.tp{padding-left:205px;}
.tp2{padding-left:189px;}
.tp3{padding-left:363px;}
.tp4{padding-left:376px;}


 /*인재정보*/
.re_ip_area{width:1024px;margin-top:40px;margin-bottom:30px; font-family: 'Malgun Gothic',  sans-serif;}
.re_table_nb{border-top:2px solid #3767b0;border-bottom:1px solid #dfdfdf;width:504px;margin-top:5px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
  .re_table_nb .tb_text2{padding-left:17px;}
  .re_table_nb ul li{border-top:1px dashed #dfdfdf;*zoom:1;line-height:1.7;padding:13px 21px;}
  .re_table_nb ul li:first-child{border:none;}
  .re_table_nb ul li:after{content:"";clear:both;display:block;}
  .re_table_nb ul li .ps_nm{font-weight:bold;text-align:center;margin-right:21px;}
  .re_table_nb ul li .rc_tit strong{display:block;}
  .re_table_nb ul li .ico_career img{position:relative;top:10px;}


/*JOB이야기마당, 취업정보, 구인구직소식
.job_talk_area{width:1024px;margin-top:40px;margin-bottom:30px; font-family:"돋움";}*/

/*JOB이야기마당
.job_talk_nb{width:381px;height:268px;border-top:2px solid #0b64b6;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;padding-bottom:15px;margin-right:15px;}
.job_talk_nb .talk_tit{width:379px; background:#f5f5f5;padding:10px;}
.more_icon1{margin-left:239px;}
.icon_list_style1{padding-right:7px;vertical-align:middle;}
.talk_date{padding:5px 0px 0px 11px;color:#b2b2b2;}
.test_dd{width:288px;padding:15px 13px 0px 13px;line-height:1.4;color:#585858;}
.test_ss{width:91px;padding:0px 8px 0px 0px;margin-top:13px;text-align:right;color:#a2a2a2;}*/

/*취업정보
.job_info_nb{width:380px;height:268px;border-top:2px solid #ffb940;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;padding-bottom:15px;margin-right:15px;}
.job_info_nb .jobs_tit{width:378px;background:#f5f5f5;padding:10px;}
.more_icon2{margin-left:282px;}
.job_info_nb .test_aa{padding:14px 18px 16px 15px;}
.test_qq{width:159px;padding:27px 0px 0px 0px;font-size:15px;font-weight:bold;color:#494949;}
.job_info_line{width:348px;height:1px;background:#d9d9d9;margin:124px 0px 6px 15px;*margin-top:-1px;}
.icon_list_style2{padding-left:8px;}
.test_ww{width:189px;padding:12px 0px 0px 15px;*padding:12px 0px 0p;}
.test_ww2{*margin-top:-16px;*margin-right:15px;}*/

/* 취업정보 200421 
.job_info_nb .jobinfo_list{position:relative;margin:20px 44px 0;text-align:center;}
.job_info_nb .jobinfo_list .btn{position:absolute;top: 50%;transform: translateY(-50%);}
.job_info_nb .jobinfo_list .prev{left:-44px;}
.job_info_nb .jobinfo_list .next{right:-44px;}
.job_info_nb .jobinfo_list ul{margin:0 auto;}
.job_info_nb .jobinfo_list ul li{float:left;width:50%;}
.job_info_nb .jobinfo_list ul li .list_area{position:relative;width:134px;height:174px;overflow:hidden;display:block;margin: 0 auto;border:1px solid #d9d9d9;}
.job_info_nb .jobinfo_list ul li .list_area .list_pic{border:0;width:100%;}
.job_info_nb .jobinfo_list ul li .list_area .down{display:none;position: absolute;width: 100%;background:rgba(0,0,0,0.6);z-index: 1; height: 174px;}
.job_info_nb .jobinfo_list ul li .list_area:hover .down{display:block;}
.job_info_nb .jobinfo_list ul li .list_area .down a{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.job_info_nb .jobinfo_list ul li p{padding-top:5px;}*/

/*구인구직소식
.job_newsletter_nb{width:231px;height:160px;border-top:2px solid #0b64b6;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;padding-bottom:15px;margin-bottom:15px;}
.job_newsletter_nb .newsletter_tit{width:229px; background:#f5f5f5;padding:10px;}
.more_icon3{margin-left:99px;}
.test_ee{padding:7px 0px 7px 15px;color:#585858;line-height:1;*width:210px;*line-height:0;*padding:5px 0px 5px 15px;}
.job_txt{margin-top:12px;*margin-top:12px;}

#top_navi_home img{position:relative;top:-2px;}*/



/* 211025 메인 UI 개편 */
div.login.box{
	padding:20px 22px;
}

div.login .user_info{
	color:#000 !important;
	margin-top:3px;
}

#login_form>input::placeholder{
	color:#b7b7b7;
}

.area_top .login #member_id, .area_top .login #pw{
	padding:9px 8px 9px 30px !important;
}

#member_id{
	background:url("/img_renewal/main_img/login_bg_id.png") 10px 50% no-repeat;
}

#pw{
	background:url("/img_renewal/main_img/login_bg_pw.png") 10px 50% no-repeat;
}


.login_opt_area>div.fright{
	margin-top:2px;
}

img.secu_toggle:hover{
	cursor:pointer;
}

#login_btn{
	margin:9px 0 15px 0;
	background:#0e61aa !important;
	height:38px !important;
}

.btn_join_wrap a{
	color:#888;
	letter-spacing:0.01em;
}


/* Customize the label (the container) */
.id_save_area {
  display: block;
  position: relative;
  /*padding-left: 35px;*/
  /*margin-bottom: 12px;*/
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.id_save_area input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.c_mark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 18.25px;
  width: 18.25px;
  border-radius:9.125px;
  background-color: #fff;
  border:1px solid #a1a1a1;
}

/* On mouse-over, add a grey background color */
.id_save_area:hover input ~ .c_mark {
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.id_save_area input:checked ~ .c_mark {
  background-color: #fff;
  border:1px solid #0e61aa;
}

/* Create the checkmark/indicator (hidden when not checked) */
.c_mark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.id_save_area input:checked ~ .c_mark:after {
  display: block;
}

/* Style the checkmark/indicator */
.id_save_area .c_mark:after {
  left: 5px;
  top: 3px;
  width: 3px;
  height: 7px;
  border: solid #0e61aa;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.my_num{
	width:100%;
	height:38px;
	padding:11px 10px;
	background:#e6f3ff;
	border-radius:5px;
	margin-top:5px;
}

.my_num .txt_b{
	font-weight:bold;
	color:#0e61aa;
}

.logout_btn{
	width:60px;
	height:26px;
	border-radius:30px;
	background:#fff;
	border:1px solid #a4a4a4;
	font-size:11px;
	text-align:center;
	line-height:26px;
	color:#a4a4a4 !important;
	margin-top:-4px;
}

#myjob_btn{
	margin:5px 0 12px 0;
	background:#0e61aa !important;
	height:38px !important;
	border:0;
	border-radius:5px;
	width:100%;
}

#myjob_btn a{
	font-family: 'Malgun Gothic',  sans-serif;
	color:#fff !important;
	font-weight:bold;
}

.current_condition{
	width:516px;
	height:220px;
	margin:0 10px;
	padding:22px 54px !important;
}

.condition_con{
	/*width:144px;*/
	height:auto;
	text-align:center;
	padding:0 10px;
}

.condition_con canvas{
	margin:12px auto !important;
}

.condition_con>div, .condition_con>img{
	float:left !important;
}

.chart_num{
	width:100%;
	height:auto;
}

.chart_num span.color_chip{
	display:inline-block;
	width:11px;
	height:11px;
	margin-top:2px;
}

.chart_num ul li>p:nth-child(2){
	margin-left:26px;
}

.chart_num ul li:nth-child(1) span.color_chip{
	background:#99d6ff !important;
}

.chart_num ul li:nth-child(2) span.color_chip{
	background:#bd99ff !important;
}

.chart_num ul li:nth-child(2){
	margin-top:4px;
}

.chart_num p{
	font-size:13px;
	color:#000;
}

.chart_num p:nth-child(2){
	color:#999;
	letter-spacing:-0.1em;
}

.chart_num p.fright strong{
	font-size:14px;
	letter-spacing:-0.06em;
	color:#000;
	margin-right:3px;
}

img.v_line{
	margin:0 46px;
	vertical-align:middle;
}

div.ad_banner_area{
	width:234px;
	height:220px;
	padding:0 !important;
	border:0 !important;
}

#offer_banner_area{
	font-size:12px;
	width:1024px;
	text-align:center;
}

.offer_banner_contents{
	float:left;
	width:248.5px;
	height:150px;
	background:#fff;
	border:1px solid #dcdcdc;
	margin-right:9px;
	padding:12px 9px 15px 9px;
	position:relative;
}

.offer_banner_contents:nth-child(4n){
	margin-right:0;
}

.offer_banner_contents:nth-child(n+5){
	margin-top:9px;
}

/*
.offer_banner_contents:nth-last-child(1), .offer_banner_contents:nth-last-child(2){
	border:0 !important;
	padding:0 !important;
}*/

.go_register, .go_introduce{
	border:0 !important;
	padding:0 !important;
}

#offer_banner_area a{
	width:100%;
	height:100%;
}

img.spe_badge{
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:90;
}

.spe_job{
	border-top:2px solid #df003a;
}

.pre_job{
	border-top:2px solid #3767b0;
}
	
.offer_banner_img_area{
	width:160px;
	height:45px;
	text-align:center;
	margin:0 auto;
}

.offer_banner_img_area img{
	/*margin-top:10px;*/
	width:/*120px*/100%;
	height:/*27px*/100%;
	border:0px;
}

.offer_banner_name_area{
	width:228px;
	height:15px;
	text-align:left;
	font-weight:bold;
	vertical-align:middle;
	margin-top:12px;
	/*margin-left:10px;*/
	overflow:hidden;
}

.offer_banner_title_area{
	/*width:178px;*/
	height:15px;
	text-align:left;
	overflow:hidden;
	/*margin-left:10px;*/
	margin:4px 0 10px 0;
	
	/* 생략기호 */
}

.offer_banner_info_area{
	/*width:178px;*/
	height:14px;
	text-align:right;
	overflow:hidden;
	margin-top:4px;
	/*margin-left:10px;*/
}

.offer_banner_info_date_area{
	color:#999;
}

hr.h_line{
	border:0;
	border-bottom:1px solid #e6e6e6;
}

.img_ri{
	position:absolute;
	top:10px;
	right:9px;
	width:16px;
	z-index:100;
}

.img_rg{
	position:absolute;
	width:16px;
	margin:105px 0 0 163px;
}