/* ----------------------------------------------------------------
Web Service Team : sakang 100526
---------------------------------------------------------------- */

@import url("basic.css");


/* layout */

#navi { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
header, section, footer { width:555px; height:auto; overflow:hidden; margin:0 auto; }
header { padding:30px 0 7px 0; }
nav { height:21px; overflow:hidden; }
nav ul.gnb { float:left; }
nav ul.gnb li,
nav ul.lang li { float:left; margin-right:12px; }
nav ul.gnb li a:hover img,
nav ul.gnb li a.active img,
nav ul.lang li a:hover img,
nav ul.lang li a.active img { margin-top:-21px; }
nav ul.lang { float:right; margin-right:5px; }
section { clear:both; padding-bottom:50px; }
footer { background:url(/images/bg_footer.gif) no-repeat; padding:35px 0  }
footer  .logo { float:left; width:95px; }
footer .footer { float:left; width:460px; padding-top:5px }
footer .footer p { color:#afafaf; font-size:11px; line-height:14px }
footer .footer p.copy { color:#c5c5c5; font-size:11px; font-family: Helvetica, Arial, sans-serif }
footer .footer address span { color:#afafaf; font-size:11px; font-style:normal }

/* contents */
.main_img { position:relative; }
.main_img .btn { position:absolute; top:307px; left:15px; height:20px; overflow:hidden; }
.main_img .btn a:hover img,
.main_img .btn a.active img { margin-top:-20px; }
.main_img .btn1 { position:absolute; top:385px; left:15px; height:20px; overflow:hidden; }
.main_img .btn1 a:hover img,
.main_img .btn1 a.active img { margin-top:-20px; }
.main_img .title { margin-bottom:18px; }
.main_img ul.story { padding-left:20px; height:auto; overflow:hidden; background:url(/images/icon_arrow.gif) 0 0 no-repeat; }
.main_img ul.story li { float:left; margin-right:8px; height:11px; overflow:hidden; }
.main_img ul.story li a:hover img,
.main_img ul.story li a.active img { margin-top:-11px; }
.main_img .history { width:555px; height:450px; background:url(/images/history.jpg) no-repeat; }


.recruit_img .recruit1 { height:20px; overflow:hidden; margin-bottom:20px; }
.recruit_img .recruit1 a:hover img { margin-top:-20px; }
.recruit_img .recruit1 a.active img { margin-top:-40px; }
.recruit_img .recruit2  { display:none; width:536px; height:367px; overflow:hidden; margin-bottom:20px; }
.recruit_img .recruit3  { display:none; width:536px; height:442px; overflow:hidden; background:url(/images/recruit_txt_02_1.gif) no-repeat; }
.recruit_img .recruit4 { height:20px; overflow:hidden; margin-bottom:20px; }
.recruit_img .recruit4 a:hover img { margin-top:-20px; }

.pop_recruit { width:924px; height:auto; overflow:hidden; }
.pop_recruit .btnPrint { float:right; height:25px; overflow:hidden; margin:10px 10px 0 0; }
.pop_recruit .btnPrint a:hover img { margin-top:-25px; }
.pop_recruit .txt1 { float:left; width:902px; padding:0 0 20px 20px; }
.tab li { float:left; height:64px; overflow:hidden; }
.tab li a:hover img,
.tab li a.active img { margin-top:-64px; }
.tabTable { clear:both; width:894px; margin:0 auto; border-bottom:2px solid #868686;  }
.tabTable th { height:30px; border-bottom:1px solid #dfdfdf; }
.tabTable td { padding:10px 10px 10px 0; border-bottom:1px solid #dfdfdf; font-size:11px; color:#6d6d6d; vertical-align:top }
.tabTable td.td1 { color:#636363; font-weight:bold; font-size:12px; text-align:center; vertical-align:middle }
.tabTable td.td2 { color:#414141; vertical-align:middle }
.tabTable .point { color:#ee6103; }
.pop_recruit .note { color:#ee6103; margin:10px 0 20px 17px; background:url(/images/icon_point.gif) 0 3px no-repeat; padding-left:8px }
.pop_recruit .comm { background-color:#fef9f2 }

.pop_main { width:415px; height:425px }
.pop_main .pop_txt { float:left; width:395px; padding:13px 10px 0 10px }
.pop_main .pop_txt .f_l { float:left; padding-left:3px }
.pop_main .pop_txt .f_l input, .pop_main .pop_txt .f_l img { vertical-align:middle }
.pop_main .pop_txt .f_r { float:right }

.map { position:relative; width:555px; height:570px; background:url(/images/map_1_1.jpg) no-repeat; }
.mapBtn { position:absolute; top:275px; right:30px; width:83px; height:auto; overflow:hidden; }
.mapBtn .naver { height:18px; overflow:hidden; }
.mapBtn .naver a:hover img { margin-top:-18px; }
.mapBtn .popPrint { height:23px; overflow:hidden; }
.mapBtn .popPrint a:hover img { margin-top:-23px; }
.mapTitle { padding:37px 0 0 45px; }
.printmap { width:592px; height:535px; }

/* 채용 공고 리스트 */
.recruit_area { float:left; width:536px }
.recruit_area .btn { float:right; height:20px; overflow:hidden; margin-top:3px }
.recruit_area .btn a:hover img { margin-top:-20px }
.recruit_area h2 { clear:both; padding:17px 0 15px }
.recruit_area table { clear:both;  width:536px; border-bottom:2px solid #868686 }
.recruit_area table th { border-bottom:1px solid #525252; font-weight:normal; color:#ddd; height:22px; line-height:22px; background:#696969 url(/images/line_01.gif) left 6px no-repeat; letter-spacing:-0.75px }
.recruit_area table th:first-child { background-image:none }
.recruit_area table td { height:30px; border-top:1px solid #dfdfdf; font-size:11px; color:#6d6d6d  }
/* .recruit_area table td:first-child { border-top:1px solid #fff; border-bottom:1px solid #dfdfdf } */
.recruit_area table td.type { width:75px; text-align:center }
.recruit_area table td.subject { width:314px; padding-left:12px; letter-spacing:-0.25px }
.recruit_area table td.subject a { color:#6d6d6d }
.recruit_area table td.subject a:hover { color:#6494c7; text-decoration:underline }
.recruit_area table td.subject img { margin-right:8px; vertical-align:middle }
.recruit_area table td.date { width:130px; padding-left:12px; padding-right: 8px; font-family:tahoma; color:#999  }

/* 채용 공고 상세 */
.recruit_view { float:left; width:536px; border-top:2px solid #696969; border-bottom:2px solid #868686 }
.recruit_view dl { float:left }
.recruit_view dt { float:left; height:13px; background:url(/images/line_02.gif) right 10px no-repeat; border-bottom:1px solid #dfdfdf; padding:7px 0 9px 0; text-align:center; color:#999; letter-spacing:-0.75px  }
.recruit_view dd { float:left; height:13px; border-bottom:1px solid #dfdfdf; padding:7px 0 9px 15px }
.recruit_view dt.sb1 { width:78px}
.recruit_view dt.sb3 { width:53px}
.recruit_view dd.sb1 { width:443px; color:#555; font-weight:bold; letter-spacing:-0.25px}
.recruit_view dd.sb1 img { margin-right:8px; vertical-align:middle; margin-bottom:1px;}
.recruit_view dd.sb2 { width:296px; border-right:1px solid #dfdfdf; color:#6d6d6d; font-family:tahoma; font-size:11px }
.recruit_view dd.sb3 { width:78px; color:#6d6d6d; letter-spacing:-0.75px }
.recruit_view .cont { float:left; width:496px; padding:28px 20px; font-size:11px; color:#5d5d5d; letter-spacing:-0.25px; word-wrap:break-word;  }
.recruit_view .cont  a { color:#6494c7 }
.recruit_view .cont a:hover { color:#6494c7; text-decoration:underline }

.btn_area { float:left; width:100%;  margin-top:10px } 
.btn_area .f_r a { display:block; padding:3px 13px 0 13px; border:1px solid #dbdbdb; color:#656565; font-size:11px; border-bottom:1px solid #bebebe; font-weight:bold; letter-spacing:-0.75px; }


.recruit_down { position:relative; float:left; width:100%;  padding-top:30px }
.recruit_down .btn_down { position:absolute; right:0; bottom:0 }

/* paging */
.pageBox { clear:both; margin:10px 0; text-align:center }
.pageBox a { font-size:11px; font-family:tahoma; color:#999; padding:2px 5px; font-weight:bold; border:1px solid #fff }
.pageBox .paging a:hover { color:#565656; border:1px solid #cdcdcd }
.pageBox .paging a.active { color:#565656; border:1px solid #cdcdcd }
.pageBox a:hover { color:#999; border:1px solid #fff }
.pageBox a.active { color:#565656; border:1px solid #fff  }
.pageBox a.inert { color:#999; cursor:default }





label.error {
  background:url("/images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}
p.errorMessage {
  background:url("/images/unchecked.gif") no-repeat 0px 0px;
  margin-top: 16px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}