@charset "utf-8"; @import url('font.css'); /* 팝업 */ #popup div#wrapper {border-left:2px solid #1F75BF; border-right:2px solid #1F75BF; min-height:100%; _height:100%; background: #fff url(/images/popup/pop_bg02.gif) repeat-x bottom; padding:0 18px} 20160927 수정 /* 버튼 styleGuide개편 */ a.btn_tbl_gry:hover, a.btn_tbl_blue:hover, a.btn_btm_gry:hover, a.btn_btm_blue:hover, a.btn_btm_org:hover, a.btn_list_wht:hover {text-decoration:none} a.btn_tbl_gry {display:inline-block; padding:0 3px 0 3px; height:20px; line-height:22px; border:1px solid #b4b4b4; background:#efefef; color:#444; font-size:11px; font-family:Dotum, "돋움";letter-spacing: -1px} a.btn_tbl_blue {display:inline-block; padding:0 3px 0 3px; height:20px; line-height:22px; border:1px solid #0c67ae; background:#0f7ed4; color:#fff; font-size:11px; font-family:Dotum, "돋움";letter-spacing: -1px} a.btn_list_wht {display:inline-block; padding:0 6px 0 6px; height:20px; line-height:22px; border:1px solid #ababab; background:#fff; color:#000; font-size:12px; font-family:Dotum, "돋움";letter-spacing: -1px} a.btn_list_wht.red {color:#df460a !important} a.btn_list_wht.green {color:#5a9112 !important} a.btn_btm_gry {display:inline-block; padding:0 13px; height:25px; line-height:25px; border:none; background:#666; color:#fff !important; font-size:13px; font-family:NanumGothicBold} a.btn_btm_blue {display:inline-block; padding:0 13px; height:25px; line-height:25px; border:none; background:#0f7ed4; color:#fff; font-size:13px; font-family:NanumGothicBold} a.btn_btm_org {display:inline-block; padding:0 13px; height:25px; line-height:25px; border:none; background:#f47c2c; color:#fff; font-size:13px; font-family:NanumGothicBold} a.btn_btm_blue:link, a.btn_btm_blue:hover, a.btn_btm_blue:focus {color:#fff; cursor:pointer} /* 20170602 네이버 로그인 연동 수정 시작 */ .btn_naver {display:inline-block; margin-left:4px; padding-right:18px; height:34px; background:url(/images/common/btn/btn_naver_group.png) right -81px no-repeat} .btn_naver:after {content:""; clear:both; display:block} .btn_naver .ico {float:left; margin-left:-4px; padding:10px 0 10px 41px; height:14px; line-height:14px; background:url(/images/common/btn/btn_naver_group.png) 0 -81px no-repeat; font-family:NanumGothicBold !important; font-weight:normal; font-size:13px; color:#fff} /* 20170602 네이버 로그인 연동 수정 끝 */ /* \롤백 대상/ */ #popup div#scroll {position:relative; overflow-y:scroll; overflow-x:hidden; height:460px; _width:695px; margin:-20px -18px 0 0; padding:20px 18px 20px 0;} #popup div#scroll div.btn {_width:680px;} #popup div#scroll button.layer-close {top:-18px; right:-20px; } /* /롤백 대상\ */ #popup h1 {position:relative; height:31px; background:url(/images/popup/tit_bg03.gif) no-repeat left top; margin:0 -20px 17px -20px; padding:14px 0 0 25px; color:#fff; font-family:"돋움", Dotum; font-size:14px;} #popup h1 span {position:absolute; top:0; right:0; background:url(/images/popup/tit_bg02.gif) no-repeat right top; text-indent:-50000px; width:25px; height:45px;} #popup h2 {margin-bottom:10px; padding-left:18px; background:url(/images/common/bullet/bul_squ_blue.gif) no-repeat left top; color:#333; font-size:14px; line-height:1.2em; clear:both; font-family:"돋움"} /* 20180430 수정 */ #popup h2.bul_cir {line-height:1.2em; background:url(/images/common/bullet/bul_donut_blue02.gif) no-repeat left top} /* 20170413 추가 */ #popup h2 strong {color:#ff6600;} #popup h3 {margin-bottom:10px; color:#0075b0;} #popup strong {margin-bottom:10px} #popup strong.black {margin-bottom:10px; color:#333;} #popup span.blueunder {text-decoration:underline; color:#1469b3;} #popup p {color:#444} #popup p strong {color:#ff6600; display:block;} #popup b.black {color:#444; font-weight:bold;} #popup .app {margin-bottom:20px; text-align:center;} #popup .app_left {margin-bottom:20px; text-align:left;} #popup .exam_kind {height:100px;} #popup .exam_kind dt {position:relative;} #popup .exam_kind dd {width:70%; position:relative; top:-70px; left:170px;} #popup .exam_kind dd strong {display:block;} /*#popup p {padding-left:10px; margin-bottom:10px; line-height:1.5;}*/ #popup p.explan {line-height:1.5; margin-bottom:10px;} #popup p.explan,#popup p.notice {padding:0} #popup p.notice {margin-bottom:20px;} /*#popup p strong,*/#popup strong.tit {display:block; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 4px; margin-left:-10px; padding-left:10px; color:#444} #popup button.layer-close {position:absolute; text-indent:-50000px; top:8px; right:10px; background:url(/images/common/btn/btn_close02.gif) no-repeat right top; width:21px; height:20px; border:none} /* 20111007 정영환 추가 */ #popup .list_type {margin-bottom:10px;} #popup .list_type.line_h, .line_h {margin-bottom:10px; line-height:1.5;} #popup .list_type li {_position:relative; padding:0 0 5px 10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 3px;} /* 20120711 추가 start */ #popup .list_type li ul.in {margin:0; padding:0;} #popup .list_type li ul.in li {padding:0 0 0 8px; background:url(/images/common/bullet/bul_arr_blue.gif) no-repeat left 4px;} /* 20120711 추가 end */ /* 20110824 정영환 추가 */ #popup p strong.blue {display:inline; background:none; margin:0; padding:0; font-weight:normal; color:#1469b3;} #popup p strong.black02 {display:inline; background:none; margin:0; padding:0; color:#444;} #popup p.line_h {line-height:1.4;} /* 20110824 정영환 추가 */ #popup strong.tit {margin-left:0} #popup p strong span,#popup strong.impact {color:#ff6600} #popup p b,#popup b.impact,#popup p.notice {color:#1469B3; font-weight:normal} #popup p.notice * {position:relative; vertical-align:middle; position:relative; *top:-1px} #popup ul {margin-bottom:10px} #popup ul li {color:#666;} /*#popup ul li strong {display:block; margin-left:-8px; padding-left:8px; background:url(/images/common/bullet/bul_arr_blue.gif) no-repeat left 4px; margin-bottom:6px}*/ #popup ul li b {color:#1469B3; font-weight:normal} #popup .gray_box {margin-bottom:20px; padding:10px 10px; background:#f5f5f5; border:1px solid #dcdcdc;} #popup .btn {padding-bottom:15px; clear:both;} #popup .pblue {font-size:12px; color:#1469b3; font-weight:normal;} /* 콘텐츠 설명(styleGuide개편) */ /*#popup div.top_infobox {background:url(/images/common/bg_infobox_top02.gif) no-repeat left top; margin-bottom:20px; padding-top:12px;} #popup div.top_infobox ul {position:relative; padding:8px 20px 8px 15px; background:url(/images/common/bg_infobox_btm02.gif) no-repeat left bottom;}*/ #popup div.top_infobox {margin-bottom:20px; border:1px solid #d5d5d5; background:#e8f4ff; font-family:NanumGothic} #popup div.top_infobox ul {position:relative; padding:12px 10px 9px 10px; margin:3px; background:#fff} #popup div.top_infobox ul li {padding:0 0 10px 20px; background:url(/images/common/bullet/bul_squ_white.gif) no-repeat left top; line-height:1.4; font-size:12px !important;} /* 설명 박스*(styleGuide개편) */ /*#popup .top_infobox2 {background:url(/images/common/bg_infobox_top.gif) no-repeat left top; margin-bottom:20px; padding-top:12px} #popup .top_infobox2 ul {position:relative; padding:8px 15px 20px; background:url(/images/common/bg_infobox_btm.gif) no-repeat left bottom}*/ #popup .top_infobox2 {margin-bottom:20px; border:1px solid #d5d5d5; background:#e8f4ff; font-family:NanumGothic} #popup .top_infobox2 ul {position:relative; padding:12px 10px 9px 10px; margin:3px; background:#fff} #popup .top_infobox2 ul li {padding-left:20px; background:url(/images/common/bullet/bul_squ_white.gif) no-repeat left 2px; line-height:1.6} /*#popup div.top_infobox640 {background:url(/images/common/bg_infobox_top640.gif) no-repeat left top; margin-bottom:20px; padding-top:11px;} #popup div.top_infobox640 ul {position:relative; padding:8px 20px 8px 15px; background:url(/images/common/bg_infobox_btm640.gif) no-repeat left bottom;}*/ #popup div.top_infobox640{margin-bottom:20px; border:1px solid #d5d5d5; background:#e8f4ff; font-family:NanumGothic} #popup div.top_infobox640 ul {position:relative; padding:12px 10px 9px 10px; margin:3px; background:#fff} #popup div.top_infobox640 ul li {padding-left:20px; background:url(/images/common/bullet/bul_squ_white.gif) no-repeat left top; line-height:1.4; font-size:12px !important;} /*#popup div.top_infobox695 {background:url(/images/common/bg_infobox_top.gif) no-repeat left top; margin-bottom:20px; padding-top:11px;} #popup div.top_infobox695 ul {position:relative; padding:8px 15px 20px; background:url(/images/common/bg_infobox_btm.gif) no-repeat left bottom;}*/ #popup div.top_infobox695 {margin-bottom:20px; border:1px solid #d5d5d5; background:#e8f4ff; font-family:NanumGothic} #popup div.top_infobox695 ul {position:relative; padding:12px 10px 9px 10px; margin:3px; background:#fff} #popup div.top_infobox695 ul li {padding:0 0 0 20px; background:url(/images/common/bullet/bul_squ_white.gif) no-repeat left 2px; line-height:1.6; font-size:12px !important;} #popup div.top_infobox695 ul li strong {margin:0; padding:0; color:#fb4c14; font-weight:bold; background:none;} /* 20150304 빠져있는 css가 있어 체크해둡니다. 시작*/ #popup div.top_infobox695 ul li em {font-style:normal; color:#0075b0} /* 20150304 빠져있는 css가 있어 체크해둡니다. 끝*/ #popup p.check_agree {margin-bottom:10px; text-align:center; border:1px solid #ddd; background:#f7f7f7; color:#1469B3; padding:14px 0; line-height:1.5} #popup p.check_agree span {display:block; padding-top:12px} #popup fieldset.namecheck {position:relative; width:462px; height:83px; padding:0; background:url(/images/popup/login/realcheck_bg.gif) no-repeat;} #popup fieldset.namecheck legend {visibility:hidden; height:0; width:0; padding:0; margin:0;} #popup fieldset.namecheck p {padding:19px 0 0 16px; margin-bottom:13px} #popup fieldset.namecheck dl {margin-left:3px} #popup fieldset.namecheck dt {padding:2px 10px 0 13px} #popup fieldset.namecheck dt,#popup fieldset.namecheck dd {float:left; display:inline} #popup fieldset.namecheck dd input {margin:0;} #popup fieldset.namecheck input.submit {position:absolute; top:16px; left:365px} /* 로그인(20170627 기존) 20171107 제거 #popup .login {width:332px; height:85px; margi n-bottom:10px; padding:20px 65px; background:url(/images/popup/login/bg_login.gif) no-repeat left top;} #popup .login legend {visibility:hidden;} #popup .login p {padding:0;} #popup .login p label {margin-right:10px;} #popup .login dl {overflow:hidden; float:left; width:230px; padding-top:10px;} #popup .login dl dt, #popup .login dl dd {float:left; display:inline; padding:5px 0; *padding:4px 0;} #popup .login dl dt {width:80px;} #popup .login dl dd input {margin-left:0;} #popup .login .loginbtn {float:left; margin-top:14px;} #popup .login.naver {width:332px; height:161px; margin-bottom:10px; padding:20px 65px; background:url(/images/popup/login/bg_login_naver.gif) no-repeat left top;} #popup .login.social {padding:20px 35px 20px 35px; width:400px; height:125px; background:url(/images/popup/login/bg_login_social.gif) no-repeat left top;} #popup .login.social p {padding-left:30px} #popup .login.social dl {padding-left:30px} #popup .login.social .social_btn {clear:both; overflow:hidden; position:relative; left:50%; margin-left:-96px; padding-top:11px} 20171107 제거 // 로그인 (20170627 네이버, 소셜 로그인 연동 수정 끝) */ /* 로그인 (20171107 추가) */ #popup .login {padding:0; height:auto; background:none} #popup .login legend {visibility:hidden} #popup .login .log_wrp {padding-bottom:10px; border:1px solid #ccc; border-top:none; overflow:hidden} #popup .login .log_wrp .type_user {margin-left:-1px; overflow:hidden} #popup .login button {float:left; margin:0; padding:0; width:50%; height:43px; line-height:43px; border:1px solid #ccc; border-right:none; box-sizing:border-box; background:#f7f7f7; font-size:16px; font-family:NanumGothicBold} #popup .login button.on {background:#fff; border-top:3px solid #00a9e0; border-bottom:none; color:#00a9e0} #popup .login dl {padding:25px 0 0 40px; margin-right:7px} /* 보안키보드(20180530 수정) */ #popup .login dl dt {position:absolute; left:-9999px} #popup .login dl dd input {margin-bottom:6px; padding:0 15px; width:344px; height:32px; line-height:32px; border:1px solid #ccc; color:#666; font-size:13px} #popup .login input[type=submit] {float:left; padding:0; margin:24px 0 0; width:90px; height:74px; line-height:74px; border:none; color:#fff; background:#0f7ed4; font-weight:bold; font-size:16px; letter-spacing:-0.5px; cursor:pointer} #popup .login .social_btn {margin-left:40px; padding-top:10px; clear:both; overflow:hidden} #popup .login .social_btn li {float:left; margin-right:6px} #popup .login .social_btn a {display:inline-block; padding-left:41px; width:142px; height:29px; line-height:29px; border:1px solid #b5b5b5} #popup .login .social_btn a:hover, .login_wrp .social_btn a:focus {text-decoration:none} #popup .login .social_btn a span {position:relative; top:-1px; display:inline-block; margin-right:15px; font-size:0} #popup .login .social_btn a span.naver {width:14px; height:12px; background:url(/images/common/ico/ico_social.gif) 0 0 no-repeat} #popup .login .social_btn a span.kakao {margin-right:12px; width:16px; height:14px; background:url(/images/common/ico/ico_social.gif) 0 -20px no-repeat} #popup .login_qus {margin-top:10px; font-size:14px; font-weight:normal; font-family:NanumGothicBold; letter-spacing:-0.5px} #popup .login_qus li {position:relative; padding:18px 185px 16px 0; border-top:1px dashed #c4c4c4} #popup .login_qus li:first-child {border-top:none} #popup .login_qus li strong {font-weight:normal; font-family:NanumGothicBold} #popup .login_qus p {margin-top:6px; line-height:21px; font-size:13px; font-family:NanumGothic} #popup .login_qus a {position:absolute; right:0; top:50%; display:block; margin-top:-22px; padding-left:13px; width:158px; height:43px; line-height:43px; border:1px solid #ccc} #popup .login_qus a:after {position:absolute; right:13px; top:18px; display:block; width:5px; height:7px; background:url(/images/common/bullet/bul_arr_black03.gif) 0 0 no-repeat; content:""} #popup .login_qus a:visited {color:#444} /* 로그인 (20171107 추가 end) */ /* 보안키보드(20180530 추가 start) */ .login .log_wrp .login_chkBox {margin-left:40px} .login_chkBox {clear:both; font-size:11px; color:#666} .login_chkBox label {position:relative; top:1px; margin-left:2px; margin-right:3px; vertical-align:initial} /* 보안키보드(20180530 추가 end) */ .memjoinbox, .idpassfindbox {float:left; width:189px; height:135px; margin-top:10px; padding:20px !important; background:#f8f8f8; border:1px solid #dcdcdc;} .idpassfindbox {border-left:none;} /* 20160601 추가 */ .joinbox {margin-top:10px} .joinbox li {position:relative; padding:10px; height:48px; width:440px; background:url(/images/popup/login/bg_joinbox01.gif) 0 0 no-repeat} .joinbox li.idpass {height:60px; background:url(/images/popup/login/bg_joinbox02.gif) 0 0 no-repeat} .joinbox li p {margin-top:5px} .joinbox li a {position:absolute; top:21px; right:11px} .joinbox li.idpass a {top:29px} /* 채용공고 KED 기업정보 */ #popup h2.kedtitle {padding:15px 0 0 20px; margin-bottom:10px; height:32px; background:url(/images/empInfo/bg_kedtitle.gif) no-repeat left top; color:#e7780f; font-size:16px; font-weight:bold;} #popup ul.tab_menu {margin:-5px 0 15px 0;} #popup ul.tab_menu li {padding:0; color:#555;} /* styleGuide개편 */ #popup ul.tab_menu li.on strong {display:block; margin:0; padding-left:13px; background:#0a77cb; color:#fff!important;} /* styleGuide개편 */ #popup p.kedaddr {text-align:right; padding:0;} #popup p.kedaddr span {float:left; display:inline;} #popup div.graybox {margin-bottom:20px; padding:10px; border:1px solid #e0e0e0; background:#f7f7f7; /* \롤백 대상/ */line-height:1.5;/* \롤백 대상/ */} #popup div.graybox strong {color:#ff6600;} #popup div.graybox input.confirm {padding-left:5px; position:absolute;} /* 채용공고 입사지원현황 */ #popup .stats_wrap {width:750px;} #popup .sh4 {margin-bottom:5px; padding-left:15px; background:url(/images/common/bullet/bul_donut_blue.gif) no-repeat left 2px; color:#0075b0; font-size:12px;} #popup .statsl {float:left;} #popup .statsr {float:right;} #popup .stats_box {margin-bottom:20px; _width:360px; background:#f1f1f1; *zoom:1;} #popup .stats_box:after {content:""; display:block; clear:both;} #popup .stats_box span, #popup .stats_box div {float:left;} #popup .stats_box span {width:290px;} #popup .stats_box div {margin-right:10px; _margin-right:0; width:62px; font-size:11px; font-family:"돋움",dotum; text-align:right;} #popup .stats_box div p {margin-bottom:14px; padding-left:0; line-height:1;} #popup .stats_box div.two p {margin:6px 0 20px 0;} #popup .stats_box div.six p {margin-bottom:13px;} #popup .stats_box div p em {display:block; position:absolute; left:-99999px; width:0; height:0; line-height:0; font-size:0} #popup .stats_box div strong {display:inline; margin-left:0; padding-left:0; background:none;} #popup .statsl .stats_box div {margin-top:26px;} #popup .statsr .stats_box div {margin-top:32px;} /* 인재정보 입사재안 요청 팝업 */ #popup fieldset.selectbox {background:url(/images/common/bg_selectbox.gif) no-repeat left top; height:54px; margin-bottom:20px; padding:18px 0 0 19px; letter-spacing:-2px;} #popup fieldset.selectbox legend {visibility:hidden; height:0; width:0; padding:0; margin:0;} fieldset.selectbox dt,fieldset.selectbox dd {float:left; display:inline;} fieldset.selectbox dt {background:url(/images/psnInfo/bar.gif) no-repeat right top; padding-right:15px; margin-right:15px;} fieldset.selectbox dd input, fieldset.selectbox dd select {position:relative; top:-5px;} fieldset.selectbox select {width:352px; height:19px; border:1px solid #7f9db9;} #popup fieldset.selectbox p {margin:0; padding:0; letter-spacing:0;} #popup p.noti {margin-bottom:10px; border:1px solid #e0e0e0; background:#f7f7f7; padding:15px; line-height:19px} /* 20180823 수정 */ #popup p.noti span {color:#fb4c14; font-weight:bold;} #popup ul.smschoose {padding-left:36px;} #popup ul.smschoose li {position:relative; float:left; display:inline; padding:44px 11px 11px; margin-right:18px; height:166px; background:url(/images/psnInfo/bg_sms.gif) no-repeat left top;} #popup ul.smschoose li span, #popup ul.smschoose li label {display:block; padding:15px 10px; width:154px; height:81px; font-size:12px; color:#444; line-height:1.4;} /* 20171114 수정 */ #popup ul.smschoose li input {position:absolute; top:175px; margin-left:82px;} #popup table tr.content td {padding-top:10px; padding-bottom:10px; line-height:1.6} #popup table tr.content td p.subtext {font-family:"돋움",dotum; font-size:11px; line-height:1.2} #popup .search_form td textarea {width:92%; height:100px; padding:10px; border:1px solid #ddd; font-size:12px;} #popup .search_form td.pop_file {padding-bottom:0} #popup .search_form td.pop_file p {margin-bottom:0; font-family:"돋움",dotum; font-size:11px; padding-left:10px; text-indent:-7px} /* 카카오톡 입사재안 팝업(20180823 추가 start) */ #popup ul.kakaochoose {margin:20px 0 35px; overflow:hidden} #popup ul.kakaochoose li {float:left; width:337px} #popup ul.kakaochoose .kakao_wrp .top_kakao {display:block; margin-bottom:0; width:337px; height:70px; background:url(/images/psnInfo/bg_kakao.png) 0 0 no-repeat; text-indent:-9999px} /* #popup ul.kakaochoose .kakao_wrp .text {padding:12px 12px 10px 13px; width:289px; line-height:19px; min-height:510px; border:1px solid #ddd; border-top:none; background:#fff; color:#444; font-family:Dotum, "돋움"} */ #popup ul.kakaochoose .kakao_wrp .text {padding:12px 12px 10px 13px; width:289px; line-height:19px; border:1px solid #ddd; border-top:none; background:#fff; color:#444; font-family:Dotum, "돋움"} #popup ul.kakaochoose .kakao_wrp .text .link {display:block; margin-top:23px; height:44px; line-height:44px; border:1px solid #ddd; font-weight:bold; font-size:14px; color:#14a1dc; text-align:center} #popup ul.kakaochoose .kakao_wrp .text .link:hover, #popup ul.kakaochoose .kakao_wrp .text .link:focus {text-decoration:none} #popup ul.kakaochoose li + li {margin-left:21px} #popup ul.kakaochoose li .sms_select {text-align:center} #popup ul.kakaochoose li .sms_select .msg_wrp {position:relative; margin:35px 0 20px; width:337px; background:url(/images/psnInfo/bg_msgBtm.gif) 0 bottom no-repeat; text-align:left} #popup ul.kakaochoose li .sms_select .msg_wrp p {padding:31px 40px 22px 31px; width:266px; background:url(/images/psnInfo/bg_msgTop.gif) 0 0 no-repeat; font-size:13px; line-height:19px} /* 카카오톡 입사재안 팝업(20180823 추가 end) */ /* 아이디 중복검사 */ strong.idresult {float:left; display:inline !important; padding-left:10px; color:#ff6600 !important; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 4px;} .underline {margin-bottom:10px; padding:0 0 10px 10px; border-bottom:1px solid #ddd;} /* 관심기업 등록 */ #popup fieldset.company_srch {position:relative; height:34px; padding-top:11px; background:url(/images/common/search_bg.gif) right no-repeat} #popup fieldset.company_srch input.typing {margin-left:115px} #popup fieldset.company_srch legend {top:0; left:0; *left:-7px; visibility:visible; font-size:12px; line-height:1.2; font-weight:bold; width:120px; height:29px; padding:16px 0 0 27px; background:url(/images/common/search_left.gif) no-repeat} #popup fieldset.company_srch legend , x:-moz-any-link, x:default {top:-11px; *top:0px} #popup fieldset.company_srch select {position:relative;} #popup p.category {position:relative; padding:5px 0 5px 0; margin-bottom:0px;} #popup p.category b {color:#0075b0; font-weight:bold;} /*#popup p.category {font-family:"돋움",dotum; font-size:11px; background:url(/images/common/ico/ico_arrow.gif) 0 9px no-repeat; padding-left:5px}*/ #popup p.category strong {display:inline; margin:0; padding:0; background:none; color:#007fc5} #popup p.category span b {color:#555; font-weight:bold} #popup div.paging {margin-top:0;} #popup div.paging strong {margin:0;} #popup div.long_info {_width:99.5%; height:230px; margin-bottom:20px; overflow-y:scroll; overflow-x:hidden;} #popup fieldset.search {position:relative; height:34px; padding-top:11px; background:url(/images/common/search_bg.gif) right no-repeat} #popup fieldset.search.ext {margin-top:5px} #popup fieldset.search input.typing {position:relative; margin-left:110px} #popup fieldset.search legend {top:0; left:0; *left:-7px; visibility:visible; font-size:12px; line-height:1.2; font-weight:bold; width:120px; height:29px; padding:16px 0 0 27px; background:url(/images/common/search_left.gif) no-repeat} #popup fieldset.search legend , x:-moz-any-link, x:default {top:-11px; *top:0px} /*div.category button {margin:0; padding:0; background:none; border:none} div.category, img.next, div.category button {float:left; display:inline} div.category {position:relative; border:1px solid #afc5e3; width:100%; _width:; margin:20px 0} div.category div {position:relative; overflow-y:scroll; overflow-x:hidden; width:100%; height:242px;} #popup div.category h3 {background:#deebf5; margin:0; height:20px; padding-top:6px; text-align:center; border-bottom:1px solid #afc5e3; color:#0075B0; font-size:12px;} div.category div button.selected,div.category div button:hover,div.category div button:focus {background:#fefef1 url(/images/common/dot.gif) repeat-x bottom;} img.next {margin:120px 8px 0} div.category div button {width:100%; background:url(/images/common/dot.gif) repeat-x bottom;} div.category div button span {float:left; position:relative; width:100%; text-align:left; padding-top:4px; min-height:22px; _height:22px; font-size:12px; text-indent:5px; line-height:1.4} div.category.form01,div.category.form01 div {width:197px}*/ #popup ul.search_result {width:100%; padding-top:5px; margin-bottom:10px} #popup ul.search_result li {float:left; display:inline; width:330px; font-weight:bold; color:#0075B0; font-size:12px; background:url(/images/common/bullet/bul_donut_blue.gif) 0 2px no-repeat; padding:0 0 20px 10px;} #popup ul.search_result li span {font-weight:normal;} #popup ul.search_result li.double {float:right;} ul.search_result li div {background:#eee; color:#333; text-align:center; padding-top:10px; height:90px; margin:5px 0 0 -10px;} ul.search_result.v2 li div {background:#eee; color:#333; text-align:center; padding-top:30px; height:42px; margin:5px 0 0 -10px;} #popup ul.search_result li div strong {margin:0; padding:30px 0 0 0; background:none;} ul.search_result li div * {display:inline} p.java_notice {position:relative; clear:both; padding:0; margin-bottom:10px;} p.java_notice a {position:absolute; right:0; _right:36px; top:-5px} #popup ul.list_type.ext {background:#F7F7F7; padding:13px 13px 5px; margin-bottom:20px; border:1px solid #ddd} #popup ul.list_type.ext li {font-size:12px; color:#444;} #popup span.category_comment {display:block; margin-bottom:5px; font-family:"돋움"; text-align:right; font-size:11px; } #popup ul#job_category li {position:relative; background:url(/images/consltJobCarpa/srch/bg_category.gif) left top no-repeat; padding:9px 0 10px 15px;} #popup ul#job_category li.active {background:url(/images/consltJobCarpa/srch/bg_category_.gif) left top no-repeat;} #popup ul#job_category li a {position:relative; display:block; text-indent:-5000px; height:29px;} #popup ul#job_category li.active a,#popup ul#job_category li a:hover {background-position:0 -29px} #popup ul#job_category li ul {overflow:hidden; display:none; background:url(/images/consltJobCarpa/srch/bg_category02.gif) left bottom no-repeat; margin:4px 0 0 -15px; padding:14px 0 30px 34px;} #popup ul#job_category li.active ul {display:block;} #popup ul#job_category li ul li {position:relative; padding:0 0 3px 16px; background:url(/images/consltJobCarpa/srch/ico_plus.gif) no-repeat left 4px; line-height:1.5;} #popup ul#job_category li ul li a {display:inline; text-indent:0; background:none;} #popup ul#job_category li ul li.minus {background:url(/images/consltJobCarpa/srch/ico_minus.gif) no-repeat left 4px;} #popup ul#job_category li ul li.minus a {font-weight:bold; color:#000;} #popup ul#job_category li ul li.minus ul {background:none; margin:0; padding:5px 0 0;} #popup ul#job_category li ul li.minus ul li a {font-weight:normal; color:#444;} #popup ul#job_category li ul li.minus ul {overflow:hidden;} #popup ul#job_category li ul li.minus ul li {float:left; display:inline; padding:0; width:49%; background:none;} #popup ul#job_category li ul li.minus ul li a {color:#1469b3; text-decoration:underline;} #popup ul#job_category li ul li.minus ul li a:hover {text-decoration:underline;} #popup ul#job_category li ul.list02 li.minus ul {margin-left:-10px;} #popup ul#job_category li ul.list02 li.minus li {float:none; display:block; width:90%; padding-left:16px; background:url(/images/consltJobCarpa/srch/ico_plus.gif) no-repeat left 4px;} #popup ul#job_category li ul.list02 li.minus li.minus {background:url(/images/consltJobCarpa/srch/ico_minus.gif) no-repeat left 4px;} #popup ul#job_category li ul.list02 li.minus li a {text-decoration:none; font-weight:bold; color:#000;} #popup ul#job_category li ul.list02 li.minus ul ul {margin:0;} #popup ul#job_category li ul.list02 li.minus li li {background:none; padding-left:0;} #popup ul#job_category li ul.list02 li.minus li li a {color:#1469b3; text-decoration:underline; font-weight:normal;} /* 명칭별 */ ul#job_category li#jobList1 a {background:url(/images/consltJobCarpa/icon/jobList01.gif) no-repeat} ul#job_category li#jobList2 a {background:url(/images/consltJobCarpa/icon/jobList02.gif) no-repeat} ul#job_category li#jobList3 a {background:url(/images/consltJobCarpa/icon/jobList03.gif) no-repeat} ul#job_category li#jobList4 a {background:url(/images/consltJobCarpa/icon/jobList04.gif) no-repeat} ul#job_category li#jobList5 a {background:url(/images/consltJobCarpa/icon/jobList05.gif) no-repeat} ul#job_category li#jobList6 a {background:url(/images/consltJobCarpa/icon/jobList06.gif) no-repeat} ul#job_category li#jobList7 a {background:url(/images/consltJobCarpa/icon/jobList07.gif) no-repeat} ul#job_category li#jobList8 a {background:url(/images/consltJobCarpa/icon/jobList08.gif) no-repeat} ul#job_category li#jobList9 a {background:url(/images/consltJobCarpa/icon/jobList09.gif) no-repeat} ul#job_category li#jobList10 a {background:url(/images/consltJobCarpa/icon/jobList10.gif) no-repeat} ul#job_category li#jobList11 a {background:url(/images/consltJobCarpa/icon/jobList11.gif) no-repeat} ul#job_category li#jobList12 a {background:url(/images/consltJobCarpa/icon/jobList12.gif) no-repeat} ul#job_category li#jobList13 a {background:url(/images/consltJobCarpa/icon/jobList13.gif) no-repeat} ul#job_category li#jobList14 a {background:url(/images/consltJobCarpa/icon/jobList14.gif) no-repeat} ul#job_category li#jobList15 a {background:url(/images/consltJobCarpa/icon/jobList15.gif) no-repeat} ul#job_category li#jobList16 a {background:url(/images/consltJobCarpa/icon/jobList16.gif) no-repeat} ul#job_category li#jobList17 a {background:url(/images/consltJobCarpa/icon/jobList17.gif) no-repeat} ul#job_category li#jobList18 a {background:url(/images/consltJobCarpa/icon/jobList18.gif) no-repeat} ul#job_category li#jobList19 a {background:url(/images/consltJobCarpa/icon/jobList19.gif) no-repeat} ul#job_category li#jobList20 a {background:url(/images/consltJobCarpa/icon/jobList20.gif) no-repeat} /*#popup .refbox {*zoom:1; padding:15px; border:1px solid #ddd; background:#f7f7f7; margin-bottom:10px;}*/ #popup .refbox:after {content:""; display:block; clear:both;} #popup .refbox div.catelist .end {padding:0; background:none; font-size:12px; line-height:1.6;} #popup .refbox div.catelist ul {margin-bottom:5px} #popup .refbox div.catelist ul li {position:relative; padding-left:16px; background:url(/images/consltJobCarpa/srch/ico_plus.gif) no-repeat left 4px; line-height:1.5; padding:0 0 0 15px; font-family:"돋움",dotum; font-size:14px;} #popup .refbox div.catelist ul > li.minus {width:100%} #popup .refbox div.catelist ul li.minus {display:inline-block; background:url(/images/consltJobCarpa/srch/ico_minus.gif) no-repeat left 4px;} #popup .refbox div.catelist ul li.minus a {font-weight:bold; color:#ff6600;} #popup .refbox div.catelist ul li.minus ul li a {font-family:"굴림",gulim; font-weight:bold; font-size:12px; color:#444;} #popup .refbox div.catelist ul li.minus ul.drop {overflow:hidden;} #popup .refbox div.catelist ul li.minus ul.drop li {padding:0; background:none;} #popup .refbox div.catelist ul li.minus ul.drop li a {font-weight:normal; color:#1469b3; border-bottom:1px solid #1469b3;} #popup .refbox div.catelist ul li.minus ul.drop li a:hover {text-decoration:none;} #popup div.pds_down {position:relative; height:112px; background:url(/images/consltJobCarpa/jobMap/bg_pdsdown.gif) no-repeat; padding:20px 0 0 20px; margin:10px 0;} #popup div.pds_down span {float:left; display:inline; position:relative; margin:0 3px 8px 0;} #popup div.pds_down span a {position:absolute; top:10px; left:103px;} .srchlist {clear:both; margin-bottom:20px;} #popup .srchlist p.count {padding:14px 0 0 10px; margin:0; height:26px; border-top:2px solid #007fc5; border-bottom:1px solid #e3e3e3; font-weight:bold; color:#666;} .srchlist p.count img {position:relative; top:-2px; vertical-align:middle;} .srchlist ul {padding:15px 10px 10px; border-bottom:1px solid #e3e3e3;} .srchlist ul.line_h {line-height:1.5;} #popup .srchlist ul li {background-position:0 6px} /*#popup .srchlist ul li a {text-decoration:underline; color:#1469B3}*/ /*#popup .srchlist ul li p {margin:0 0 0 -20px; padding-top:5px;}*/ #popup .btn img {vertical-align:top;} #popup .btn span {float:none; display:inline-block; padding-right:7px; height:22px; color:#fff; background:url(/images/common/btn/btn_facebookBg.gif) no-repeat right top; line-height:2; font-family:"돋움",dotum; font-size:11px;} #popup .h3 {margin-top:10px; padding:0 15px 0 20px; height:75px; background:url(/images/common/bg_dtlH3_pop.gif) no-repeat left top;} #popup .h3 img {vertical-align:middle;} #popup .h3 h3 {padding:13px 0 0 0; background:none; color:#e7780f; font-size:16px;} #popup .h3 h3 span {float:right; margin-top:-5px; *margin-top:-27px;} #popup .h3 p {padding-top:8px; text-align:right;} #popup .h3_02 {margin-top:0px; padding:0 15px 0 20px; height:47px; background:url(/images/common/bg_dtlH32.gif) no-repeat left top;} #popup .h3_02 img {vertical-align:middle;} #popup .h3_02 h3 {padding:13px 0 0 0; background:none; color:#e7780f; font-size:16px; font-family:"돋움",dotum;} #popup .h3_02 h3 span {float:right; margin-top:0px; *margin-top:-22px;} #popup .coinfo {margin-bottom:30px; padding:20px 24px; background:url(/images/common/bg_dtlCoinfo02.gif) no-repeat left bottom; *zoom:1;} #popup .coinfo:after {content:""; display:block; clear:both;} #popup .coinfo div {float:left;} #popup .coinfo div.cologoL {width:32%;} #popup .coinfo div.coinfoR {width:68%;} #popup .coinfo .cologoL img {width:186px; height:110px; border:1px solid #ddd;} #popup .coinfo .cologoL p {padding:0;} #popup .coinfo .cologoL p img {margin-top:10px; width:auto; height:auto; border:none;} #popup .coinfo .coinfo_detail td strong {color:#1469b3; font-size:14px; font-family:"돋움",dotum;} #popup .coinfo .coinfo_detail td span {font-size:11px; font-family:"돋움",dotum;} #popup .coinfo .coinfo_detail tr.company_name th {background-position:10px 15px; vertical-align:top; padding-top:10px} #popup .coinfo .coinfo_detail tr.company_name td {padding:5px 0 5px 10px; line-height:1.6} #popup .coinfo02_top {padding-top:16px; background:url(/images/common/bg_dtlCoinfo02_top.gif) no-repeat left top;} #popup .coinfo02 {margin-bottom:30px; padding:20px 24px; background:url(/images/common/bg_dtlCoinfo02.gif) no-repeat left bottom; *zoom:1;} #popup .coinfo02:after {content:""; display:block; clear:both;} #popup .coinfo02 div {float:left;} #popup .coinfo02 div.cologoL {width:32%;} #popup .coinfo02 div.coinfoR {width:68%;} #popup .coinfo02 .cologoL img {width:186px; height:110px; border:1px solid #ddd;} #popup .coinfo02 .cologoL p {padding:0;} #popup .coinfo02 .cologoL p img {margin-top:10px; width:auto; height:auto; border:none;} #popup .coinfo02 .coinfo_detail td strong {color:#1469b3; font-size:14px; font-family:"돋움",dotum;} #popup .coinfo02 .coinfo_detail td span {font-size:11px; font-family:"돋움",dotum;} #popup .coinfo02 .coinfo_detail tr.company_name th {background-position:10px 15px; vertical-align:top; padding-top:10px} #popup .coinfo02 .coinfo_detail tr.company_name td {padding:5px 0 5px 10px; line-height:1.6} /* ♤♤♤♤♤ 테이블 기본세팅 ♤♤♤♤♤ #popup table {width:100%; border:none; border-spacing:0; color:#444; margin-left:1px} #popup table.bort {border-top:1px solid #ddd;} #popup table {margin-left:0} #popup table td.title {text-align:left;} #popup table td.title hr {float:left;} #popup table tbody td.brno {border-right:none;} #popup table th,#popup table td {padding:5px 0; word-break:break-all; height:inherit; *height:2px;} #popup table th {height:inherit; font-weight:bold; color:#444;} */ #popup table.info_list th,#popup table.info_list td {height:inherit; padding:0;} #popup table.info_list thead th {padding:5px 0; *height:2px;} #popup table.info_list tbody th,#popup table.info_list tbody td {padding:9px 10px; *height:2px;} #popup table.coinfo_detail td {height:18px;} #popup .search_list tbody.form02 th, #popup .search_list tbody.form02 td {padding:5px 0;} #popup .search_list {border-top:2px solid #0f7ed4; background:none} /* styleGuide개편 추가 */ #popup .search_list thead th {border-bottom:1px solid #e3e3e3; border-bottom:1px solid #ccc; background:#f7f7f7} /* styleGuide개편 추가 */ /* ♤♤♤♤♤ 데이터 테이블 ♤♤♤♤♤ */ #popup table.info_list {margin:0 0 10px 0px;} #popup table.info_list img {vertical-align:middle;} #popup table.info_list thead.form1 tr th {padding:2px 0;} #popup table.info_list tbody tr th, .info_list tbody tr td, .info_list tfoot tr th, .info_list tr tfoot td {line-height:1.5; border:1px solid #ddd;} #popup table.info_list tbody tr td.note {padding:0 10px; text-align:left;} #popup table.info_list thead tr th, .info_list tbody.form05 tr th, .info_list tbody.form11 tr th, .info_list tbody tr th.th2 {color:#1469b3; background:#deebf5; border:1px solid #afc5e3; font-weight:bold;} #popup table.info_list thead tr td {background:#fff; border:1px solid #afc5e3; border-bottom:#ddd;} #popup table.info_list tbody tr th, .info_list tbody.speci th, .info_list tbody th.sky {background:#f0f6fb; color:#666; font-weight:normal;} #popup table.info_list tbody tr td {color:#444;} #popup table.info_list tbody tr td.last {text-align:center; vertical-align:middle;} #popup table.info_list tbody tr td ul {margin:5px 0 0 0; line-height:1.2;} #popup table.info_list tbody td span, #popup .info_list tbody td span a {color:#1469b3;} #popup table.info_list tbody td span a {text-decoration:underline;} #popup table.info_list tbody td span.due, #popup .search_list tbody td span.due {display:inline-block; width:32px; height:18px; text-align:center; font-family:tahoma; font-size:10px; color:#7a7a7a; background: url("/images/common/ico/ico_duebg.gif") no-repeat left top; line-height:1.6;} #popup table.info_list tbody td span.due strong, #popup .search_list tbody td span.due strong {font-weight:bold; color:#fb4c14;} #popup table.info_list tbody tr.photo td {padding:0; border-left:1px solid #ddd;} #popup table.info_list tbody tr.photo ul {margin:20px 0 10px 10px; *zoom:1;} #popup table.info_list tbody tr.photo ul:after {content:""; display:block; clear:both;} #popup table.info_list tbody tr.photo li {float: left; margin: 0 0 9px 10px;; padding:0; border: 1px solid #ddd;} #popup table.info_list tbody tr.photo li img {width:139px; height:106px;} #popup table.info_list tbody tr.photo li.fir img {margin-left:0; width:342px; height:224px;} #popup table.info_list tbody tr.photo div {float:left; margin:10px 0 10px 18px; _margin-left:10px; *padding-bottom:10px; width:46%;} #popup table.search_form {margin-bottom:10px;} #popup table.search_form caption {visibility:visible; position:static; width:100%; height:initial; border-top:2px solid #0f7ed4; background:none} /* styleGuide개편 */ #popup table.search_form th, #popup .search_form td {padding:5px 0 5px 10px; border-bottom:1px solid #ddd; height:21px;} #popup table.search_form td {text-align:left;} /* 20170413추가 */ #popup table.info_list.type02 {clear:both} #popup table.info_list.type02 thead th {font-size:13px; font-family:Dotum, "돋움"} #popup table.info_list.type02 tbody td {padding:9px 2px} /* 20170413추가 */ /* ♤♤♤♤♤ 플래쉬 테이블 ♤♤♤♤♤ */ #popup table.app_table {margin-bottom:20px; border-top:1px solid #afc5e3; border-left:1px solid #afc5e3; margin-left:0} #popup table.app_table th,#popup .app_table td {border-right:1px solid #afc5e3; border-bottom:1px solid #afc5e3;} #popup table.app_table th,#popup .app_table td {color:#666; font-weight:normal} #popup .moview {background:#f8f8f8; border:1px solid #dcdcdc; text-align:center;} #popup table.graphinner {border:1px solid #ff4f00; height:5px} #popup table.graphinner td {background-color:#ff4f00} #popup div.graphinner {margin-left:-10px; max-width:100%; height:10px; float:left; background:red;} #popup .app_table02 {margin-bottom:20px; border-top:1px solid #afc5e3; border-left:1px solid #afc5e3; margin-left:0} #popup .app_table02 th,#popup .app_table02 td {height:100%; padding:5px 0; border-right:1px solid #afc5e3; border-bottom:1px solid #afc5e3;} #popup .empdetail .conbox {margin-bottom:30px; padding:10px; border:1px solid #ddd;} #popup .empdetail .notice {margin:30px 0; padding:14px; border:1px solid #ddd; line-height:1.5;} #popup .empdetail .notice dl dt {margin-bottom:3px; font-weight:bold; color:#0075b0;} #popup .empdetail .notice dl dd {padding-left:10px; background: url("/images/common/bullet/bul_cir_blue.gif") no-repeat left 6px; line-height:1.5;} #popup .empdetail .notice div {margin-top:10px; border:1px solid #ddd; background:#f7f7f7; *zoom:1;} #popup .empdetail .notice div:after {content:""; display:block; clear:both;} #popup .empdetail .notice div p {margin:0;} #popup .empdetail .notice div .auth, #popup .empdetail .notice div .commentd {float:left; padding:10px; width:69%;} #popup .empdetail .notice div b {color:#000; font-weight:bold;} #popup .empdetail .notice div .auth {padding-top:30px;} #popup .empdetail .notice div .auth img {vertical-align:middle;} #popup .empdetail .notice div .authnum {float:right; padding:10px 0; width:26%; text-align:center; border-left:1px solid #ddd;} #popup .empdetail .notice div .authnum strong {display:block; margin-bottom:5px; color:#444; background:none; padding:0;} #popup .empdetail .process {margin-bottom:30px; padding: 22px 0 0 254px; width:441px; height:241px; background: url("/images/empInfo/governimg1.gif") no-repeat left top;} #popup .empdetail .process dl dt {display:none;} #popup .empdetail .process dl dd {padding-top:13px; height:47px;} /* 본인인증 */ #popup div.join_parent {overflow:hidden; height:250px; margin-top:45px; *zoom:1;} #popup div.join_parent div {position:relative; float:left; display:inline; border:1px solid #ddd; width:136px; height:200px; padding:14px; margin:0 0 20px 10px;} #popup #content div.join_parent div h3 {position:absolute; top:-25px; left:0;} #popup div.join_parent div a {position:absolute; bottom:14px; left:14px;} #popup div.join_parent div li {line-height:1.4;} #popup div.join_parent div strong {display:block; margin-bottom:10px; line-height:1.4} #popup div.find_parent {*overflow:hidden; margin-top:65px; margin-bottom:20px; height:200px;} #popup div.find_parent div {position:relative; float:left; display:inline; border:1px solid #ddd; width:136px; height:100px; padding:14px; margin:0 0 20px 10px;} #popup #content div.find_parent div h3 {position:absolute; top:-45px; left:0; height:40px; background-position:0 2px;} #popup div.find_parent div a {position:absolute; bottom:14px; left:14px;} #popup div.find_parent div li {line-height:1.4;} #popup div.find_parent div strong {display:block; margin-bottom:10px; line-height:1.4} #popup fieldset.cer_num {position:relative; background:url(/images/member/bg_cer_num.gif) no-repeat; height:65px; padding:17px 0 0 22px} #popup fieldset.cer_num legend {visibility:hidden; height:0; width:0; padding:0; margin:0;} #popup fieldset.cer_num dd {padding-left:78px; margin-top:-17px;} #popup fieldset.cer_num p {padding-top:15px;} #popup fieldset.cer_num input.submit {position:absolute; left:600px; top:15px;} #popup .custappbox {overflow:hidden;} #popup .custappbox .member{float:left; display:block; width:338px; margin-bottom:15px; margin-right:30px; background:none; height:auto;} #popup .custappbox .nomember{float:left; display:block; width:338px; margin-bottom:15px; background:none; height:auto;} #popup .custappbox .member legend, #popup .custappbox .nomember legend {visibility:hidden;} #popup .custappbox .box {position:relative; width:325px; height:124px; padding:20px 14px 20px 14px; background:url(/images/popup/login/consltloginbox.gif) no-repeat left top;} #popup .custappbox .box p {padding:0;} #popup .custappbox .box dl {overflow:hidden; margin-bottom:10px;} #popup .custappbox .box dl dt {float:left; width:80px; height:20px; padding-top:4px;} #popup .custappbox .box dl dd {float:left; width:245px; height:20px; padding-top:1px; margin-bottom:10px;} #popup .custappbox .box dl dd input {margin-left:0;} #popup .custappbox .box .btnlogin {position:absolute; right:15px; top:50px; *top:57px;} #popup fieldset.cer_num input.submit {position:absolute; left:600px; top:15px;} /* ♤♤♤♤♤ 에러페이지 ♤♤♤♤♤ */ #error {display:block; width:710px; text-align:center; padding:40px 0 0; margin:0 auto} #popup #error p {padding:0 0 5px 66px; height:50px; color:#fb4c14; font-size:18px; background:url(/images/common/notice.gif) no-repeat 97px 2px; border-bottom:2px solid #838383; line-height:1.2} #popup #error h2 {background:none; font-size:24px; padding:60px 0 53px 0; border-bottom:3px solid #838383; margin-bottom:0} #popup #error span {display:block; text-align:left; padding:20px 12%; line-height:1.2} #popup #error h2.comment {padding:45px 0 30px 0} #popup #error h2 span {font-size:12px; font-weight:normal; text-align:center; margin-top:-10px} #popup #error span a {text-decoration:underline} /* ♤♤♤♤♤ 1214-설명 박스 ♤♤♤♤♤ */ #popup ul.infobox li {padding-left:15px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat 3px 6px; line-height:1.6;} #popup ul.infobox li span {color:#f35f54} /* ♤♤♤♤♤ 조건검색 ♤♤♤♤♤ */ #popup div#scroll {position:relative; overflow-y:scroll; overflow-x:hidden; height:460px; _width:695px; margin:-20px -18px 0 0; padding:20px 18px 20px 0;} #popup div#scroll div.btn {_width:680px;} #popup div#scroll button.layer-close {top:-18px; right:-20px; } /* ♤♤♤♤♤ 검색 정렬 ♤♤♤♤♤ */ #popup fieldset.search_contol {padding:0; height:auto; background:none;} #popup fieldset.search_contol legend {visibility:hidden;} #popup p.selected button,#popup div.category button {margin:0; padding:0; background:none; border:none} #popup div.category, #popup img.next, #popup div.category button {float:left; display:inline;} #popup div.category {position:relative; border:1px solid #afc5e3; width:100%; margin:15px 0} #popup div.category div {position:relative; overflow-y:scroll; overflow-x:hidden; width:100%; height:269px;} #popup div.category h3 {background:#deebf5; margin:0; height:20px; padding-top:6px; text-align:center; border-bottom:1px solid #afc5e3} #popup div.category div button {width:100%; background:url(/images/common/dot.gif) repeat-x bottom;} #popup div.category div button span {float:left; position:relative; margin-left:5px; width:100%; text-align:left; padding-top:4px; min-height:22px; _height:22px; font-size:12px; line-height:1.4} #popup div.category div.cell {letter-spacing:-0.05em} #popup div.category div.cell button span,#popup div.cell label span,#popup div.category li label span {float:right; display:inline; width:70%} #popup div.category li label span {*margin-top:-12px;} #popup div.category div.cell label span {width:58%; text-indent:0; font-family:"돋움",dotum; font-size:11px} #popup div.category div.cell button span b,#popup div.category div label b {position:absolute; top:4px; left:-40px; font-weight:normal; font-family:"돋움",dotum} #popup div.category div label b {top:6px; left:25px; color:#666} #popup div.category div button.selected,#popup div.category div button:hover,#popup div.category div button:focus {background:#fefef1 url(/images/common/dot.gif) repeat-x bottom; color:#ff6600;} #popup div.category div label {position:relative; display:block; padding:6px 0; text-indent:10px; border-bottom:1px solid #ddd; border-top:1px solid #fff;} #popup div.category div li label {float:left; width:100%} #popup div.category.eas {margin:5px 0 10px;} #popup div.category.eas div {height:inherit;} #popup div.category div.multyCheck span {position:relative; float:left; display:block; width:100%;} #popup div.category div.multyCheck span input {position:relative; float:left; margin:10px 0 -20px 5px; width:12px; height:12px; z-index:2;} #popup div.category div.multyCheck button span {width:85%; padding:4px 0 0 15px;} /* 단계별 박스 사이즈 설정 */ #popup div.category.form01 {width:148px} #popup div.category.form01 div {width:148px} #popup div.category.form02 {width:158px} #popup div.category.form02 div {width:158px} #popup div.form02 button span {width:141px} #popup div.category.form03 {width:244px} #popup div.category.form03 div {width:244px} #popup div.category.form04 {width:378px} #popup div.category.form04 div {width:378px} #popup div.category.form02 div.city button {width:50%; *width:44%} #popup div.category.form05 div.city button {width:50%; *width:43%} #popup div.category div.city button span {text-indent:0; text-align:center; letter-spacing:-1px} #popup div.category div.city label {float:left; width:50%; *width:47.4%;} #popup div.category div.city label.double {width:100%;} #popup div.category div.city button.double {width:100%; text-align:center} #popup div.category.form05 {width:115px} #popup div.category.form05 div {width:115px} #popup div.category.form06 {width:95px} #popup div.category.form06 div span {width:95px; letter-spacing:-1px} #popup div.category.form07 {width:292px} #popup div.category.form07 div {width:292px} #popup div.category.form08 {width:188px;} #popup div.category.form08 div {width:188px;} #popup div.category.form09 {width:260px;} #popup div.category.form09 div {width:260px;} #popup div.category.jobly label {padding-left:23px; text-indent:0;} #popup div.category.jobly label input {position:absolute; left:5px; top:5px;} #popup div.category dt {position:relative; float:left; margin-bottom:-26px; padding:7px 0 0 10px} #popup div.category dd label,#popup div.category dd button span {text-indent:60px} #popup div.category span.select {display:block; width:100%; height:28px; padding-top:5px; text-indent:10px} #popup div.category span.select * {vertical-align:middle} #popup div.category span.select button {float:none; width:73px; height:22px; text-indent:-5000px; background:url(/images/common/btn/btn_select.gif) no-repeat; margin-left:10px} #popup div.category div.handicap label span {width:15%; position:absolute; right:10px; *right:27px; top:5px} #popup img.next {margin:140px 15px 0 15px} #popup fieldset {position:relative; height:34px; padding-top:11px; background:url(/images/common/search_bg.gif) right no-repeat} #popup fieldset.ext {margin-top:5px} #popup fieldset input.typing {position:relative; margin-left:115px} #popup fieldset legend {top:0; left:0; *left:-7px; visibility:visible; font-size:12px; line-height:1.2; font-weight:bold; width:120px; height:29px; padding:16px 0 0 27px; background:url(/images/common/search_left.gif) no-repeat} #popup fieldset legend , x:-moz-any-link, x:default {top:-11px; *top:0px} #popup p.selected {position:relative; height:30px; background:url(/images/common/search_bg.gif) right no-repeat; padding:15px 0 0 100px; margin:0} #popup p.selected strong {position:absolute; top:0; left:0; height:30px; background:url(/images/common/search_left.gif) no-repeat; padding:15px 0 0 27px; margin:0; font-weight:bold; color:#444;} #popup p.selected button {width:13px; height:12px; text-indent:-5000px; background:url(/images/common/btn_del.gif) no-repeat; vertical-align:middle; margin:0 10px 0 2px} #popup p.selected.multy {background:url(/images/common/search_bg02.gif) right no-repeat; padding:5px 5px 0 100px; height:61px;} #popup p.selected.multy strong {background:url(/images/common/search_left02.gif) no-repeat; height:51px;} #popup p.selected.multy span {display:block; padding-top:7px; height:48px; overflow:auto; line-height:1.9} #popup p.category {position:relative; padding:5px 0 5px 0; margin-bottom:10px} #popup p.category a {position:relative; top:5px} #popup p.category b {color:#0075b0} #popup p.category span {position:absolute; top:45px; left:0; font-family:"돋움",dotum; font-size:11px; background:url(/images/common/ico/ico_arrow.gif) 0 3px no-repeat; padding-left:5px} #popup p.category span strong,#popup span.result strong {display:inline; margin:0; padding:0; background:none; color:#007fc5} #popup p.category span b,#popup span.result b {color:#555; font-weight:bold} #popup span.result {display:block; font-family:"돋움",dotum; font-size:11px; background:url(/images/common/ico/ico_arrow.gif) 0 23px no-repeat; padding:20px 0 0 5px; margin-bottom:-10px} #popup div.category li {float:left; width:100%; padding:0; font-size:12px} #popup div.category li button span {text-indent:20px; width:60%} /* \롤백 대상/ */ #popup div.category div.school li label span {width:60%} /* /롤백 대상\ */ #popup div.category div.company li label input,#popup div.category div.organ li label input {position:absolute; left:10px; top:7px} #popup div.category div.company li label span {float:right; width:48%; margin:0} #popup div.category div.company li label span.com_name {float:left; width:36%; padding-left:30px; text-indent:0} #popup div.category div.company li label span b {left:44%} #popup div.category div.organ li label span {float:left; width:40%; text-indent:0; padding-left:10px; *margin-top:0} #popup div.category div.organ li label span.organ_name {width:25%; padding-left:30px} #popup div.category div.organ li label span b {left:83%; width:100px} #popup div.category div.roadname li label input {position:absolute; left:50px; top:6px} #popup div.category div.roadname li label span {display:block; width:60%; float:left; *margin-top:0px; padding-left:30px;} #popup div.category li.child button span {text-indent:40px} #popup div.category li.grandson button span {text-indent:60px; font-weight:normal; color:#000} #popup div.category li label span * {text-indent:0} #popup div.category li.child label {text-indent:20px} #popup div.category li.child label span {width:65%} #popup div.category li.child label b {left:35px} #popup div.category li.grandson label {text-indent:40px} #popup div.category li.grandson label span {width:60%} #popup div.category li.grandson label b {left:55px} #popup div.category li.grandson02 label {text-indent:60px} #popup div.category li.grandson02 label span {width:55%} #popup div.category li.grandson02 label b {left:75px} #popup div.category li.grandson03 label {text-indent:80px} #popup div.category li.grandson03 label span {width:50%} #popup div.category li.grandson03 label b {left:95px} #popup div.category.form02 li.child label span {width:40%} #popup div.btn button.layer-resize {right:2px; bottom:2px; background:url(/images/layer/btn_resize.gif) no-repeat right top; text-indent:-50000px; width:12px; height:12px; border:none; cursor:se-resize} #popup .info_list tbody td span.due, #popup .search_list tbody td span.due {display:inline-block; width:32px; height:18px; text-align:center; font-family:tahoma; font-size:10px; color:#7a7a7a; background: url("/images/common/ico/ico_duebg.gif") no-repeat left top; line-height:1.6;} #popup .info_list tbody td span.due strong, #popup .search_list tbody td span.due strong {font-weight:bold; color:#fb4c14;} /* 상담/직업/진로 - 직업사전 검색 */ #popup .refbox {padding-top:12px; background:url(/images/consltJobCarpa/srch/bg_ref_top.gif) no-repeat left top; *zoom:1;} #popup .refbox:after {content:""; display:block; clear:both;} #popup .refbox div {position:relative; margin-bottom:20px; padding:5px 15px 17px; background:url(/images/consltJobCarpa/srch/bg_ref_btm.gif) no-repeat left bottom;} #popup .refbox div p.quotbtn {position:absolute; top:0; right:20px;} #popup .refbox div select {border:1px solid #7f9db9; font-size:12px; color:#444;} #popup .refbox strong {display:block;} #popup .refbox span {position:relative; z-index:1; float:left; display:inline; padding:5px 0 0 4px;} #popup .refbox span.keyword {position:absolute; font-family:"돋움",dotum; font-size:11px;} #popup .refbox div.dicname {padding-left:105px;} #popup .refbox div.dicname ul,#popup .refbox div.dicname p.desc {margin-bottom:9px;} #popup .refbox div.dicname ul li {display:inline;} #popup .refbox div.catelist {font-size:14px;} #popup .refbox div.catelist b.desc {display:block; margin-bottom:5px;} #popup .refbox div.catelist .end {padding:0; background:none; font-size:12px; line-height:1.6;} #popup .refbox div.catelist ul li {position:relative; padding-left:16px; background:url(/images/consltJobCarpa/srch/ico_plus.gif) no-repeat left 4px; line-height:1.5;} #popup .refbox div.catelist ul li.minus {display:inline-block; background:url(/images/consltJobCarpa/srch/ico_minus.gif) no-repeat left 4px;} #popup .refbox div.catelist ul li.minus a {font-weight:bold; color:#ff6600;} #popup .refbox div.catelist ul li.minus ul li a {font-weight:normal; color:#444;} #popup .refbox div.catelist ul li.minus ul.drop {margin-bottom:20px; overflow:hidden;} #popup .refbox div.catelist ul li.minus ul.drop li {float:left; display:inline; padding:0; width:49%; background:none;} #popup .refbox div.catelist ul li.minus ul.drop li a {color:#1469b3; border-bottom:1px solid #1469b3;} #popup .refbox div.catelist ul li.minus ul.drop li a:hover {text-decoration:none;} #popup .refbox div.charac {padding:0 15px 10px;} #popup .refbox div.charac img {margin-right:10px;} #popup .refbox input {vertical-align:middle;} #popup .refbox input.textbox {padding-left:12px; height:25px; border:none; background:url(/images/consltJobCarpa/bg_textbox.gif) no-repeat left top; line-height:1.8; font-size:12px;} #popup .refbox select {vertical-align:middle;} #popup .refbox.jobmap div.catelist ul li.minus {display:block} /* 20170811 추가 */ #popup .dicindex {margin-bottom:20px; padding:15px; border:1px solid #ddd; background:#f7f7f7; font-size:14px;} #popup .dicindex b.desc {display:block; margin-bottom:5px;} #popup .dicindex img {margin-top:20px;} #popup .dicindex ol li {margin-left:20px; list-style:decimal outside; line-height:1.4;} #popup .dicindex ol li ul li {margin:0; padding:0; list-style:none; background:none;} #popup .dicindex ol li ul li ul li {padding-left:30px; font-size:14px; list-style:none; background:url(/images/common/bullet/bul_squ_black.gif) no-repeat 20px 10px;} #popup .dicindex ul li {position:relative; padding-left:16px; background:url(/images/consltJobCarpa/srch/ico_plus.gif) no-repeat left 4px; line-height:1.5;} #popup .dicindex ul li.minus {display:inline-block; background:url(/images/consltJobCarpa/srch/ico_minus.gif) no-repeat left 4px;} #popup .dicindex ul li.minus ul.drop {margin-bottom:20px; overflow:hidden;} #popup .dicindex ul li.minus ul.drop li {float:left; display:inline; padding:0; width:49%; background:none;} #popup .dicindex ul li ul li {font-size:12px; line-height:1.6;} #popup .dicindex .end {padding:0; background:none;} #popup .refbox div.catelist .end a, #popup .dicindex ul li.minus ul.drop li a, #popup .dicindex .end a {color:#1469b3; border-bottom:1px solid #1469b3;} #popup .refbox div.catelist .end a:hover, #popup .dicindex ul li.minus ul.drop li a:hover, #popup .dicindex .end a:hover {text-decoration:none;} #popup .srch h3 {padding:0; background:none; font-size:12px; color:#1469b3;} #popup .srch h4 {margin:0; padding:0; color:#444; background:none; line-height:1.5;} #popup .srch strong {color:#444;} #popup .srch .info_list ul {margin:0;} #popup .srch .info_list ul li,#popup .srch div.indent_list p {padding-left:15px; text-indent:-15px; line-height:1.5} #popup .srch .list_type li ol {margin-top:5px;} #popup .srch .list_type li ol li {margin-left:19px; padding-left:0; list-style:decimal; background:none;} #popup .srch div.indent_list {margin-bottom:20px;} .srchlist {margin-bottom:20px;} .srchlist p.count {padding:14px 0 0 10px; height:26px; border-top:2px solid #007fc5; border-bottom:1px solid #e3e3e3; font-weight:bold; color:#666;} .srchlist p.count strong {color:#F60} .srchlist p.count img {position:relative; top:-2px; vertical-align:middle;} .srchlist ul {padding:15px 10px 10px; border-bottom:1px solid #e3e3e3;} .srchlist ul.line_h {line-height:1.5;} #popup .srchlist ul li {background:url(/images/common/bullet/bul_cir_blue03.gif) no-repeat 0 5px; padding:0 0 4px 10px} #popup .srchlist ul.line_h li {background:none; padding:0} #popup .srchlist ul li a {color:#1469b3; border-bottom:1px solid #1469b3; vertical-align:baseline;} #popup .srchlist ul li a:hover * {text-decoration:none; border-bottom:none;} #popup .srchlist ul li a:hover {text-decoration:none; border-bottom:1px solid #555;} #popup ul ul.inline {margin:-22px 0 0 60px;} #popup table.search_detail th, table.search_detail td {border-bottom:1px solid #ddd; text-align:left; padding:5px 0 5px 10px; line-height:1.5;} #popup table.search_detail td div {padding:10px} #popup table.search_list tbody.form03 td {padding:5px 0; word-break:break-all; height:inherit; *height:2px;} #popup .top_infobox640 ul li {padding:0 0 10px 20px; color:#666;} #popup p.comment, #popup .applydone p {margin-bottom:10px; line-height:1.5;} table.search_detail td .bonus_ratio {display:table; margin-top:5px} table.search_detail td .bonus_ratio div {display:table-cell; padding-right:10px; vertical-align:middle} /* 상담/직업/진로 - 심리검사 */ #popup .poppsy {position:relative; padding-bottom:30px; width:695px;} #popup .poppsy h2, #popup .poppsy span#location {display:none;} #popup .poppsy h3 {position:relative; margin-bottom:8px; padding-left:18px; font-family:"돋움",dotum; font-size:14px; color:#333; line-height:1.2; background:url(/images/common/bullet/bul_squ_blue.gif) no-repeat left 2px;} #popup .poppsy h4 {clear:both; margin-bottom:10px; padding-left:13px; color:#0075B0; font-size:12px; background: url(/images/common/bullet/bul_donut_blue.gif) no-repeat left 2px;} #popup .poppsy .psyexam_greenbox {position:relative; margin-bottom:20px; padding-top:5px; background:url(/images/consltJobCarpa/jobPsyExam/greenbox_top.gif) no-repeat left top;} #popup .poppsy .psyexam_greenbox ul {padding:15px 16px 20px; background:url(/images/consltJobCarpa/jobPsyExam/greenbox_btm.gif) no-repeat left bottom;} #popup .poppsy .psyexam_greenbox ul li {padding-left:10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 6px; line-height:1.5;} #popup .poppsy .psyexam_greenbox ul li ul, #popup .poppsy .psyexam_greenbox ul li ul li, #popup .poppsy h3.titimg {padding:0; background:none;} #popup .poppsy .psyexam_greenbox p {position:absolute; top:20px; right:16px;} #popup .poppsy .examgraybox {padding:15px; border:1px solid #DDD; overflow:hidden; background:#F7F7F7; line-height:1.4;} #popup .poppsy .examgraybox div {float:left;} #popup .poppsy .info_list td {height:35px;} #popup .poppsy .info_list tbody.form13 td {padding:3px 10px; text-align:left;} #popup .poppsy .list_type_sub {margin-bottom:20px; padding:14px; border:1px solid #DDD; background:#F7F7F7;} #popup .poppsy .list_type_sub li {padding:0 0 5px 10px; line-height:1.4; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 3px;} #popup .poppsy strong.blue02 {color:#1469B3;} #popup .poppsy #examResult h4 {padding-left:0; background:none;} #popup .poppsy #examResult p strong, #popup .poppsy #examResult strong.tit {display:block; margin-left:-10px; padding-left:10px; color:#444; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 4px;} #popup .poppsy #examResult p {margin-bottom:10px; padding-left:10px; line-height:1.5;} #popup .poppsy #examResult strong.tit {margin-left:0;} #popup .arti {margin:5px 0 30px 0;} #popup .arti p {margin-left:10px; margin-bottom:5px; line-height:1.5;} #popup .arti p.explan {margin:0 0 20px 0;} #popup .arti p strong {display:block; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 4px; margin-left:-10px; margin-bottom:5px; padding-left:10px; color:#444} #popup .arti div b, #popup .arti p b {color:#1469b3; font-weight:normal;} #popup .arti strong {margin-bottom:5px;} #popup .arti ol li {line-height:1.5;} #popup .arti ul li {line-height:1.5;} #popup .arti ul {margin-bottom:10px} #popup .arti ul li {padding:0 0 10px 20px; color:#666;} #popup .arti ul li strong {display:block; margin-left:-8px; padding-left:8px; background:url(/images/common/bullet/bul_arr_blue.gif) no-repeat left 4px; margin-bottom:6px} #popup .arti ul li b {color:#1469B3; font-weight:normal} /*#popup .arti p strong {color:#ff6600;}*/ #popup .arti b, #popup .arti p strong b {color:#444; font-weight:bold;} #popup .arti table.info_list {margin-bottom:20px;} #popup .arti b.impact {display:block; margin-bottom:5px; color:#1469B3; font-weight:normal; line-height:1.5;} /* \롤백 대상/ */ div.summaryPrint h4 {clear:both; margin-bottom:10px; padding-left:13px; background:url(/images/common/bullet/bul_donut_blue.gif) no-repeat left 2px; color:#0075b0; font-size:12px;} div.summaryPrint .section {margin:0 0 20px 10px;} div.summaryPrint .section p {line-height:1.5;} div.summaryPrint ul.list_type {margin-bottom:10px;} div.summaryPrint ul.list_type.line_h, .line_h {margin-bottom:10px; line-height:1.4;} div.summaryPrint ul.list_type.line_h li {line-height:1.6; padding-bottom:10px;} div.summaryPrint ul.line_h li {padding-bottom:10px;} div.summaryPrint ul.list_type li {padding:0 0 5px 10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 6px; line-height:1.6;} div.summaryPrint ul.list_type li span {color:#1469b3;} div.summaryPrint ul.list_type li ul {margin-top:5px;} div.summaryPrint ul.list_type li.notice {color:#1469B3} div.summaryPrint ul.list_type.line_h ul {line-height:1.4;} div.summaryPrint ul.list_type li ul li {margin-bottom:0; padding-left:10px; background:url(/images/common/bullet/bul_arr_blue.gif) no-repeat left 6px; color:#666;} div.summaryPrint ul.list_type02 li {padding-left:10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 3px; line-height:1.5;} div.summaryPrint .connectjob li {padding:0 0 5px 10px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 3px;} /* /롤백 대상\ */ /* 고교계열 흥미검사 */ .pophigh h1 {margin-bottom:22px; height:58px; text-align:center; background:url(/images/consltJobCarpa/high/highTopBg.gif) repeat-x left top;} .pophigh .highCon {padding:0 32px;} .pophigh .intro {position:relative; height:604px; background:url(/images/consltJobCarpa/high/introBg.jpg) no-repeat right top;} .pophigh .intro .mt45 {margin-top:45px;} .pophigh .intro .logo { position:absolute; left:384px; bottom:0;} .pophigh .ininfo {padding-top:120px;} .pophigh .ininfo fieldset {margin:0 auto; width:542px; text-align:center;} .pophigh .ininfo fieldset *, .pophigh .highCon .indiv * {font-size:14px; font-family:dotum, '돋움';} .pophigh .ininfo fieldset dl {padding:15px 0; text-align:left; background:url(/images/consltJobCarpa/high/ininfoBg.gif) no-repeat left bottom; *zoom:1;} .pophigh .ininfo fieldset dl:after {content:""; display:block; clear:both;} .pophigh .ininfo fieldset dl dt, .pophigh .ininfo fieldset dl dd {float:left; margin-bottom:6px;} .pophigh .ininfo fieldset dl dt {padding:4px 0 0 40px; width:30px; height:22px; font-weight:bold;} .pophigh .ininfo fieldset dl dd {padding-left:13px; width:430px; height:26px;} .pophigh .ininfo fieldset dl dd span {display:inline-block; padding-top:4px; color:#666;} .pophigh .ininfo fieldset .inbtn {margin-top:19px;} .pophigh .highCon .notibox {padding-top:20px; background:url(/images/consltJobCarpa/high/notiboxBgT.gif) no-repeat left top;} .pophigh .highCon .notibox p {padding:0 20px 20px 20px; font-size:14px; font-family:dotum, '돋움'; background:url(/images/consltJobCarpa/high/notiboxBgB.gif) no-repeat left bottom; line-height:1.6;} .pophigh .highCon .highListT {margin-bottom:10px; height:460px;} .pophigh .highCon .highList {width:100%; border:1px solid #ccc;} .pophigh .highCon .highList th, .pophigh .highList td {border:1px solid #ccc;} .pophigh .highCon .highList thead th {padding:6px 0 3px 0; background:#eee;} .pophigh .highCon .highList tbody td {padding:9px 0; text-align:center; font-size:14px; font-family:dotum, '돋움';} .pophigh .highCon .highList tbody td img {vertical-align:top;} .pophigh .highCon .highList tbody td.title {padding-left:25px; text-align:left;} .pophigh .highCon .hightest {margin-bottom:10px; background:#eee; *zoom:1;} .pophigh .highCon .hightest:after {content:""; display:block; clear:both;} .pophigh .highCon .hightest img {float:left;} .pophigh .highCon .hightest table {float:right;} .pophigh .highCon .hightest table td {padding-top:3px; width:29px; height:16px; text-align:center; color:#fff; font-weight:bold; border:1px solid #c2c2c2; background:#a5a5a5;} .pophigh .highCon .hightest table td a {color:#fff; text-decoration:none;} .pophigh .highCon .hightest table td.succ {background:url(/images/consltJobCarpa/high/succBg.gif) no-repeat left top;} .pophigh .highCon .indiv dt {margin-bottom:20px; font-weight:bold;} .pophigh .highCon .indiv dd {margin-bottom:16px; padding-left:10px; background:url(/images/consltJobCarpa/high/dotBg.gif) repeat-x left bottom;} .pophigh .highCon .indiv dd p label {display:inline-block; margin-bottom:15px; width:216px;} .pophigh .highCon .indiv dd p label.wauto {width:auto;} .pophigh .highCon .indiv dd p input {vertical-align:middle;} .pophigh .btn {text-align:right;} .pophigh .btnC {text-align:center; margin-top:40px;} .pophigh span.num {display:inline-block; padding:4px 3px 0 0; text-align:center; width:43px; height:17px; font-size:14px; color:#fff; font-weight:bold; background:url(/images/consltJobCarpa/high/numBg.gif) no-repeat left top;} .pophigh .typing {border:1px solid #b0b0b0; height:20px;} .knowBox {margin-bottom:20px; padding-top:10px; width:736px; background:url(/images/consltJobCarpa/high/boxT.gif) no-repeat left top;} .knowBox .knowBoxIn {background:url(/images/consltJobCarpa/high/boxB.gif) no-repeat left bottom;} .knowBox .knowBoxIn .knowBoxCon {padding:15px 40px 20px 210px; min-height:115px; /*height:115px;*/} .knowBox .knowBoxIn .science {background:url(/images/consltJobCarpa/high/bgScience.gif) no-repeat 10px top;} .knowBox .knowBoxIn .liberal {background:url(/images/consltJobCarpa/high/bgLiberal.gif) no-repeat 10px top;} .knowBox .knowBoxIn .art {background:url(/images/consltJobCarpa/high/bgArt.gif) no-repeat 10px top;} #popup ul.interestRst {position:relative; background:url(/images/consltJobCarpa/high/bg_interest.gif) no-repeat; height:3px; padding:188px 0 0 20px; margin:10px 0 30px;} #popup ul.interestRst li {position:relative; float:left; display:inline; padding:0; width:50px; height:14px; margin-left:41px; text-align:center;} #popup ul.interestRst li span {position:absolute; bottom:25px; left:50%; width:30px; margin-left:-15px; background:#32ccfe; text-indent:-5000px;} #popup ul.interestRst.school {padding-left:0;} #popup ul.interestRst.school li {width:80px; margin:0 56px 0 80px;} #popup ul.interestRst.school li span {left:0; margin:0; width:80px; background:#b9de51;} #popup ul.interestRst li.average {position:absolute; left:0; margin:0; width:auto; color:#ff0000; font-size:11px; line-height:0.9;} #popup ul.interestRst li.average span {bottom:3px; left:0; margin-left:27px; width:653px; border-top:1px solid red; background:none;} /* 취업사기 방지를 위한 특별안내 팝업 */ #popup div.trick.graybox {margin-bottom:10px;} div.trick ol li {margin-bottom:15px; list-style:decimal inside; font-weight:bold; color:#1469b3; line-height:1.4;} div.trick ol li dl dt {margin-top:3px; font-weight:bold; color:#444;} div.trick ol li dl dd {font-weight:normal; color:#444;} #popup div.trick ol li dl dd strong {font-weight:normal; color:#1469b3;} #popup div.trick ol li dl dd p {font-size:11px;} #popup span.close_today {float:left; display:inline-block; background:none; text-align:left; font-size:11px; color:#444;} /* 공통 목록 숫자 */ .numlist ol li {margin-bottom:15px; padding:0 0 0 17px; color:#0075b0; font-weight:bold; line-height:1.6} .numlist ol li.num01 {background:url(/images/common/list_num01.gif) no-repeat left top;} .numlist ol li.num02 {background:url(/images/common/list_num02.gif) no-repeat left top;} .numlist ol li.num03 {background:url(/images/common/list_num03.gif) no-repeat left top;} .numlist ol li.num04 {background:url(/images/common/list_num04.gif) no-repeat left top;} .numlist ol li.num05 {background:url(/images/common/list_num04.gif) no-repeat left top;} .numlist ol li ul li {margin-bottom:0; padding-left:10px; color:#444; font-weight:normal; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 8px;} /* ActiveX 설치안내 */ #popup div.ActiveBox {padding:30px 0 34px 31px; width:664px; background:url(/images/common/popup/bg_active.gif) no-repeat 0 0;} #popup div.ActiveBox p {font-weight:bold; line-height:1.7;} #popup div.ActiveBox p.pl100 {margin-bottom:20px; padding-left:73px; text-decoration:underline;} #popup div.ActiveBox p strong {display:inline;} /* 이메일 이력서 */ p.VideoAdd {position:absolute; top:128px; right:0; padding-right:23px; font-size:11px; line-height:13px;} div.Videotalk p {position:absolute; top:75px; right:20px; padding:10px 0 0 6px; width:289px; height:42px; background:url(/images/common/aboutvideo.gif) no-repeat; font-size:11px;} p.VideoAdd label {vertical-align:bottom;} p.VideoAdd label img {vertical-align:top;} h2 span{color:#788eb7; font-weight:normal;} div.infobox03 {background:url(/images/common/bg_infobox03.gif) no-repeat 0 0;} div.infobox03 ul {padding:12px 0;} div.infobox03 ul li {margin-left:21px; padding-left:10px; background:url(/images/common/bullet/bul_arr_blue2.gif) no-repeat 0 5px; line-height:1.5;} div.infobox03 ul li img {vertical-align:top;} div.infobox03.long {background:url(/images/common/bg_infobox03_long.gif) no-repeat 0 0} /* 20180618 추가 */ table.popemail {margin-top:30px; border-top:2px solid #8a8a8a;} table.popemail th, table.popemail td {padding-top:14px;} table.popemail th {background:0;} table.popemail td {padding-left:15px; vertical-align:middle;} table.popemail td label {vertical-align:middle; *vertical-align:-5px; _vertical-align:middle;} /*수동 프로그램 설치*/ p.install_title {color:#ff6600;} p.install_text {margin-bottom:5px; color:#444; font-weight:bold;} p.close {float:right;} ol.decimal li {list-style:decimal; margin:0 0 0 20px; line-height:1.5;} #pop_ins .list_type li {height:11px;} /* 복권 */ div.lottery_info {position:relative; width:540px; height:400px; background:url(/images/event/jobyoung/event_jobyoung01.gif) no-repeat} div.lottery_info .lottery {position:relative; top: 228px; left:358px; width:48px; height:48px; background-image:url(/images/event/jobyoung/lottery.gif)} div.lottery_info span {display:block; text-indent:-5000px} div.lottery_succ, div.lottery_fail {position:relative} div.lottery_succ a, div.lottery_fail a {position:absolute; top: 194px; left:81px} div.lottery_succ span, div.lottery_fail span {display:block; text-indent:-5000px} /* 관련 개인정보보호법 상세보기 */ .privacybox {padding-bottom:40px; width:468px; background:url(/images/popup/bg_privacybox.gif) no-repeat;} .privacybox dl {padding:18px 17px 5px 17px; line-height:1.5;} .privacybox dl dt {font-weight:bold;} .privacybox dl dt strong {color:#ff6600;} .privacybox p strong.ee5524 {padding-left:18px; color:#ee5254 !important;} /* 직종 키워드 */ .keyword {position:relative; padding:10px; background:#f7f7f7; color:#444; margin:5px 0 10px 0; line-height:1.4} .keyword span {margin-left: 10px;vertical-align:middle;} /* 시간제 - 동영상시청 팝업(13.12.20.) */ .pop_movie_script {width:197px; height:298px; overflow:auto; margin-bottom:10px; padding:1px; border:1px solid #ddd; font-size:14px; color:#727272;} /* 채용정보 비교보기 */ .title_header .tit_name {float:left;padding:20px 0 10px} .title_header #location {float:right; position:absolute; top:18px; right:30px; font-family:"돋움",dotum; font-size:11px} .title_header #location strong, #content strong.black, #content span.black, #content p.black {color:#444;} /*1031*/ .title_header #location img {vertical-align:top} /* 20140813 취업지원관 팝업 신규 */ .require {color:#f35f54 !important} .mem_switch {font-size:14px} #popup fieldset.usr_srh dl {position:absolute; top:0; left:0; padding:17px 0 2px 20px; height:29px; background:url(/images/common/search_left.gif) no-repeat} #popup fieldset.usr_srh dl dt, #popup fieldset.usr_srh dl dd {float:left; line-height:16px} #popup fieldset.usr_srh dl dt {margin-left:10px; font-weight:bold; width:50px} #popup fieldset.usr_srh dl dd input.typing {margin-left:0; width:108px; vertical-align:top} #popup fieldset.usr_srh input[type="image"] {float:right; margin-right:10px} .scroll {width:695px} .search_list td.scroll {border-bottom:0} .scroll div {width:695px; height:155px; overflow-y:auto;} .scroll.bg div {background:url(/images/jobyoung/bg_scroll.gif) 0 0 repeat} /* 배경 이미지 없는것으로 확정시 지워주세요 */ #popup .scroll div .search_list {border-top:none} /* styleGuide개편 추가 */ .scroll div .search_list td {background:#fff} /* 20140826 공공아이핀 발급안내 팝업 신규 */ #popup .ipin_info {margin:0 auto; line-height:18px} #popup .ipin_info:after {clear:both; display:block; content:""} #popup .ipin_info > li {position:relative; float:left; width:189px; background:url(/images/popup/ipin/bg_ipinInfo.gif) right 0 no-repeat; text-align:center} #popup .ipin_info > li.last {background:none} #popup .ipin_info li h2 {height:205px; background:none; padding:0} #popup .ipin_info li p {position:absolute; left:0; top:155px; width:100%; text-align:center} #popup .ipin_info li ol li {padding-bottom:20px; width:100%; background:url(/images/popup/ipin/bg_list.gif) center bottom no-repeat} #popup .ipin_info li ol li.result {padding:0; background:none} #popup .ipin_info li ol li.result span {background:#1369b2; color:#fff; font-weight:bold} #popup .ipin_info li ol li span {display:block; margin:0 auto; padding:10px 5px; width:90%; line-height:18px; border:1px solid #ddd} /* 워크넷수상내역 팝업 수정 */ .pop_award * {text-indent:-9999px; width:0; height:0; overflow:hidden} .pop_award.type01 {width:580px; height:757px; background:url(/images/common/popup/award01.gif) 0 0 no-repeat} .pop_award.type02 {width:580px; height:976px; background:url(/images/common/popup/award02.gif) 0 0 no-repeat} .pop_award.type03 {width:580px; height:1165px; background:url(/images/common/popup/award03.gif) 0 0 no-repeat} .pop_award.type04 {width:580px; height:1126px; background:url(/images/common/popup/award04.gif) 0 0 no-repeat} .pop_award.type05 {width:580px; height:1080px; background:url(/images/common/popup/award05.gif) 0 0 no-repeat} .pop_award.type06 {width:580px; height:807px; background:url(/images/common/popup/award06.gif) 0 0 no-repeat} /* 20141218 직업심리검사 팝업 레이아웃 추가 */ #popup h2.tit_head {margin-bottom:15px; padding:0 0 0 10px; height:44px; line-height:44px; background:url(/images/popup/bar.gif) 0 0} #popup h2.tit_head span {display:block; background:url(/images/popup/bar.gif) right 0 no-repeat; color:#fff; font-weight:bold} /* 20140122 주소찾기 팝업 추가 */ #popup fieldset.usr_srh .rsult_srch {position:absolute; top:0; right:80px; padding:17px 0 2px 0; width:80px} #popup .scroll_table {position:relative; margin-bottom:15px; width:700px; border:1px solid #afc5e3} #popup .scroll_table table thead th {padding:0 5px; background:#deebf5; border-left:1px solid #afc5e3; border-bottom:1px solid #afc5e3} #popup .scroll_table table thead th:first-child {border-left:none} #popup .scroll_table table div {width:100%; height:250px; overflow-y:scroll; overflow-x:hidden} #popup .scroll_table table div td {padding:2px 5px; line-height:18px; background:url(/images/common/dot.gif) 0 bottom repeat-x; border-left:1px solid #afc5e3} #popup .scroll_table table div td:first-child {border-left:none} #popup .scroll_table table div tr:last-child td {background:none} #popup.useinfo {width:615px; background:none} /* styleGuide개편 */ #popup.useinfo #wrapper {padding:0 2px 0 3px} #popup.useinfo h1 {margin:0 -4px 17px -5px} #popup.useinfo h2,#popup.useinfo #location {display:none !important} /* 20161028 수정 */ #popup.useinfo h3 {padding-left:0; padding-top:13px; margin-bottom:14px; background:url(/images/useInfo/useWorknet/bg_h3.gif) 0 0 no-repeat; font-size:20px; font-family:NanumGothicBold; color:#333} /* 20161028 수정 */ #popup.useinfo .content {padding:0 16px 5px 15px} #popup.useinfo .use_worknet {margin-left:-17px; text-align:center;} #popup.useinfo .use_worknet a {margin-top:-10px; padding-top:10px; border-top:1px solid #dfdfdf;} #popup.useinfo ul.tab_menu {height:29px; margin-bottom:15px; background:url(/images/common/bg_tabmenu.gif) repeat-x left bottom} #popup.useinfo ul.tab_menu li {float:left; height:27px; margin-right:1px; padding-right:10px; background:url(/images/common/bg_tabr.gif) no-repeat right bottom} #popup.useinfo ul.tab_menu li * {float:left} #popup.useinfo ul.tab_menu li a,#popup.useinfo .tab_menu li.on strong {position:relative; height:18px; padding:9px 0 0 10px; background:url(/images/common/bg_tabl.gif) no-repeat left bottom; font-family:"돋움",dotum; font-size:11px; font-weight:bold; color:#555; letter-spacing:-1px} #popup.useinfo ul.tab_menu li a:hover {text-decoration:none} #popup.useinfo ul.tab_menu li.on {height:27px; background:url(/images/common/bg_tabron.gif) no-repeat right bottom} #popup.useinfo ul.tab_menu li.on strong {background:url(/images/common/bg_tablon.gif) no-repeat left bottom; color:#fff !important} #popup.useinfo ul.tab_menu li.on a {padding:0 0 0 0} #popup.useinfo span.tab_menu {display:block; padding:10px 0 7px 0; background:#fafafa; border-bottom:1px solid #cacaca; margin:-15px 0 15px 0; overflow:hidden} #popup.useinfo span.tab_menu02 {display:block; padding-top:8px; background:#fafafa; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; margin:10px 0 20px 0; overflow:hidden} #popup.useinfo span.tab_menu02 img {display:block; padding:0 0 10px 6px} #popup.useinfo span.tab_menu a,#popup.useinfo span.tab_menu strong,#popup.useinfo span.tab_menu02 a,#popup.useinfo span.tab_menu02 strong {float:left; display:inline; background:url(/images/common/bar.gif) no-repeat left 5px; padding:2px 14px; margin-left:-1px; height:22px; line-height:15px; font-size:12px; text-decoration:none} #popup.useinfo span.tab_menu strong, #popup.useinfo span.tab_menu02 strong {color:#1469B3; font-weight:normal; background:url(/images/common/tab_arrow.gif) no-repeat 50% 16px; padding:0; cursor:text} #popup.useinfo span.tab_menu strong {margin-left:0} #popup.useinfo .btn {padding:0; text-align:right} #popup.useinfo ol.deci {margin-left:17px} #popup.useinfo ol.deci li {list-style:decimal outside; line-height:1.5} #popup.useinfo ol.deci li img {margin:25px 0 10px 0; *margin-left:-21px} #popup.useinfo ol.deci li p {margin-left:-17px; *margin-left:-21px; padding-top:5px; text-indent:0; line-height:1.5} #popup.useinfo ol.deci li a {display:block; text-align:right; margin-bottom:30px} #popup.useinfo ol.deci li a img {margin:0} #popup.useinfo ol.deci li ul li {list-style:none; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 5px; padding-left:10px} #popup.useinfo ol.deci li ul li li{position:relative; background:none;} /* 20170207 추가 */ #popup.useinfo ol.deci li ul li li:before{position:absolute; left:0; top:0px; content:"-";} /* 20170207 추가 */ #popup.useinfo div.ask {display: none;} /* 채용정보 수정요청 팝업 추가 */ td.cnt_byte .notice {position:relative} td.cnt_byte .notice li {padding-left:10px; background:url("/images/common/ico/ico_hypen.gif") 0 6px no-repeat} td.cnt_byte .notice span {position:absolute; bottom:10px; right:10px} td.cnt_byte span {width:98%; text-align:right; padding-top:5px; font-size:11px; display:block} /* 한국직업사전 css */ #popup .jobdic {margin:5px 10px} #popup .jobdic table.search_detail td div.btn.fr {padding:0} #popup .jobdic h4 {clear:both; margin-bottom:6px; padding-left:13px; background:url(/images/common/bullet/bul_donut_blue.gif) no-repeat left 2px; font-family:NanumGothicBold; color:#0075b0; font-size:13px; font-weight:normal} #popup .jobdic .section {margin:0 0 20px 10px} #popup .jobdic .section .list_type li {background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 5px; line-height:1.6; padding:0 0 5px 10px} #popup .jobdic .section ul.inline2 {margin:-19px 0 0 56px;} /*/ web-acc /*/ .web-acc {display: block !important; position: relative; z-index: -3; width: 1px; height: 1px; overflow: hidden} /* 우편번호검색 리뉴얼 */ .search-keyword {display:none} .search_contol .loading {display:none} .result-table {border-bottom:1px solid #afc5e3} .result-table tbody.searching {display:none} .result-table tbody.no-data {display:none} .result-table tbody.address-wrap {display:none} .result-table tbody.address-wrap .addr-road, .result-table tbody.address-wrap .addr-jibun {text-align:left} .result-table tbody.address-wrap .rel-jibun {margin-top:3px; text-align:left; font-size:0.9em} .result-table tbody.address-wrap .rel-jibun button {background:url(/images/common/ico_ui_black.png) -2px 47px; width:14px; height:14px; text-indent:-1000px} .result-table tbody.address-wrap .rel-jibun button.summary {background-position: -18px 47px} .paging-control {visibility:hidden; clear:both; text-align:center; margin:-10px 0 10px 0} .paging-control img {position:relative; top:0} .paging-control * {vertical-align:middle; margin:0; padding:0} .paging-control button {display:inline-block; margin:0 3px; border:none; line-height:normal; font-family:"돋움",dotum; font-size:11px} .paging-control button.disabled {visibility:hidden} .paging-control span button.page-no {margin:0 3px} .paging-control span button.disabled {visibility:visible; font-weight:bold} .paging-control strong {color:#333 !important; font-weight:bold} .paging-control button.pre {margin-right:10px} .paging-control button.pre_end {margin:0} .paging-control button.next {margin-left:10px} .paging-control button.next_end {margin:0} /* paging(20180206추가) */ .paging {clear:both; margin:0 0 10px 0; height:27px; line-height:27px; text-align:center} .paging img {position:relative; top:0 !important} .paging a, .paging strong {display:inline-block; margin-left:2px; padding:0 5px !important; min-width:15px; height:25px; line-height:25px !important; border:1px solid #f4f4f4; background:#fff; font-size:12px !important; color:#767676; vertical-align:middle} .paging a:hover, .paging a:focus, .paging strong {display:inline-block; margin-left:2px !important; padding:0 5px; min-width:15px; height:25px; line-height:25px !important; border:1px solid #c7cfd4; background:#c7cfd4; vertical-align:middle; color:#333; font-weight:bold; text-decoration:none} .paging a.next, .paging a.next_end, .paging a.pre_end, .paging a.pre {padding:0 !important; width:27px; height:27px; border:none; background:none} /* 잡플래닛추가 20160310 시작 */ .job_planet {position:relative; margin:0 0 50px; padding:17px 19px 14px; border:1px solid #ddd} .job_planet .tit {padding-bottom:7px; line-height:20px; color:#0000cc; font-weight:bold} .job_planet .con {position:relative; margin-bottom:35px; line-height:20px} .job_planet .more {position:absolute; bottom:102px; right:20px; float:left; display:block; padding-left:7px; height:19px; line-height:19px; background:url(/images/common/btn/btn_gray.gif) 0 0 no-repeat} .job_planet .more span {float:left; display:block; padding-right:15px; height:19px; line-height:19px; background:url(/images/common/btn/btn_gray.gif) right 0 no-repeat; font-size:11px; color:#666} .job_planet .estimate {overflow:hidden; margin:0 !important; background:#f7f7f7; border-bottom:1px solid #dadada} .job_planet .estimate li {position:relative; float:left; padding-left:17px; width:141px; height:42px; line-height:42px; background:url(/images/empInfo/bar_estimate.gif) 0 16px no-repeat; font-family:NanumGothic; color:#666; font-size:11px} .job_planet .estimate li strong {font-family:Gulim, "굴림", sans-serif; font-size:12px; color:#333} .job_planet .estimate li.satisfied {padding-left:23px; width:188px; background:none} .job_planet .estimate li.satisfied .star {position:absolute; left:84px; top:13px; width:84px; height:15px; background:url(/images/common/ico/ico_star02_off.gif) 0 0 no-repeat} .job_planet .estimate li.satisfied .star .bar {float:left; background:url(/images/common/ico/ico_star02_on.gif) 0 0 no-repeat; text-indent:-5000px} .job_planet .estimate li.satisfied strong {position:absolute; display:block; left:175px; top:0} .job_planet .estimate li.meet {padding-left:14px; width:272px} .job_planet .estimate li.meet .state {overflow:hidden; position:absolute; top:13px; left:76px; width:104px; height:15px; background:url(/images/empInfo/bg_meetState.gif) 0 0 no-repeat} .job_planet .estimate li.meet .state img {position:relative; left:0} .job_planet .estimate li.meet strong {position:absolute; top:0; left:76px; padding-left:113px; background:url(/images/empInfo/bg_estimate.png) 0 13px no-repeat} .job_planet .estimate li strong {position:absolute; left:69px} #popup .job_planet p.gray {line-height:1.5; color:#666; word-break:break-all} #popup .job_planet p.gray strong {display:inline; color:inherit} /* 잡플래닛추가 20160310 끝 */ #popup .fc_red {color:red} #popup .fc_blue {color:blue} /* 심리검사 서비스 팝업 20160516 */ #psy_popup {width:984px; height:700px; font-family:NanumGothic; font-weight:normal; font-size:14px; color:#333} /* 20160711 수정 */ #psy_popup .pop_tit {padding-bottom:27px; background:url(/images/consltJobCarpa/jobPsyExamNew/bg_pop01.gif) no-repeat 0 0} #psy_popup .pop_tit.bg_non {background:url(/images/consltJobCarpa/jobPsyExamNew/bg_pop02.gif) no-repeat 0 0} #psy_popup .pop_tit h1 {padding:27px 0 38px 328px} #psy_popup .tit_list {padding-left:86px;} #psy_popup .tit_list li {padding-left:14px; line-height:25px; background:url(/images/consltJobCarpa/jobPsyExamNew/pop_tit_blt.gif) no-repeat 0 10px} #psy_popup .tit_list strong {font-family:NanumGothicBold; font-weight:normal; font-size:15px; color:#057907} #psy_popup .pop_cont {margin:0 auto; padding-top:20px; width:824px} #psy_popup .pop_tab {overflow:hidden; height:52px; background:url(/images/consltJobCarpa/jobPsyExamNew/bg_psytab.gif) 0 bottom repeat-x} #psy_popup .pop_tab li {float:left} #psy_popup .pop_tab li a {display:block; width:410px; height:50px; font-family:NanumGothicBold; font-weight:normal; font-size:15px; line-height:53px; color:#666; text-align:center; text-decoration:none; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;} #psy_popup .pop_tab li.on a, #psy_popup .pop_tab li a:hover, #psy_popup .pop_tab li a:focus {width:412px; height:52px; border:none; color:#35312e; background:url(/images/consltJobCarpa/jobPsyExamNew/tab_pop_on.gif) 0 0 no-repeat;} #psy_popup .tab_cont {padding:20px 21px 0 21px} #psy_popup .pop_login {position:relative} #psy_popup h2 {margin-bottom:15px; padding-left:22px; font-family:NanumGothicBold; font-weight:normal; font-size:15px; color:#35312e; background:url(/images/consltJobCarpa/jobPsyExamNew/blt_black.gif) no-repeat 0 5px} #psy_popup .pop_login .pop_info {overflow:hidden; width:500px; height:101px; border:1px solid #dcdcdc} #psy_popup .pop_login .pop_info dt, .pop_info dd {float:left} #psy_popup .pop_login .pop_info dt {padding-left:20px; width:80px; height:50px; line-height:50px; font-family:NanumGothicBold; font-weight:normal;} #psy_popup .pop_login .pop_info dd {padding:15px 0; width:400px; height:20px} #psy_popup .pop_login .pop_info .custId {border-bottom:1px solid #dcdcdc} #psy_popup input[type="text"], #psy_popup input[type="password"], #psy_popup select {height:20px; border:1px solid #ddd; font-family:NanumGothic; font-size:12px; padding-left:5px} #psy_popup .pop_login .submit {position:absolute; top:1px; left:392px} #psy_popup .pop_login .btn_grp {position:absolute; top:1px; left:531px; width:250px} #psy_popup .btn_grey {display:inline-block; width:250px; height:47px; background:#777; color:#fff; text-align:center; line-height:47px; text-decoration:none} #psy_popup .info_tb {width:774px; border:1px solid #dedede} #psy_popup .info_tb th, .info_tb td {border-bottom:1px solid #dedede} #psy_popup .info_tb th {padding-left:20px; font-family:NanumGothicBold; font-weight:normal; font-size:13px; color:#333; line-height:44px; text-align:left} #psy_popup .info_tb td {padding-left:15px; font-size:12px; text-align:left; background:url(/images/consltJobCarpa/jobPsyExamNew/bar_th.gif) no-repeat left 15px} /*20160524*/ #psy_popup .email {font-family:NanumGothic; font-size:15px; color:#666} #psy_popup .btn_green {display:inline-block; margin-right:5px; width:140px; height:37px; background:#6a9f4d; color:#fff; text-align:center; line-height:37px; text-decoration:none} #psy_popup .agree_box {width:774px; line-height:22px; font-size:13px; color:#333} #psy_popup .agree_box .scroll {overflow:hidden; overflow-y:scroll; margin-bottom:7px; padding:12px 20px; line-height:22px; width:732px; height:150px; border:1px solid #dcdcdc; color:#666; font-size:13px} #psy_popup .agree_box .scroll strong {font-weight:normal; font-family:NanumGothicBold} #psy_popup .agree_box input[type="radio"] {vertical-align:-2px} #psy_popup .agree_box label {padding-right:30px} #psy_popup .info_txt {line-height:20px; margin-bottom:5px} #psy_popup .info_txt .link {vertical-align:top; text-decoration:underline; color:#333} /* 이력서 미리보기 20161223 수정 시작 */ .psnsign {margin:15px 10px; text-align:center; font-size:16px; font-weight:bold;} .psnsign span {display:block; margin-top:20px; text-align:right; color:#444; font-size:12px; line-height:1.4;} .psnsign table {margin:0; padding:0; table-layout:fixed; border:0} .srchresult {margin:20px 10px; padding:10px; border:1px solid #e0e0e0; background:#f7f7f7; line-height:1.4; text-align:center;} .srchresult strong {color:#ff6600;} .skin01 {width:655px; padding:50px 20px 1px; margin:0 auto} #popup .skin01 h3 {margin:16px 0 7px; padding-left:19px; line-height:1.5em; background:url(/images/psnInfo/resume/01/bg_h3.gif) 2px 5px no-repeat; font-size:16px; color:#333; font-family:NanumGothicBold; font-weight:normal} .skin01 h3 span {vertical-align:-1px; color:#666; font-family:Dotum, "돋움"; font-size:12px} .skin01 h3 span .point {vertical-align:0; color:#02559b} .skin01 .psnbasic * {font-family:'NanumGothic'; font-weight:normal; color:#333} .skin01 .psnbasic {position:relative; margin-bottom:27px; padding-top:7px; background:url(/images/psnInfo/resume/01/bg_psnbasic_top.gif) 0 0 no-repeat} /* 20170201 수정 시작 */ .skin01 .psnbasic div {padding:11px 31px 11px; background:url(/images/psnInfo/resume/01/bg_psnbasic_btm.gif) 0 bottom no-repeat} .skin01 .psnbasic table td {margin:0; padding:0; line-height:1.5em; height:32px; text-align:left; color:#333; font-size:13px} .skin01 .psnbasic table .psn_num {padding-right:20px; height:30px; text-align:right; font-family:NanumGothicBold; font-size:13px; color:#45515c} .skin01 .psnbasic table .psn_name {padding-bottom:1px; height:30px; line-height:30px; background:#c0dbf4; border-bottom:1px solid #ecf6ff; font-family:NanumGothicBold; font-size:18px} .skin01 .psnbasic table .psn_name p {padding-bottom:14px; background:#d5eafd; font-family:NanumGothicBold; font-size:18px; color:#333} .skin01 .psnbasic table .psn_name span {vertical-align:0; font-size:15px} .skin01 .psnbasic table .psn_title p {line-height:32px; font-family:NanumGothicBold; font-size:22px; color:#0b5599 !important} .skin01 .psnbasic table tr:nth-child(4) td {padding-top:6px} /* 20170201 수정 끝 */ .skin01 .psnbasic table td.con {font-family:NanumGothicBold} .skin01 .data_list {padding:0 10px} .skin01 .data_list table {width:100%; border-top:2px solid #4293db; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} .skin01 .data_list th, .skin01 .data_list td, .skin01 .data_list .table_box {line-height:1.5em; font-size:12px; color:#333; font-family:Dotum, "돋움";} .skin01 .data_list th, .skin01 .data_list td {padding:8px 10px 9px; text-align:center; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf} .skin01 .data_list th {background:#f9f9f9} .skin01 .data_list .col_table th, .skin01 .data_list .col_table td {padding:8px 0 9px} .skin01 .data_list .col_table td {padding-left:10px; text-align:left} .skin01 .data_list .table_box {margin-bottom:20px; padding:10px; line-height:1.5em; border:1px solid #dfdfdf; border-top:2px solid #4293db} .skin02 {width:655px; padding:0; margin:0 auto} #popup .skin02 h3 {margin:22px 0 4px 0; line-height:1.5em; font-size:18px; color:#333; font-family:NanumGothicBold; font-weight:normal} .skin02 h3 span {vertical-align:0; color:#666; font-family:Dotum, "돋움"; font-size:12px} .skin02 h3 span .point {vertical-align:0; color:#333} .skin02 .psnbasic * {font-family:'NanumGothic'; font-weight:normal; color:#333} .skin02 .psnbasic {position:relative; margin-bottom:25px; background:#eee} .skin02 .psnbasic > div {position:relative} .skin02 .psnbasic table td {padding-bottom:4px; height:28px; text-align:left; background:#ffcb4c; font-size:14px; color:#333} .skin02 .psnbasic table tr td:first-child {padding-left:20px; width:37px} .skin02 .psnbasic table tr td:last-child {padding-right:20px} .skin02 .psnbasic table tr.hr td {padding-top:16px} .skin02 .psnbasic table tr.last td {padding-bottom:15px} .skin02 .psnbasic table tr td.psn_num {position:relative; padding:0 0 0 28px; height:40px; background:#eee} .skin02 .psnbasic table tr td.psn_num p {position:absolute; right:28px; top:30px; padding:0 5px 0 7px; height:20px; line-height:20px; background:#f87508; font-size:13px; color:#fff !important} .skin02 .psnbasic table tr td.psn_name {padding:0 27px; height:24px; line-height:24px; background:#eee; font-family:NanumGothicBold; font-size:22px; color:#333} .skin02 .psnbasic table tr td.psn_name span {font-size:16px; vertical-align:0} .skin02 .psnbasic table tr td.psn_title {padding:7px 27px 24px; line-height:1.5em; background:#eee; font-size:23px; color:#333} .skin02 .data_list table {border-top:2px solid #333; border-bottom:1px solid #dfdfdf} .skin02 .data_list th, .skin02 .data_list td, .data_list .table_box {line-height:1.35em; font-size:13px; color:#666; font-family:NanumGothic; font-weight:normal} .skin02 .data_list th, .skin02 .data_list td {padding:11px 10px; text-align:center; border-top:1px solid #dfdfdf} .skin02 .data_list th {line-height:1.25em; background:#fff9eb; color:#333; font-size:15px; font-family:NanumGothicBold} .skin02 .data_list .col_table th, .data_list .col_table td {padding:8px 0 9px} .skin02 .data_list .col_table td {padding-left:10px; text-align:left} .skin02 .data_list .table_box {margin-bottom:20px; padding:10px; border:1px solid #dfdfdf; border-top:2px solid #333} .skin03 {width:655px; padding:0; margin:0 auto; background:#f7f7f7} #popup .skin03 h3 {position:relative; padding:24px 0 9px 0; line-height:1.5e m; font-size:18px; color:#c32168; font-family:NanumGothicBold; font-weight:normal} .skin03 h3 span {position:absolute; top:27px; right:0; color:#666; font-family:Dotum, "돋움"; font-size:12px} .skin03 h3 span .point {position:relative; top:0; color:#333} .skin03 .psnbasic * {font-family:'NanumGothic'; font-weight:normal; color:#333} .skin03 .psnbasic {overflow:hidden; position:relative; background:#fff url(/images/psnInfo/resume/03/bg_psnbasic.gif) 0 0 no-repeat; border-bottom:1px solid #dc3f83} .skin03 .psnbasic table td {height:32px; text-align:left; background:#fff; font-size:13px; color:#333} .skin03 .psnbasic table td.con {font-size:15px} .skin03 .psnbasic table tr td:first-child {padding-left:28px; width:104px} .skin03 .psnbasic table tr.hr td {padding-top:20px} .skin03 .psnbasic table tr.last td {padding-bottom:21px} .skin03 .psnbasic table td.psn_num {padding:18px 24px 0; height:13px; text-align:right; background:none; font-family:NanumGothicBold; font-size:12px; color:#770736} .skin03 .psnbasic table td.psn_name {height:24px; background:none; font-family:NanumGothicBold; font-size:22px; color:#333} .skin03 .psnbasic table td.psn_name span {font-family:NanumGothic; font-size:18px} .skin03 .psnbasic table td.psn_title {padding:12px 24px 16px; height:36px; line-height:1.5em; background:none; font-family:malgun gothic, NanumGothic; font-size:24px; color:#fff} /* .skin03 .psn_title {line-height:32px;font-size:24px; font-family:NanumGothicBold; color:#fff;} .skin03 .psn_name {position:absolute; top:30px; left:29px; width:150px; text-align:center} .skin03 .psn_name dd {display:inline; line-height:1.5em; font-size:16px} .skin03 .psn_name dd.name {font-family:NanumGothicBold} .skin03 .psn_num {position:absolute; top:17px; right:15px} .skin03 .psn_num dt {display:inline; position:relative; top:0; left:0; text-indent:0; font-size:12px; font-family:NanumGothicBold; color:#770736} .skin03 .psn_num dd {display:inline; font-size:12px; font-family:NanumGothicBold; color:#770736} .skin03 .psn_num dt:before {content:"<"} .skin03 .psn_num dd:after {content:">"} */ .skin03 .basic_info {overflow:hidden; padding:0 27px 0 28px; width:600px; margin-left:-29px; padding-top:20px; background:#fff} .skin03 .basic_info dt, .skin03 .basic_info dd {float:left; padding:4px 0; line-height:22px; font-size:15px; color:#333} .skin03 .basic_info dt {clear:both; width:115px; font-size:13px; color:#666} .skin03 .keyword {margin:0; background:none} .skin03 .data_list {padding:0 18px} .skin03 .data_list table {background:#fff; border-top:2px solid #dd7fa8; border-bottom:1px solid #dfdfdf} .skin03 .data_list th, .skin03 .data_list td, .skin03 .data_list .table_box {line-height:1.35em; font-size:13px; color:#666; font-family:NanumGothic; font-weight:normal} .skin03 .data_list th, .skin03 .data_list td {padding:11px 10px; text-align:center; border-top:1px solid #dfdfdf} .skin03 .data_list th {line-height:1.25em; background:#fff; border-bottom:1px solid #666; color:#333; font-size:14px; font-family:NanumGothicBold; font-weight:normal} .skin03 .data_list .col_table th, .skin03 .data_list .col_table td {padding:8px 0 9px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf} .skin03 .data_list .col_table td {padding-left:10px; text-align:left} .skin03 .data_list .col_table th:first-child {border-left:0} .skin03 .data_list .table_box {margin-bottom:20px; padding:10px; background:#fff; border:1px solid #dfdfdf; border-top:2px solid #333; font-family:NanumGothic; font-weight:normal} /* 20161223 수정 끝 */ /* 워크넷이용안내 (20161028) */ #popup .use_guideInfo {position:relative; margin-top:35px; margin-bottom:26px; padding:9px 0 2px 158px; width:476px; background:url(/images/useInfo/useWorknet/bg_guide.gif) 52px 0 no-repeat; background-size:72px auto} #popup .use_guideInfo strong {display:block; font-size:22px; color:#000; font-family:NanumGothicBold} #popup .use_guideInfo strong span {color:#005fb5} #popup .use_guideInfo p {margin-top:6px; margin-bottom:20px; color:#666; font-size:13px; font-family:NanumGothic} #popup .use_guideInfo .btn_download {display:inline-block; padding:0 31px 0 15px; height:25px; line-height:25px; background:#a3a3a3 url(/images/useInfo/useWorknet/bg_download.gif) right 0 no-repeat; color:#fff; font-family:NanumGothicBold} #popup .tab_type02 {overflow:hidden; margin-bottom:0} #popup .tab_type02 li {position:relative; float:left; margin-right:-1px; height:28px; line-height:28px; border:1px solid #2b92e2; text-align:center} /* styleGuide개편 */ /* styleGuide개편 제거 #popup .tab_type02 li.tab01 {width:78px} #popup .tab_type02 li.tab02 {width:78px} #popup .tab_type02 li.tab03 {width:105px} #popup .tab_type02 li.tab04 {width:105px} #popup .tab_type02 li.tab05 {width:78px} #popup .tab_type02 li.tab06 {width:155px} */ #popup .tab_type02 li a, #popup .tab_type02 li strong {display:block; color:#1c86d8; font-size:11px; font-family:NanumGothicBold} /* styleGuide개편 */ /* 20170911 font-size수정 */ #popup .tab_type02 li.on {height:29px; border-bottom:none; background:#0f7ed4 url(/images/useInfo/useWorknet/bg_tabOn.gif) center bottom no-repeat} /* styleGuide개편 */ #popup .tab_type02 li.on strong{margin-bottom:0; color:#fff} #popup ul.tab_menu02 {margin-top:-1px; margin-bottom:10px; padding:14px 11px 11px 12px; border-top:1px solid #2b92e2; border-bottom:1px solid #bdbdbd; background:url(/images/useInfo/useWorknet/bg_tabMenu.gif) 0 0 repeat; overflow:hidden} /* styleGuide개편 */ #popup ul.tab_menu02 li {float:left; width:33.2%;height:35px; line-height:35px;} #popup ul.tab_menu02 li a {display:table-cell; padding:0 3px 0 7px; height:35px; line-height:17px; color:#444; font-family:NanumGothic; background:url(/images/useInfo/useWorknet/bul_dot_gray.gif) 0 center no-repeat} #popup ul.tab_menu02 li strong {color:#222; font-family:NanumGothicBold; text-decoration:underline} #popup ul.tab_menu02 li strong:after {content:""; display:inline-block; margin-left:1px; width:13px; height:10px; background:url(/images/useInfo/useWorknet/ico_check.png) right bottom no-repeat} #popup #content .useInfo_dtl h3 {padding-left:0; padding-top:13px; margin-bottom:14px; background:url(/images/useInfo/useWorknet/bg_h3.gif) 0 0 no-repeat; font-size:20px; font-family:NanumGothicBold} #popup .useInfo_dtl {margin-top:40px; color:#333} #popup .useInfo_dtl .img_area {display:block; margin:30px auto 0; width:575px} #popup .useInfo_dtl .img_area img {width:100%; margin:0} #popup .useInfo_dtl li ol {margin:5px 0 0 -17px; line-height:1.5} #popup .useInfo_dtl li ol.sub_step {margin-top:32px} #popup.useinfo ol.deci li ol.sub_step li p {text-align:left} #popup.useinfo ol.deci li ol.sub_step li p, #popup .useInfo_dtl ol.sub_step .img_area {margin-left:17px} #popup .useInfo_dtl .step_resume img {width:100%} #popup .useInfo_dtl .step_resume>ol>li {padding-bottom:30px; border-bottom:1px dashed #bcbcbc} #popup .useInfo_dtl .step_resume>ol>li.last {margin-bottom:5px; border-bottom:none} #popup .useInfo_dtl .step_resume li:after {display:block; content:""; clear:both} #popup .useInfo_dtl .step_resume li .tit {margin:38px 0 19px; color:#222; font-size:20px; font-family:NanumGothicBold; vertical-align:bottom} #popup .useInfo_dtl .step_resume li .tit strong {font-weight:normal; color:#14b6c7} #popup .useInfo_dtl .step_resume li .tit.v2 strong {color:#1ea9d8} #popup .useInfo_dtl .step_resume li .tit.v3 strong {color:#3a8adb} #popup .useInfo_dtl .step_resume li .tit.v4 strong {color:#3a6fdb} #popup .useInfo_dtl .step_resume li p.sub_txt {margin-top:6px; line-height:14px; color:#999} #popup .useInfo_dtl .step_resume li ol {float:left; margin-left:20px; width:68%} #popup .useInfo_dtl .step_resume li ol li {margin-bottom:16px} #popup .useInfo_dtl .step_resume .btn_group {position:relative; float:right; width:150px} #popup .useInfo_dtl .step_resume .btn_group a {display:inline-block; margin-bottom:6px; width:148px; height:27px; line-height:27px; border:1px solid #d7d7d7; background:#fbfbfb; color:#666; font-size:13px; font-family:NanumGothicBold; text-align:center} #popup .useInfo_dtl .step_resume .btn_group .w50 a {width:71px} #popup .useInfo_dtl .step_resume .btn_group .w50 a:first-child {margin-right:4px} #popup .useInfo_dtl .step_resume .btn_group .type02 {position:absolute; left:0; top:105px} #popup .useInfo_dtl .step_resume .btn_group .type03 {position:absolute; left:0; top:88px} #popup .useInfo_dtl div.ask {margin-top:50px; padding:20px 0 0 0; border:1px solid #dcdcdc} #popup .useInfo_dtl div.ask .title {display:block; margin-left:20px; padding-left:33px; line-height:26px; background:url(/images/useInfo/useWorknet/bg_ask.gif) 0 0 no-repeat; color:#333; font-size:18px; font-family:NanumGothicBold} #popup .useInfo_dtl div.ask ul {border:none; padding:15px 0 15px 21px; background:#fafafa; font-family:NanumGothic} #popup .useInfo_dtl div.ask ul li {padding:0 0 10px 8px; line-height:1.8em; background:url(/images/useInfo/useWorknet/bul_dot_blue.gif) 0 7px no-repeat; color:#666;} #popup .useInfo_dtl div.ask ul li a {top:-1px} #popup.useinfo ol.deci li .use_worknet {margin-left:-17px; text-align:center} #popup.useinfo ol.deci li .use_worknet a {margin-top:40px; padding-top:5px; border-top:1px solid #ddd; color:#1469b3} #popup.useinfo ol.deci li li {list-style:none} #popup.useinfo ol.deci li p strong {display:inline-block; margin-bottom:0; color:#444} .modal_wrap{position:relative;} .modal_wrap .btn_close{position:absolute; top:25px; right:28px; width:19px; height:20px; text-indent:-9999px; background:url(/images/jobyoung/jynEmpSpt/icon_close.png) no-repeat} .modal_wrap.support{width:703px; height:583px;} .modal_wrap.memoirs {width:910px; height:718px; background:url(/images/jobyoung/jynEmpSpt/img_memoirs.png) no-repeat 0 0; text-indent:-9999px; z-index:1000;} .modal_wrap.memoirs li a {display:block; position:absolute; width:87px; height:25px} .modal_wrap.memoirs li.mem01 a {top:128px; left:224px} .modal_wrap.memoirs li.mem02 a {top:229px; left:361px} .modal_wrap.memoirs li.mem03 a {top:325px; left:224px} .modal_wrap.memoirs li.mem04 a {top:430px; left:306px} .modal_wrap.memoirs li.mem05 a {top:523px; left:308px} .modal_wrap.memoirs li.mem06 a {top:622px; left:306px} .modal_wrap.memoirs li.mem07 a {top:128px; right:224px} .modal_wrap.memoirs li.mem08 a {top:229px; right:157px} .modal_wrap.memoirs li.mem09 a {top:325px; right:111px} .modal_wrap.memoirs li.mem10 a {top:446px; right:68px} .modal_wrap.memoirs li.mem11 a {top:521px; right:66px} .modal_wrap.memoirs li.mem12 a {top:623px; right:68px} /* checkbox or radio */ #popup .compare_pop .check_wrap{position:relative; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #popup .compare_pop .check_wrap input[type=checkbox]{position:absolute; left:0; width:13px; height:13px;} #popup .compare_pop .check_wrap label{letter-spacing:-0.5px; line-height:1.2; margin-left: 15px;} /* compare */ #popup .compare_pop{position:relative; width:740px; height:740px; padding:35px 24px 18px 25px; border: 1px solid #d5d5d5; background:#fff; box-sizing:border-box;} #popup .compare_pop .compare_top:after{clear:both; display:block; content:"";} #popup .compare_pop .compare_top h1{float:left; margin:0; padding:0; font-size:17px; color:#444; font-family:"NanumGothicBold"; background:none;} #popup .compare_pop .compare_top .des{float:right; margin-top:5px; font-size:13px; color:#444; font-family:"NanumGothicBold";} #popup .compare_pop .compare_top .des span{color:#dd4f1d;} #popup .compare_pop .compare_cont h2{margin:0; padding:0; font-family:"NanumGothicBold"; color:#444; font-size:13px; line-height:normal; text-align:center; background:none;} #popup .compare_pop .compare_cont h2 em{font-style:normal;} #popup .compare_pop .compare_cont{margin-top:10px; padding:20px 10px 22px; border:1px solid #d1d1d1; background:#f9f9f9;} #popup .compare_pop .compare_cont > div:after{clear:both; display:block; content:"";} #popup .compare_pop .compare_cont .col{float:left; width:215px;} #popup .compare_pop .compare_cont .col + .col{margin-left:11px;} #popup .compare_pop .compare_cont .recruit_list{height:530px; margin-top:10px; margin-bottom:0; padding:12px 11px 0 13px; border:1px solid #b6b6b6; box-sizing:border-box;} #popup .compare_pop .compare_cont .recruit_list li{padding:8px 0 8px; border-bottom:1px solid #d2d2d2;} #popup .compare_pop .compare_cont .recruit_list li:first-child{padding-top:0;} #popup .compare_pop .compare_cont .recruit_list li.last{padding-bottom:0; border-bottom:0 none;} #popup .compare_pop .compare_cont .recruit_list li strong{margin-bottom:0; font-weight:bold;} #popup .compare_pop .compare_cont .recruit_list li p{height:14px; margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #popup .compare_pop .compare_cont .recruit_list_empty{height:530px; margin-top:10px; margin-bottom:0; padding:12px 11px 0 13px; border:1px solid #b6b6b6; box-sizing:border-box; text-align: center; padding-top:240px;} #popup .compare_pop .compare_cont .btns_login_wrap{padding-top: 5px;} #popup .compare_pop .compare_cont .btns_login_wrap .btn_type_login{min-width:61px; height:27px; padding:0 11px 0 12px; line-height:29px; color:#fff; font-family:"NanumGothicBold"; font-size:13px; text-align:center; border:0; background:#666;} #popup .compare_pop .compare_cont .btns_wrap{margin-top:22px; text-align:center;} #popup .compare_pop .compare_cont .btns_wrap .btn_type03{min-width:105px; height:29px; padding:0 11px 0 12px; line-height:29px; color:#fff; font-family:"NanumGothicBold"; font-size:13px; text-align:center; border:0; background:#666} #popup .switch_step{width:100%; height:156px; min-width:456px; text-indent:-9999px; background:url(/images/member/joinintro_img03.gif) no-repeat;} /* /images/member/joinintro_img03.gif */ #popup .switch_des{width:92%; margin-top:15px;} #popup .switch_des li{margin-top:17px; padding-left:16px; line-height:18px; background:url(/images/common/bullet/bul_cir_blue.gif) no-repeat left 5px;} #popup .switch_des li:first-child{margin-top:0;} #popup .switch_des span{color:#1469b3; vertical-align:top;} #popup .app_event{position:relative; width:670px; height:1698px; text-indent:-9999px; background:url(/images/jobyoung/banner/app_event.jpg) no-repeat;} #popup .app_event h1, #popup .app_event h2{background:none} #popup .app_event span{display:block;} #popup .app_event .btn_event{position:absolute; left:168px; bottom:51px; width:326px; height:84px;} /* 취업지원프로그램 신청내역(20170413) */ #popup table.info_list.type02 tr.double td {color:#ff0000} #popup .f_red {color:#ff0000 !important} #popup .blue_box {padding:13px 10px 13px 18px; border:1px solid #afc5e3; background:#deebf5; font-family:Dotum, "돋움"} #popup .blue_box .tit_box {display:inline-block; line-height:1.2em; font-size:14px; color:#1469b3} #popup .blue_box ul.pgm_list {margin-bottom:2px} #popup .blue_box ul.pgm_list li {position:relative; display:inline-block; padding-left:10px; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #popup .blue_box ul.pgm_list li:before {display:inline-block; margin-right:15px; width:1px; height:11px; background:#444; vertical-align:-2px; content:""} #popup .blue_box ul.pgm_list li.pgm {padding-left:0; max-width:147px} #popup .blue_box ul.pgm_list li.pgm:before {display:none} #popup .blue_box ul.pgm_list li.org {max-width:161px} #popup .blue_box ul.pgm_list li strong {margin-right:10px} #popup .txt_bottom {margin:20px 0; text-align:center; font-size:14px; font-weight:bold; color:#444} /* Start : 생애경력설계 자가진단 중장년 신규 2017 */ .ir, .ir * {overflow:hidden; clear:both; margin-top:-1px; height:1px; text-indent:-5000px} .sst_con {padding-bottom:15px; width:741px; font-family:NanumGothic} .sst_con table tr th, .sst_con strong {font-family:NanumGothicBold; font-weight:normal} .sst_con .sst_box {padding:17px; line-height:1.625em; text-align:center; background-color:#f4f9fd; border:1px solid #ccc; color:#333; font-size:1.33333em} .sst_con .sst_box em {color:#df5f77; font-style:normal} .sst_con .sq_list .que {padding-top:25px; line-height:29px; color:#333; font-size:1.25em; font-family:NanumGothicBold} .sst_con .sq_list .ans {color:#333; font-size:1.25em} .sst_con .sq_list .ans ul {overflow:hidden; margin-bottom:0 !important; padding:0 0 2px 20px} .sst_con .sq_list .two li {float:left; width:50%} .sst_con .sq_list .three li {float:left; width:33.3333%} .sst_con .sq_list ul li button, .sst_con .sq_list ul li a {display:block; padding:10px 0 5px 36px; line-height:1.5em; background:url(/images/senior/lifePlan/selfTest/btn_off.gif) 0 0 no-repeat; border:0; font-size:1.0em; font-family:NanumGothic; text-decoration:none} .sst_con .sq_list ul li a:hover, .sst_con .sq_list ul li button:hover, .sst_con .sq_list ul li .on {background-image:url(/images/senior/lifePlan/selfTest/btn_on.gif); color:#35a6a6; font-family:NanumGothicBold} .sst_con .sq_list .ans select {height:28px} .sst_con .sq_list .ans ul.img {padding:0 0 2px} .sst_con .sq_list .img button, .sst_con .sq_list .img a {background-position:center 0; padding:36px 0 0; width:100%} .sst_con .sq_list .img button span, .sst_con .sq_list .img a span {display:block; padding-top:407px; background:center 0 no-repeat; text-align:center} .sst_con .sq_list .three.img span {width:242px} .sst_con .sq_list .img .work span {background-image:url(/images/senior/lifePlan/selfTest/img_work.png)} .sst_con .sq_list .img .work a:hover span, .sst_con .sq_list .img .work button:hover span, .sst_con .sq_list .img .work .on span {background-image:url(/images/senior/lifePlan/selfTest/img_work_on.png)} .sst_con .sq_list .img .nowork span {background-image:url(/images/senior/lifePlan/selfTest/img_nowork.png)} .sst_con .sq_list .img .nowork a:hover span, .sst_con .sq_list .img .nowork button:hover span, .sst_con .sq_list .img .nowork .on span {background-image:url(/images/senior/lifePlan/selfTest/img_nowork_on.png)} .sst_con .sq_list .img .present span {background-image:url(/images/senior/lifePlan/selfTest/img_present.png)} .sst_con .sq_list .img .present a:hover span, .sst_con .sq_list .img .present button:hover span, .sst_con .sq_list .img .present .on span {background-image:url(/images/senior/lifePlan/selfTest/img_present_on.png)} .sst_con .sq_list .img .prevjob span {background-image:url(/images/senior/lifePlan/selfTest/img_prevjob.png)} .sst_con .sq_list .img .prevjob a:hover span, .sst_con .sq_list .img .prevjob button:hover span, .sst_con .sq_list .img .prevjob .on span {background-image:url(/images/senior/lifePlan/selfTest/img_prevjob_on.png)} .sst_con .sq_list .img .newcomp span {background-image:url(/images/senior/lifePlan/selfTest/img_newcomp.png)} .sst_con .sq_list .img .newcomp a:hover span, .sst_con .sq_list .img .newcomp button:hover span, .sst_con .sq_list .img .newcomp .on span {background-image:url(/images/senior/lifePlan/selfTest/img_newcomp_on.png)} .sst_con .sq_list .img .newjob span {background-image:url(/images/senior/lifePlan/selfTest/img_newjob.png)} .sst_con .sq_list .img .newjob a:hover span, .sst_con .sq_list .img .newjob button:hover span, .sst_con .sq_list .img .newjob .on span {background-image:url(/images/senior/lifePlan/selfTest/img_newjob_on.png)} .sst_con .sq_list .img .different span {background-image:url(/images/senior/lifePlan/selfTest/img_different.png)} .sst_con .sq_list .img .different a:hover span, .sst_con .sq_list .img .different button:hover span, .sst_con .sq_list .img .different .on span {background-image:url(/images/senior/lifePlan/selfTest/img_different_on.png)} .sst_con .sq_list .img .startup span {background-image:url(/images/senior/lifePlan/selfTest/img_startup.png)} .sst_con .sq_list .img .startup a:hover span, .sst_con .sq_list .img .startup button:hover span, .sst_con .sq_list .img .startup .on span {background-image:url(/images/senior/lifePlan/selfTest/img_startup_on.png)} .sst_con .sq_list .age li {padding-top:225px; background:center 0 no-repeat} .sst_con .sq_list .age li button, .sst_con .sq_list .age li a {margin-left:65px} .sst_con .sq_list .age li.forties {background-image:url(/images/senior/lifePlan/selfTest/img_forties.png)} .sst_con .sq_list .age li.fifties {background-image:url(/images/senior/lifePlan/selfTest/img_fifties.png)} .sst_con .sq_list .age li.seventies {background-image:url(/images/senior/lifePlan/selfTest/img_seventies.png)} .sst_con .diagram .d_info {padding:16px 0 22px; border:1px solid #ddd; border-top:0; line-height:39px; text-align:center; color:#333; font-size:18px} .sst_con .diagram .d_info span {display:inline-block; padding:0 15px; border-radius:25px; font-family:NanumGothicBold; font-size:20px} .sst_con .diagram .d_info span.develop {border:2px solid #0575dc; color:#0575dc} .sst_con .diagram .d_info span.behavior {border:2px solid #df5f77; color:#df5f77} .sst_con .diagram .victory {margin-bottom:40px; padding:7px 0; line-height:2.0em; text-align:center; background:url(/images/senior/lifePlan/selfTest/bg_victory.jpg) 0 0 no-repeat; color:#fff; font-family:NanumGothicBold; font-size:18px} .sst_con .diagram .victory strong {color:#fff000} .sst_con .diagram .victory span {color:#00fcff} .sst_con .diagram table {border-top:2px solid #0f7ed4} .sst_con .diagram table thead th {height:43px; background:#cbdfee; color:#0767b2; font-size:14px} .sst_con .diagram table thead th.sub_th {font-size:12px; color:#333} .sst_con .diagram table tbody th {background:#e9f3fa} .sst_con .diagram table th, .sst_con .diagram table td {line-height:1.5em; border-bottom:1px solid #ddd} .sst_con .diagram table td {padding:10px; text-align:left} #popup .sst_con .diagram h3.site_tit {margin:20px 0 0; height:51px; line-height:51px; text-align:center; background:#f4f9fd; border:1px solid #ccc; border-bottom:0; color:#333; font-size:16px} .sst_con .diagram .site_list {padding:20px; border:1px solid #ccc; border-top:1px dashed #c2c2c2} .sst_con .diagram .site_list ul {margin:0 20px; overflow:hidden} .sst_con .diagram .site_list ul li {position:relative; float:left; width:25%; text-align:center} .sst_con .diagram .site_list ul li:before {position:absolute; top:0; left:0; content:""; width:1px; height:85px; background:#ddd} .sst_con .diagram .site_list ul li:first-child:before {display:none} .sst_con .diagram .site_list ul li span {display:inline-block; width:80px; line-height:18px; color:#1e303d; font-family:NanumGothicBold; font-size:14px; text-decoration:none} /* 접근성 개선 작업으로 인한 수정 20180213 */ .sst_con .diagram .site_list ul li span img {display:block; margin:0 auto 18px; width:51px; height:35px} /* 접근성 개선 작업으로 인한 수정 20180213 */ .sst_con .diagram .site_list table {border-top:1px solid #ddd} .sst_con .diagram .site_list table th {height:40px; background:#e9e9e9; border-bottom:1px solid #ddd; color:#333} .sst_con .diagram .site_list table td {padding:9px 5px; line-height:18px; text-align:center; border-bottom:1px solid #ddd} .sst_con .ss_btn {display:inline-block; padding:0 19px; height:36px; line-height:36px; background:#0f7ed4; color:#fff; font-size:14px; font-family:NanumGothicBold; text-decoration:none} .sst_con .ss_btn.orange {background:#f47c2c; color:#fff !important} .sst_con .btn {padding-top:20px; overflow:hidden} /* End : 생애경력설계 자가진단 중장년 신규 2017 */