@import url('edit_style.css'); @import url('one_sche_style.css'); *{margin:0; padding:0;} html{width:100%; height:100%} body{position:relative; font-size:14px; font-family:'맑은 고딕', malgun-gothic, dotum,"돋움",sans-serif; color:#666; -webkit-text-size-adjust:none; line-height:18px; letter-spacing:-1px; height:100%} body.main{background:none;} body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0} ul,ol,li{list-style:none} img, fieldset{border:none; vertical-align:top} legend, caption{display:block; text-indent: -9999px; overflow: hidden; font-size: 0;} textarea, button{vertical-align:middle} input, select{vertical-align:middle; background:#fff; border:1px solid #d7d7d7; font-family:'맑은 고딕', malgun-gothic, dotum,"돋움",sans-serif; color:#666; border-radius:0; font-size:14px} input,option{padding:3px 10px; height:22px;} select{padding:3px; height:30px;} textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #d7d7d7; font-family:'맑은 고딕', malgun-gothic, dotum,"돋움",sans-serif; color:#666; line-height:24px; font-size:14px} .checkbox{padding:0; border:0; height:auto;} .disNone{display:none} a{text-decoration:none; color:#666666; vertical-align:middle;} a:hover, a:focus, a:active{text-decoration:none;} table{border-collapse:collapse; width:100%;} input.type1{border:3px solid #29a3b6; padding:1px 8px;} input.type2{border:1px solid #29a3b6;} input.bgC{background:#f6f6f6} select.type1{border:3px solid #29a3b6; padding:2px; height:30px;} select.type2{border:1px solid #29a3b6;} textarea.type1{padding:10px; border:3px solid #29a3b6;} textarea.type2{border:1px solid #29a3b6;} .dayInput{width:128px; height:28px; float:left; border:1px solid #d7d7d7} .dayInput.taC{float:none; margin:auto;} p.bar{display:block; float:left; margin:0 6px;} .dayInput input{width:72px; height:20px; border:none} .dayInput input.type1{border:0px solid #d7d7d7; padding:3px 10px;} .dayInput input.type2{border:0px solid #d7d7d7; padding:3px 10px;} .dayInput a{display:inline-block; padding:5px 7px;} input.addFileInput{position:absolute; top:0; left:0; zoom: 1; filter: alpha(opacity=0); opacity: 0; cursor:pointer} ::selection{background: #1C8292; color: #fff;} ::-moz-selection{background: #1C8292; color: #fff;} /* 간격, 폰트 */ .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:40px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt65{margin-top:65px !important} /* 정렬 */ .taC{text-align:center !important} .taR{text-align:right !important} .taL{text-align:left !important} .pBox {position:relative; overflow:hidden; width:100% !important} .addBotBt{border-top:1px solid #ddd; padding-top:20px} /* 폰트컬러 */ .fc5{color:#555} .fc9e694a{color:#9e694a} .fc1c8292{color:#1c8292} .fc8461e{color:#c8461e} /* 버튼 */ .whtbtH30{display:inline-block; height:28px; padding:0 14px; border:1px solid #bdbdbd; background:url('../images/btn/whtbt30bg.gif') repeat-x 0 0; font-weight:bold; color:#333; line-height:28px;} .whtbtH30.tp2{border:1px solid #42919c; color:#42919c;} .whtbtH35{display:inline-block; height:33px; padding:0 20px; border:1px solid #bdbdbd; background:url('../images/btn/whtbt35bg.gif') repeat-x 0 0; font-weight:bold; color:#333; line-height:33px;} .whtbtH35.tp2{border:1px solid #42919c; color:#42919c;} .whtbtH40{display:inline-block; height:38px; padding:0 19px; border:1px solid #bdbdbd; background:#fdfdfd; font-weight:bold; color:#333; line-height:37px; font-size:14px;} .whtbtH45{display:inline-block; height:43px; padding:0 30px; border:1px solid #42919c; background:url('../images/btn/whtbt45bg.gif') repeat-x 0 0; font-weight:bold; color:#1c8292; line-height:42px; font-size:16px;} .whtbtH45.tp2{border:1px solid #bdbdbd; color:#333;} .grnbtH30{display:inline-block; height:28px; padding:0 14px; border:1px solid #198ea0; background:url('../images/btn/grnbt30bg.gif') repeat-x 0 0; font-weight:bold; color:#fff; line-height:28px;} .grnbtH35{display:inline-block; height:33px; padding:0 20px; border:1px solid #198ea0; background:url('../images/btn/grnbt35bg.gif') repeat-x 0 0; font-weight:bold; color:#fff; line-height:33px;} .grnbtH45{display:inline-block; height:43px; padding:0 30px; border:1px solid #198ea0; background:url('../images/btn/grnbt45bg.gif') repeat-x 0 0; font-weight:bold; color:#fff; line-height:42px; font-size:16px;} .grnbtH95{display:inline-block; height:93px; padding:0 30px; border:1px solid #198ea0; background:url('../images/btn/grnbt95bg.gif') repeat-x 0 0; color:#fff; line-height:93px; font-size:20px;} .grybtH30{display:inline-block; height:28px; padding:0 14px; border:1px solid #666; background:url('../images/btn/grybt30bg.gif') repeat-x 0 0; font-weight:bold; color:#fff; line-height:28px;} .grybtH30.type2{border:1px solid #abcdd4; background:#abcdd4; color:#1a7988;} .brwbtH30{display:inline-block; height:28px; padding:0 14px; border:1px solid #9c9188; background:#9c9188; font-weight:bold; color:#fff; line-height:25px;} .blkbtH45{display:inline-block; height:43px; padding:0 30px; border:1px solid #000; background:url('../images/btn/blkbt45bg.gif') repeat-x 0 0; font-weight:bold; color:#fff; line-height:42px; font-size:16px;} .blkbtH30{display:inline-block; height:28px; padding:0 14px; border:1px solid #000; background:url('../images/btn/blkbt30bg.gif') repeat-x 0 0; font-weight:bold; color:#fff; line-height:28px;} .whtbtH30.tp3{padding:0 19px;background:#fdfdfd;} #wrapper{position:relative; width:100%; min-width:1280px;} .clearB{clear:both} .hide{position:absolute; top:-9999px; left:-9999px; z-index:-1} /* 타이틀, 텍스트 타입 */ .titType1{padding-left:15px; background:url('../images/icon/tit_icon1.gif') no-repeat 0 5px; font-size:20px; color:#444; line-height:24px;} .titType1 span{padding-left:6px; font-size:14px; color:#1c8292; vertical-align:middle; line-height:19px;} .titType1 .inputAdd{display:inline-block; color:#666} .titType1 .inputAdd input{margin:0 4px 0 14px;} .titType2{padding-top:17px; background:url('../images/icon/txt_icon1.gif') no-repeat 0 0; font-size:28px; color:#444; line-height:30px;} .titType3{padding-top:12px; background:url('../images/icon/txt_icon1.gif') no-repeat 0 0; font-size:20px; color:#444; line-height:25px;} .titType4{padding-top:8px; background:url('https://recruit.ehyundai.com/images/icon/txt_icon2.gif') no-repeat 0 0; font-size:16px; color:#444; line-height:20px; font-weight:bold} .dotTxt{padding-left:10px; background:url('https://recruit.ehyundai.com/images/icon/dot3x3.gif') no-repeat 0 7px; color:#444} .dotTxt2{margin-left:15px; padding-left:10px; background:url('https://recruit.ehyundai.com/images/icon/dot3x3.gif') no-repeat 0 7px;} .normalBox{border:1px solid #dadada; padding:15px 19px 18px; line-height:24px;} /*header*/ .goBody{position:absolute; top:0px; z-index:2000; width:100%; background:#333; height:60px; border-bottom:1px solid #666; text-align:center; line-height:60px; color:#fff; font-weight:bold; font-size:18px;} /* 2015-11-02 스타일 추가 */ #header{position:relative; width:100%; border-bottom:3px solid #42909B; z-index:1000;} #header .headDiv{position:relative; width:1200px; margin:auto; padding:30px 0 0;} #header .headDiv h1{float:left; margin-right:22px; padding-top:10px} #header .headDiv h1 a{display:block;} #header .headDiv h1 img{width:146px;} #util{position:absolute; top:20px; right:0; font-size:12px; line-height:15px;} /* 2015-10-14 수정 */ #util a:hover{text-decoration:underline} #util .srchBt img{display:inline-block; margin-top:2px;} #util span{color:#909090; padding:0 0 0 12px;} #util a{padding:0 0 0 12px;} #util .srchArea{display:none; position:absolute; top:-4px; left:-109px; width:123px; height:26px; padding:0 0 0 5px; border:1px solid #dfdfdf; background:#fff; overflow:hidden} #util .srchArea input{width:98px; height:26px; border:none; padding:0; float:left} #util .srchArea a{display:block; padding:5px 5px 7px; float:left} #gnb{position:relative; width:670px; float:left;; z-index:100;}/* 2015-10-26 수정 */ #gnb li{position:relative; float:left; margin:0 45px 0 30px; text-align:center}/* 2015-10-26 수정 */ #gnb .oneD{display:block; position:relative; padding:22px 0 44px} #gnb .oneD img{height:16px;} #gnb .oneD.on{background:url('https://recruit.ehyundai.com/images/icon/gnb_bg.gif') no-repeat center 0;} #gnb .twoD{position:absolute; top:; left:; width:115px; display:none}/* 2017-08-16 수정 */ #gnb .twoD.two{width:113px;} #gnb .twoD.thr{width:135px;} #gnb .twoD a{display:block; padding-left:10px; margin-bottom:15px; background:url('https://recruit.ehyundai.com/images/icon/gnb_twoicon.png') no-repeat 0 6px; background-size:6px 6px; color:#555; text-align:left} #gnb .twoD a:first-child{margin-top:16px;} #gnb .twoD a:hover{font-weight:bold; color:#1c8292; text-decoration:underline} #gnbTwo{position:absolute; top:114px; left:0; width:100%; height:237px; border-bottom:3px solid #42909b; display:none}/* 2017-08-16 수정 */ #gnbTwo .twoBg{width:100%; height:237px; margin:auto; overflow:hidden; background:url('https://recruit.ehyundai.com/images/icon/gnbBg.gif') repeat-x;} #gnbTwo .twoBg .twoImg{width:1260px; height:237px; margin:0 auto; position:relative;} #gnbTwo .twoBg .twoImg img{position:absolute; height:230px; bottom:0px; right:0px; opacity:0} #header .siteMap{position:absolute; bottom:0; right:0;} #sitemapBody{display:none; position:absolute; top:114px; left:0; width:100%; background:#42909b; z-index:1500;} #sitemapBody .sitemapDiv{position:relative; width:1200px; margin:auto; padding:30px 0;} #sitemapBody .sitemapDiv dl{width:125px; height:210px; padding:10px 15px 10px 30px; float:left; border-left:1px solid #337e8c} #sitemapBody .sitemapDiv dl.fir{border-left:0px solid #337e8c} #sitemapBody .sitemapDiv dt{margin-bottom:15px;} #sitemapBody .sitemapDiv dd{margin-bottom:10px;} #sitemapBody .sitemapDiv dd a{color:#fff} #sitemapBody .sitemapDiv dd a:hover{font-weight:bold; text-decoration:underline} #sitemapBody .siteMapOn{display:none; position:absolute; top:-56px; right:0;} .snsBts{margin-bottom:20px; text-align:right} .snsBts a{margin-left:3px} /* main */ .renewalBody{height:100%; background:url('https://recruit.ehyundai.com/images/icon/renewalBg.jpg') center top no-repeat #e2e2e2; text-align:center;} .renewalBody h1{min-width:617px;} .renewalBody h1 a{background:url('../images/logo.png') no-repeat; width:162px; height:58px; text-indent:-9999px; overflow:hidden; display:inline-block; background-size:162px; margin-top:50px;} .renewalBody p{min-width:617px;} .mPopBan{position:relative; width:100%; height:130px; overflow:hidden; background:#d0edf3} /*2018.02.21 김종근 수정 - 채용메인 팝업 백그라운드 색깔 조정/2019.02.22 김종근 수정 - 메인 백그라운드 색 수정*/ .mPopBan .mPopCon{display:block; width:100%; height:130px; position:absolute; top:130px; left:0; text-align:center} .mPopBan .mPopBt{position:absolute; top:40px; right:40px;} .mPopBan .closeDay{position:absolute; bottom:20px; right:40px; color:#fff} #header.main{position:absolute; top:0; left:0; width:100%; border-bottom:0px solid #ddd; z-index:1000;} #header.main .headDiv{position:relative; width:1200px; margin:auto; padding:30px 30px 0;} #header.main .headDiv h1{float:left; margin-right:22px; padding-top:10px} #header.main .headDiv h1 a{display:block;} #header.main .headDiv h1 img{width:146px;} #header.main .siteMap{display:none} #header.main .headDiv .srchBt{display:none} #header.main .headDiv .srchArea span:next(){display:none} .mainVisual{position:relative; width:100%; height:910px; margin:auto; overflow:hidden} .mainVisual .rollDiv{position:absolute; top:0; left:0; width:100%; height:910px; background:url('https://recruit.ehyundai.com/images/icon/main_v1.jpg') no-repeat center 0;} .mainVisual .rollDiv.one{background:url('https://recruit.ehyundai.com/images/icon/main_v1_b.jpg') no-repeat center 0;} .mainVisual .rollDiv.two{background:url('https://recruit.ehyundai.com/images/icon/main_v2_b.jpg') no-repeat center 0;} .mainVisual .rollDiv.thr{background:url('https://recruit.ehyundai.com/images/icon/main_v3_b.jpg') no-repeat center 0;} .mainVisual .rollDiv.fou{background:url('https://recruit.ehyundai.com/images/icon/main_v4_b.jpg') no-repeat center 0;} .mainVisual .rollDiv .unit{position:relative; width:1200px; height:; margin:auto; padding:175px 0 0;} .mainVisual .rollDiv .unit p{margin-bottom:35px} .mainVisual .rollDiv .unit a{position:relative; z-index:500} .mainRollBt{position:absolute; bottom:70px; left:0; z-index:500} .mainRollBt .play{display:none} /* 2017-08-14 수정 */ #cBody.main{padding-top:138px; height:713px;} #cBody.main .mainCon{width:520px; float:right; height:548px; overflow-y:scroll; position:relative}/* 2017-09-15 수정 */ #cBody.main .mainCon .unitDiv{position:absolute; left:0} #cBody.main .mainCon .unit{display:block; width:201px; height:47px; float:left; padding:20px; margin-left:9px; background:url('https://recruit.ehyundai.com/images/icon/main_con_bg.png') no-repeat 0 0; font-size:13px;} #cBody.main .mainCon .unit .txt{padding:5px 0 5px 55px; font-size:13px; color:#555} #cBody.main .mainCon .unit.rec .txt{font-size:14px; color:#333} #cBody.main .mainCon .unit .txt strong{color:#42909b;} #cBody.main .mainCon .unit .txt a{display:inline-block; width:65px;} #cBody.main .mainCon .unit .txt a:hover{text-decoration:underline} #cBody.main .mainCon .unit.one .txt{background:url('https://recruit.ehyundai.com/images/icon/main_con_icon1.png') no-repeat 0 0;} #cBody.main .mainCon .unit.two .txt{background:url('https://recruit.ehyundai.com/images/icon/main_con_icon2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thr .txt{background:url('https://recruit.ehyundai.com/images/icon/main_con_icon3.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou .txt{background:url('https://recruit.ehyundai.com/images/icon/main_con_icon4.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fiv .txt{background:url('https://recruit.ehyundai.com/images/icon/main_con_icon5.png') no-repeat 0 0;} #cBody.main .mainCon .unit.six .txt{background:url('https://recruit.ehyundai.com/images/icon/main_con_icon6.png') no-repeat 0 0;} #cBody.main .mainCon .unit.sev .txt{background:url('../images/icon/main_con_icon7.png') no-repeat 0 0;} #cBody.main .mainCon .unit.eig .txt{background:url('../images/icon/main_con_icon8.png') no-repeat 0 0;} #cBody.main .mainCon .unit.nin .txt{background:url('../images/icon/main_con_icon9.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ten .txt{background:url('../images/icon/main_con_icon10.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ele .txt{background:url('../images/icon/main_con_icon11.png') no-repeat 0 0;} #cBody.main .mainCon .unit.twe .txt{background:url('../images/icon/main_con_icon12.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thi .txt{background:url('../images/icon/main_con_icon13.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou2 .txt{background:url('../images/icon/main_con_icon14.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fift .txt{background:url('../images/icon/main_con_icon15.png') no-repeat 0 0;} /*2018.07.27 김종근 추가 - 현대IT&E 메인화면 */ #cBody.main .mainCon .unit.sixt .txt{background:url('../images/icon/main_con_icon16.png') no-repeat 0 0;} /*2019.08.01 김종근 추가 - 현대L&C 메인화면 */ #cBody.main .mainCon .unit.sevt .txt{background:url('../images/icon/main_con_icon17.png') no-repeat 0 0;} /*2021.07.01 한진우 추가 - 현대이지웰 메인화면*/ #cBody.main .mainCon .unit.eight .txt{background:url('../images/icon/main_con_icon18.png') no-repeat 0 0;} /*2021.07.07 한진우 추가 - 현대바이오랜드 메인화면*/ #cBody.main .mainCon .unit.one.rec .txt{background:url('../images/icon/main_con_icon1_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.two.rec .txt{background:url('../images/icon/main_con_icon2_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thr.rec .txt{background:url('../images/icon/main_con_icon3_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou.rec .txt{background:url('../images/icon/main_con_icon4_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fiv.rec .txt{background:url('../images/icon/main_con_icon5_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.six.rec .txt{background:url('../images/icon/main_con_icon6_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.sev.rec .txt{background:url('../images/icon/main_con_icon7_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.eig.rec .txt{background:url('../images/icon/main_con_icon8_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.nin.rec .txt{background:url('../images/icon/main_con_icon9_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ten.rec .txt{background:url('../images/icon/main_con_icon10_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ele.rec .txt{background:url('../images/icon/main_con_icon11_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.twe.rec .txt{background:url('../images/icon/main_con_icon12_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thi.rec .txt{background:url('../images/icon/main_con_icon13_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou2.rec .txt{background:url('../images/icon/main_con_icon14_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fift.rec .txt{background:url('../images/icon/main_con_icon15_on.png') no-repeat 0 0;} /*2018.07.27 김종근 추가 - 현대IT&E 메인화면 */ #cBody.main .mainCon .unit.sixt.rec .txt{background:url('../images/icon/main_con_icon16_on.png') no-repeat 0 0;} /*2019.08.01 김종근 추가 - 현대L&C 메인화면 */ #cBody.main .mainCon .unit.sevt.rec .txt{background:url('../images/icon/main_con_icon17_on.png') no-repeat 0 0;} /*2021.07.01 한진우 추가 - 현대이지웰 메인화면 */ #cBody.main .mainCon .unit.eight.rec .txt{background:url('../images/icon/main_con_icon18_on.png') no-repeat 0 0;} /*2021.07.07 한진우 추가 - 현대바이오랜드 메인화면 */ #cBody.main .mainCon .unit:hover{background:url('../images/icon/main_con_bg_on.png') no-repeat 0 0;} #cBody.main .mainCon .unit:hover .txt{color:#fff} #cBody.main .mainCon .unit.rec:hover .txt{color:#fff} #cBody.main .mainCon .unit:hover .txt a{color:#fff;} #cBody.main .mainCon .unit:hover .txt strong{color:#fff;} #cBody.main .mainCon .unit.one:hover .txt{background:url('../images/icon/main_con_icon1_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.two:hover .txt{background:url('../images/icon/main_con_icon2_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thr:hover .txt{background:url('../images/icon/main_con_icon3_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou:hover .txt{background:url('../images/icon/main_con_icon4_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fiv:hover .txt{background:url('../images/icon/main_con_icon5_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.six:hover .txt{background:url('../images/icon/main_con_icon6_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.sev:hover .txt{background:url('../images/icon/main_con_icon7_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.eig:hover .txt{background:url('../images/icon/main_con_icon8_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.nin:hover .txt{background:url('../images/icon/main_con_icon9_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ten:hover .txt{background:url('../images/icon/main_con_icon10_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ele:hover .txt{background:url('../images/icon/main_con_icon11_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.twe:hover .txt{background:url('../images/icon/main_con_icon12_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thi:hover .txt{background:url('../images/icon/main_con_icon13_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou2:hover .txt{background:url('../images/icon/main_con_icon14_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fift:hover .txt{background:url('../images/icon/main_con_icon15_on2.png') no-repeat 0 0;} /*2018.07.27 김종근 추가 - 현대IT&E 메인화면 */ #cBody.main .mainCon .unit.sixt:hover .txt{background:url('../images/icon/main_con_icon16_on2.png') no-repeat 0 0;} /*2019.08.01 김종근 추가 - 현대L&C 메인화면 */ #cBody.main .mainCon .unit.sevt:hover .txt{background:url('../images/icon/main_con_icon17_on2.png') no-repeat 0 0;} /*2021.07.01 한진우 추가 - 현대이지웰 메인화면 */ #cBody.main .mainCon .unit.eight:hover .txt{background:url('../images/icon/main_con_icon18_on2.png') no-repeat 0 0;} /*2021.07.07 한진우 추가 - 현대바이오랜드 메인화면 */ #cBody.main .mainCon .unit.one.rec:hover .txt{background:url('../images/icon/main_con_icon1_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.two.rec:hover .txt{background:url('../images/icon/main_con_icon2_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thr.rec:hover .txt{background:url('../images/icon/main_con_icon3_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou.rec:hover .txt{background:url('../images/icon/main_con_icon4_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fiv.rec:hover .txt{background:url('../images/icon/main_con_icon5_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.six.rec:hover .txt{background:url('../images/icon/main_con_icon6_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.sev.rec:hover .txt{background:url('../images/icon/main_con_icon7_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.eig.rec:hover .txt{background:url('../images/icon/main_con_icon8_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.nin.rec:hover .txt{background:url('../images/icon/main_con_icon9_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ten.rec:hover .txt{background:url('../images/icon/main_con_icon10_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.ele.rec:hover .txt{background:url('../images/icon/main_con_icon11_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.twe.rec:hover .txt{background:url('../images/icon/main_con_icon12_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.thi.rec:hover .txt{background:url('../images/icon/main_con_icon13_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fou2.rec:hover .txt{background:url('../images/icon/main_con_icon14_on2.png') no-repeat 0 0;} #cBody.main .mainCon .unit.fift.rec:hover .txt{background:url('../images/icon/main_con_icon15_on2.png') no-repeat 0 0;} /*2018.07.27 김종근 추가 - 현대IT&E 메인화면 */ #cBody.main .mainCon .unit.sixt.rec:hover .txt{background:url('../images/icon/main_con_icon16_on2.png') no-repeat 0 0;} /*2019.08.01 김종근 추가 - 현대L&C 메인화면 */ #cBody.main .mainCon .unit.sevt.rec:hover .txt{background:url('../images/icon/main_con_icon17_on2.png') no-repeat 0 0;} /*2021.07.01 한진우 추가 - 현대이지웰 메인화면 */ #cBody.main .mainCon .unit.eight.rec:hover .txt{background:url('../images/icon/main_con_icon18_on2.png') no-repeat 0 0;} /*2021.07.07 한진우 추가 - 현대바이오랜드 메인화면 */ /* //2017-08-14 수정 */ /* 2017-09-26 추가 */ #cBody.main .mainConBtn{position:absolute; top:600px; right:23px; width:30px; height:9px; background:url('../images/icon/play_stop_bar.gif') no-repeat center center; overflow:hidden} #cBody.main .mainConBtn .playBtn{float:left; display:block; height:9px} #cBody.main .mainConBtn .stopBtn{float:right; display:block; height:9px} /* //2017-09-26 추가 */ #cBody.main .mainCon span{display:block} .mTotalRec{display:inline-block; width:115px; height:15px; overflow:hidden; background:url('../images/btn/main_con_bt.png') no-repeat 0 0; text-indent:9999px;} .mNewRec{display:inline-block; width:36px; height:15px; overflow:hidden; background:url('../images/btn/main_con_bt_n.png') no-repeat 0 0; text-indent:9999px;} .mCareerRec{display:inline-block; width:36px; height:15px; overflow:hidden; background:url('../images/btn/main_con_bt_c.png') no-repeat 0 0; text-indent:9999px;} .maincon2{position:relative; width:100%; height:59px; background:url('../images/icon/main_con2_bg.png') repeat-x 0 0; z-index:150;} .maincon2 .bottom{width:1200px; height:59px; margin:auto; overflow:hidden} .maincon2 .bottom .mNoti{position:relative; width:710px; overflow:hidden; border-right:1px solid #a39f9e; float:left;} .maincon2 .bottom .mNoti .tit{display:block; width:110px; float:left; padding:15px 0; background:url('../images/btn/main_noti_bt.png') no-repeat 0 15px; text-indent:-9999px} .maincon2 .bottom .mNoti .mNotiDiv{position:relative; width:490px; height:59px; overflow:hidden; float:left} .maincon2 .bottom .mNoti .mNotiDiv a{display:block; position:absolute; top:0; left:0; height:23px; padding:18px 20px; color:#fff; overflow:hidden} .maincon2 .bottom .mNoti .mNotiDiv a span{margin-right:16px;} .maincon2 .bottom .mNoti .btDiv{width:70px; float:left; text-align:center; padding:14px 0;} .maincon2 .bottom .mNoti .btDiv a{display:block;} .maincon2 .bottom .mNoti .morebt{position:absolute; top:21px; left:97px;} .maincon2 .bottom .mUtil{width:449px; overflow:hidden; padding:20px 0 0 40px; float:left} .maincon2 .bottom .mUtil span{font-size:9px; vertical-align:top; color:#989898; margin:0 26px;} .intro3Tal{line-height:24px;} .intro3Tal ul{overflow:hidden} .intro3Tal li{width:50%; float:left; text-align:center; padding-top:310px; margin-bottom:25px;} .intro3Tal li .tit{padding-top:17px; font-size:20px; font-weight:bold; color:#1c8292; background:url('../images/icon/line33x2.gif') no-repeat center 0;} .intro3Tal li .txt1{font-size:15px; font-weight:bold; color:#444; margin-top:10px;} .intro3Tal li .txt2{font-size:13px; line-height:20px; margin-top:15px;} .intro3Tal li.one{background:url('../images/icon/intro3_tal_img1.png') no-repeat center 0;} .intro3Tal li.two{background:url('../images/icon/intro3_tal_img2.png') no-repeat center 0;} .intro3Tal li.thr{background:url('../images/icon/intro3_tal_img3.png') no-repeat center 0;} .intro3Tal li.fou{background:url('../images/icon/intro3_tal_img4.png') no-repeat center 0;} /* tab */ .tab1{position:relative; width:100%; height:50px; background:url('../images/icon/tab1_bg.gif') repeat-x 0 bottom; overflow:hidden} .tab1 a{position:relative; display:block; float:left; height:48px; margin-right:2px; border-bottom:2px solid #42909b; overflow:hidden} .tab1 a span{display:block; height:16px; padding:13px 30px 18px; font-size:16px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-radius:5px 5px 0 0; background:#f6f6f6;} .tab1 a.on{border-bottom:0px solid #fff; border-top:2px solid #42909b; border-left:2px solid #42909b; border-right:2px solid #42909b; border-radius:5px 5px 0 0;} .tab1 a.on span{padding:13px 29px 17px; border-bottom:2px solid #fff; border-top:0px solid #42909b; border-left:0px solid #42909b; border-right:0px solid #42909b; background:#fff; color:#42909b; font-weight:bold} /* 2015-10-15추가 */ .tab1.add a span{display:block; height:21px; padding:8px 30px 18px; font-size:16px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-radius:5px 5px 0 0; background:#f6f6f6;} .tab1.add a span.type1{display:block; height:auto; padding:0; font-size:13px; border-top:0px solid #c8c8c8; border-left:0px solid #c8c8c8; border-right:0px solid #c8c8c8; border-radius:0; background:#f6f6f6;} .tab1.add a.on span{padding:8px 29px 17px; border-bottom:2px solid #fff; border-top:0px solid #42909b; border-left:0px solid #42909b; border-right:0px solid #42909b; background:#fff; color:#42909b; font-weight:bold} .tab1.add a.on span.type1{padding:0; border-bottom:0px solid #fff; background:#fff; color:#42909b; font-weight:bold} /* 2015-10-15추가 */ .tab2{overflow:hidden} .tab2 a{display:block; float:left; padding:0 10px; line-height:18px; background:url('../images/icon/bar1x13.gif') no-repeat right 4px;} .tab2 a.on{font-weight:bold; color:#42909b} .tab2 a.on span{padding-right:17px; background:url('../images/icon/tab2_icon.gif') no-repeat right 9px;} .tab3{overflow:hidden} .tab3 a{display:block; width:187px; height:20px; float:left; padding:16px 0 24px; margin-right:6px; background:url('../images/icon/tab3.gif') no-repeat center 0; font-size:17px; color:#1c8292; text-align:center;} .tab3 a.on{background:url('../images/icon/tab3_on.gif') no-repeat center 0; color:#fff; font-weight:bold} .tab4Div{position:relative;} .tab4Div > p{height:7px;} .tab4{width:910px; padding:27px 25px 5px; background:url('../images/icon/tab4_bg.gif') repeat-y 0 0; overflow:hidden} .tab4 a{display:block; width:135px; float:left; margin-bottom:20px; padding-left:16px; background:url('../images/icon/tab4.gif') no-repeat 0 5px; color:#666;} .tab4 a.on{background:url('../images/icon/tab4_on.gif') no-repeat 0 5px; color:#42909b; font-weight:bold; text-decoration:underline} .tab4 a:hover{background:url('../images/icon/tab4_on.gif') no-repeat 0 5px; color:#42909b; font-weight:bold; text-decoration:underline} .roleTab{width:910px; padding:27px 25px 5px; background:url('../images/icon/tab4_bg.gif') repeat-y 0 0; overflow:hidden;} .roleTab > a{display:block; width:135px; float:left; margin-bottom:20px; padding-left:16px; background:url('../images/icon/tab4.gif') no-repeat 0 5px; color:#666;} .roleTab > a.on{background:url('../images/icon/tab4_on.gif') no-repeat 0 5px; color:#42909b; font-weight:bold; text-decoration:underline} .roleTab > a:hover{background:url('../images/icon/tab4_on.gif') no-repeat 0 5px; color:#42909b; font-weight:bold; text-decoration:underline} .tab5{background:#2396ab; overflow:hidden} .tab5 a{display:block; float:left; padding:14px 10px 18px; color:#fff}/*2020.11.30 한진우 수정 - 퓨처넷 직무 추가로 인한 크기 조절*/ .tab5 a.on{font-weight:bold; text-decoration:underline; background:url('../images/icon/tab5_on.gif') no-repeat center bottom;} .tab5 a:hover{font-weight:bold; text-decoration:underline; background:url('../images/icon/tab5_on.gif') no-repeat center bottom;} .tab6Div .tab5{width:754px; float:left} .tab6Div .tab6{position:relative; width:206px; height:50px; float:left; background:url('../images/icon/tab6bg.gif') no-repeat 0 0;} .tab6Div .tab6 .titBt{display:block; padding:13px 0 17px 30px; font-size:16px; font-weight:bold; color:#fff} .tab6Div .tab6 .tabSub{display:none; position:absolute; top:53px; left:0; width:124px; padding:15px 30px 7px; background:#ecf1f2; z-index:500} .tab6Div .tab6 .tabSub a{display:block; font-size:13px; margin-bottom:12px} .tab6Div .tab6 .tabSub a:hover{text-decoration:underline} .popTab{position:relative; top:1px; width:100%; overflow:hidden; z-index:100} .popTab a{position:relative; display:block; float:left; width:170px; height:23px; padding:10px 0 10px; text-align:center; border:1px solid #d7d7d7; background:#ecf1f2; overflow:hidden; font-size:16px; color:#555; z-index:100} .popTab a.on{border-bottom:1px solid #fbfbfb; background:#fbfbfb; overflow:hidden; font-weight:bold; color:#1c8292} .welTab{text-align:center} .welTab a{display:inline-block; margin:0 3px;} .welfareDiv{position:relative; width:960px; height:73px; padding:362px 0 0; margin-bottom:30px; overflow:hidden; text-align:center} .welfareDiv .welRoll{position:absolute; top:0; left:0; width:960px; height:435px; overflow:hidden} .welfareDiv .welRoll .txtDiv{position:absolute; top:50px; right:0; width:384px; height:165px; padding:40px 30px; background:url('../images/icon/welfare_txtbg.png') no-repeat 0 0; overflow:hidden; text-align:left} .welfareDiv .welRoll .txtDiv .tit{width:153px; float:left; font-size:34px; color:#222; line-height:40px;} .welfareDiv .welRoll .txtDiv .txt{width:219px; float:left; line-height:23px;} .welfareDiv .welRbt{position:relative; display:inline-block; margin:0 1px; z-index:100;} .welfareDiv .btPack{position:absolute; bottom:0; left:0; width:960px; height:73px; padding:17px 0 0; overflow:hidden; text-align:center; background:url('../images/icon/welfare_btbg.png') no-repeat 0 0;} .welfareDiv .btPack .controll{position:absolute; top:36px; right:20px;} .welfareDiv .btPack .controll a{display:inline-block; padding:0 10px; width:11px;} /* sub */ #cBody{position:relative; width:1200px; margin:auto; overflow:hidden; z-index:10;} #lnb{width:195px; float:left; border-right:1px solid #ddd;} #lnb h2{margin-top:45px; color:#387780; font-size:30px; font-weight:normal; line-height:30px;} #lnb .nav{margin-top:27px;} #lnb .nav a{display:block; padding:5px 0 5px 7px; background:url('../images/icon/lnbbg.gif') no-repeat 0 16px; font-size:15px; color:#555; line-height:25px;} #lnb .nav a.on{background:url('../images/icon/lnbbg_on.gif') no-repeat 0 16px #42909b; font-weight:bold; color:#fff} #lnb .nav a:hover{background:url('../images/icon/lnbbg_on.gif') no-repeat 0 16px #42909b; font-weight:bold; color:#fff} #lnb .nav a span{display:inline-block; padding:0 15px 0 13px;} #lnb .twoD{padding:17px 20px 15px; margin-bottom:13px; background:url('../images/icon/lnb_twobg.gif') no-repeat 0 0 #f4f4f4} #lnb .twoD a{padding:5px 0 0 10px; background:url('https://recruit.ehyundai.com/images/icon/dot3x3.gif') no-repeat 0 16px; font-size:13px; color:#555; line-height:25px;} #lnb .twoD a.on{background:url('../images/icon/lnbbg2.gif') no-repeat 0 16px; color:#555;} #lnb .twoD a:hover{background:url('../images/icon/lnbbg2.gif') no-repeat 0 16px; color:#555;} .subVisual{position:relative; width:100%; height:200px;} .subVisual.tp1{background:url('../images/icon/rcrtlist_subv_img.jpg') no-repeat right 0;}/* 2017-08-11 수정 */ .subVisual.tp2{background:url('../images/icon/rcrt1prc1_subv_img.jpg') no-repeat right 0;} .subVisual.tp3{height:370px; background:url('../images/icon/vision_subv_img.jpg') no-repeat right 0;} .subVisual.tp4{height:370px; background:url('../images/icon/culture_img.jpg') no-repeat right 0;} .subVisual.tp5{height:370px; background:url('../images/icon/ethics_subvimg.jpg') no-repeat right 0;} .subVisual .txt{position:absolute; top:20px; left:0;} .subVisual.tp3 .txt{position:absolute; top:0; left:0;} .subVisual.tp4 .txt{position:absolute; top:0; left:0;} .subVisual.tp5 .txt{position:absolute; top:0; left:0;} .container{position:relative; width:960px; float:right;} .container.wide{width:1200px;} .container.wide2{width:1200px; margin-top:60px;} .subCon{position:relative; min-height:560px; padding:40px 0 110px;}/* 2017-08-04 수정 */ .subCon h3{color:#444; font-size:40px; font-weight:normal; line-height:40px;; font-weight:bold; margin-bottom:39px;} .subCon .path{position:absolute; top:55px; right:0; font-size:13px; color:#757575} .subCon .path span{padding:0 3px;} .subCon .path strong{color:#333;} .subCon .path img{vertical-align:middle} .applProc{width:1200px; height:70px; overflow:hidden} .applProc.one{background:url('../images/icon/apply_pro_bg1.gif') no-repeat 0 0;} .applProc.two{background:url('../images/icon/apply_pro_bg2.gif') no-repeat 0 0;} .applProc.thr{background:url('../images/icon/apply_pro_bg3.gif') no-repeat 0 0;} .applProc.fou{background:url('../images/icon/apply_pro_bg4.gif') no-repeat 0 0;} .applProc.fiv{background:url('../images/icon/apply_pro_bg5.gif') no-repeat 0 0;} .applProc a{position:relative; display:block; width:240px; height:37px; padding:17px 0 16px; float:left; text-align:center; overflow:hidden; font-size:16px; color:#5e7276; font-weight:bold; line-height:33px;} .applProc a .icon{display:inline-block; padding:0 0 5px 47px;} .applProc a.on .icon{text-decoration:underline; color:#fff} .applProc a:hover .icon{text-decoration:underline;} .applProc a .blind{position:absolute; top:-9999px; left:-9999px;} .applProc a.fir{width:220px;} .applProc a.fir .icon{background:url('../images/icon/apply_pro_icon1.png') no-repeat 0 0;} .applProc a.sec .icon{background:url('../images/icon/apply_pro_icon2.png') no-repeat 0 0;} .applProc a.thi .icon{background:url('../images/icon/apply_pro_icon3.png') no-repeat 0 0;} .applProc a.for .icon{background:url('../images/icon/apply_pro_icon4.png') no-repeat 0 0;} .applProc a.fif .icon{background:url('../images/icon/apply_pro_icon5.png') no-repeat 0 0;} .applProc a.end .icon{background:url('../images/icon/apply_pro_icon6.png') no-repeat 0 0;} .applProc a.fif{width:260px;} .applProc p{position:relative; display:block; width:240px; height:37px; padding:17px 0 16px; float:left; text-align:center; overflow:hidden; font-size:16px; color:#5e7276; font-weight:bold; line-height:33px;} .applProc p .icon{display:inline-block; padding:0 0 5px 47px;} .applProc p.on .icon{text-decoration:underline; color:#fff} .applProc p .blind{position:absolute; top:-9999px; left:-9999px;} .applProc p.fir{width:220px;} .applProc p.fir .icon{background:url('../images/icon/apply_pro_icon1.png') no-repeat 0 0;} .applProc p.sec .icon{background:url('../images/icon/apply_pro_icon2.png') no-repeat 0 0;} .applProc p.thi .icon{background:url('../images/icon/apply_pro_icon3.png') no-repeat 0 0;} .applProc p.for .icon{background:url('../images/icon/apply_pro_icon4.png') no-repeat 0 0;} .applProc p.fif .icon{background:url('../images/icon/apply_pro_icon5.png') no-repeat 0 0;} .applProc p.end .icon{background:url('../images/icon/apply_pro_icon6.png') no-repeat 0 0;} .applProc p.fif{width:260px;} .applProc.type2.one{background:url('../images/icon/apply_proc_bg1.gif') no-repeat 0 0;} .applProc.type2.two{background:url('../images/icon/apply_proc_bg2.gif') no-repeat 0 0;} .applProc.type2.thr{background:url('../images/icon/apply_proc_bg3.gif') no-repeat 0 0;} .applProc.type2.fou{background:url('../images/icon/apply_proc_bg4.gif') no-repeat 0 0;} .applProc.type2 a.sec .icon{background:url('../images/icon/apply_pro_icon7.png') no-repeat 0 0;} .applProc.type2 a.thi .icon{background:url('../images/icon/apply_pro_icon8.png') no-repeat 0 0;} .applProc.type2 a{width:300px;} .applProc.type2 a.fir{width:280px;} .applProc.type2 a.end{width:320px;} .applProc.type2 p.sec .icon{background:url('../images/icon/apply_pro_icon7.png') no-repeat 0 0;} .applProc.type2 p.thi .icon{background:url('../images/icon/apply_pro_icon8.png') no-repeat 0 0;} .applProc.type2 p{width:300px;} .applProc.type2 p.fir{width:280px;} .applProc.type2 p.end{width:320px;} .applProc.type3.one{background:url('https://recruit.ehyundai.com/images/icon/apply_pror_bg1.gif') no-repeat 0 0;} .applProc.type3.two{background:url('https://recruit.ehyundai.com/images/icon/apply_pror_bg2.gif') no-repeat 0 0;} .applProc.type3.thr{background:url('https://recruit.ehyundai.com/images/icon/apply_pror_bg3.gif') no-repeat 0 0;} .applProc.type3 a.sec .icon{background:url('https://recruit.ehyundai.com/images/icon/apply_pro_icon9.png') no-repeat 0 0;} .applProc.type3 a{width:400px;} .applProc.type3 p.sec .icon{background:url('https://recruit.ehyundai.com/images/icon/apply_pro_icon9.png') no-repeat 0 0;} .applProc.type3 p{width:400px;} .listSrchBox{padding:10px 0; text-align:center; border:1px solid #d6dfe1; background:#ecf1f2} .listSrchBox select{width:68px;} .listSrchBox input{width:318px;} .listSrchBox strong{color:#333; margin:0 6px 0 0;} .listSrchBox2{padding:20px 30px 20px; border:1px solid #d6dfe1; background:#ecf1f2; overflow:hidden; line-height:24px;} .listSrchBox2 select{margin-right:1px;} .listSrchBox2 strong{color:#333; margin:0 6px 0 45px;} .listSrchBox2 a{float:right;} .listSrchBox3{width:960px; height:60px; padding:84px 0 88px; background:url('https://recruit.ehyundai.com/images/icon/new_srch_listbg.jpg') no-repeat center 0;} .listSrchBox3.faq{background:url('https://recruit.ehyundai.com/images/icon/new_srch_listbg2.jpg') no-repeat center 0;} .listSrchBox3 .inputDiv{width:480px; height:45px; padding:4px; margin:22px auto 0; background:url('https://recruit.ehyundai.com/images/icon/newsrch_listinput.png') no-repeat 0 0;} .listSrchBox3 .inputDiv input{width:378px; height:39px; padding:3px 10px; border:0} .checkIconBox{padding:27px 20px 30px 52px; border:1px solid #d7d7d7; background:url('https://recruit.ehyundai.com/images/icon/check_icon.png') no-repeat 29px 29px #fbfbfb} .checkIconTxt{padding:0 0 2px 23px; background:url('https://recruit.ehyundai.com/images/icon/check_icon.png') no-repeat 0 2px} #login{border-top:3px solid #555; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:62px 0 50px; background:#fbfbfb} #login .loginDiv{width:440px; margin:auto; padding:22px 0 22px 272px; background:url('https://recruit.ehyundai.com/images/icon/login_bg.jpg') no-repeat 0 12px} #login .loginDiv .inputDiv{overflow:hidden; border-bottom:1px solid #d7d7d7; padding-bottom:25px} #login .loginDiv .inputDiv .left{width:300px; float:left} #login .loginDiv .inputDiv .left input{width:278px; height:37px; margin-bottom:5px;} #login .loginDiv .inputDiv a{float:right; padding:0 37px;} #login .loginDiv .btDiv{margin-top:30px; overflow:hidden} #login .loginDiv .btDiv .right{float:right} .warnBox1{position:relative; padding:20px 0 22px 80px; border:1px solid #d6dfe1; background:url('../images/icon/warn_icon1.png') no-repeat 29px center #ecf1f2; color:#444;} .warnBox1 p{margin-bottom:6px;} .warnBox1 .addBts{position:absolute; top:20px; right:20px;} .joinproTxt1{width:960px; height:70px; text-indent:-9999px; background:url('https://recruit.ehyundai.com/images/txt/joinpro_txt1.gif') no-repeat center 0;} .joinproTxt2{width:960px; height:70px; text-indent:-9999px; background:url('https://recruit.ehyundai.com/images/txt/joinpro_txt2.gif') no-repeat center 0;} .joinproTxt3{width:960px; height:70px; text-indent:-9999px; background:url('../images/txt/joinpro_txt3.gif') no-repeat center 0;} .termBox{border:1px solid #d7d7d7} .termBox .txtArea{padding:23px 30px 26px; height:299px; overflow-y:scroll; line-height:24px;} .termBox .txtArea .tit{font-weight:bold; margin-bottom:8px} .termBox .inputArea{padding:17px 0 15px; border-top:1px solid #d7d7d7; text-align:center; font-weight:bold; background:#f1f1f1; color:#555} .myAccrdt{border:3px solid #cfdcdf; padding:40px; overflow:hidden} .myAccrdt .left{width:470px; float:left; font-size:16px; line-height:26px; color:#444} .myAccrdt .right{position:relative; width:404px; height:200px; float:right} .myAccrdt .right .slctDiv{float:left; margin:15px 30px 0 0; } .myAccrdt .right .slctDiv2{position:absolute; top:55px; left:0; overflow:hidden} .myAccrdt .right .slctDiv2 a{display:block; float:left; margin-right:24px; width:118px; padding-top:130px; text-align:center; font-weight:bold; color:#555} .myAccrdt .right .slctDiv2 a:hover{color:#1c8292} .myAccrdt .right .slctDiv2 a.one{background:url('../images/icon/join_icon1.gif') no-repeat center 0;} .myAccrdt .right .slctDiv2 a.two{background:url('../images/icon/join_icon2.gif') no-repeat center 0;} .myAccrdt .right .slctDiv2 a.thr{background:url('../images/icon/join_icon3.gif') no-repeat center 0; margin-right:0} .myAccrdt .right .slctDiv2 a.fou{background:url('../images/icon/join_icon4.gif') no-repeat center 0;} .myAccrdt .right .slctDiv2 a.one:hover{background:url('../images/icon/join_icon1_on.gif') no-repeat center 0;} .myAccrdt .right .slctDiv2 a.two:hover{background:url('../images/icon/join_icon2_on.gif') no-repeat center 0;} .myAccrdt .right .slctDiv2 a.thr:hover{background:url('../images/icon/join_icon3_on.gif') no-repeat center 0; margin-right:0} .myAccrdt .right .slctDiv2 a.fou:hover{background:url('../images/icon/join_icon4_on.gif') no-repeat center 0;} .completeBox{border:1px solid #d7d7d7; background:#fbfbfb; text-align:center; padding:50px 0 61px;} .completeBox .type1{font-size:30px; color:#444; line-height:40px;} .completeBox .type2{font-size:16px; padding-top:25px; background:url('../images/icon/txt_icon1.gif') no-repeat center 0; line-height:30px;} .modBox{border:1px solid #d7d7d7; background:#fbfbfb; text-align:center; padding:45px 0 55px; font-weight:bold; color:#444; font-size:16px;} .modpwBox{border:1px solid #d7d7d7; background:#fbfbfb; padding:45px 25px 55px;} .modpwBox ul{margin-left:180px;} .modpwBox li{position:relative; margin-bottom:2px; padding:3px 0;} .modpwBox li .tit{width:113px; float:left; margin-top:7px; font-weight:bold; color:#333;} .modpwBox li .addTxt{position:absolute; top:0; left:424px; font-size:13px; color:#9e694a} .modpwBox .bts{margin:20px 0 0 294px} .profileDiv{border:1px solid #d7d7d7; background:#fbfbfb; padding:30px;} .profileDiv .picDiv{position:relative; width:170px; float:left} .profileDiv .picDiv .pic{width:168px; height:225px; border:1px solid #d7d7d7; background:url('../images/icon/profile_picnoimg.gif') no-repeat 0 0;} .profileDiv .picDiv .pic img{width:168px; height:225px;} .profileDiv .picDiv .inputFile{display:block; width:170px; height:35px; background:url('../images/btn/regpic_bt.gif') no-repeat 0 0; text-indent:-9999px} .profileDiv .boardType4{width:700px; float:right} .container.wide .profileDiv .boardType4{width:940px;} .resultView{border-top:3px solid #29a3b6} .resultView dt{padding:22px 30px 27px; margin-bottom:10px; border-top:3px solid #29a3b6; background:#ecf1f2; font-size:18px; font-weight:bold; color:#444} .resultView dd{border:1px solid #d7d7d7;} .resultView dd .img{border-bottom:1px solid #d7d7d7;} .resultView dd .viewDiv1{padding:40px 0 46px; /*background:url('../images/icon/result_view_img1.jpg') no-repeat center 0;*/ text-align:center;} .resultView dd .viewDiv1.fail{padding:50px 0 56px; background:none} .resultView dd .viewDiv1 .type1{font-size:25px; color:#444; line-height:40px;} .resultView dd .viewDiv1.fail .type1{font-weight:bold; font-size:30px;} .resultView dd .viewDiv1 .type2{padding-top:25px; background:url('../images/icon/txt_icon1.gif') no-repeat center 0; line-height:24px;} .resultView dd .viewDiv2{padding:30px 30px 35px; border-top:1px dashed #d7d7d7} .resultView dd .viewDiv2 li{margin-bottom:15px; overflow:hidden; line-height:24px;} .resultView dd .viewDiv2 li .tit{width:139px; height:26px; padding:2px 0 2px 15px; float:left; margin-right:19px; background:url('../images/icon/tit_bg3.gif') no-repeat 0 0; font-size:16px; font-weight:bold; color:#333} .checkList{border:1px solid #d7d7d7; background:#fbfbfb; padding:28px 30px 19px;} .checkList li{padding:0 0 12px 23px; background:url('https://recruit.ehyundai.com/images/icon/check_icon.png') no-repeat 0 2px;} .withdrawDiv{border:1px solid #d7d7d7; padding:26px 30px 22px;} .withdrawDiv li{padding:0 0 16px 15px;} .withdrawDiv li label{margin-right:10px;} .viewTitTxt{border:1px solid #b9b9b9; background:#fbfbfb; padding:26px 29px 16px;} .viewTitTxt li{margin-bottom:11px} .viewTitTxt li strong{display:inline-block; min-width:52px; color:#333} .selfIntro{position:relative; border:1px solid #d7d7d7} .selfIntro .listDiv{position:relative; padding:15px 19px 7px; border-bottom:1px solid #d7d7d7; background:#f1f1f1} .selfIntro .listDiv .unit{margin-bottom:11px} .selfIntro textarea{width:98%; height:190px; border:none} .selfIntro .addR{position:absolute; top:-27px; right:0;} .selfIntro .addR strong{color:#1c8292;} .selfIntro .listDiv .unit .checkbox{background:#f1f1f1} .introGate{width:100%; height:250px; background:url('../images/icon/intro_gatevisual.jpg') no-repeat center 0; text-indent:-9999px;} .introGateList{overflow:hidden} /* .introGateList li{position:relative; width:276px; height:336px; float:left; overflow:hidden; margin:0 30px 30px 0;} .introGateList li .overDiv{position:absolute; bottom:0; left:0; width:276px; height:79px; padding-top:18px; background:url('../images/icon/gate_titbg.png') no-repeat center 0; text-align:center; font-size:; font-weight:bold; color:#fff} .introGateList li .overDiv2{display:block; position:absolute; bottom:-239px; left:0;} */ /* 2015-11-02 수정 */ .introGateList > a{position:relative; width:276px; height:336px; float:left; overflow:hidden; margin:0 30px 30px 0;} .introGateList > a .overDiv{position:absolute; bottom:0; left:0; width:276px; height:79px; padding-top:18px; background:url('../images/icon/gate_titbg.png') no-repeat center 0; text-align:center; font-size:; font-weight:bold; color:#fff} .introGateList > a .overDiv2{display:block; position:absolute; bottom:-239px; left:0;} .tab4Div{height:950px;} .roleTab{width:910px; background:url('../images/icon/tab4_bg.gif') repeat-y 0 0; padding:27px 25px 5px; overflow:hidden;} .roleTab > a{display:clock; width:135px; float:left; margin-bottom:20px; padding-left:16px; background:url('../images/icon/tab4.gif') no-repeat 0 5px; color:#666;} .roleTab > a.on{background:url('../images/icon/tab4_on.gif') no-repeat 0 5px; color:#42909b; font-weight:bold; text-decoration:underline;} .roleTab .roleDiv{position:absolute; display:none; left:0px; overflow:hidden; min-height:700px;} .roleTab .roleDiv.on{display:block;} .roleTab .roleDiv .left{width:205px; float:left} .roleTab .roleDiv .left .tit{padding:10px 0 23px; background:url('../images/icon/role_tit_bg.gif') no-repeat 0 0; font-size:30px; color:#444; line-height:40px} .roleTab .roleDiv .left .tit2{padding:10px 0 23px; background:url('../images/icon/role_tit2_bg.gif') no-repeat 0 0; font-size:30px; color:#444; line-height:40px} /* 2017-08-04 추가 */ .roleTab .roleDiv .left .mt30{height:111px; margin:30px 9px 0} .roleTab .roleDiv .left .bt{margin:5px 0} .roleTab .roleDiv .right{width:730px; float:left; padding:13px 0 400px; line-height:24px;} .roleTab .roleDiv .right .indent{text-indent:-17px; margin-left:17px;} .intro1R1{position:absolute; left:0; bottom:297px; width:100%; height:260px; background:url('../images/icon/introimg1.jpg') no-repeat center 0 #47649b;} .intro1R1.two{background:url('../images/icon/introimg2.jpg') no-repeat center 0 #99b7d3;} .intro1R1.thr{background:url('../images/icon/introimg3.jpg') no-repeat center 0 #bdbaa4;} .intro1R1.thr2{background:url('../images/icon/introimg11.jpg') no-repeat center 0 #bdbaa4;} .intro1R1.fou{background:url('../images/icon/introimg4.jpg') no-repeat center 0 #bdbaa4;} .intro1R1.fiv{background:url('../images/icon/introimg5.jpg') no-repeat center 0 #101326;} .intro1R1.six{background:url('../images/icon/introimg6.jpg') no-repeat center 0 #101326;} .intro1R1.sev{background:url('../images/icon/introimg7.jpg') no-repeat center 0 #101326;} .intro1R1.eig{background:url('../images/icon/introimg8.jpg') no-repeat center 0 #101326;} .intro1R1.nin{background:url('../images/icon/introimg9.jpg') no-repeat center 0 #101326;} .intro1R1.ten{background:url('../images/icon/introimg10.jpg') no-repeat center 0 #101326;} .intro1R1.ele{background:url('../images/icon/introimg11.jpg') no-repeat center 0 #101326;} .intro1R1.twe{background:url('https://recruit.ehyundai.com/images/icon/introimg12.jpg') no-repeat center 0 #101326;} /* 2017-08-04 추가 */ .intro1R1.thi{background:url('https://recruit.ehyundai.com/images/icon/introimg13.jpg') no-repeat center 0 #101326;} .intro1R1.fou2{background:url('https://recruit.ehyundai.com/images/icon/introimg14.jpg') no-repeat center 0 #101326;} /* 2018.07.25 현대IT&E 직무소개 클래스 추가*/ .intro1R1.fift{background:url('https://recruit.ehyundai.com/images/icon/introimg15.jpg') no-repeat center 0 #101326;} /* 2019.07.23 김종근 추가 - 현대L&C 직무소개 클래스 추가*/ .intro1R1.sixt{background:url('https://recruit.ehyundai.com/images/icon/introimg16.jpg') no-repeat center 0 #101326;} /* 2021.07.08 한진우 추가 - 현대이지웰 직무소개 클래스 추가*/ .intro1R1.sevt{background:url('https://recruit.ehyundai.com/images/icon/introimg17.jpg') no-repeat center 0 #101326;} /* 2021.07.08 한진우 추가 - 현대바이오랜드 직무소개 클래스 추가*/ .intro1R1.eight{background:url('../images/icon/introimg18.jpg') no-repeat center 0 #101326;} /* //2017-08-04 추가 */ .i3R1it{width:735px; height:165px; background:url('../images/txt/intro3_role1it.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden;} /* 2018.07.25 현대IT&E 직무소개 조직도 클래스 추가*/ .i15R1it{width:735px; height:165px; background:url('../images/txt/intro15_role1it.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden;} .introRoll{position:relative; width:960px; height:640px} .introRoll .rollDiv{position:relative; width:960px; height:640px; overflow:hidden} .introRoll .rollDiv p{position:absolute; top:0; left:0; width:960px; height:640px} .introRoll .rollDiv .bts{position:absolute; top:40px; right:40px;} .introRoll .btDiv{position:absolute; bottom:0; left:0; width:960px; height:150px; background:url('../images/icon/introroll_txtbg.png') no-repeat center 0; text-align:center; color:#fff} .introRoll .btDiv strong{font-size:22px; font-weight:bold} .introInfoDiv{overflow:hidden; margin-bottom:30px} .introInfoDiv ul{width:480px; float:left;} .introInfoDiv li{overflow:hidden; margin-bottom:17px} .introInfoDiv li .tit{width:66px; height:13px; float:left; padding:4px 7.5px 12px 7.5px; text-align:center; font-weight:bold; color:#333; background:url('../images/icon/introinfo_txtbg.png') no-repeat center 0} .introInfoDiv li .txt{width:359px; padding:0 25px 0 15px; float:left; line-height:25px;} .introInfoDiv .right{width:480px; float:left; line-height:24px;} .historyDiv{background:url('../images/icon/history_bg.png') no-repeat 0 0} .historyDiv.two{background:url('../images/icon/history_bg2.png') no-repeat 0 0} .historyDiv.thr{background:url('../images/icon/history_bg3.png') no-repeat 0 0} .historyDiv ul{width:960px; overflow:hidden} .historyDiv ul.type1{width:803px; padding-left:157px;} .historyDiv ul.type2{width:730px; padding-right:230px;} .historyDiv ul li{position:relative; width:157px; height:290px; float:left; margin-right:5px;} .historyDiv ul.type2 li{height:310px;} .historyDiv ul.type2 li{float:right;} .historyDiv ul li .txt{position:absolute; top:167px; left:75px; width:163px; padding:25px 0 0 8px; background:url('../images/icon/history_icon.png') no-repeat 0 0} .historyDiv ul li .date{font-size:16px; font-weight:bold; color:#333} .historyDiv ul li .date.new{color:#1c8292} .historyDiv ul li .his{font-size:13px; line-height:20px; margin-top:5px;} .talentDiv{overflow:hidden} .talentDiv .titType2{width:205px; float:left} .talentDiv dl{width:755px; float:right; margin-top:22px;} .talentDiv dd{padding:6px 10px 30px;} .talentDiv dd strong{color:#1c8292} .grpTxt{line-height:24px;} .cultureDiv{overflow:hidden;} .cultureDiv div{overflow:hidden;} .cultureDiv .titType2{width:205px; float:left; line-height:35px; font-size:20px; font-weight:bold} .cultureDiv .txt{line-height:23px; float:left; width:755px; padding-top:17px;} .ethicsDiv{overflow:hidden;} .ethicsDiv div{overflow:hidden;} .ethicsDiv div > dl{background:url('../images/txt/ethics_img2.gif') no-repeat; width:755px; height:453px; text-indent:-9999px; float:right; padding-bottom:30px;} .ethicsDiv div:first-child > dl{background:url('../images/txt/ethics_img1.gif') no-repeat; width:755px; height:170px; text-indent:-9999px; padding-bottom:0;} .ethicsDiv .titType2{width:205px; float:left; line-height:35px;} .ethicsDiv .txt{line-height:23px; float:left; width:755px; padding-top:17px;} .societyDiv{overflow:hidden;} .societyDiv .societyD1{width:960px; height:259px; background:url(../images/icon/society_bg1.png) no-repeat;;} .societyDiv .societyD1 .titType2{float:left; width:185px; margin-left:40px; margin-top:40px; line-height:35px; font-size:26px;} .societyDiv .societyD1 .txt{float:left; width:397px; padding-top:37px; line-height:26px; color:#444; font-size:13px;} .societyDiv .societyD2{height:563px;} .societyDiv .societyD2 .left{float:left; width:470px; height:563px; background:url('../images/icon/society_bg2.png') no-repeat;} .societyDiv .societyD2 .left .txt{width:400px;} .societyDiv .societyD2 .right{float:right; width:470px; height:563px; background:url('../images/icon/society_bg3.png') no-repeat} .societyDiv .societyD2 .right .txt{width:326px;} .societyDiv .societyD2 .titType2{margin-left:40px; margin-top:40px; font-size:26px;} .societyDiv .societyD2 .txt{margin-top:32px; margin-left:40px; line-height:26px; color:#444; font-size:13px;} .societyDiv .societyD3{width:952px; height:221px; border:4px solid #e7e3d7; margin-top:38px; margin-bottom:30px;} .societyDiv .societyD3 .titType2{width:240px; float:left; line-height:34px; margin-top:40px; margin-left:40px;} .societyDiv .societyD3 .txt{float:left; width:440px; background:url('../images/icon/society_icon.png') 0 31px no-repeat; padding-left:181px; padding-bottom:20px;} .societyDiv .societyD3 .txt strong{color:#c8461e} .visionBox1{width:100%; height:800px; background:url('https://recruit.ehyundai.com/images/txt/vision_txt2.png') no-repeat center 0} .visionBox11{width:100%; height:550px; background:url('https://recruit.ehyundai.com/images/txt/vision_txt2_1.jpg') no-repeat center 0} .visionBox2{width:100%; height:240px; background:url('https://recruit.ehyundai.com/images/txt/vision_txt3.jpg') no-repeat center 0} .visionBox21{width:100%; height:640px; background:url('https://recruit.ehyundai.com/images/txt/vision_txt3_1.png') no-repeat center 0} .systemDiv > .tit{font-size:35px;line-height:47px;color:#444} .systemDiv > .txt{line-height:20px;color:#666} .personDiv{padding-left:60px;display:inline-block} .personDiv li{width:241px;height:257px;float:left;text-align:center;padding:0 20px} .personDiv .tit{background:url('https://recruit.ehyundai.com/images/icon/intro_sys_tit.gif') no-repeat 50% 0;font-size:15px;font-weight:bold;padding-top:8px;margin-top:8px;color:#444} .personDiv .txt{font-size:13px;line-height:20px;margin-top:13px;color:#666} .sysRank{width:960px;height:193px;position:relative;overflow:hidden;background:url('https://recruit.ehyundai.com/images/icon/intro_sys_rank.jpg') no-repeat;margin-bottom:30px} .sysRank2{height:193px;background:url('https://recruit.ehyundai.com/images/icon/intro2_sys_rank.jpg') no-repeat;} .sysRank3{height:158px;background:url('https://recruit.ehyundai.com/images/icon/intro3_sys_rank.jpg') no-repeat;} .sysRank4{height:158px;background:url('https://recruit.ehyundai.com/images/icon/intro4_sys_rank.jpg') no-repeat;} .sysRank5{height:168px;background:url('https://recruit.ehyundai.com/images/icon/intro5_sys_rank.jpg') no-repeat;} .sysRank6{height:179px;background:url('https://recruit.ehyundai.com/images/icon/intro6_sys_rank.jpg') no-repeat;} .sysRank7{height:158px;background:url('https://recruit.ehyundai.com/images/icon/intro7_sys_rank.jpg') no-repeat;} .sysRank8_1{height:157px;background:url('https://recruit.ehyundai.com/images/icon/intro8_1_sys_rank.jpg') no-repeat;} .sysRank8_2{height:157px;background:url('https://recruit.ehyundai.com/images/icon/intro8_2_sys_rank.jpg') no-repeat;} .sysRank9{height:158px;background:url('https://recruit.ehyundai.com/images/icon/intro9_sys_rank.jpg') no-repeat;} .sysRank10{height:158px;background:url('https://recruit.ehyundai.com/images/icon/intro10_sys_rank.jpg') no-repeat;} .sysRank14_1{height:157px;background:url('https://recruit.ehyundai.com/images/icon/intro14_1_sys_rank.jpg') no-repeat;}/* 2017-08-04 추가 */ .sysRank14_2{height:157px;background:url('https://recruit.ehyundai.com/images/icon/intro14_2_sys_rank.jpg') no-repeat;}/* 2017-08-04 추가 */ .sysRank16{height:157px;background:url('https://recruit.ehyundai.com/images/icon/intro16_sys_rank.jpg') no-repeat;}/* 2019.07.23 김종근 추가 - 현대L&C 직급체계 추가 */ .sysRank17{height:157px;background:url('../images/icon/intro17_sys_rank.jpg') no-repeat;}/* 2021.07.08 한진우 추가 - 현대이지웰 직급체계 추가 */ .sysRank18{height:180px;background:url('../images/icon/intro18_sys_rank.jpg') no-repeat;}/* 2021.07.08 한진우 추가 - 현대바이오랜드 직급체계 추가 */ .sysRank181{height:170px;background:url('../images/icon/intro18_sys_rank_2.jpg') no-repeat;}/* 2021.07.08 한진우 추가 - 현대바이오랜드 직급체계 추가 */ .sysRank dl{position:absolute;top:-9999px;left:-9999px;} .introBg{position:absolute; bottom:128px; left:0; width:100%; height:; background:url('../images/icon/intro_bg.gif') repeat center 0;} /* 다수시스템 */ #logWrap{width:100%; border-top:5px solid #0e0e0e} .logBody{width:430px; margin:0 auto} .logBody h1{text-align:center; padding-top:49px} .logBody h1 a{display:inline-block; width:151px; height:41px; text-indent:-9999px; overflow:hidden; background:url('../images/loginlogo.gif') no-repeat;} .logSystem{width:100%; height:438px; background:#eee; margin-top:43px; border-bottom:3px solid #ccc;} .logSysWrap{width:320px; margin:0 auto;} .logSysWrap .tit{text-align:center; padding-top:51px} .logSysWrap ul{margin-top:49px} .logSysWrap ul li{width:320px; height:54px; border-top:1px solid #f0f0f0; background:url('../images/icon/loginput_bg2.jpg') no-repeat; margin:0 auto} .logSysWrap ul li:first-child{border-top:none; background:url('../images/icon/loginput_bg1.jpg') no-repeat;} .logSysWrap input{float:right; width:245px; height:48px; border:none; padding:3px 10px !important;} .logSysWrap .txt{margin-top:12px; margin-bottom:15px; font-size:13px; line-height:19px; margin-left:1px;} #signWrap{width:100%;min-width:980px;position:relative} #signHeader{width:100%;position:relative;background:#1c8292} #signHeader .headDiv{width:980px;margin:0 auto;height:56px;line-height:56px} #signHeader .headDiv p{color:#fff;letter-spacing:0px} #signHeader .headDiv img{margin:15px 2px 0 10px} #signBody{width:980px;margin:0 auto;} #signBody .titDiv{width:100%;text-align:center;color:#444} #signBody .titDiv h1{display:inline-block;font-size:30px} #signBody .titDiv p{letter-spacing:0px} #signBody .titDiv strong{color:#1c8292} #signBody .noticeDiv{width:100%;height:72px;line-height:72px;background:#0465a2;text-align:center} #signBody .titCheck{padding-left:23px;padding-bottom:2px;margin-bottom:-2px;background:url("../images/icon/checkimg.gif") no-repeat 0 2px;color:#666;letter-spacing:-0.8px} #signBody .titCheck.tp2{background:url("../images/icon/checkimg.gif") no-repeat 542px 8px;color:#666} #signBody .boardType2 > strong{position:absolute;right:0;top:-35px;font-size:16px} #signBody .boardType2 > strong span{text-decoration:underline;color:#1c8292} #signBody .recomID{position:absolute;right:45px;top:5px;font-weight:bold;color:#333} .errorBody {width:640px; margin:0 auto; margin-top:125px;} .errorBody h1 a{background:url('../images/logo.png') no-repeat; width:162px; height:58px; text-indent:-9999px; overflow:hidden; display:inline-block; background-size:162px;} .errorDiv{border-top:2px solid #000} .err404Wrap{height:389px; border-bottom:1px solid #dbdbdb;text-align:center; } .err404Wrap .tit{padding-top:60px;} .err404Wrap .txt{padding-top:20px; font-size:28px; color:#333;} .err404Wrap .txt2{padding-top:40px; font-size:16px; line-height:24px;} .err404Wrap a{margin-top:40px;} .err500Wrap{height:431px; border-bottom:1px solid #dbdbdb;text-align:center; } .err500Wrap .tit{padding-top:60px;} .err500Wrap .txt{padding-top:20px; font-size:28px; color:#333;} .err500Wrap .txt2{padding-top:40px; font-size:16px; line-height:24px;} .err500Wrap a{margin-top:40px;} .err500Wrap dl{overflow:hidden;} .err500Wrap dt{float:left; text-align:left; color:#c8461e; font-size:16px; font-weight:bold; line-height:22px; background:url('../images/icon/500error_img.gif') 0 4px no-repeat; margin-left:75px; padding-left:55px;} .err500Wrap dd{float:left; text-align:left; margin-left:30px; padding-left:10px; border-left:1px solid #dbdbdb; line-height:22px;} /* 채용프로세스 */ .rec1Proc1{width:960px; height:207px; background:url('../images/txt/rec1_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec1Proc2{width:960px; height:207px; background:url('../images/txt/rec1_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec1Proc3{width:960px; height:207px; background:url('../images/txt/rec1_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec2Proc1{width:960px; height:207px; background:url('../images/txt/rec2_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec2Proc2{width:960px; height:207px; background:url('../images/txt/rec2_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec2Proc3{width:960px; height:207px; background:url('../images/txt/rec2_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec3Proc1{width:960px; height:207px; background:url('../images/txt/rec3_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec3Proc2{width:960px; height:207px; background:url('../images/txt/rec3_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec3Proc3{width:960px; height:207px; background:url('../images/txt/rec3_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec3Proc4{width:960px; height:207px; background:url('../images/txt/rec3_proc4.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec3Proc5{width:960px; height:207px; background:url('../images/txt/rec3_proc5.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec4Proc1{width:960px; height:207px; background:url('../images/txt/rec4_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec4Proc2{width:960px; height:207px; background:url('../images/txt/rec4_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec4Proc3{width:960px; height:207px; background:url('../images/txt/rec4_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec4Proc4{width:960px; height:207px; background:url('../images/txt/rec4_proc4.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec5Proc1{width:960px; height:207px; background:url('../images/txt/rec5_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec5Proc2{width:960px; height:207px; background:url('../images/txt/rec5_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec5Proc3{width:960px; height:207px; background:url('../images/txt/rec5_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec6Proc1{width:960px; height:207px; background:url('../images/txt/rec6_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec6Proc2{width:960px; height:207px; background:url('../images/txt/rec6_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec6Proc3{width:960px; height:207px; background:url('../images/txt/rec6_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec6Proc4{width:960px; height:207px; background:url('../images/txt/rec6_proc4.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec7Proc1{width:960px; height:207px; background:url('../images/txt/rec7_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec7Proc2{width:960px; height:207px; background:url('../images/txt/rec7_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec7Proc3{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec7_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec8Proc1{width:960px; height:207px; background:url('../images/txt/rec8_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec8Proc2{width:960px; height:207px; background:url('../images/txt/rec8_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec8Proc3{width:960px; height:207px; background:url('../images/txt/rec8_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec9Proc1{width:960px; height:207px; background:url('../images/txt/rec9_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec9Proc2{width:960px; height:207px; background:url('../images/txt/rec9_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec9Proc3{width:960px; height:207px; background:url('../images/txt/rec9_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec10Proc1{width:960px; height:207px; background:url('../images/txt/rec10_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec10Proc2{width:960px; height:207px; background:url('../images/txt/rec10_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec10Proc3{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec10_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec10Proc4{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec10_proc4.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec11Proc1{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec11_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec11Proc2{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec11_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec11Proc3{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec11_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec12Proc1{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec12_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec12Proc2{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec12_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} /* 2017-08-04 추가 */ .rec13Proc1{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec13_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec13Proc2{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec13_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec13Proc3{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec13_proc3.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec14Proc1{width:960px; height:207px; background:url('https://recruit.ehyundai.com/images/txt/rec14_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec14Proc2{width:960px; height:207px; background:url('../images/txt/rec14_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} /* //2017-08-04 추가 */ /*2018.10.05 김종근 추가 - IT&E 채용Process 이미지*/ .rec15Proc1{width:960px; height:207px; background:url('../images/txt/rec15_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec15Proc2{width:960px; height:207px; background:url('../images/txt/rec15_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} /*2020.04.30 추가*/ .rec16Proc2{width:960px; height:207px; background:url('../images/txt/rec16_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} /*2021.07.29 한진우 추가 - 이지웰 추가*/ .rec17Proc1{width:960px; height:207px; background:url('../images/txt/rec16_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec17Proc2{width:960px; height:207px; background:url('../images/txt/rec16_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} /*2021.07.29 한진우 추가 - 바이오랜드추가*/ .rec18Proc1{width:960px; height:207px; background:url('../images/txt/rec18_proc1.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .rec18Proc2{width:960px; height:207px; background:url('../images/txt/rec18_proc2.gif') no-repeat center 0; text-indent:-9999px; overflow:hidden} .group{padding:20px 0 30px; line-height:24px} .group .diagram{position:relative; text-align:center} .group .diagram .bts{position:absolute; text-align:left} .group .diagram .bts.one{top:60px; left:350px;}/*2021.04.02 한진우 수정 그룹개요 수정*/ .group .diagram .imgmap1 {display : block} /*2022.07.25 조민지 수정 그룹개요 이미지 수정*/ .group .diagram .imgmap2 {display : none} .group .diagram map .imgmap1 {display : block} .group .diagram map .imgmap2 {display : none} .group .diagram area .imgmap1 {display : block} .group .diagram area .imgmap2 {display : none} .group .diagram .bts.two{top:60px; left:530px;} .group .diagram .bts.thr{top:180px; left:670px;} .group .diagram .bts.fou{top:350px; left:670px;} .group .diagram .bts.fiv{top:470px; left:600px;} .group .diagram .bts.six{top:510px; left:450px;} .group .diagram .bts.sev{top:470px; left:280px;} .group .diagram .bts.eig{top:300px; left:220px;} .group .diagram .bts.nin{top:190px; left:270px;} .group .diagram .bts a{display:block; font-weight:bold; color:#1c8292} .group .diagram .bts a:hover{text-decoration:underline} .group .diagram .bts a span{padding-right:18px; background:url('../images/icon/group_bticon.png') no-repeat right 4px;} .group .diagram .bts strong{display:block; font-weight:bold; color:#1c8292} .ciDiv{padding:20px 0 30px; line-height:24px} .ciBox{border:1px solid #ddd; padding:60px 0 57px; text-align:center} .dMailDiv{border:1px solid #d7d7d7; background:#fbfbfb; padding:30px;} .dMailDiv .txt1{font-weight:bold; color:#444; line-height:24px; border-bottom:1px dashed #d7d7d7; background:url('../images/icon/emaild_icon.gif') no-repeat 20px 20px; padding:10px 35px 21px 145px;} .dMailDiv .txt2{color:#444; line-height:24px; padding:19px 20px 25px;} .depth3Wrap{background:#fafafa; border:1px solid #dadada; margin-bottom:30px; display:none;} .depth3Wrap div{width:271px; height:40px; margin:0 auto; padding:15px 0;} .depth3Wrap div select{width:198px; height:40px; font-weight:bold; color:#333} .depth3Wrap div a{float:right;} /* board type */ .boardType1{position:relative; overflow:hidden} .boardType1 .addR{position:absolute; top:-27px; right:0;} .boardType1 .addR img{vertical-align:middle} .boardType1 a.listUnit{display:block; position:relative; width:298px; height:202px; float:left; margin:0 30px 30px 0; border:1px solid #d7d7d7} .boardType1 a.listUnit .onbg{position:absolute; top:-1px; left:-1px; width:294px; height:200px; border:3px solid #29a3b6} .boardType1 a.listUnit span{display:block;} .boardType1 a.listUnit .tit{padding:14px 70px 16px 19px; background:#f6f6f6; font-size:15px; font-weight:bold; color:#333; line-height:24px;} .boardType1 a.listUnit.noti .tit{background:url('https://recruit.ehyundai.com/images/icon/notice_icon.png') no-repeat 244px center #f6f6f6;} .boardType1 a.listUnit .txt{padding:0 19px; line-height:24px;} .boardType1 a.listUnit .txt .type1{padding:13px 0 16px; border-bottom:1px solid #e5e5e5} .boardType1 a.listUnit .txt .type2{padding:5px 0 0; font-size:12px; letter-spacing:0} .boardType1 a.listUnit.recruit{display:block; position:relative; width:298px; height:226px; float:left; margin:0 30px 30px 0; border:1px solid #d7d7d7} .boardType1 a.listUnit.recruit .onbg{position:absolute; top:-1px; left:-1px; width:294px; height:222px; border:3px solid #29a3b6} .boardType1 a.listUnit.recruit .tit{height:74px; padding:0; background:#f6f6f6; font-size:15px; font-weight:bold; color:#333; line-height:24px; border-bottom:1px solid #dfdfdf; overflow:hidden;} .boardType1 a.listUnit.recruit .tit .part{width:152px; padding:23px 10px 27px 56px; float:left; font-size:20px; color:#333; overflow:hidden} .boardType1 a.listUnit.recruit .tit .part.one{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon1.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.two{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon2.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.thr{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon3.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.fou{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon4.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.fiv{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon5.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.six{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon6.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.sev{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon7.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.eig{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon8.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.nin{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon9.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.ten{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon10.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.ele{background:url('../images/icon/recruitlist_icon11.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .part.twe{background:url('../images/icon/recruitlist_icon12.gif') no-repeat 21px center;} /* 2017-08-11 수정 */ .boardType1 a.listUnit.recruit .tit .part.thi{background:url('../images/icon/recruitlist_icon13.gif') no-repeat 21px center; line-height:28px; padding:10px 10px 10px 56px} .boardType1 a.listUnit.recruit .tit .part.fou2{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon14.gif') no-repeat 21px center;} /* //2017-08-11 수정 */ /*2018.07.27 김종근 수정 - 현대IT&E 채용공고 아이콘 추가*/ .boardType1 a.listUnit.recruit .tit .part.fift{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon15.gif') no-repeat 21px center;} /*2019.08.01 김종근 수정 - 현대L&C 채용공고 아이콘 추가*/ .boardType1 a.listUnit.recruit .tit .part.sixt{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon16.gif') no-repeat 21px center;} /*2021.07.01 한진우 수정 - 현대이지웰 채용공고 아이콘 추가*/ .boardType1 a.listUnit.recruit .tit .part.sevt{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon17.gif') no-repeat 21px center;} /*2021.07.01 한진우 수정 - 현대바이오랜드 채용공고 아이콘 추가*/ .boardType1 a.listUnit.recruit .tit .part.eight{background:url('https://recruit.ehyundai.com/images/icon/recruitlist_icon18.gif') no-repeat 21px center;} .boardType1 a.listUnit.recruit .tit .date{width:79px; height:; padding:12px 0 23px; float:left; text-align:center; border-left:1px solid #dfdfdf} .boardType1 a.listUnit.recruit .tit .date span{height:10px;} .boardType1 a.listUnit.recruit .tit .date strong{display:block; font-size:18px; color:#666;} .boardType1 a.listUnit.recruit .tit .date strong.u10{color:#c8461e;} .boardType1 a.listUnit.recruit .txt .type1{height:56px; padding:24px 0 16px; overflow:hidden; font-size:18px; color:#000; border-bottom:1px solid #e5e5e5} .boardType1 dl{border-top:3px solid #29a3b6; border-bottom:3px solid #d7d7d7;} .boardType1 dt{position:relative; padding:22px 180px 26px 30px; background:#ecf1f2; font-size:18px; color:#444} .boardType1 dt img{vertical-align:middle} .boardType1 dt .spec{position:absolute; top:23px; right:30px; font-size:14px; color:#666; letter-spacing:0} .boardType1 dt .spec span{padding:0 10px; color:#787979} .boardType1 dd{position:relative; overflow:hidden} .boardType1 dd .addFile{display:block; margin-top:13px; padding:2px 0; text-align:right; font-size:13px; font-weight:bold; padding-right:25px; background:url('https://recruit.ehyundai.com/images/icon/listview_fileicon.gif') no-repeat right 4px;} .boardType1 dd .addFile:hover{text-decoration:underline} .boardType1 dd .addFileDiv{display:block; position:absolute; top:38px; right:0; min-width:90px; max-width:460px; padding:9px 25px 8px 15px; background:#fff; border:1px solid #515151} .boardType1 dd .addFileDiv a{display:block; font-size:12px; padding-left:7px; margin-bottom:7px; background:url('https://recruit.ehyundai.com/images/icon/dot3x3.gif') no-repeat 0 8px; letter-spacing:0} .boardType1 dd .addFileDiv a:hover{text-decoration:underline} .boardType1 dd .addFileDiv p{position:absolute; top:-11px; right:0;} .boardType1 dd .addFileDiv a.xbt{display:block; position:absolute; top:7px; right:7px; padding:3px; margin-bottom:0; background:none;} .boardType2{position:relative; border-top:3px solid #555; border-bottom:2px solid #d7d7d7;} .boardType2 .addR{position:absolute; top:-40px; right:0;} .boardType2 .addR img{vertical-align:middle} .boardType2 th{padding:12px 0 14px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#f6f6f6; color:#333; vertical-align:top} .boardType2 td{padding:6px 0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center; line-height:26px;} .boardType2 td label{margin-right:10px;} .boardType2 td .dateInput{text-align:left; padding-left:15px;} .boardType2 td .dateInput .dayInput input{vertical-align:top} .boardType2 td .dateInput .dayInput input.type1{border:0px solid #29a3b6; padding:4px 10px;} .boardType2 td .dateInput .dayInput input.type2{border:0px solid #29a3b6;} .boardType3{position:relative;} .boardType3 .addR{position:absolute; top:-40px; right:0;} .boardType3 .addR img{vertical-align:middle} .boardType3 th{padding:12px 0 14px; border-bottom:5px solid #fff; border-right:1px solid #fff; background:#29a3b6; color:#fff; vertical-align:top} .boardType3 td{padding:15px 8px 10px; border-bottom:5px solid #fff; text-align:center; background:url('https://recruit.ehyundai.com/images/icon/boardtype3_br.gif') repeat-y right 0 #ecf1f2; line-height:22px} .boardType3 td.taL{text-align:left; padding:8px 8px 8px 30px;} .boardType3 td.taL strong{color:#444} .boardType3 td.nodata{text-align:center; padding:46px 0; font-size:20px; color:#444} .boardType3 td a{margin-bottom:5px} .boardType3 td .brwbtH30{margin-bottom:5px} .boardType4{position:relative; border-top:3px solid #555; border-bottom:2px solid #d7d7d7;} .boardType4 .addR{position:absolute; top:-43px; right:0;} .boardType4 .addR img{vertical-align:middle} .boardType4 th{padding:12px 15px 14px; text-align:left; border-bottom:1px solid #d7d7d7; background:#f6f6f6; color:#333; vertical-align:middle;} .boardType4 th span{color:#1c8292; padding-right:2px;} .boardType4 th img{vertical-align:middle} .boardType4 th .thPosition{position:relative;} .boardType4 th .thR{position:absolute; top:0; right:2%;} .boardType4 td{position:relative; padding:6px 15px; border-bottom:1px solid #d7d7d7;} .boardType4 td span{vertical-align:middle;} .boardType4 td strong{vertical-align:middle;} .boardType4 td .check3{position:absolute; top:13px; right:15px; text-decoration:underline} .boardType4 td .infoTxt{font-size:13px; color:#9e694a; padding-left:20px;} .boardType4 td label{margin-right:26px;} .boardType4 td .fileInput{position:absolute; top:16px; left:15px; zoom: 1; filter: alpha(opacity=0); opacity: 0; cursor:pointer} .addFileBt{display:inline-block; margin-left:14px;} .addFileBt a{display:inline-block; margin:2px 0 0 4px;} .boardType5{position:relative; border:1px solid #b9b9b9; border-bottom:none; overflow:hidden} .boardType5 th{padding:9px 0 13px; color:#333; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#f6f6f6; text-align:center} .boardType5 .end{border-right:0px solid #e5e5e5;} .boardType5 td{padding:12px 20px 15px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; line-height:25px; vertical-align:top; font-size:13px;} .boardType5 .last th{border-bottom:1px solid #b9b9b9;} .boardType5 .last td{border-bottom:1px solid #b9b9b9;} .boardType5 td p strong{color:#333} .boardType6{position:relative; overflow:hidden} .boardType6 .unitList{position:relative; width:588px; height:73px; float:left; margin-bottom:10px; border:1px solid #dbdbdb} .boardType6 .unitList:hover .onbg{display:block;} .boardType6 .unitList .time{width:188px; height:45px; float:left; background:#f8f8f8; border-right:1px solid #dbdbdb; padding:14px 0; text-align:center; font-size:16px; color:#1c8292; line-height:22px;} .boardType6 .unitList .time strong{font-size:14px;} .boardType6 .unitList .member{width:357px; height:21px; float:left; padding:26px 20px; font-weight:bold} .boardType6 .unitList .member strong{color:#1c8292} .boardType6 .unitList a, .boardType6 .unitList span{display:block; position:absolute; top:22px; right:20px; z-index:100;} .boardType6 .unitList .onbg{display:none; position:absolute; top:-1px; right:-1px; width:584px; height:69px; float:left; margin-bottom:10px; border:3px solid #29a3b6; clear:both} .boardType6 .unitList.on .onbg{display:block;} .boardType6 .unitList a.blkbtH30{display:none} .boardType6 .unitList a.grnbtH30{display:block} .boardType6 .unitList.on a.grnbtH30{display:none} .boardType6 .unitList.on a.blkbtH30{display:block} .boardType7{position:relative; overflow:hidden} .boardType7 .listUnit{display:block; background:#f6f6f6; margin-bottom:10px; overflow:hidden} .boardType7 .listUnit span{display:block; float:left; padding:22px 0 25px;} .boardType7 .listUnit .num{width:62px; text-align:center} .boardType7 .listUnit .txt{width:650px; font-size:15px; font-weight:bold; color:#333} .boardType7 .listUnit:hover .txt{text-decoration:underline} .boardType7 .listUnit .date{float:right; padding-right:30px; letter-spacing:2px; color:#757575; overflow:hidden} .boardType7 .listUnit .date .dNum{display:inline-block; padding:0 0 0 0;} .boardType7 .listUnit .date .bar{display:inline-block; padding:0 16px; color:#bbb;} .boardType7 .listUnit .date .viewNum{display:inline-block; padding:0 0 0 23px; background:url('../images/icon/view_icon1.png') no-repeat 0 4px; font-size:13px; color:#777} .boardType7 .listUnit.noti{background:#28a2b6;} .boardType7 .listUnit.noti .num{height:65px; padding:0; background:url('https://recruit.ehyundai.com/images/icon/notice_icon.png') no-repeat center center; text-indent:-9999px} .boardType7 .listUnit.noti .txt{color:#fff} .boardType7 .listUnit.noti .date .dNum{color:#fff} .boardType7 .listUnit.noti .date .bar{color:#fff;} .boardType7 .listUnit.noti .date .viewNum{background:url('../images/icon/view_icon1_on.png') no-repeat 0 4px; color:#fff} .boardType8{border-top:3px solid #555; border-bottom:3px solid #d7d7d7; height:243px; text-align:center;} .boardType8 p{font-size:25px; color:#666} .dbList{position:relative; overflow:hidden; padding-top:597px;} .dbList .dbBt{display:block; position:absolute; text-indent:-9999px; overflow:hidden} /* 2017-08-21 수정 및 추가 */ /*웹 화면 처음 이미지*/ .dbList .dbBt.one{top:0; left:0; width:155px; height:330px; background:url('../images/btn/db_regi_bt1_fir.png') no-repeat 0 0;} .dbList .dbBt.two{top:0; left:143px; width:120px; height:330px; background:url('../images/btn/db_regi_bt2_fir.png') no-repeat 0 0;} .dbList .dbBt.thr{top:0; left:242px; width:125px; height:339px; background:url('../images/btn/db_regi_bt3_fir.png') no-repeat 0 0;} .dbList .dbBt.fou{top:0; left:459px; width:112px; height:350px; background:url('../images/btn/db_regi_bt4_fir.png') no-repeat 0 0;} .dbList .dbBt.fiv{top:0; left:480px; width:113px; height:359px; background:url('../images/btn/db_regi_bt5_fir.png') no-repeat 0 0;} .dbList .dbBt.six{top:0; left:580px; width:102px; height:330px; background:url('../images/btn/db_regi_bt6_fir.png') no-repeat 0 0;} .dbList .dbBt.sev{top:0; left:730px; width:109px; height:348px; background:url('../images/btn/db_regi_bt7_fir.png') no-repeat 0 0;} .dbList .dbBt.eig{top:175px; left:63px; width:152px; height:336px; background:url('../images/btn/db_regi_bt8_fir.png') no-repeat 0 0;} .dbList .dbBt.nin{top:180px; left:187px; width:141px; height:330px; background:url('../images/btn/db_regi_bt9_fir.png') no-repeat 0 0;} .dbList .dbBt.ten{top:159px; left:307px; width:150px; height:352px; background:url('../images/btn/db_regi_bt10_fir.png') no-repeat 0 0; z-index:5;} .dbList .dbBt.ele{top:180px; left:420px; width:115px; height:330px; background:url('../images/btn/db_regi_bt11_fir.png') no-repeat 0 0;} .dbList .dbBt.twe{top:156px; left:530px; width:137px; height:355px; background:url('../images/btn/db_regi_bt12_fir.png') no-repeat 0 0;} .dbList .dbBt.thirT{top:180px; left:660px; width:155px; height:330px; background:url('../images/btn/db_regi_bt13_fir.png') no-repeat 0 0; z-index:5;} .dbList .dbBt.fourT{top:146px; left:777px; width:94px; height:365px; background:url('../images/btn/db_regi_bt14_fir.png') no-repeat 0 0;} .dbList .dbBt.fift{top:0; left:359px; width:120px; height:345px; background:url('../images/btn/db_regi_bt15_fir.png') no-repeat 0 0;}/*2018.07.16 김종근 추가 - IT&E 인재DB*/ .dbList .dbBt.sixt{top:0; left:675px; width:120px; height:337px; background:url('../images/btn/db_regi_bt16_fir.png') no-repeat 0 0;}/*2019.08.16 김종근 추가 - L&C 인재DB*/ .dbList .dbBt.sevth{top:175px; left:805px; width:120px; height:337px; background:url('../images/btn/db_regi_bt17_fir.png') no-repeat 0 0; z-index:5;}/*2021.07.30 한진우 추가 - 이지웰 인재DB*/ .dbList .dbBt.eight{top:0; left:785px; width:120px; height:337px; background:url('../images/btn/db_regi_bt18_fir.png') no-repeat 0 0;}/*2021.07.30 한진우 추가 - 바이오랜드 인재DB*/ /* //2017-08-21 수정 및 추가 */ .dbList .dbBt.one.on{background:url('../images/btn/db_regi_bt1_on.png') no-repeat 0 0;} .dbList .dbBt.two.on{background:url('../images/btn/db_regi_bt2_on.png') no-repeat 0 0;} .dbList .dbBt.thr.on{background:url('../images/btn/db_regi_bt3_on.png') no-repeat 0 0;} .dbList .dbBt.fou.on{background:url('../images/btn/db_regi_bt4_on.png') no-repeat 0 0;} .dbList .dbBt.fiv.on{background:url('../images/btn/db_regi_bt5_on.png') no-repeat 0 0;} .dbList .dbBt.six.on{background:url('../images/btn/db_regi_bt6_on.png') no-repeat 0 0;} .dbList .dbBt.sev.on{background:url('../images/btn/db_regi_bt7_on.png') no-repeat 0 0;} .dbList .dbBt.eig.on{background:url('../images/btn/db_regi_bt8_on.png') no-repeat 0 0;} .dbList .dbBt.nin.on{background:url('../images/btn/db_regi_bt9_on.png') no-repeat 0 0;} .dbList .dbBt.ten.on{background:url('../images/btn/db_regi_bt10_on.png') no-repeat 0 0;} .dbList .dbBt.ele.on{background:url('../images/btn/db_regi_bt11_on.png') no-repeat 0 0;} .dbList .dbBt.twe.on{background:url('../images/btn/db_regi_bt12_on.png') no-repeat 0 0;} .dbList .dbBt.thirT.on{background:url('../images/btn/db_regi_bt13_on.png') no-repeat 0 0;}/* 2017-08-21 추가 */ .dbList .dbBt.fourT.on{background:url('../images/btn/db_regi_bt14_on.png') no-repeat 0 0;}/* 2017-08-21 추가 */ .dbList .dbBt.fift.on{background:url('../images/btn/db_regi_bt15_on.png') no-repeat 0 0;}/*2018.07.16 김종근 추가 - IT&E 인재DB*/ .dbList .dbBt.sixt.on{background:url('../images/btn/db_regi_bt16_on.png') no-repeat 0 0;}/*2019.08.16 김종근 추가 - L&C 인재DB*/ .dbList .dbBt.sevth.on{background:url('../images/btn/db_regi_bt17_on.png') no-repeat 0 0;}/*2021.07.30 한진우 추가 - 이지웰 인재DB*/ .dbList .dbBt.eight.on{background:url('../images/btn/db_regi_bt18_on.png') no-repeat 0 0;}/*2021.07.30 한진우 추가 - 바이오 인재DB*/ .dbList .dbBt.one.on2{background:url('../images/btn/db_regi_bt1_on.png') no-repeat 0 0 !important;} .dbList .dbBt.two.on2{background:url('../images/btn/db_regi_bt2_on.png') no-repeat 0 0 !important;} .dbList .dbBt.thr.on2{background:url('../images/btn/db_regi_bt3_on.png') no-repeat 0 0 !important;} .dbList .dbBt.fou.on2{background:url('../images/btn/db_regi_bt4_on.png') no-repeat 0 0 !important;} .dbList .dbBt.fiv.on2{background:url('../images/btn/db_regi_bt5_on.png') no-repeat 0 0 !important;} .dbList .dbBt.six.on2{background:url('../images/btn/db_regi_bt6_on.png') no-repeat 0 0 !important;} .dbList .dbBt.sev.on2{background:url('../images/btn/db_regi_bt7_on.png') no-repeat 0 0 !important;} .dbList .dbBt.eig.on2{background:url('../images/btn/db_regi_bt8_on.png') no-repeat 0 0 !important;} .dbList .dbBt.nin.on2{background:url('../images/btn/db_regi_bt9_on.png') no-repeat 0 0 !important;} .dbList .dbBt.ten.on2{background:url('../images/btn/db_regi_bt10_on.png') no-repeat 0 0 !important;} .dbList .dbBt.ele.on2{background:url('../images/btn/db_regi_bt11_on.png') no-repeat 0 0 !important;} .dbList .dbBt.twe.on2{background:url('../images/btn/db_regi_bt12_on.png') no-repeat 0 0 !important;} .dbList .dbBt.thirT.on2{background:url('../images/btn/db_regi_bt13_on.png') no-repeat 0 0 !important;}/* 2017-08-21 추가 */ .dbList .dbBt.fourT.on2{background:url('../images/btn/db_regi_bt14_on.png') no-repeat 0 0 !important;;}/* 2017-08-21 추가 */ .dbList .dbBt.fift.on2{background:url('../images/btn/db_regi_bt15_on.png') no-repeat 0 0 !important;}/*2018.07.16 김종근 추가 - IT&E 인재DB*/ .dbList .dbBt.sixt.on2{background:url('../images/btn/db_regi_bt16_on.png') no-repeat 0 0 !important;}/*2019.08.16 김종근 추가 - L&C 인재DB*/ .dbList .dbBt.sevth.on2{background:url('../images/btn/db_regi_bt17_on.png') no-repeat 0 0 !important;}/*2021.07.30 한진우 추가 - 이지웰 인재DB*/ .dbList .dbBt.eight.on2{background:url('../images/btn/db_regi_bt18_on.png') no-repeat 0 0 !important;}/*2021.07.30 한진우 추가 - 바이오 인재DB*/ .dbList .dbBt.one.off{background:url('../images/btn/db_regi_bt1.png') no-repeat 0 0;} .dbList .dbBt.two.off{background:url('../images/btn/db_regi_bt2.png') no-repeat 0 0;} .dbList .dbBt.thr.off{background:url('../images/btn/db_regi_bt3.png') no-repeat 0 0;} .dbList .dbBt.fou.off{background:url('../images/btn/db_regi_bt4.png') no-repeat 0 0;} .dbList .dbBt.fiv.off{background:url('../images/btn/db_regi_bt5.png') no-repeat 0 0;} .dbList .dbBt.six.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt6.png') no-repeat 0 0;} .dbList .dbBt.sev.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt7.png') no-repeat 0 0;} .dbList .dbBt.eig.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt8.png') no-repeat 0 0;} .dbList .dbBt.nin.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt9.png') no-repeat 0 0;} .dbList .dbBt.ten.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt10.png') no-repeat 0 0;} .dbList .dbBt.ele.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt11.png') no-repeat 0 0;} .dbList .dbBt.twe.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt12.png') no-repeat 0 0;} .dbList .dbBt.thirT.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt13.png') no-repeat 0 0;}/* 2017-08-21 추가 */ .dbList .dbBt.fourT.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt14.png') no-repeat 0 0;}/* 2017-08-21 추가 */ .dbList .dbBt.fift.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt15.png') no-repeat 0 0;}/*2018.07.16 김종근 추가 - IT&E 인재DB*/ .dbList .dbBt.sixt.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt16.png') no-repeat 0 0;}/*2019.08.16 김종근 추가 - L&C 인재DB*/ .dbList .dbBt.sevth.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt17.png') no-repeat 0 0;}/*2021.07.30 한진우 추가 - 이지웰 인재DB*/ .dbList .dbBt.eight.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt18.png') no-repeat 0 0;}/*2021.07.30 한진우 추가 - 바이오랜드 인재DB*/ .dbList .dbView{display:none; position:relative; height:287px; border:3px solid #1c8292; border-radius:40px; padding:19px 13px 0; overflow:hidden} .dbList .dbView .img{width:430px; float:left} .dbList .dbView .txt{width:430px; float:right; margin-right:35px; line-height:24px;} .dbList .dbView .img2{width:380px; float:left}/* 2017-08-21 추가 */ .dbList .dbView .txt2{width:430px; float:left; margin-right:35px; line-height:24px;}/* 2017-08-21 추가 */ .dbList .dbView .xbt{position:absolute; top:32px; right:32px;} .hgStory{overflow:hidden;} .hgStory span{display:block;} .hgStory .thumbnail{width:290px; overflow:hidden;} .hgStory .thumbnail img{width:290px;} .hgStory a.txt{display:block; border:1px solid #d7d7d7; padding:0 20px;} .hgStory .txt .part1{height:42px; padding:23px 0 23px; overflow:hidden; font-size:15px; font-weight:bold; color:#333; line-height:24px; border-bottom:1px solid #e5e5e5} .hgStory .txt .part2{height:18px; padding:8px 0 27px; overflow:hidden; font-size:12px; color:#757575; letter-spacing:0} .hgStory .txt .part2 .numView{float:right; padding-left:20px; background:url('../images/icon/numbering_icon.png') no-repeat 0 4px;} .hgStory li a.onbg{display:none; position:absolute; top:0px; right:0px; width:284px; border:3px solid #29a3b6;} .listPrv{overflow:hidden; border:1px solid #d7d7d7;} .listPrv li{float:left;} .listPrv li.prv{width:383px; padding:29px 30px 32px 65px; background:url('../images/icon/preview_icon1.gif') no-repeat 20px center; overflow:hidden; border-right:1px solid #d7d7d7} .listPrv li a{display:block; float:left} .listPrv li a:hover{font-weight:bold; color:#1c8292; text-decoration:underline} .listPrv li p{float:right; font-size:13px; letter-spacing:0} .listPrv li.nxt{width:384px; padding:29px 65px 32px 30px; background:url('../images/icon/preview_icon2.gif') no-repeat 442px center; overflow:hidden;} .faqType li{background:#f6f6f6; margin-bottom:10px;} .faqType li a{display:block; position:relative; padding:21px 50px 25px 70px; background:url('../images/icon/faq_q_on.gif') no-repeat 20px 13px; font-size:15px; font-weight:bold; color:#333} .faqType li a:hover{background:url('../images/icon/faq_q.png') no-repeat 20px 13px; color:#1c8292} .faqType li.on a{background:url('../images/icon/faq_q.png') no-repeat 20px 13px #28a2b6; color:#fff} .faqType li a span{display:block; position:absolute; top:28px; right:20px;} .faqType li .answer{padding:27px 20px 26px 70px; background:url('../images/icon/faq_a.png') no-repeat 20px 30px #d1e8ec; line-height:24px;} /* paging */ .paging{text-align:center;} .paging a{display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:1px solid #d7d7d7; font-size:13px; font-weight:bold; vertical-align:top} .paging a:hover{text-decoration:underline} .paging strong{display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:1px solid #545556; font-size:13px; font-weight:bold; background:#545556; color:#fff; text-decoration:underline} .paging a.fir{border:0px solid #d7d7d7;} .paging a.prv{border:0px solid #d7d7d7; margin-right:18px;} .paging a.nxt{border:0px solid #d7d7d7; margin-left:18px;} .paging a.end{border:0px solid #d7d7d7;} /* footer */ #footer{position:relative; width:100%; border-top:1px solid #ddd; background:#fff; z-index:900;} #footer .footerDiv{position:relative; width:1200px; margin:auto; padding:25px 0 40px} #footer .footUtil{font-size:12px; font-weight:bold;} #footer .footUtil a:hover{text-decoration:underline} #footer .footUtil span{font-weight:normal; padding:0 6px; color:#7a7a7a} #footer .copyright{margin-top:13px; padding-top:11px; background:url('../images/icon/footer_txtbg.gif') no-repeat 0 0; font-size:11px; letter-spacing:0; color:#777} #footer .right{position:absolute; top:30px; right:0; width:240px;} /* 2015-11-16 수정 */ #footer .right .wacm{position:absolute; left:-105px;} /* 2015-11-16 추가 */ #footer .right select{width:180px; height:35px; line-height:31px; float:left; background:#ededed; color:#555; font-size:12px; border:0; padding:0 0 0 10px;} #footer .right a{display:block; width:50px; height:35px; float:left; background:#919191; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:33px;} #footer .right a:hover{text-decoration:underline} /*팝업*/ #popWrap{width:100%; background:url('../images/popup/popbg.gif') repeat-x 0 0; font-size:13px; line-height:25px;} #pophead{position:relative; font-size:26px; font-weight:bold; color:#fff; line-height:30px; padding:24px 30px 30px 30px;} #pophead a{display:block; position:absolute; top:25px; right:30px;} #popBody{padding:0 30px 30px;} #popBody .popDiv{position:relative; border:1px solid #d7d7d7; background:#fbfbfb; padding:26px 30px 30px 30px;} #popBody .txtH{position:relative; font-weight:bold; color:#9e694a; padding-bottom:20px; border-bottom:1px dashed #d7d7d7;} #popBody .txtH2{position:relative; font-weight:bold; color:#9e694a; padding:13px 0 0; line-height:23px;} #popBody .txtH .mailAcc li{width:275px; margin:auto;} #popBody .mailAcc li{overflow:hidden; margin-bottom:5px;} #popBody .mailAcc li .tit{min-width:52px; margin-right:15px; float:left; font-weight:bold; color:#333; margin-top:4px} #popBody .mailAcc li input{width:168px;} #popBody .mailAcc li select{float:left;} .popImgDiv{position:relative; border:1px solid #b9b9b9; padding:30px; background:#fff; overflow:hidden} .popImgDiv .titType4{float:left} .popImgDiv .imgDiv{width:168px; height:225px; border:1px solid #d7d7d7; float:right} .popImgDiv .imgDiv img{width:168px; height:225px;} .popImgDiv a{position:absolute; top:80px; left:30px;} .popDotlist{border:1px solid #b9b9b9; background:#fff; padding:20px; height:290px; overflow:hidden; /* overflow-y:auto */ overflow:scroll;} /* 2015-11-02 수정 */ .popDotlist.type2{height:240px;} .popDotlist a{display:block; width:48%; float:left; padding-left:7px; margin-bottom:13px; background:url('https://recruit.ehyundai.com/images/icon/dot3x3.gif') no-repeat 0 10px;} .popDotlist a:hover{font-weight:bold; color:#1c8292} .popNolist{border:1px solid #b9b9b9; background:#fff; padding:20px; text-align:center; line-height:24px;} .popSlctBox{border:1px solid #b9b9b9; background:#f6f6f6; padding:10px 0; text-align:center;} .popSlctBox strong{color:#333; margin-right:6px;} .popTxt1{font-size:18px; line-height:30px;} .popTxt2{padding:17px 0 0; line-height:24px; background:url("../images/icon/txt_icon1.gif") no-repeat center 0;} .popAppView{overflow:hidden} .popAppView .appImg{width:171px; height:228px; float:left; border:1px solid #d7d7d7; overflow:hidden} .popAppView .boardType4{width:665px; float:right; overflow:hidden} .popDotBox{padding:17px 19px 11px; border:1px solid #d7d7d7; background:#fbfbfb} .popDotBox p{padding-left:7px; margin-bottom:7px; background:url('https://recruit.ehyundai.com/images/icon/dot3x3.gif') no-repeat 0 10px;} .popRule .tit1{font-size:16px; color:#1c8292; margin-top:15px;} .popRule .tit2{color:#333; font-weight:bold; margin-top:5px} .popRule .txt{overflow:hidden; margin-top:5px} .popRule .txt .num{display:block; width:3%; float:left;} .popRule .txt .text{display:block; width:97%; float:left;} .dbinfoDiv .dbinfoWrap{position:relative; background:url('../images/icon/dbinfo_img.jpg') no-repeat; text-indent:9999px; width:960px; height:650px; overflow:hidden} .dbinfoDiv .dbinfoWrap table{position:absolute; top:-9999px; left:-9999px;} .addressBoard{border:1px solid #b9b9b9; height:243px; overflow:auto} .addressBoard th{border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#f6f6f6; padding:9px 0 13px; color:#333} .addressBoard th.end{border-right:0px solid #e5e5e5;} .addressBoard td{border-right:1px solid #e5e5e5; padding:8px 20px; background:#fff} .addressBoard td.end{border-right:0px solid #e5e5e5;} .addressBoard td a:hover{text-decoration:underline; color:#1c8292; font-weight:bold} .check{display:block; padding:0 0 1px 23px; background:url('../images/icon/check_icon3.png') no-repeat 0 1px; font-size:13px; color:#555; font-weight:bold; text-decoration:underline} .check:hover{text-decoration:underline} .check2{display:inline-block; padding:0 23px 1px 0; background:url('../images/icon/check_icon3.png') no-repeat right 1px; font-size:14px; color:#666; font-weight:normal} .check3{display:inline-block; padding:0 0 1px 23px; background:url('../images/icon/check_icon3.png') no-repeat 0 1px; font-size:13px; color:#555; font-weight:bold; text-align:right} .layPopDiv{position:relative; height:1px} .layPopDiv1858{position:fixed; height:10000px} .checkTxt{position:absolute; top:310px; left:-15px; width:174px; height:47px; padding:21px 16px 20px; background:url('../images/icon/pic_checktxt_bg.png') no-repeat 0 0; z-index:100; font-size:12px; line-height:17px; color:#9e694a} .checkTxt.type2{top:0px; left:-15px; width:174px; height:47px; background:url('../images/icon/pic_checktxt_bg2.png') no-repeat 0 0; z-index:100} .checkTxt.type3{top:-4px; left:auto; right:0; width:154px; height:47px; background:url('../images/icon/pic_checktxt_bg3.png') no-repeat 0 0; z-index:100} .lyPop{position:absolute; top:230px; left:230px; width:940px; z-index:2000} .lyPop .lyHead{position:relative; padding:39px 40px 44px; background:#363636; font-size:23px; font-weight:bold; color:#fff} .lyPop .lyHead a{position:absolute; top:38px; right:40px;} .lyPop .lyBody{padding:50px 40px; background:#fff} .dimBg{position:absolute; top:0; left:0; width:100%; background:url('../images/icon/lypop_bg.png') repeat 0 0; z-index:1500;} /* 캠퍼스 리크루팅 */ .crType1 .crHeader{width:100%; height:64px; padding:18px 0;} .crType1 .crHeaderDiv{position:relative; width:1200px; margin:auto; text-align:center} .crType1 .crHeaderDiv h1 a{display:block; width:189px; height:64px; margin:auto; background:url('../images/campre/campre_a_logo.gif') no-repeat 0 0; text-indent:-9999px} .crType1 .crHeaderDiv .goP{display:block; position:absolute; top:16px; right:0; width:167px; height:32px; background:url('../images/campre/campre_a_hbt.gif') no-repeat 0 0; text-indent:-9999px} .crType1 .crBody{overflow:hidden} .crType1 .crBody .crVisual{width:100%; height:600px; background:url('https://recruit.ehyundai.com/images/campre/campre_a_visual.jpg') no-repeat center 0; text-indent:-9999px} .crType1 .crBody .crMainCon{width:1200px; overflow:hidden; margin:20px auto 50px;} .crType1 .crBody .crMainCon a{width:400px; height:250px; float:left; text-indent:-9999px} .crType1 .crBody .crMainCon a.one{background:url('https://recruit.ehyundai.com/images/campre/campre_a_conbt1.gif') no-repeat center 0;} .crType1 .crBody .crMainCon a.two{background:url('https://recruit.ehyundai.com/images/campre/campre_a_conbt2.gif') no-repeat center 0;} .crType1 .crBody .crMainCon a.thr{background:url('https://recruit.ehyundai.com/images/campre/campre_a_conbt3.gif') no-repeat center 0;} .crType1 .crFooter{position:relative; width:100%; border-top:1px solid #ddd; background:#444; z-index:900;} .crType1 .crFooter .crFooterDiv{position:relative; width:1200px; margin:auto; padding:25px 0 40px} .crType1 .crFooter .crFootUtil{font-size:12px; font-weight:bold;} .crType1 .crFooter .crFootUtil a{color:#fff} .crType1 .crFooter .crFootUtil a:hover{text-decoration:underline} .crType1 .crFooter .crFootUtil span{font-weight:normal; padding:0 6px;} .crType1 .crFooter .copyright{margin-top:13px; padding-top:11px; background:url('https://recruit.ehyundai.com/images/campre/crfooter_txtbg.gif') no-repeat 0 0; font-size:11px; letter-spacing:0; color:#bbb} .crType1 .crFooter .right{position:absolute; top:30px; right:0; width:240px; overflow:hidden} .crType1 .crFooter .right select{width:180px; height:35px; float:left; background:#ededed; color:#555; font-size:12px; border:0; padding:0 0 0 10px;} .crType1 .crFooter .right a{display:block; width:50px; height:35px; float:left; background:#919191; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:33px;} .crType1 .crFooter .right a:hover{text-decoration:underline} .crType2 .crHeader{width:100%; height:64px; padding:18px 0; border-bottom:1px solid #ddd} .crType2 .crHeaderDiv{position:relative; width:1280px; margin:auto; text-align:center} .crType2 .crHeaderDiv h1 a{display:block; width:189px; height:64px; margin:auto; background:url('../images/campre/campre_a_logo.gif') no-repeat 0 0; text-indent:-9999px} .crType2 .crHeaderDiv .goP{position:absolute; top:16px; right:20px; width:167px; height:32px; background:url('../images/campre/campre_a_hbt.gif') no-repeat 0 0; text-indent:-9999px} .crType2 .crBody{width:1280px; overflow:hidden; margin:auto} .crType2 .crBody .crVisual{width:950px; height:813px; float:right; background:url('https://recruit.ehyundai.com/images/campre/campre_b_visual.jpg') no-repeat center 0; text-indent:-9999px} .crType2 .crBody .crMainCon{width:330px; float:left; overflow:hidden;} .crType2 .crBody .crMainCon a{display:block; width:330px; height:270px; text-indent:-9999px} .crType2 .crBody .crMainCon a.one{height:270px; background:url('https://recruit.ehyundai.com/images/campre/campre_b_conbt1.jpg') no-repeat center 0;} .crType2 .crBody .crMainCon a.two{height:271px; background:url('https://recruit.ehyundai.com/images/campre/campre_b_conbt2.jpg') no-repeat center 0;} .crType2 .crBody .crMainCon a.thr{height:272px; background:url('https://recruit.ehyundai.com/images/campre/campre_b_conbt3.jpg') no-repeat center 0;} .crType2 .crBody .crMainCon a.one:hover{background:url('https://recruit.ehyundai.com/images/campre/campre_b_conbt1_on.jpg') no-repeat center 0;} .crType2 .crBody .crMainCon a.two:hover{background:url('https://recruit.ehyundai.com/images/campre/campre_b_conbt2_on.jpg') no-repeat center 0;} .crType2 .crBody .crMainCon a.thr:hover{background:url('../images/campre/campre_b_conbt3_on.jpg') no-repeat center 0;} .crType2 .crFooter{position:relative; width:100%; border-top:1px solid #ddd; background:#fff; z-index:900;} .crType2 .crFooter .crFooterDiv{position:relative; width:1200px; margin:auto; padding:25px 0 40px} .crType2 .crFooter .crFootUtil{font-size:12px; font-weight:bold;} .crType2 .crFooter .crFootUtil a{color:#666} .crType2 .crFooter .crFootUtil a:hover{text-decoration:underline} .crType2 .crFooter .crFootUtil span{font-weight:normal; padding:0 6px;} .crType2 .crFooter .copyright{margin-top:13px; padding-top:11px; background:url('https://recruit.ehyundai.com/images/campre/crfooter_txtbg.gif') no-repeat 0 0; font-size:11px; letter-spacing:0; color:#777} .crType2 .crFooter .right{position:absolute; top:30px; right:0; width:240px; overflow:hidden} .crType2 .crFooter .right select{width:180px; height:35px; float:left; background:#ededed; color:#555; font-size:12px; border:0; padding:0 0 0 10px;} .crType2 .crFooter .right a{display:block; width:50px; height:35px; float:left; background:#919191; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:33px;} .crType2 .crFooter .right a:hover{text-decoration:underline} .crType3 .crHeader{width:100%; height:64px; padding:18px 0; background:#42909b} .crType3 .crHeaderDiv{position:relative; width:1200px; margin:auto; text-align:center} .crType3 .crHeaderDiv h1 a{display:block; width:189px; height:64px; margin:auto; background:url('../images/campre/campre_c_logo.gif') no-repeat 0 0; text-indent:-9999px} .crType3 .crHeaderDiv .goP{position:absolute; top:16px; right:20px; width:167px; height:32px; background:url('../images/campre/campre_c_hbt.gif') no-repeat 0 0; text-indent:-9999px} .crType3 .crBody{position:relative; width:1280px; height:690px; margin:auto; overflow:hidden} .crType3 .crBody .crVisual{width:1280px; height:690px; background:url('../images/campre/campre_c_visual.jpg') no-repeat center 0; text-indent:-9999px} .crType3 .crBody .crMainCon{position:absolute; bottom:0; left:40px; width:1200px; overflow:hidden; z-index:1000;} .crType3 .crBody .crMainCon a{width:400px; height:70px; float:left; text-indent:-9999px} .crType3 .crBody .crMainCon a.one{background:url('../images/campre/campre_c_conbt1.gif') no-repeat center 0;} .crType3 .crBody .crMainCon a.two{background:url('../images/campre/campre_c_conbt2.gif') no-repeat center 0;} .crType3 .crBody .crMainCon a.thr{background:url('https://recruit.ehyundai.com/images/campre/campre_c_conbt3.gif') no-repeat center 0;} .crType3 .crFooter{position:relative; width:100%; border-top:1px solid #ddd; background:#fff; z-index:900;} .crType3 .crFooter .crFooterDiv{position:relative; width:1200px; margin:auto; padding:25px 0 40px} .crType3 .crFooter .crFootUtil{font-size:12px; font-weight:bold;} .crType3 .crFooter .crFootUtil a{color:#666} .crType3 .crFooter .crFootUtil a:hover{text-decoration:underline} .crType3 .crFooter .crFootUtil span{font-weight:normal; padding:0 6px;} .crType3 .crFooter .copyright{margin-top:13px; padding-top:11px; background:url('https://recruit.ehyundai.com/images/campre/crfooter_txtbg.gif') no-repeat 0 0; font-size:11px; letter-spacing:0; color:#777} .crType3 .crFooter .right{position:absolute; top:30px; right:0; width:240px; overflow:hidden} .crType3 .crFooter .right select{width:180px; height:35px; float:left; background:#ededed; color:#555; font-size:12px; border:0; padding:0 0 0 10px;} .crType3 .crFooter .right a{display:block; width:50px; height:35px; float:left; background:#919191; color:#fff; font-size:12px; font-weight:bold; text-align:center; line-height:33px;} .crType3 .crFooter .right a:hover{text-decoration:underline} .crSubDiv{position:relative; width:1280px; margin:auto; overflow:hidden} .crSubDiv .crSubTit{width:1280px; height:125px; background:url('https://recruit.ehyundai.com/images/campre/campre_sub1_tit1.gif') no-repeat center 0; text-indent:-9999px;} .crSubDiv .crSub2Tit{width:1280px; height:125px; background:url('https://recruit.ehyundai.com/images/campre/campre_sub2_tit1.gif') no-repeat center 0; text-indent:-9999px;} .crSubDiv .crSub3Tit{width:1280px; height:125px; background:url('https://recruit.ehyundai.com/images/campre/campre_sub3_tit1.gif') no-repeat center 0; text-indent:-9999px;} .crSubDiv .crMenu{width:217px; float:left; margin-top:30px; padding-left:15px;} .crSubDiv .crMenu a{display:block; margin-bottom:20px; width:176px; height:176px; text-indent:-9999px;} .crSubDiv .crMenu a.one{background:url('https://recruit.ehyundai.com/images/campre/campre_sub1_menu1.gif') no-repeat center 0;} .crSubDiv .crMenu a.two{background:url('https://recruit.ehyundai.com/images/campre/campre_sub1_menu2.gif') no-repeat center 0;} .crSubDiv .crMenu a.thr{background:url('https://recruit.ehyundai.com/images/campre/campre_sub1_menu3.gif') no-repeat center 0;} .crSubDiv .crMenu a.one.on{background:url('https://recruit.ehyundai.com/images/campre/campre_sub1_menu1_on.gif') no-repeat center 0;} .crSubDiv .crMenu a.two.on{background:url('https://recruit.ehyundai.com/images/campre/campre_sub1_menu2_on.gif') no-repeat center 0;} .crSubDiv .crMenu a.thr.on{background:url('https://recruit.ehyundai.com/images/campre/campre_sub1_menu3_on.gif') no-repeat center 0;} .crSubDiv .crSub{width:1008px; float:left; margin-top:30px; margin-bottom:40px; padding-left:15px; font-size:16px; line-height:26px; overflow:hidden} .crSubDiv .crSub .crSub0{position:relative; width:1008px; height:786px; margin-top:30px; background:url('../images/campre/campre_sub1_firtxt0.gif') no-repeat center 0; overflow:hidden} .crSubDiv .crSub .crSub0 dl{position:absolute; top:-9999px; left:-9999px;} .crSubDiv .crSub .crSub1{position:relative; width:1008px; height:459px; margin-top:30px; background:url('../images/campre/campre_sub1_firtxt1.gif') no-repeat center 0; overflow:hidden} .crSubDiv .crSub .crSub1 dl{position:absolute; top:-9999px; left:-9999px;} .crSubDiv .crSub .crSub2{position:relative; width:494px; height:466px; float:left; margin-top:20px; margin-right:20px; background:url('../images/campre/campre_sub1_sectxt1.gif') no-repeat center 0; overflow:hidden} .crSubDiv .crSub .crSub2 dl{position:absolute; top:-9999px; left:-9999px;} .crSubDiv .crSub .crSub3{position:relative; width:494px; height:466px; float:left; margin-top:20px; background:url('../images/campre/campre_sub1_thrtxt1.gif') no-repeat center 0; overflow:hidden} .crSubDiv .crSub .crSub3 dl{position:absolute; top:-9999px; left:-9999px;} .crSubDiv .titType2{margin-bottom:10px} .crSubDiv .crSubTit1{width:278px; height:31px; margin-bottom:30px; background:url('../images/campre/crSub_a_tit.gif') no-repeat 0 0; text-indent:-9999px;} .crTxtIcon{width:908px; float:right; padding:30px 50px; margin-right:20px; background:url('../images/campre/campre_sub_icon1.gif') no-repeat 0 22px; border-top:1px dashed #eee; color:#444} .camReBoard th{padding:25px 0 30px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#27909e; font-size:18px; color:#fff} .camReBoard td{padding:20px 15px 25px; border-right:1px solid #cfdcdf; border-bottom:1px solid #cfdcdf; background:#ecf1f2; font-size:16px} .camReBoard td.end{border-right:0px solid #cfdcdf;} .camReBoard td strong.one{color:#444} .camReBoard td strong.two{color:#27909e} .camReBox2{padding:28px 38px 15px; margin:20px 0 60px; border:2px solid #eeebd1; background:#f7f6ec; border-radius:10px; overflow:hidden; font-size:; color:#444} .camReBox2 li{margin-bottom:16px;} .camReBox2 li strong{color:#e76146} .camReDot{padding-top:10px;} .camReDot li{padding-left:10px; margin-bottom:5px; background:url('../images/campre/camre_dot1.gif') no-repeat 0 10px;} .camReDot li strong{color:#27909e} .crType2 .crSubDiv .crSubTit{width:1054px; height:166px; float:right; margin-top:45px; margin-right:15px; background:url('../images/campre/campre_sub1_tit2.gif') no-repeat center 0; text-indent:-9999px;} .crType2 .crSubDiv .crSub2Tit{width:1054px; height:166px; float:right; margin-top:45px; margin-right:15px; background:url('../images/campre/campre_sub2_tit2.gif') no-repeat center 0; text-indent:-9999px;} .crType2 .crSubDiv .crSub3Tit{width:1054px; height:166px; float:right; margin-top:45px; margin-right:15px; background:url('../images/campre/campre_sub3_tit2.gif') no-repeat center 0; text-indent:-9999px;} .crType2 .crSubDiv .crMenu{width:196px; float:left; margin-top:45px; padding-left:15px;} .crType2 .crSubDiv .crMenu a{display:block; margin-bottom:20px; width:196px; height:176px; text-indent:-9999px;} .crType2 .crSubDiv .crMenu a.one{background:url('../images/campre/campre_sub2_menu1.gif') no-repeat center 0;} .crType2 .crSubDiv .crMenu a.two{background:url('../images/campre/campre_sub2_menu2.gif') no-repeat center 0;} .crType2 .crSubDiv .crMenu a.thr{background:url('../images/campre/campre_sub2_menu3.gif') no-repeat center 0;} .crType2 .crSubDiv .crMenu a.one.on{background:url('../images/campre/campre_sub2_menu1_on.gif') no-repeat center 0;} .crType2 .crSubDiv .crMenu a.two.on{background:url('../images/campre/campre_sub2_menu2_on.gif') no-repeat center 0;} .crType2 .crSubDiv .crMenu a.thr.on{background:url('../images/campre/campre_sub2_menu3_on.gif') no-repeat center 0;} .crType2 .crSubDiv .crSub{width:1008px; float:right; margin-top:0px; margin-bottom:40px; margin-right:15px; padding:30px 23px 60px; background:url('../images/campre/campreb_sub_bot.gif') no-repeat center bottom #dfedf1; font-size:16px; line-height:26px; overflow:hidden} .crType2 .crSubDiv .crSub.two{background:url('../images/campre/campreb_sub_bot2.gif') no-repeat center bottom #e7e7e7;} .crType2 .crSubDiv .crSub.thr{background:url('../images/campre/campreb_sub_bot3.gif') no-repeat center bottom #e0efdb;} .crType2 .crSubDiv .crSub .crSub1{position:relative; width:1008px; height:459px; margin-top:30px; background:url('../images/campre/campre_sub2_firtxt1.gif') no-repeat center 0; overflow:hidden} .crType2 .crSubDiv .crSub .crSub1 dl{position:absolute; top:-9999px; left:-9999px;} .crType2 .crSubDiv .crSub .crSub2{position:relative; width:494px; height:466px; float:left; margin-top:20px; margin-right:20px; background:url('../images/campre/campre_sub2_sectxt1.gif') no-repeat center 0; overflow:hidden} .crType2 .crSubDiv .crSub .crSub2 dl{position:absolute; top:-9999px; left:-9999px;} .crType2 .crSubDiv .crSub .crSub3{position:relative; width:494px; height:466px; float:left; margin-top:20px; background:url('../images/campre/campre_sub2_thrtxt1.gif') no-repeat center 0; overflow:hidden} .crType2 .crSubDiv .crSub .crSub3 dl{position:absolute; top:-9999px; left:-9999px;} .crType2 .crSubDiv .crSubTit1{width:278px; height:31px; margin-bottom:30px; background:url('../images/campre/crSub_b_tit.gif') no-repeat 0 0; text-indent:-9999px;} .crType2 .crTxtIcon{width:950px; float:right; padding:30px 50px; margin-right:15px; background:url('../images/campre/campre_sub_icon1.gif') no-repeat 0 22px; border-top:1px dashed #eee; color:#444} .crType2 .camReBoard th{padding:25px 0 30px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#2e73ab; font-size:18px; color:#fff} .crType2 .camReBoard td{padding:20px 15px 25px; border-right:1px solid #cfdcdf; border-bottom:1px solid #cfdcdf; background:#fff; font-size:16px} .crType2 .camReBoard td.end{border-right:0px solid #cfdcdf;} .crType2 .camReBoard td strong.one{color:#444} .crType2 .camReBoard td strong.two{color:#2e73ab} .crType2 .camReBox2{padding:28px 38px 15px; margin:20px 0 60px; border:2px solid #d2e0e4; background:#fff; border-radius:20px; overflow:hidden; font-size:; color:#444} .crType2 .camReBox2 li{margin-bottom:16px;} .crType2 .camReBox2 li strong{color:#66a9e4} .crType2 .camReDot{padding-top:10px;} .crType2 .camReDot li{padding-left:10px; margin-bottom:5px; background:url('../images/campre/camre_dot1.gif') no-repeat 0 10px;} .crType2 .camReDot li strong{color:#2e73ab} .crType2 .grnbtH45{background:#2f77b1; border:1px solid #2a699d; border-radius:5px} .crType3 .crSubDiv .crSubTit{width:1008px; height:45px; float:right; margin-top:60px; margin-right:25px; background:url('../images/campre/campre_sub1_tit3.gif') no-repeat center 0; text-indent:-9999px;} .crType3 .crSubDiv .crSub2Tit{width:1008px; height:45px; float:right; margin-top:60px; margin-right:25px; background:url('../images/campre/campre_sub2_tit3.gif') no-repeat center 0; text-indent:-9999px;} .crType3 .crSubDiv .crSub3Tit{width:1008px; height:45px; float:right; margin-top:60px; margin-right:25px; background:url('https://recruit.ehyundai.com/images/campre/campre_sub3_tit3.gif') no-repeat center 0; text-indent:-9999px;} .crType3 .crSubDiv .crMenu{width:207px; height:1465px; float:left; margin-top:0; padding-left:0; padding-top:60px; background:url('https://recruit.ehyundai.com/images/campre/crSub_c_lnbbg.jpg') no-repeat 0 0;} .crType3 .crSubDiv .crMenu a{display:block; margin-bottom:0px; width:207px; height:70px; text-indent:-9999px;} .crType3 .crSubDiv .crMenu a.one{background:url('https://recruit.ehyundai.com/images/campre/campre_sub3_menu1.gif') no-repeat center 0;} .crType3 .crSubDiv .crMenu a.two{background:url('https://recruit.ehyundai.com/images/campre/campre_sub3_menu2.gif') no-repeat center 0;} .crType3 .crSubDiv .crMenu a.thr{background:url('https://recruit.ehyundai.com/images/campre/campre_sub3_menu3.gif') no-repeat center 0;} .crType3 .crSubDiv .crMenu a.one.on{background:url('../images/campre/campre_sub3_menu1_on.gif') no-repeat center 0;} .crType3 .crSubDiv .crMenu a.two.on{background:url('../images/campre/campre_sub3_menu2_on.gif') no-repeat center 0;} .crType3 .crSubDiv .crMenu a.thr.on{background:url('../images/campre/campre_sub3_menu3_on.gif') no-repeat center 0;} .crType3 .crSubDiv .crSub{width:1008px; float:right; margin-top:0px; margin-bottom:40px; margin-right:25px; padding:60px 0; background:#fff; font-size:16px; line-height:26px; overflow:hidden} .crType3 .crSubDiv .crSub .crSub1{position:relative; width:1008px; height:459px; margin-top:30px; background:url('../images/campre/campre_sub3_firtxt1.gif') no-repeat center 0; overflow:hidden} .crType3 .crSubDiv .crSub .crSub1 dl{position:absolute; top:-9999px; left:-9999px;} .crType3 .crSubDiv .crSub .crSub2{position:relative; width:494px; height:466px; float:left; margin-top:20px; margin-right:20px; background:url('../images/campre/campre_sub3_sectxt1.gif') no-repeat center 0; overflow:hidden} .crType3 .crSubDiv .crSub .crSub2 dl{position:absolute; top:-9999px; left:-9999px;} .crType3 .crSubDiv .crSub .crSub3{position:relative; width:494px; height:466px; float:left; margin-top:20px; background:url('../images/campre/campre_sub3_thrtxt1.gif') no-repeat center 0; overflow:hidden} .crType3 .crSubDiv .crSub .crSub3 dl{position:absolute; top:-9999px; left:-9999px;} .crType3 .crSubDiv .crSubTit1{width:278px; height:31px; margin-bottom:30px; background:url('../images/campre/crSub_c_tit.gif') no-repeat 0 0; text-indent:-9999px;} .crType3 .crTxtIcon{width:908px; float:right; padding:30px 50px; margin-right:25px; background:url('../images/campre/campre_sub_icon1.gif') no-repeat 0 22px; border-top:1px dashed #eee; color:#444} .crType3 .snsBts{position:absolute; bottom:0; right:0; width:1008px; margin-right:25px;} .crType3 .camReBoard th{padding:25px 0 30px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#2e73ab; font-size:18px; color:#fff} .crType3 .camReBoard td{padding:20px 15px 25px; border-right:1px solid #cfdcdf; border-bottom:1px solid #cfdcdf; background:#ecf1f2; font-size:16px} .crType3 .camReBoard td.end{border-right:0px solid #cfdcdf;} .crType3 .camReBoard td strong.one{color:#444} .crType3 .camReBoard td strong.two{color:#2e73ab} .crType3 .camReBox2{padding:28px 38px 15px; margin:20px 0 60px; border:2px solid #d2e0e4; background:#fff; border-radius:20px; overflow:hidden; font-size:; color:#444} .crType3 .camReBox2 li{margin-bottom:16px;} .crType3 .camReBox2 li strong{color:#66a9e4} .crType3 .camReDot{padding-top:10px;} .crType3 .camReDot li{padding-left:10px; margin-bottom:5px; background:url('../images/campre/camre_dot1.gif') no-repeat 0 10px;} .crType3 .camReDot li strong{color:#2e73ab} .crType3 .grnbtH45{background:#2f77b1; border:1px solid #2a699d; border-radius:5px} .qnaNmem{overflow:hidden; border-top:2px solid #42909b; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;} .qnaNmem li{width:320px; float:left; padding:20px 0; border-bottom:1px solid #d7d7d7;} .qnaNmem li div{position:relative; padding:9px 20px 0 29px; height:141px; border-right:1px solid #d7d7d7} .qnaNmem li div .tit{font-size:20px; font-weight:bold; color:#222} .qnaNmem li div .name{font-weight:bold; margin-top:25px;} .qnaNmem li div .email{display:block; margin-top:3px;} .qnaNmem li div .icon{position:absolute; top:0; right:20px;} /* 테블릿 가로 해상도 */ @media all and (max-width:1279px) { input,option{padding:3px 5px;} input.type1{padding:1px 3px;} .dayInput input{width:82px;} #wrapper{min-width:1024px;} #header{position:fixed; background:#fff} #header .headDiv{width:960px;} #gnbTwo ul{width:762px;} #gnbTwo .twoBg .twoImg{display:none} #sitemapBody .sitemapDiv{width:960px;} #sitemapBody .sitemapDiv dl{width:124px; padding:5px 15px 5px 20px;} #sitemapBody .sitemapDiv dl.six{height:170px;} #sitemapBody .sitemapDiv dl.sev{height:110px; margin-top:30px;} .introGate{padding-top:115px; margin-bottom:-160px; background:url('../images/icon/intro_gatevisual.jpg') no-repeat center 115px; text-indent:-9999px;} #header.main{position:absolute; top:0; left:0; border-bottom:0px solid #ddd; background:none} #header.main .headDiv{width:960px; margin:auto;} .mainVisual{height:876px;} .mainVisual .rollDiv.one{background:url('https://recruit.ehyundai.com/images/icon/main_v1.jpg') no-repeat center 0;} .mainVisual .rollDiv.two{background:url('../images/icon/main_v2.jpg') no-repeat center 0;} .mainVisual .rollDiv.thr{background:url('../images/icon/main_v3.jpg') no-repeat center 0;} .mainVisual .rollDiv.fou{background:url('../images/icon/main_v4.jpg') no-repeat center 0;} .mainVisual .rollDiv .unit{width:960px; padding:175px 0 0;} #cBody.main{padding-top:133px; height:684px;} .maincon2 .bottom{width:960px} .maincon2 .bottom .mNoti{width:590px;} .maincon2 .bottom .mNoti .mNotiDiv{width:410px;} .maincon2 .bottom .mUtil{width:338px; padding:20px 0 0 30px;} .maincon2 .bottom .mUtil span{margin:0 8px;} #cBody{width:960px;} #lnb{display:none} #lnb .nav{margin-top:27px;} #lnb .nav a{display:block; padding:5px 0 5px 7px; background:url('../images/icon/lnbbg.gif') no-repeat 0 16px; font-size:15px; color:#555; line-height:25px;} #lnb .nav a.on{background:url('../images/icon/lnbbg_on.gif') repeat-x 0 16px; font-weight:bold; color:#42909b} #lnb .nav a span{display:inline-block; padding:0 15px 0 13px; background:#fff} .container{width:960px; float:none;} .container.wide{width:960px;} .container.wide2{width:960px; margin-top:0} .subCon{position:relative; min-height:560px; padding:150px 0 90px;} .subCon h3{color:#444; font-size:40px; font-weight:normal; line-height:40px;; font-weight:bold; margin-bottom:39px;} .subCon .path{position:absolute; top:175px; right:0; font-size:13px; color:#757575} .subCon .path span{padding:0 3px;} .subCon .path strong{color:#333;} .subCon .path img{vertical-align:middle} .selfIntro textarea{width:97%;} .introGateList li{margin:40px 22px 30px;} .boardType4 th{padding:12px 10px 14px;} .boardType4 td{padding:6px 10px;} .boardType4 td .infoTxt{font-size:13px; color:#9e694a; padding-left:20px;} .boardType4 td label{margin-right:26px;} .addFileBt{display:inline-block; margin-left:14px;} .addFileBt a{display:inline-block; margin:2px 0 0 4px;} .boardType6 .unitList{width:468px;} .boardType6 .unitList .time{width:138px;} .boardType6 .unitList .time strong{font-size:12px;} .boardType6 .unitList .member{width:289px;} .boardType6 .unitList .onbg{width:464px;} .hgStory{} .profileDiv .picDiv{position:relative; width:170px; float:left} .container.wide .profileDiv .boardType4{width:700px;} .applProc{width:960px;} .applProc.one{background:url('../images/icon/apply_pro_bg1_t2.gif') no-repeat 0 0;} .applProc.two{background:url('../images/icon/apply_pro_bg2_t2.gif') no-repeat 0 0;} .applProc.thr{background:url('../images/icon/apply_pro_bg3_t2.gif') no-repeat 0 0;} .applProc.fou{background:url('../images/icon/apply_pro_bg4_t2.gif') no-repeat 0 0;} .applProc.fiv{background:url('../images/icon/apply_pro_bg5_t2.gif') no-repeat 0 0;} .applProc a{width:193px;} .applProc a.fir{width:190px;} .applProc a.fif{width:190px;} .applProc.type2.one{background:url('../images/icon/apply_proc_bg1_t2.gif') no-repeat 0 0;} .applProc.type2.two{background:url('../images/icon/apply_proc_bg2_t2.gif') no-repeat 0 0;} .applProc.type2.thr{background:url('../images/icon/apply_proc_bg3_t2.gif') no-repeat 0 0;} .applProc.type2.fou{background:url('https://recruit.ehyundai.com/images/icon/apply_proc_bg4_t2.gif') no-repeat 0 0;} .applProc.type2 a{width:240px;} .applProc.type2 a.fir{width:240px;} .applProc.type2 a.end{width:240px;} .applProc.type2 p{width:240px;} .applProc.type2 p.fir{width:240px;} .applProc.type2 p.end{width:240px;} .applProc.type3.one{background:url('https://recruit.ehyundai.com/images/icon/apply_pror_bg1_t2.gif') no-repeat 0 0;} .applProc.type3.two{background:url('https://recruit.ehyundai.com/images/icon/apply_pror_bg2_t2.gif') no-repeat 0 0;} .applProc.type3.thr{background:url('https://recruit.ehyundai.com/images/icon/apply_pror_bg3_t2.gif') no-repeat 0 0;} .applProc.type3 a.sec .icon{background:url('https://recruit.ehyundai.com/images/icon/apply_pro_icon9.png') no-repeat 0 0;} .applProc.type3 a{width:320px;} .depth3Wrap{display:block;} /* footer */ #footer .footerDiv{width:960px;} .check2{padding:0 20px 1px 0; font-size:13px; text-align:center} } /* 테블릿 해상도 */ @media all and (max-width:1023px) { .whtbtH30{padding:0 10px; font-size:13px;} .whtbtH35{padding:0 20px;} .whtbtH45{padding:0 30px; font-size:16px;} .grnbtH30{padding:0 10px; font-size:13px;} .grnbtH35{padding:0 20px;} .grnbtH45{padding:0 30px; font-size:16px;} .grnbtH95{padding:0 30px; font-size:20px;} .grybtH30{padding:0 10px; font-size:13px;} .brwbtH30{padding:0 10px; font-size:13px;} .blkbtH45{padding:0 30px; font-size:16px;} .blkbtH30{padding:0 10px; font-size:13px;} .dayInput{width:103px;} p.bar{display:block; float:left; margin:0 3px;} .dayInput input{width:60px;} .dayInput a{display:inline-block; padding:5px;} .titType1 span{display:block; padding-left:0px; margin-top:5px;} #wrapper{min-width:768px;} #header .headDiv{width:708px;} #header .headDiv h1{margin-right:0; padding-top:20px;} #header .headDiv h1 img{width:120px;} #gnb{position:relative; width:550px;} #gnb li{margin:0 25px;} #gnb .oneD{padding:27px 0 39px} #gnb .oneD.on{background:url('https://recruit.ehyundai.com/images/icon/gnb_bg.gif') no-repeat center 5px;} #util{top:10px; z-index:1000} #header .siteMap{bottom:10px;} #header .siteMapOn{bottom:10px;} #sitemapBody{top:104px;} #sitemapBody .sitemapDiv{width:708px;} #sitemapBody .sitemapDiv dl{height:400px; padding:5px 15px 5px 35px} #sitemapBody .sitemapDiv dl.fiv{height:170px; padding-top:30px; border-left:0} #sitemapBody .sitemapDiv dl.six{height:170px; padding-top:30px;} #sitemapBody .sitemapDiv dl.sev{height:170px; padding-top:30px; margin-top:0} .snsBts a{margin-left:5px} #header.main{position:absolute; top:0; left:0; width:100%; border-bottom:0px solid #ddd; z-index:1000;} #header.main .headDiv{width:708px;} #header.main .headDiv h1{margin-right:0; padding-top:20px;} #header.main .headDiv h1 img{width:120px;} .mainVisual{position:relative; width:100%; /* height:903px; */ height:987px; margin:auto; overflow:hidden} .mainVisual .rollDiv{position:absolute; top:0; left:0; width:100%; /* height:903px; */ height:987px; background:url('https://recruit.ehyundai.com/images/icon/main_v1.jpg') no-repeat center 0;} .mainVisual .rollDiv.one{background:url('../images/icon/main_v1_t.jpg') no-repeat center 0;} .mainVisual .rollDiv.two{background:url('https://recruit.ehyundai.com/images/icon/main_v2_t.jpg') no-repeat center 0;} .mainVisual .rollDiv.thr{background:url('https://recruit.ehyundai.com/images/icon/main_v3_t.jpg') no-repeat center 0;} .mainVisual .rollDiv.fou{background:url('https://recruit.ehyundai.com/images/icon/main_v4_t.jpg') no-repeat center 0;} .mainVisual .rollDiv .unit{position:relative; width:708px; height:; margin:auto; padding:125px 0 0; text-align:center} .mainVisual .rollDiv .unit p{margin-bottom:20px} .mainVisual .rollDiv .unit a{position:relative; z-index:500} .mainRollBt{position:absolute; bottom:335px; left:0; z-index:500; width:100%;} .mainRollBt a.left{position:absolute; top:0; left:0;} .mainRollBt a.right{position:absolute; top:0; right:0;} .mainRollBt a.stop{display:none} .mainRollBt a.play{display:none} .mTotalRec{width:146px; height:26px; margin:0 4px; background:url('../images/btn/main_con_bt_t.png') no-repeat 0 0; color:#444; font-size:1px; text-align:center} .mNewRec{width:69px; height:26px; margin:0 4px; overflow:hidden; background:url('../images/btn/main_con_bt_n_t.png') no-repeat 0 0; color:#444; font-size:1px;} .mCareerRec{width:69px; height:26px; margin:0 4px; overflow:hidden; background:url('https://recruit.ehyundai.com/images/btn/main_con_bt_c_t.png') no-repeat 0 0; color:#444; font-size:1px;} .mPopBan .mPopCon{display:block;} #cBody.main{padding-top:275px; width:708px; /* height:556px */ height:653px;} #cBody.main .container{width:520px; margin:auto} /* 2017-09-18 수정 */ #cBody.main .mainCon{width:520px; float:none; margin:auto} /* 2017-09-18 수정 */ #cBody.main .mainConBtn{top:610px} /* 2017-09-26 추가 */ .maincon2 .bottom{width:708px; margin:auto; overflow:hidden} .maincon2 .bottom .mNoti{width:370px; overflow:hidden; border-right:1px solid #a39f9e; float:left} .maincon2 .bottom .mNoti .tit{display:block; width:75px; float:left; padding:15px 0; background:url('../images/btn/main_noti_bt_t.png') no-repeat 0 15px;} .maincon2 .bottom .mNoti .mNotiDiv{position:relative; width:260px; height:59px; overflow:hidden; float:left} .maincon2 .bottom .mNoti .mNotiDiv a{display:block; position:absolute; top:0; left:0; width:250px; height:23px; padding:18px 0 18px 10px; color:#fff; overflow:hidden} .maincon2 .bottom .mNoti .mNotiDiv a span{margin-right:0px;} .maincon2 .bottom .mNoti .mNotiDiv a span.date{display:none} .maincon2 .bottom .mNoti .btDiv{width:30px; float:left; text-align:center; padding:14px 0;} .maincon2 .bottom .mNoti .btDiv a{display:block;} .maincon2 .bottom .mNoti .morebt{left:57px;} .maincon2 .bottom .mUtil{width:307px; overflow:hidden; padding:20px 0 0 10px; float:left} .maincon2 .bottom .mUtil span{font-size:9px; vertical-align:top; color:#989898; margin:0 3px;} .main .container .taR{text-align:center !important} #cBody{width:708px;} #lnb{display:none} #lnb .nav{margin-top:27px;} #lnb .nav a{display:block; padding:5px 0 5px 7px; background:url('../images/icon/lnbbg.gif') no-repeat 0 16px; font-size:15px; color:#555; line-height:25px;} #lnb .nav a.on{background:url('../images/icon/lnbbg_on.gif') repeat-x 0 16px; font-weight:bold; color:#42909b} #lnb .nav a span{display:inline-block; padding:0 15px 0 13px; background:#fff} .warnBox1{padding:23px 25px 20px 80px;} .tab1 a span{padding:13px 25px 18px; font-size:15px;} .tab1 a.on span{padding:13px 19px 17px;} .tab3 a{width:137px; margin-right:4px; background:url('../images/icon/tab3_t.gif') no-repeat center 0;} .tab3 a.on{background:url('../images/icon/tab3_t_on.gif') no-repeat center 0;} .roleTab{width:658px; background:url('../images/icon/tab4_bg.gif') repeat-y 0 0; background-size:708px;} .tab4Div > p{height:5px;} .tab4Div > p img{width:708px;} .roleTab .roleDiv .left{width:708px;} .roleTab .roleDiv .left .tit{float:left;} .roleTab .roleDiv .left .mt30{float:right; margin-top:0 !important;;} .roleTab .roleDiv .left .mt5{float:right; margin-top:35px !important; margin-left:5px;} .roleTab .roleDiv .left .bt{float:right; margin-top:35px !important; margin-left:5px;} .roleTab .roleDiv .right{width:708px;} .tab4 a{width:115px;} .welTab a{margin:0} .welTab a img{width:138px;} .tab5 a{padding:14px 15px 18px;} .tab6Div .tab6{background:url('../images/icon/tab6bg.gif') no-repeat -36px 0px; width:170px;} .tab6Div .tab5{width:538px; float:left} .tab6Div .tab6 .tabSub{width:90px; padding:15px 30px 4px;} .container{width:708px;} .container.wide{width:708px;} .container.wide2{width:708px; margin-top:0} .subCon{position:relative; min-height:560px; padding:150px 0 90px;} .subCon h3{color:#444; font-size:35px; font-weight:normal; line-height:40px;; font-weight:bold; margin-bottom:30px; letter-spacing:-1px} .subCon .path{position:absolute; top:175px; right:0; font-size:13px; color:#757575} .subCon .path span{padding:0 3px;} .subCon .path strong{color:#333;} .subCon .path img{vertical-align:middle} .listSrchBox2{padding:23px 20px 26px;} .listSrchBox2 select{margin-right:1px;} .listSrchBox2 strong{color:#333; margin:0 6px 0 10px;} .listSrchBox2 a{float:right;} .listSrchBox3{width:708px; padding:59px 0 63px; background:url('https://recruit.ehyundai.com/images/icon/new_srch_listbg.jpg') no-repeat center -25px;} .listSrchBox3.faq{background:url('https://recruit.ehyundai.com/images/icon/new_srch_listbg2.jpg') no-repeat center -20px;} .warnBox1 .addBts{position:relative; top:0px; right:0px; text-align:right; margin:15px 15px 0 0;} .myAccrdt .left{float:none;} .myAccrdt .right{width:404px; margin:25px auto 0; float:none} .modBox{border:1px solid #d7d7d7; background:#fbfbfb; text-align:center; padding:45px 0 55px; font-weight:bold; color:#444; font-size:16px;} .modpwBox ul{margin-left:45px;} .modpwBox .bts{margin:20px 0 0; text-align:center} .resultView dd .viewDiv2 li .tit{margin-right:15px;} .introGateList li{margin:40px 39px 30px;} .roleDiv .left{width:155px;} .roleDiv .left .tit{font-size:25px; letter-spacing:-3px} .roleDiv .left .bt{margin:4px 3px} .roleDiv .right{width:545px;} .sysRank{width:708px;height:193px;position:relative;overflow:hidden;background:url('https://recruit.ehyundai.com/images/icon/intro_sys_rank.jpg') no-repeat;margin-bottom:30px; background-size:100%;} .sysRank1{background:url('https://recruit.ehyundai.com/images/icon/intro1_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank2{background:url('https://recruit.ehyundai.com/images/icon/intro2_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank3{background:url('https://recruit.ehyundai.com/images/icon/intro3_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank4{background:url('https://recruit.ehyundai.com/images/icon/intro4_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank5{background:url('https://recruit.ehyundai.com/images/icon/intro5_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank6{background:url('https://recruit.ehyundai.com/images/icon/intro6_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank7{background:url('https://recruit.ehyundai.com/images/icon/intro7_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank8_1{background:url('https://recruit.ehyundai.com/images/icon/intro8_1_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank8_2{background:url('https://recruit.ehyundai.com/images/icon/intro8_2_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank9{background:url('https://recruit.ehyundai.com/images/icon/intro9_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank10{background:url('https://recruit.ehyundai.com/images/icon/intro10_sys_rank.jpg') no-repeat; background-size:100%;} .sysRank16{background:url('https://recruit.ehyundai.com/images/icon/intro16_sys_rank.jpg') no-repeat; background-size:100%;}/* 2019.07.23 김종근 추가 - 현대L&C 직급체계 추가 */ .sysRank17{background:url('../images/icon/intro17_sys_rank.jpg') no-repeat; background-size:100%;}/* 2021.07.29 한진우 추가 - 현대이지웰 직급체계 추가 */ .sysRank18{ height:200px; background:url('../images/icon/intro18_sys_rank.jpg') no-repeat; background-size:100%;}/* 2021.07.29 한진우 추가 - 현대바이오랜드 직급체계 추가 */ .sysRank181{ height:250px; background:url('../images/icon/intro18_sys_rank_2.jpg') no-repeat; background-size:100%;}/* 2021.07.29 한진우 추가 - 현대바이오랜드 직급체계 추가 */ .joinproTxt1{width:708px; background:url('../images/txt/joinpro_txt1_t.gif') no-repeat center 0;} .joinproTxt2{width:708px; background:url('../images/txt/joinpro_txt2_t.gif') no-repeat center 0;} .joinproTxt3{width:708px; background:url('../images/txt/joinpro_txt3_t.gif') no-repeat center 0;} .welfareDiv{width:708px; height:55px; padding:375px 0 0;} .welfareDiv .welRoll{width:708px; height:435px; overflow:hidden} .welfareDiv .welRoll .txtDiv{position:absolute; top:50px; right:0; width:384px; height:165px; padding:40px 30px; background:url('../images/icon/welfare_txtbg.png') no-repeat 0 0; overflow:hidden} .welfareDiv .welRoll .txtDiv .tit{width:153px; float:left; font-size:34px; color:#222; line-height:40px;} .welfareDiv .welRoll .txtDiv .txt{width:219px; float:left; line-height:23px;} .welfareDiv .welRbt img{width:40px;} .welfareDiv .btPack{width:708px; height:50px;} .welfareDiv .btPack .controll{top:22px; right:15px;} .historyDiv{padding-top:5px; background:url('../images/icon/history_bg.png') no-repeat 0px 0; background-size:708px;} .historyDiv.two{background:url('../images/icon/history_bg2.png') no-repeat 0 0; background-size:708px;} .historyDiv.thr{background:url('../images/icon/history_bg3.png') no-repeat 0 0; background-size:708px;} .historyDiv ul{width:708px; overflow:hidden} .historyDiv ul.type1{width:623px; padding-left:85px;} .historyDiv ul.type2{width:623px; padding-left:85px; padding-right:0} .historyDiv ul li{width:130px; height:213px; margin-right:7px;} .historyDiv ul li .img{text-align:center;} .historyDiv ul li img{width:110px;} .historyDiv ul.type2 li{height:229px;} .historyDiv ul.type2 li{float:left;} .historyDiv ul li .txt{top:117px; left:62px; width:132px; padding:22px 0 0 8px;} .historyDiv ul li .date{font-size:14px;} .historyDiv ul li .his{font-size:12px; line-height:16px; margin-top:0} .talentDiv .titType2{float:none} .talentDiv dl{width:708px; float:none; margin-top:35px;} .talentDiv dd{padding:6px 10px 25px;} .cultureDiv .titType2{width:708px;} .cultureDiv .txt{width:708px;} .ethicsDiv div > dl{background:url('../images/txt/ethics_img2.gif') left no-repeat; width:708px; height:453px; text-indent:-9999px; float:right; padding-bottom:30px;} .ethicsDiv div:first-child > dl{background:url('../images/txt/ethics_img1.gif') left no-repeat; width:708px; height:170px; text-indent:-9999px; padding-bottom:0;} .ethicsDiv .titType2{width:205px; float:left; line-height:35px;} .ethicsDiv .txt{line-height:23px; float:left; width:708px; padding-top:17px;} .societyDiv{margin-top:30px !important;} .societyDiv .societyD1{width:708px; height:220px; background:url('../images/icon/society_bg1.png') no-repeat; background-size:100%;} .societyDiv .societyD1 .titType2{float:left; width:130px; margin-left:30px; margin-top:20px; line-height:30px; font-size:22px; letter-spacing:-3px; padding-top:10px;} .societyDiv .societyD1 .txt{float:left; width:345px; padding-top:14px; line-height:22px; font-size:13px;} .societyDiv .societyD2{height:465px;} .societyDiv .societyD2 .left{float:left; width:340px; height:423px; background:url('../images/icon/society_bg2.png') no-repeat; background-size:100%;} .societyDiv .societyD2 .left .txt{width:285px;} .societyDiv .societyD2 .right{float:right; width:340px; height:423px; background:url('../images/icon/society_bg3.png') no-repeat; background-size:100%;} .societyDiv .societyD2 .right .txt{width:285px;} .societyDiv .societyD2 .titType2{margin-left:30px; margin-top:20px; font-size:22px; padding-top:10px;} .societyDiv .societyD2 .txt{margin-top:15px; margin-left:30px; line-height:20px; font-size:13px;} .societyDiv .societyD3{width:700px; height:221px; border:4px solid #e7e3d7; margin-bottom:30px;} .societyDiv .societyD3 .titType2{width:177px; float:left; line-height:34px; margin-top:25px; margin-left:20px; font-size:26px;} .societyDiv .societyD3 .txt{float:left; width:343px; background:url('../images/icon/society_icon.png') 0 31px no-repeat; padding-left:141px; padding-bottom:20px; background-size:120px; padding-top:25px !important; line-height:22px;} .societyDiv .societyD3 .txt strong{color:#c8461e} .group .diagram img{width:700px;} .group .diagram .imgmap1 {display : none} /*2022.07.25 조민지 수정 그룹개요 이미지 수정*/ .group .diagram .imgmap2 {display : block} .group .diagram map.imgmap1 {display : none} .group .diagram map.imgmap2 {display : block} .group .diagram area.imgmap1 {display : none} .group .diagram area.imgmap2 {display : block} .group .diagram .bts.one{top:25px; left:220px;}/*2021.04.02 한진우 수정 그룹개요 수정*/ .group .diagram .bts.one img{width:60px;} .group .diagram .bts.two{top:25px; left:405px;} .group .diagram .bts.two img{width:60px;} .group .diagram .bts.thr{top:120px; left:505px;} .group .diagram .bts.thr img{width:30px;} .group .diagram .bts.fou{top:240px; left:500px;} .group .diagram .bts.fou img{width:30px;} .group .diagram .bts.fiv{top:325px; left:450px;} .group .diagram .bts.fiv img{width:30px;} .group .diagram .bts.six{top:370px; left:320px;} .group .diagram .bts.six img{width:100px;} .group .diagram .bts.sev{top:335px; left:185px;} .group .diagram .bts.sev img{width:45px;} .group .diagram .bts.eig{top:235px; left:140px;} .group .diagram .bts.eig img{width:70px;} .group .diagram .bts.nin{top:130px; left:180px;} .group .diagram .bts.nin img{width:35px;} .visionBox1{background:url('../images/txt/vision_txt2_t.png') no-repeat center 0} .visionBox11{background:url('../images/txt/vision_txt2_1_t.jpg') no-repeat center 0} .visionBox2{background:url('../images/txt/vision_txt3_t.jpg') no-repeat center 0} .visionBox21{background:url('https://recruit.ehyundai.com/images/txt/vision_txt3_1_t.png') no-repeat center 0} .boardType1 a.listUnit{width:340px; margin:0 0 30px 0;} .boardType1 a.listUnit .onbg{width:336px;} .boardType1 a.listUnit.noti .tit{background:url('https://recruit.ehyundai.com/images/icon/notice_icon.png') no-repeat 290px center #f6f6f6;} .boardType1 a.listUnit.recruit{width:340px; margin:0 0 30px 0;} .boardType1 a.listUnit.recruit .tit .part{width:185px;} .boardType1 a.listUnit.recruit .onbg{width:336px;} .boardType1 a.listUnit.recruit.noti .tit{background:url('https://recruit.ehyundai.com/images/icon/notice_icon.png') no-repeat 290px center #f6f6f6;} .boardType2 td label{margin-right:2px;} .boardType3 td a{margin-bottom:5px; font-size:12px; letter-spacing:-2px; padding:0 7px;} .boardType5 .end img{width:500px} .boardType6 .unitList{width:348px;} .boardType6 .unitList .time{width:118px; font-size:13px;} .boardType6 .unitList .member{width:189px;} .boardType6 .unitList .onbg{width:344px;} .boardType7 .listUnit .txt{width:400px;} .boardType7 .listUnit .date .bar{padding:0 10px} .listPrv li.prv{width:297px; padding:29px 10px 32px 45px; background:url('../images/icon/preview_icon1.gif') no-repeat 10px center; overflow:hidden; border-right:1px solid #d7d7d7} .listPrv li.nxt{width:298px; padding:29px 45px 32px 10px; background:url('../images/icon/preview_icon2.gif') no-repeat 327px center; overflow:hidden;} /* 2017-09-14 전체 수정 및 추가 */ /*테블릿 화면*/ .dbList{padding-top:1116px;} .dbList .dbBt.one{top:0; left:0; width:155px; height:330px; background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt1_two.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.two{top:0; left:142px; width:120px; height:330px; background:url('../images/btn/db_regi_bt2_fir.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.thr{top:0; left:252px; width:125px; height:339px; background:url('../images/btn/db_regi_bt3_fir.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fou{top:0; left:398px; width:115px; height:352px; background:url('../images/btn/db_regi_bt4_fir.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fiv{top:0; left:534px; width:113px; height:330px; background:url('../images/btn/db_regi_bt5_fir.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.six{top:inherit; bottom:606px; left:76px; width:102px; height:330px; background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt6_two.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.sev{top:inherit; bottom:606px; left:193px; width:109px; height:351px; background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt7_two.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.eig{top:inherit; bottom:606px; left:315px; width:152px; height:336px; background:url('../images/btn/db_regi_bt8_fir.png') no-repeat 0 0; background-size:100%; z-index:5} .dbList .dbBt.nin{top:inherit; bottom:606px; left:433px; width:141px; height:330px; background:url('../images/btn/db_regi_bt9_fir.png') no-repeat 0 0; background-size:100%; z-index:6} .dbList .dbBt.ten{top:inherit; bottom:606px; left:559px; width:149px; height:352px; background:url('../images/btn/db_regi_bt10_fir.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.ele{top:inherit; bottom:240px; left:6px; width:115px; height:330px; background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt11_two.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.twe{top:inherit; bottom:240px; left:120px; width:122px; height:358px; background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt12_two.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.thirT{top:inherit; bottom:240px; left:240px; width:155px; height:330px; background:url('../images/btn/db_regi_bt13_fir.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fourT{top:inherit; bottom:240px; left:392px; width:94px; height:365px; background:url('../images/btn/db_regi_bt14_fir.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fift{top:0; left:398px; width:120px; height:345px; background:url('../images/btn/db_regi_bt15_fir.png') no-repeat 0 0; background-size:100%;}/*2018.07.16 김종근 추가 - 현대IT&E 인재DB*/ .dbList .dbBt.sixt{top:inherit; bottom:606px; left:193px; width:102px; height:357px; background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt16_two.png') no-repeat 0 0; background-size:100%;}/*2019.08.16 김종근 추가 - 현대L&C 인재DB*/ /*.dbList .dbBt.sevth{top:inherit; bottom:606px; left:10px; width:102px; height:297px; background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt17_two.png') no-repeat 0 0; background-size:100%;}*//*2021.07.30 한진우 추가 - 현대이지웰 인재DB*/ /*.dbList .dbBt.eight{top:inherit; bottom:180px; left:400px; width:102px; height:357px; background:url('../images/btn/db_regi_bt18_two.png') no-repeat 0 0; background-size:100%;}*//*2021.07.30 한진우 추가 - 현대바이오랜드 인재DB*/ .dbList .dbBt.one.on{background:url('../images/btn/db_regi_bt1_two_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.two.on{background:url('../images/btn/db_regi_bt2_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.thr.on{background:url('../images/btn/db_regi_bt3_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fou.on{background:url('../images/btn/db_regi_bt4_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fiv.on{background:url('../images/btn/db_regi_bt5_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.six.on{background:url('../images/btn/db_regi_bt6_two_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.sev.on{background:url('../images/btn/db_regi_bt7_two_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.eig.on{background:url('../images/btn/db_regi_bt8_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.nin.on{background:url('../images/btn/db_regi_bt9_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.ten.on{background:url('../images/btn/db_regi_bt10_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.ele.on{background:url('../images/btn/db_regi_bt11_two_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.twe.on{background:url('../images/btn/db_regi_bt12_two_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.thirT.on{background:url('../images/btn/db_regi_bt13_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fourT.on{background:url('../images/btn/db_regi_bt14_on.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fift.on{background:url('../images/btn/db_regi_bt15_on.png') no-repeat 0 0; background-size:100%;}/*2018.07.16 김종근 추가 - 현대IT&E 인재DB*/ .dbList .dbBt.sixt.on{background:url('../images/btn/db_regi_bt16_two_on.png') no-repeat 0 0; background-size:100%;}/*2019.08.16 김종근 추가 - 현대L&C 인재DB*/ .dbList .dbBt.sevth.on{background:url('../images/btn/db_regi_bt17_two_on.png') no-repeat 0 0; background-size:100%;}/*2021.07.30 한진우 추가 - 현대이지웰 인재DB*/ .dbList .dbBt.eight.on{background:url('../images/btn/db_regi_bt18_two_on.png') no-repeat 0 0; background-size:100%;}/*2021.07.30 한진우 추가 - 현대바이오 인재DB*/ .dbList .dbBt.one.on2{background:url('../images/btn/db_regi_bt1_two_on.png') no-repeat 0 0 !important; background-size:100% !important;} /* 2017-09-15 수정 */ .dbList .dbBt.two.on2{background:url('../images/btn/db_regi_bt2_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.thr.on2{background:url('../images/btn/db_regi_bt3_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.fou.on2{background:url('../images/btn/db_regi_bt4_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.fiv.on2{background:url('../images/btn/db_regi_bt5_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.six.on2{background:url('../images/btn/db_regi_bt6_two_on.png') no-repeat 0 0 !important; background-size:100% !important;} /* 2017-09-15 수정 */ .dbList .dbBt.sev.on2{background:url('../images/btn/db_regi_bt7_two_on.png') no-repeat 0 0 !important; background-size:100% !important;} /* 2017-09-15 수정 */ .dbList .dbBt.eig.on2{background:url('../images/btn/db_regi_bt8_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.nin.on2{background:url('../images/btn/db_regi_bt9_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.ten.on2{background:url('../images/btn/db_regi_bt10_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.ele.on2{background:url('../images/btn/db_regi_bt11_two_on.png') no-repeat 0 0 !important; background-size:100% !important;} /* 2017-09-15 수정 */ .dbList .dbBt.twe.on2{background:url('../images/btn/db_regi_bt12_two_on.png') no-repeat 0 0 !important; background-size:100% !important;} /* 2017-09-15 수정 */ .dbList .dbBt.thirT.on2{background:url('../images/btn/db_regi_bt13_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.fourT.on2{background:url('../images/btn/db_regi_bt14_on.png') no-repeat 0 0 !important; background-size:100% !important;} .dbList .dbBt.fift.on2{background:url('../images/btn/db_regi_bt15_on.png') no-repeat 0 0 !important; background-size:100% !important;}/*2018.07.16 김종근 추가 - 현대IT&E 인재DB*/ .dbList .dbBt.sixt.on2{background:url('../images/btn/db_regi_bt16_two_on.png') no-repeat 0 0 !important; background-size:100% !important;}/*2019.08.16 김종근 추가 - 현대L&C 인재DB*/ .dbList .dbBt.sevth.on2{background:url('../images/btn/db_regi_bt17_two_on.png') no-repeat 0 0 !important; background-size:100% !important;}/*2021.07.30 한진우 추가 - 현대이지웰 인재DB*/ .dbList .dbBt.eight.on2{background:url('../images/btn/db_regi_bt18_two_on.png') no-repeat 0 0 !important; background-size:100% !important;}/*2021.07.30 한진우 추가 - 현대바이오 인재DB*/ .dbList .dbBt.one.off{background:url('../images/btn/db_regi_bt1_off.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.two.off{background:url('../images/btn/db_regi_bt2.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.thr.off{background:url('../images/btn/db_regi_bt3.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fou.off{background:url('../images/btn/db_regi_bt4.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fiv.off{background:url('../images/btn/db_regi_bt5.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.six.off{background:url('../images/btn/db_regi_bt6_off.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.sev.off{background:url('../images/btn/db_regi_bt7_off.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.eig.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt8.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.nin.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt9.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.ten.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt10.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.ele.off{background:url('../images/btn/db_regi_bt11_off.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.twe.off{background:url('../images/btn/db_regi_bt12_off.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.thirT.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt13.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fourT.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt14.png') no-repeat 0 0; background-size:100%;} .dbList .dbBt.fift.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt15.png') no-repeat 0 0; background-size:100%;}/*2018.07.16 김종근 추가 - 현대IT&E 인재DB*/ .dbList .dbBt.sixt.off{background:url('../images/btn/db_regi_bt16_off.png') no-repeat 0 0; background-size:100%;}/*2019.08.16 김종근 추가 - 현대L&c 인재DB*/ .dbList .dbBt.sevth.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt17_off.png') no-repeat 0 0; background-size:100%;}/*2021.07.30한진우근 추가 - 현대이지웰 인재DB*/ .dbList .dbBt.eight.off{background:url('https://recruit.ehyundai.com/images/btn/db_regi_bt18_off.png') no-repeat 0 0; background-size:100%;}/*2021.07.30 한진우 추가 - 현대바이오 인재DB*/ .dbList .dbView{height:204px; border-radius:30px; padding:19px 13px 0; overflow:hidden} .dbList .dbView .img{width:310px; float:left} .dbList .dbView .img img{width:310px;} .dbList .dbView .img2{width:310px; float:left} .dbList .dbView .img2 img{width:310px;} .dbList .dbView .txt2{width:310px; float:right; margin-right:20px;} .dbList .dbView .txt2 .tit img{height:32px;} .dbList .dbView .txt{width:310px; margin-right:20px;} .dbList .dbView .txt .tit img{height:30px;} .dbList .dbView .txt.mt40{margin-top:20px !important} .dbList .dbView .txt2.mt40{margin-top:20px !important} .dbList .dbView .txt .mt20{margin-top:15px !important} .dbList .dbView .txt .mt15 img{width:110px;} .dbList .dbView .txt2 .mt15 img{width:110px;} .dbList .dbView .xbt img{width:15px;} /* //2017-09-14 전체 수정 및 추가 */ .dbinfoDiv .dbinfoWrap{background:url('../images/icon/dbinfo_img.jpg') no-repeat; text-indent:-9999px; width:708px; height:500px; background-size:100%;} .hgStory{margin:auto} #login .loginDiv{width:440px; margin:auto; padding:0; background:none} .profileDiv .picDiv{width:170px; float:none; margin:auto} .profileDiv .boardType4{float:none; margin-top:30px;} .container.wide .profileDiv .boardType4{width:640px;} .withdrawDiv li input[type="text"]{margin-top:10px} .applProc{width:708px;} .applProc.one{background:url('../images/icon/apply_pro_bg1_t.gif') no-repeat 0 0;} .applProc.two{background:url('../images/icon/apply_pro_bg2_t.gif') no-repeat 0 0;} .applProc.thr{background:url('../images/icon/apply_pro_bg3_t.gif') no-repeat 0 0;} .applProc.fou{background:url('../images/icon/apply_pro_bg4_t.gif') no-repeat 0 0;} .applProc.fiv{background:url('../images/icon/apply_pro_bg5_t.gif') no-repeat 0 0;} .applProc a{width:141px; font-size:15px;} .applProc a .icon{padding: 0 0 5px 28px;} .applProc a.fir .icon{background:url('../images/icon/apply_pro_icon1.png') no-repeat 0 5px; background-size:23px 23px} .applProc a.sec .icon{background:url('../images/icon/apply_pro_icon2.png') no-repeat 0 5px; background-size:23px 23px} .applProc a.thi .icon{background:url('../images/icon/apply_pro_icon3.png') no-repeat 0 5px; background-size:23px 23px} .applProc a.for .icon{margin-left:20px; background:url('../images/icon/apply_pro_icon4.png') no-repeat 0 5px; background-size:23px 23px} .applProc a.fif .icon{background:url('../images/icon/apply_pro_icon5.png') no-repeat 0 5px; background-size:23px 23px} .applProc a.end .icon{background:url('../images/icon/apply_pro_icon6.png') no-repeat 0 3px; background-size:23px 23px} .applProc a.fir{width:141px;} .applProc a.fif{width:144px;} .applProc.type2.one{background:url('../images/icon/apply_proc_bg1_t.gif') no-repeat 0 0;} .applProc.type2.two{background:url('../images/icon/apply_proc_bg2_t.gif') no-repeat 0 0;} .applProc.type2.thr{background:url('../images/icon/apply_proc_bg3_t.gif') no-repeat 0 0;} .applProc.type2.fou{background:url('../images/icon/apply_proc_bg4_t.gif') no-repeat 0 0;} .applProc.type2 a.sec .icon{background:url('../images/icon/apply_pro_icon7.png') no-repeat 0 3px; background-size:28px 28px} .applProc.type2 a.thi .icon{background:url('../images/icon/apply_pro_icon8.png') no-repeat 0 3px; background-size:28px 28px} .applProc.type2 a{width:177px;} .applProc.type2 a.fir{width:177px;} .applProc.type2 a.end{width:177px;} .applProc.type2 p{width:177px;} .applProc.type2 p.fir{width:177px;} .applProc.type2 p.end{width:177px;} .applProc.type3.one{background:url('../images/icon/apply_pror_bg1_t.gif') no-repeat 0 0;} .applProc.type3.two{background:url('../images/icon/apply_pror_bg2_t.gif') no-repeat 0 0;} .applProc.type3.thr{background:url('../images/icon/apply_pror_bg3_t.gif') no-repeat 0 0;} .applProc.type3 a.sec .icon{background:url('https://recruit.ehyundai.com/images/icon/apply_pro_icon9.png') no-repeat 0 3px; background-size:28px 28px} .applProc.type3 a{width:236px;} .introRoll{position:relative; width:708px; height:500px} .introRoll .rollDiv{position:relative; width:708px; height:380px; overflow:hidden} .introRoll .rollDiv p{position:absolute; top:0; left:0; width:708px; height:380px} .introRoll .rollDiv p img{width:708px;} .introRoll .rollDiv .bts{position:absolute; top:40px; right:40px;} .introRoll .btDiv{position:absolute; bottom:0; left:0; width:708px; height:150px; background:url('../images/icon/introroll_txtbg.png') no-repeat center 0; text-align:center; color:#fff} .introRoll .btDiv strong{font-size:22px; font-weight:bold} .introInfoDiv{overflow:hidden; margin-bottom:30px} .introInfoDiv ul{width:708px; float:none; overflow:hidden} .introInfoDiv li{float:left; width:354px; overflow:hidden; margin-bottom:17px} .introInfoDiv li .tit{width:66px; height:13px; float:left; padding:4px 7.5px 12px 7.5px; font-weight:bold; color:#333; background:url('../images/icon/introinfo_txtbg.png') no-repeat center 0} .introInfoDiv li .txt{width:253px; padding:0 10px 0 10px; float:left; line-height:25px;} .introInfoDiv .right{width:708px; float:none; margin-top:37px; line-height:24px;} .i3R1it{width:553px; height:125px; background:url('../images/txt/intro3_role1it.gif') no-repeat center 0; background-size:100%; text-indent:-9999px; overflow:hidden;} /*2018.07.25 현대IT&E 직무소개 조직도 클래스 추가 */ .i15R1it{width:553px; height:125px; background:url('../images/txt/intro15_role1it.gif') no-repeat center 0; background-size:100%; text-indent:-9999px; overflow:hidden;} /* .resultView dd .viewDiv1{padding:338px 0 46px; background:url('../images/icon/result_view_img1.jpg') no-repeat center 0; background-size:708px 310px;} */ /* 채용프로세스 */ .rec1Proc1{width:708px; height:162px; background:url('../images/txt/rec1_proc1_t.gif') no-repeat center 0} .rec1Proc2{width:708px; height:162px; background:url('../images/txt/rec1_proc2_t.gif') no-repeat center 0} .rec1Proc3{width:708px; height:162px; background:url('../images/txt/rec1_proc3_t.gif') no-repeat center 0} .rec2Proc1{width:708px; height:162px; background:url('../images/txt/rec2_proc1_t.gif') no-repeat center 0} .rec2Proc2{width:708px; height:162px; background:url('../images/txt/rec2_proc2_t.gif') no-repeat center 0} .rec2Proc3{width:708px; height:162px; background:url('../images/txt/rec2_proc3_t.gif') no-repeat center 0} .rec3Proc1{width:708px; height:162px; background:url('../images/txt/rec3_proc1_t.gif') no-repeat center 0} .rec3Proc2{width:708px; height:162px; background:url('../images/txt/rec3_proc2_t.gif') no-repeat center 0} .rec3Proc3{width:708px; height:162px; background:url('../images/txt/rec3_proc3_t.gif') no-repeat center 0} .rec3Proc4{width:708px; height:162px; background:url('../images/txt/rec3_proc4_t.gif') no-repeat center 0} .rec3Proc5{width:708px; height:162px; background:url('../images/txt/rec3_proc5_t.gif') no-repeat center 0} .rec4Proc1{width:708px; height:162px; background:url('../images/txt/rec4_proc1_t.gif') no-repeat center 0} .rec4Proc2{width:708px; height:162px; background:url('../images/txt/rec4_proc2_t.gif') no-repeat center 0} .rec4Proc3{width:708px; height:162px; background:url('../images/txt/rec4_proc3_t.gif') no-repeat center 0} .rec4Proc4{width:708px; height:162px; background:url('../images/txt/rec4_proc4_t.gif') no-repeat center 0} .rec5Proc1{width:708px; height:162px; background:url('../images/txt/rec5_proc1_t.gif') no-repeat center 0} .rec5Proc2{width:708px; height:162px; background:url('../images/txt/rec5_proc2_t.gif') no-repeat center 0} .rec5Proc3{width:708px; height:162px; background:url('../images/txt/rec5_proc3_t.gif') no-repeat center 0} .rec6Proc1{width:708px; height:162px; background:url('../images/txt/rec6_proc1_t.gif') no-repeat center 0} .rec6Proc2{width:708px; height:162px; background:url('../images/txt/rec6_proc2_t.gif') no-repeat center 0} .rec6Proc3{width:708px; height:162px; background:url('../images/txt/rec6_proc3_t.gif') no-repeat center 0} .rec6Proc4{width:708px; height:162px; background:url('../images/txt/rec6_proc4_t.gif') no-repeat center 0} .rec7Proc1{width:708px; height:162px; background:url('../images/txt/rec7_proc1_t.gif') no-repeat center 0} .rec7Proc2{width:708px; height:162px; background:url('../images/txt/rec7_proc2_t.gif') no-repeat center 0} .rec7Proc3{width:708px; height:162px; background:url('https://recruit.ehyundai.com/images/txt/rec7_proc3_t.gif') no-repeat center 0} .rec8Proc1{width:708px; height:162px; background:url('../images/txt/rec8_proc1_t.gif') no-repeat center 0} .rec8Proc2{width:708px; height:162px; background:url('../images/txt/rec8_proc2_t.gif') no-repeat center 0} .rec8Proc3{width:708px; height:162px; background:url('../images/txt/rec8_proc3_t.gif') no-repeat center 0} .rec9Proc1{width:708px; height:162px; background:url('https://recruit.ehyundai.com/images/txt/rec9_proc1_t.gif') no-repeat center 0} .rec9Proc2{width:708px; height:162px; background:url('https://recruit.ehyundai.com/images/txt/rec9_proc2_t.gif') no-repeat center 0} .rec9Proc3{width:708px; height:162px; background:url('https://recruit.ehyundai.com/images/txt/rec9_proc3_t.gif') no-repeat center 0} .rec10Proc1{width:708px; height:162px; background:url('https://recruit.ehyundai.com/images/txt/rec10_proc1_t.gif') no-repeat center 0} .rec10Proc2{width:708px; height:162px; background:url('https://recruit.ehyundai.com/images/txt/rec10_proc2_t.gif') no-repeat center 0} .rec10Proc3{width:708px; height:162px; background:url('../images/txt/rec10_proc3_t.gif') no-repeat center 0} .rec10Proc4{width:708px; height:162px; background:url('../images/txt/rec10_proc4_t.gif') no-repeat center 0} .rec11Proc1{width:708px; height:162px; background:url('../images/txt/rec11_proc1_t.gif') no-repeat center 0} .rec11Proc2{width:708px; height:162px; background:url('../images/txt/rec11_proc2_t.gif') no-repeat center 0} .rec11Proc3{width:708px; height:162px; background:url('../images/txt/rec11_proc3_t.gif') no-repeat center 0} .rec12Proc1{width:708px; height:162px; background:url('../images/txt/rec12_proc1_t.gif') no-repeat center 0} .rec12Proc2{width:708px; height:162px; background:url('../images/txt/rec12_proc2_t.gif') no-repeat center 0} /* 2017-09-14 추가 */ .rec13Proc1{width:708px; height:162px; background:url('../images/txt/rec13_proc1_t.gif') no-repeat center 0} .rec13Proc2{width:708px; height:162px; background:url('../images/txt/rec13_proc2_t.gif') no-repeat center 0} .rec13Proc3{width:708px; height:162px; background:url('../images/txt/rec13_proc3_t.gif') no-repeat center 0} .rec14Proc1{width:708px; height:162px; background:url('../images/txt/rec14_proc1_t.gif') no-repeat center 0} .rec14Proc2{width:708px; height:162px; background:url('../images/txt/rec14_proc2_t.gif') no-repeat center 0} /* //2017-09-14 추가 */ .rec15Proc1{width:708px; height:162px; background:url('../images/txt/rec15_proc1_t.gif') no-repeat center 0} .rec15Proc2{width:708px; height:162px; background:url('../images/txt/rec15_proc2_t.gif') no-repeat center 0} /*2021 04 30 추가*/ .rec16Proc2{width:708px; height:162px; background:url('../images/txt/rec16_proc2_t.gif') no-repeat center 0} /*2021.07.29 한진우 추가 - 이지웰 추가*/ .rec17Proc1{width:708px; height:162px; background:url('../images/txt/rec16_proc2_t.gif') no-repeat center 0} .rec17Proc2{width:708px; height:162px; background:url('../images/txt/rec16_proc2_t.gif') no-repeat center 0} /*2021.07.29 한진우 추가 - 바이오랜드 추가*/ .rec18Proc1{width:708px; height:162px; background:url('../images/txt/rec18_proc1_t.gif') no-repeat center 0} .rec18Proc2{width:708px; height:162px; background:url('../images/txt/rec18_proc2_t.gif') no-repeat center 0} .qnaNmem li{width:236px; padding:10px 0;} .qnaNmem li div{position:relative; padding:5px 10px 0 19px;} .qnaNmem li div .tit{font-size:18px;} .qnaNmem li div .name{margin-top:20px;} .qnaNmem li div .email{width:100%; overflow:hidden; word-break:break-all;} .qnaNmem li div .icon img{width:35px;} .intro3Tal{line-height:22px;} .intro3Tal li .tit{padding-top:15px; font-size:18px;} .intro3Tal li .txt1{font-size:14px;} .intro3Tal li .txt2{font-size:12px;} .depth3Wrap{display:block;} /* footer */ #footer .footerDiv{width:708px;} #footer .right .wacm{position:absolute; left:150px; top:40px;} /* 2015-11-16 추가 */ .lyPop{width:680px;} .lyPop .lyHead{position:relative; padding:29px 30px 34px; background:#363636; font-size:23px; font-weight:bold; color:#fff} .lyPop .lyHead a{position:absolute; top:28px; right:30px;} .lyPop .lyBody{padding:40px 30px; background:#fff} .lyPop .lyBody img{width:600px;} }