@charset "euc-kr"; /* .File Name : /css/css_v03/main.css .Final Editor : 연홍석 (2011-12-06 : 자동완성 최적화) */ /* 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;} img {border:0; vertical-align:top !important;} select {background-color:#fff;} address, caption, em {font-weight:normal; font-style:normal;} #accessibility, .blind, legend {position:absolute !important; top:-9999px !important; width:1px !important; height:1px !important; font-size:0; overflow:hidden !important;} hr {display:none;} button {overflow:visible; margin:0; padding:0; border:0 none; background:transparent; cursor:pointer;} .clear {clear:both;} .png {_behavior:url(/include/js/png/iepngfix.htc);} .layerShow {display:block;} .layerHide {display:none;} /* 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;} .bgNo {background:none !important; border:none !important;} /* anchor */ a {font-size:12px; text-decoration:none;} a:link, a:visited {color:#494949; text-decoration:none;} a:hover, a:active {color:#06c; text-decoration:none;} /* Button Icon ------------------------------------------------------------------------------------ */ /* Common */ .moveToTop a, .iconMore a, .iconIndamtalk, .iconChart, .iconDday, .iconOras {display:block; width:auto; background:url(/images/main/bg_home_btn_1.gif) no-repeat; text-indent:-5000em; z-index:100; overflow:hidden;} /* 맨 위로 이동 */ .moveToTop {position:absolute; top:0; right:-24px;} .moveToTop a {display:block; width:18px; height:28px; background-position:-48px -38px;} /* 기타 버튼 */ .iconMore a {width:34px; height:13px; background-position:2px -18px;} .iconIndamtalk {width:31px; height:17px; background-position:0 -60px;} .iconChart {width:16px; height:15px; background-position:2px -38px;} .iconDday {width:33px; height:11px; background-position:0 -80px;} .iconDday1 {background-position:-40px -80px;} .iconDday2 {background-position:-80px -80px;} .iconDday3 {background-position:-120px -80px;} .iconDday4 {background-position:-160px -80px;} .iconDday5 {background-position:-200px -80px;} .iconDday6 {background-position:-240px -80px;} .iconDday7 {background-position:-280px -80px;} .iconDday8 {background-position:-320px -80px;} .iconDday9 {background-position:-360px -80px;} .iconDday10 {background-position:-400px -80px;} .iconOras {width:39px; height:13px; background-position:0 -100px;} .iconOras1 {background-position:0 -100px;} .iconOras2 {background-position:-50px -100px;} .iconOras3 {width:32px; background-position:-100px -100px;} .iconOras4 {width:32px; background-position:-150px -100px;} .iconOras5 {width:49px; background-position:-200px -100px;} /* layout ------------------------------------------------------------------------------------ */ body {font:12px arial, gulim, "굴림", dotum, "돋움", sans-serif; text-align:center; color:#494949;} #headerWrap {position:relative; background:url(/Images/main/nav_bar.gif) repeat-x left 90px; zoom:1; z-index:2000;} /* header ------------------------------------------------------------------------------------ */ #header {position:relative; width:890px; margin:0 auto 8px auto; text-align:left; z-index:800;} #header h1 {padding:5px 0 0 0; height:50px;} #header .promotion {position:absolute; top:21px; left:210px;} #header .lnb ul {position:absolute; top:8px; right:200px;} #header .lnb ul li {float:left;} #header .lnb ul.odd {right:0px;} /* gnb */ #header #gnb li {float:left;} #header #gnb li.odd {margin-left:6px;} #header #gnb li.add {position:relative} #header #gnb li.add .png {position:absolute; left:23px; top:-6px;} /* search */ #header .search {clear:both; height:70px; position:relative;} #header .search p.ad {width:230px; height:50px; padding:6px 0 0 10px;} #header .search ol {position:absolute; top:7px; right:6px; z-index:0;} #header .search ol li {float:left;} #header .search fieldset {position:absolute; top:11px; left:260px; width:373px; z-index:1;} #header .search fieldset dl {width:373px; height:30px;} #header .search fieldset dl dd {float:left;} #header .search fieldset dl dd input#stext {width:300px; height:17px; margin:5px 0 0 9px; font:bold 14px dotum, "돋움", sans-serif;} #header .search fieldset dl dd.smKey {z-index:200; width:333px; height:25px; position:relative; top:0; background:url(/Images/common/New/input_bg.gif) no-repeat left top;} #header .search fieldset dl dd.smKey input {border:0; width:51px; margin-bottom:1px;} /* 자동완성 */ #header .search fieldset .autoSearch {position:absolute; top:0px; left:0; z-index:1000;} #header .search fieldset .autoSearch * {font:11px dotum,"돋움",sans-serif; letter-spacing:-1px; color:#5C99CE;} #header .search fieldset .autoSearch .btnOdd {position:absolute; top:53px; left:235px; width:95px;} #header .search fieldset .autoSearch .btnOdd button {float:left; padding:0 8px 0 6px; background:url(/images/main/bg_home_search_all.gif) no-repeat right -13px;} #header .search fieldset .autoSearch .btnOdd button.odd {padding-right:0; background:none;} #header .search fieldset .autoSearch .btnArrow {position:absolute; top:-19px; left:310px;} #header .search fieldset .autoSearch .btnArrow button {display:block; width:13px; height:15px; background:url(/images/main/bg_home_search_all.gif) no-repeat -82px -5px; overflow:hidden;} /* 자동완성 기능 X */ #header .search fieldset .autoSearchStop {position:absolute; top:25px; left:0;} #header .search fieldset .autoSearchStop .description {line-height:1.6; color:#888; padding-top:8px;} #header .search fieldset .autoSearchStop .searchStopDesc {width:315px; height:62px; padding:8px 0 0 14px; background:url(/Images/main/bg_home_search_all.gif) no-repeat 0 -300px;} html>/**/body #header .search fieldset .autoSearchStop .btnOdd, x:-moz-any-link, x:default {top:51px;} html>/**/body #header .search fieldset .autoSearchStop .btnOdd button, x:-moz-any-link, x:default {padding:0 5px 0 4px; background-position:right -11px;} #header .search fieldset .autoSearchStop .btnArrowClose button {background:url(/images/main/bg_home_search_all.gif) no-repeat -97px -5px; overflow:hidden;} /* 자동완성 기능 O */ #header .search fieldset .autoSearchStart {position:absolute; top:25px; left:0; width:560px; height:265px; background:url(/Images/main/bg_home_search_all.gif) no-repeat 0 -30px;} #header .search fieldset .autoSearchStart .btnOdd {top:247px; left:495px; width:auto;} html>/**/body #header .search fieldset .autoSearchStart .btnOdd, x:-moz-any-link, x:default {top:245px;} #header .search fieldset .autoSearchStart iframe {width:560px; height:265px;} /* 자동완성 최적화 스타일 */ .autoSearch {display:block !important;} .autoSearch #SearchStop, .autoSearch #SearchStart {display:none !important;} .autoSearchShow #SearchStart {display:block !important;} .autoSearchShow #SearchStop {display:none !important;} .autoSearchDisabled #SearchStart {display:none !important;} .autoSearchDisabled #SearchStop {display:block !important;} .autoSearchDisabledClose #SearchStop #StopDesc {display:none !important;} .autoSearchDisabled #btnArrow_C {display:none !important;} .autoSearchDisabled #btnArrow_O {display:block !important;} .autoSearchDisabledClose #btnArrow_C {display:block !important;} .autoSearchDisabledClose #btnArrow_O {display:none !important;} /* 인기검색어 */ #header .search .topKey {width:400px; height:15px; margin-top:2px; overflow:hidden;} #header .search .topKey ul li {display:inline; letter-spacing:-1px; padding-right:10px;} #header .search .topKey ul li a {color:#fff;} /* point ------------------------------------------------------------------------------------ */ #point {width:890px; margin:0 auto 10px auto; text-align:left; position:relative; z-index:200;} #point .pointSide {width:205px; text-align:center; position:relative; z-index:1000;} #point .channel {position:absolute; top:133px; left:215px; width:460px; z-index:300;} #point .notice {position:absolute; top:0; right:0px;} /* 버튼 템플릿 1 : 이전/다음 */ .tpButtonNav_1 {display:inline-block; width:25px; height:13px; background:url(/images/main/bg_home_icon_all.gif) no-repeat 0 -100px; overflow:hidden; zoom:1;} .tpButtonNav_1 button {float:left; width:11px; height:11px; margin:1px 0 0 1px; overflow:hidden;} .tpButtonNav_1 button span {display:inline-block; width:11px; height:11px; background:url(/images/main/bg_home_icon_all.gif) no-repeat 4px -72px; padding-top:20px;} .tpButtonNav_1 button.prev_no span {background-position:4px -72px;} .tpButtonNav_1 button.prev_yes span {background-position:-6px -72px;} .tpButtonNav_1 button.next_no span {background-position:-16px -72px;} .tpButtonNav_1 button.next_yes span {background-position:-26px -72px;} html>/**/body .tpButtonNav_1 button.prev_no span, x:-moz-any-link, x:default {background-position:0 -73px;} /* Only FireFox 3 */ html>/**/body .tpButtonNav_1 button.prev_yes span, x:-moz-any-link, x:default {background-position:-9px -73px;} html>/**/body .tpButtonNav_1 button.next_no span, x:-moz-any-link, x:default {background-position:-19px -73px;} html>/**/body .tpButtonNav_1 button.next_yes span, x:-moz-any-link, x:default {background-position:-29px -73px;} /* login : close */ #point .login {width:205px; height:64px; background:url(/images/main/bg_channel_common.gif) no-repeat 0 0; overflow:hidden; margin-bottom:10px;} #point .login .util {padding:9px 0 10px 8px; overflow:hidden; zoom:1;} #point .login .util li {float:left; padding-right:5px;} /* login : open */ #point .open {position:absolute; top:0px; left:0px; width:205px; height:178px; background:url(/images/main/bg_channel_common.gif) no-repeat 0 -65px; overflow:hidden; z-index:2; font:11px dotum, "돋움", sans-serif; text-align:left; letter-spacing:-1px;} #point .open .util {padding:9px 0 8px 8px; overflow:hidden; zoom:1;} #point .open .util li {float:left;} #point .open .util li.odd {padding-left:5px;} #point .open .util li.tab {position:relative; left:-3px;} /* login : open : 회원구분 */ #point .open ul.select {position:absolute; top:47px; left:12px; *top:45px; *left:8px;} #point .open ul.select label {cursor:pointer; margin-left:2px; *margin-left:-2px;} #point .open ul.select li {font:11px dotum, "돋움", sans-serif; height:19px; overflow:hidden;} #point .open ul.select li a {text-decoration:underline; font:11px dotum, "돋움", sans-serif;} #point .open ul.select li input {vertical-align:middle; *position:relative; *top:-2px;} /* login : open : 보안 */ #point .open ul.secure {position:absolute; top:48px; left:90px;} #point .open ul.secure li {display:inline;} /* login : open : 로그인폼 */ #point .open dl {position:absolute; top:72px; left:107px; width:90px; _top:70px;} #point .open dl dd {height:22px;} #point .open dl dd .loginInput {width:82px; height:15px; padding:1px 0 0 2px; font:bold 12px arial; border:1px solid #b6c5cc;} #point .open p.overseas {position:absolute; top:154px; left:55px;} /* logout : open : 일반 */ #point .logout {position:relative; width:205px; height:64px; text-align:left; background:url(/images/main/bg_channel_common.gif) no-repeat -210px 0; overflow:hidden; margin-bottom:10px;} #point .logout h4 {width:185px; height:25px; margin-left:10px; padding:12px 0 1px 0;} #point .logout h4 a strong {text-decoration:underline; color:#06c;} #point .logout h4 img {vertical-align:middle;} #point .logout h4.odd {position:relative; top:-5px;} #point .logout h4.logo {position:relative; top:-5px;} #point .logout h4.logo img {position:relative; top:-5px; left:-3px;} #point .logout p.btn {position:absolute; top:8px; right:10px; width:12px; height:11px; overflow:hidden;} #point .logout p.btn a {display:block; width:12px; height:11px; background:url(/images/main/bg_home_icon_all.gif) no-repeat -28px -85px; text-indent:-9999em;} #point .logout ul.mem {padding-top:0; text-align:center;} #point .logout ul.mem li {display:inline; padding:0 1px; font:11px dotum, "돋움", sans-serif;} #point .logout ul.mem li a {font:11px dotum, "돋움", sans-serif; letter-spacing:-1px;} #point .logout ul.mem li em {font-weight:bold; letter-spacing:-1px;} /* logout : open : 개인 */ #point .logoutGg h4 {height:15px; padding-top:7px;} #point .logoutGg ul.mem {padding-top:9px; text-align:left;} #point .logoutGg ul.mem li {display:block; height:15px; padding:0 5px 0 10px; overflow:hidden;} /* 나의 메뉴 설정 */ #point .myMenu {position:relative; width:205px; height:222px; padding-top:11px; background:url(/images/main/bg_channel_common.gif) no-repeat -420px 0;} #point .myMenu ul.menuIcon {overflow:hidden; zoom:1;} #point .myMenu ul.menuIcon li {float:left;} #point .myMenu ul.menuIcon li a, #point .myMenu ul.menuIcon li span {display:block; width:51px; height:13px; margin:0 0 6px 13px; padding-top:45px; background:url(/images/main/bg_channel_mymenu_icon.gif) no-repeat 0 0; font:11px dotum,"돋움",sans-serif; letter-spacing:-1px; color:#838588; overflow:hidden; cursor:pointer;} #point .myMenu p.nowPage {position:absolute; top:211px; right:44px; font:bold 10px tahoma; color:#b3b7bc;} #point .myMenu p.nowPage strong {color:#696969;} #point .myMenu p.setup {position:absolute; top:210px; left:16px;} #point .myMenu p.setup button {width:70px; height:17px; background:url(/images/main/bg_channel_common.gif) no-repeat -630px 0; overflow:hidden;} #point .myMenu .tpButtonNav_1 {position:absolute; top:211px; right:15px;} #point #myMenuLoad {position:absolute; top:0; left:0;} /* 나의 메뉴 설정 : 아이콘 */ #point .myMenu ul.menuIcon li.user_1 a, #point .myMenu ul.menuIcon li.user_1 span {background-position:0 0;} /* 이력서 관리 */ #point .myMenu ul.menuIcon li.user_2 a, #point .myMenu ul.menuIcon li.user_2 span {background-position:-55px 0;} /* 입사지원 관리 */ #point .myMenu ul.menuIcon li.user_3 a, #point .myMenu ul.menuIcon li.user_3 span {background-position:-110px 0;} /* 스크랩 관리 */ #point .myMenu ul.menuIcon li.list_1 a, #point .myMenu ul.menuIcon li.list_1 span {background-position:0 -65px;} /* 업직종별 */ #point .myMenu ul.menuIcon li.list_2 a, #point .myMenu ul.menuIcon li.list_2 span {background-position:-55px -65px;} /* 지역별 */ #point .myMenu ul.menuIcon li.list_3 a, #point .myMenu ul.menuIcon li.list_3 span {background-position:-110px -65px;} /* 해외지역 */ #point .myMenu ul.menuIcon li.list_4 a, #point .myMenu ul.menuIcon li.list_4 span {background-position:-165px -65px;} /* 역세권별 */ #point .myMenu ul.menuIcon li.list_5 a, #point .myMenu ul.menuIcon li.list_5 span {background-position:-220px -65px;} /* 복리후생별 */ #point .myMenu ul.menuIcon li.list_6 a, #point .myMenu ul.menuIcon li.list_6 span {background-position:-275px -65px;} /* 우대조건별 */ #point .myMenu ul.menuIcon li.list_7 a, #point .myMenu ul.menuIcon li.list_7 span {background-position:-330px -65px;} /* 키워드별 */ #point .myMenu ul.menuIcon li.list_8 a, #point .myMenu ul.menuIcon li.list_8 span {background-position:-385px -65px;} /* 헤드헌팅 */ #point .myMenu ul.menuIcon li.list_9 a, #point .myMenu ul.menuIcon li.list_9 span {background-position:-440px -65px;} /* 아르바이트 */ #point .myMenu ul.menuIcon li.comp_1 a, #point .myMenu ul.menuIcon li.comp_1 span {background-position:0 -130px;} /* 대기업 */ #point .myMenu ul.menuIcon li.comp_2 a, #point .myMenu ul.menuIcon li.comp_2 span {background-position:-55px -130px;} /* 상장기업 */ #point .myMenu ul.menuIcon li.comp_3 a, #point .myMenu ul.menuIcon li.comp_3 span {background-position:-110px -130px;} /* 벤처기업 */ #point .myMenu ul.menuIcon li.comp_4 a, #point .myMenu ul.menuIcon li.comp_4 span {background-position:-165px -130px;} /* 외국계 */ #point .myMenu ul.menuIcon li.comp_5 a, #point .myMenu ul.menuIcon li.comp_5 span {background-position:-220px -130px;} /* 공공기관 */ #point .myMenu ul.menuIcon li.qual_1 a, #point .myMenu ul.menuIcon li.qual_1 span {background-position:0 -195px;} /* 신입공채 */ #point .myMenu ul.menuIcon li.qual_2 a, #point .myMenu ul.menuIcon li.qual_2 span {background-position:-55px -195px;} /* 인턴 */ #point .myMenu ul.menuIcon li.qual_3 a, #point .myMenu ul.menuIcon li.qual_3 span {background-position:-110px -195px;} /* 직급별 */ #point .myMenu ul.menuIcon li.qual_4 a, #point .myMenu ul.menuIcon li.qual_4 span {background-position:-165px -195px;} /* 경력별 */ #point .myMenu ul.menuIcon li.qual_5 a, #point .myMenu ul.menuIcon li.qual_5 span {background-position:-220px -195px;} /* 자격증별 */ #point .myMenu ul.menuIcon li.qual_6 a, #point .myMenu ul.menuIcon li.qual_6 span {background-position:-275px -195px;} /* 공무원·공직 */ #point .myMenu ul.menuIcon li.serv_1 a, #point .myMenu ul.menuIcon li.serv_1 span {background-position:0 -260px;} /* 공모전 */ #point .myMenu ul.menuIcon li.serv_2 a, #point .myMenu ul.menuIcon li.serv_2 span {background-position:-55px -260px;} /* 유학 */ #point .myMenu ul.menuIcon li.serv_3 a, #point .myMenu ul.menuIcon li.serv_3 span {background-position:-110px -260px;} /* 면접족보 */ #point .myMenu ul.menuIcon li.serv_4 a, #point .myMenu ul.menuIcon li.serv_4 span {background-position:-165px -260px;} /* 취업지식 */ #point .myMenu ul.menuIcon li.serv_5 a, #point .myMenu ul.menuIcon li.serv_5 span {background-position:-220px -260px;} /* 1000대 기업연봉 */ #point .myMenu ul.menuIcon li.serv_6 a, #point .myMenu ul.menuIcon li.serv_6 span {background-position:-330px -195px;} /* 채용설명회 */ #point .myMenu ul.menuIcon li.serv_7 a, #point .myMenu ul.menuIcon li.serv_7 span {background-position:-385px -195px;} /* 취업캘린더 */ #point .myMenu ul.menuIcon li.serv_8 a, #point .myMenu ul.menuIcon li.serv_8 span {background-position:-275px -260px;} /* 분석가이드 */ /* 나의 메뉴 설정 : N Device */ #point .myMenu ul.menuIconNdevice {width:155px; height:345px; margin:0 0 10px 15px; padding:7px 10px 3px 10px; text-align:left; background-color:#fcfcfc; border:1px solid #eaeaea; font:11px dotum,"돋움",sans-serif; letter-spacing:-1px;} #point .myMenu ul.menuIconNdevice li {position:relative; padding:2px 0 3px 5px;} #point .myMenu ul.menuIconNdevice li:hover {background-color:#ebedf0;} #point .myMenu ul.menuIconNdevice li.moveObj {background-color:#6d7e96; color:#fff;} #point .myMenu ul.menuIconNdevice li button {position:absolute; top:2px; right:0; width:13px; height:13px; background:url(/images/main/ndevice_btn_1.gif) no-repeat 0 0;} #point .myMenu ul.menuIconNdevice li.moveObj button {background-position:-12px 0;} #point .myMenu p.menuIconNdeviceBtn strong {display:inline-block; font:bold 11px dotum,"돋움",sans-serif; color:#666a75; padding:0 10px 0 0;} #point .myMenu p.menuIconNdeviceBtn button {display:inline-block; width:15px; height:15px; background:url(/images/main/ndevice_btn_1.gif) no-repeat -30px 0;} #point .myMenu p.menuIconNdeviceBtn button.top {background-position:-47px 0;} #point .myMenu p.menuIconNdeviceBtn button.bottom {background-position:-64px 0;} #point .myMenu p.menuIconNdeviceBtn button.down {background-position:-81px 0;} /* 나의 메뉴 설정 : 레이어 */ #point .myMenuSelect {position:absolute; top:-4px; left:-5px; width:585px; height:475px; text-align:left; z-index:1000; overflow:hidden;} #point .myMenuSelectWrap {width:585px; height:475px; background:url(/images/main/bg_channel_mymenu_1.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_channel_mymenu_1.png', sizingMethod='crop'); _position:static; overflow:hidden; zoom:1;} #point .myMenuSelectWrap a, #point .myMenuSelectWrap label {_position:relative;} #point .myMenuSelect h4 {height:20px; padding:13px 0 5px 21px;} #point .myMenuSelect button {overflow:hidden;} #point .myMenuSelect p.closeMymenu {position:absolute; top:14px; right:20px;} #point .myMenuSelect p.closeMymenu button {width:11px; height:11px; background:url(/images/main/bg_home_icon_all.gif) no-repeat 0 -85px;} #point .myMenuSelect p.desc {position:absolute; top:14px; left:225px; font:11px dotum,"돋움",sans-serif; letter-spacing:-1px; color:#747474;} #point .myMenuSelect p.desc strong {color:#f60; margin-right:2px;} #point .myMenuSelect .help {position:absolute; top:13px; *top:9px; left:95px; z-index:2000;} #point .myMenuSelect .help button.btn {width:12px; height:12px; background:url(/images/main/bg_home_icon_all.gif) no-repeat -28px -100px;} #point .myMenuSelect .help .helpTooltip {position:absolute; top:12px; *top:16px; left:-9px;} #point .myMenuSelect .help .helpTooltip dl {width:213px; height:228px; padding:20px 0 0 15px; background:url(/images/main/bg_channel_tooltip_1.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_channel_tooltip_1.png', sizingMethod='crop'); _position:static; font:11px/1.4 dotum,"돋움",sans-serif; letter-spacing:-1px; color:#666;} #point .myMenuSelect .help .helpTooltip dl.nDevice {background:url(/images/main/bg_channel_tooltip_2.png) no-repeat left top !important;} #point .myMenuSelect .help .helpTooltip dl dt {padding-bottom:6px; font:bold 12px gulim,"굴림",sans-serif; color:#06c;} #point .myMenuSelect .help .helpTooltip dl dd {padding-bottom:8px;} #point .myMenuSelect .help .helpTooltip dl dd ol {width:93px;} #point .myMenuSelect .help .helpTooltip dl dd ol li {text-indent:-13px; margin:0 0 5px 13px;} #point .myMenuSelect .help .helpTooltip dl dd ol li.odd {margin-bottom:12px;} #point .myMenuSelect .help .helpTooltip button.close {position:absolute; top:15px; right:7px; width:12px; height:12px; background:url(/images/main/bg_home_icon_all.gif) no-repeat -15px -85px;} #point .myMenuSelect .myMenuTip {position:absolute; top:424px; left:220px;} #point .myMenuSelect .saveBtn {position:absolute; top:428px; left:430px;} #point .myMenuSelect .saveBtn button {background:url(/images/main/bg_channel_common.gif) no-repeat 0 0; *margin-right:5px;} #point .myMenuSelect .saveBtn button.reset {width:87px; height:20px; background-position:-630px -20px;} #point .myMenuSelect .saveBtn button.save {width:39px; height:20px; background-position:-630px -45px;} #point .myMenuSelect .selectItem {float:right; width:330px; margin-right:25px; font:11px dotum,"돋움",sans-serif; letter-spacing:-1px; display:inline;} #point .myMenuSelect .selectItem dt {font:bold 11px dotum,"돋움",sans-serif !important; color:#596d88; padding:9px 0 3px 0;} #point .myMenuSelect .selectItem dd {border-bottom:1px solid #eee; color:#7c7c7c; padding-bottom:5px;} #point .myMenuSelect .selectItem dd.end {border-bottom:0 none;} #point .myMenuSelect .selectItem dd ul {overflow:hidden; zoom:1;} #point .myMenuSelect .selectItem dd ul li {float:left; width:110px; height:20px;} #point .myMenuSelect .selectItem dd ul li.odd {width:220px;} #point .myMenuSelect .selectItem dd ul li label {display:inline-block; padding-top:2px; margin-left:3px; *margin-left:0px; vertical-align:middle; cursor:pointer;} #point .myMenuSelect .selectItem dd ul li input {vertical-align:middle;} #point .myMenuSelect .selectedItem {float:left; width:200px; height:420px; text-align:center; margin-left:5px; display:inline; overflow:hidden; position:relative; z-index:1000;} #point .myMenuSelect .selectedItem dt {font:bold 11px dotum,"돋움",sans-serif; color:#4973ab; padding:5px 0 3px 20px; text-align:left;} #point .myMenuSelect .selectedItem dd ul.menuIcon li a, #point .myMenuSelect .selectedItem dd ul.menuIcon li span {margin-bottom:9px;} #point .myMenuSelect .selectedItem dd ul.menuIcon li.setOdd a {margin-bottom:15px;} /* 2011 공채 특화관 */ #point .niSpecial2011 h3 {height:20px;} #point .niSpecial2011 div.desc {position:absolute; top:-1px; right:-1px; z-index:1000;} #point .niSpecial2011 div.desc p {float:right; display:inline;} #point .niSpecial2011 div.desc a {float:right; display:inline; width:185px; height:17px; overflow:hidden; position:relative; background:#fff;} #point .niSpecial2011 div.desc a:hover {background:#eee;} /* IE hover bug fix */ #point .niSpecial2011 div.desc a:hover img {position:relative; top:-17px;} #point .niSpecial2011 div.desc dl {position:absolute; top:-11px; right:-12px;} #point .niSpecial2011 div.desc dl dd.close {position:absolute; top:10px; right:20px;} #point .niSpecial2011 div.desc dl dd.close button {display:block; width:22px; height:20px; background:url(/images/main/bg_channel_ni_special_1.gif) no-repeat -320px -80px; overflow:hidden; text-indent:-5000em;} #point .niSpecial2011 ul li div {position:absolute; top:35px; left:0; width:460px; height:113px; margin-top:5px; border-bottom:1px solid #eaeaef;} #point .niSpecial2011 ul {position:relative; zoom:1; z-index:1;} #point .niSpecial2011 ul:after {content:" "; display:block; height:0; clear:both;} #point .niSpecial2011 ul li {float:left; margin-right:1px;} #point .niSpecial2011 ul li.niTab_3 {margin-right:0;} #point .niSpecial2011 ul li a.niTab {display:block; width:153px; height:38px; background:url(/images/main/bg_channel_ni_special_1.gif) no-repeat; text-indent:-9999em;} #point .niSpecial2011 ul li.niTab_1 a.niTab {width:152px; background-position:0 0;} #point .niSpecial2011 ul li.niTab_1 a.niTab:hover, #point .niSpecial2011 ul li.niTab_1 a.niTabOn {background-position:0 -40px;} #point .niSpecial2011 ul li.niTab_2 a.niTab {background-position:-160px 0;} #point .niSpecial2011 ul li.niTab_2 a.niTab:hover, #point .niSpecial2011 ul li.niTab_2 a.niTabOn {background-position:-160px -40px;} #point .niSpecial2011 ul li.niTab_3 a.niTab {background-position:-320px 0;} #point .niSpecial2011 ul li.niTab_3 a.niTab:hover, #point .niSpecial2011 ul li.niTab_3 a.niTabOn {background-position:-320px -40px; position:relative; z-index:10;} #point .niSpecial2011 ul li ul {padding-top:2px;} #point .niSpecial2011 ul li ul li {float:none; height:18px; padding:0 0 3px 10px; background:url(/images/main/bg_home_icon_all.gif) no-repeat -7px 8px; line-height:1.6; overflow:hidden;} #point .niSpecial2011 ul li ul li em {font:11px dotum,"돋움",sans-serif; letter-spacing:-1px; color:#39f;} #point .niSpecial2011 ul li.niTab_3 div {margin-top:0; top:30px; height:123px;} #point .niSpecial2011 ul li.niTab_3 ul {padding:0; height:121px; overflow:hidden; background:url(/images/main/bg_channel_ni_special_1.gif) no-repeat 0 -130px;} #point .niSpecial2011 ul li.niTab_3 ul li {float:left; display:inline; padding:0; height:auto; text-indent:-9999px; background:none;} #point .niSpecial2011 ul li.niTab_3 ul li a {display:block; width:153px; height:62px;} #point .niSpecial2011 ul li.niTab_3 ul li.first a {width:152px; margin-left:-1px;} #point .niSpecial2011 ul li p.calendar {position:absolute; top:92px; right:0; z-index:999;} #point .niSpecial2011 ul li p.calendar a {display:block; width:65px; height:14px; background:url(/images/main/bg_channel_ni_special_1.gif) no-repeat -160px -80px; text-indent:-9999em;} #point .niSpecial2011 ul li.niTab_2 p.calendar a {width:140px; background-position:-160px -100px;} /* 지역별 */ #point .localArea {position:absolute; left:480px; top:185px; width:195px; height:21px;} #point .localArea ul li {display:inline; padding:0 2px 0 5px; background:url(/images/main/bg_home_icon_all.gif) no-repeat -10px -22px; letter-spacing:-1px;} #point .localArea ul li {*background-position:-10px -24px;} #point .localArea ul li.odd {background:none;} #point .localArea ul li a {font:bold 11px dotum,"돋움",sans-serif; color:#8e9099;} /* Notice */ #point .notice {width:195px; height:127px; padding:15px 0 0 10px; background:url(/images/main/bg_channel_common.gif) no-repeat -210px -65px;} #point .notice ul {padding:10px 10px 0 0;} #point .notice ul li {height:17px; padding:0 0 3px 10px; background:url(/images/main/bg_home_icon_all.gif) no-repeat -7px 8px; letter-spacing:-1px; line-height:1.6; overflow:hidden;} #point .notice .tpButtonNav_1 {position:absolute; top:14px; right:10px;} /* Home Grand Plus Gold (신규상품) css 수정시 /css_v03/list_gi.css 파일에 있는 신규상품 css도 같이 수정해주어야합니다 수정시 : admin.jobkorea.co.kr/Billing/Sales/JK/Booth_Guin_DB/00_regist.asp 페이지의 신규상품 미리보기 css도 수정해야합니다. ------------------------------------------------------------------------------------ */ #homeGrandPlusGold {position:relative; top:0; margin:0 auto; width:890px; text-align:left;} #homeGrandPlusGold .gbPlusGoldOdd {clear:both; height:4px; background:url(/images/main/gb_plus_bg_bottom.gif) no-repeat;} #homeGrandPlusGold .gbPlusGold {width:884px; padding:3px 2px 0 4px; background:#88bdf2 url(/images/main/gb_plus_bg_top.gif) no-repeat left top; overflow:hidden; zoom:1;} #homeGrandPlusGold .gbPlusGold .gbPlusPrime {float:left; width:442px; height:164px;} /* Booth, Case 1 : 기본형 */ #homeGrandPlusGold .gbPlusGold .booth {float:left; width:219px; height:81px; margin:2px 2px 0 0; position:relative; z-index:1; display:inline;} #homeGrandPlusGold .gbPlusGold dl {width:219px; height:81px; background:url(/images/main/prod_banner_type_A_bg.gif) no-repeat -200px 0; position:relative; z-index:1; overflow:hidden;} #homeGrandPlusGold .gbPlusGold .cname {position:absolute; top:6px; left:7px; width:140px; padding-left:68px; line-height:1.2; overflow:hidden; height:28px;} #homeGrandPlusGold .gbPlusGold .cname img {position:absolute; top:2px; left:0;} #homeGrandPlusGold .gbPlusGold dd {position:absolute; line-height:1.2;} #homeGrandPlusGold .gbPlusGold .spacer {width:0; height:28px; display:inline-block; vertical-align:middle;} #homeGrandPlusGold .gbPlusGold .cname .linkHolder {width:140px; display:inline-block; vertical-align:middle;} #homeGrandPlusGold .gbPlusGold .cname strong, #homeGrandPlusGold .gbPlusGold .cname a {color:#06c; word-break:break-all; vertical-align:baseline;} #homeGrandPlusGold .gbPlusGold .title {top:44px; left:10px; width:200px; height:30px; word-break:break-all; overflow:hidden;} #homeGrandPlusGold .gbPlusGold .subTitle {top:100px; left:10px; width:200px; height:28px; overflow:hidden;} #homeGrandPlusGold .gbPlusGold .subTitle .linkHolder {width:200px; vertical-align:bottom; display:inline-block;} #homeGrandPlusGold .gbPlusGold .subTitle a {color:#9bc3ea; vertical-align:baseline;} #homeGrandPlusGold .gbPlusGold .additory {top:-5000em;} #homeGrandPlusGold .gbPlusGold .etc {top:140px; left:8px; width:195px; height:28px; color:#333;} #homeGrandPlusGold .gbPlusGold .buttonScrap {float:left; width:46px; height:18px; background:url(/images/main/icon_scrap01.gif) no-repeat; text-indent:-5000em;} #homeGrandPlusGold .gbPlusGold .scrap {float:left;} #homeGrandPlusGold .gbPlusGold .date {float:right; padding-top:2px; font:11px verdana, sans-serif;} #homeGrandPlusGold .gbPlusGold .date a {font:11px verdana, sans-serif; color:#fff;} #homeGrandPlusGold .gbPlusGold .date strong {display:inline-block; padding:1px 2px; font:bold 11px verdana, sans-serif; background-color:#5C9EDF; color:#fff;} /* Case 1 : Gold 기본형 */ #homeGrandPlusGold .gbPlusGold .case1 .subTitle, #homeGrandPlusGold .gbPlusGold .case1 .etc {top:-5000em;} /* Case 2 : prime 기본형 */ #homeGrandPlusGold .gbPlusGold .case2 dl {background-position:-200px -90px;} #homeGrandPlusGold .gbPlusGold .case2 .subTitle, #homeGrandPlusGold .gbPlusGold .case2 .etc {top:-5000em;} /* Case 3 : prime 기본 확장형 (2칸) */ #homeGrandPlusGold .gbPlusGold .case3 {height:164px; z-index:5;} #homeGrandPlusGold .gbPlusGold .case3 dl {background-position:-200px -360px; height:164px;} #homeGrandPlusGold .gbPlusGold .case3 .cname {top:10px; left:10px; width:205px; height:14px; padding-left:0; padding-top:30px;} #homeGrandPlusGold .gbPlusGold .case3 .cname img {top:0; left:68px;} #homeGrandPlusGold .gbPlusGold .case3 .cname .spacer {display:none;} #homeGrandPlusGold .gbPlusGold .case3 .cname .linkHolder {width:200px; height:17px; text-align:center; display:block; overflow:hidden;} #homeGrandPlusGold .gbPlusGold .case3 .title {top:67px; left:10px;} #homeGrandPlusGold .gbPlusGold .case3 .title a {color:#fff; font-weight:bold;} #homeGrandPlusGold .gbPlusGold .case3 .etc {color:#fff; width:202px;} /* Case 4 : gold 확장형 (2칸) */ #homeGrandPlusGold .gbPlusGold .case4 {z-index:5;} #homeGrandPlusGold .gbPlusGold .case4 dl {background-position:-200px -180px; height:164px; z-index:5; position:absolute; top:0;} #homeGrandPlusGold .gbPlusGold .case4 dt {top:10px; left:78px;} #homeGrandPlusGold .gbPlusGold .case4 .cname {top:10px; left:10px; width:205px; height:14px; padding-left:0; padding-top:30px;} #homeGrandPlusGold .gbPlusGold .case4 .cname img {top:0; left:68px;} #homeGrandPlusGold .gbPlusGold .case4 .cname .spacer {display:none;} #homeGrandPlusGold .gbPlusGold .case4 .cname .linkHolder {width:200px; height:17px; text-align:center; display:block; overflow:hidden;} #homeGrandPlusGold .gbPlusGold .case4 .title {top:67px; left:10px;} #homeGrandPlusGold .gbPlusGold .case4 .title em {color:#333; font-weight:bold;} #homeGrandPlusGold .gbPlusGold .case4 .subTitle a {color:#858585;} #homeGrandPlusGold .gbPlusGold .case4 .etc {top:138px; left:10px;} #homeGrandPlusGold .gbPlusGold .case4 .scrap {padding-top:1px;} #homeGrandPlusGold .gbPlusGold .case4 .buttonScrap {background-image:url(/images/main/icon_scrap.gif);} /* Case 5 : prime 확장형 (3칸) */ #homeGrandPlusGold .gbPlusGold .case5 {z-index:10;} #homeGrandPlusGold .gbPlusGold .case5 dl {background-position:-200px -541px; height:247px; z-index:10; position:absolute; top:0;} #homeGrandPlusGold .gbPlusGold .case5 .cname {top:10px; left:10px; width:205px; height:14px; padding-left:0; padding-top:30px;} #homeGrandPlusGold .gbPlusGold .case5 .cname img {top:0; left:68px;} #homeGrandPlusGold .gbPlusGold .case5 .cname .spacer {display:none;} #homeGrandPlusGold .gbPlusGold .case5 .cname .linkHolder {width:200px; height:17px; text-align:center; display:block; overflow:hidden;} #homeGrandPlusGold .gbPlusGold .case5 .title {top:72px; left:10px;} #homeGrandPlusGold .gbPlusGold .case5 .title a {color:#333; font-weight:bold;} #homeGrandPlusGold .gbPlusGold .case5 .subTitle {top:107px;} #homeGrandPlusGold .gbPlusGold .case5 .subTitle a {color:#858585;} #homeGrandPlusGold .gbPlusGold .case5 .etc {top:217px; left:10px; width:197px;} #homeGrandPlusGold .gbPlusGold .case5 .buttonScrap {background-image:url(/images/main/icon_scrap.gif);} #homeGrandPlusGold .gbPlusGold .case5 .date a {color:#333;} #homeGrandPlusGold .gbPlusGold .case5 .additory {top:153px; left:27px;} #homeGrandPlusGold .gbPlusGold .case5 .additory dl {background:none !important; width:auto !important; height:auto !important; position:static !important; font:11px Dotum, sans-serif; letter-spacing:-1px; color:#2f75bc; line-height:1.5;} #homeGrandPlusGold .gbPlusGold .case5 .additory dt {position:static !important; font-weight:bold; float:left; width:60px; height:17px; clear:left;} #homeGrandPlusGold .gbPlusGold .case5 .additory dd {position:static !important; float:left; width:100px; height:15px; padding-top:2px;} #homeGrandPlusGold .gbPlusGold .case5 .additory a {font:11px Dotum, sans-serif; color:#2f75bc;} /* Case 6 : prime 확장형 (3칸) 두번째 줄 */ #homeGrandPlusGold .gbPlusGold .case6 dl {top:-83px;} /* Case 7 : gold 확장형 (2칸) 두번째 줄 */ #homeGrandPlusGold .gbPlusGold .case7 dl {top:-83px;} /* Home Grand Plus, Home Grand : common ------------------------------------------------------------------------------------ */ #homeGrandPlus, #homeGrand {width:890px; position:relative; overflow:hidden; margin:0px auto 10px auto; z-index:1; text-align:left;} #homeGrandPlus h3, #homeGrand h3 {padding-bottom:3px; background:url(/images/main/line_grand.gif) no-repeat 0 100%; position:relative; z-index:1;} #homeGrandPlus .booth, #homeGrand .booth {float:left; width:174px; height:85px; margin:3px 5px 0 0; position:relative; overflow:hidden; background:url(/images/main/prod_banner_type_A_bg.gif) no-repeat 0 0;} #homeGrandPlus .booth dt, #homeGrand .booth dt {position:absolute; top:7px; left:10px; width:91px; height:35px; overflow:hidden; padding-left:67px; line-height:1.3;} #homeGrandPlus .booth dt img, #homeGrand .booth dt img {position:absolute; top:4px; left:0;} #homeGrandPlus .booth dd, #homeGrand .booth dd {position:absolute; top:49px; left:8px; width:161px; line-height:15px;} #homeGrandPlus .booth .spacer, #homeGrand .booth .spacer {width:0; display:inline-block; vertical-align:middle; height:35px;} #homeGrandPlus .booth .cname a, #homeGrand .booth .cname a {font-weight:bold; color:#06c !important; display:inline-block; vertical-align:middle; width:91px; word-break:break-all;} #homeGrandPlus .booth .cname strong, #homeGrand .booth .cname strong {vertical-align:baseline;} #homeGrandPlus .end, #homeGrand .end {margin-right:0 !important;} /* Home Grand Plus */ #homeGrandPlus .case01 {background-position:0 0;} #homeGrandPlus .case02 {background-position:0 -90px;} #homeGrandPlus .case03 {background-position:0 -180px;} /* Home Grand */ #homeGrand .case01 {background-position:0 -270px;} #homeGrand .case02 {background-position:0 -360px;} /* #homeGrand .booth dt {top:11px;} #homeGrand .booth dd {top:49px;} */ /* Home Banner : common */ #homeBanner {width:890px; position:relative; overflow:hidden; margin:0px auto 20px auto; z-index:1; text-align:left;} #homeBanner .divLine1 {clear:both; position:relative; z-index:10; width:889px; margin-bottom:-1px; height:1px; background-color:#a6a6a6; overflow:hidden;} #homeBanner .divLine2 {clear:both; position:relative; z-index:1; width:889px; margin-bottom:-1px; height:2px; background-color:#e6e6e6; overflow:hidden;} #homeBanner h3 {margin-bottom:3px; padding-bottom:6px; background:url(/images/main/line_banner_new.gif) repeat-x 0 100%;} #homeBanner a strong {font-weight:bold; color:#06c;} /* Home Banner : booth 기본스타일 */ #homeBanner .booth {float:left; width:147px; height:90px; position:relative; z-index:-1; margin:0 -1px -1px 0; border:1px solid #bbdcfc;} #homeBanner .boothInner {position:relative; top:0; left:0; width:145px; height:88px; border:1px solid #fff; line-height:15px;} #homeBanner .booth dl {height:85px; overflow:hidden;} #homeBanner .booth dt {width:138px; padding:37px 0 4px 7px;} #homeBanner .booth dt img {position:absolute; top:7px; left:8px;} #homeBanner .booth dd {padding:0 3px 0 7px;} #homeBanner .booth .hCname {padding-bottom:3px;} /* Home Banner : booth wide */ #homeBanner .boothWide {width:295px;} #homeBanner .boothWide .boothInner {width:293px; line-height:1.3;} #homeBanner .boothWide dt {padding:11px 0 0 76px; height:17px; overflow:hidden; display:block;} #homeBanner .boothWide dd {padding-top:11px;} /* Home Banner : booth normal */ #homeBanner .case1 {border:1px solid #e6e6e6;} /* Home Banner : booth Bg_1 */ #homeBanner .case2 {z-index:4; background-color:#eaf5fe;} #homeBanner .case2 .boothInner {z-index:4;} /* Home Banner : booth bg_2 */ #homeBanner .case3 {z-index:5; border:1px solid #a6ccf3; background-color:#bbdcfc;} #homeBanner .case3 .boothInner {z-index:2; border:1px solid #bbdcfc;} /* Home Banner : Rend Area */ #homeBanner p.rent1 {float:left; width:148px; height:91px; position:relative; z-index:2; _position:static; _overflow:hidden;} #homeBanner p.rent1 a {display:block; position:relative; top:0px; left:0px; width:147px; height:90px; border:1px solid #e6e6e6;} #homeBanner p.rent2 {float:left; width:296px; height:91px; position:relative; z-index:2; _position:static; _overflow:hidden;} #homeBanner p.rent2 a {display:block; position:relative; top:0px; left:0px; width:295px; height:90px; border:1px solid #e6e6e6;} /* Home Banner : 몇몇 옵션 */ /* #homeBanner .boothEnd {width:149px;} */ /* 우측 끝 배너 */ /* 금융영업 : FocusZone 리뉴얼 (0824) ------------------------------------------------------------------------------------ */ #grandzone {width:890px; position:relative; margin:0 auto;} #grandzone .prodDesc {position:absolute; top:0px; right:-3px; z-index:1000;} #grandzone.colCase01 #homeGrand .prodDesc {position:absolute; top:0px; right:0px; z-index:1000;} #grandzone.colCase01 #homeGrand h3 {width:890px;} #homeGrand {width:100%; position:relative; overflow:hidden; margin:0 auto 15px auto; z-index:100; text-align:left;} #homeGrand h3 {position:relative; padding-bottom:3px; background:url(/images/main/line_grand.gif) no-repeat left bottom; z-index:1;} #homeGrand h3 em {position:absolute; right:3px; top:7px;} #homeGrand .clear {clear:both; width:0; height:0; line-height:0; overflow:hidden;} /* Home Grand Plus, Home Grand, Home FocusZone : common ------------------------------------------------------------------------------------ */ #homeFocusZone {position:absolute; right:0; top:30px; width:353px; text-align:left; z-index:100; overflow:hidden;} #homeFocusZone .booth {float:left; width:174px; height:86px; margin:0 5px 2px 0; position:relative; overflow:hidden; background:url(/images/main/prod_banner_type_A_bg.gif) no-repeat 0 0;} #homeFocusZone .booth dt {position:absolute; top:7px; left:10px; width:91px; height:35px; overflow:hidden; padding-left:67px; line-height:1.3;} #homeFocusZone .booth dt img {position:absolute; top:4px; left:0;} #homeFocusZone .booth dd {position:absolute; top:49px; left:8px; width:161px; line-height:15px;} #homeFocusZone .booth .spacer {width:0; display:inline-block; vertical-align:middle; height:35px;} #homeFocusZone .booth .cname a {font-weight:bold; color:#06c !important; display:inline-block; vertical-align:middle; width:91px; word-break:break-all;} #homeFocusZone .booth .cname a strong {vertical-align:baseline;} #homeFocusZone .end {margin-right:0 !important;} /* Home FocusZone */ #homeFocusZone .case01 {background-position:0 -450px;} #homeFocusZone .case02 {background-position:0 -541px;} /* Home Content ------------------------------------------------------------------------------------ */ #content {position:relative; width:890px; margin:0px auto 10px auto; z-index:1; text-align:left; background:url(/images/main/centerhot_bg.gif) repeat-y;} #content:after {content:" "; display:block; height:0; clear:both;} /* Content : Side Content Left ------------------------------------------------------------------------------------ */ /* common */ #content .scl {float:left; width:300px; margin-right:10px; background:#fff;} /* Hot Point */ #hotPoint {position:relative; margin-top:7px;} #hotPoint h3 {margin-bottom:7px;} #hotPoint dl {height:77px; background:url(/images/main/bg_content_box_1.gif) no-repeat 0 -78px; position:relative;} #hotPoint dl.single {height:78px; background-position:0 -235px;} #hotPoint dl.first {height:78px; background:url(/images/main/bg_content_box_1.gif) no-repeat 0 0;} #hotPoint dl.end {height:77px; background:url(/images/main/bg_content_box_1.gif) no-repeat 0 -155px;} #hotPoint dl dt {height:20px; padding:14px 0 9px 12px;} #hotPoint dl dt a {font:bold 13px gulim, "굴림", sans-serif; padding-left:10px;} #hotPoint dl dd {padding:0 10px 2px 15px;} #hotPoint dl dd.infoEtc {font:11px dotum, "돋움", sans-serif; color:#888;} #hotPoint dl dd.infoIcon {position:absolute; top:13px; right:0px;} #hotPoint dl dd.infoIcon a {float:left; margin-left:3px;} #hotPoint p.prodDescBtn {top:2px;} /* 경력직을 위한 헤드헌팅 */ #headHunting {position:relative; margin-top:10px;} #headHunting h3 {height:25px; padding:16px 0 0 10px; background:url(/images/main/bg_content_box_1.gif) no-repeat 0 -330px;} #headHunting .consulting, #headHunting .sfHh, #headHunting .hotHh {position:relative; background:url(/images/main/bg_home_hothh_1.gif) repeat-y;} #headHunting h4 {height:23px; padding:27px 0 0 15px; background:url(/images/main/bg_content_box_1.gif) no-repeat 0 -385px;} #headHunting ul {padding:2px 15px 0 15px;} #headHunting ul li {width:270px; height:15px; line-height:2; padding:4px 0; overflow:hidden;} #headHunting .consulting h4 {height:22px; padding:17px 0 0 15px; background-position:0 -396px;} #headHunting .consulting ul li {width:260px; padding-left:10px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat 3px 14px;} #headHunting .consulting p {font:11px tahoma; text-align:right; padding:9px 15px 0 0; color:#858585;} #headHunting .consulting p strong {padding-left:13px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat 0 -30px; font:bold 11px dotum,"돋움",sans-serif; color:#666; letter-spacing:-1px;} #headHunting .consulting p.iconMore {position:absolute; top:18px; right:14px; padding:0; text-align:left;} #headHunting .hotHh ul {padding-bottom:5px;} #headHunting .hotHh ul li a.title {padding-left:10px;} #headHunting .hotHh p.prodDescBtn {top:29px; right:13px;} #headHunting .sfHh ul {padding:6px 15px; zoom:1; background:url(/images/main/bg_home_hothh_1.gif) repeat-y;} #headHunting .sfHh ul:after {content:" "; display:block; height:0; clear:both;} #headHunting .sfHh ul li {float:left; width:129px; height:35px; padding-left:6px; letter-spacing:-1px; overflow:hidden;} #headHunting .sfHh ul li strong {display:block; height:21px; overflow:hidden; cursor:pointer;} #headHunting .sfHh ul li span {display:block; font:11px dotum,"돋움",sans-serif; color:#888;} #headHunting .sfHh ul li span em {font:bold 11px arial; letter-spacing:0; color:#68a426; text-decoration:underline;} .bgHeadHuntingOdd {display:block; height:10px; background:url(/images/main/bg_content_box_1.gif) no-repeat 0 -465px;} /* 유학몬, 알바몬, 게임잡, 데브잡 */ .giFamilySite {position:relative; margin-top:0;} .giFamilySite h3 {height:25px; padding:10px 0 0 11px; background:url(/images/main/bg_content_box_1.gif) no-repeat -310px -175px;} .giFamilySite ul {padding:5px 10px 15px 10px; background:url(/images/main/bg_home_vertical_1.gif) repeat-y;} .giFamilySite ul li {width:270px; height:15px; padding:4px 0 4px 10px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat 3px 14px; line-height:2; overflow:hidden;} .giFamilySite ul li strong {font-weight:bold;} .giFamilySite p.iconMore {position:absolute; top:12px; right:8px;} #verUhakmon {margin-top:10px;} #verUhakmon h3 {height:24px; padding:10px 0 0 11px; background:url(/images/main/bg_content_box_1.gif) no-repeat -310px -140px;} #verUhakmon ul {padding-bottom:10px;} #verUhakmon ul li {position:relative; width:205px; height:35px; line-height:1; padding:8px 0 0 75px; background:url(/images/main/bg_home_dotline_1.gif) repeat-x left bottom;} #verUhakmon ul li.odd {background:none;} #verUhakmon ul li storng {font-weight:bold;} #verUhakmon ul li a img {position:absolute; top:10px; left:5px;} #verUhakmon ul li a em {display:block; font:11px/1.8 dotum,"돋움",sans-serif; color:#888; height:15px; overflow:hidden;} #verAlbamon p.prodDescBtn {top:11px; right:7px;} #verDevjob ul {padding-bottom:10px;} .bgVerticalOdd {display:block; height:6px; background:url(/images/main/bg_content_box_1.gif) no-repeat -310px -229px;} /* Home Content : Side Content Center ------------------------------------------------------------------------------------ */ /* common */ #content .scc {float:left; width:410px; margin-right:10px; background-color:#fff;} #hotHeadline, #hotEmploy, #hotHr, #hotEdu {position:relative; margin-top:15px;} #hotEmploy h3, #hotHr h3, #hotEdu h3 {height:25px; background:url(/images/main/bg_home_bullet_1.gif) repeat-x 0 -279px;} #hotEmploy ul li, #hotHr ul li, #hotEdu ul li {width:410px; height:26px; line-height:2; padding-top:3px; background:url(/images/main/bg_home_dotline_1.gif) repeat-x left 28px; overflow:hidden;} #hotEmploy ul li span, #hotHr ul li span, #hotEdu ul li span {padding-left:10px;} #hotEmploy p.prodDescBtn, #hotHr p.prodDescBtn, #hotEdu p.prodDescBtn {top:1px; right:1px;} /* Hot 헤드라인 */ #hotHeadline {margin-top:7px; padding-bottom:4px; background:url(/images/main/boxBg_HomeHotHeadline_bt.gif) no-repeat left bottom;} #hotHeadline h3 {padding-bottom:12px; background:url(/images/main/box_HL_top_new.gif) no-repeat left bottom;} #hotHeadline dl {position:relative; width:325px; height:29px; padding:9px 0 0 85px; background:url(/images/main/boxBg_HomeHotHeadline_01.gif); clear:both; overflow:hidden;} #hotHeadline dl dt {float:left; margin-right:3px; _margin-right:0;} #hotHeadline dl dd {} #hotHeadline dl dd.logo {position:absolute; top:6px; left:11px;} #hotHeadline p.prodDescBtn {top:2px;} /* Hot 채용정보 */ #hotEmploy ul li {background:url(/images/main/bg_home_dotline_2.gif) repeat-x left 28px;} #hotEmploy ul li.bg {background-color:#eff7ff;} #hotEmploy ul li span {font-weight:bold;} #hotEmploy ul li a.iconIndamtalk {display:inline-block; position:relative; top:5px; left:3px; width:31px; height:17px;} /* 자기계발을 위한 교육정보 */ #hotEdu h3 {background-position:0 -369px;} #hotEdu ul li.bg {background-color:#f7faf4;} #hotEdu ul li.odd {background-image:none;} #hotEdu ul li.homeLogoEdu {position:relative; width:313px; height:42px; padding:13px 0 0 97px; background:url(/images/main/bg_content_box_1.gif) no-repeat -310px -60px; line-height:1.4;} #hotEdu ul li.homeLogoEduEnd {height:48px;} #hotEdu ul li.homeLogoEdu img {position:absolute; top:16px; left:17px;} #hotEdu ul li span {font-weight:bold;} /* Home Content : Side Content Right ------------------------------------------------------------------------------------ */ /* common */ #content .scr {float:left; width:160px; background-color:#fff;} /* 모바일 서비스 */ #mobileService {width:160px; height:295px; background:url(/images/main/bg_content_box_1.gif) no-repeat -730px 0; overflow:hidden;} #mobileService h3 {height:30px; padding:20px 0 0 40px;} #mobileService ul {padding:7px 0 0 24px; zoom:1;} #mobileService ul:after {content:" "; display:block; height:0; clear:both;} #mobileService ul li {float:left; width:49px; margin:0 13px 6px 0;} /* 마감임박 대기업·공채관 */ #bgi, #blueChip {position:relative; margin-top:5px;} #bgi h3, #blueChip h3 {height:38px; padding:10px 0 0 10px; background:url(/images/main/bg_content_box_1.gif) no-repeat -730px -305px;} #bgi ul li, #blueChip ul li {position:relative; width:134px; height:50px; padding:10px 13px 0 13px; background:url(/images/main/bg_content_box_1.gif) no-repeat -730px -415px; overflow:hidden;} #bgi ul li.first, #blueChip ul li.first {height:52px; background-position:-730px -353px;} #bgi ul li.odd, #blueChip ul li.odd {height:55px;} #bgi ul li span.title, #blueChip ul li span.title {display:block; height:26px; padding-top:2px; overflow:hidden; letter-spacing:-1px;} #bgi ul li span.title a, #blueChip ul li span.title a {font:11px dotum,"돋움",sans-serif; color:#888;} /* IE fix : method1 */ #bgi ul li {font-size:0; line-height:0;} #bgi ul li a {font-size:12px; line-height:normal;} #bgi .title a {font-size:11px; line-height:normal;} /* IE fix : method2 */ /* #bgi ul li {float:left;} */ #bgi ul li span.iconDday {position:absolute; top:10px; right:10px;} #bgi p.iconMore {position:absolute; top:29px; right:8px;} /* 블루칩 */ #blueChip h3 {height:26px; padding:12px 0 0 7px;} /* 취업 종결 서비스 */ /* 우측에 노출되는 UI는 1.8.7 버전 참고 */ #employmentService {clear:both; width:890px; height:172px; margin:-12px auto 16px auto; position:relative; background:url(/images/main/bg_content_box_2.gif) no-repeat 0 -930px; text-align:left;} #employmentService h3 {padding:13px 0 0 19px; zoom:1;} #employmentService ul {padding:14px 0 0 11px; overflow:hidden; zoom:1;} #employmentService ul li {width:144px; float:left; display:inline; margin:0 1px 8px 0;} #employmentService p.iconMore {position:absolute; right:15px; top:19px; text-align:left;} /* 오라스 */ #jkOras {position:relative; margin-top:7px; border-bottom:1px solid #fafafa;} #jkOras ul {padding:0 6px 0 6px; border:1px solid #dee0ed; border-top:0 none;} #jkOras ul li {padding:9px 4px 6px 4px; border-bottom:1px solid #e5e6f1; zoom:1;} #jkOras ul li:after {content:" "; display:block; height:0; clear:both;} #jkOras ul li.odd {border:0 none;} #jkOras ul li span.title {display:block; padding-top:2px;} #jkOras ul li span.title a {font:11px dotum,"돋움",sans-serif; color:#888;} #jkOras ul li .iconOras {float:left; margin-right:4px;} #jkOras p.prodDescBtn {top:25px; right:5px;} /* 기업용 인적성 검사 */ #jkAptitudeTest {position:relative;width:144px; height:67px; margin-top:5px; padding:8px 8px 0 8px; background:url(/images/main/bg_content_box_1.gif) no-repeat -730px -485px;} #jkAptitudeTest p {padding-top:12px; font:11px dotum,"돋움",sans-serif; color:#666; text-align:center; letter-spacing:-1px;} #jkAptitudeTest p a {font-weight:bold; color:#f60; font-family:arial; letter-spacing:0; text-decoration:underline;} /* Improve Ability ------------------------------------------------------------------------------------ */ #improveAbility {clear:both; position:relative; width:890px; height:232px; margin:0px auto 10px auto; z-index:1; text-align:left; background:url(/images/main/bg_content_box_2.gif) no-repeat 0 0; zoom:1;} #improveAbility:after {content:" "; display:block; height:0; clear:both;} #improveAbility h3 {height:35px; padding:7px 0 0 15px;} #improveAbility div {float:left; width:285px; padding-left:10px;} #improveAbility h4 {padding:12px 0 10px 7px;} #improveAbility ul {padding:0 10px;} #improveAbility ul li {width:265px; height:25px; padding-top:3px; background:url(/images/main/bg_home_dotline_1.gif) repeat-x left top; overflow:hidden;} #improveAbility ul li.odd {background:none;} #improveAbility ul li a {padding-left:10px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat 3px 6px; line-height:2;} #improveAbility .contest ul li {position:relative; width:243px; padding-left:22px;} #improveAbility .contest ul li a {background:none;} #improveAbility .contest ul li strong {position:absolute; top:7px; left:5px; width:22px; height:14px; background:url(/images/main/bg_home_btn_1.gif) no-repeat 0 -120px; text-indent:-5000em; overflow:hidden;} #improveAbility .contest ul li strong.case2 {background-position:-40px -120px;} /* RightNow Talk / Poll / ETC ------------------------------------------------------------------------------------ */ #rightNowTalk {clear:both; position:relative; width:875px; height:405px; padding:0 0 0 15px; margin:0px auto 15px auto; z-index:2; text-align:left; background:url(/images/main/bg_content_box_2.gif) no-repeat 0 -240px;} #rightNowTalk:after {content:" "; display:block; height:0; clear:both;} /* Title */ #rightNowTalk h3 {float:left; padding:0 15px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat 0 -740px;} #rightNowTalk h3.rightNow {padding-left:0; background:none;} #rightNowTalk h3 a {display:block; height:30px; background:url(/images/main/bg_content_box_2.gif) no-repeat -100px -645px; text-indent:-5000em; overflow:hidden;} #rightNowTalk h3.rightNow a {width:78px; background-position:-100px -645px;} #rightNowTalk h3.rightNow a.now, #rightNowTalk h3.rightNow a:hover {background-position:-100px -675px;} #rightNowTalk h3.indamTalk a {width:37px; background-position:-180px -645px;} #rightNowTalk h3.indamTalk a.now, #rightNowTalk h3.indamTalk a:hover {background-position:-180px -675px;} #rightNowTalk h3.interview a {width:26px; background-position:-220px -645px;} #rightNowTalk h3.interview a.now, #rightNowTalk h3.interview a:hover {background-position:-220px -675px;} #rightNowTalk h3.news a {width:26px; background-position:-250px -645px;} #rightNowTalk h3.news a.now, #rightNowTalk h3.news a:hover {background-position:-250px -675px;} #rightNowTalk h3.event {padding-left:0; background:none;} #rightNowTalk h3.event a {width:38px; background-position:-310px -645px;} #rightNowTalk h3.event a.now, #rightNowTalk h3.event a:hover {background-position:-310px -675px;} #rightNowTalk h3.wallpaper a {width:49px; background-position:-355px -645px;} #rightNowTalk h3.wallpaper a.now, #rightNowTalk h3.wallpaper a:hover {background-position:-355px -675px;} #rightNowTalk h3.gift {padding-right:0;} #rightNowTalk h3.gift a {width:88px; background-position:-410px -645px;} #rightNowTalk h3.gift a.now, #rightNowTalk h3.gift a:hover {background-position:-410px -675px;} /* Talk List */ #rightNowTalk .talkList {float:left; width:515px; padding:9px 0 0 50px;} #rightNowTalk .talkList a:hover {color:#06c !important;} #rightNowTalk .talkListCase {position:absolute; top:55px; left:15px; width:565px;} #rightNowTalk .talkListCase ul.list li {position:relative; height:25px; overflow:hidden;} #rightNowTalk .talkListCase ul.list li.line {border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:10px;} #rightNowTalk .talkListCase ul.list li a.title {display:block; width:460px; height:22px; margin:3px 0; padding-left:20px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat 13px 10px; line-height:2; overflow:hidden;} #rightNowTalk .talkListCase ul.list li a.part {position:absolute; top:8px; right:5px;} #rightNowTalk .talkListCase ul.list li a.part strong {font:11px dotum,"돋움",sans-serif; color:#b7b7b7;} #rightNowTalk .talkListCase ul.list li.odd {height:28px;} #rightNowTalk .talkListCase ul.list li.odd a.title {font:bold 14px dotum,"돋움",sans-serif; color:#333; height:16px; margin:4px 0 0 0; padding:6px 0 0 13px; background:none; letter-spacing:-1px;} #rightNowTalk .talkListCase ul.list li.odd a.part {top:11px;} /* 공채 */ #rightNowTalk div.interview ul.interview {width:565px; margin-top:5px; padding-bottom:10px; border-bottom:1px solid #efefef;} #rightNowTalk div.interview ul.interview li {float:left; width:111px; height:30px; padding:100px 15px 0 15px; text-align:center; position:relative;} #rightNowTalk div.interview ul.interview li a {display:block; height:31px; overflow:hidden;} #rightNowTalk div.interview ul.interview li a img {position:absolute; top:0; left:31px; border:1px solid #c9c9c9;} #rightNowTalk div.interview ul.explain {clear:both; width:565px;} #rightNowTalk div.interview ul.explain li {float:left; width:142px; height:75px; padding:20px 0 0 140px; position:relative; border-bottom:1px solid #efefef; font:11px arial; color:#b7b7b7;} #rightNowTalk div.interview ul.explain li strong {font:bold 14px dotum,"돋움",sans-serif; color:#06c;} #rightNowTalk div.interview ul.explain li a img {position:absolute; top:10px; left:15px; border:1px solid #c9c9c9;} #rightNowTalk div.interview ul.explain li p {padding-top:3px;} #rightNowTalk div.interview ul.interviewGi li {width:172px; height:65px; padding:20px 0 0 110px;} #rightNowTalk div.interview ul.interviewGi li strong {font:bold 12px dotum,"돋움",sans-serif; color:#494949;} #rightNowTalk div.interview ul.interviewGi li a img {position:static; border:0 none;} #rightNowTalk div.interview ul.interviewGi li a span {position:absolute; top:1px; left:0; width:80px; height:53px; padding:30px 0 0 20px; background-color:#f9f9f9;} #rightNowTalk div.interview ul:after {content:" "; display:block; height:0; clear:both;} /* 뉴스 */ #rightNowTalk div.news p {padding-top:7px; text-align:center; letter-spacing:10px;} #rightNowTalk div.news ul.list li a.title {width:545px;} /* 인담톡 */ #rightNowTalk div.indamTalk dl {position:relative; height:70px; border-bottom:1px solid #efefef; padding:13px 0 0 105px;} #rightNowTalk div.indamTalk dl.odd {border:0 none;} #rightNowTalk div.indamTalk dl dt a {font:bold 14px dotum,"돋움",sans-serif; color:#333;} #rightNowTalk div.indamTalk dl dd {height:35px; padding:6px 10px 0 0; line-height:1.4; overflow:hidden;} #rightNowTalk div.indamTalk dl dd * {color:#888; letter-spacing:-1px;} #rightNowTalk div.indamTalk dl dd em {position:absolute; top:15px; right:5px; font:11px/1.4 dotum,"돋움",sans-serif; color:#b7b7b7;} #rightNowTalk div.indamTalk dl dd.num {position:absolute; top:10px; left:15px; width:80px; height:60px; padding:0; background:url(/images/main/bg_content_box_2.gif) no-repeat 0 -645px;} #rightNowTalk div.indamTalk dl dd.num a {position:absolute; top:7px; left:46px; width:30px; height:15px; font:bold 11px arial; color:#fff; text-align:center; letter-spacing:0;} /* Talk ETC */ #rightNowTalk .talkEtc {float:right; width:260px; margin-right:15px; padding-top:9px; position:relative; _display:inline;} #rightNowTalk .talkEtcCase {position:absolute; top:60px; right:0; width:260px; height:320px; background-color:#fff;} /* poll */ /* #rightNowTalk div.poll {top:60px; overflow:auto;} #rightNowTalk div.poll dd.question {font:bold 14px/1.4 dotum,"돋움",sans-serif; min-height:50px; _height:50px; padding:3px 0 0 50px; margin-bottom:10px; background:url(/images/main/bg_content_box_2.gif) no-repeat -847px -645px; letter-spacing:-1px;} #rightNowTalk div.poll dd.answer input, #rightNowTalk div.poll dd.answer label {vertical-align:middle; cursor:pointer; _vertical-align:baseline;} #rightNowTalk div.poll dd.answer input {width:13px; height:13px; overflow:hidden; margin-right:3px; _margin-top:-3px;} #rightNowTalk div.poll dd.answer {margin-top:10px; padding-top:10px; border-top:1px solid #f6f6f6;} #rightNowTalk div.poll dd.answer1 {background-color:#f6f6f6; padding:10px 0; zoom:1;} #rightNowTalk div.poll dd.answer1:after {content:" "; display:block; height:0; clear:both;} #rightNowTalk div.poll dd.answer1 span {float:left; width:90px; padding:0 0 0 15px; text-indent:-15px; margin-left:15px;} #rightNowTalk div.poll dd.answer2 span {display:block; margin:0 0px 10px 30px; text-indent:-15px;} #rightNowTalk div.poll p {text-align:center; margin-top:10px;} */ /* 이벤트 */ #rightNowTalk div.event ul li {position:relative; width:215px; height:42px; padding:9px 0 0 45px; background:url(/images/main/bg_home_dotline_1.gif) repeat-x left bottom;} #rightNowTalk div.event ul li.odd {background:none;} #rightNowTalk div.event ul li a {display:block;} #rightNowTalk div.event ul li a img {position:absolute; top:8px; left:0;} #rightNowTalk div.event ul li a span {display:block; color:#888; height:15px; margin-top:3px; overflow:hidden; cursor:pointer;} #rightNowTalk div.event p.iconMore {padding-top:5px; zoom:1; overflow:hidden;} #rightNowTalk div.event p.iconMore a {float:right;} /* Gift */ #rightNowTalk div.gift dl {width:260px;} #rightNowTalk div.gift dl dt {position:relative; height:22px; padding:10px 0 0 15px; background-color:#f6f6f6; border:1px solid #ececec; font-weight:bold;} #rightNowTalk div.gift dl dt button {position:absolute; top:9px; right:10px; padding-right:8px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat right -775px;} #rightNowTalk div.gift dl dt button span {font:11px tahoma; color:#bebebe;} #rightNowTalk div.gift dl.next dt button {padding-right:0; padding-left:8px; background-position:left -900px;} #rightNowTalk div.gift dl dd {position:relative; width:150px; height:73px; padding:22px 10px 0 100px; background:url(/images/main/bg_home_bullet_1.gif) repeat-x 0 -476px;} #rightNowTalk div.gift dl dd.odd {background:none;} #rightNowTalk div.gift dl dd img {position:absolute; top:18px; left:5px; border:1px solid #ececec;} #rightNowTalk div.gift dl dd button {position:absolute; top:55px; left:100px; width:82px; height:13px; margin-top:5px; background:url(/images/main/bg_home_btn_1.gif) no-repeat 0 -140px; text-indent:-5000em; overflow:hidden;} #rightNowTalk div.gift dl dd button:hover {background-position:-100px -140px;} #rightNowTalk div.gift dl.next dd button {width:120px; background-position:-200px -140px;} #rightNowTalk div.gift dl dd span.title {display:block; height:31px; overflow:hidden; line-height:1.4;} /* 바탕화면 */ #rightNowTalk div.wallpaper {right:1px;} #rightNowTalk div.wallpaper .pointMessage {padding:7px 18px 8px 0; text-align:center;} #rightNowTalk div.wallpaper .wallpaperHolder {width:258px; height:260px; background:url(/images/main/bg_content_box_2.gif) no-repeat -580px -645px; position:relative; text-align:center;} #rightNowTalk div.wallpaper .wallpaperHolder, #rightNowTalk div.wallpaper .wallpaperHolder a, #rightNowTalk div.wallpaper .wallpaperHolder button {font-size:11px; font-family:Dotum, sans-serif; color:#999;} #rightNowTalk div.wallpaper .wallpaperHolder button {overflow:hidden;} #rightNowTalk div.wallpaper .wallpaperHolder button span {position:absolute; left:-9999px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperMonth {height:23px; color:#333; font-weight:bold; padding-top:10px; font-family:Verdana, sans-serif; font-size:12px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperContent {text-align:left; zoom:1; padding:2px 12px 0 11px;} #rightNowTalk div.wallpaper .wallpaperHolder .btnPrevMonth, #rightNowTalk div.wallpaper .wallpaperHolder .btnNextMonth {position:absolute; top:7px; left:45px; width:41px; height:20px; background:url(/images/main/bg_home_btn_1.gif) no-repeat -250px -158px;} #rightNowTalk div.wallpaper .wallpaperHolder .btnNextMonth {left:auto; right:45px; background-position:-299px -158px;} #rightNowTalk div.wallpaper .wallpaperHolder .freeDownload {position:absolute; left:85px; bottom:9px; width:82px; height:13px; font-weight:bold; letter-spacing:-1px; background:url(/images/main/bg_home_btn_1.gif) no-repeat 0 -140px;} #rightNowTalk div.wallpaper .wallpaperHolder .freeDownload:hover {background-position:-100px -140px;} #rightNowTalk div.wallpaper .wallpaperHolder .preview img {width:230px; height:145px; margin-left:3px;} #rightNowTalk div.wallpaper .wallpaperHolder .thumbDescription {line-height:16px; letter-spacing:-1px; padding:12px 2px 0 2px; display:block; height:34px; overflow:hidden;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList {position:absolute; border:1px solid #3d9ef3; width:348px; height:178px; bottom:-188px; left:-93px; background:#fff; display:none; _overflow:hidden;} #rightNowTalk div.wallpaper .wallpaperHolder .boxFrame {position:absolute; top:1px; left:1px; width:348px; height:178px; border-right:2px solid #ced7de; border-bottom:2px solid #ced7de;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList dl {position:absolute; overflow:hidden; margin:17px 0 0 16px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList dt {float:left; width:74px; height:72px; background:url(/images/main/bg_content_box_2.gif) no-repeat -450px -725px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList dd {float:left; width:244px; height:64px; padding-top:8px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList .wallpaperMobile {height:75px; background-position:-450px -797px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList .wallpaperMobileItem {padding-top:6px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList ul {overflow:hidden; zoom:1;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList li {float:left; display:inline; width:73px; padding:0 0 2px 7px; background:url(/images/main/bg_home_btn_1.gif) no-repeat -400px -155px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList li a {color:#888; font-family:Arial, sans-serif;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList li a:hover {color:#333; text-decoration:underline;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList li a span {font-family:Dotum, sans-serif; letter-spacing:-1px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList .wallpaperMobileItem li {float:none; display:block; width:auto; padding-bottom:1px;} #rightNowTalk div.wallpaper .wallpaperHolder .wallpaperList .close {position:absolute; top:4px; right:5px; width:19px; height:19px; background:url(/images/main/bg_home_btn_1.gif) no-repeat -350px -160px;} /* Footer ------------------------------------------------------------------------------------ */ #footer {clear:both; position:relative; width:100%; margin-bottom:20px; z-index:1; text-align:left;} #footer .serviceLink {width:100%; padding-top:14px; background:url(/images/main/bg_home_bullet_1.gif) repeat-x 0 -810px; z-index:1000;} #footer .serviceLink ul {position:relative; width:890px; height:27px; margin:0 auto;} #footer .serviceLink ul:after {content:" "; display:block; height:0; clear:both;} #footer .serviceLink ul li {float:left; padding:0 20px; background:url(/images/main/bg_home_bullet_1.gif) no-repeat right -874px;} #footer .serviceLink ul li.sitemap {background:none;} #footer .serviceLink ul li.familysite {position:absolute; top:-6px; right:0; padding:0; background:none;} #footer .serviceLink ul li.familysite button.familysiteBtn span {display:block; width:160px; height:22px; background:url(/images/main/bg_home_btn_1.gif) no-repeat 0 -160px; text-indent:-5000em;} #footer .serviceLink ul li.familysite .listLinkFamily {position:absolute; top:0px; right:0; width:408px; height:130px; background:url(/images/main/bg_content_box_2.gif) no-repeat 0 -725px;} #footer .serviceLink ul li.familysite .listLinkFamily dl {height:96px; padding-top:30px; _zoom:1;} #footer .serviceLink ul li.familysite .listLinkFamily dl:after {content:" "; display:block; height:0; clear:both;} #footer .serviceLink ul li.familysite .listLinkFamily dl dd {float:left; width:136px; height:35px; padding:8px 0 5px 0; text-align:center;} #footer .serviceLink ul li.familysite .listLinkFamily button {position:absolute; top:10px; right:10px;} #footer .serviceLink ul li.familysite .listLinkFamily button span {display:block; width:16px; height:16px; background:url(/images/main/bg_home_btn_1.gif) no-repeat -200px -160px; text-indent:-5000em;} #footer .information {clear:both; width:890px; height:107px; margin:12px auto 0 auto;} #footer .information:after {content:" "; display:block; height:0; clear:both;} #footer .information div {float:left;} #footer .information .customer {position:relative; width:306px;} #footer .information .customer p {position:absolute; top:66px; left:115px;} #footer .information .customer ul {position:absolute; top:91px; left:8px;} #footer .information .customer ul li {display:inline; padding-right:10px;} #footer .information .customer ul li.odd {padding-right:0;} #footer .information .policy {width:160px; padding-left:15px;} #footer .information .policy li.odd {float:left;} #footer .information .policy li.sns {padding-top:2px;} #footer .information .onlineDigital {width:409px;} #footer .award {width:890px; height:43px; margin:15px auto 0 auto;} #footer .address {position:relative; width:890px; margin:0px auto;} #footer .address address {padding:8px 0; text-align:center; border-bottom:1px solid #f5f5f5;} #footer .address p#copyright {padding-top:8px; text-align:center;} #footer .address p.moveToTop {top:-212px;} /* cnb ------------------------------------------------------------------------------------ */ .cnb {clear:both; width:888px; height:25px; padding-top:12px; margin:0 auto 20px auto; z-index:1; text-align:center; background-color:#f2f2f2; border:1px solid #e5e5e5;} * html .cnb {margin:0 auto 20px auto; _margin /**/:0 0 20px 0; height:25px; _height /**/:37px;} .cnb li {display:inline; font-family:gulim;} .cnb li a {display:inline-block; padding:0 4px 0 7px; background:url(/Images/main/new_footer_line_01.gif) no-repeat left 0px;} .cnb li.odd a {background:none; padding-left:0;} /* alert ------------------------------------------------------------------------------------ */ #alertpop {display:block; width:221px; z-index:1000;} #mainGiAlert {position:relative; width:221px; height:131px; text-align:left; background:url(/images/main/toast_bg_all_100413.gif) no-repeat left top;} #mainGiAlert h2 {width:211px; height:23px; padding-top:17px; margin:0 5px; font:bold 13px gulim, "굴림", dotum, "돋움", sans-serif; color:#333; text-align:center;} #mainGiAlert dl {width:150px; height:53px; margin:15px 0 0 71px; line-height:1.7;} #mainGiAlert dl dt {float:left; width:100px; clear:left; letter-spacing:-1px; margin-right:5px; background:url(/images/main/toast_bullet_1.gif) no-repeat right 6px;} #mainGiAlert dl dd {font:bold 12px tahoma;} #mainGiAlert dl dd a {color:#f27100;} #mainGiAlert dl dd.odd a {color:#06c;} #mainGiAlert p {position:absolute; top:108px; left:5px; color:#fff; font:11px dotum, "돋움", sans-serif; letter-spacing:-1px;} #mainGiAlert p input {position:relative; top:2px;} #mainGiAlert p label {cursor:pointer;} #mainGiAlert p.close {top:113px; left:auto; right:5px;} /* 옵션 스타일 정의 ------------------------------------------------------------------------------------ */ .optNoCname, a.optNoCname {font-weight:normal !important; background:url(/images/List_Gi_v02/icon_list.gif) no-repeat 2px 5px !important; padding-left:14px;} /*기업명 기본 옵션*/ .optNo, a.optNo {font-weight:normal !important;} .optBold, a.optBold {font-weight:bold !important;} /*볼드 옵션*/ .optColor, a.optColor {color:#06c !important;} /*컬러 옵션*/ .optIcon, a.optIcon {background:url(/images/List_Gi_v02/icon_hot.gif) no-repeat 0 1px !important; padding-left:16px;} /*추석 밤톨이 아이콘*/ .optJumpUpL, a.optJumpUpL {background:url(/img/common/icon_jump_up_2.gif) no-repeat 0 1px !important; padding-left:16px;} /*jump up 옵션 : 큰 아이콘*/ .optJumpUpS, a.optJumpUpS {background:url(/img/common/icon_jump_up_1.gif) no-repeat 0 0 !important; padding-left:16px;} /*jump up 옵션 : 작은 아이콘*/ .optBg, a.optBg {background-color:#FFF670 !important;} /*배경색 옵션*/ .optBgM, a.optBgM {background-color:#D5E8F7 !important;} /*메인 배경색 옵션*/ a.optEndday_01 {} /*마감일 기본 옵션*/ a.optEndday_02 {letter-spacing:-1px; padding:2px 1px 0 1px; background-color:#D02525; color:#fff!important;} /*오늘마감 옵션*/ a.optEndday_03 {letter-spacing:-1px; padding:2px 1px 0 1px; background-color:#2B77C3; !important;} /*내일마감 옵션*/ a.optEndday_04 {letter-spacing:-1px; padding:2px 1px 0 1px; background-color:#449674; color:#fff !important;} /*모레마감 옵션*/ .optEndday_01 {} /*마감일 기본 옵션*/ .optEndday_02 {letter-spacing:-1px; padding:2px 1px 0 1px; background-color:#D02525; color:#fff !important;} /*오늘마감 옵션*/ .optEndday_03 {letter-spacing:-1px; padding:2px 1px 0 1px; background-color:#2B77C3; color:#fff !important;} /*내일마감 옵션*/ .optEndday_04 {letter-spacing:-1px; padding:2px 1px 0 1px; background-color:#449674; color:#fff !important;} /*모레마감 옵션*/ /* JK main 에 사용 */ a.optHotIcon {background:url(/images/common/fee_icon0.gif) no-repeat 0 1px !important;} /*Hot Icon 옵션*/ /* banner ------------------------------------------------------------------------------------ */ #bl_1 {position:absolute; top:99px; left:10px; z-index:100;} #bl_2 {position:absolute; top:100px; right:6px; z-index:100; width:190px; height:40px; text-align:center;} #bl_2 p a {color:#5c5c5c; font:11px/1.4 dotum,"돋움",sans-serif; letter-spacing:-1px;} #bl_2 p strong {font:bold 13px/1.3 gulim,"굴림",sans-serif; color:#06c;} #bl_3 {position:absolute; top:0px; left:-75px; z-index:100;} #bl_4 {position:absolute; top:152px; left:685px; z-index:100; width:205px; height:155px; background:url(/images/main/ad_test_2.gif) no-repeat left top;} #bl_5 {position:absolute; top:0; left:215px; z-index:100; width:460px; height:120px; background-color:#fff;} #bl_6 {position:absolute; top:352px; left:-58px; z-index:100; } #bl_7 {width:890px; position:relative; margin:0px auto 10px auto; z-index:1;} #bl_7 ul {width:890px; position:relative; overflow:hidden; } #bl_7 ul:after {content:" "; display:block; height:0; clear:both;} #bl_7 ul li {float:left; margin-bottom:4px;} #bl_7 ul li.odd {padding:0 4px;} #bl_7 ul li iframe {vertical-align:top;} #bl_8 {position:absolute; top:279px; left:215px; z-index:100; } /* 205 155 banner */ #bl_4 div {position:absolute; top:0; left:0; width:5px; height:5px; background:url(/images/main/banner_round_img.gif) no-repeat -5px -5px;} #bl_4 div.bl_4_t_2 {top:0; left:200px; background-position:0px -5px;} #bl_4 div.bl_4_t_3 {top:150px; left:0; background-position:-5px 0px;} #bl_4 div.bl_4_t_4 {top:150px; left:200px; background-position:0px 0px;} /* 상품안내 */ p.prodDescBtn {position:absolute; top:0; right:0;} p.prodDescBtn a {display:block; background:url(/images/main/bg_home_btn_1.gif) no-repeat; text-indent:-5000em; overflow:hidden;} p.prodDescBtnCase1 a {width:57px; height:15px; background-position:0 2px;} p.prodDescBtnCase2 a {width:57px; height:15px; background-position:-70px 2px;} p.prodDescBtnCase3 a {width:57px; height:15px; background-position:-140px 2px;} p.prodDescBtnCase4 a {width:56px; height:15px; background-position:-210px 2px;} p.prodDescBtnCase5 a {width:50px; height:15px; background-position:-280px 2px;} p.prodDescBtnCase6 a {width:50px; height:15px; background-position:-350px 2px;} .prodDesc {clear:both; width:303px; position:absolute; z-index:900; } .prodDesc * {line-height:1 !important;} .prodDesc img {position:static !important;} .prodDesc dl {position:static !important; width:auto !important; height:auto !important; padding:0 !important; margin:0 !important; overflow:visible !important; background:none !important;} .prodDesc dl dt {height:auto !important; padding:0 !important; margin:0 !important; float:none !important;} .prodDesc dl dd {padding:0;} .prodDesc dl dd.info {padding:2px 15px 0 15px; _height:1%; background:url(/Images/main/prod_desc_bg_all_ie6.png) no-repeat left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/main/prod_desc_bg_all_ie6.png', sizingMethod='crop'); _position:static;} .prodDesc dl dd.info table {width:100%; text-align:center;} .prodDesc dl dd.info table caption {text-align:left; padding:3px 0 2px 6px; background:url(/Images/main/prod_desc_bullet1.gif) no-repeat left 5px; font-weight:bold;} .prodDesc dl dd.info table caption strong {color:#1571cf;} .prodDesc dl dd.info table th, .prodDesc dl dd.info table td {padding:6px 0 4px 0; font-family:dotum,"돋움"; font-size:11px; letter-spacing:-1px; background:url(/Images/main/prod_desc_dotline.gif) repeat-x left bottom;} .prodDesc dl dd.info table th {text-align:left; font-weight:normal;} .prodDesc dl dd.info table th span {padding-left:3px; background:url(/Images/main/prod_desc_bullet2.gif) no-repeat left 5px;} .prodDesc dl dd.info table td.price {text-align:right; padding-right:5px; color:#666;} .prodDesc dl dd.info table td.price strong {color:#ff7800; padding-right:3px; letter-spacing:0;} .prodDesc dl dd.info table td.btn {padding:4px 0 4px 0;;} .prodDesc dl dd.info table td.btn a {_position:relative;} .prodDesc dl dd.infoOdd {padding-top:15px;} .prodDesc dl dd.infoOdd table caption {font:11px dotum,"돋움"; letter-spacing:-2px; background-position:left 3px;} .prodDesc dl dd.infoOdd table caption em {color:#1571cf;} .prodDesc dl dd.infoOdd table caption strong {font-weight:normal; text-decoration:underline; color:#494949;} .prodDesc dl dd.btn {text-align:center; padding:8px 0 16px 0 !important; _height:30px !important; _padding:7px 0 8px 0 !important; background:transparent url(/Images/main/prod_desc_bg_bottom2.png) no-repeat left bottom; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/main/prod_desc_bg_bottom.png', sizingMethod='crop'); _position:static;} .prodDesc dl dd.btn ul {clear:none !important; padding:0 !important; margin:0 !important;} .prodDesc dl dd.btn ul li {display:inline; height:auto !important; padding:0 !important; margin:0 !important;} .prodDesc dl dd.btn ul li a {_position:relative;} .prodDesc dl dd.close {position:absolute; top:3px; right:8px; background:none; padding:0 !important;} /* 부스내 인담톡 아이콘 추가 */ .gbPlusGold .booth .indamtalk {position:absolute; right:7px !important; top:61px !important;} .gbPlusGold .case2 .indamtalk {right:13px !important; top:61px !important;} .gbPlusGold .case3 .indamtalk {left:57px !important; top:142px !important;} .gbPlusGold .case4 .indamtalk {left:59px !important; top:141px !important;} .gbPlusGold .case5 .indamtalk {left:59px !important; top:218px !important;} #homeGrandPlus .booth .indamtalk {width:auto; left:auto; line-height:1; position:absolute; right:5px !important; top:64px !important;} #grandzone .booth .indamtalk {width:auto; left:auto; line-height:1; position:absolute; right:4px !important; top:66px !important;} #grandzone .case02 .indamtalk {width:auto; left:auto; line-height:1; position:absolute; right:7px !important; top:64px !important;} #homeBanner .booth .indamtalk {left:auto; padding:0 !important; height:auto; position:absolute; right:4px !important; top:72px !important; *top:70px !important;} /* 키워드별 랜딩배너 추가 */ .landingBanner {position:relative; width:890px; height:111px; margin:0 auto; text-align:left; z-index:5000;} .landingBanner dl {padding-left:25px;} .landingBanner dl dt {position:absolute; top:0; left:0;} .landingBanner dl dt a {display:block; width:25px; height:54px; background:url(/images/main/bg_landing_banner_all.gif) no-repeat 0 -60px; text-indent:-5000em;} .landingBanner dl dt a.on, .landingBanner dl dt.ggTitle a:hover {background-position:0 0;} .landingBanner dl dt.giTitle {top:54px;} .landingBanner dl dt.giTitle a {height:56px; background-position:0 -180px;} .landingBanner dl dt.giTitle a.on, .landingBanner dl dt.giTitle a:hover {background-position:0 -120px;} .landingBanner dl dd {width:840px; height:90px; padding:21px 0 0 25px; background:url(/images/main/bg_landing_banner_all.gif) no-repeat -35px 0; font:11px/1.4 dotum, "돋움", sans-serif; color:#909090; letter-spacing:-1px;} .landingBanner dl dd p strong {display:block; padding-bottom:5px;} .landingBanner dl dd p em {font-weight:bold;} .landingBanner dl dd p a {margin-left:5px;} .landingBanner dl dd p a img {vertical-align:middle !important;} .landingBanner dl dd ul {position:absolute; top:28px; left:405px; width:480px;} .landingBanner dl dd ul li {float:left;; padding:0 8px;} .landingBanner dl dd.gi {background-position:-35px -120px;} .landingBanner dl dd.gi ul {left:390px; width:495px;} .landingBanner dl dd.gi ul:after {content:" "; display:block; height:0; clear:both;} .landingBanner dl dd.gi ul li .event {position:absolute; top:81px; left:-10px;} .landingBanner dl dd.gi ul li .event p.close {position:absolute; top:11px; right:11px;} .landingBanner dl dd.gi ul li .event p.close button {width:20px; height:20px; background:url(/images/Service_jk_v02/Mem_Guide/img_member_coupon.gif) no-repeat -480px -10px; overflow:hidden;} .landingBanner p.btn {clear:both; position:absolute; top:10px; right:10px;} .landingBanner p.btn button {width:12px; height:12px; background:url(/images/main/bg_landing_banner_all.gif) no-repeat 2px -238px; overflow:hidden;}