@charset "euc-kr"; /* .File Name : /css/css_v03/ni.css .Final Editor : 장성민 (2010-06-29 : shorten URL) */ /* common ------------------------------------------------------------------------------------ */ /* base */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;} table {border-collapse:collapse; border-spacing:0;} ol, ul, li {list-style:none;} h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;} form, fieldset {border:0 none;} img {border:0; vertical-align:top;} select {background-color:#fff;} address, caption, em {font-weight:normal; font-style:normal;} #accessibility, .skip, legend {position:absolute; width:0; height:0; font-size:0; overflow:hidden;} select, input, option, textarea {vertical-align:middle; font:12px gulim, "굴림", dotum, "돋움", verdana;} hr {display:none;} .clear {clear:both;} .hide {display:none;} input.ipt {height:18px; _height /**/:19px; padding:1px 0 0 3px; border:1px solid #D2D5D8; background-color:#fff; font:12px arial;} /* odd style */ .b {font-weight:bold !important;} .u {text-decoration:underline !important;} .ls_1 {letter-spacing:-1px;} .ls_2 {letter-spacing:-2px;} .ls_3 {letter-spacing:-3px;} .alignLeft {text-align:left;} .alignCenter {text-align:center;} .alignRight {text-align:right;} /* anchor */ a {text-decoration:none;} a:link, a:visited {color:#444; text-decoration:none;} a:hover, a:active {color:#06c; text-decoration:none;} /* layout ------------------------------------------------------------------------------------ */ body {font:12px gulim, 굴림, dotum, 돋움, verdana, arial; text-align:center; color:#444;} #wrap {position:relative; width:910px; margin:0 auto; text-align:left;} #header {position:relative; width:910px; margin-bottom:11px;} #content {} #wing {position:absolute; right:-75px; margin-top:150px;} #bodyTag {z-index:1000;} /* header ------------------------------------------------------------------------------------ */ #header h1 {position:relative; padding:10px 0 0 0; height:53px; _height /**/:58px;} #header h1 a {position:absolute; top:34px; left:205px;} #header .txt_id {position:absolute; top:6px; right:288px; text-align:right; font:bold 12px arial; color:#666;} #header .bullet {vertical-align:middle; margin-right:3px;} /* lnb */ #header .lnb {position:absolute; top:9px; right:2px; z-index:2;} #header .lnb p {float:left; font:bold 11px dotum, 돋움;} #header .lnb ul li {float:left; margin-left:10px;} #header .lnb ul .odd {position:relative; top:-2px; margin-right:-2px; } #header .lnb ul li ul#odd_lnb {position:absolute; top:15px; right:-2px; width:113px; _width /**/:130px; margin:0; background:#fff; border:2px solid #2073D1; padding:9px 0 2px 13px; z-index:100;} #header .lnb ul li ul#odd_lnb li {float:left; width:55px; height:18px; margin-left:0;} #header .lnb ul li ul#odd_lnb li a {letter-spacing:-1px;} #header .lnb ul li ul#odd_lnb.hide {top:-1000px;} /* gnb */ #header #gnb {position:absolute; top:37px; _top:38px; right:0;} #header #gnb li {float:left;} #header #gnb ul li a {display:block; height:26px; background:url(/images/List_GI/NI/gnb_ni_01.gif) no-repeat 0 0px; text-indent:-5000px; overflow:hidden;} #header #gnb ul li.tab01 a {width:63px; background-image:url(/images/List_GI/NI/gnb_ni_01.gif);} #header #gnb ul li.tab02 a {width:77px; background-image:url(/images/List_GI/NI/gnb_ni_02.gif);} #header #gnb ul li.tab03 a {width:65px; background-image:url(/images/List_GI/NI/gnb_ni_03.gif);} #header #gnb ul li.tab04 a {width:80px; background-image:url(/images/List_GI/NI/gnb_ni_06.gif);} #header #gnb ul li.tab05 a {width:65px; background-image:url(/images/List_GI/NI/gnb_ni_04.gif);} #header #gnb ul li.tab06 a {width:108px; background-image:url(/images/List_GI/NI/gnb_ni_05.gif);} #header #gnb ul li.tab07 a {width:80px; background-image:url(/images/List_GI/NI/gnb_ni_07.gif);} body#nHome #header #gnb ul li.tab01 a, body#nNew #header #gnb ul li.tab02 a, body#nIntern #header #gnb ul li.tab03 a, body#intView #header #gnb ul li.tab04 a, body#nWidget #header #gnb ul li.tab05 a, body#nDiary #header #gnb ul li.tab06 a, body#nStudy #header #gnb ul li.tab07 a {background-position:0 -26px;} /* search */ #header #search_area {position:relative; width:910px; height:42px; background:#fff url(/images/List_GI/NI/bg_gnb.gif) repeat-x; z-index:1;} #header #search_area fieldset {position:absolute; top:6px; left:270px;} #header #search_area #search {width:370px; height:28px;} #header #search_area #search fieldset {position:absolute; top:7px; left:270px; width:490px; background:url(/images/List_GI/NI/bg_schBox.gif) no-repeat;} #header #search_area #search fieldset .selected {padding-right:22px; margin-top:1px; font-weight:bold;} #header #search_area #sch_title {display:block; float:left; padding:8px 0 4px 12px; width:42px; _width /**/:75px; color:#000; letter-spacing:-1px;} #header #search_area #sch_list {position:absolute; top:26px; left:1px; width:62px; _width /**/:64px; padding-top:1px; border:1px solid #C8C8C8; background:url(/images/List_GI/NI/bg_schsBox.gif) repeat-x; z-index:100;} #header #search_area #sch_list.hide{top:-1000px;} #header #search_area #sch_list li {padding:2px 7px 2px 10px;;} #header #search_area #search .btn {position:absolute; top:4px; left:317px;} #header #search_area #search .txt {float:left; background:url(/images/List_GI/NI/bg_input.gif) no-repeat; width:230px; padding:4px 0 0 0; margin:5px 10px 0px 0; border:0; color:#444; font:bold 12px gulim,"굴림",sans-serif;} /* 상단 검색 좌측 텍스트 */ #header #search_area #ifrmLeft {position:absolute; top:0; left:2px; width:280px; height:30px; border:0;} /* 상단 검색 우측 텍스트 */ #header .head_svc #ifrmBottom {position:absolute; top:9px; right:8px; width:330px; height:30px; border:0; text-align:right;} #header .head_svc {position:relative; width:910px; height:35px; background:#fff url(/images/List_GI/NI/bg_head.gif) repeat-x;} #header .head_svc ul {position:absolute; top:9px; left:21px;} #header .head_svc li {display:inline;} /* Top Layout */ #topWrap {float:left; background:none; overflow:hidden;} #slWrap {float:left; width:196px; _width /**/:210px; padding:7px; background:#4096E1 url(/images/List_GI/NI/bg_dday.gif) repeat-x left bottom;} #scWrap {float:left; width:436px; margin-left:16px;} #srWrap {float:right; width:230px; margin-left:16px;} /* 모집인원 채용지수 */ #giCnt {width:196px; padding:15px 0 16px 0; margin-bottom:6px; background:#4096E1 url(/images/List_GI/NI/bg_giCnt.gif) no-repeat; letter-spacing:-1px; overflow:hidden;} #giCnt dl {float:left; position:relative; width:87px; width /**/98px; padding-left:11px; color:#fff;} #giCnt dl dt {padding-left:6px; margin-bottom:9px; font-weight:bold;} #giCnt dl dt a {color:#fff;} #giCnt dl dd {text-align:center; margin-left:-10px;} #giCnt dl dd .txt {margin-top:15px;} /* D-Day */ #dDay {position:relative; height:306px;} #dDay h3 {width:196px; height:17px; _height /**/:24px; padding-top:7px; background:url(/images/List_GI/NI/bg_tit_dday.gif) no-repeat; text-align:center;} #dDay h3 a {color:#444; font-weight:bold; letter-spacing:-1px;} #dDay h3 a:hover {text-decoration:underline;} #dDay dl {position:relative; height:55px; padding-left:73px; margin-top:11px;} #dDay dl dt {padding-top:3px; margin-bottom:5px;} #dDay dl dt a {font:bold 12px gulim, 굴림; color:#fff; letter-spacing:-1px;} #dDay dl dd {line-height:1.2;} #dDay dl dd a {font:normal 11px dotum, 돋움; color:#C1E2FF;} #dDay dl dd.imgDay {position:absolute; top:0; left:0;} #dDay .more {position:absolute; bottom:3px; right:0; margin-top:10px;} /* 가장 많이 본 채용정보 */ #bestView {margin-bottom:13px; margin-top:6px; width:438px;} #bestView h3 {margin-bottom:2px; font:bold 12px dotum, 돋움; color:#000;} #bestView ul {background:url(/images/List_GI/NI/bg_bestview.gif) no-repeat; padding-top:7px; height:148px; _height /**/:153px;} #bestView li {padding:8px 16px 6px 16px;} #bestView li span {font-family:dotum, 돋움; font-size:11px; letter-spacing:0;} #bestView li a {font-family:gulim, 굴림;} #bestView li a:hover, #bestView li a:active {text-decoration:underline;} #bestView li.over {background:url(/images/List_GI/NI/bg_bestview_ov.gif) no-repeat; padding:8px 16px 0 15px; height:20px;_height /**/:28px;} #bestView li.over a {font:bold 13px gulim, 굴림; color:#000; letter-spacing:-1px; text-decoration:none;} #bestView li.over a:hover, #bestView li.over a:active {text-decoration:none;} /* 공채데스크 메인 */ #niDesk {position:relative; color:#000;} #niDesk h3 {letter-spacing:-1px; padding-top:5px; padding-bottom:5px; font-weight:bold;} #niDesk p {position:absolute; top:5px; right:0;} #niDesk ul { width:437px; position:relative; margin-bottom:10px; background:url(/images/List_GI/NI/bg_niDesk.gif) no-repeat;} #niDesk ul li {line-height:1.5;} #niDesk ul li ul, #niDesk ul li dl {position:absolute; top:0; left:131px; background:none;} #niDesk ul li ul.lsNotice {padding-top:12px; width:313px; height:142px;} #niDesk ul li ul.lsNotice li {line-height:2.2; padding-left:10px; background:url(/images/List_GI/NI/DS_ico.gif) no-repeat 0 10px; letter-spacing:-1px;} #niDesk ul li ul.lsNotice li strong a {text-decoration:underline;} #niDesk ul li ul.lsInterview {padding-top:14px; line-height:0; width:300px; letter-spacing:-1px;} #niDesk ul li ul.lsInterview li {height:88px;} #niDesk ul li ul.lsInterview li dl {padding-top:0; width:300px; top:10px; left:0; background:none;} #niDesk ul li ul.lsInterview li dl dt {float:none; width:220px; padding-left:80px;} #niDesk ul li ul.lsInterview li dl dt strong {margin-bottom:3px; display:inline-block; background:url(/images/List_GI/NI/bg_main_title.gif) repeat-x; padding:1px; *padding:2px 1px 0px 1px; font:normal 11px/15px dotum; color:#7C540A; border-left:1px solid #E8D5B1; border-right:1px solid #E8D5B1;} #niDesk ul li ul.lsInterview li dl dt a {font-weight:bold; letter-spacing:-1px; color:#000; text-decoration:underline;} #niDesk ul li ul.lsInterview li dl dd.photo {position:absolute; top:0; left:0; width:70px; height:80px; padding-top:0; border:1px solid #C1C1C1;} #niDesk ul li ul.lsInterview li dl dd.contents {width:220px; padding:3px 0 0 80px; color:#787878; font:normal 11px/15px dotum, "돋움"; display:block;} #niDesk ul li ul.lsInterview li.adTitle {height:20px; padding-left:8px; background:url(/images/List_GI/NI/DS_ico01.gif) no-repeat 0 2px;} #niDesk ul.muView {background:none; margin-bottom:0;} #niDesk ul.muView li a {color:#555; font:normal 12px gulim, 굴림;} #niDesk ul.muView li {padding:2px 0; font-weight:normal; color:#999; font:normal 11px dotum, 돋움;} #niDesk ul.muView li em {padding-right:5px; color:#0064BB; font:normal 12px gulim, 굴림;} #niDesk ul li dl {width:491px; padding-top:14px;} #niDesk ul li dl dt {width:70px; float:left; } #niDesk ul li dl dd {width:290px; letter-spacing:-1px; padding-top:3px; height:30px;} /* 인사담당자 인터뷰 : 메인 */ #interview {position:relative; border:1px solid #DBDADA;} #interview h3 {background:#FAFAFA; height:18px; _height:/**/:25px; padding:7px 0 0 13px; margin:1px 1px 13px 1px; font-weight:bold; letter-spacing:-1px;} #interview h3 span {color:#818181; letter-spacing:0;} #interview h3 em {position:absolute; top:8px; right:7px;} #interview dl {position:relative; height:41px; padding-left:70px;} #interview dl dt img {position:absolute; top:0; left:0;} #interview dl dd {line-height:1.3; letter-spacing:-1px;} #interview ul {position:relative; margin:0 14px 17px 12px;} #interview ul li.odd {padding-left:2px; padding-top:6px;} /* 취업스터디 TOPIC */ #nGiStudy {margin-top:14px;} #nGiStudy h3 {width:217px; _width /**/:229px; height:18px; _height /**/:25px; padding:7px 0 0 12px; background:url(/images/List_GI/NI/bg_rtitle.gif) no-repeat; font-weight:bold; letter-spacing:-1px;} #nGiStudy h3 em {padding-left:71px;} #nGiStudy ul {margin:10px 14px 0 14px;} #nGiStudy ul li {line-height:1.6;} /* 잡 in 뉴스 */ #jobInNews {margin-top:10px;} #jobInNews h3 {width:217px; _width /**/:229px; height:18px; _height /**/:25px; padding:7px 0 0 12px; background:url(/images/List_GI/NI/bg_rtitle.gif) no-repeat; font-weight:bold;} #jobInNews h3 img {position:relative; top:-1px; margin:0 1px;} #jobInNews h3 em {padding-left:114px;} #jobInNews ul {margin:10px 14px;} #jobInNews ul li {line-height:1.6;} /* 취업지식 */ #knowledge {margin-top:14px;} #knowledge h3 {width:217px; _width /**/:229px; height:18px; _height /**/:25px; padding:7px 0 0 12px; background:url(/images/List_GI/NI/bg_rtitle.gif) no-repeat; font-weight:bold; letter-spacing:-1px;} #knowledge h3 em {padding-left:123px;} #knowledge ul {margin:10px 14px 0 14px;} #knowledge ul li {line-height:1.6;} /* Hot 채용정보 */ #hotEmploy {clear:both; padding:20px 0 25px 0; overflow:hidden; _zoom:1;} #hotEmploy h3 {margin:0 0 10px 8px;} #hotEmploy dl {float:left; position:relative; width:210px; _width /**/:300px; height:55px; _height /**/:68px; padding-top:13px; padding-left:90px; margin:0 5px 5px 0; background:url(/images/List_GI/NI/bg_hot.gif) no-repeat;} #hotEmploy dl.end {margin-right:0;} #hotEmploy dl dt {margin-bottom:5px; letter-spacing:-1px;} #hotEmploy dl dt a {background:url(/images/List_GI/NI/icon_gray.gif) no-repeat 3px 4px !important; padding-left:11px;} #hotEmploy dl dt img {margin-top:1px; margin-left:1px;} #hotEmploy dl dd em {font-size:11px; letter-spacing:0;} #hotEmploy dl dd {padding-left:11px; padding-right:11px;} #hotEmploy dl dd a {color:#666;} #hotEmploy dl dd.imgLogo {position:absolute; top:21px; left:9px; padding-left:0;} #hotEmploy p.rent {float:left; margin:0 5px 5px 0;} #hotEmploy p.end {margin:0 0 5px 0;} /* Hot 채용정보 : 옵션 */ #hotEmploy dl.opt {background:url(/images/List_GI/NI/bg_hot_opt.gif) no-repeat;} #hotEmploy dl.opt dt a {color:#0064BB;} /* 주간 채용정보 */ #infoWeek {position:relative; clear:both; margin:2px 0 18px 0; z-index:1;} #infoWeek h3 {margin-bottom:10px; margin-left:8px;} #infoWeek p.calendar {position:absolute; top:0; left:120px;} #infoWeek ul.icon {position:absolute; top:3px; right:0;} #infoWeek ul.icon li {display:inline; margin-left:15px; font:normal 11px dotum,돋움; color:#666; letter-spacing:-1px;} #infoWeek ul.icon li img {margin-right:2px;} #infoWeek .listNo {font:normal 12px dotum, 돋움; letter-spacing:-1px; color:#999; margin:22px 0 29px 0; line-height:2.4;} #infoWeek .listNo p {font:normal 11px dotum, 돋움; letter-spacing:-1px; color:#999;} #infoWeek ul.viewIcon {position:absolute; top:-2px; left:98px; width:200px;} #infoWeek ul.viewIcon li {display:inline; margin:0 -3px 0 0;} #infoWeek ul.viewIcon li img {margin-right:2px;} #infoWeek ul.diaryIcon {position:absolute; top:-2px; left:138px; width:200px;} #infoWeek ul.diaryIcon li {display:inline; margin:0 -3px 0 0;} #infoWeek ul.diaryIcon li img {margin-right:2px;} #infoWeek ul.funcIcon {width:904px; *width:911px; padding:4px 7px 6px 0; text-align:right; background:#f5f5f5;} #infoWeek ul.funcIcon li {display:inline;} #infoWeek #listNo {position:absolute; left:370px; top:115px; z-index:120; text-align:center;} #infoWeek #listNo p {padding:3px; color:#999; letter-spacing:-1px;} #infoWeek #listNo p a {text-decoration:underline; color:#999;} #infoWeek .week {position:relative; background:url(/images/List_GI/NI/bg_gi_infoweek.gif) repeat-x left bottom;} #infoWeek ul.none {} #infoWeek ul.none li {width:130px; float:left;} #infoWeek table {table-layout:fixed; clear:both; _table-layout /**/:auto; border-top:1px solid #2779CA; border-left:1px solid #BCCEDF; border-right:1px solid #BCCEDF; border-bottom:1px solid #BCCEDF;} #infoWeek table th {height:47px; *height:43px; padding-top:4px; background:#EAF5FF; text-align:center; font-weight:normal; font-size:12px; } #infoWeek table th.todayBg {font-weight:bold; background:#D2E9FE;} #infoWeek table th em {font:bold 11px dotum, 돋움;} #infoWeek table td {vertical-align:top; background:url(/images/List_GI/NI/diary_bg.gif) repeat-x left bottom; } #infoWeek table td a {font:11px dotum; letter-spacing:-1px; color:#646464;} #infoWeek table td ul {padding:8px 0 0 9px;} #infoWeek table td ul li {width:110px; padding:0 0 3px 0; white-space:nowrap; overflow:hidden;} #infoWeek table td ul li dl {margin-bottom:2px;} #infoWeek table td ul li dl dt a {font-weight:bold;} #infoWeek table td ul li dl dd {padding:0 0 0 18px;} #infoWeek table td ul li img {*vertical-align:top; margin:4px 3px 0 0;} #infoWeek table td p.more {padding-left:40px; margin-top:10px; margin-bottom:7px; text-align:left;} #infoWeek table td p.more_d {padding-left:28px; margin-top:10px; margin-bottom:7px; text-align:left;} /* Today 채용정보 */ #todayEmploy {position:relative; clear:both; margin-bottom:20px; padding-top:29px; margin-top:20px; color:#5A5A5A;} #todayEmploy h3 {position:absolute; top:7px; left:8px;} #todayEmploy .giList {background:url(/images/List_GI/NI/bg_thead_top.gif) no-repeat left top;} #todayEmploy table {position:relative; table-layout:fixed; clear:both; _table-layout /**/:auto; text-align:center; font-size:12px;} #todayEmploy table thead th {height:30px; padding-top:2px; background:#f7f7f7 url(/images/List_GI/NI/bg_tbl_thead_top.gif) repeat-x left top; font-weight:normal; font-family:dotum; color:#555; text-align:center; letter-spacing:-1px;} #todayEmploy table tbody tr .blue {background:url(/images/List_GI/NI/icon_blue01.gif) no-repeat 9px center; font-weight:normal; text-align:left; font-size:13px; } #todayEmploy table tbody tr.bg {background:#f7f7f7;} #todayEmploy table tbody tr.bg .blue {background:#f7f7f7 url(/images/List_GI/NI/icon_blue01.gif) no-repeat 9px center; font-weight:normal; text-align:left;} #todayEmploy table tbody tr.bg th, #todayEmploy table tbody tr.bg td {border-bottom:1px solid #ededed;} #todayEmploy table tbody th {padding:9px 0 6px 23px; border-bottom:1px solid #F4F4F4; background:url(/images/List_GI/NI/icon_gray.gif) no-repeat 9px center; font-weight:normal; text-align:left;} #todayEmploy table tbody td {padding:9px 0 6px 0; border-bottom:1px solid #F4F4F4;} #todayEmploy table tbody tr.odd th, #todayEmploy table tbody tr.odd td {border-bottom:1px solid #E6E7E7;} #todayEmploy table tbody th a {color:#5A5A5A;} #todayEmploy table tbody strong a {color:#494949;} #todayEmploy table tbody .title strong a{color:#494949;} #todayEmploy table tbody .title {text-align:left;} #todayEmploy table tbody .title img {vertical-align:middle;} #todayEmploy table tbody .title a {color:#333; letter-spacing:-1px;} #todayEmploy table tbody .title a {color:#494949;} #todayEmploy table tbody .title a:visited {color:#999;} #todayEmploy table tbody .title a:hover, #todayEmploy table tbody .title a:active {color:#0066CC;} #todayEmploy table tbody td img {position:relative; top:-1px;} #todayEmploy table tbody td.day {padding-left:41px; *padding-left:37px; padding-top:7px; font-size:11px; font-family:verdana;} #todayEmploy table tbody td.day span {float:left;} #todayEmploy table tbody td.day span.week {padding-left:3px; margin-right:4px; margin-top:2px; font:normal 12px gulim,굴림; letter-spacing:-1px;} #todayEmploy table tbody td.day em {float:left; display:block; width:40px; padding:4px 0 0 0; border:1px solid #D4D4D4; background:#FAFAFA; font:bold 11px dotum,돋움; text-align:center; color:#2678D4; line-height:0.9;} #todayEmploy table tbody td.day em.odd {float:left; display:block; width:144px; _width /**/:150px; border:1px solid #E6E7E7; background:#FFF; font:normal 11px dotum,돋움; text-align:center; color:#5A5A5A;} /* 상시채용 */ #todayEmploy table tbody td.day em.zero {float:left; display:block; width:40px; padding:4px 0 0 0; border:1px solid #4091DE; background:#4091DE; font:bold 11px dotum,돋움; text-align:center; color:#fff; letter-spacing:-1px; line-height:0.9;} /* d-day */ #todayEmploy p {padding:5px 0; margin:1px 8px 0 0; background:#FAFAFA; text-align:right;} /* Today 채용정보내 기업명 검색 */ fieldset.giSch {position:absolute; top:0; right:0;} fieldset.giSch dd {display:inline;} /* 공채 자기소개서 */ .nGiintro {margin:10px 0 10px 0;} .nGiintro h3 { float:left; padding:5px 5px 7px 5px;} .nGiintro p { float:left; padding:5px 5px 7px 0;} .nGiintro div {clear:both; overflow:hidden; _zoom:1; border:1px solid #e6e7e7; background:#fafafa; padding:16px 0 0 16px; *padding:16px 0 9px 16px;} .nGiintro div dl { position:relative; float:left; width:420px; height:145px; margin:0 16px 9px 0;} .nGiintro div dl dt { padding:20px 0 0 110px; font-weight:bold;} .nGiintro div dl dt a:link, .nGiintro div dl dt a:visited, .nGiintro div dl dt a:hover, .nGiintro div dl dt a:active { font-size:13px; color:#0064bb; text-decoration:underline; letter-spacing:-1px;} .nGiintro div dl dd.odd { padding:10px 0 0 110px; font:11px dotum,"돋움"; color:#5a5a5a;} .nGiintro div dl .img { position:absolute; top:5px; left:5px; width:92px; height:128px; background:url(/images/List_GI/NI/intro_bg.gif) no-repeat left center; } .nGiintro div dl .img img{padding:6px 0 0 6px;} /* Job Chart 다시보기 */ #jobChart {float:left; width:618px; _width /**/620px; height:381px; _height /**/:391px; padding-top:8px; margin-right:9px; background:#EAF5FF; border:1px solid #ACCFEF; overflow:hidden; position:relative; z-index:1;} #jobChart .media {float:left; position:relative; left:8px; width:430px; height:372px; margin-right:25px; background:url(/images/List_GI/NI/bg_media.gif) no-repeat;} #jobChart h3 {position:absolute; left:13px; top:15px;} #jobChart h4 {padding-top:10px; margin-bottom:10px; font-weight:bold; color:#0064BB; letter-spacing:-1px;} #jobChart ol {float:left;} #jobChart ol li {line-height:1.8;} #jobChart .lyStyle2.ps {position:absolute; left:150px; top:16px; z-index:100;} #jobChart .movie {float:left; position:relative; left:8px; width:430px; height:372px; margin-right:15px; background:url(/images/List_GI/NI/bg_media.gif) no-repeat;} #jobChart .movBox {position:absolute; top:34px; left:14px; width:400px; height:300px; background:url(/images/List_GI/NI/img_movie.gif) no-repeat;} #jobChart .movBox #mov {position:absolute; top:0; left:0;} #jobChart .movBox p.movPlay {position:absolute; top:173px; left:155px;} #jobChart .movBox ul {position:absolute; bottom:-25px; left:0; width:305px; margin:6px 0 0 0;} #jobChart .movBox ul li {margin:0 -1px 0 0; display:inline;} /* 신입초봉 공개 */ #salary {float:left; position:relative; width:278px; _width /**/:280px; background:#FFF; border:1px solid #E6E7E7;} #salary h3 {padding:7px 0 5px 13px; background:#EAF5FF; font-weight:bold;} #salary h4 {padding:3px 0 4px 5px; border-bottom:1px solid #E6E7E7; font-weight:bold; color:#0064BB; letter-spacing:-1px;} #salary h4 em {font:normal 11px dotum, 돋움;} #salary .gipart {padding:14px 10px 12px 10px; height:165px; _height /**/:189px;} #salary .gipart ul {margin:11px 0 0 0;} #salary .gipart ul li {position:relative; height:22px; padding-left:12px; background:url(/images/List_GI/NI/icon_dot1.gif) no-repeat 5px 5px;} #salary .gipart ul li span {position:absolute; top:-2px; right:0; color:#000;} #salary .gipart ul li em {font:bold 12px verdana;} #salary .rollBtn {position:absolute; top:6px; right:9px; margin:0;} #salary .rollBtn li {display:inline;} #salary p {padding:6px 14px 3px 14px; margin-bottom:1px; background:#FAFAFA; font-family:verdana, 굴림, gulim;} #salary p img {position:absolute; bottom:5px; right:5px;} /* Today 인기검색어 */ #todayKey {float:left; width:278px; _width /**/:280px; padding-bottom:3px; margin-top:4px; background:#FFF; border:1px solid #E6E7E7;} #todayKey h3 {padding:7px 0 5px 13px; background:#EAF5FF; font-weight:bold;} #todayKey ol {overflow:hidden; margin:11px 15px 0 15px;} #todayKey li {float:left; width:105px; _width /**/:120px; padding-left:15px; padding-bottom:6px;} #todayKey .icon1_num1 {background:url(/images/List_GI/NI/no01.gif) no-repeat left top;} #todayKey .icon1_num2 {background:url(/images/List_GI/NI/no02.gif) no-repeat left top;} #todayKey .icon1_num3 {background:url(/images/List_GI/NI/no03.gif) no-repeat left top;} #todayKey .icon1_num4 {background:url(/images/List_GI/NI/no04.gif) no-repeat left top;} #todayKey .icon1_num5 {background:url(/images/List_GI/NI/no05.gif) no-repeat left top;} #todayKey .icon1_num6 {background:url(/images/List_GI/NI/no06.gif) no-repeat left top;} #todayKey .icon1_num7 {background:url(/images/List_GI/NI/no07.gif) no-repeat left top;} #todayKey .icon1_num8 {background:url(/images/List_GI/NI/no08.gif) no-repeat left top;} #todayKey .icon1_num9 {background:url(/images/List_GI/NI/no09.gif) no-repeat left top;} #todayKey .icon1_num10 {background:url(/images/List_GI/NI/no10.gif) no-repeat left top;} /* Wing ------------------------------------------------------------------------------------ */ #PopLyStyle {position:absolute; width:300px; text-align:left; overflow:hidden; z-index:100;} #wing {width:69px;} #wing .wingWrap {background:#2072D2; text-align:center; color:#787878; font:normal 11px dotum, 돋움; letter-spacing:-1px;} #wing .wingWrap a {color:#787878;} #wing .wingWrap ul {padding:4px 0;} #wing .wingWrap ul li {padding-bottom:1px;} #wing .wingWrap div {width:63px; margin:0 auto; margin-top:-2px; background:#fff;} #wing .wingWrap div ul {margin-top:2px; padding:0;} #wing .wingWrap div ul li {padding-bottom:1px;} #wing .wingWrap div.bg {width:63px; padding-top:8px; margin:0 auto; background:#fff url(/images/List_GI/NI/bg_wing.gif) repeat-x left top;} #wing .wingWrap div.bg p {display:block; height:27px; _height /**/:41px; padding:7px 5px; margin-bottom:2px; border:1px solid #E8E6E9;} #wing .wingWrap div.bg dl dd {padding:3px; text-align:center;} #wing .wingWrap div.st ul li {display:block; padding:7px 0 0 0; height:30px; _height /**/:37px; border-bottom:1px solid #E8E6E9;} #wing .wingWrap div.st ul li em {color:#000;} #wing .wingWrap div em {color:#FF4200; letter-spacing:0;} #wing .wingWrap div p {padding:7px 0 3px 0;} #wing ul.rollBtn li {display:inline; margin:0 -3px 0 0; width:23px;} /* Layer Style ------------------------------------------------------------------------------------ */ /* layer : Wing */ .lyStyle1 {position:relative; left:0; top:0; padding-right:6px; width:156px; _width /**/:162px; text-align:left; z-index:100;} .lyStyle1 .icon {position:absolute; right:2px; top:0;} .lyStyle1 dl {background:#fff; padding-bottom:2px; border:2px solid #2276D7; font:normal 11px dotum, 돋움; letter-spacing:-1px; text-align:left; overflow:hidden;} .lyStyle1 dl dt {padding:6px 8px 1px 8px; margin-bottom:6px; background:#FBFBFB; border-bottom:1px solid #E5E5E6; font-weight:bold; color:#000;} .lyStyle1 dl dd {padding:0 8px 1px 8px; color:#000;} .lyStyle1 dl dd.day {letter-spacing:0; color:#2478D5;} /* layer : 메인 : My취업다이어리 도움말 */ .lyStyle2 {position:relative; top:0; left:0; width:291px; height:64px; background: url(/images/List_GI/NI/bg_ov1.gif) no-repeat; text-align:left; font-family:dotum, 돋움;} .lyStyle2 p.txt {padding:12px 50px 0 17px; font:normal 11px dotum,돋움; letter-spacing:-1px; color:#666; line-height:1.4;} .lyStyle2 p a {margin-left:5px; color:#000; text-decoration:underline; overflow:hidden;} .lyStyle2 .btn {position:absolute; right:7px; top:6px;} .lyStyle2.ps {position:absolute; left:130px; top:1px; z-index:100;} /* layer : 메인 : 이주의 채용정보 */ .lyStyle3 {position:relative; width:211px; _width /**/:215px; padding-bottom:5px; background-color:#fff; border:2px solid #2779CA; font-family:dotum, "돋움"; font-weight:normal; color:#666; text-align:left; z-index:100;} .lyStyle3 h4 {height:17px; _height /**/:23px; padding:6px 0 0 10px; margin-bottom:10px; background:#EAF5FF; font:bold 12px gulim, "굴림"; color:#333; letter-spacing:-1px;} .lyStyle3 dl {clear:both; padding-bottom:6px; margin:6px 10px; border-bottom:1px solid #f4f4f4; overflow:hidden; _zoom:1; border-top:0 none !important; min-height:30px !important; _height:30px !important;} .lyStyle3 dl dt {float:left; padding:0 !important; border:0 none !important;} .lyStyle3 dl dd {float:left; width:158px; padding:0 0 1px 0 !important; letter-spacing:-1px; line-height:1.3; border:0 none !important; font-size:12px !important;} .lyStyle3 dl dt img {margin-right:5px; margin-bottom:1px;} .lyStyle3 dl dd a {color:#666;} .lyStyle3 dl dd.day {padding-top:1px; font-size:11px !important; color:#E36A15; letter-spacing:0;} .lyStyle3 dl dd.day span {font:11px dotum,"돋움"; padding-left:3px;} .lyStyle3 dl.end {margin-bottom:0; border:0 none;} .lyStyle3 p.no {clear:both; padding:18px 0 15px 0; text-align:center; letter-spacing:-1px;} .lyStyle3 p.no img {position:relative; top:-1px;} .lyStyle3 p.close {position:absolute; top:4px; right:10px;} /* searching ------------------------------------------------------------------------------------ */ #searching {position:relative; width:100%; text-align:left; scrollbar-face-color: #F2F2F2; scrollbar-shadow-color: #F2F2F2; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #F2F2F2; scrollbar-darkshadow-color:#CFCFCF; scrollbar-track-color: #FFF; scrollbar-arrow-color: #000; } #searching #header {width:100%; height:40px; background:url(/images/List_GI/NI/bg_sch_header.gif) repeat-x;} #searching #header h1 {position:relative; padding:0; height:0;} #searching #header h1 img {position:absolute; left:15px; top:11px;} #searching ul.funcIcon {position:absolute; right:15px; top:47px; width:421px; z-index:100;} #searching ul.funcIcon li {display:inline; margin:0 -4px 0 0;} #searching .bl_r {position:absolute; right:25px; top:10px;} /* 우측배너 */ #bodyTag {padding-top:22px; margin:0; overflow:hidden; text-align:left;} #bodyTag.expand {padding-top:232px;} #bar {position:absolute; right:16px; top:40px; width:100%; height:35px; background:url(/images/List_GI/NI/bg_bar1.gif) repeat-x; overflow:hidden; z-index:10;} #bar .menu {position:absolute; left:16px; width:415px; height:35px; background:url(/images/List_GI/NI/bg_bar2.gif) no-repeat; text-align:left;} #bar .menu a {display:block;position:absolute; left:0; height:35px;} #bar .menu .b1 {width:110px; margin-left:15px;} #bar .menu .b2 {width:100px; margin-left:137px;} #bar .menu .b3 {width:65px; margin-left:248px;} #bar .menu .b4 {width:65px; margin-left:325px;} #bar .menu .b1, #bar .menu .b2, #bar .menu .b3, #bar .menu .b4 {background:url(/images/List_GI/NI/btn_arrow.gif) right 13px no-repeat;} /* 메뉴옆 화살표 */ /* 펼쳐졌을 때 메뉴변경 */ #bodyTag #bar {background-position:0 0;} #bodyTag #bar .tab1 {background-position:0 -35px;} /* 인사담당자 인터뷰 */ #bodyTag #bar .tab2 {background-position:0 -70px;} /* 채용설명회 정보 */ #bodyTag #bar .tab3 {background-position:0 -105px;} /* 연봉정보 */ #bodyTag #bar .tab4 {background-position:0 -140px;} /* 면접정보 */ #bodyTag #bar .tab1 .b1, #bodyTag #bar .tab2 .b2, #bodyTag #bar .tab3 .b3, #bodyTag #bar .tab4 .b4 {background-position:right -47px;} /* 펼쳐졌을 때 영역 */ #searching #expand_area {width:100%; position:absolute; top:75px; background:url(/images/List_GI/NI/bg_barBox.gif) repeat-x left bottom; padding-bottom:20px; z-index:1;} #searching #expand_area.hide {display:none;} #searching #expand_area .close {position:absolute; left:0; bottom:-10px; _bottom:-11px; width:100%; text-align:center; cursor:pointer; z-index:100;} #searching #expand_area .close a {display:block; width:38px; height:31px; margin:0 auto; background:url(/images/List_GI/NI/btn_expand_close.gif) no-repeat;} #searching #expand_area .boxWrap {border-width:0 1px 1px 1px; border-style:solid; border-color:#DEDEDE; margin:0 16px; height:158px; _height /**/:188px; padding:10px 0 20px 0;} /* 검색결과 채용정보 펼쳐졌을때: 공채 데스크 */ .listStyle1 {width:60%; padding:10px 5px 7px 150px; height:141px; _height /**/:149px; overflow:auto;} .listStyle1 h2 {position: absolute; top:20px; left:35px; width:180px;} .listStyle1 ul.blank {position:absolute; top:63px; left:35px;} .listStyle1 ul.blank li{padding:0 0 3px 0;} .listStyle1 dl {margin:0 0 13px 0;} .listStyle1 dl dt {margin-bottom:12px; padding-left:10px; background:url(/images/List_GI/NI/icon_h.gif) no-repeat 0 4px; font:bold 13px gulim, 굴림; color:#2579DC;} .listStyle1 dl dd {padding-bottom:3px; line-height:1.7;} .listStyle1 dl dd span {color:#004BD4} .listStyle1 .end {padding-bottom:0;} /* 검색결과 채용정보 펼쳐졌을때: 면접족보 */ .listStyle3 {width:60%; padding:10px 0 2px 150px;} .listStyle3 h2 {position: absolute; top:20px; left:35px; width:180px;} .listStyle3 dl {margin:0 0 16px 0;} .listStyle3 dl dt {margin-bottom:4px;} .listStyle3 dl dt img {margin-left:2px;} .listStyle3 dl dt a {padding-left:10px; background:url(/images/List_GI/NI/icon_h.gif) no-repeat 0 4px; font:bold 12px gulim, 굴림; color:#0066CC;} .listStyle3 dl dd {padding-left:10px; padding-bottom:3px;} .listStyle3 dl dd span {color:#004BD4;} .listStyle3 .end {margin-bottom:0;} /* 검색결과 채용정보 펼쳐졌을때: 연봉정보 */ .listStyle2 {width:60%; padding:10px 0 2px 150px;} .listStyle2 h2 {position: absolute; top:20px; left:35px; width:180px;} .listStyle2 ul li {margin-bottom:8px;} .listStyle2 ul li a {background:url(/images/List_GI/NI/icon_h.gif) no-repeat 0 4px; padding-left:10px;} .listStyle2 ul li em {color:#0066CC; font-weight:bold; padding-right:10px;} .listStyle2 ul li span {font-size:11px; font-family:dotum,돋움;} .listStyle2 .end {margin-bottom:0;} /* 검색결과 채용정보 펼쳐졌을때: 채용설명회 */ .listStyle4 {width:60%; padding:10px 5px 7px 150px; height:141px; _height /**/:149px; overflow:auto;} .listStyle4 h2 {position: absolute; top:20px; left:35px; width:180px;} .listStyle4 ul.blank {position:absolute; top:63px; left:35px;} .listStyle4 ul.blank li{padding:0 0 3px 0;} .listStyle4 dl {margin:0 0 13px 0;} .listStyle4 dl dt {margin-bottom:12px; padding-left:10px; background:url(/images/List_GI/NI/icon_h.gif) no-repeat 0 4px; font:bold 13px gulim, 굴림; color:#2579DC;} .listStyle4 dl dd {padding-bottom:3px; line-height:1.7;} .listStyle4 dl dd span {color:#004BD4} .listStyle4 .end {padding-bottom:0;} /* 컨텐츠 내용이 없을때 */ #searching .noContent {height:100%; background:#FAFAFA; color:#999; overflow:hidden;} #searching .noContent p {margin-top:65px; text-align:center;} /* 검색결과 채용정보 */ #searching #content {position:relative; width:100%; height:100%; margin:0 auto; margin-top:1px; border-top:1px solid #DEDEDE;} #searching #content .gi_title {position:relative; height:35px; background:#EEE;} #searching #content .gi_title h3 {position:absolute; left:16px; top:12px; font-weight:bold; color:#681D01;} #searching #content .gi_title a {position:absolute; right:20px; top:12px; font-size:11px; font-family:dotum, 돋움; letter-spacing:-1px; color:#898989; } #searching #content .gi_title img {position:relative; top:-1px;} /*iframe*/ #searching #content .viewContent {position:relative; margin-top:4px;} #searching #content .viewContent #wing {position:absolute; top:0; right:18px; margin-top:2px;} /* calendar, diary ------------------------------------------------------------------------------------ */ /* 상단 회원 영역 */ #calendar .member {height:26px; margin-top:15px; padding:13px 0 0 20px; background:url(/images/list_gi/ni/cal_mem_title_bg.gif) no-repeat; font:11px dotum, "돋움"; letter-spacing:-1px; color:#787878;} #calendar .member p {display:inline;} #calendar .member p.btn {position:relative; top:-6px; right:-10px;} #calendar .member strong {font-weight:normal;} #calendar .member p.greeting {position:relative; top:-5px;} #calendar .member p.greeting strong.en {font:bold 14px arial; letter-spacing:0px; color:#533636; padding:0 2px 0 5px;} #calendar .member p.greeting a.view {margin-left:10px;} #calendar .member p.greeting a.view img {vertical-align:middle;} #calendar .member a {color:#666; text-decoration:underline;} /* 월 선택 */ #calendar .calNow {position:relative; margin:30px 0 30px 0;} #calendar .calNow h2 {padding-left:379px; overflow:hidden; _zoom:1;} #calendar .calNow h2 span {float:left; height:24px; background:url(/images/list_gi/ni/cal_num.gif) no-repeat; text-indent:-9999em; } #calendar .calNow h2 span.y {width:99px;} #calendar .calNow h2 span.m {width:46px; background-position:-106px 0px; margin-left:7px;} #calendar .calNow ul {clear:both;} #calendar .calNow ul li {position:absolute; top:0; left:338px;} #calendar .calNow ul li.next {left:555px;} #calendar .calYear_2008 h2 span.y {background-position:0px 0px;} #calendar .calYear_2009 h2 span.y {background-position:0px -24px;} #calendar .calYear_2010 h2 span.y {width:94px; background-position:0px -48px;} #calendar .calYear_2011 h2 span.y {width:87px; background-position:0px -72px;} #calendar .calMonth_1 h2 span.y {margin-left:3px;} #calendar .calMonth_1 h2 span.m {background-position:-106px 0px;} #calendar .calMonth_2 h2 span.y {margin-left:3px;} #calendar .calMonth_2 h2 span.m {background-position:-106px -24px;} #calendar .calMonth_3 h2 span.y {margin-left:3px;} #calendar .calMonth_3 h2 span.m {background-position:-106px -48px;} #calendar .calMonth_4 h2 span.m {background-position:-106px -72px;} #calendar .calMonth_5 h2 span.y {margin-left:2px;} #calendar .calMonth_5 h2 span.m {background-position:-152px 0px;} #calendar .calMonth_6 h2 span.m {background-position:-152px -24px;} #calendar .calMonth_7 h2 span.y {margin-left:2px;} #calendar .calMonth_7 h2 span.m {background-position:-152px -48px;} #calendar .calMonth_8 h2 span.m {background-position:-152px -72px;} #calendar .calMonth_9 h2 span.m {background-position:-198px 0px;} #calendar .calMonth_10 h2 span.y {margin-left:3px;} #calendar .calMonth_10 h2 span.m {background-position:-198px -24px;} #calendar .calMonth_11 h2 span.y {margin-left:6px;} #calendar .calMonth_11 h2 span.m {background-position:-198px -48px;} #calendar .calMonth_12 h2 span.y {margin-left:3px;} #calendar .calMonth_12 h2 span.m {background-position:-198px -72px;} /* 달력 */ #calendar .nowMonth {position:relative;} /* 달력 : tab menu */ #calendar .nowMonth .tabmenuCal {background:url(/images/list_gi/ni/cal_tab_1_bg.gif) repeat-x; overflow:hidden; _zoom:1;} #calendar .nowMonth .tabmenuCal li {float:left; margin-right:2px;} #calendar .nowMonth .tabmenuCal li a {float:left; width:105px; height:18px; padding-top:8px; background:url(/images/list_gi/ni/cal_tab_title_1.gif) no-repeat 0 0px; text-align:center; color:#c1c1c1; text-indent:-9999em;} #calendar .nowMonth .tabmenuCal li.odd a {background:url(/images/list_gi/ni/cal_tab_title_2.gif) no-repeat 0 0px;} #calendar .nowMonth .tabmenuCal li a:hover {background-position:0 -26px; color:#000;} #calendar .nowMonth .tabmenuCal li a.now {background-position:0 -26px; color:#000;} #calendar .nowMonth .tabmenuDiary {background:url(/images/list_gi/ni/cal_tab_1_bg.gif) repeat-x; overflow:hidden; _zoom:1;} #calendar .nowMonth .tabmenuDiary li {float:left; margin-right:2px;} #calendar .nowMonth .tabmenuDiary li a {float:left; width:105px; height:18px; padding-top:8px; background:url(/images/list_gi/ni/cal_tab_title_4.gif) no-repeat 0 0px; text-align:center; color:#c1c1c1; text-indent:-9999em;} #calendar .nowMonth .tabmenuDiary li.wide a {width:171px; background-image:url(/images/list_gi/ni/cal_tab_title_3.gif);} #calendar .nowMonth .tabmenuDiary li a:hover {background-position:0 -26px; color:#000;} #calendar .nowMonth .tabmenuDiary li a.now {background-position:0 -26px; color:#000;} /* 달력 : icon */ #calendar .nowMonth .iconDesc {position:absolute; top:4px; left:210px; color:#787878; font:11px dotum, "돋움"; letter-spacing:-1px;} #calendar .nowMonth .iconDesc dt, #calendar .nowMonth .iconDesc dd {float:left;} #calendar .nowMonth .iconDesc dt {margin:0 5px 0 15px;} #calendar .nowMonth .iconDesc dd {*padding-top:1px;} #calendar .nowMonth .iconMydiary {position:absolute; top:4px; right:20px; color:#787878; font:11px dotum, "돋움"; letter-spacing:-1px;} #calendar .nowMonth .iconMydiary dt, #calendar .nowMonth .iconMydiary dd {float:left;} #calendar .nowMonth .iconMydiary dt {margin:0 5px 0 15px;} #calendar .nowMonth .iconMydiary dd {*padding-top:1px;} /* 달력 : table */ #calendar .nowMonth {position:relative;} #calendar .nowMonth .calCommon {position:relative; padding-top:10px; background:url(/images/list_gi/ni/cal_table_top_bg.gif) no-repeat left top;} #calendar .nowMonth .calCommon .btWrap {position:absolute; top:-45px; right:0;} #calendar .nowMonth .calCommon .btWrap ul.button {text-align:right; padding:15px 0;} #calendar .nowMonth .calCommon .btWrap ul.button li {display:inline; margin-left:0;} #calendar .nowMonth .calCommon table.calForm {width:100%; table-layout:fixed; border-bottom:1px solid #ececec; color:#555;} #calendar .nowMonth .calCommon table.calForm th, #calendar .nowMonth .calCommon table.calForm td {vertical-align:top; border-left:1px solid #ececec; border-right:1px solid #ececec;} #calendar .nowMonth .calCommon table.calForm thead th {padding-bottom:5px; font:bold 11px dotum, "돋움"; text-align:center; color:#333;} #calendar .nowMonth .calCommon table.calForm .sun {color:#0062d8;} #calendar .nowMonth .calCommon table.calForm .sun dt a {color:#0062d8;} #calendar .nowMonth .calCommon table.calForm .holiday {color:#0062d8;} #calendar .nowMonth .calCommon table.calForm td.today {background-color:#fef9ef;} #calendar .nowMonth .calCommon table.calForm td.today dl dt {color:#000;} /* 달력 : table 공고박스 */ #calendar .nowMonth .calCommon table.calForm dl {min-height:150px; _height:150px; border-top:1px solid #c9c9c9;} #calendar .nowMonth .calCommon table.calForm dl.noday dt {background-color:#f9f9f9;} #calendar .nowMonth .calCommon table.calForm dl dt {font:bold 11px verdana; padding:5px 10px 5px 0; text-align:right; border-bottom:1px solid #ececec;} #calendar .nowMonth .calCommon table.calForm dl dd {padding:10px;} #calendar .nowMonth .calCommon table.calForm dl dd ul li {font:11px/1.3 dotum, "돋움"; letter-spacing:-1px; color:#555; /*text-align:justify;*/ padding:3px 0;} #calendar .nowMonth .calCommon table.calForm dl dd ul li a {color:#555;} #calendar .nowMonth .calCommon table.calForm dl dd ul li a:hover {color:#000;} #calendar .nowMonth .calCommon table.calForm dl dd ul li img {margin-right:5px;} /* 달력 : 다이어리에서 추가 스타일 */ #calendar .nowMonth .calCommon table.calForm_2 dl dt img {vertical-align:bottom !important; margin-right:5px;} #calendar .nowMonth .calCommon table.calForm_2 dl dd ul li {overflow:hidden; _zoom:1;} #calendar .nowMonth .calCommon table.calForm_2 dl dd ul li img {float:left; margin:0;} #calendar .nowMonth .calCommon table.calForm_2 dl dd ul li span {float:right; width:90px;} #calendar .nowMonth .calCommon table.calForm_2 dl dd p.memo {clear:both; padding:0 0 0 19px; background:url(/images/list_gi/ni/cal_icon_memo_1.gif) no-repeat 2px 1px; margin:3px 0 0 0;} #calendar .diaryInfo {overflow:hidden; _zoom:1; margin-top:20px; margin-left:10px;} #calendar .diaryInfo dt {letter-spacing:-1px; font:normal 11px dotum, "돋움"; color:#787878; clear:both; float:left; padding:0 5px 8px 20px; background:url(/images/list_gi/ni/cal_icon_gi_1.gif) no-repeat left 0px; font-weight:bold;} #calendar .diaryInfo dt.m2 {background-image:url(/images/list_gi/ni/cal_icon_gi_2.gif);} #calendar .diaryInfo dt.m3 {background-image:url(/images/list_gi/ni/cal_icon_gi_3.gif);} #calendar .diaryInfo dd {letter-spacing:-1px; padding:0 0 8px 0px; font:normal 11px dotum, "돋움"; color:#787878;} #calendar .diaryInfo dd.m2 {padding-bottom:5px; clear:both; float:none; text-indent:98px; _text-indent:102px; position:relative; top:-3px;} #calendar .diaryInfo dd a.icon {color:#787878; margin-left:10px; padding-left:8px; background:url(/images/list_gi/ni/cal_pop_bullet_1.gif) no-repeat left 2px; font-weight:bold; text-decoration:underline;} /* 달력 : layer : Case 1 :메인과 공통, 진행중인 채용정보 추가 */ .lyCase1 {position:relative; /*position:absolute;*/ background-color:#fff; border:2px solid #4776ce; color:#787878; text-align:left; z-index:1000;} .lyCase1 h4 {height:20px; padding:9px 0 0 14px; background:url(/images/list_gi/ni/cal_layer_refer_title_bg.gif) repeat-x left top; font:bold 13px gulim, "굴림"; color:#0b68d6;} .lyCase1 .btn {text-align:center; padding:10px 0 0 0 !important;} .lyCase1 .btn li {display:inline;} .lyCase1 p.close {position:absolute; top:8px; right:12px;} /* 달력 : layer : Case 2 */ .lyCase2 {position:relative; /*position:absolute;*/ background-color:#fff; border:1px solid #4776ce; color:#787878;} .lyCase2 ul.btn {text-align:right; height:25px; padding:5px 10px 0 0; background:url(/images/list_gi/ni/cal_layer_case2_bg.gif) repeat-x left bottom;} .lyCase2 ul.btn li {display:inline; margin:0 !important;} /* 달력 : layer : reference */ .lyRefer {width:328px;} .lyRefer .copy {padding:16px 10px 10px 16px; line-height:1.3;} .lyRefer .copy p {font-family:gulim, "굴림";} .lyRefer .copy strong {color:#E36A15;} .lyRefer .cal {padding:16px 16px 10px 16px; line-height:1.3;} .lyRefer .cal input {width:245px; height:14px; padding:5px 0 0 3px; border:1px solid #e8e6e9; font:11px dotum,"돋움"; letter-spacing:-1px; color:#727273; position:relative; top:-2px; *top:-4px;} .lyRefer .cal p {font:11px dotum, "돋움"; letter-spacing:-1px; padding-left:5px;} /* 달력 : layer : 다이어리 추가OK */ .lyDiaryOk {width:466px; height:151px;} .lyDiaryOk .memo p.add {text-align:center; padding:40px 0 25px 0;} /* 달력 : layer : 메모작성, 추가, 진행중인 채용정보 추가 */ .lyMemoWrite {width:566px;} .lyMemoWrite .memo {padding:10px 15px 11px 15px; font-family:dotum, "돋움"; line-height:1.3; } .lyMemoWrite .memo p {font-family:dotum, "돋움";} .lyMemoWrite .memo p.add {text-align:center !important;} .lyMemoWrite .memo p strong {color:#000;} .lyMemoWrite .memo dl {width:534px; overflow:hidden; _zoom:1; border:1px solid #e1e1e1; border-top:0 none; margin:10px 0 0 0;} .lyMemoWrite .memo dl dt {float:left; width:100px; padding:8px 0 5px 10px; border-top:1px solid #e1e1e1; clear:both; font:bold 12px dotum, "돋움";} .lyMemoWrite .memo dl dd {float:left; width:424px; padding:8px 0 5px 0px; border-top:1px solid #e1e1e1;} .lyMemoWrite .memo dl dd strong {color:#e36a15; font:normal 12px verdana;} .lyMemoWrite .memo dl dt.odd {float:none; width:534px;} .lyMemoWrite .memo dl dd.odd {float:none; width:534x; border:0 none; padding:0 0 10px 0;} .lyMemoWrite .memo dl dd.odd textarea {border:1px solid #2276d7; padding:5px; width:506px; height:120px; margin-left:8px; overflow:auto;} /* 달력 : layer : 메모보기 */ .lyMemoView {width:208px; background-color:#fff; border:2px solid #4776ce; color:#787878; text-align:left;} .lyMemoView .memo {padding:10px 15px 5px 15px; line-height:1.3; width:178px;} .lyMemoView .memo p {text-align:justify; letter-spacing:-1px; font-family:dotum, "돋움": white-space:break-all; word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-break:break-all; } .lyMemoView ul.btn {text-align:center; padding:5px 0 10px 0 !important;} .lyMemoView ul.btn li {display:inline; margin:0 -1px !important; *margin:0 0px !important;} .lyMemoView ul.btn li img {float:none !important; margin:0 !important; padding:0 !important;} /* 달력 : layer : 메모수정 */ .lyMemoEdit {width:208px;} .lyMemoEdit .memo {padding:10px 15px 5px 15px; line-height:1.3; width:178px;} .lyMemoEdit .memo p {text-align:justify; letter-spacing:-1px; font-family:dotum, "돋움": white-space:break-all; word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-break:break-all; } .lyMemoEdit ul.btn {text-align:center; padding:5px 0 10px 0 !important;} .lyMemoEdit ul.btn li {display:inline; margin:0 1px !important;} .lyMemoEdit ul.btn li img {float:none !important; margin:0 !important; padding:0 !important;} /* 달력 : layer : 메모OK */ .lyMemoOk {width:466px; height:151px;} .lyMemoOk .memo p.add {text-align:center; padding:40px 0 25px 0;} /* 달력 : layer : 메모 Del */ .lyMemoDel {width:466px; height:151px;} .lyMemoDel h4 {padding:9px 0 5px 14px;} .lyMemoDel .memo p.add {text-align:center; padding:40px 0 25px 0;} /* 달력 : layer : 공고 - 메모 無 */ .lyGi_1 {position:relative; width:223px; background-color:#fff; border:2px solid #4776ce; color:#787878 !important; text-align:left;} .lyGi_1 h4, .lyGi_2 h4 {font:bold 12px gulim,"굴림"; padding:9px 0 0 10px;} .lyGi_1 .gi {padding:8px 10px 10px 10px; line-height:1.3;} .lyGi_1 .gi p {font-family:verdana; letter-spacing:-1px; display:inline;} .lyGi_1 .gi p a {color:#666 !important;} .lyGi_1 .gi p a:hover {color:#000 !important;} .lyGi_1 .gi p.odd {font:10px verdana; display:block; margin-top:3px; letter-spacing:0px;} .lyGi_1 .gi p.odd em {color:#e36a15;} .lyGi_1 .gi p.odd em span {font:11px dotum,"돋움"; padding-left:2px;} .lyGi_1 ul.btn {margin-bottom:10px; text-align:center; padding:0px 0 0 0 !important;} .lyGi_1 ul.btn li {display:inline; margin:0 -1px !important; *margin:0 1px !important;} /* 달력 : layer : 공고 - 메모 有 */ .lyGi_2 {position:relative; width:223px; background-color:#fff; border:2px solid #4776ce; color:#787878 !important; text-align:left;} .lyGi_2 .gi {padding:8px 10px 10px 10px; line-height:1.3;} .lyGi_2 .gi p {font-family:verdana; letter-spacing:-1px; display:inline;} .lyGi_2 .gi p a {color:#666 !important;} .lyGi_2 .gi p a:hover {color:#000 !important;} .lyGi_2 .gi p.odd {font:10px verdana; display:block; margin-top:3px; letter-spacing:0px;} .lyGi_2 .gi p.odd em {color:#e36a15;} .lyGi_2 .gi p.odd em span {font:11px dotum,"돋움"; padding-left:2px;} .lyGi_2 .memo {background-color:#f8f8f8; margin-top:10px; padding-bottom:10px;} .lyGi_2 .memo dl {width:194px; padding:9px 10px 0px 10px;} .lyGi_2 .memo dl dt {float:left; width:45px;} .lyGi_2 .memo dl dd {float:right; width:149px; font:11px/1.3 dotum, "돋움"; letter-spacing:-1px; color:#787878; padding-top:1px; white-space:break-all; word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-break:break-all; } .lyGi_2 p.btn {margin-bottom:10px; text-align:center; padding:0 !important;} .lyGi_2 ul.btn {clear:both; margin-bottom:0px; text-align:center; padding:8px 0 0 0 !important;} .lyGi_2 ul.btn li {display:inline; margin:0 -1px !important; *margin:0 1px !important;} /* 달력 : layer : calendar */ #calendar .lyCal {z-index:1000; position:relative; /*position:absolute;*/ width:263px; background-color:#fff; border:1px solid #4776ce; color:#787878;} #calendar .lyCal h4 {height:18px; padding:6px 0 3px 10px; background:url(/images/list_gi/ni/cal_layer_cal_bg_1.gif) repeat-x left top; color:#fff; font-weight:bold; font-size:13px;} #calendar .lyCal p.close {position:absolute; top:6px; right:10px;} #calendar .lyCal .cal {position:relative; width:263px;} #calendar .lyCal .cal .now {position:relative; width:100%; height:35px;} #calendar .lyCal .cal .now div {position:absolute; top:0;} #calendar .lyCal .cal .now div h5 {margin:10px 0 5px 0; text-align:center; font:bold 12px verdana; color:#000;} #calendar .lyCal .cal .now div h6 {width:40px; margin:10px 0 5px 0; text-align:center; font:bold 12px verdana; color:#000;} #calendar .lyCal .cal .now div ul {_position:absolute;} #calendar .lyCal .cal .now div ul li {position:absolute; top:10px; _top:-21px; left:-15px;} #calendar .lyCal .cal .now div ul li a {display:block; width:10px; height:10px; padding:5px 0 0 5px;} #calendar .lyCal .cal .now .year {left:70px;} #calendar .lyCal .cal .now .year ul li.next {left:50px;} #calendar .lyCal .cal .now .month {left:145px;} #calendar .lyCal .cal .now .month ul li {left:-9px;} #calendar .lyCal .cal .now .month ul li.next {left:34px;} #calendar .lyCal .cal table {text-align:center; width:90%; margin:0 auto; table-layout:fixed;} #calendar .lyCal .cal table thead th {padding:5px 0 2px 0; background-color:#fafafa; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; color:#000;} #calendar .lyCal .cal table thead th.sun {border-left:1px solid #e1e1e1;} #calendar .lyCal .cal table thead th.sat {border-right:1px solid #e1e1e1;} #calendar .lyCal .cal table tbody td a {display:block; height:18px; padding:1px 0 1px 0; font:11px verdana; color:#888;} #calendar .lyCal .cal table tbody td a.select, #calendar .lyCal .cal table tbody td a:hover {font-weight:bold; color:#000; height:16px; border:1px solid #2380d6; background-color:#fafafa;} #calendar .lyCal .cal p.result {text-align:center; width:90%; margin:5px auto 0 auto; padding:4px 0 5px 0 !important; height:14px; border:1px solid #E0E1DF; font:bold 12px verdana; color:#E36A16; background-color:#FAFAFA;} #calendar .lyCal .cal p.btn {text-align:center; width:90%; margin:0px auto 10px auto; padding:8px 0 0 0 !important;} /* 트위터 */ .lyTwitter {width:380px;} .lyTwitter .cal {padding:16px 16px 10px 16px; line-height:1.3;} .lyTwitter .cal table td input {width:180px; height:14px; padding:5px 0 0 3px; border:1px solid #e8e6e9; font:11px dotum,"돋움"; letter-spacing:-1px; color:#727273;} .lyTwitter .cal p {letter-spacing:-1px; padding-left:5px;} .lyTwitter p.desc {margin-bottom:15px;} .lyTwitter h2 {font-weight:bold; padding:0 5px 0 5px; margin:15px 0 5px 0; color:#333;} .lyTwitter h2 span {float:right; font:11px dotum,"돋움",sans-serif; padding-top:5px;} .lyTwitter h2 span strong.odd {color:#E06B16;} .lyTwitter .titleOdd {position:relative; width:100%;} .lyTwitter .titleOdd span {position:absolute; top:0; *top:15px; right:10px;} .lyTwitter p.button {padding:10px 0 15px 0; text-align:center;} .lyTwitter p.comment {margin-top:10px;} .lyTwitter p.comment a {text-decoration:underline; color:#e36a15; font-weight:bold;} .lyTwitter p.textInput span {display:block; text-align:right; padding-right:10px; letter-spacing:0;} .lyTwitter p.textInput span strong.red {color:#e36a15 !important;} .lyTwitter p.textInput textarea {margin-bottom:5px; width:327px; height:68px; border:1px solid #2276d8; padding:5px;} .lyTwitter p.comment2 {margin-top:10px; letter-spacing:-1px;} .lyTwitter p.comment2 strong {color:#e36a15;} .lyTwitter p.memLogin {padding:20px 0 20px 0; border-bottom:1px solid #e5e5e5;} .lyTwitter p.memLogin strong {text-decoration:underline; color:#e36914;} .lyTwitter p.memLogin em {text-decoration:underline; font-weight:bold;} .lyTwitter p.sendResult {font-weight:bold; text-align:center; margin-bottom:5px; color:#e36914;} .lyTwitter p.resultText {padding:15px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; line-height:1.5; letter-spacing:0;} .lyTwitter table.loginData {border:1px solid #e1e1e1; width:100%;} .lyTwitter table.loginData th, .lyTwitter table.loginData td {border:1px solid #e1e1e1; padding:5px;} .lyTwitter table.loginData th {border-right:0 none; padding-left:20px; text-align:center;} .lyTwitter table.loginData td {border-left:0 none;} .lyTwitter table.loginData2 th {vertical-align:top; padding-left:10px;} .lyTwitter table.loginData2 th, .lyTwitter table.loginData2 td {padding-top:10px; padding-bottom:10px;} /* 팝업 : 인쇄하기 */ #popPrint {text-align:left; font-family:arial;} #popPrint h1 {height:25px; padding:12px 0 0 20px; background:#2579dc url(/images/list_gi/ni/cal_pop_bg_1.gif) no-repeat right top; border-bottom:1px solid #0b68d6; color:#fff; font:bold 13px gulim, "굴림";} #popPrint h1 strong {color:#fff038;} #popPrint .content {padding:25px 15px 15px 15px; height:370px; overflow:auto; border-bottom:1px solid #e5e5e5;} #popPrint .content h2 {height:25px; padding-top:5px; background:url(/images/list_gi/ni/cal_pop_title_print_jk.gif) no-repeat right top;} #popPrint .content p.desc {padding:10px; line-height:1.4; border:1px solid #ececec; background-color:#f8f8f8; color:#000;} #popPrint .content p.desc strong {color:#2579dc; font:normal 11px verdana;} #popPrint .content .day {padding:15px 0 15px 0;border-bottom:1px solid #ececec; color:#000;} #popPrint .content .day a {color:#000;} #popPrint .content .day h3 {padding-left:8px; background:url(/images/list_gi/ni/cal_pop_bullet_1.gif) no-repeat left 4px; font-weight:bold; color:#000;} #popPrint .content .day ul {margin:5px 0 0 5px} #popPrint .content .day ul li {padding:2px 0 2px 7px; background:url(/images/list_gi/ni/cal_pop_bullet_2.gif) no-repeat left 7px;} #popPrint .content .day ul li img {margin-top:2px;} #popPrint .content p.slogan {padding:20px 0; color:#2579dc; text-align:center;} #popPrint ul.button {padding:10px 0 15px 0; text-align:center; background-color:#efefef; border-top:1px solid #fff;} #popPrint ul.button li {display:inline;} @media print { body.printCalMon {background:url(/images/list_gi/ni/print_logo.gif) no-repeat 50% 50%;} #popPrint {font-size:13px; line-height:1.5; font-family:"Malgun Gothic", "맑은 고딕", "AppleGothic", "Lucida Grande", gulim, "굴림", dotum, "돋움", verdana, serif;} #popPrint .content {height:auto; overflow:visible;} #popPrint ul.button {display:none;} #popPrint .content .day h3 {background-position:left 6px;} #popPrint .content .day ul li {background-position:left 10px;} #popPrint .content p.slogan {padding-bottom:10px; font-size:15px; font-weight:bold;} } /* 팝업 : 퀵바 */ #quickBar {position:relative; left:0; top:0; width:336px; _width /**/:376px; height:378px; padding:0 20px; background:#fff url(/images/list_gi/ni/bg_qbar.gif) repeat-x left bottom; text-align:left;} #quickBar .header {position:relative; height:59px;} #quickBar h1 {position:absolute; left:0; top:20px;} #quickBar p.ico {position:absolute; right:0; bottom:9px;} #quickBar .btn {margin:9px 0 8px 0; text-align:center;} #quickBar .tabMenu {position:relative; padding:25px 0 0 0;} #quickBar .tabMenu li {display:inline;} #quickBar .tabMenu h2 {display:block; position:absolute; top:0;} #quickBar .tabMenu h2 a {overflow:hidden;} #quickBar .tabMenu #tab1 a, #quickBar .tabMenu #tab2 a, #quickBar .tabMenu #tab3 a, #quickBar .tabMenu #tab1Selected, #quickBar .tabMenu #tab2Selected, #quickBar .tabMenu #tab3Selected {width:112px; height:25px; display:block;} #quickBar .tabMenu #tab1, #quickBar .tabMenu #tab1Selected {left:0; text-indent:-100em;} #quickBar .tabMenu #tab2, #quickBar .tabMenu #tab2Selected {left:112px; text-indent:-100em;} #quickBar .tabMenu #tab3, #quickBar .tabMenu #tab3Selected {left:224px;text-indent:-100em;} #quickBar .tabMenu #tab1 {background:url(/images/list_gi/ni/qbar_tab1.gif) no-repeat;} #quickBar .tabMenu #tab2 {background:url(/images/list_gi/ni/qbar_tab2.gif) no-repeat;} #quickBar .tabMenu #tab3 {background:url(/images/list_gi/ni/qbar_tab3.gif) no-repeat;} #tab1Selected {background:url(/images/list_gi/ni/qbar_tab1.gif) no-repeat left -25px;} #tab2Selected {background:url(/images/list_gi/ni/qbar_tab2.gif) no-repeat left -25px;} #tab3Selected {background:url(/images/list_gi/ni/qbar_tab3.gif) no-repeat left -25px;} #quickBar .tabMenu .tabContent {position:relative; width:100%; text-align:left;} #quickBar .tabMenu .tabContent .desc {clear:both; padding:8px 3px; font:normal 11px dotum, 돋움; letter-spacing:-1px; color:#484848; line-height:1.4;} #quickBar .tabMenu .tabContent .desc em {padding-left:8px; background:url(/images/list_gi/ni/icon_arrow2.gif) no-repeat left 3px; color:#1C67B5;} #quickBar .tabMenu .tabContent .desc.pd {padding-top:16px;} #quickBar .tabMenu .tabContent .box1 input.txt {height:14px; _height /**/:20px; padding:4px 0 0 3px; border:1px solid #89BBE9;} #quickBar .tabMenu .tabContent .box2 input.txt {height:14px; _height /**/:20px; padding:4px 0 0 3px; border:1px solid #A9C9E5;} #quickBar .tabMenu .tabContent textarea {height:160px; _height /**/:172px;} #quickBar .tabMenu .tabContent .box1 {background:#D6EAFC; text-align:center; padding:7px 0; margin:0 1px; font-weight:bold; color:#0A68BA; letter-spacing:-1px;} #quickBar .tabMenu .tabContent .box1 input,#quickBar .tabMenu .tabContent .box1 select {font-size:11px; font-family:dotum, 돋움;} #quickBar .tabMenu .tabContent .box1 input {width:130px; _width /**/:135px; height:17px; _height /**/:20px; padding:1px 0 0 3px; border:1px solid #89BBE9;} #quickBar .tabMenu .tabContent .box1 label {position:relative; top:1px;} #quickBar .tabMenu .tabContent .box1 span {margin:0 5px; font-weight:normal; color:#000;} #quickBar .tabMenu .tabContent .box1 dt, #quickBar .tabMenu .tabContent .box1 dd {display:inline;} #quickBar .tabMenu .tabContent .box1 dt {padding-left:3px;} #quickBar .tabMenu .tabContent .box2 {padding:16px 0 8px 35px; border:1px solid #CFE1F2; background:#fff; font-family:dotum, 돋움; color:#000; overflow:hidden; _height:1%;} #quickBar .tabMenu .tabContent .box2 dt, #quickBar .tabMenu .tabContent .box2 dd {float:left;} #quickBar .tabMenu .tabContent .box2 dt {padding-top:3px;} #quickBar .tabMenu .tabContent .box2 dd {width:210px; margin-left:10px;} #quickBar .tabMenu .tabContent .box2 li {display:block; height:28px;} #quickBar .tabMenu .tabContent .box2 li input {position:relative; *top:-1px; margin-right:2px;} #quickBar .tabMenu .tabContent .box2 ul.lang {margin-left:15px;} #quickBar .tabMenu .tabContent .box2 ul.lang label {display:block; width:75px;} #quickBar .tabMenu .tabContent .box2 ul.lang label, #quickBar .tabMenu .tabContent .box2 ul.lang input {float:left;} #quickBar .tabMenu .tabContent .box2 ul.lang li {position:relative; top:4px;} #quickBar .tabMenu .tabContent .box2 ul.lang li input {position:relative; top:-4px; margin-right:9px;} #quickBar .tabMenu .tabContent .box2 ul.lang label span {font:normal 10px verdana;} #quickBar .tabMenu .tabContent .count {font-size:11px; font-family:dotum, 돋움; margin-left:-5px;} #quickBar .tabMenu .tabContent .count strong {margin-left:4px; font:bold 13px verdana;} #quickBar .tabMenu .tabContent .count img {margin-left:5px;} #quickBar .tabMenu .tabContent textarea { width:326px; _width /**/:336px; padding:5px; margin-bottom:7px; border:1px solid #CFE1F2; scrollbar-face-color: #F2F2F2; scrollbar-shadow-color: #F2F2F2; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #F2F2F2; scrollbar-darkshadow-color:#CFCFCF; scrollbar-track-color: #FFF; scrollbar-arrow-color: #000; } /* 채용정보 리스트 ------------------------------------------------------------------------------------ */ /* 진행중인 채용정보 리스트 : 검색 결과 Box */ #schResult {width:910px; color:#666;} #schResult .rstBox {padding:15px 27px; background:url(/images/list_gi/ni/bg_sch_result.gif) no-repeat;} #schResult .rstBox p {padding-bottom:5px; color:#666;} #schResult .rstBox p em {font:bold 13px verdana; color:#000;} #schResult .rstBox dl {clear:both; margin-top:3px;} #schResult .rstBox dl dt, #schResult .rstBox dl dd {display:inline;} #schResult .rstBox dl dd {margin-left:10px; font:bold 13px gulim, 굴림; color:#3366CC;} /* 진행중인 채용정보 리스트 */ #tbList {padding-top:13px; font-family:dotum,돋움; color:#555;} #tbList table {table-layout:fixed; clear:both; _table-layout /**/:auto; text-align:center; font-size:12px;} #tbList table a {font-family:gulim,굴림;} #tbList caption {text-align:left; padding-bottom:11px; } #tbList caption img {padding-top:2px; margin-left:8px;} #tbList p {margin:1px 8px 0 0; padding:5px 0; background:#FAFAFA; text-align:right;} #tbList .topColName {width:23%;} #tbList .topColTitle {width:40%;} #tbList .topColEmploy {width:11%;} #tbList .topColArea {width:7%;} #tbList .topColEndday {width:19%;} #tbList .topColName td {text-align:left;} #tbList .topColTitle td {text-align:left;} #tbList table thead th {padding:9px 0 10px 0; background:url(/images/List_GI/NI/bg_tbl_thead_top.gif) repeat-x left top; font-weight:normal; font-family:dotum; color:#555; text-align:center; letter-spacing:-1px;} #tbList table tbody th {padding:5px 0 0 17px; border-bottom:1px solid #EDEDED; background:url(/images/List_GI/NI/icon_gray1.gif) no-repeat 6px 50%; font-weight:normal; text-align:left;} #tbList table tbody td {padding:8px 0 4px 0; border-bottom:1px solid #EDEDED} #tbList table tbody tr.odd th, #tbList table tbody tr.odd td {border-bottom:1px solid #E6E7E7;} #tbList table tbody th a {color:#555;} #tbList table tbody td {font-family:gulim,굴림;} #tbList table tbody td.area {letter-spacing:-1px;} #tbList table tbody td.day {padding-left:10px; padding-top:5px; letter-spacing:-1px; font-size:12px;} #tbList table tbody td.day span {float:left; font:normal 11px verdana; letter-spacing:0; margin-top:1px;} #tbList table tbody td.day span.week {padding-left:3px; margin-top:3px; margin-right:4px; font:normal 12px gulim,굴림; letter-spacing:-1px;} #tbList table tbody td.day em {float:left; display:block; width:40px; padding:4px 0 0 0; border:1px solid #D4D4D4; background:#FAFAFA; font:bold 11px dotum,돋움; text-align:center; color:#2678D4; line-height:0.9;} #tbList table tbody td.day em.odd {float:left; display:block; width:144px; _width /**/:150px; padding:1px 0 0 0; border:1px solid #E6E7E7; background:#FFF; font:normal 11px dotum,돋움; text-align:center; color:#5A5A5A;} #tbList table tbody td.day em.zero {float:left; display:block; width:40px; padding:4px 0 0 0; border:1px solid #FF9554; background:#FF9554; font:bold 11px dotum,돋움; text-align:center; color:#fff; letter-spacing:-1px; line-height:0.9;} /* d-day */ #tbList .title {text-align:left; font-family:gulim,굴림;} #tbList .title ul li.add {padding-top:4px; padding-bottom:2px; letter-spacing:-1px;} #tbList .title ul li.add em {font-family:verdana; color:#000; letter-spacing:0;} #tbList .title ul li.add span {background:url(/images/List_GI/NI/addLine.gif) no-repeat 6px top; padding-left:13px;} #tbList .title ul li img {margin-right:4px;} #tbList .title ul li img.ico {position:relative; top:1px;} #tbList .title ul li img.blank {vertical-align:-1px;} #tbList .title ul li a {color:#444;} #tbList .title ul li a:visited {color:#999;} #tbList .title ul li a:hover, #tbList .title ul li .title a:active {color:#0066CC;} #tbList.case1 .title ul li.add {padding-left:28px;} /* 검색결과 내 진행중인 채용정보 리스트 */ #tbList.case2 .title ul li.add {background:url(/images/List_GI/NI/icon_nb.gif) no-repeat 1px 5px; padding-left:21px;} /* 신입공채 메인 진행중인 채용정보 리스트 */ /* 진행중인 채용정보 리스트 : bg color */ #tbList table tbody tr.bg th, #tbList table tbody tr.bg td {background:#FBFBFB;} #tbList table tbody tr.bg th {background:#FBFBFB url(/images/List_GI/NI/icon_gray1.gif) no-repeat 6px 50%;} /* 진행중인 채용정보 리스트 : select box */ #tbList .selectBox {position:relative; top:-1px; z-index:100; font-family:gulim,굴림;} #tbList .selectBox span.ico {position:absolute; right:214px; top:2px; background:url(/images/List_GI/NI/icon_arrow3.gif) no-repeat left 5px; padding-left:8px; text-align:right;} #tbList .selectBox em {margin-left:3px; font:bold 13px verdana; color:#000;} #tbList .selectBox .opt1 {position:absolute; right:46px; top:0; background:url(/images/List_GI/NI/bg_selectBox.gif) -107px -10px no-repeat; font:normal 11px dotum, 돋움; letter-spacing:-1px;} #tbList .selectBox .opt2 {position:absolute; right:0; top:0; background:url(/images/List_GI/NI/bg_selectBox.gif) -209px -10px no-repeat; font:normal 11px dotum, 돋움; letter-spacing:0;} #tbList .selectBox .opt3 {position:absolute; right:128px; top:0; background:url(/images/List_GI/NI/bg_selectBox.gif) -10px -10px no-repeat; font:normal 11px dotum, 돋움; letter-spacing:0;} #tbList .selectBox .opt3 a {color:#506278;} #tbList .selectBox .opt3 a:hover {color:#0066CC;} #tbList .selectBox .opt1 a.selected {display:block; width:69px; _width /**/:76px; padding:5px 0 2px 7px;} #tbList .selectBox .opt2 a.selected {display:block; width:35px; _width /**/:40px; padding:5px 0 2px 5px;} #tbList .selectBox .opt3 a.selected {display:block; width:71px; _width /**/:76px; padding:5px 0 2px 5px;} #tbList .selectBox .opt1 .opt1_s {margin-top:-1px; padding:7px 5px 2px 7px; background:#fff; border:1px solid #D1D1D1; line-height:17px;} #tbList .selectBox .opt2 .opt2_s {margin-top:-1px; padding:7px 5px 2px 7px; background:#fff; border:1px solid #D1D1D1; line-height:17px;} #tbList .selectBox .opt3 .opt3_s {margin-top:-1px; padding:7px 5px 2px 7px; background:#ECF6FE; border:1px solid #579DDC; line-height:17px;} /* paging ------------------------------------------------------------------------------------ */ .paging {clear:both; margin:0 auto; margin-right:10px; text-align:right; margin-top:30px; display:block; font-size:10px; font-family: verdana !important;} .paging li {display:inline; background:url(/images/list_gi/ni/pagingLine.gif) no-repeat left 3px;} .paging li a {display:inline-block; width:30px; margin-right:-2px; font-size:10px; font-family: verdana !important; text-align:center;} .paging li.btn {background:none; margin:0 0 0 2px;} .paging li.btn img {vertical-align:middle !important;} .paging li.btn a {padding:0; width:18px;} .paging li.first {background:none;} .paging li strong.now {display:inline-block; width:30px; margin-right:-2px; font-weight:bold; color:#FF4200; text-align:center;} /* 청년인턴 ------------------------------------------------------------------------------------ */ #intern {position:relative; margin-top:26px; padding-top:15px;} #intern h3 {position:absolute; left:8px; top:0;} #intern .update {position:absolute; right:12px; top:0;} #intern .update dt, #intern .update dd {float:left;} #intern .update dt {font-family:굴림, gulim; background:#fff url(/images/list_gi/ni/icon_black.gif) no-repeat left 4px; padding-left:7px; color:#333;} #intern .update dd {position:relative; top:-2px; padding-left:5px; font-weight:bold; font-family:verdana; color:#5A36A4;} .intBox {position:relative; clear:both; background:#fff url(/images/list_gi/ni/bg_intBox_btm.gif) no-repeat left bottom; padding-bottom:20px; margin-top:10px; font-family:dodutm,돋움; overflow:hidden; _height:1%;} .intBox dl {padding:0 12px 0 18px; background:url(/images/list_gi/ni/bg_intBox_top.gif) no-repeat left top;} .intBox dl dt {padding-top:10px; padding-bottom:7px; font:bold 13px gulim, 굴림; letter-spacing:-1px;} .intBox dl dt img {position:relative; top:2px;} .intBox dl dt em {font-family:돋움, dotum; margin-left:2px; font-size:12px; color:#2F5BB2; letter-spacing:0;} .intBox dl dt a {color:#222;} .intBox dl dt a:visited {color:#999;} .intBox dl dd {float:left; padding-top:17px;} .intBox dl dd .img {position:relative; top:-2px; left:2px;} .intBox dl dd.txt {font:normal 12px gulim, 굴림; width:354px; _width /**/:388px; padding:23px 17px 0 17px; line-height:1.7; letter-spacing:-1px; color:#444;} .intBox p.view {position:absolute; top:10px; right:20px;} .intBox .sBox {position:relative; top:4px; width:318px; height:105px; background:url(/images/list_gi/ni/bg_sbox.gif) no-repeat right bottom; color:#626262;} .intBox .sBox dl {clear:both; width:315px; _width /**/:317px; padding:0; border-left:1px solid #E0DFDF; border-right:1px solid #DAD9D9; border-bottom:1px solid #ECEAEA; overflow:hidden; background:none;} .intBox .sBox dt, .intBox .sBox dd {float:left; } .intBox .sBox dt {padding:4px 11px 0 11px; height:15px; _height /**/:19px; background:#F9F9F9; font:normal 11px dotum, 돋움; letter-spacing:-1px; color:#626262;} .intBox .sBox dd {padding:4px 0 0 5px; height:15px; _height /**/:19px; font-family:굴림, gulim;} .intBox .sBox dd strong {color:#2F5BB2} .intBox .sBox dl.first {border-top:1px solid #E0DFDF;} .intBox .sBox dl.first dt {padding-top:6px; height:15px; _height /**/:21px; color:#000;} .intBox .sBox dl.first dd {padding-top:5px; color:#000;} .intBox .sBox dl.end {border-bottom:1px solid #D3D2D2;} .intBox .sBox dl.end dt {padding-top:5px; height:15px; _height /**/:21px; } .intBox .sBox dl.end dd {padding-top:3px; font-family:verdana, 굴림, gulim;} .intBox dl dt em.fc_today {color:#F81F1F;} .intBox dl dt em.fc_regr {color:#970C59;} #intern .desc {padding:12px 0 8px 13px; margin-top:30px; background:#F9F9F9; border:1px solid #F3F3F3; font-family:gulim,굴림; color:#333;} #intern .desc img {position:relative; top:-1px;} /* 위젯 ------------------------------------------------------------------------------------ */ #widget {width:910px; line-height:1.5; font-family:gulim, 굴림; color:#444; letter-spacing:-1px;} #widget h2 {margin-bottom:20px;} #widget h3 {width:878px; _width:899px; padding:11px 0 9px 1px; margin:0 5px 14px 5px;} #widget .made table caption {padding-left:17px; padding-bottom:7px; background:url(/images/list_gi/ni/icon_arrow4.gif) no-repeat left top; color:#666; font:bold 12px gulim, 굴림; letter-spacing:-1px; text-align:left;} #widget .made {position:relative; top:0; left:0; width:683px; _width /**/:910px; padding-left:227px; padding-bottom:40px; margin:0 0 29px 0; background:url(/images/list_gi/ni/dotline.gif) repeat-x left bottom;} #widget .made .img {position:absolute; top:-3px; left:24px;} #widget .made .btn {margin:20px 0 12px 0; text-align:center;} #widget .made table {width:97%; border-width:1px 1px 0 1px; border-style:solid; border-color:#D5D5D5;} #widget .made table th, #widget .made table td {font-size:12px;} #widget .made table th {width:115px; padding-top:10px; height:30px; _height /**/:35px; border-width:0 1px 1px 0; border-style:solid; border-color:#D5D5D5; background:#F7F7F7; font-weight:bold; color:#000; text-align:center; vertical-align:top;} #widget .made table td {padding-top:3px; padding-bottom:3px; height:29px; _height /**/:35px; padding-left:13px; border-width:0 1px 1px 0; border-style:solid; border-color:#D5D5D5;} #widget .made table td img {position:relative; top:4px; left:3px; margin-right:5px;} #widget .made table td select {margin:3px 0 4px 4px;} #widget .made table td span {margin-top:2px; letter-spacing:-1;} #widget .made table td ul {margin-top:4px;} #widget .made table td ul li {display:inline;} #widget .made table td ul li input {position:relative; top:-2px;} #widget .made .code {width:641px; _width /**/:665px; padding:15px 12px 10px 12px; margin-top:11px; margin-right:20px; background:#F7F7F7; border:1px solid #E8E6E9; font:normal 11px dotum,돋움; color:#666;} #widget .made .code h4 {margin:0 17px 6px 15px; font:bold 12px gulim, 굴림; color:#000; letter-spacing:-1px;} #widget .made .code p {margin:0 15px;} #widget .made .code strong {font-size:12px; color:#3C62AE;} #widget .made .code .box {background:#fff; margin-top:11px;} #widget .made .code .box textarea {width:600px; _width /**/:640px; padding:8px 20px; border:0; font-size:11px; font-family:arial; color:#333; overflow:hidden;} #widget .help ol {margin:0 0 0 0;} #widget .help ol li {clear:both; margin-bottom:23px; overflow:hidden; _height:1%;} #widget .help ol li .img {float:left; margin-right:10px;} #widget .help ol li .txt {float:left; width:420px; padding-top:10px; letter-spacing:0;} #widget .help ol li .txt strong {color:#444; letter-spacing:-2;} #widget .help ol li .add {padding-top:20px;} #widget .help ol li.end {margin-bottom:0;} #widget .lyCase1 {position:absolute; top:20px; left:400px;} /* 공채 데스크 ------------------------------------------------------------------------------------ */ /* 공채 데스크 공통 댓글수/카운드/날짜*/ .DScount {font:normal 10px verdana; color:#5A58D2; letter-spacing:-1px;} .DScount span {font-weight:bold;} .DSnew {vertical-align:middle; padding:0 2px;} .DSdate {font:normal 11px verdana; letter-spacing:0; color:#8B8B8B;} /* 공채 데스크 리스트*/ #intView {margin:0 auto;} #intView h2 {margin-bottom:0;} #PList_Div {overflow:hidden; _height:1%; padding-bottom:40px; margin-bottom:-30px; background:url(/images/list_gi/ni/bg_desk.gif) repeat-y;} #intView div.inTitle {overflow:hidden; _height:1%; position:relative; left:0; height:47px;} #intView div.inTitle h3 {*padding-top:25px;_padding-top:25px; margin-left:15px; padding-top:20px;} #intView div.inTitle p.ch-box {position:absolute; left:110px; _left:105px; *left:105px; top:22px; _top:17px; *top:17px; letter-spacing:-1px; font:normal 11px 돋움; color:#555;} #intView div.inTitle p.ch-box input {position:relative; _left:3px; *left:3px; top:-1px; _top:-2px; *top:-2px;} #intView div.inTitle fieldset {position:absolute; top:15px; right:0;} #intView div.inTitle fieldset input.search {margin-right:4px; border:1px solid #D2D6DA; width:125px; height:19px;} #intView #PList_Div div.imgList {float:left; width:665px; border-top:1px solid #ECECEC;} #intView #CateList {float:right; width:201px; border-top:1px solid #D7D7D7; padding:14px 12px;} #intView .imgList dl.lb_niList {overflow:hidden; _height:1%; position:relative;} #intView .imgList dl.lb_niList dt {padding:22px 0 0 100px;} #intView .imgList dl.lb_niList dd.contents {height:35px; padding:9px 0 18px 100px; border-bottom:1px solid #ECECEC; line-height:1.5;} #intView .imgList dl.lb_niList dt {letter-spacing:-1px; font:bold 13px gulim, 굴림;} #intView .imgList dl.lb_niList dt a {color:#0064BB;} #intView .imgList dl.lb_niList dt a:visited {color:#999999;} #intView .imgList dl.lb_niList dd {padding-top:9px;} #intView .imgList dl dd.grouping {padding-left:115px; color:#333333; background:url(/images/list_gi/ni/ni_bg_ico.gif) no-repeat 100px 9px;} #intView .imgList dl dd.grouping em, #intView .imgList dl dd.grouping strong {letter-spacing:-1px; color:#8B8B8B; font-weight:normal;} #intView .imgList dl.lb_niList dd.photo {padding-top:0; position:absolute; top:15px; left:5px; border:1px solid #C9C9C9;} #intView #CateList h4 {font:bold 13px gulim; color:#333333; letter-spacing:-1px; padding:3px 0 7px 13px; background:url(/images/list_gi/ni/CateList_ico_bg.gif) no-repeat;} #intView #CateList h4.bgNo {background:url(/images/list_gi/ni/CateList_ico_bg1.gif) no-repeat;} #intView #CateList h4 strong {color:#0064BB; letter-spacing:-1px;} #intView #CateList dl {padding-bottom:30px;} #intView #CateList dl dt {padding-bottom:10px;} #intView #CateList dl dd {height:21px; padding:0 0 0 38px; background:url(/images/list_gi/ni/ico_all_ico.gif) no-repeat 13px 0;} #intView #CateList dl dd em {color:#787878; font:normal 10px verdana; letter-spacing:-1px;} #intView #CateList dl dd em span {font-weight:bold;} #intView #CateList ul {padding:10px 0 30px 0;} #intView #CateList ul li {padding:0 0 7px 14px; background:url(/images/list_gi/ni/icon_gray.gif) no-repeat 4px 5px;} #intView #CateList ul.booth {padding:15px 0 0 0; margin-bottom:30px; height:135px; background-color:#FCFCFC; border:1px solid #DFDFDF;} #intView #CateList ul.booth li {padding:0 0 7px 23px; background:none; float:left;} #intView #CateList p.widget {padding-left:14px;} /* 공채데스크 : 데이타가 없을경우 */ #intView .noData {border:1px solid #ECECEC; border-top:0px; text-align:center; padding:20px;} /* 공채데스크 : 보기 */ #intView .imgList dl.niView {border-top:1px solid #3280D6;} #intView .imgList dl.niView dt {padding:18px 0 10px 33px; background-color:#F5FAFF; color:#0064BB; font:bold 24px 돋움; letter-spacing:-2px;} #intView .imgList dl.niView dd.grouping {padding:0 0 10px 48px; color:#333333; border-bottom:1px solid #D0E3F4; background:#F5FAFF url(/images/list_gi/ni/ni_bg_ico.gif) no-repeat 33px 0} #intView .imgList dl.niView dd.txtView {padding:20px 0 40px 0; background-color:#FFF; line-height:1.7; } #intView .imgList dl.niView dd.txtView .ni_interview {position:relative; border:1px solid #CDE6FF; color:#808080; padding:10px; margin-top:5px; letter-spacing:-1px;} #intView .imgList dl.niView dd.txtView .ni_interview p {line-height:1.7;} #intView .imgList dl.niView dd.txtView .ni_interview strong {color:#444444; font-weight:normal; text-decoration:underline;} #intView .imgList dl.niView dd.txtView .ni_interview span {position:absolute; top:60px; right:10px;} /* 공채데스크 : 다른글 보기 */ #intView .imgList .niNotice {overflow:hidden; _height:1%; border:1px solid #ECECEC;} #intView .imgList .niNotice h4 {letter-spacing:-1px; color:#666; background:#F9F9F9; padding:10px 15px 8px 15px;} #intView .imgList .niNotice ul {margin:10px 15px;} #intView .imgList .niNotice ul li {overflow:hidden; _height:1%; position:relative; padding:5px 0 5px 10px; background:url(/images/list_gi/ni/icon_gray.gif) no-repeat left 8px;} #intView .imgList .niNotice ul li img.DSnew {top:7px; *top:2px;} #intView .imgList .addTxt ul li img.DSnew {top:13px; *top:2px;} #intView .imgList .niNotice ul li em {position:absolute; top:0; right:0;} #intView .imgList .addTxt {border:0px solid #ECECEC;} #intView .imgList .addTxt h4 {background:#FCFCFC; border-top:1px solid #D7D7D7; border-bottom:1px solid #EDEDED;} #intView .imgList .addTxt ul {margin:0;} #intView .imgList .addTxt ul li {padding:12px 0 13px 28px; border-bottom:1px solid #EDEDED; background:url(/images/List_GI/NI/icon_gray1.gif) no-repeat 17px 17px;} #intView .imgList .addTxt ul li.select {background-color:#FCFCFC;} #intView .imgList .addTxt ul li a.bold {font-weight:bold; text-decoration:underline; letter-spacing:-1px; color:#0064BB;} #intView .imgList .addTxt ul li em {position:absolute; top:10px; right:10px;} #intView ul.add {margin-top:20px; margin-bottom:50px;} /* 공채데스크 : 답글 */ #intView .comment {margin:20px 0; padding:0 10px 20px 10px; border:1px solid #D0E3F4; background-color:#F5FAFF; _height:1%;} #intView .comment h4 {padding:15px 0 0 0px;} #intView .comment ul li {padding:15px 0 11px 0; border-bottom:1px solid #D0E3F4;} #intView .comment ul li strong {display:block; color:#666; padding:0 0 4px 10px; background:url(/images/list_gi/ni/icon_reply.gif) no-repeat 2px 4px;} #intView .comment ul li strong span.date {font:11px dotum,"돋움",sans-serif; color:#999; color:#0A61BD;} #intView .comment ul li p.text {padding:0 0 0 10px;} #intView .comment ul li p.text img {vertical-align:middle;} #intView .comment ul li ul {margin:15px 0 -11px 0;} #intView .comment ul li ul li {border-top:1px solid #D0E3F4; border-bottom:0 none;} #intView .comment ul li ul li strong {padding:0 0 4px 30px; background:url(/images/list_gi/ni/icon_reply1.gif) no-repeat 15px 0px;} #intView .comment ul li ul li p.text {padding:0 0 0 30px;} #intView .comment dl {position:relative; width:633px; margin:10px 5px 0 5px;} #intView .comment dl dd input, #intView .comment dl dd textarea {padding:4px 3px 3px 5px; border:1px solid #BDD6EC; font:11px/1.4 dotum,"돋움",sans-serif; color:#999; letter-spacing:-1px; vertical-align:top;} #intView .comment dl dd textarea {width:535px; height:74px;} #intView .comment dl dd textarea.Rep_Comment {width:545px; height:37px;} #intView .comment dl dd.nickName {height:27px;} #intView .comment dl dd.btn {position:absolute; top:27px; _top:28px; right:0;} #intView .comment dl dd.btn input {padding:0; border:0 none;} #intView .niPre {margin-top:20px; border-top:1px solid #ECECEC; background:url(/images/list_gi/ni/bg_nipre.gif) repeat-y;} #intView .niPre dt {float:left; margin-right:10px; padding:10px 0; width:85px; text-align:center;} #intView .niPre dd {padding:10px 0; border-bottom:1px solid #ECECEC;} /* 공채데스크 : 간단히 보기 */ #PList_Div #tbList {padding-top:0; width:665px;} #PList_Div #tbList.imgList {border-top:1px solid #FFF !important;} #PList_Div #tbList tbody th a {color:#0064BB; letter-spacing:-1px; font-family:"verdana";} #PList_Div #tbList tbody th, #PList_Div #tbList tbody td {letter-spacing:-1px; font-family:"verdana"; padding-top:7px; padding-bottom:7px;} #PList_Div #tbList tbody td.day span.today {width:62px; font-weight:bold; text-align:center; background:#4091DE; color:#FFF;} #PList_Div #tbList tbody td.title a {font-family:"verdana";} #PList_Div #tbList tbody td.title a:hover {color:#06c;} #PList_Div #tbList tbody td.title a:visited, #PList_Div #tbList tbody th a:visited {color:#999;} /* 인사담당자 인터뷰 후기 : 질문하기 : 레이어 */ intView .lyCase1 {position:absolute; top:25px; right:195px; border-width:2px; width:363px; z-index:100;} intView .lyMemoWrite {width:363px !important;} intView .lyMemoWrite .lyask {padding:10px 15px 11px 15px; font-family:dotum, "돋움"; line-height:1.3;} intView .lyMemoWrite .lyask p {font-family:dotum, "돋움"; color:#4C4C4C; letter-spacing:-1px;} intView .lyMemoWrite .lyask p strong {color:#e36a15;} intView .lyMemoWrite .lyask dl {overflow:hidden; _zoom:1; border:1px solid #e1e1e1; border-top:0 none; margin:10px 0 0 0;} intView .lyMemoWrite .lyask dl dt {float:left; width:61px; padding:9px 0 7px 10px; border-top:1px solid #e1e1e1; clear:both; font:bold 12px dotum, "돋움";} intView .lyMemoWrite .lyask dl dd {float:left; width:260px; padding:5px 0 7px 0px; border-top:1px solid #e1e1e1;} intView .lyMemoWrite .lyask dl dd input {height:16px; _height /**/:21px; padding:3px 0 0 3px; border:1px solid #2276d7;} intView .lyMemoWrite .lyask dl dt.odd {float:none; width:321px;} intView .lyMemoWrite .lyask dl dd.odd {float:none; width:328px; border:0 none; padding:0 0 10px 0;} intView .lyMemoWrite .lyask dl dd.odd textarea {border:1px solid #2276d7; width:285px; padding:10px; height:70px; margin-left:12px; overflow:auto; color:#737374; font-family:verdana;} intView .lyMemoWrite .lyask dl dd select {color:#737374;} intView .lyMemoWrite .lyask dl dd label {position:relative; top:2px;} /* 인사팀장님! 이것이 궁금해요~ */ intView .ask {position:relative; background:url(/images/list_gi/ni/dotline.gif) repeat-x left top; padding-top:29px; margin-top:30px;} intView .ask h3 {margin:0 5px 12px 15px;} intView .ask .box {border:1px solid #E0DDDD; padding:20px 0 17px 33px; margin-bottom:12px; overflow:hidden; _height:1%; z-index:1;} intView .ask .box .txt {float:left; width:585px; font-family:gulim, 굴림; line-height:1.7; letter-spacing:-1px; color:#666;} intView .ask .box .button {float:right; margin-right:38px; margin-top:9px;} #intView .ask #tbList {font-family:verdana;} #intView .ask #tbList thead th {margin-bottom:3px;} #intView .ask #tbList tbody th {padding:5px 0 0 17px;} #intView .ask #tbList tbody td {padding:12px 0 9px 0;} #intView .ask #tbList img {margin-top:-2px;} #intView .ask #tbList .title {color:#000; font-family:gulim, 굴림;} #intView .ask #tbList .title img {vertical-align:middle;} #intView .ask #tbList .day {vertical-align:middle; letter-spacing:0; color:#666;} intView #tbList .topColName {width:18%;} /* 인사팀장님! 이것이 궁금해요 : 리스트 width값 */ intView #tbList .topColPart {width:7%;} intView #tbList .topColASk {width:60%;} intView #tbList .topColDay {width:15%;} intView .paging {padding-right:9px; padding-top:0 !important;} /* 취업 스터디 ------------------------------------------------------------------------------------ */ /* layout */ body#nStudy #content {padding-bottom:1px; background:url(/images/List_GI/NI/bg_body_1_bottom.gif) no-repeat left bottom;} #niStudyWrap {margin-top:22px; *zoom:1; background:url(/images/List_GI/NI/bg_body_1.gif) repeat-y left top;} #niStudyWrap:after {content:" "; display:block; height:0; clear:both;} #niStudyWrap .niStudy {float:left; width:665px;} #niStudyWrap .niStudyBar {float:right; width:212px; padding:15px 0 15px 13px; border-top:1px solid #d7d7d7;} /* Sidebar */ #niStudyWrap .niStudyBar {} #niStudyWrap .niStudyBar .categories {width:199px; overflow:hidden; margin-bottom:20px;} #niStudyWrap .niStudyBar .categories h4 {font:bold 13px gulim, "굴림", sans-serif; color:#333; letter-spacing:-1px; padding:3px 0 5px 10px; background:url(/images/list_gi/ni/icon_dot_1.gif) no-repeat 3px 6px;} #niStudyWrap .niStudyBar .categories h4.bg {padding-bottom:6px; background:url(/images/list_gi/ni/bg_study_sidebar_1.gif) no-repeat 0 bottom;} #niStudyWrap .niStudyBar .categories ul {margin-top:8px;} #niStudyWrap .niStudyBar .categories ul li {line-height:1.4; padding:2px 0 1px 38px; _height:1%; background:url(/images/List_GI/NI/icon_cate_1.gif) no-repeat 13px 3px;} #niStudyWrap .niStudyBar .categories ul li img {vertical-align:middle; margin-left:5px;} #niStudyWrap .niStudyBar .categories ul li span {font-family:tahoma; font-size:10px;} #niStudyWrap .niStudyBar .categories ul li span em {font-weight:bold;} #niStudyWrap .niStudyBar .categories p.myPostLogin {text-align:center; padding:40px 0 30px 0; font:11px/1.4 dotum, "돋움", sans-serif; color:#999; letter-spacing:-1px;} #niStudyWrap .niStudyBar .categories p.myPostLogin a {display:block; width:144px; height:34px; padding-top:8px; margin:0 auto 10px auto; color:#444; border:1px solid #e6e7e7;} #niStudyWrap .niStudyBar .categories dl.myPost {position:relative;} #niStudyWrap .niStudyBar .categories dl.myPost dt {padding:6px 0 4px 13px; background-color:#fbfbfb; border-bottom:1px solid #ededed;} #niStudyWrap .niStudyBar .categories dl.myPost dd {padding:6px 0 2px 15px; background:url(/images/list_gi/ni/icon_dot_2.gif) no-repeat 4px 12px; line-height:1.4;} #niStudyWrap .niStudyBar .categories dl.myPost dd.more {padding:0; background:none; line-height:1; position:absolute; top:5px; right:5px;} #niStudyWrap .niStudyBar .categories dl.myPost dd.more a {display:block; padding:5px; *padding:5px 5px 0 5px;} #niStudyWrap .niStudyBar .categories dl.myPost dd a {display:block; padding-bottom:5px; word-break:break-all;} #niStudyWrap .niStudyBar .categories dl.myPost dd a span {color:#787878; font:11px verdana;} #niStudyWrap .niStudyBar .categories dl.myPost dd strong.num {padding:2px 5px 0px 5px; border:1px solid #e7e7e7; font:11px dotum, "돋움", sans-serif; letter-spacing:-1px; color:#2579d3;} #niStudyWrap .niStudyBar .categories dl.myPost dd strong.num em {font:bold 10px verdana;} #niStudyWrap .niStudyBar .categories dl.knowhow {margin-top:10px;} #niStudyWrap .niStudyBar .categories dl.knowhow dt {border-top:1px solid #ededed;} #niStudyWrap .niStudyBar .categories dl.knowhow dd {padding-bottom:0;} #niStudyWrap .niStudyBar .banner li {margin-top:5px;} /* Contents */ #niStudyWrap .niStudy {position:relative;} #niStudyWrap .niStudy h3 {height:25px; padding-top:3px; position:relative;} #niStudyWrap .niStudy h3 span {position:absolute; top:7px; right:0; color:#999; font:11px dotum, "돋움", sans-serif;} #niStudyWrap .niStudy h3 span strong {color:#ff4200; font-weight:normal;} #niStudyWrap .niStudy .btnFunction {position:absolute; top:0; left:120px; width:545px;} #niStudyWrap .niStudy .btnFunction li {display:inline;} #niStudyWrap .niStudy .btnFunction li.odd {position:absolute; top:0; right:0px;} /* Contents : List */ .niStudyList table {width:100%;} .niStudyList table img {vertical-align:middle;} .niStudyList table thead th {height:30px; line-height:30px; padding-top:2px; background:url(/images/List_GI/NI/ni_study_list_bg_1.gif) repeat-x left top; font-weight:normal; text-align:center;} .niStudyList table tbody th, .niStudyList table tbody td {height:32px; *height:28px; *padding-top:4px; border-bottom:1px solid #ededed; text-align:center;} .niStudyList table tbody th {color:#0064bb; font-weight:normal; text-align:left; text-indent:15px;} .niStudyList table tbody td.title {text-align:left; letter-spacing:-1px;} .niStudyList table tbody td.title span {font:11px verdana; color:#5a58d2;} .niStudyList table tbody td.writer {color:#0064bb; padding-top:2px;} .niStudyList table tbody td.writeday, .niStudyList table tbody td.num {font:11px verdana; color:#444; padding-top:0px;} .niStudyList table tbody tr.bgGray th, .niStudyList table tbody tr.bgGray td {background-color:#fbfbfb;} .niStudyList table tbody tr.giEnd th, .niStudyList table tbody tr.giEnd td {color:#999;} .niStudyList table tbody tr.giEnd td a, .niStudyList table tbody tr.giEnd td span {color:#999;} .niStudyList .paginationWrap {width:100%; position:relative; height:50px; margin-top:20px;} .niStudyList .paginationWrap p {position:absolute; top:0; right:0;} .niStudyList .paginationWrap ul.paging {text-align:center;} .niStudyList .search {clear:both; *margin-top:20px; border:1px solid #ededed; padding:1px; text-align:center;} .niStudyList .search fieldset {background-color:#fbfbfb; padding:5px 0;} .niStudyList .search fieldset input.textInput {border:1px solid #d2d5d8; width:275px; height:16px; padding:3px 0 0 3px;} /* Contents : Write */ .niStudyWrite table {width:100%;} .niStudyWrite table th, .niStudyWrite table td {border:1px solid #ededed; padding:10px 0; *padding:12px 0 10px 0;} .niStudyWrite table th {border-left:0 none; background-color:#fbfbfb; text-indent:15px; font-weight:normal; color:#444; text-align:left;} .niStudyWrite table th strong {color:#ff4200; font-weight:normal;} .niStudyWrite table td {border-right:0 none; padding-left:15px;} .niStudyWrite table td input.textInput {border:1px solid #d2d6da; padding:3px 0 0 3px; height:16px; width:400px;} .niStudyWrite table td input.textMail {border:1px solid #d2d6da; padding:3px 0 0 3px; height:16px;} .niStudyWrite table td #lb_image, .niStudyWrite table td #lb_file {border:1px solid #d2d6da; height:20px; font-size:12px; width:300px;} .niStudyWrite table td p {font:11px dotum, "돋움", sans-serif; letter-spacing:-1px; color:#999; margin-top:3px; padding:4px 0 0 13px; background:url(/images/List_GI/NI/icon_dot_3.gif) no-repeat left 4px;} .niStudyWrite table td p strong {color:#fa7d04; font-weight:normal;} .niStudyWrite table td ul li {display:inline; line-height:1.5;} .niStudyWrite table td ul li label {display:inline-block; *position:relative; *top:2px; margin-right:10px;} .niStudyWrite table tr.writer th, .niStudyWrite table tr.writer td {border-top:1px solid #3280d6;} .niStudyWrite table tr.writer td {font-weight:bold; color:#2678d4;} .niStudyWrite .buttonWrite {text-align:center; margin-top:15px;} /* Contents : View */ .niStudyView .title {padding:18px 0 15px 15px; background-color:#f5faff; border-top:1px solid #3280d6; border-bottom:1px solid #d0e3f4; _height:1%;} .niStudyView .title h1 {font:bold 16px/1.5 dotum, "돋움", sans-serif; letter-spacing:-1px; color:#0064bb;} .niStudyView .title h1 img {vertical-align:middle;} .niStudyView .title ul {position:relative; margin-top:10px;} .niStudyView .title ul li em {font:11px verdana; color:#999;} .niStudyView .title ul li.odd {position:absolute; top:0; right:20px; font:11px verdana; color:#999;} .niStudyView .title ul li.odd strong {font:bold 11px dotum,"돋움",sans-serif; color:#444; margin-left:15px; letter-spacing:-1px;} .niStudyView p.file {text-align:right; font:11px verdana; color:#999; margin:10px 15px 0 0; } .niStudyView p.file a {font:11px dotum,"돋움",sans-serif; color:#444; letter-spacing:-1px; padding-left:12px; background:url(/images/list_gi/ni/icon_file_1.gif) no-repeat left 0px;} .niStudyView .contents {margin:30px 0; padding:0 20px;} .niStudyView .attachImage {width:665px; padding:30px 0 0 0; border-top:1px solid #ededed; text-align:center; overflow:hidden;} .niStudyView .applyBtn {position:relative; margin-top:30px; padding:20px 0 25px 0; border-top:1px solid #ededed; border-bottom:1px solid #3280d6;} .niStudyView .applyBtn .apply {position:absolute; top:15px; right:0; font:11px dotum,"돋움",sans-serif; color:#999; letter-spacing:-1px;} .niStudyView .applyBtn .apply img {vertical-align:middle; margin-left:10px;} .niStudyView .applyList {border:1px solid #ececec; margin-bottom:20px;} .niStudyView .applyList h2 {height:21px; padding:15px 0 0 15px; font-weight:bold; background-color:#f9f9f9;} .niStudyView .applyList h2 strong {color:#ff4200;} .niStudyView .applyList ul {padding:15px; line-height:1.4;} .niStudyView .applyList ul li {position:relative; padding:2px 0;} .niStudyView .applyList ul li a {padding:2px 0 0 10px; background:url(/images/list_gi/ni/icon_dot_2.gif) no-repeat 0 5px; font-weight:normal;} .niStudyView .applyList ul li a strong {font-weight:normal;} .niStudyView .applyList ul li p {word-break:break-all; padding-right:30px;} .niStudyView .applyList ul li em {position:absolute; top:0; right:0;} .niStudyView .applyList ul li em span {font:11px verdana; color:#999;} .niStudyView .applyList ul li p {margin:8px 0; padding:15px 0 15px 10px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;} /* Contents : 답글 */ .niStudyView .comment {margin:20px 0; padding:0 10px 20px 10px; border:1px solid #D0E3F4; background-color:#F5FAFF; _height:1%;} .niStudyView .comment h2 {padding:15px 0 0 0px;} .niStudyView .comment ul li {padding:15px 0 11px 0; border-bottom:1px solid #D0E3F4;} .niStudyView .comment ul li strong {display:block; color:#666; padding:0 0 4px 10px; background:url(/images/list_gi/ni/icon_reply.gif) no-repeat 2px 4px;} .niStudyView .comment ul li strong span.date {font:11px dotum,"돋움",sans-serif; color:#999; color:#0A61BD;} .niStudyView .comment ul li p.text {padding:0 0 0 10px;} .niStudyView .comment ul li p.text img {vertical-align:middle;} .niStudyView .comment ul li ul {margin:15px 0 -11px 0;} .niStudyView .comment ul li ul li {border-top:1px solid #D0E3F4; border-bottom:0 none;} .niStudyView .comment ul li ul li strong {padding:0 0 4px 30px; background:url(/images/list_gi/ni/icon_reply1.gif) no-repeat 15px 0px;} .niStudyView .comment ul li ul li p.text {padding:0 0 0 30px;} .niStudyView .comment dl {position:relative; width:633px; margin:10px 5px 0 5px;} .niStudyView .comment dl dd input, .niStudyView .comment dl dd textarea {padding:4px 3px 3px 5px; border:1px solid #BDD6EC; font:11px/1.4 dotum,"돋움",sans-serif; color:#999; letter-spacing:-1px; vertical-align:top;} .niStudyView .comment dl dd textarea {width:535px; height:74px;} .niStudyView .comment dl dd textarea.Rep_Comment {width:545px; height:37px;} .niStudyView .comment dl dd.nickName {height:27px;} .niStudyView .comment dl dd.btn {position:absolute; top:27px; _top:28px; right:0;} .niStudyView .comment dl dd.btn input {padding:0; border:0 none;} .niStudyView .niPre {margin-top:20px; border-top:1px solid #ECECEC; background:url(/images/list_gi/ni/bg_nipre.gif) repeat-y; _height:1%;} .niStudyView .niPre dt {float:left; margin-right:10px; padding:10px 0; width:85px; text-align:center;} .niStudyView .niPre dd {padding:10px 0; border-bottom:1px solid #ECECEC;} /* Contents : 수정 */ .niStudyWrite table td .editImgCase1 dl dd {padding-top:4px;} .niStudyWrite table td .editImgCase1 dl dd.text {font:11px dotum,"돋움",sans-serif; color:#999; letter-spacing:-1px;} .niStudyWrite table td .editImgCase2 dl dd.name {padding:6px 0 2px 15px; background:url(/images/list_gi/ni/icon_dot_2.gif) no-repeat 4px 12px;} .niStudyWrite table td .editImgCase2 p {color:#f97c04;} /* 서브 Footer ------------------------------------------------------------------------------------ */ #subFooter {clear:both; padding-top:30px; overflow:auto; text-align:center; width:910px; font-family:gulim, "굴림";} #subFooter .section {border-top:2px solid #e5e5e5; border-top:1px solid #999; border-bottom:1px solid #999; padding:5px 0;} #subFooter .section li {display:inline; padding:0 3px 0 8px; background:url(/Images/List_Gi_v02/new_footer_line_01.gif) no-repeat left 0px;} #subFooter .section .gi a {color:#2ababf;} #subFooter .section .ht a {color:#717e02;} #subFooter .section .hr a {color:#715e40;} #subFooter .section .alba a {color:#be539f;} #subFooter .section .edu a {color:#4f7305;} #subFooter .section .salary a {color:#2d89e5;} #subFooter .section .gg a {color:#722c93;} #subFooter .section .jobtimes a {color:#ff9900;} #subFooter .section .customer a {color:#be2d5e;} #subFooter .section .sitemap a {color:#494949;} #subFooter .section .service a {font-weight:bold;} #subFooter .section .offer a {color:#0000ff; text-decoration:underline;} #subFooter .section .gi {background-image:none;} #subFooter .section .home, #subFooter .section .top {background-image:none;} #subFooter div {float:left; width:910px; height:40px; background-color:#e5e5e5;} #subFooter div p {float:left; padding:5px 0 0 5px;} #subFooter div li {float:left; letter-spacing:-1px; padding:12px 0 0 3px;} #subFooter div li.em a {font-weight:bold;} #subFooter div p.rss {padding:8px 0 0 10px;} #subFooter address {clear:both; text-align:center; padding:10px 0 10px 0; font:12px gulim;} #subFooter address a {font-weight:bold;} /* 추가 스타일 ------------------------------------------------------------------------------------ */ /* 프로모션 */ .nGiPromotion {margin-bottom:20px;}