@charset "utf-8";
/* CSS Document */

/*개인회원 현황 */
#wrapper{width:960px; overflow:hidden; margin:0px auto}

#top_bar{ height:17px; background-color:#f6f6f6; border-bottom:1px solid #dadada; padding-top:5px;}

#top_bar li{float:right; padding-right:10px;}

#header {}

#header .per_h{padding:10px 0 0 5px; float:left; height:45px;}

#per_menu {height:42px; background: url(/img/Member/per_memu_bg.gif) no-repeat; clear:both;}

#per_menu li{ float:left; padding:14px 27px 0 27px;}
.li_bar {background:url(/img/Member/per_menu_bar.gif) no-repeat top right;}
.bg_no{ background:none;}

#per_codition{ height:200px; border:3px solid #a3a3a3; clear:both; margin-top:10px;}

#per_codition .left{ float:left; width:250px; margin-top:15px;}

#per_codition .left ul{ text-align:center;}

#per_codition .float_R{ float:right; width:700px; margin-top:11px;}

#per_codition .float_R li{ width:340px; height:84px; border:1px solid #cdcdcd; float:left; margin-bottom:7px;}

.dt_sty1{background-color:#f1f2f2; border-bottom:1px solid #fff; text-align:center; font-size:14px; font-weight:bold; padding:12px 0; color:#737373;overflow:hidden;}

.dd_sty1 { text-align:center; font-size:14px; font-weight:bold; padding:7px 0px;; border-top:1px solid #cdcdcd;}

.dd_sty1 a{  color:#f26522;}

.sub_join_title .logo{
    float: left;
    height: 55px;
	width:90px;
	line-height:55px;
    background-image: url(../img/sub_join_title_border.jpg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
	margin:0 10px;
}

.sub_join_title .page_title{
    float: left;
    width: 840px;
    height: 55px;
    line-height: 55px;
    font-size: 23px;
    color: #4b4b4b;
    box-sizing: border-box;
	padding:0px;
}

.sub_join_title .page_title .page_title_ul .li1 {
	float:left;width:70%;height:55px;font-size:23px;font-weight:bold;
}
.sub_join_title .page_title .page_title_ul .li2 {
	float:left;width:30%;height:55px;text-align:right;
}

form ul{
    float: left;width:auto;
}

/*tab */
#per_codi_tab { position:relative; background-image:url(/img/Member/condi_tab_bg.gif); background-repeat:repeat-x; min-height:300px; margin-top:20px; clear:both;}
#per_codi_tab div.tab_list{font-weight:normal;background-image:url(/img/Member/condi_tab_bg.gif); height:31px;margin-top:20px;}
#per_codi_tab table th{height:37px; border-bottom:1px solid #7da7d9; padding-top:3px; background:url(/img/Member/per_th_bg.gif) repeat-x bottom; color:#2e3192;text-align:center;}
.border_top{border-top:1px solid #dadada;}
#per_codi_tab table td{height:28px; border-bottom:1px solid #dadada; text-align:center; padding-top:2px;}
.tab_list li{float:left;}

.tab01 {background:url(/img/Member/condi_tab01.gif) no-repeat; width:157px; height:31px; text-align:center; font-size:12px; color:#000; padding-top:10px; }
.tab02 {background:url(/img/Member/condi_tab01_no.gif) no-repeat; width:157px; height:31px; text-align:center; font-size:12px; color:#000; padding-top:10px; }

#tab01_cont{ clear:both;}

#tab02_cont{ clear:both; display:none;}


.tab_R{float:right; font-size:12px;}

.bold{font-weight:bold;}


/* 개인회원 이력서 */
#per_resume{ color:#737373;}

.logo_top_bg_L { width:100%;}

.log_top_L{ width:950px; height:10px; background: url(/img/login_top_L.gif) no-repeat center; text-align:right; padding:80px 10px 0 0; margin:auto;}

.log_top_modi{ width:950px; height:10px; background: url(/img/login_top_modi.gif) no-repeat center; text-align:right; padding:80px 10px 0 0; margin:auto;}

.top_btn {text-align:right; margin-top:20px;}

.resume_tt{background-color:#0054a6; height:43px; color:#FFF; text-align:center; font-family:"NanumGothic"; font-size:24px; font-weight:600; line-height:43px; margin-top:5px;}

.profile{  margin-top:10px; border-top:2px solid #5c5c5c; }

/*
.profile_L { width:236px; height:167px;float:left; text-align:center; padding-top:18px; border-bottom:1px solid #cecece; border-right:1px solid #cecece}
*/
.profile_L { width:236px; height:200px;float:left; text-align:center; padding-top:18px; border:1px solid #cecece;}

.profile_L2 { width:236px; height:200px;float:left; text-align:center; padding-top:5px; border:1px solid #cecece;}

.profile_R { width:723px; height:200px; float:left;}

.profile_R table th{ background-color:#f3f3f3; height:27px; width:110px; border-bottom:1px solid #cecece; text-align:left; padding:3px 0 0 15px;}

.profile_R table td{ border:1px solid #cecece; padding:3px 0 0 15px;}

.dis{clear:both; padding-top:15px;  padding-bottom:10px;}

.dis table { border-bottom:2px solid #cecece;border-collapse:collapse;}

.dis table th {background-color:#f3f3f3; text-align:left; padding:3px 0 0 15px; width:143px; height:36px;border:1px solid #cecece;}

.dis table td {padding:3px 0 0 15px; border:1px solid #cecece;}

.border_L{border-left:1px solid #cecece;}


/* 개인회원 이력서 수정*/
.tt_modi_btn{height:10px; padding:8px 3px 10px 0; text-align:right;}


/*희망근무 지역 */
#area{clear:both; padding-top:20px;}

.re_tt{ font-family:"NanumGothic"; font-size:18px; font-weight:600; padding:0 0 8px 5px; color:#4b4b4b; clear:both;}

.tt_L{width:250px; float:left; padding-bottom:8px;}

.tt_R{width:70px; float:right; padding-bottom:8px;}

#area table{ border-bottom:2px solid #cecece;border-collapse:collapse;}

#area table th {background-color:#f3f3f3; text-align:left; padding:3px 0 0 15px; width:143px;  border:1px solid #cecece;}

#area table td { padding:3px 0 0 15px; height:34px; border:1px solid #cecece;min-width:300px;max-width:700px;}


/*학력사항 경력사항 */
#school_career{clear:both; padding-top:20px; }

.year{font-family:"NanumGothic"; font-size:15px; font-weight:600; padding:0 0 10px 0; color:#0054a6;}

#school_career table{ border-top:2px solid #5c5c5c;}

#school_career table th { background-color:#f3f3f3; height:32px; border-right:1px solid #cecece; border-bottom:1px solid #dadada;padding-top:2px;}
#school_career table th:last-child {border-right:0px}

#school_career table td { height:32px;  border-right:1px solid #cecece;border-bottom:1px solid #dadada}
#school_career table td:last-child {border-right:0px}

.border_R{border-right:1px solid #cecece;}


/*수행 프로젝트 */
#project{clear:both; padding-top:20px; }
.pro_cont { border-top:2px solid #5c5c5c; border-bottom:1px solid #cecece; background:#fbfbfb; padding:15px 20px 15px 20px; line-height:20px; min-height:50px;}

/*OA 능력*/
#OA{clear:both; padding-top:20px; height:110px;}

#OA table th { background-color:#f3f3f3; height:32px; border-top:2px solid #5c5c5c; border-bottom:1px solid #cecece; padding-top:2px;}

#OA table td { height:34px; border-bottom:1px solid #dadada; font-size:14px; font-weight:bold; text-align:center; color:#0054a6;}

/*자격증 */
#license{clear:both; padding-top:20px; }

#license table th { background-color:#f3f3f3; height:32px; border-top:2px solid #5c5c5c; border-bottom:1px solid #cecece; padding-top:2px;}

#license table td { height:34px; border-bottom:1px solid #dadada; text-align:center;}

/*자기소개서 */
#self_intro{clear:both; padding-top:20px; }
.self_intro_cont { border-top:2px solid #5c5c5c; border-bottom:1px solid #cecece; background:#fbfbfb; padding:15px 20px 15px 20px; line-height:20px; word-wrap: break-word; /*white-space: pre-wrap;*/ min-height:50px; clear:both;}


/*상단 페이지 네비 */
.page_navi{border-bottom:1px dotted #b4b4b4; padding:10px 0 5px 5px;}


/**입사지원 현황**/
#com_app{}

.left_menu { width:130px; float:left;}

.left_menu h4{ font-size:14px;line-height:36px;}

.left_menu ul{border-bottom:1px dotted #b4b4b4; padding:10px 0 20px 5px; }

.left_menu li{line-height:22px; margin-left:5px;}

#right_cont{ width:810px; float:right; margin-top:20px; margin-bottom:50px;}

#right_cont h2{ font-size:18px; font-family: "NanumGothic"; font-weight:600; margin-bottom: 20px;}

.right_cont{ width:810px; float:right;margin-top:20px;  margin-bottom:50px;}

.right_cont h3{ font-size:18px; font-family: "NanumGothic"; font-weight:600; margin-bottom: 20px;}

.right_cont table {}

.p_st1{border-top:#a7a7a7 1px solid;width:100%;height:0px;}

.p_st2{border-top:#dadada 1px solid; width:100%; height:36px; background-color:#f8f8f8; font-weight:bold; line-height:36px; padding:1px 0 0 5px;}

.right_cont table th{border-top:#0072bc 2px solid; border-bottom:#7da7d9 1px solid; height:34px; color:#00458c; font-weight:bold;}

.right_cont table td{border-bottom:#dadada 1px solid; text-align:center}

.right_cont ul{padding:10px 0 10px 20px;}

.right_cont li{line-height:22px; text-align:left; }





/* 이력서 단계 01 */
#resume_step_01{ color:#737373;}

.step_01_tt{background-color:#e1eef9; height:45px; color:#0054a6; text-align:center;  padding-top:12px; margin-bottom:20px; border-top:1px solid #7da7d9; border-left:1px solid #7da7d9; border-right:1px solid #7da7d9; border-bottom:3px solid #7da7d9; border-radius: 5px;}

.step_01_tt input{font-size:18px; font-weight:600; padding-left:5px;}

.step_01{ height:250px; border-top:2px solid #5c5c5c; border-bottom:1px solid #cecece;}

.step_01_L { width:200px; height:248px;float:left; text-align:center; padding-top:5px; border:1px solid #cecece}

.step_01_R { width:759px; height:248px; float:left;}

.step_01_R ul {clear:both;}

.step_01_title { width:89px; float:left;padding:10px 0 10px 15px; border-bottom:1px solid #cecece; border-right:1px solid #cecece; text-align:left; background-color:#f3f3f3; font-weight:bold;}

.step_01_text {width:670px; float:left; border-bottom:1px solid #cecece; padding:10px 0 10px 15px; }

.step_02_title { width:89px; height:67px; float:left; padding:10px 0 10px 15px; text-align:left; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background-color:#f3f3f3; font-weight:bold;}

.step_02_text {height:67px; float:left; padding:10px 0 10px 15px;}

.dis{clear:both; padding-top:15px; padding-bottom:10px;}

.dis table { height:36px;}

.dis table th {background-color:#f3f3f3; text-align:left; padding:3px 0 0 15px; width:143px;}

.dis table td { padding:3px 0 0 15px;}

.border_L{border-left:1px solid #cecece;}

.input_No{width:40px; height:18px;line-height:18px;}

.input_S{width:100px; height:18px;line-height:18px;}

.input_L{width:400px; height:18px;line-height:18px;}

.input_M{width:200px; height:18px; line-height:18px;}

.input_Email{width:200px; height:18px; line-height:18px;}

.input_M2{width:300px; height:18px;line-height:18px;}

.input_M3{width:266px; height:18px;line-height:18px;}

.textarea1{width:936px; height:100px; padding:5px;}




#resume_step_02{margin-top:20px;}

#hope{clear:both;}

#hope table{ border:1px solid #cecece;}

#hope table th {background-color:#f3f3f3; text-align:left; padding:3px 0 0 15px; width:143px;  border-bottom:1px solid #cecece;}

#hope table td { padding:3px 0 0 15px; height:34px; border-bottom:1px solid #cecece;}

.btn_sh{text-align:center; padding-bottom:20px; padding-top:20px;}


#resume_step_03{margin-top:20px;}

.shcool_type1 {display:none;}
.shcool_type2 {display:none;}


.Th_st1 table{ border:1px solid #cecece;}

.th1 {background-color:#e6eef8; text-align:left; padding:3px 0 0 15px;  border-bottom:1px solid #cecece; height:34px; line-height:24px;}

.th2 {background-color:#f3f3f3; text-align:left; padding:3px 0 0 15px;  border-bottom:1px solid #cecece;}

.Th_st1 table td { padding:3px 0 0 15px; height:34px; border-bottom:1px solid #cecece;}

.tex_st1{ background-color:#fbfbfb; border-top:2px solid #8e8e8e; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:5px; min-height:50px;}

.btn_add{ float:right; margin:5px 2px 0px 0;}

.btn_del{ float:left; margin:8px 0 25px 12px;}

#resume_step_04{ }

.step_04{ background-color:#f0f0f0; border-top:2px solid #8e8e8e; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:center; padding:10px;}


.read_noti_bg{background-color:#dfdfdf; padding:4px; margin:auto;}

.read_noti_box{ background-color:#FFFFFF; border:1px solid #ababab; padding:15px 25px 15px 25px; line-height:20px;}

.line_st3{ font-size:14px; color:#0054a6; font-weight:bold; line-height:30px; background:url(/img/Member/tip_icon.png) no-repeat left; padding-left:25px; padding-left:25px;}

.school_tt{height:26px; background-color:#e6eef8; border-top:1px solid #d0deeb; border-left:1px solid #d0deeb; border-right:1px solid #d0deeb; color:#5170ad; font-size:13px; padding:10px 0 0 10px;}

.tt2_L{width:250px; float:left;}

.tt2_R{width:45px; float:right; }




.p_st3{border-bottom:#0072bc 1px solid; height:40px; font-weight:bold; line-height:36px; padding:10px 0 0 10px; clear:both; }


/*취업활동 증명서*/
#form_wrap{ width:700px; margin:auto;}

#con_form{ margin:10px; border:3px solid #8e8e8e; padding:20px;}

.form_top{ border-bottom:1px solid #a7a7a7; height:70px;}

.right_No{float:right; text-align:right;}

.size_18{font-size:18px;}

.form_my{border:2px solid #999999; padding:10px 10px 10px 20px; line-height:20px;}

.ta_st3{clear:both; padding-top:20px; }

.ta_st3 table{ border-top:2px solid #5c5c5c;}

.ta_st3 table th { background-color:#f3f3f3; height:32px; border-bottom:1px solid #cecece; padding-top:2px;}

.ta_st3 table td { height:32px; border-bottom:1px solid #dadada; text-align:center;}

#form_bottom{ height:85px; clear:both; border:1px solid #dadada; margin-top:40px;}

#form_bottom li{ float:left; padding:0 8px 0 3px;}

.form_adress{height:75px; background-image: url(/img/Member/form_bot_logo.gif); background-repeat:no-repeat; background-position: right; padding:10px 0 0 10px; line-height:18px;}


/*회원정보 수정 */

#per_modify{clear:both; }

.per_modi_tt1{ border-bottom:2px solid #0072bc; font-size:24px; font-family:"NanumGothic"; font-weight:600; color:#000000; margin:30px 0 0 0;}
.per_modi_tt2{ border-top:1px solid #D6D2D2; color:#666666; padding:5px 0 0 5px;}

#per_modify table{ border-top:2px solid #5c5c5c; }

#per_modify table th { background-color:#f3f3f3; height:32px; border-bottom:1px solid #cecece; padding-top:2px; text-align:left; padding-left:15px;}

#per_modify table td { height:32px; border-bottom:1px solid #dadada;}


/*이름변경_pop*/
#re_name{ width:480px; height:400px;}

#re_name .cont{ padding:10px;}

.p_st4 { border:1px solid #c1c1c1; background-color:#f1f2f2; height:30px; line-height:30px; padding-left:10px; }

/*tab */
#rename_tab { position:relative; background-image:url(/img/Member/condi_tab_bg.gif); background-repeat:repeat-x; height:100px; margin-top:5px; clear:both; border-bottom:2px solid #e6e7e8;}

#rename_tab01_cont{ clear:both; padding:30px 5px 5px 10px;}

#rename_tab02_cont{ clear:both; padding:30px 5px 5px 10px; display:none; }


/*우편번호_pop*/

#zip_code{ width:480px; height:380px;}

#zip_code .cont{ padding:10px;}

/*tab */
#zip_code_tab { position:relative; background-image:url(/img/Member/condi_tab_bg.gif); height:29px; background-repeat:repeat-x; margin-top:5px; clear:both; border-bottom:2px solid #448ccb;}

#zip_code_tab01_cont{ clear:both; padding:30px 20px 10px 20px; }

.p_st5 { border:1px solid #d8e5f4; background-color:#f3f7fc; padding:12px 0 12px 50px; margin-top:5px;}

#zip_code_tab02_cont{ clear:both; padding:20px 20px 10px 20px; display:none; }

#zip_code_tab02_cont select{width:100px;}

.box1 {border:1px solid #d8e5f4; background-color:#f3f7fc; padding:12px 0 6px 20px; margin-top:10px;}

.p_st6{padding:60px 0 50px 50px; line-height:22px; font-size:14px;}

.zip_p1{ line-height:22px; letter-spacing:-1px; margin:10px 0 0 0;}

.textarea_zip{width:408px; height:200px; padding:5px; background-color:#f6f6f6; border:1px solid #CCC; margin-top:10px; overflow-y:scroll; overflow-x:hidden; white-space:nowrap; line-height:20px; }



/*사진올리기_pop*/

#photo_up{ width:530px; }

#photo_up .cont{ padding:0px;}

/*tab */
#photo_up_tab { position:relative; background-image:url(/img/Member/condi_tab_bg.gif); height:29px; background-repeat:repeat-x; margin-top:5px; clear:both; border-bottom:2px solid #448ccb;}

#photo_up_tab01_cont{ clear:both; padding:10px 10px 5px 10px; line-height:18px; height:560px; }

.pho1 {border-bottom:1px solid #cdcdcd; margin-bottom:10px; padding-bottom:5px;}

.pho2 {height:80px; border:2px solid #62b0ff; background-color:#ffffff; padding:20px; margin-top:5px; }

.pho3 {height:180px; border:1px solid #CCC; background-color:#ffffff; padding:20px; margin-top:10px;}

#photo_up_tab02_cont{ clear:both; padding:10px 10px 5px 10px; line-height:18px; height:180px; display:block; }

#photo_up_tab02_cont select{width:100px;}

.box2 {height:115px; text-align:center; background:url(/img/Member/photo_noti_bg.gif) no-repeat; border:1px solid #9ebde3;}

.box3 { height:20px; font-size: 12px;  color:#494949;}

.box4 { width:100%; height:253; border:1px solid #9ebde3;}

.box4 table{}

.box4 th{height:24px; background-color:#d8e5f4;}

.box4 td{}

.box5{border:1px solid #7da7d9; width:268px; height:190px; background:url(/img/Member/Photo_bg.gif) no-repeat; margin-left:20px;}

.box6{border:1px solid #7da7d9; width:107px; height:136px; margin-left:15px; padding:5px; background:url(/img/Member/Photo_phobg.gif) no-repeat;}


/**회원 가입**/
#join{ width:960px; margin:auto; padding:40px 0 80px 0;}

#join_step1{ width:960px; margin:auto; padding:5px 0 80px 0;}

#join_step2{ width:960px; margin:auto; padding:5px 0 50px 0;}

#join_step3{ width:960px; margin:auto; padding:5px 0 80px 0;}

#join_step4{ width:960px; margin:auto; padding:5px 0 80px 0;}

.msg{border:3px solid #CCC; padding:15px; line-height:18px; margin-top:10px;}

.detailTT{ font-family:"NanumGothic"; font-size:14px; font-weight:600; border-bottom:2px solid #7da7d9; background:url(/img/wa_arrow.gif) no-repeat left; padding-left:10px; padding-bottom:3px; line-height:20px; color:#039; margin-top:20px;}

.detailCont {background-color:#ffffff;width:960px;}
.detailCont input {border:1px #cccccc solid;padding:0;}
.detailCont_yak {background-color:#ffffff;padding:15px;border:1px #dcdcdc solid;height:200px;overflow:auto; line-height:18px;}
.detailCont_pri {clear:both;background-color:#ffffff;padding:15px;border:1px #dcdcdc solid;height:90px;overflow:auto; line-height:18px;}
.detailCont .detailContTop{text-align:center;padding:5px 0 5px 0;border:0px #000 solid;height:25px;}
.detailCont .detailContBot{font-size:11px;border-top:1px #000 solid;margin:6px;padding:3px;line-height:14px;background-color:#FDF7E3;}

.style1{font-size:14px; font-weight:bold; color:#039;}

.style2{font-size:13px; font-weight:bold;}

.user_auth_box {
  width:960px;
  height:400px; background:url(/img/Member/mobile_bg.gif) repeat-x top;
  padding-top:70px;
}
.user_auth_box .bb01 {
  display:block;
  width:572px; height:297px;
  margin:0 auto;
}

#step_cont_03 table{ }

#step_cont_03 table th{background:#f1f2f2; border-bottom:1px solid #dadada; height:34px; width:230px;}

#step_cont_03 table td{border-bottom:1px solid #dadada; padding-left:10px; }

#step_cont_03 table sup{ font-size:14px; color: #00C;}

#step_cont_04 {background:url(/img/Member/join_comple.jpg) no-repeat; height:400px; margin-top:15px;}

#step_cont_04 .btn{float:right; margin:290px 110px 0 0;}

#step_cont_04_com {background:url(/img/Member/join_comple_com.jpg) no-repeat; height:400px; margin-top:15px;}
#step_cont_04_com2 {background:url(/img/Member/join_comple_com3.jpg) no-repeat; height:400px; margin-top:15px;}

#step_cont_04_com .btn{float:right; margin:290px 110px 0 0;}
#step_cont_04_com2 .btn{float:right; margin:246px 108px 0 0;}

#step_cont_04_com_F {background:url(/img/Member/join_comple_com_fail.jpg) no-repeat; height:400px; margin-top:15px;}

#step_cont_04_com_F .btn{float:right; margin:300px 220px 0 0;}


/*인재 검색 신청*/

#per_search{width:100%; height:100px; background:url(/img/Member/per_search.gif) no-repeat; text-align:right; padding:15px 70px 0 0; }

.per_sc_noti{font-size:13px; font-weight:600;  color:#777; margin-left:180px; line-height:19px; text-align:center; margin-top:8px; width:510px; float:left;}

.per_sc_noti_No{font-size:13px; font-weight:600;  color:#777; margin-left:180px; line-height:19px; text-align:center;  width:510px; float:left;}


/*이력서 공개 설정*/
.resu_set1{border-top:2px solid #5c5c5c; border-bottom:1px solid #b4b4b4; height:150px; padding:20px 0 2px 200px; font-size:13px; line-height:20px; background:url(/img/Member/resu_set_bg.gif) no-repeat left;}

.resu_set2{border-top:2px solid #5c5c5c; border-bottom:1px solid #dadada; height:90px; padding:20px 0 2px 200px; font-size:13px; line-height:20px; background:url(/img/Member/resu_set_bg_1.gif) no-repeat left bottom; font-size:14px; background-color:#f6f6f6; }

.set_btn{text-align:center; margin-top:8px;}

.set_noti{padding:15px 0 5px 20px; line-height:22px; clear:both; border-top:1px solid #e6e6e6; }

.line_dot{border-bottom:1px dotted #CCC; width:580px; padding:0 0 10px 10px;}



/*이력서 수정 팝*/
#resu_modi_pop{ border:3px solid #F60; border-radius:10px; padding:20px; margin:auto; width:914px; background-color:#FFF;}
.hidderbr {display:none;}


@media all and (max-width: 960px){
	#wrapper{width:100%;}
	.input_L {width:98%;}
	.input_M2 {width:98%;}
	.hidderbr {display:block;}
	.bORder_R {font-size:12px;}
	.input_Email {width:40%;}
	.mybtn {display:block;margin-top:40px;}
}