/** 서브_기본셋팅 , 글로벌메뉴, 푸터 (2010.10.05)_DTD없는 페이지용 **/ @charset "euc-kr"; /* Base */ html, body { margin:0; padding:0; } body { font:12px Dotum, AppleGothic, Sans-serif; color:#474747; background:#fff; text-align:center; } div, ul, ol, dl, p, h1, h2, h3, h4, h5, h6, fieldset, legend, iframe { margin:0; padding:0; font:12px Dotum, AppleGothic, Sans-serif; color:#474747; border-collapse:collapse; text-align:left; } table { border-collapse: collapse; table-layout: fixed; font-size: 12px; font-family: "돋움"; } ul, ol { list-style:none; text-align:left; margin: 0; padding: 0;} dt, dd, li { margin:0; padding:0; text-align:left; } form { margin:0; } input, select, textarea { font:12px Dotum, AppleGothic, Sans-serif; vertical-align:middle; color:#474747; } img, fieldset, button { border:0; vertical-align:top; } hr { display:none; } em, address { font-style:normal; } label { cursor:pointer; } /* link */ a:link, a:visited { text-decoration:none; color:#474747; } a:hover, a:active { text-decoration:underline; color:#007cff; } /* class : radio/checkbox */ input.radio, input.checkbox { position:relative; width:13px; height:13px; margin:-1px 0 0 0; vertical-align:text-top; } * html input.Text { margin:-1px 0; } *+html input.Text { margin:-1px 0; } /* 좌측 배너 */ #main_banner_left { position:absolute; top:150px; left:50%; margin-left:-524px; } /*윙배너*/ #business .wingbn {position:absolute; top:0; left:-75px; width:65px;} /* Global */ #Global { z-index:500; position:relative; width:900px; height:125px; margin:0 auto; text-align:left; } #Global h1 { width:900px; text-align:center; } #Global ul.setup { position:absolute; top:5px; left:0; } #Global ul.setup li { display:inline; float:left; margin-left:5px; } #Global ul.move { position:absolute; top:5px; right:5px; } #Global ul.move li { float:left; padding:3px 7px 1px; font-size:11px; letter-spacing:-1px; background:url('http://image.ganhojob.co.kr/common/Global_menu_line.gif') no-repeat left center; } #Global ul.move li a:hover { color:#474747; text-decoration:underline; } #Global ul.move li.login { padding-top:3px; margin-top:-3px; background:none; } #Global ul.move li.join { padding-left:0; background:none; } #Global ul.move li.goodsInfo a { font-weight:bold; color:#ff5c00; } #Global p.pr { position:absolute; top:20px; left:0px; } #GlobalMenu { position:absolute; top:80px; left:0; width:675px; height:45px; } #GlobalMenu li { float:left; text-align:left; } /*로그인시 각 서비스 메뉴*/ #GlobalMenu li.Service { width:241px; height:30px; padding:15px 0 0 20px; background:url('http://image.ganhojob.co.kr/common/Global_menuService_bg.gif') no-repeat left top; } #GlobalMenu li.Service img { margin:-3px 3px 0 0; vertical-align:top; } #GlobalMenu li.Service span { font-weight:bold; margin: 0 5px; } /*서비스별 레이어*/ #GlobalMenu li div.serviceLayer { z-index:999; position:absolute; top:40px; left:413px; width:256px; height:90px; } #GlobalMenu li div.serviceLayer ul { width:241px; height:75px; padding:15px 0 0 15px; } #GlobalMenu li div.serviceLayer ul li { float:left; text-align:center; width:105px; padding-left:15px; } #GlobalMenu li div.serviceLayer ul li.first { padding:0; } #GlobalMenu li div.serviceLayer p.btnClose { position:absolute; bottom:0; right:0; cursor:pointer; } #GlobalMenu li #ServicePerson ul { background:url('http://image.ganhojob.co.kr/common/Service_person_bg.gif') no-repeat left top; } #GlobalMenu li #ServiceBusiness ul { background:url('http://image.ganhojob.co.kr/common/Service_business_bg.gif') no-repeat left top; } #GlobalMenu li iframe { z-index:-1;position:absolute; top:0;left:0; background-color:transparent; } /* 검색박스 */ #BasicSch { position:absolute; top:44px; right:0; width:225px; height:81px; background:url('http://image.ganhojob.co.kr/common/Global_search_bg.gif') no-repeat left bottom;} #ResultSch { position:absolute; top:79px !important; top:80px; right:0; width:225px; height:46px; background:url('http://image.ganhojob.co.kr/common/Global_searchResult_bg.gif') no-repeat left 1px;} div.GlobalSearch div.search { position:relative; width:225px; height:50px; margin:7px 0 0 0; } div.GlobalSearch div.search input.typeText { display:inline; width:150px; height:17px; margin:3px 0 0 10px; padding:5px 0 0 5px; font-weight:bold; letter-spacing:-1px; vertical-align:top; border:0; } div.GlobalSearch div.search input.typeImage { position:absolute; top:1px; right:7px; } /* 메인 검색 영역 (/search/ark/ark_iframe_main.html)에서 ID지정*/ div.GlobalSearch div.search #SchSug { z-index:999; overflow:hidden; position:absolute; top:31px; left:0; width:221px; border:2px solid #d3002e; } div.GlobalSearch div.search Iframe.hFrame { z-index:999; width:100%; display:none; } /* 자동완성 화면 *///* 자동완성 화면에 보이는 사이즈를 여기에서 조절하면 됨 */ #QL { position:absolute; width:100%; background: #fff; height:500px; } #QL table { table-layout: auto; } #querylist_border { width:100%; padding: 3px 0 0;} #querylquerylist { width:100%; text-align:left; font-size: 12px;} #dotline{ background:url(/Search/ark/img/ark_dog_bg.gif) repeat-x; height:3px; font-size:0px; padding:0; margin:1px 5px 2px 5px;} /* 자동완성 화면에 보이는 사이즈를 여기에서 조절하면 됨 */ #sugGuide { padding:5px 5px 0; font-size: 11px; letter-spacing:-1px; } #sugGuide strong {color:#7d0f36;} #sugGuide a:link {font-size:11px; color:#7d0f36; font-family:"돋움", dotum; text-decoration:underline} #sugGuide a:visited {font-size:11px; color:#7d0f36; font-family:"돋움", dotum; text-decoration:underline} #sugGuide a:hover {font-size:11px; color:#7d0f36; font-family:"돋움", dotum; text-decoration:underline} #BasicSch div.popular { z-index:-1px; position:absolute; top:43px; left:15px; } #ResultSch div.popular { z-index:-1px; position:absolute; top:7px; left:0; } #ResultSch div.popular h2 { margin:0; padding-bottom:1px;} div.GlobalSearch div.popular h2 { float:left;} div.GlobalSearch div.popular ul { float:left; padding-top:2px; font-size:11px; color:#666; letter-spacing:-1px; } div.GlobalSearch div.popular ul li { float:left; padding-left:10px; } div.GlobalSearch div.popular ul li a { color:#ffe8e8; } div.GlobalSearch ul.promotion {} div.GlobalSearch ul.promotion li.promotion1 { position:absolute; top:0; left:0; } div.GlobalSearch ul.promotion li.promotion2 { position:absolute; top:0; right:0; } div.GlobalSearch ul.promotion li.promotion3 { position:absolute; top:75px; left:0; height:16px; padding:5px 0 0 26px; } div.GlobalSearch ul.promotion li.promotion4 { position:absolute; top:75px; right:3px; height:16px; padding:5px 26px 0 0; } div.GlobalSearch ul.promotion li span { color:#afb0b0; } div.GlobalSearch ul.promotion li.email { background:url('http://image.alba.kr/comm/Global_promotion_icon.gif') no-repeat left -42px; } div.GlobalSearch ul.promotion li.email a { color:#00b30d; } div.GlobalSearch ul.promotion li.support { background:url('http://image.alba.kr/comm/Global_promotion_icon.gif') no-repeat right -120px; } div.GlobalSearch ul.promotion li.support a { color:#00b30d; letter-spacing:-1px; } div.GlobalSearch ul.promotion li.resume { letter-spacing:0; background:url('http://image.alba.kr/comm/Global_promotion_icon.gif') no-repeat right -68px; } div.GlobalSearch ul.promotion li.resume a { color:#00a2c0; letter-spacing:-1px; } div.GlobalSearch ul.promotion li.vchat { background:url('http://image.alba.kr/comm/Global_promotion_icon.gif') no-repeat left -94px; } div.GlobalSearch ul.promotion li.vchat a { color:#00a2c0; letter-spacing:-1px; } /* 푸터 영역 */ #Footer { position:relative; margin:30px auto 30px; width:900px; height:155px; clear:both } #Footer img { vertical-align:top; } #Footer p.logo { position:absolute; top:53px; left:20px; } #Footer ul.menu { padding:5px 0 0 75px; height:30px; background:#f4f4f4; border-top:2px solid #ff3268; border-bottom:1px solid #d6d6d6; } #Footer ul.menu li { float:left; margin-top:8px; padding: 0 18px 0 ; letter-spacing:-1px; background:url('http://image.ganhojob.co.kr/common/Footer_menu_line.gif') no-repeat left top; } #Footer ul.menu li.first { background:none; } #Footer ul.menu li a:hover { color:#e10033; } #Footer address { position:absolute; top:50px; left:200px; font-size:11px; word-spacing:-1px; line-height:1.4em; text-align:left; } #Footer address span { margin:0 10px; color:#ccc; } #Footer ul.faq { position:absolute; top:85px; left:200px; } #Footer ul.faq li { float:left; margin:0 15px 0 0; } #Footer div.familysite { position:absolute; top:120px; left:0px; width:900px; border-top:1px solid #e8e8e8; } #Footer div.familysite h2 { float:left; padding:5px 8px 0 0; } #Footer div.familysite li { float:left; margin:4px 8px 0 0; } #Footer p.copyright { position:absolute; top:0; right:0; padding:6px 0 0 0; text-align:center; color:#666; font:normal 11px tahoma; } #Footer p.copyright strong { color:#474747; font:bold 11px dotum; letter-spacing:-1px; } /****************************************************************************/ /* 서브 페이지용 _ 레이아웃 */ #sub_wrap { z-index:1; position:relative; margin:10px auto 0; width: 900px; } #sub_side { width:170px; float: left; } #sub_contents { position:relative; float: right; width: 720px; margin-bottom:10px;} /*#infodetail #sub_side { width:200px; float: left; } #infodetail #sub_contents { width:690px; float: right; }*/ /* 현재위치 */ #sub_contents p#directory { padding: 10px 0 5px 6px; color: #666666; } #sub_contents p#directory a { color: #666666; } #sub_contents p.navi_line { background: url(http://image.ganhojob.co.kr/common/bg_linedot.gif) repeat-x left bottom; margin-bottom: 9px; } #sub_contents p.navi_line a { color: #666666; } /*서브 배너*/ #sub_contents .subConBanner {padding:10px 0 5px 0;} /* 페이징 영역 */ #page_num { text-align: center; margin-top: 20px; } #page_num img { vertical-align: middle; margin-top: -2px; } #page_num a:link, #page_num a:visited { color: #494949; text-decoration: none; } #page_num a:active, #page_num a:hover { color: #ff4800; font-weight: bold; text-decoration: underline; } #page_num p, #page_num ul, #page_num ul li { display: inline; } #page_num ul { margin-right: 6px; } #page_num ul li { background: url(http://image.ganhojob.co.kr/common/line_page.gif) no-repeat left top; width: 24px; padding: 0 3px 0 7px !important; padding: 0 5px 0 5px; } #page_num ul li.first { background: none; } #page_num ul li strong { color: #ff4800; margin-left: 1px; } /* class영역 */ .total_num01 { color: #FF4500; font-size: 11px; font-family: "Tahoma"; } .total_num02 { color: #FF4500; font-size: 12px; font-family: "Tahoma"; } .input_text { border: 1px solid #b4b4b4; padding:2px 0 0 3px; height:16px; margin: 1px !important; margin: 0; } .input_file { padding: 3px 0 0 3px; height: 20px; } .input_radio { vertical-align: middle; width: 13px; height: 13px; margin-top: -2px; } .input_checkbox { vertical-align: middle; width: 13px; height: 13px; margin-top: -2px; } /* 하단 버튼 */ .btn_submit, .btn_submit_r, .btn_submit_l { margin: 20px 0 25px; } .btn_submit img, .btn_submit_r img, .btn_submit_l img { vertical-align: top; margin-right: 3px; } .btn_submit { text-align: center; } .btn_submit_r { float: right; } .btn_submit_l { float: left; } /* 탑버튼 */ #gotop { position: fixed; left: 50%; top: 420px; margin-left: 454px; } * html #gotop { /*IE6 only rule, applied on top of the default above*/ position: absolute; left: 50%; margin-left: 454px; top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+420+"px" : body.scrollTop+420+"px"); } /* 기타 */ #sub_contents h3 { font-weight:bold; letter-spacing:-1px; } /* 로그인 */ #LogBox { position:relative; width:170px; height:128px; background:url('http://image.ganhojob.co.kr/topMain/LogInSub_bg.gif') no-repeat left top; } #LogIn h2 { padding:10px 0 0 13px; height:21px; text-align:left; } #LogIn span.security { position:absolute; top:10px; right:15px; padding:0 0 0 11px; background:url('http://image.findjob.co.kr/MainConts/logIn_btn_lock.gif') no-repeat left top; } #LogIn span.security a { font-size:11px; color:#474747; letter-spacing:-1px; text-decoration:none; } #LogIn span.security a span { color:#e76a25; font-weight:bold; text-decoration:underline; } #LogIn p.logIn_greet { display: none; } #LogIn fieldset { position:relative; margin:13px 13px 0; } #LogIn fieldset p.login input.typeText { display:block; width:85px; height:16px; padding:3px 0 0 3px; margin:0 0 4px; border:1px solid #b4b4b4; } * html #LogIn fieldset p.login input.typeText { margin:0 0 2px; } *+html #LogIn fieldset p.login input.typeText { margin:0 0 2px; } #LogIn fieldset p.login input.typeBtn { position:absolute; top:25px; left:95px; } #LogIn fieldset p.save { position:absolute; top:2px; left:95px; width:60px; } #LogIn fieldset p.save label { font-size:11px; letter-spacing:-2px; } #LogIn fieldset p.save strong { font-size:12px; margin-right:1px; letter-spacing:0; } #LogIn fieldset p.save input.typeCheckbox { padding-top:2px; margin-top:-2px; } #LogIn p.menu { margin-top:7px; font-size: 11px; letter-spacing: -1px; word-spacing:-2px; text-align:center; } #LogIn p.menu a { color:#444; text-decoration:none; } #LogIn p.menu a.join { font-weight:bold; } #LogIn p.menu span{ padding:0 5px; } /* 로그아웃 display:none적용 */ #LogOut a:hover { text-decoration:underline; } #LogOut h2 { padding:8px 10px 0 12px; text-align:left; font-size:12px; letter-spacing:-1px; font-weight:normal; } #LogOut h2 strong { color:#000000; text-decoration:underline; } #LogOut h2 img { vertical-align:-4px; } #LogOut ul a { text-decoration:none; color:#474747; } #LogOut ul.myLink1 { position:absolute; top:43px; left:13px; letter-spacing:-1px; } #LogOut ul.myLink1 li { float:left; margin:0 8px 0 0; padding-left:4px;background:url('http://image.findjob.co.kr/MainConts/MainTop_bul_arrow.gif') no-repeat left 3px; } #LogOut ul.myLink1 li a { font-size:11px; letter-spacing:-1px; word-spacing:-1px; } #LogOut ul.myLink1 li.end { padding-right:2px;} #LogOut ul.myLink1 li span.txtStyle { font-weight:bold; color:#ff4800; font-size:11px; } #LogOut ul.myLink2 { position:absolute; top:62px; left:11px; height:26px; width:148px; background:#ffe0ea; border:1px solid #fac2d6; } #LogOut ul.myLink2 li { float:left; padding:8px 0 0 6px; background:url('http://image.findjob.co.kr/main/line_v_violet1.gif') no-repeat left 6px; } #LogOut ul.myLink2 li a { font:bold 11px dotum; color:#981b45; letter-spacing:-2px; word-spacing:-1px; } #LogOut ul.myLink2 li a span { font:normal 11px dotum; } #LogOut ul.myLink2 li.first { background:none; } #LogOut ul.myLink2 li.firstPerson { background:none; padding:8px 8px 0 12px ; } #LogOut ul.myLink2 li.lastPerson { padding:8px 8px 0 10px ; } #LogOut ul.myLink2 li.firstBiz { background:none; padding:8px 5px 0 5px ; } #LogOut ul.myLink2 li.lastBiz { padding:8px 0 0 5px ; } #LogOut p.myLink3 { position:absolute; top:103px; left:11px; } #LogOut p.myLink3 a { font:bold 11px dotum;color:#ff5c00; letter-spacing:-1px; word-spacing:-1px; } #LogOut p.btnLog { position:absolute; top:98px; right:10px; } #LogOut p.modify { position:absolute; top:11px; right:10px; color:#777777; font-size:11px; letter-spacing:-2px; } #LogOut p.modify a { text-decoration:none; color:#777777; } /* 로그인_아웃 채용상세용 */ /* #infodetail #LogBox { position:relative; width:200px; height:128px; background:url('http://image.ganhojob.co.kr/topMain/LogInDetail_bg.gif') no-repeat left top; } #infodetail #LogBox #LogIn fieldset p.login input.typeBtn { position:absolute; top:25px; left:120px; } #infodetail #LogBox #LogIn fieldset p.login input.typeText { display:block; width:110px; height:16px; padding:3px 0 0 3px; margin:0 0 4px; border:1px solid #b4b4b4; } #infodetail #LogBox #LogIn fieldset p.save { position:absolute; top:2px; left:115px; width:65px; } #infodetail #LogBox #LogOut ul.myLink2 { position:absolute; top:62px; left:11px; height:26px; width:178px; background:#ffe0ea; border:1px solid #fac2d6; text-align:center; } #infodetail #LogBox #LogOut ul.myLink2 li a { font:bold 12px dotum; color:#981b45; letter-spacing:-2px; word-spacing:-1px; } #infodetail #LogBox #LogOut ul.myLink2 li.firstPerson { background:none; padding:8px 15px 0 15px ; } #infodetail #LogBox #LogOut ul.myLink2 li.lastPerson { padding:8px 15px 0 15px ; } #infodetail #LogBox #LogOut ul.myLink2 li.firstBiz { background:none; padding:8px 10px 0 10px; } #infodetail #LogBox #LogOut ul.myLink2 li.lastBiz { padding:8px 0 0 10px ; } */ /* 작은 지도 보기 */ #map_simple { background: url(http://image.ganhojob.co.kr/popup/process/200710_ver1/bg_map_simple_box.gif) no-repeat left top; width: 278px; height: 171px; padding: 3px;} #map_simple ul { background: url(http://image.ganhojob.co.kr/popup/process/200710_ver1/bg_map_simple_btn.gif) repeat-x; width: 272px; height: 35px;} #map_simple ul li { display: inline; } #map_simple ul li img { margin: 7px 0 0 1px; } /*--------------------------- 검색 - 메인/서브 상단 부분 ---------------------------*/ #global_search { position: absolute; top: 5px; left: 235px; } #global_search .search_box { position: relative; } .search_box select { border: 1px solid #da989e; background-color: #ffffff; } .search_box .input_text_s { border: 1px solid #da989e; padding: 3px 0 0 3px; height: 20px; margin: 1px !important; margin: 0; width:260px; font-weight:bold; } #main_wrap #global_search { clear: both; position: static; } #main_wrap .search_box select { border: 1px solid #a99574; background-color: #ffffff; } #main_wrap .search_box .input_text_s { width: 260px; border: 1px solid #a99574; } /* 오늘 본 채용정보 */ #today_view_wrap { position: fixed; left: 50%; top: 177px; margin-left: 454px; } * html #today_view_wrap { /*IE6 only rule, applied on top of the default above*/ position: absolute; left: 50%; margin-left: 454px; top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+177+"px" : body.scrollTop+177+"px"); } /*----- 오늘본 채용정보(레이어) -----*/ #today_view_wrap { width: 48px; } #today_view { width: 44px; margin-left: 2px; } #today_view p { text-align: center; } #today_view_head { width: 44px; height: 71px; background: url(http://image.ganhojob.co.kr/common/bg_today_view_t.gif) no-repeat left top; } #today_view_head dl { padding-top: 8px; font-size: 11px; text-align: center; } #today_view_head dt { color: #ffffff; padding-bottom: 0 !important; padding-bottom: 2px; font-weight: bold; letter-spacing: -1px; } #today_view_head dt span { letter-spacing: -2px; } #today_view_head dd a { color: #ffffff; text-decoration: none; } #today_view_head dd a strong { color: #fcff00; text-decoration: underline; } #today_view_head p.btn_up { padding-top: 5px; } #today_view ul { width: 44px; padding: 3px 5px 0 5px; background: url(http://image.ganhojob.co.kr/common/bg_today_view.gif) repeat-y; } #today_view li { width: 34px; padding: 2px 0 3px 0 !important; padding: 0 0 3px 0; margin-bottom: 0 !important; margin-bottom: 3px; line-height: 13px; background: url(http://image.ganhojob.co.kr/common/bg_today_view_dot.gif) repeat-x left bottom; } #today_view ul li a { color: #474747; letter-spacing: -1px; font-size: 11px; } #today_view p.btn_down { width: 44px; height: 16px !important; height: 23px; padding-top: 7px; background: url(http://image.ganhojob.co.kr/common/bg_today_view_b.gif) no-repeat; } #today_view_wrap p.to_the_top { margin-top: 5px; } /*btn */ a.btnBg{display:inline-block;text-decoration:none !important;vertical-align:middle;white-space:nowrap;word-spacing:-1px;background:url('http://image.findjob.co.kr/person/person_bg_btn.gif') no-repeat 100% 0} a.btnBg span, a.btnBg strong{display:inline-block;background:url('http://image.findjob.co.kr/person/person_bg_btn.gif') no-repeat 0 0} a.btnBg strong em, a.btnBg span em{display:inline-block;background:url('http://image.findjob.co.kr/Person/bullet.gif') no-repeat;vertical-align:middle} a.St1{padding-right:2px;color:#474747;font-size:11px;letter-spacing:-1px;line-height:19px} a.St1 span, a.St1 strong{padding:2px 6px 0 8px;color:#474747} /*기업 이벤트 알림 팝업*/ #business #sub_contents {position:relative;} #business #sub_contents div.event_pop {position:absolute; top:180px; left:220px; width:300px; height:350px; background:url('http://image.ganhojob.com/event/201201_cups/popnew.jpg') no-repeat;} #business #sub_contents div.event_pop p {position:relative; width:300px; height:350px;} #business #sub_contents div.event_pop p a {display:block; position:absolute} #business #sub_contents div.event_pop p a span {display:none} #business #sub_contents div.event_pop p a.btn01 {top:3px; right:3px; width:30px; height:30px;} #business #sub_contents div.event_pop p a.btn02 {bottom:15px; left:85px;} /*개인 이벤트 알림 팝업*/ #person #career_reg_end_wrap .event_pop {position:absolute; top:117px; left:200px; width:300px; height:350px; background:url('http://image.ganhojob.com/event/201112_pouch/popnew.jpg') no-repeat;} #person #career_reg_end_wrap .event_pop p {position:relative; width:300px; height:350px;} #person #career_reg_end_wrap .event_pop p a {display:block; position:absolute} #person #career_reg_end_wrap .event_pop p a span {display:none} #person #career_reg_end_wrap .event_pop p a.btn01 {top:3px; right:3px; width:30px; height:30px;} #person #career_reg_end_wrap .event_pop p a.btn02 {bottom:15px; left:65px;}