body { width:100%; height:100%; background:url(../images/sub/bg_sub_body.jpg) repeat-x left top; position:relative; }


/*sub visual*/
.visual_company { display:block; width:2000px; height:210px; position:absolute; left:0; top:122px; background:url(../images/sub/visual_company.jpg) no-repeat left top; text-indent:-9999px; z-index:-2; }
.visual_job { display:block; width:2000px; height:210px; position:absolute; left:0; top:122px; background:url(../images/sub/visual_job.jpg) no-repeat left top; text-indent:-9999px; z-index:-2; }
.visual_candidate { display:block; width:2000px; height:210px; position:absolute; left:0; top:122px; background:url(../images/sub/visual_candidate.jpg) no-repeat left top; text-indent:-9999px; z-index:-2; }
.visual_client { display:block; width:2000px; height:210px; position:absolute; left:0; top:122px; background:url(../images/sub/visual_client.jpg) no-repeat left top; text-indent:-9999px; z-index:-2; }
.visual_information { display:block; width:2000px; height:210px; position:absolute; left:0; top:122px; background:url(../images/sub/visual_information.jpg) no-repeat left top; text-indent:-9999px; z-index:-2; }
.visual_cafe { display:block; width:2000px; height:210px; position:absolute; left:0; top:122px; background:url(../images/sub/visual_cafe.jpg) no-repeat left top; text-indent:-9999px; z-index:-2; }
.visual_my { display:block; width:2000px; height:210px; position:absolute; left:0; top:122px; background:url(../images/sub/visual_my.jpg) no-repeat left top; text-indent:-9999px; z-index:-2; }


/*contents*/
#contents { width:1100px; margin-top:210px; position:relative; }


