@charset "utf-8"; #index #container.main {width:100%} body#index{background:#fff} /* 워크넷메인 레프트 배너(20180105 추가) */ #container.main .main_left_ban1 {position:absolute; left:-180px; top:0; border:1px solid #cccdc8; width:160px; height:210px} #container.main .main_left_ban {position:absolute; left:-180px; top:0; border:1px solid #cccdc8; width:160px; height:210px} #container.main .main_left_ban a {display:none; position:absolute; left:0; top:0} #container.main .main_left_ban .leftban_ctrl {position:absolute; left:0; bottom:0; width:100%; height:15px; text-align:center} #container.main .main_left_ban .leftban_ctrl button {margin-left:4px; width:13px; height:13px; border:none; background:url(/images/main/btn_leftBan.png) 0 0 no-repeat; text-indent:-9999px; vertical-align:top} #container.main .main_left_ban .leftban_ctrl button:first-child {margin-left:0} #container.main .main_left_ban .leftban_ctrl button.on {background:url(/images/main/btn_leftBan.png) -15px 0 no-repeat} #container.main .main_left_ban .leftban_ctrl .control {position:absolute; right:6px; bottom:1px} #container.main .main_left_ban .leftban_ctrl button.start {width:7px; width:11px; height:13px; background:url(/images/main/btn_leftBan.png) -30px 0 no-repeat} #container.main .main_left_ban .leftban_ctrl button.stop {width:10px; height:13px; background:url(/images/main/btn_leftBan.png) -45px 0 no-repeat} /*** 구직메인 ***/ #newWrap #content h2, #newWrap #content h3 {margin:0; padding:0; background:none; font-family:NanumGothicBold; font-weight:normal} #newWrap #content h3 {font-size:16px} #newWrap #content h3.hid {position:absolute} #newWrap dd input {top:0} /* tab 공통 */ #newWrap .tab {position:relative} #newWrap .tab:after {display:block; content:""; clear:both} #newWrap .tab > li {float:left} #newWrap .tab > li > a {display:block; text-align:center; text-decoration:none} #newWrap .tab > li .inner {display:none; position:absolute; top:0; left:0} #newWrap .tab > li.active .inner {display:block} /* 상단컨텐츠 */ #newWrap .main .main_top {position:relative; width:910px; margin:30px auto 0} /* 20180105 수정 */ #newWrap .main .main_top:after {display:block; clear:both; content:""} /* 20180105 추가 */ #newWrap .main .main_top h2 {color:#000; font-size:15px; font-family:NanumGothicBold} #newWrap .main .main_top .column1 {float:left; width:451px; height:468px} /* 청년친화 강소기업 인기채용 */ #newWrap .main .main_top .column1 .popular {position:relative; padding:20px 0 0 20px; width:429px; height:246px; border:1px solid #ccc} #newWrap .main .main_top .column1 .popular ul {margin-top:18px} #newWrap .main .main_top .column1 .popular li {position:relative; margin-bottom:14px} #newWrap .main .main_top .column1 .popular li .logo {display:table-cell; width:87px; height:36px; border:1px solid #d7d7d7; text-align:center; vertical-align:middle} #newWrap .main .main_top .column1 .popular li .logo img {width:100%} #newWrap .main .main_top .column1 .popular li a {position:absolute; left:105px; top:4px; display:block} #newWrap .main .main_top .column1 .popular li a .name {display:block} #newWrap .main .main_top .column1 .popular li a .name em {display:inline-block; margin-right:7px; width:47px; height:16px; background:url(/images/main/ico_popular_wage.gif) 0 0 no-repeat; font-size:0; line-height:0} #newWrap .main .main_top .column1 .popular li a .name em.orange {background:url(/images/main/ico_popular_click.gif) 0 0 no-repeat} #newWrap .main .main_top .column1 .popular li a .name strong {display:inline-block; line-height:16px; font-weight:normal; color:#222; font-size:13px; font-family:NanumGothicBold; width:250px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} #newWrap .main .main_top .column1 .popular li a .detail {display:block; margin-top:2px; color:#444; font-family:NanumGothic; width:310px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} #newWrap .main .main_top .column1 .popular .btn_more {display:block; position:absolute; right:26px; top:20px; color:#999; font-size:11px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .main .main_top .column1 .popular .btn_more:after {content:""; position:absolute; right:-9px; top:2px; display:inline-block; width:5px; height:7px; background:url(/images/main/ico_more.gif) 0 0 no-repeat} #newWrap .main .main_top .column1 .deadline {position:relative; padding:15px 16px 13px 20px; width:413px; height:17px; border:1px solid #ccc; border-top:none; background:#fcf8f1} #newWrap .main #content .main_top .column1 .deadline h2 {position:relative; top:-1px; display:inline-block; margin-right:25px; font-size:14px} #newWrap .main .main_top .column1 .deadline .slide-zone {display:inline-block; width:274px; height:15px; line-height:17px; overflow:hidden} #newWrap .main .main_top .column1 .deadline .slide-zone .slide-item {display:inline-block; position:relative; width:100%} #newWrap .main .main_top .column1 .deadline a.data {display:inline-block; width:245px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#444; letter-spacing:-0.5px} #newWrap .main .main_top .column1 .deadline .d_day {position:absolute; right:0; top:-1px; font-weight:normal; font-family:NanumGothicBold; color:#f26c4f} #newWrap .main .main_top .column1 .deadline .btn_ctrl {position:absolute; left:133px; top:17px} #newWrap .main .main_top .column1 .deadline .btn_ctrl a {display:inline-block; width:13px; height:13px; background:url(/images/main/btn_dDay_stop.gif) 0 0 no-repeat; text-indent:-5000px} #newWrap .main .main_top .column1 .deadline .btn_ctrl a.btn-play {background:url(/images/main/btn_dDay_start.gif) 0 0 no-repeat} /* 공지, 고용뉴스, 자료, 이벤트 */ #newWrap .board {position:relative; height:153px; border:1px solid #ccc; border-top:none} #newWrap .board h2 {display:none; width:0; height:0; line-height:0; font-size:0} #newWrap .board .tab {width:449px} #newWrap .board .tab > li > a {position:relative; padding:0 20px; height:34px; line-height:34px; font-family:NanumGothicBold; font-size:12px; letter-spacing: 1px; color:#666} #newWrap .board .tab > li > a:after {position:absolute; left:0; top:11px; content:""; display:inline-block; width:1px; height:12px; background:#d7d7d7} #newWrap .board .tab > li:first-child > a:after {display:none} #newWrap .board .tab > li.active > a, #newWrap .board .tab > li > a:hover, #newWrap .board .tab > li > a:focus {background:#fff; border-bottom:1px solid #fff; font-family:NanumGothicBold; font-size:14px; font-weight:normal; letter-spacing:-1px; color:#222} #newWrap .board .tab .inner {padding-top:12px; top:35px; width:449px; border-top:1px solid #ccc} #newWrap .board .inner .list {padding:0 15px 0 20px} #newWrap .board .inner .list li {overflow:hidden} #newWrap .board .inner .list li a, #newWrap .board .inner .list span {display:block; line-height:22px} #newWrap .board .inner .list li a {overflow:hidden; float:left; width:340px; white-space:nowrap; text-overflow:ellipsis; font-family:NanumGothic; font-weight:normal; font-size:12px; color:#444} #newWrap .board .inner .list li span.date {float:right; margin-right:1px; font-size:12px; color:#666; letter-spacing:-1px} #newWrap .board .inner .btn_more {display:block; position:absolute; right:26px; top:-26px; color:#999; font-size:11px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .board .inner .btn_more:after {content:""; position:absolute; right:-9px; top:2px; display:inline-block; width:5px; height:7px; background:url(/images/main/ico_more.gif) 0 0 no-repeat} /* 구직구인신청 */ #newWrap .main .main_top .column2 {float:left; margin:0 6px; width:223px; border-top:1px solid #ccc} /* 20180116수정 */ #newWrap .main .main_top .column2 .apply_area {border-left:1px solid #ccc; border-right:1px solid #ccc} /* 20180116추가 */ #newWrap .main .main_top .column2 .apply_area h2 {display:none; width:0; height:0; line-height:0; font-size:0} #newWrap .main .main_top .column2 .apply_area .type01 {height:182px} #newWrap .main .main_top .column2 .apply_area .type01 li.work {background:url(/images/main/bg_apply.gif) 30px 25px no-repeat} #newWrap .main .main_top .column2 .apply_area .type01 li.work a {padding:16px 0 0 107px; height:76px; background:url(/images/main/bg_dashed.gif) 0 bottom repeat-x} #newWrap .main .main_top .column2 .apply_area .type01 li.worker {background:url(/images/main/bg_apply.gif) 30px -85px no-repeat} #newWrap .main .main_top .column2 .apply_area .type01 li.worker a {padding:13px 0 0 107px; height:75px; border-bottom:1px solid #ccc} #newWrap .main .main_top .column2 .apply_area .type01 li a {display:block; line-height:15px; color:#666; font-size:11px} #newWrap .main .main_top .column2 .apply_area .type01 li a strong {display:block; margin-bottom:3px; font-weight:normal; font-size:13px; font-family:NanumGothicBold; color:#000} #newWrap .main .main_top .column2 .apply_area .type02 {overflow:hidden; border-bottom:1px solid #ccc} /* 20180116수정 */ #newWrap .main .main_top .column2 .apply_area .type02 li {float:left; margin:9px 0 7px; width:109px; height:68px; background:url(/images/main/bg_apply02.gif) center -76px no-repeat; text-align:center} #newWrap .main .main_top .column2 .apply_area .type02 li a {display:block; padding-top:48px; color:#000; font-size:13px; font-family:NanumGothicBold} #newWrap .main .main_top .column2 .apply_area .type02 li.young {width:111px; border-right:1px solid #d7d7d7; background:url(/images/main/bg_apply02.gif) center 6px no-repeat} /* 채용박람회(20180116수정) */ #newWrap .main .main_top .column2 .job_expo {position:relative; margin-top:10px; height:189px; border-left:1px solid #ccc; border-bottom:1px solid #ccc} #newWrap .main .main_top .column2 .job_expo .tab_dtl {position:absolute; padding-top:35px} #newWrap .main .main_top .column2 .job_expo .tab_dtl h2 {position:absolute; left:0; top:0; height:33px; line-height:33px; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; z-index:5} #newWrap .main .main_top .column2 .job_expo .tab_dtl h2.second {left:86px} #newWrap .main .main_top .column2 .job_expo .tab_dtl h2 a {display:block; min-width:85px; background:#f7f7f7; font-size:13px; color:#555; font-family:NanumGothicBold} #newWrap .main .main_top .column2 .job_expo .tab_dtl h2 a:hover, #newWrap .main .main_top .column2 .job_expo .tab_dtl h2 a:focus {text-decoration:none} #newWrap .main .main_top .column2 .job_expo p.nodata {display:none; margin-top:-1px; padding-top:68px; width:221px; height:86px; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; vertical-align:middle} #newWrap .main .main_top .column2 .job_expo ul {display:none; margin-top:-1px; padding:18px 20px 0 21px; width:180px; height:137px; border-top:1px solid #ccc; border-right:1px solid #ccc} #newWrap .main .main_top .column2 .job_expo ul li {margin-bottom:10px; overflow:hidden} #newWrap .main .main_top .column2 .job_expo li a {display:inline-block; float:left; margin-top:-1px; width:133px; height:36px; line-height:18px; color:#444} #newWrap .main .main_top .column2 .job_expo .date {display:block; float:left; margin-right:5px; width:40px; height:17px; line-height:17px; border:1px solid #c2c2c2; background:#fff; text-align:center; font-weight:bold; font-size:11px; font-family:verdana; color:#666; letter-spacing:-1px} #newWrap .main .main_top .column2 .job_expo .btn_more {display:none; position:absolute; right:13px; top:13px; color:#999; font-size:11px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .main .main_top .column2 .job_expo .btn_more:after {content:""; position:absolute; right:-9px; top:2px; display:inline-block; width:5px; height:7px; background:url(/images/main/ico_more.gif) 0 0 no-repeat} #newWrap .main .main_top .column2 .job_expo .tab_dtl.on p.nodata , #newWrap .main .main_top .column2 .job_expo .tab_dtl.on ul, #newWrap .main .main_top .column2 .job_expo .tab_dtl.on .btn_more {display:block} #newWrap .main .main_top .column2 .job_expo .tab_dtl.on h2 {border-top:2px solid #00a9e0} #newWrap .main .main_top .column2 .job_expo .tab_dtl.on h2 a {color:#00a9e0; background:#fff} /* 로그인(20170627 기존소스) */ #newWrap .main .main_top .column3 {float:left; width:223px} #newWrap .main .main_top .column3 .user-login .logout {display:block; width:221px; height:220px; border:1px solid #ccc; border-top:none; background:#fff} /* 20171107 수정 */ #newWrap .main .main_top .column3 .user-login .logout .tab {margin:22px 0 0 20px} #newWrap .main .main_top .column3 .user-login .logout .tab li {position:relative; margin-left:10px; padding-left:17px; background:url(/images/main/bg_radio_login.png) 0 2px no-repeat} #newWrap .main .main_top .column3 .user-login .logout .tab li.active {background:url(/images/main/bg_radio_login.png) 0 -40px no-repeat} #newWrap .main .main_top .column3 .user-login .logout .tab li.comp {margin-left:25px} #newWrap .main .main_top .column3 .user-login .logout .tab li input {position:absolute; left:-4px; width:74px; height:16px} #newWrap .main .main_top .column3 .user-login .logout .tab li label {position:relative; background:#f3f3f3; font-size:14px; font-family:NanumGothicBold; color:#000; letter-spacing:-1px} #newWrap .main .main_top .column3 .user-login .logout .tab li.comp label {color:#005890} #newWrap .main .main_top .column3 .user-login .logout .inner dl {margin:17px 0 0 20px} #newWrap .main .main_top .column3 .user-login .logout .inner dd input {margin-top:4px; padding-left:10px; width:169px; height:28px; line-height:28px; border:1px solid #d2d2d2; color:#777} #newWrap .main .main_top .column3 .user-login .logout .inner .sub {float:right; margin:8px 20px 20px 20px; letter-spacing:-1px; overflow:hidden} #newWrap .main .main_top .column3 .user-login .logout .inner .sub * {font-size:11px; font-family:Dotum, "돋움"; color:#666} #newWrap .main .main_top .column3 .user-login .logout .inner .sub ul {float:left; overflow:hidden} #newWrap .main .main_top .column3 .user-login .logout .inner .sub ul li {margin-left:1px; float:left; vertical-align:bottom} #newWrap .main .main_top .column3 .user-login .logout .inner .sub ul li.id {position:relative; padding-right:7px; margin-right:2px} #newWrap .main .main_top .column3 .user-login .logout .inner .sub ul li.id:after {content:""; position:absolute; right:0; top:2px; margin-left:4px; width:1px; height:10px; background:#cfcfcf} #newWrap .main .main_top .column3 .user-login .logout .btn_group {clear:both; margin:20px 0 0 20px; overflow:hidden} #newWrap .main .main_top .column3 .user-login .logout .btn_group * {height:30px; width:89px; line-height:30px; color:#fff; font-family:NanumGothicBold; text-align:center} #newWrap .main .main_top .column3 .user-login .logout .btn_group input {float:left; border:none; background:#006db6} #newWrap .main .main_top .column3 .user-login .logout .btn_group a {display:block; float:left; margin-left:2px; background:#777} #newWrap .main .main_top .column3 .user-login .logout .btn_group a:hover {text-decoration:none} /* 20170602 :소셜 로그인 연동 수정 start(20170627) */ #newWrap .main .main_top .column3 .user-login .logout.social .inner {position:relative} #newWrap .main .main_top .column3 .user-login .logout.social .tab {margin:22px 0 0 20px} /* 20170713 수정 */ #newWrap .main .main_top .column3 .user-login .logout.social .inner dl {margin:20px 0 0 14px} /* 20171107 수정 */ #newWrap .main .main_top .column3 .user-login .logout.social .inner dd input {margin-top:4px; padding-left:10px; width:108px; height:28px; line-height:28px; border:1px solid #d2d2d2; color:#777} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub {float:none; position:relative; margin:8px 14px 10px 14px; min-height:14px; letter-spacing:-1px; overflow:hidden} /* 보안키보드(20180530 수정) */ #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub * {font-size:11px; font-family:Dotum, "돋움"; color:#666} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub ul {float:right} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub ul li {position:relative; margin-left:1px; float:left; vertical-align:bottom} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub ul li.id {position:absolute; top:0; left:0; margin-right:0; padding-right:0} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub ul li.id:after {display:none} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub ul li.join {padding-right:5px; margin-right:2px} /* 보안키보드(20180530 수정) */ #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub ul li.join:after {content:""; position:absolute; right:0; top:2px; margin-left:4px; width:1px; height:10px; background:#cfcfcf} #newWrap .main .main_top .column3 .user-login .logout.social .btn_group {position:absolute; top:0; right:14px; margin-top:4px} #newWrap .main .main_top .column3 .user-login .logout.social .btn_group input {width:69px; height:64px; border:none; background:#00a9e0; font-size:13px; color:#fff; font-family:NanumGothicBold; font-weight:normal} #newWrap .main .main_top .column3 .user-login .logout.social .inner .social_btn {overflow:hidden; padding:0 0 11px 15px} #newWrap .main .main_top .column3 .user-login .logout.social .inner .social_btn li {float:left; padding:4px 7px 0 0} /* 20171107 수정 */ #newWrap .main .main_top .column3 .user-login .logout.social .inner .org_btn {margin:0 auto; padding-top:15px; width:193px; border-top:1px solid #e5e5e5} /* 보안키보드(20180530 수정) */ #newWrap .main .main_top .column3 .user-login .logout.social .inner .org_btn a {display:inline-block; padding-left:14px; padding-right:20px; color:#444; background:url(/images/main/ico_more_dgray.gif) right 4px no-repeat; font-family:NanumGothicBold; font-weight:normal; font-size:14px; letter-spacing:-0.5px} /* 20171212 추가 */ /* 20170602 : 네이버 로그인 연동 수정 end(20170627) */ /* 20180530 : 보안키보드 추가 start */ #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub .login_chkBox {float:left; font-size:11px; color:#666} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub .login_chkBox p+p {margin-top:3px} #newWrap .main .main_top .column3 .user-login .logout.social .inner .sub .login_chkBox label {position:relative; top:1px; margin-left:2px; margin-right:3px; vertical-align:initial} /* 20180530 : 보안키보드 추가 end */ /* 20170602 : 네이버 아이디 로그인 연동 수정 start(20170627) */ #newWrap .main .main_top .column3 .user-login .logout.social.naver .tab {margin:22px 0 0 20px} #newWrap .main .main_top .column3 .user-login .logout.social.naver .inner dl {margin:15px 0 0 14px} #newWrap .main .main_top .column3 .user-login .logout.social.naver .inner .sub {margin:10px 14px 18px 14px} /* 20170602 : 소셜 아이디 로그인 연동 수정 end(20170627) */ /* 20171107 : 개인,기업회원 버튼으로 변경 start */ #newWrap .main .main_top .column3 .user-login .logout .type_user {margin-left:-1px; overflow:hidden} #newWrap .main .main_top .column3 .user-login .logout .type_user button {float:left; width:111px; height:33px; line-height:33px; border:1px solid #ccc; border-right:none; background:#f7f7f7; font-size:14px; color:#444; font-family:NanumGothicBold} #newWrap .main .main_top .column3 .user-login .logout .type_user button.on {border-top:2px solid #00a9e0; border-bottom:none; background:#fff; color:#00a9e0} /* 20171107 : 개인,기업회원 버튼으로 변경 end */ #newWrap .main .main_top .column3 .user-login .login {display:none; position:relative; height:220px; border:1px solid #ccc; background:url(/images/main/login_sample.gif) 11px 25px no-repeat #f3f3f3} #newWrap .main .main_top .column3 .user-login .login .usr_name {padding:50px 0 0 114px; height:107px; border-bottom:1px solid #ccc; background:url(/images/common/layout/ico_indiv.png) 114px 31px no-repeat} #newWrap .main .main_top .column3 .user-login .login .usr_name a {display:block} #newWrap .main .main_top .column3 .user-login .login .usr_name p {display:inline; font-size:15px; letter-spacing:-1px} #newWrap .main .main_top .column3 .user-login .login .usr_name p a {display:inline-block; max-width:54px; font-weight:normal; font-family:NanumGothicBold; text-decoration:underline; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer} #newWrap .main .main_top .column3 .user-login .login .usr_name p a.msg {position:relative; top:-2px; display:inline-block} #newWrap .main .main_top .column3 .user-login .login .usr_name p a.msg.none {top:3px} #newWrap .main .main_top .column3 .user-login .login .usr_name p a.msg span {position:absolute; right:2px; top:2px; display:block; text-align:center; width:15px; color:#fff; font-weight:bold; font-size:11px} #newWrap .main .main_top .column3 .user-login .login .usr_name a.link {margin-top:5px; padding-right:12px; width:55px; background:url(/images/main/ico_myInfo.gif) right 2px no-repeat; color:#888; letter-spacing:-1px} #newWrap .main .main_top .column3 .user-login .login .usr_name a.logout {margin-top:9px; padding:0; width:50px; height:16px; line-height:17px; border:1px solid #79a2bc; background:#fff; color:#256d9b; font-size:11px; text-align:center} #newWrap .main .main_top .column3 .user-login .login .oneid_move {display:none; position:absolute; top:128px; width:100%; height:28px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#ebeaea; text-align:center} #newWrap .main .main_top .column3 .user-login .login .oneid_move a {line-height:28px; font-family:NanumGothicBold; color:#3e7699} /* 20170217 S: 최신소식 수정 */ #newWrap .main .main_top .column3 .user-login .login .info {clear:both; position:absolute; bottom:8px; padding:0; width:100%; height:46px;} #newWrap .main .main_top .column3 .user-login .login .info.company {display:none} #newWrap .main .main_top .column3 .user-login .login .info > li {float:left; width:50%; height:46px; text-align:center; color:#444; background:url(/images/main/bg_loginDivi.gif) repeat-y left 0} #newWrap .main .main_top .column3 .user-login .login .info.person > li{width:33%;} #newWrap .main .main_top .column3 .user-login .login .info.person > li:first-child{width:34%;} #newWrap .main .main_top .column3 .user-login .login .info > li > a {display:inline-block; position:relative; padding:30px 0 0; width:45px; height:16px; line-height:16px; background:url(/images/main/bg_loginInfo.gif) 12px -55px no-repeat; letter-spacing:-1px} #newWrap .main .main_top .column3 .user-login .login .info > li > a strong {position:absolute; left:13px; top:4px; width:16px; color:#fff; font-size:10px; text-align:center} #newWrap .main .main_top .column3 .user-login .login .info > li.resume > a {background:url(/images/main/bg_loginInfo.gif) 12px 0 no-repeat} #newWrap .main .main_top .column3 .user-login .login .info > li > a strong {left:24px; top:9px} #newWrap .main .main_top .column3 .user-login .login .info > li.resume > a strong {left:22px} #newWrap .main .main_top .column3 .user-login .login .info > li.news > a{background:url(/images/main/bg_loginInfo.gif) no-repeat 8px -220px;} #newWrap .main .main_top .column3 .user-login .login .info > li.news > a strong {top:8px; left:24px;} #newWrap .main .main_top .column3 .user-login .login .info li .news_layer{display:none; position:absolute; left:-1px; top:46px; width:223px; height:247px; padding-top:8px; z-index:10;} #newWrap .main .main_top .column3 .user-login .login .info li.on .news_layer{display:block;} #newWrap .main .main_top .column3 .user-login .login .info li .news_list{height:247px; padding:11px 9px 0 13px; border:1px solid #ccc; background:#fff; box-sizing:border-box; overflow-y:auto} /* 20180807 수정 */ #newWrap .main .main_top .column3 .user-login .login .info li .news_list:before{position:absolute; top:1px; right:29px; width:13px; height:8px; background:url(/images/main/bul_tooltip.png) no-repeat; content:"";} #newWrap .main .main_top .column3 .user-login .login .info li .news_list li{padding:0 0 5px 8px;} #newWrap .main .main_top .column3 .user-login .login .info li .news_list li:after{clear:both; display:block; content:"";} #newWrap .main .main_top .column3 .user-login .login .info li .news_list li .news_tit{float:left; width:149px; color:#444; font-family:"NanumGothic"; text-align:left; letter-spacing:-1px;} /* 20180807 수정 */ #newWrap .main .main_top .column3 .user-login .login .info li .news_list li .news_del{float:left; width:15px; height:15px; margin-left:10px; text-indent:-9999px; background:url(/images/common/btn/btn_del2.gif) no-repeat;} #newWrap.login .main .main_top .column3 .user-login .logout {display:none} #newWrap.login .main .main_top .column3 .user-login .login {display:block} #newWrap.oneid-join .main .main_top .column3 .user-login .login .oneid_move {display:block} #newWrap.man .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_man.gif)} #newWrap.woman .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_woman.gif)} #newWrap.naver .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_naver.gif)} /* 20170602 네이버 로그인 연동 추가 */ #newWrap.facebook .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_facebook.gif)} /* 20170602 소셜 아이디 로그인 연동 추가 */ #newWrap.google .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_google.gif)} /* 20170602 소셜 아이디 로그인 연동 추가 */ #newWrap.kakao .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_kakao.gif)} /* 20170602 소셜 아이디 로그인 연동 추가 */ #newWrap.company .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_company.gif)} #newWrap.company .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_company.gif)} #newWrap.company .main .main_top .column3 .user-login .login .usr_name {height:93px; background-image:url(/images/common/layout/ico_co.png)} #newWrap.company .main .main_top .column3 .user-login .login .info {height:63px; bottom:6px;} #newWrap.company .main .main_top .column3 .user-login .login .info.person {display:none} #newWrap.company .main .main_top .column3 .user-login .login .info.company {display:block} #newWrap.company .main .main_top .column3 .user-login .login .info li {height:63px} #newWrap.company .main .main_top .column3 .user-login .login .info li a {top:9px; padding:26px 0 0; width:60px; height:25px; line-height:25px; background:url(/images/main/bg_loginInfo.gif) 19px -165px no-repeat} #newWrap.company .main .main_top .column3 .user-login .login .info li.resume a {background:url(/images/main/bg_loginInfo.gif) center -110px no-repeat} #newWrap.company .main .main_top .column3 .user-login .login .info li a strong {left:30px; top:4px} #newWrap.company .main .main_top .column3 .user-login .login .info li.resume a strong {left:32px; top:5px} /* 20170217 E: 최신소식 수정 */ #newWrap.login .main .main_top .column3 .user-login .logout {display:none} #newWrap.login .main .main_top .column3 .user-login .login {display:block} #newWrap.oneid-join .main .main_top .column3 .user-login .login .oneid_move {display:block} #newWrap.man .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_man.gif)} #newWrap.woman .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_woman.gif)} #newWrap.company .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_company.gif)} #newWrap.company .main .main_top .column3 .user-login .login {background-image:url(/images/main/ico_profile_company.gif)} #newWrap.company .main .main_top .column3 .user-login .login .usr_name {height:93px; background-image:url(/images/common/layout/ico_co.png)} #newWrap.company .main .main_top .column3 .user-login .login .info {height:63px} #newWrap.company .main .main_top .column3 .user-login .login .info.person {display:none} #newWrap.company .main .main_top .column3 .user-login .login .info.company {display:block} #newWrap.company .main .main_top .column3 .user-login .login .info li {height:63px} #newWrap.company .main .main_top .column3 .user-login .login .info li a {top:9px; padding:26px 0 0; width:60px; background:url(/images/main/bg_loginInfo.gif) 19px -165px no-repeat} #newWrap.company .main .main_top .column3 .user-login .login .info li.resume a {background:url(/images/main/bg_loginInfo.gif) center -110px no-repeat} #newWrap.company .main .main_top .column3 .user-login .login .info li a strong {left:31px; top:4px} #newWrap.company .main .main_top .column3 .user-login .login .info li.resume a strong {left:31px; top:5px} /* 팝업존 */ #newWrap #popupzone {padding:0; margin:0; width:223px; height:246px; background:none; overflow:hidden} #newWrap #popupzone a.pop-itmnode {display:block; float:left; width:100%; height:223px} #newWrap #popupzone a.pop-itmnode.active {display:inline} #newWrap #popupzone a.pop-itmnode img {width:100%; height:100%} #newWrap #popupzone div {position:absolute; bottom:0; padding:0 13px 0 0; width:210px; height:22px; border-bottom:1px solid #ccc; background:#d7d7d7; overflow:hidden} #newWrap #popupzone div ol {float:left; margin-left:11px; overflow:hidden} #newWrap #popupzone div ol li {padding:7px 5px 0 0} #newWrap #popupzone div ol li a {display:block; background:url(/images/main/btn_popup.gif) 0 0 no-repeat; text-indent:-9999px; font-size:0} #newWrap #popupzone div ol li a.active {width:9px; background:url(/images/main/btn_popup.gif) 0 -30px no-repeat} #newWrap #popupzone div .btn {position:absolute; right:0; top:0; overflow:hidden} #newWrap #popupzone div .btn a {float:left; display:block; width:22px; height:22px; border-left:1px solid #ccc; background:url(/images/main/btn_popMore.gif) 0 0 no-repeat; text-indent:-9999px; font-size:0} #newWrap #popupzone div .btn a.btn-stop {background:url(/images/main/btn_popStop.gif) 0 0 no-repeat} #newWrap #popupzone div .btn a.btn-play {background:url(/images/main/btn_popPlay.gif) 0 0 no-repeat} /* 청년강소기업, 공공기관,정부직접일자리 */ #newWrap .main_emplist {position:relative; width:910px; margin:30px auto 0} #newWrap .main_emplist .tab {margin-bottom:12px; overflow:hidden} #newWrap .main_emplist .tab > li {position:relative; margin-right:-1px; height:52px; border-bottom:1px solid #868686} #newWrap .main_emplist .tab > li > a {width:302px; height:51px; line-height:51px; background:#fafafa; border:1px solid #ccc; border-bottom:none; color:#555; font-size:17px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .main_emplist .tab > li > a:hover, #newWrap .main_emplist .tab > li > a:focus {color:#0475c7; background:#fff} #newWrap .main_emplist .tab > li.active {height:49px; border-top:3px solid #136bb7; border-bottom:1px solid #fff} #newWrap .main_emplist .tab > li.active:after {content:""; position:absolute; left:50%; top:0; display:block; margin-left:-6px; width:12px; height:6px; background:url(/images/main/bg_tab_on.gif) 0 center no-repeat; z-index:11} #newWrap .main_emplist .tab > li.active a {position:relative; height:49px; border:1px solid #868686; border-top:none; border-bottom:none; background:#fff url(/images/main/bg_tab_empList.gif); background-position:68px 13px; background-repeat:no-repeat; color:#0475c7; z-index:10} #newWrap .main_emplist .tab > li.active.young a {padding-left:34px; width:268px} #newWrap .main_emplist .tab > li.active.organ a {padding-left:39px; width:263px; background-position:93px -68px} #newWrap .main_emplist .tab > li.active.gov_emp a {padding-left:44px; width:258px; background-position:83px -144px} #newWrap .main_emplist .inner {display:none; position:relative} #newWrap .main_emplist .inner h3 * {font-size:15px; color:#666; font-family:NanumGothicBold; font-weight:normal; letter-spacing:-1px} #newWrap .main_emplist .inner h3 strong {padding-right:10px; font-size:20px; color:#000} #newWrap .main_emplist .inner h3 span {color:#1d7abc} #newWrap .main_emplist .inner.active {display:block} #newWrap .main_emplist .inner > ul {margin-top:18px; width:916px; background:url(/images/main/no_img.gif); overflow:hidden} #newWrap .main_emplist .inner > ul > li {position:relative; float:left; margin:0 6px 5px 0; background:#f8f8f8} #newWrap .main_emplist .inner > ul > li > a {display:block; width:221px; height:186px; border:1px solid #ccc; border-top:2px solid #80b6e4; text-align:center} #newWrap .main_emplist .inner .group_more {position:absolute; right:0; top:2px} #newWrap .main_emplist .inner .group_more .total {margin-right:7px; font-family:Dotum, "돋움"} #newWrap .main_emplist .inner .group_more .total strong {color:#f26522; font-family:Dotum, "돋움"; vertical-align:text-bottom} #newWrap .main_emplist .inner .group_more .btn_more {display:inline-block; position:relative; padding:4px 14px 2px 7px; border:1px solid #ccc; color:#999; font-size:11px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .main_emplist .inner .group_more .btn_more:after {content:""; position:absolute; right:4px; top:6px; display:inline-block; width:5px; height:7px; background:url(/images/main/ico_more.gif) 0 0 no-repeat} #newWrap .main_emplist .inner > ul > li > a img {margin:3px 0; width:200px; height:64px; background:#fff} /* 20171012 수정 */ #newWrap .main_emplist .inner > ul > li > a .no_img {overflow:hidden; display:block; width:100%; height:70px; line-height:65px; text-align:center; background:#fff; font-family:NanumGothicBold; font-weight:normal; font-size:16px; color:#666; white-space:nowrap; text-overflow:ellipsis} #newWrap .main_emplist .inner > ul > li > a > span {display:block; padding-left:19px; width:195px; line-height:17px; font-size:13px; color:#333; text-align:left; color:#444; overflow:hidden} #newWrap .main_emplist .inner > ul > li > a > span.tit {margin:12px 0 4px 0; width:190px; font-size:14px; font-family:NanumGothicBold; font-weight:normal; color:#444; white-space:nowrap; text-overflow:ellipsis} #newWrap .main_emplist .inner > ul > li > a > span.txt-ellipsis {height:36px} #newWrap .main_emplist .inner > ul > li span.status {position:absolute; left:18px; bottom:15px} #newWrap .main_emplist .inner > ul > li span.status img {padding:0; width:auto; height:auto; background:none} #newWrap .main_emplist .inner > ul > li span.status em {font-style:normal} #newWrap a.bookmark {position:absolute !important; bottom:16px !important; right:10px !important; width:14px !important; padding:0 !important; height:13px !important; border:none !important} #newWrap a.bookmark img {padding:0 !important; width:100% !important; height:100% !important; background:none !important} /* 떳다 공채속보 */ #newWrap .open_rec {position:relative; padding-top:16px; margin:55px auto 0; width:910px; border-top:2px solid #000} #newWrap .open_rec:after {display:block; content:""; clear:both} #newWrap .open_rec .inner > ul > li > a {height:187px; border:1px solid #7bc2fc} #newWrap .open_rec .inner .group_more {position:absolute; right:0; top:5px} /* 고용정책,고용복지,취업상담,취업가이드 */ #newWrap .main_guide_wrap {margin-top:55px; height:232px; background:#f1f7f8} #newWrap .main_guide {margin:0 auto; padding:18px 0 21px; width:910px; overflow:hidden} #newWrap .main_guide > div {position:relative; float:left; height:193px; border-right:1px solid #d5dbdc} #newWrap .main_guide div h2 {color:#000; font-size:17px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .main_guide div .btn_group {position:absolute; right:13px; bottom:5px; overflow:hidden} #newWrap .main_guide div .btn_group a {float:left} #newWrap .main_guide div.column01 {padding-left:9px; width:217px} #newWrap .main_guide div.column01 ul {margin-top:18px; height:122px; overflow:hidden} #newWrap .main_guide div.column01 ul li {margin-left:2px; margin-bottom:12px} #newWrap .main_guide div.column01 ul li a {display:block; overflow:hidden} #newWrap .main_guide div.column01 ul li a img {float:left; width:87px; height:51px} #newWrap .main_guide div.column01 ul li a span {display:block; float:left; margin:1px 0 0 9px; width:105px; line-height:15px; color:#555; font-size:11px; font-weight:normal; font-family:NanumGothicBold} #newWrap .main_guide div.column01 ul li a:hover span {text-decoration:underline} #newWrap .main_guide div.column01 ul li a span strong {display:block; margin-bottom:5px; font-size:13px; font-weight:normal; font-family:NanumGothicBold} #newWrap .main_guide div.column02 {padding-left:19px; width:210px} #newWrap .main_guide div.column02 li {margin-bottom:4px; padding-left:51px; width:150px; background-image:url(/images/main/bg_guide02.gif); background-repeat:no-repeat; background-position:2px 5px} #newWrap .main_guide div.column02 li a {display:block; margin-bottom:4px; padding-left:7px; background:url(/images/main/bul_guide_list.gif) 0 4px no-repeat; font-size:11px; font-family:NanumGothicBold; color:#666} #newWrap .main_guide div.column02 .list01 {margin-top:19px; padding-bottom:11px} #newWrap .main_guide div.column02 .list02 {background-position:6px -61px} #newWrap .main_guide div.column03 {padding-left:20px; width:209px} #newWrap .main_guide div.column03 ul {margin-top:16px} #newWrap .main_guide div.column03 li {padding:4px 0 0 50px; margin-bottom:3px; min-height:42px; background:url(/images/main/bg_guide03.gif); background-repeat:no-repeat; background-position:0 0 } #newWrap .main_guide div.column03 li.list02 {background-position:0 -80px} #newWrap .main_guide div.column03 li.list03 {background-position:0 -160px} #newWrap .main_guide div.column03 li a {display:block; width:150px; color:#666; font-size:11px; font-family:NanumGothicBold} #newWrap .main_guide div.column03 li a strong {display:block; margin-bottom:4px; color:#1f617f; font-weight:normal; font-size:13px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .main_guide div.column04 {padding-left:20px; width:203px; border-right:none} #newWrap .main_guide div.column04 ul {margin-top:22px; margin-left:8px} #newWrap .main_guide div.column04 li a {display:block; margin-bottom:7px; padding-left:7px; background:url(/images/main/bul_guide_list.gif) 0 4px no-repeat; font-size:11px; font-family:NanumGothicBold; color:#666} #newWrap .main_guide div.column04 li .inner {margin-top:23px; overflow:hidden} #newWrap .main_guide div.column04 li .inner a {float:left; padding:43px 0 0 0; margin-right:18px; min-width:39px; background-image:url(/images/main/bg_guide04.gif); background-repeat:no-repeat; background-position:0 0; color:#3c66a2; font-size:13px; font-family:NanumGothicBold; letter-spacing:-1px; text-align:center} #newWrap .main_guide div.column04 li .inner a.self {background-position:-66px 0} #newWrap .main_guide div.column04 li .inner a.interview {background-position:-148px 0} /* 워크넷이 만난 사람들, 대상별추천직업, 카드로보는 직업정보 */ #newWrap .main_jobInfo {margin:23px auto 0; width:910px; overflow:hidden} #newWrap .main_jobInfo>div {position:relative; float:left; margin-right:6px; padding:19px 0 0 0; height:189px; border:1px solid #d2d2d2} #newWrap .main_jobInfo>div a.btn_more {position:absolute; display:inline-block; margin-top:22px; right:23px; top:0; color:#999; font-size:11px; font-family:NanumGothicBold; letter-spacing:-1px} #newWrap .main_jobInfo>div a.btn_more:after {content:""; position:absolute; right:-9px; top:2px; display:inline-block; width:5px; height:7px; background:url(/images/main/ico_more.gif) 0 0 no-repeat} #newWrap .main_jobInfo .people {padding-left:15px; width:205px} #newWrap .main_jobInfo .people a {display:block; margin-top:25px} #newWrap .main_jobInfo .people a img {width:127px; height:88px} #newWrap .main_jobInfo .people a span.img_area {display:block; margin-right:21px; text-align:center} #newWrap .main_jobInfo .people a strong {display:block; margin:11px 0 5px; width:179px; color:#272727; font-size:13px; font-weight:normal; font-family:NanumGothicBold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center} #newWrap .main_jobInfo .job {position:relative; width:242px} #newWrap #content .main_jobInfo .job h3 {margin-left:15px} #newWrap .main_jobInfo .job ul {margin-top:25px; margin-left:12px; overflow:hidden} #newWrap .main_jobInfo .job ul li {float:left; margin-left:10px; width:93px; text-align:center} #newWrap .main_jobInfo .job ul li a {display:block} #newWrap .main_jobInfo .job img {display:block; margin-left:3px; margin-bottom:6px; width:87px; height:65px} #newWrap .main_jobInfo .job span {display:block; width:93px; line-height:14px; color:#666; font-family:NanumGothicBold; letter-spacing:-1px; text-align:center} #newWrap .main_jobInfo .job ul.card {margin-left:13px} #newWrap .main_jobInfo .job ul.card li {margin-left:20px; width:auto} #newWrap .main_jobInfo .job ul.card span {width:auto} #newWrap .main_jobInfo .job .card img {margin-left:0; width:77px; height:92px} #newWrap .main_jobInfo .main_jobSrch {padding-left:17px; width:163px; background:#f3f3f3} #newWrap #content .main_jobInfo .main_jobSrch h3 {color:#555; font-size:14px} #newWrap .main_jobInfo .main_jobSrch {margin-right:0} #newWrap .main_jobInfo .main_jobSrch dl {margin-top:28px} #newWrap .main_jobInfo .main_jobSrch dt {margin:13px 0 6px; font-family:NanumGothicBold} #newWrap .main_jobInfo .main_jobSrch dd {overflow:hidden} #newWrap .main_jobInfo .main_jobSrch dd input[type=text]{float:left; padding-left:10px; width:110px; height:28px; line-height:25px; border:1px solid #d2d2d2; border-right:none} #newWrap .main_jobInfo .main_jobSrch dd input[type=submit]{float:left; width:27px; height:30px; border:none; background:url(/images/main/btn_jobSrch.gif) 0 0 no-repeat; font-size:0; cursor:pointer} /*** 직업진로 메인(20171206 교체) ***/ .main_job * {font-family:NanumGothic; letter-spacing:-0.5px} .main_job strong {font-family:NanumGothicBold; font-weight:normal} #container #content.main_job {margin:30px 0 40px} #content.main_job h2 {padding:0; background:none; font-size:20px; color:#000; font-family:NanumGothicBold; font-weight:normal; letter-spacing:-1px} .main_job .btn_more {position:relative; display:inline-block; padding:0 17px 0 8px; border:1px solid #e1e1e1; height:20px; line-height:20px; font-size:11px; font-family:NanumGothicBold; color:#999} .main_job .btn_more:after {content:""; display:inline-block; width:5px; height:7px; position:absolute; right:6px; top:6px; background:url(/images/consltJobCarpa/ico_more.gif) -50px 0 no-repeat} .main_job .btn_more:hover, .main_job .btn_more:focus {text-decoration:none} .main_job .jobSrch_area:after, .main_job .jobSrch_area .srch_menu01 dl dd .sel_group_wrap:after, .main_job .jobInfo_area:after {display:block; clear:both; content:""} .main_job .jobSrch_area {margin-bottom:10px} .main_job .jobSrch_area .srch_menu01 {position:relative; float:left; padding:28px 0 0 254px; width:389px; height:283px; border:1px solid #44a5f2; border-left:0; background:#f6fbfe } .main_job .jobSrch_area .srch_menu01:before {position:absolute; left:0; top:-1px; display:block; width:269px; height:313px; background:url(/images/main/consultJob/bg_srchArea.png) 0 0 no-repeat; content:""} .main_job .jobSrch_area .srch_menu01 .title {position:absolute; left:29px; top:28px; font-size:24px; color:#fff} .main_job .jobSrch_area .srch_menu01 .title span {display:block; margin-bottom:13px; font-size:15px; color:#fcfec4} .main_job .jobSrch_area .srch_menu01 .title strong {display:block; font-size:35px} #content.main_job .jobSrch_area .srch_menu01 h2 {margin-bottom:-2px; color:#005ab7} .main_job .jobSrch_area .srch_menu01 dl {margin-top:27px} .main_job .jobSrch_area dl dt {margin-bottom:8px; font-size:17px; color:#000; font-family:NanumGothicBold; font-weight:normal; letter-spacing:-1px} .main_job .jobSrch_area dl dd {position:relative; padding-right:42px; width:313px; min-height:42px; border:1px solid #acacac} .main_job .jobSrch_area dl dd input[type=text] {padding-left:9px; width:304px; height:42px; line-height:42px; border:none; color:#666} .main_job .jobSrch_area dl dd input[type=submit] {position:absolute; right:0; top:0; border:none; width:42px; height:42px; background:url(/images/main/consultJob/btn_search.gif) 0 0 no-repeat; font-size:0; cursor:pointer} .main_job .jobSrch_area dl dd.rec {padding:0; width:auto; min-height:auto; border:none} .main_job p.keyword_list_new {margin-top:9px; line-height:19px} .main_job p.keyword_list_new strong {display:inline-block; margin-right:3px; padding:0 6px; height:19px; line-height:19px; border-radius:9.5px; background:#acacac; color:#fff} .main_job p.keyword_list_new strong + a:before {display:none} .main_job p.keyword_list_new a {display:inline-block; font-size:11px; color:#666} .main_job p.keyword_list_new a:before {position:relative; top:2px; display:inline-block; margin-left:5px; margin-right:6px; width:1px; height:11px; background:#7f8080; content:""} .main_job .jobSrch_area dl dd .sel_group {position:relative; float:left; width:159px; line-height:42px; border-right:1px solid #bcbcbc} .main_job .jobSrch_area dl dd .sel_group + .sel_group {width:152px} .main_job .jobSrch_area dl dd .sel_group .select {line-height:42px; background:#fff url(/images/main/consultJob/bg_select.png) right 18px no-repeat} .main_job .jobSrch_area dl dd .sel_group .select span {display:block; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .main_job .jobSrch_area dl dd .sel_group .sel_layer {display:none; position:absolute; left:-1px; top:-1px; width:100%; border:1px solid #acacac; background:#fff; z-index:1} .main_job .jobSrch_area dl dd .sel_group.active .sel_layer {display:block} .main_job .jobSrch_area dl dd .sel_group strong, .main_job .jobSrch_area dl dd .sel_group a {display:block; padding-left:10px; background:#fff; color:#666} .main_job .jobSrch_area dl dd .sel_group strong {width:77%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .main_job .jobSrch_area dl dd .sel_group a:hover, .main_job .jobSrch_area dl dd .sel_group a:focus {text-decoration:none} .main_job .jobSrch_area dl dd .sel_group .sel_layer strong a, .main_job .jobSrch_area dl dd .sel_group .sel_layer strong a:focus, .main_job .jobSrch_area dl dd .sel_group .sel_layer strong a:hover {position:absolute; right:0; top:0; padding-left:0; width:25px; height:42px; background:url(/images/main/consultJob/bg_select.png) right -32px no-repeat; font-size:0} .main_job .jobSrch_area dl dd .sel_group .sel_layer a:hover, .main_job .jobSrch_area dl dd .sel_group .sel_layer a:focus {background:#d0d0d0; text-decoration:none} .main_job .jobSrch_area dl dd .sel_group .sel_layer.line2 a {padding-right:3px; line-height:18px; padding-bottom:4px} .main_job .jobSrch_area .srch_menu02 {position:relative; float:right; padding:30px 0 0 30px; width:225px; height:283px; background:#007c72 url(/images/main/consultJob/bg_major.gif) 0 0 no-repeat} #content.main_job .jobSrch_area .srch_menu02 h2 {margin-bottom:0; color:#fff} .main_job .jobSrch_area .srch_menu02 dl {margin-top:18px} .main_job .jobSrch_area .srch_menu02 dl dt {font-size:15px; color:#fff} .main_job .jobSrch_area .srch_menu02 dl dd {padding-right:34px; width:158px; height:34px; min-height:33px; border:1px solid #017c72; background:#e1e1e1} .main_job .jobSrch_area .srch_menu02 dl dd input[type=text] {width:153px; height:34px; line-height:34px; background:#e1e1e1} .main_job .jobSrch_area .srch_menu02 dl dd input[type=submit] {width:26px; height:34px; background:url(/images/main/consultJob/btn_search_gr.png) 0 center no-repeat} .main_job .jobSrch_area .srch_menu02 dl dd.rec {width:auto; min-height:20px; height:auto; border:none; background:none} .main_job .jobSrch_area .srch_menu02 .txt {margin-top:20px; padding-right:30px; line-height:1.4em; font-size:14px; color:#fff} /* 20180212 추가 */ .main_job .srch_menu02 p.keyword_list_new strong {background:#00746b} .main_job .srch_menu02 p.keyword_list_new a {color:#fff} .main_job .srch_menu02 p.keyword_list_new a:before {background:#fff} .main_job .jobSrch_area .srch_menu02 dl dd .sel_group {width:71px; line-height:33px} .main_job .jobSrch_area .srch_menu02 dl dd .sel_group .sel_layer {top:1px; border-top:none} .main_job .jobSrch_area .srch_menu02 dl dd .sel_group + .sel_group {width:85px} .main_job .jobSrch_area .srch_menu02 dl dd .sel_group .select {height:34px; line-height:34px; background:#e1e1e1 url(/images/main/consultJob/bg_select.png) right 15px no-repeat; background-size:16px 37px} .main_job .jobSrch_area .srch_menu02 dl dd .sel_group .sel_layer strong a {padding:0; width:20px; height:33px; line-height:33px; background:#e1e1e1 url(/images/main/consultJob/bg_select.png) right -17px no-repeat; background-size:16px 37px} .main_job .jobSrch_area .srch_menu02 dl dd .sel_group strong, .main_job .jobSrch_area .srch_menu02 dl dd .sel_group a {padding-left:6px; background:#e1e1e1} .main_job .jobSrch_area .srch_menu02 .major_guide {position:absolute; left:0; bottom:0; width:100%; height:44px; line-height:44px; text-align:center} .main_job .jobSrch_area .srch_menu02 .major_guide a {display:block; color:#fff; font-family:NanumGothicBold} .main_job .jobSrch_area .srch_menu02 .major_guide a:after {display:inline-block; margin-left:15px; width:10px; height:9px; background:url(/images/main/consultJob/ico_move.png) 0 0 no-repeat; content:""} /* 20171218 수정 start */ .main_job .jobInfo_area {margin-bottom:20px; width:908px; height:225px; border:1px solid #acacac} .main_job .jobInfo_area .psychology {float:left; position:relative; padding:26px 28px 0 178px; width:342px; height:199px; background:url(/images/main/consultJob/bg_psychology.png) 43px 100px no-repeat; overflow:hidden} .main_job .jobInfo_area .psychology h2 {position:absolute; top:28px; left:30px} .main_job .jobInfo_area .psychology h2 span {display:block; margin-top:9px; line-height:18px; font-size:12px; font-family:NanumGothic; color:#444} .main_job .jobInfo_area .psychology .link {position:absolute; right:28px; top:30px} .main_job .jobInfo_area .psychology .page_list {float:left; margin-top:40px} .main_job .jobInfo_area .psychology .page_list + .page_list {margin-left:6px} .main_job .jobInfo_area .psychology .page_list .title {display:block; margin-bottom:6px; font-size:14px; color:#444} .main_job .jobInfo_area .psychology .page_list ul {width:166px; height:87px; padding:10px 0 8px; border:1px solid #d7d7d7; background:#fff; overflow-y:auto} .main_job .jobInfo_area .psychology .page_list ul a {display:block; padding:0 8px 0 10px; color:#444} .main_job .jobInfo_area .psychology .page_list ul li {margin-bottom:8px} .main_job .jobInfo_area .m_link {float:left; overflow:hidden} .main_job .jobInfo_area .m_link li a {display:block; height:100%; color:#444} .main_job .jobInfo_area .m_link li .tit {display:block; margin-bottom:14px; font-size:16px; color:#222} .main_job .jobInfo_area .m_link li {position:relative; float:left; padding:28px 0 0 25px; width:154px; height:197px; line-height:18px; border-left:1px dashed #bfbfbf} .main_job .jobInfo_area .m_link li:before {position:absolute; left:57px; top:133px; display:block; width:59px; height:63px; background:url(/images/main/consultJob/bg_consult.gif) 0 -90px no-repeat; content:""; z-index:-1} .main_job .jobInfo_area .m_link li.consult:before {width:162px; height:51px; left:61px; top:146px; background:url(/images/main/consultJob/bg_consult.gif) 0 0 no-repeat} /* 20171218 수정 end */ .main_job .jobCont_area {margin-bottom:20px; overflow:hidden} .main_job .jobCont_area > div {float:left; padding:31px 0 0 30px; width:408px; height:458px; border:1px solid #acacac} .main_job .jobCont_area .story > div {position:relative} .main_job .jobCont_area .story > div .btn_more {position:absolute; right:30px; top:-2px} #content.main_job .jobCont_area h2 {margin-bottom:37px} #content.main_job .jobCont_area h3 {padding-left:0; margin-bottom:13px; background:none; font-size:16px; color:#444} .main_job .jobCont_area .story .card_info ul {overflow:hidden} .main_job .jobCont_area .story .card_info ul li {position:relative; float:left; margin-left:11px; width:116px; height:139px; border:1px solid #d8d8d8} .main_job .jobCont_area .story .card_info ul li:first-child {margin-left:0} .main_job .jobCont_area .story .card_info ul li span {position:absolute; left:0; bottom:0; display:block; padding:0 8px; width:100px; height:36px; line-height:36px; background:rgba(0, 0, 0, 0.58); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:#fff; font-family:NanumGothicBold} .main_job .jobCont_area .story .card_info ul li img {width:100%} .main_job .jobCont_area .story .people {margin-top:33px} .main_job .jobCont_area .story .people .cont {position:relative; padding-left:213px; padding-right:30px} .main_job .jobCont_area .story .people .cont img {position:absolute; left:0; top:0; width:192px; height:129px} .main_job .jobCont_area .story .people .cont p strong {display:block; margin-bottom:26px; font-size:15px; color:#222; overflow:hidden; text-overflow: ellipsis; white-space:nowrap} .main_job .jobCont_area .story .people .cont p a {line-height:20px; color:#444} .main_job .jobCont_area .jobworld {float:right} #content.main_job .jobCont_area .jobworld h2 {margin-bottom:18px} .main_job .jobCont_area .jobworld ul {overflow:hidden} .main_job .jobCont_area .jobworld ul li {float:left; margin:0 10px 10px 0; padding:15px 16px 0 16px; width:152px; height:153px; background:#f4f4f4} .main_job .jobCont_area .jobworld ul li .title {display:block; margin-bottom:11px; font-size:13px; color:#333} .main_job .jobCont_area .jobworld ul li a {position:relative; display:block; margin-bottom:3px; width:152px; height:93px} .main_job .jobCont_area .jobworld ul li a span {position:absolute; left:0; bottom:0; display:block; padding:0 8px; width:136px; height:30px; line-height:30px; background:rgba(0, 0, 0, 0.58); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-family:NanumGothicBold; text-align:center} .main_job .jobCont_area .jobworld ul li a img {width:152px; height:93px} .main_job .jobCont_area .jobworld ul li .dtl_info {display:block; text-align:right} .main_job .jobCont_area .jobworld ul li .dtl_info em {display:inline-block; padding:0 7px; height:20px; line-height:20px; border:1px solid #e1e1e1; background:#fff; font-size:11px; color:#999; font-family:NanumGothicBold; font-style:normal} .main_job .jobCont_area .jobworld ul li .dtl_info em + em {border-left:none} .main_job .jobCont_area .jobworld ul li .dtl_info .card {padding-left:27px; background:#fff url(/images/consltJobCarpa/ico_cardMovie.gif) 8px 3px no-repeat} .main_job .jobCont_area .jobworld ul li .dtl_info .movie {padding-left:23px; background:#fff url(/images/consltJobCarpa/ico_cardMovie.gif) 8px -27px no-repeat} .main_job .jobCont_area .jobworld .btn_group {text-align:right; margin:2px 30px 0 0} .main_job .jobCont_area .jobworld .btn_group a {display:inline-block; padding:0 10px; height:23px; line-height:23px; border:1px solid #b4d1de; color:#296fa5} .main_job .jobCont_area .jobworld .btn_group a:after {position:relative; top:4px; display:inline-block; margin-left:7px; width:7px; height:11px; background:url(/images/consltJobCarpa/ico_more.gif) -25px 0 no-repeat; content:""} .main_job {overflow:hidden} .main_job .btn_bann a {position:relative; float:left; display:block; padding-left:90px; padding-top:23px; margin-left:5px; width:208px; height:59px; border:1px solid #d5d5d5; color:#555} .main_job .btn_bann a:first-child {margin-left:0} .main_job .btn_bann a.info {background:url(/images/main/consultJob/bg_banner.png) 30px 25px no-repeat} .main_job .btn_bann a.engine {background:url(/images/main/consultJob/bg_banner.png) 32px -82px no-repeat} .main_job .btn_bann a.cyber {background:url(/images/main/consultJob/bg_banner.png) 26px -173px no-repeat} .main_job .btn_bann a strong {display:block; margin-top:3px; font-size:17px; color:#444} /*** 직업진로 메인 end ***/