/*localMu*/
.localMu { position:absolute; right:0; top:35px; }
.localMu li { float:left; font-size:14px; }
.localMu li.here { font-weight:bold; color:#444; }


/*leftMu*/
.leftMu { width:220px; height:100%; position:absolute; left:0; top:80px;  }
.tlt_leftMu { display:block; width:220px; height:50px; color:#fff; font-size:30px; font-weight:normal; font-family: 'Play'; text-align:center;  padding-top:16px; background:#064176; margin-bottom:1px;  }
.leftMu_list { padding-top:20px; border-top:1px solid #064176; }
.leftMu_list li { width:220px; height:43px; border-bottom:1px solid #d7d7d7;}
.leftMu_list li a { display:block; width:208px; height:31px; padding-left:12px; padding-top:12px; font-size:16px; color:#555; }
.leftMu_list li a:hover, .leftMu_list li a.current,.leftMu_list li a.current:active { color:#064176; font-weight:bold; background:url(../images/sub/bg_leftMu_over.jpg) no-repeat right 14px; }


/*cont*/
.cont { margin-left:270px; width:830px; height:100%; min-height:400px; padding-top:90px; padding-bottom:80px; position:relative; }
.cont p { line-height:24px; margin-bottom:25px;}
.cont p.bold { font-weight:bold; color:#555; }
.cont .right { text-align:right; }
.cont .play { font-family: 'Play'; font-size:24px; color:#444; margin-bottom:20px; }


/*pageTlt*/
.pageTlt { font-size:46px; color:#444; margin-bottom:70px; font-weight:normal; }



/*company_intro page*/
.cont_about_intro { width:830px; height:100%; padding-top:237px; background:url(../images/sub/bg_company_intro.jpg) no-repeat left top; }
.cont_about_intro .subTlt_intro { font-size:20px; font-weight:bold; color:#444; margin-bottom:40px; line-height:28px; padding-right:50px; background:url(../images/sub/bg_company_intro_subTlt.jpg) no-repeat 530px 30px; }


/*company_ceo page*/
.cont_company_ceo { width:830px; height:100%; padding-top:280px; background:url(../images/sub/bg_company_ceo.jpg) no-repeat left top; }
.cont_company_ceo .img_ceo { display:none; } 
.cont_company_ceo .subTlt_ceo { font-size:20px; font-weight:bold; color:#444; line-height:28px; margin-bottom:40px; }


/*company_mission page*/
.cont_company_mission h4 { font-size:18px; font-weight:bold; color:#444; margin-bottom:30px; line-height:28px; }
.cont_company_mission .txt_mission { margin-bottom:40px; }
.cont_company_mission h5 { font-size:24px; font-family:'Play'; color:#444; padding-top:15px; margin-bottom:20px; background:url(../images/sub/bg_content_tlt.jpg) no-repeat left top; }
.cont_company_mission .mission_area { position:relative; width:830px; height:583px; background:url(../images/sub/bg_mission.jpg) no-repeat left top; }
.cont_company_mission .mission_area h6 { font-size:26px; color:#fff; font-family:'Play'; margin-bottom:40px; }
.cont_company_mission .core { position:absolute; left:32px; top:206px; width:290px; height:140px; text-align:center; }
.cont_company_mission .core p { color:#fff; text-align:center; margin-bottom:10px; }
.cont_company_mission .human h6 { position:absolute; left:420px; top:90px; }
.cont_company_mission .human p { position:absolute; left:560px; top:85px;}
.cont_company_mission .teamwork h6 { position:absolute; left:455px; top:276px; }
.cont_company_mission .teamwork p { position:absolute; left:620px; top:253px; }
.cont_company_mission .innovation h6 { position:absolute; left:399px; top:454px; }
.cont_company_mission .innovation p { position:absolute; left:566px; top:431px; }

/*company_consultant page*/
.cont_company_consultant h4 { font-size:20px; font-weight:bold; color:#444; line-height:28px; margin-bottom:40px;}
.consultant_view { width:100%; padding-top:25px; padding-bottom:25px; border-bottom:1px solid #e7e7e7; position:relative; min-height:230px; }
.consultant_view_first { padding-top:0;}
.consultant_view_end { border-bottom:0; margin-bottom:20px; }

.photo { float:left; width:166px; height:224px; }
.profile { width:570px; height:100%; padding-left:260px; }
.profile p { margin-bottom:0; line-height:22px; }
.profile .name { font-size:20px; font-weight:bold; color:#444; margin-bottom:20px; }
.profile .name span { font-size:16px; font-weight:normal;}
.profile .career { margin-bottom:15px; }
.profile .field { margin-bottom:15px; }
.profile .tlt_field { font-weight:bold; color:#444; margin-bottom:5px;}
.profile .field_list li { padding-left:15px; line-height:22px; background:url(../images/sub/bullet_consultant.jpg) no-repeat left 10px; }
.profile .tlt_contact { font-weight:bold; color:#444; margin-bottom:2px;}


/*company_organization page*/
.cont_about_organization { display:block; width:830px; height:544px; background:url(../images/sub/bg_organization.jpg) no-repeat left top; text-indent:-9999px; }


/*process page*/
.process_step { width:830px;  }
.process_step .step_01 { position:relative; width:830px; height:138px; margin-bottom:4px; background:url(../images/sub/bg_process_01.jpg) no-repeat left top; }
.process_step .step_01 h4 { position:absolute; left:54px; top:80px; color:#fff; }
.process_step .step_01 ul { position:absolute; left:217px; top:37px; width:570px; height:100%; }
.process_step .step_01 li { padding-left:10px; background:url(../images/sub/bullet_process_list.jpg) no-repeat left 8px; line-height:24px; }

.process_step .step_02 { position:relative; width:830px; height:138px; margin-bottom:4px; background:url(../images/sub/bg_process_02.jpg) no-repeat left top; }
.process_step .step_02 h4 { position:absolute; left:54px; top:80px; color:#fff; }
.process_step .step_02 ul { position:absolute; left:217px; top:37px; width:570px; height:100%; }
.process_step .step_02 li { padding-left:10px; background:url(../images/sub/bullet_process_list.jpg) no-repeat left 8px; line-height:24px; }

.process_step .step_03 { position:relative; width:830px; height:138px; margin-bottom:4px; background:url(../images/sub/bg_process_03.jpg) no-repeat left top; }
.process_step .step_03 h4 { position:absolute; left:16px; top:80px; color:#fff; }
.process_step .step_03 ul { position:absolute; left:217px; top:37px; width:570px; height:100%; }
.process_step .step_03 li { padding-left:10px; background:url(../images/sub/bullet_process_list.jpg) no-repeat left 8px; line-height:24px; }

.process_step .step_04 { position:relative; width:830px; height:138px; margin-bottom:4px; background:url(../images/sub/bg_process_04.jpg) no-repeat left top; }
.process_step .step_04 h4 { position:absolute; left:45px; top:80px; color:#fff; }
.process_step .step_04 ul { position:absolute; left:217px; top:22px; width:570px; height:100%; }
.process_step .step_04 li { padding-left:10px; margin-bottom:8px; background:url(../images/sub/bullet_process_list.jpg) no-repeat left 8px; line-height:24px; }

.process_step .step_05 { position:relative; width:830px; height:115px; margin-bottom:4px; background:url(../images/sub/bg_process_05.jpg) no-repeat left top; }
.process_step .step_05 h4 { position:absolute; left:60px; top:80px; color:#fff; }
.process_step .step_05 ul { position:absolute; left:217px; top:32px; width:570px; height:100%; }
.process_step .step_05 li { padding-left:10px; margin-bottom:8px; background:url(../images/sub/bullet_process_list.jpg) no-repeat left 8px; line-height:24px; }


/*headhunting process page*/
.img_headhuntingProcess { display:block; width:830px; height:203px; margin-bottom:52px; background:url(../images/sub/img_headhunting_process.jpg) no-repeat left top; text-indent:-9999px; }
.headhunting_process h4 { font-size:16px; font-weight:bold; color:#444; margin-bottom:10px; }


/*inquiry process page*/
.cont_client_inquiryProcess h4 { font-size:18px; font-weight:bold; color:#444; padding-top:15px; margin-bottom:20px; background:url(../images/sub/bg_content_tlt.jpg) no-repeat left top; }
.cont_client_inquiryProcess .check_01 { width:770px; height:150px; padding:30px 30px; margin-bottom:58px; background:url(../images/sub/bg_check_01.jpg) no-repeat left top; }
.cont_client_inquiryProcess .check_02 { width:500px; height:173px;  padding-left:330px; padding-top:18px; margin-bottom:58px; background:url(../images/sub/bg_check_02.jpg) no-repeat left top; }
.cont_client_inquiryProcess .check_02 li { padding-left:15px; background:url(../images/sub/bullet_check_02.jpg) no-repeat left 11px; line-height:26px; }
.cont_client_inquiryProcess .reference_process { display:block; width:830px; height:177px; background:url(../images/sub/bg_reference_process.jpg) no-repeat left top; text-indent:-9999px; }


/*cafe index page*/
.cont_cafe_index h4 { font-size:18px; font-weight:bold; color:#444; margin-bottom:30px; line-height:28px; }


/*cafe active page*/
.cont_cafe_active h4 { font-size:18px; font-weight:bold; color:#444; margin-bottom:30px; line-height:28px; }


/*cafe link page*/
.link_cafe { width:400px; height:82px; padding-left:430px; padding-top:60px; background:url(../images/sub/bg_link_cafe.jpg) no-repeat left top;}
.link_cafe a { font-size:18px; font-weight:600; color:#333; }
.link_cafe a:hover { color:#05367b; }


/*로그인페이지*/
.cont_my_login h4 { font-size:18px; font-weight:bold; color:#444; margin-bottom:30px; line-height:28px;}
.cont_my_login .loginArea { position:relative; width:830px; height:250px; background:url(../images/sub/bg_loginArea.jpg) no-repeat left top; }
.cont_my_login .id { position:absolute; left:292px; top:48px; font-weight:600; }
.cont_my_login .id input { margin-left:25px; width:288px; height:36px; border:1px solid #cccccc; }
.cont_my_login .pw { position:absolute; left:292px; top:93px; font-weight:600; }
.cont_my_login .pw input { margin-left:10px; width:288px; height:36px; border:1px solid #cccccc; }
.cont_my_login .authcode { position:absolute; left:292px; top:138px; font-weight:600; }   /* 인증번호(2026-10-27) */
.cont_my_login .authcode input { margin-left:10px; width:80px; height:36px; border:1px solid #cccccc; }
.cont_my_login .authcode .comment { margin-left:8px; font-weight:normal; color:#666; }
.cont_my_login .btn_login { position:absolute; left:657px; top:48px; }
.cont_my_login .btn_login a { display:block; width:125px; height:49px; padding-top:34px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:#064176; }
.cont_my_login .memberArea { position:absolute; left:364px; top:184px; }
.cont_my_login .memberArea li { float:left; margin-right:26px; }
.cont_my_login .memberArea li a { display:block; width:193px; height:22px; padding-top:6px; background:#ebebeb; font-size:14px; text-align:center; border:1px solid #bfbfbf;  }
.cont_my_login .txt_login { font-family: 'Nanum Gothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', 'dotum'; font-size:16px; color:#555;  line-height:24px; margin-bottom:25px; }

.popuplogin h4 { font-size:18px; font-weight:bold; color:#444; margin-bottom:30px; line-height:28px;}
.popuplogin .loginArea { position:relative; width:830px; height:250px; background:url(../images/sub/bg_loginArea.jpg) no-repeat left top; }
.popuplogin .id { position:absolute; left:292px; top:48px; font-weight:600; }
.popuplogin .id input { margin-left:25px; width:288px; height:36px; border:1px solid #cccccc; }
.popuplogin .pw { position:absolute; left:292px; top:93px; font-weight:600; }
.popuplogin .pw input { margin-left:10px; width:288px; height:36px; border:1px solid #cccccc; }
.popuplogin .authcode { position:absolute; left:292px; top:138px; font-weight:600; }
.popuplogin .authcode input { margin-left:10px; width:80px; height:36px; border:1px solid #cccccc; }
.popuplogin .authcode .comment { margin-left:8px; font-weight:normal; color:#666; }
.popuplogin .btn_login { position:absolute; left:657px; top:48px; }
.popuplogin .btn_login a { display:block; width:125px; height:49px; padding-top:34px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:#064176; }
.popuplogin .memberArea { position:absolute; left:364px; top:184px; }
.popuplogin .memberArea li { float:left; margin-right:26px; }
.popuplogin .memberArea li a { display:block; width:193px; height:22px; padding-top:6px; background:#ebebeb; font-size:14px; text-align:center; border:1px solid #bfbfbf;  }
.popuplogin .txt_login { font-family: 'Nanum Gothic', '나눔고딕', 'NanumGothic', '맑은 고딕', 'Malgun Gothic', 'dotum'; font-size:16px; color:#555;  line-height:24px; margin-bottom:25px; }


/*비밀번호찾기*/
.cont_my_findPwd h4 { font-size:18px; font-weight:bold; color:#444; margin-bottom:30px; line-height:28px; }
.cont_my_findPwd .input_email { position:relative; width:830px; height:216px; background:url(../images/sub/bg_findPwd_inputArea.jpg) no-repeat left top; }
.cont_my_findPwd .input_email .id { position:absolute; left:388px; top:43px; font-weight:600; }
.cont_my_findPwd .input_email .id label { padding-left:50px; }
.cont_my_findPwd .input_email .id input { width:288px; height:36px; border:1px solid #cccccc; margin-top:20px; margin-bottom:8px }
.cont_my_findPwd .input_email .authcode { position:absolute; left:388px; top:122px; font-weight:600; }   /* 인증번호(2026-10-27) */
.cont_my_findPwd .input_email .authcode input { margin-left:10px; width:80px; height:30px; border:1px solid #cccccc; }
.cont_my_findPwd .input_email .authcode .comment { margin-left:8px; font-weight:normal; color:#666; }
.cont_my_findPwd .input_email .btn_pwSearch { position:absolute; left:388px; top:165px; }
.cont_my_findPwd .input_email .btn_pwSearch a { display:block; width:290px; height:30px; padding-top:12px; background:#064176; font-size:16px; font-weight:bold; color:#fff; text-align:center; font-weight:bold;}


/*회원탈퇴*/
.cont_my_delete h4 { font-size:18px; font-weight:bold; color:#444; margin-bottom:30px; line-height:28px; }
.secessionArea { position:relative; width:830px; height:216px; background:url(../images/sub/bg_secessionArea.jpg) no-repeat left top; }
.secessionArea .txt_secession { position:absolute; left:324px; top:54px; margin-bottom:30px; }
.secessionArea .txt_authcode { position:absolute; left:324px; top:100px; font-weight:600; }   /* 인증번호(2026-10-27) */
.secessionArea .txt_authcode input { margin-left:10px; width:80px; height:30px; border:1px solid #cccccc; }
.secessionArea .txt_authcode .comment { margin-left:8px; font-weight:normal; color:#666; }
.secessionArea .btn_group { position:absolute; left:323px; top:150px; }
.secessionArea .btn_group li { float:left; margin-right:17px; }
.secessionArea .btn_group .btn_secession_ok a { display:block; width:200px; height:30px; padding-top:14px; font-weight:bold; color:#fff; background:#064176; text-align:center; font-weight:bold; }
.secessionArea .btn_group .btn_secession_cancel a { display:block; width:200px; height:30px; padding-top:12px; font-weight:bold; color:#fff; background:#929292; text-align:center;font-weight:bold;  }

/*sitemap*/

.content_sitemap {position:relative; width:830px; height:600px; }

.content_sitemap .siteMu01 { position:absolute; left:0; top:0; width:190px; }
.content_sitemap .siteMu02 { position:absolute; left:210px; top:0; width:190px; }
.content_sitemap .siteMu03 { position:absolute; left:420px; top:0; width:190px; }
.content_sitemap .siteMu04 { position:absolute; left:630px; top:0; width:190px; }
.content_sitemap .siteMu05 { position:absolute; left:0; top:400px; width:190px; }
.content_sitemap .siteMu06 { position:absolute; left:210px; top:400px; width:190px; }
.content_sitemap .siteMu07 { position:absolute; left:420px; top:400px; width:190px; }

.content_sitemap h4 { width:190px; height:20px; font-size:16px; color:#fff; font-weight:600; background:#064176; padding-bottom:13px; padding-top:18px; margin-bottom:12px; text-align:center; }
.content_sitemap ul { position:absolute; left:0; top:60px;}
.content_sitemap li {  float:left; width:180px; line-height:40px; border-bottom:1px dotted #666; padding-left:10px; }




/*채용정보 회원온라인 지원의 로그인 팝업*/
.ui-dialog-content p { letter-spacing:0; line-height:24px; margin-bottom:33px;}
.ui-dialog-content p .emphasis { font-weight:600; color:#444; font-size:16px; }
.ui-dialog-content .right { text-align:right;  }
.ui-dialog-content h6 { font-size:16px; font-weight:600; margin-bottom:5px; padding-top:5px; }

 
/*페이징*/
div.centeringContainer { text-align:center; }
span.centered { display:table; margin-left:auto; margin-right:auto; display:inline-block; }
/*.paging { text-align:center; }*/
.board_paging { text-align:center; display:table; margin-left:auto; margin-right:auto; display:inline-block; }
.board_paging li { float:left; display:inline-block; font-size:14px; text-align:center; margin-right:2px; }
.board_paging li a { display:inline-block; width:24px; height:20px; padding-top:4px; font-weight:normal; border:1px solid #c9c9c9;}
.board_paging li a:hover,.board_paging li a.current, .board_paging li a.current:hover, .board_paging li a.current:active { font-weight:bold; color:#333; background:#dfdfdf; }

.board_paging .first a{ width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_first.jpg) no-repeat left top; display:inline-block; border:0; }
.board_paging .first a:hover, .board_paging first a.active, .board_paging first a.current { width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_first.jpg) no-repeat left top; display:inline-block; border:0; }

.board_paging .prev { margin-right:5px; }
.board_paging .prev a { width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_prev.jpg) no-repeat left top; display:inline-block; border:0;  }
.board_paging .prev a:hover, .board_paging prev a.active, .board_paging prev a.current { width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_prev.jpg) no-repeat left top; display:inline-block; border:0; }

.board_paging .next { margin-left:3px; }
.board_paging .next a{ width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_next.jpg) no-repeat left top;  display:inline-block; border:0; }
.board_paging .next a:hover, .board_paging next a.active, .board_paging next a.current { width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_next.jpg) no-repeat left top; display:inline-block; border:0; }

.board_paging .last { width:26px; height:26px; }
.board_paging .last a{ width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_last.jpg) no-repeat left top;  display:inline-block; border:0; }
.board_paging .last a:hover, .board_paging last a.active, .board_paging last a.current { width:26px; height:26px; padding-top:0; background:url(../images/sub/paging_last.jpg) no-repeat left top; display:inline-block; border:0; }

.board_paging .first a:hover, .board_paging .first a.active, .board_paging .first a.current { border:0; }
.board_paging .prev a:hover, .board_paging .prev a.active, .board_paging .prev a.current { border:0; }
.board_paging .next a:hover, .board_paging .next a.active, .board_paging .next a.current { border:0; }
.board_paging .last a:hover, .board_paging .last a.active, .board_paging .last a.current { border:0; }