\@charset "utf-8";
@font-face{
font-family:NanumGothic;
src:url(‘/font/NanumGothic.eot’);
src:url(‘/font/NanumGothic.eot?#iefix’) format(‘embedded-opentype’),
url(‘/font/NanumGothic.woff’) format(‘woff’),
url(‘/font/NanumGothic.ttf’) format(‘truetype’),
url(‘/font/NanumGothic.svg#NanumGothic’) format(‘svg’),
src:local(※), url(‘/font/NanumGothic.woff’) format(‘woff’);
}
body,table/*,input,textarea,select,button*/{font-family:NanumGothic,’나눔고딕’,ng,sans-serif}
textarea {resize:none;}
/* CSS Document */

* { margin:0; padding:0; }
html,body { font-size:12px; color:#000000; width:100%; height:100%;}
html {overflow-y:scroll}
ul, ul li { list-style:none; }
img, input.type-image{border:0 none;line-height:0; vertical-align:middle;}
input.text { height:15px; border: 1px solid #cccbcb; font-size:12px; color:#000; padding:3px 0 0 5px; }
select { height:18px; border: 1px solid #cccbcb; font-size:12px; color:#666666; vertical-align:middle; }/* 100519 */
textarea { border:1px solid #cccbcb; font-family:verdana; font-size:12px; color:#000; padding:5px; }
dt, dd, ol, ul, li, span, h1, h2, h3, h4, h5 p { margin:0; padding:0; }
caption { font-size:0; height:0; width:0; line-height:0; }
th { font-weight:normal; }

em { font-style:normal; }

.png24 {tmp:expression(setPng24(this));}

.float_l { float:left; }
.float_r { float:right; }

.ls01 { letter-spacing:-1px; }

.fc_red { color:#e51937; }


.clear { clear:both; }

@media print {.noprint { display:none; }}
.center {text-align:center}



/* Default link */
a:link {font-size:12px; color:#666666; text-decoration:none;}
a:visited {font-size:12px; color:#666666; text-decoration:none;}
a:hover,a:focus,a:active {font-size:12px; color:#e51937; text-decoration:none;}

/* accessbility default */
.default_p_style { font-size:12px; font-weight:normal; color:black; }

.default_gray_color { color:#666666; }
.default_orange_color { color:#e51937 ; }
.default_red_color { color:#e51937 ; }

.default_dl_style { overflow:hidden; zoom:1; text-align:left; }
.default_dl_style dt,
.default_dl_style dd { float:left; padding:0; color:black; line-height:16px; height:auto; }
.default_dl_style dt { background:url(bul_list.gif) no-repeat left 6px; padding-left:6px; }

.hiddentext { position:absolute; left:-10000px; }


#wrapper { width:100%; height:100%; }
#container { width:980px; margin:0 auto; padding:0 20px; }

/* header */
#header { width:980px; padding:17px 0 0 0; }/*100621*/
#header .logo { float:left; }/*100621*/
#header .util { width:217px; margin:46px 0 0 0; float:right; }/*100621*/
#header .util li { float:left; padding-left:7px; }/*100621*/

.hide{height:0 !important;top:0 !important;left:0 !important;overflow:hidden !important;width:0 !important;margin:0 !important;padding:0 !important;}

/* header */
#header { position:relative; overflow: hidden; margin:auto; padding: 0; width: 980px; height: 95px; }
#header .logo { position: absolute; top: 21px; left: 21px; }
#header .util { position:absolute; top:33px; right:-10px; margin:0; width: auto; }
#header .util li { float:left; margin:0 10px 0 0; padding:0 0 0 10px; background: url(/images/bar.png) no-repeat left center; }
#header .util li.first { background-image: none; }
#header .searchWrap { position: absolute; top:56px; right: 0; width:170px; height:24px;  border: 1px solid #D8D8D8; }
#header .search { display: inline; float: right; margin: 0 0 0 8px; padding:4px; width:92px; height: 16px;  border: 0; }
#header .searchBtn { display: inline; float: left; margin: 6px 0 0 9px; }

#header #gnb_area { position: absolute; top: 51px; left: 240px;  }
#header #gnb_area .gnb { position: relative; margin: 0; padding: 0; }
#header #gnb_area .gnb #gnb_area2 { overflow:hidden; zoom:1; }
#header #gnb_area .gnb #gnb_area2 li {  float: left; margin-right: 59px; height: 32px; }
#header #gnb_area .gnb #gnb_area2 li .onedepth-wrap { position:relative; }
#header #gnb_area .gnb .current { display:none; position: absolute; bottom: -1px; }
#header #gnb_area .gnb_m01 { float:left; width:96px; height:24px;  background:url(/images/wisepole.png) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m02 { margin-left:30px; float:left; width:103px; height:24px;  background:url(/images/hr_service.png) no-repeat; text-indent:-10000px; }
#header #gnb_area .gnb_m03 { margin-left:30px;float:left; width:130px; height:24px;  background:url(/images/game_service.png) no-repeat; text-indent:-10000px; }
#header #gnb_area2 > li.on a,
#header #gnb_area2 > li a:hover,
#header #gnb_area2 > li a:focus,
#header #gnb_area2 > li a:active { background-position:left -24px; }
.gnb_bar { display: none; position: absolute; top: 95px; left: 0; width:100%; height: 10px;  background: url(/images/submenu-bg.gif) repeat-x;   }

/*submenu*/
.menu-helper a { position:absolute; top:-10000px; left:0; width:100px; }
.menu-helper a:focus,
.menu-helper a:active { top:14px; }
.submenuWrap2 { display:none; position: relative; height: 288px; background: url(/images/submenu-bg.gif) repeat-x; }
.submenuWrap { display:none;  position: absolute; top:36px; left: -205px; width: 100%; height:337px; }
.submenu { margin: auto; overflow: hidden; zoom:1;  padding-bottom: 15px; width: 980px; }
.submenu .img_wrap { float:left; width: 184px; padding: 32px 0 0 20px; }
.submenu .listWrap { display:inline; float:left; margin: 26px 0 0 209px; }
.submenu .listWrap div { display:inline; float: left; }
.submenu .listWrap div ul { overflow: hidden; }
#header #gnb_area .gnb #gnb_area2 .submenu .listWrap.serviceListWrap div { width:131px; }
#header #gnb_area .gnb #gnb_area2 .submenu .listWrap.serviceListWrap div ul li { width:131px; list-style:none}
#header #gnb_area .gnb #gnb_area2 .submenu .listWrap div ul li { height: auto; min-width:131px; }
.submenu .listWrap .one-depth { font-size: 14px; font-weight: bold; color: #353941; }
.submenu .listWrap .two-depth { overflow:hidden; margin-top: 0px; font-size: 11px; color: #656565; line-height: 15px; }
#header #gnb_area .gnb #gnb_area2 li .two-depth li { width: 143px; height: auto; margin-bottom: 0; padding-top: 6px; padding-left:8px; background:url(/images/bul_list.gif) no-repeat 3px 12px;}
#header #gnb_area .gnb #gnb_area2 li .two-depth li a { display: block; width: 138px;  }
.submenu .listWrap .item1 { min-height: 105px; }
.submenu .listWrap .item2 { margin-top: 0; }
.submenu .listWrap .div2 { margin-left:-26px;}
.submenu .listWrap .div3 { margin-left:30px;}
.submenu .listWrap .div4 { margin-left:-20px;}
.submenu .banner { float: left; padding-top: 20px; }
.submenu .banner ul { float:left; margin-left: -4px; padding-top: 8px; }
#header #gnb_area .gnb #gnb_area2 .submenu .banner li { float: left; margin-right: 3px; height: auto; }
.topImg { margin-bottom:20px; }

/* submenu wisepole */
.wisepole .submenu .top_wrap { overflow:hidden; zoom:1; padding: 32px 0 20px 0; margin: 0 20px; border-bottom: 1px solid #eeeeee;  }
.wisepole .submenu .img_wrap img.img { float: left; padding-right: 17px; padding-bottom: 23px; }
.wisepole .submenu .top_wrap ul { float: left; }
#header #gnb_area .gnb #gnb_area2 .wisepole .submenu .top_wrap ul li { float: left; margin-right: 0; width: 125px; text-align: center; }
.wisepole .submenu .top_wrap ul li a { color: #323137; font-weight: bold; }
.wisepole .submenu .top_wrap ul li img { padding-bottom: 8px; }
.wisepole .submenu .bottom_wrap { padding: 0 0 0 10px; }
.wisepole .submenu .bottom_wrap a.link { float: left; }
.wisepole .submenu .bottom_wrap div { width: 126px; }
.wisepole .submenu .bottom_wrap .div1 { margin-left:54px; }
.wisepole .submenu .bottom_wrap .one-depth{ font-size: 14px; }
.wisepole .submenu .bottom_wrap .two-depth li { padding-left:10px; background: url(/images/sub_menu_list_bul.gif) no-repeat left 6px; }
.wisepole .submenu .bottom_wrap .two-depth li a { color:#535353; }
.wisepole .submenu .bottom_wrap .two-depth li a:hover,
.wisepole .submenu .bottom_wrap .two-depth li a:focus,
.wisepole .submenu .bottom_wrap .two-depth li a:active { color:#e51937; text-decoration: underline;  }


/* body */
.bodyBg {background: url(/images/sub-title-bg.png) repeat-x ; overflow: hidden; zoom: 1; }
.bodyWrap { margin: auto; width: 980px; background: white; border-right:1px solid #E3E3E3; }
/* left menu */
#left_area { float:left; width:162px; min-height:400px; padding-top:47px; background:url(/images/center_area_bg.gif) repeat-x; }
* html #left_area { height:400px;}

#left_area p.left_title { margin-bottom:20px; }
#left_area .left_menu li{ padding:0 0 6px 0; }
#left_area .left_menu li.sol_ti {margin:5px 0 5px 0;padding:0;}
#left_area .left_menu li ul {margin:0; display:none;}
#left_area .left_menu li ul.left_on {margin:0 0 10px 0; display:block;}
#left_area .left_menu li ul li {padding:4px 0 0 0;}
#left_area { padding: 0; width: 175px; background-image: none; }
#left_area .left_menu { padding: 0 10px; }
#left_area .left_menu .one-depth { padding-bottom: 11px; }
#left_area .left_menu .one-depth a { display: block; width: 156px; font-size: 14px; font-weight: bold; color: black; }
#left_area .left_menu .one-depth .two-depth { margin-bottom: 8px; }
#left_area .left_menu .one-depth .two-depth li { padding-top: 6px; padding-left:8px; background:url(/images/bul_list.gif) no-repeat 3px 12px; }
#left_area .left_menu .one-depth .two-depth li.on,
#left_area .left_menu .one-depth .two-depth li:hover,
#left_area .left_menu .one-depth .two-depth li:focus,
#left_area .left_menu .one-depth .two-depth li:active { font-weight:bold; color:#e51937;  letter-spacing:-1px; }
#left_area .left_menu .one-depth .two-depth a { width:138px; font-size:12px; font-weight: normal; background-image: none; }
#left_area .left_menu .one-depth .two-depth li.on a,
#left_area .left_menu .one-depth .two-depth li:hover a,
#left_area .left_menu .one-depth .two-depth li:focus a,
#left_area .left_menu .one-depth .two-depth li:active a,
#left_area .left_menu .one-depth .two-depth a:hover,
#left_area .left_menu .one-depth .two-depth a:focus,
#left_area .left_menu .one-depth .two-depth a:active { font-weight:bold; color:#e51937;  letter-spacing:-1px; }


#right_area { margin:0; padding: 0; width: 148px; }
#right_area .quick-con1 { height: 245px; border-bottom: 1px solid #c4c4c4; }
#right_area .quick-con1 p.title { padding-top: 28px; text-align: center; }
#right_area .quick-con1 p.con { padding-top: 17px; text-align: center; }
#right_area .quick-con1 .recruit { margin-left:8px; width:138px; height:29px;  background:url(../images/icon/down.jpg) no-repeat; text-indent:-10000px;display:block;}
#right_area .quick-con1 .recruit:hover{ background-position: left -29px;}
#right_area .quick-con1 .cv { margin-left:8px; width:138px; height:29px;  background:url(../images/icon/cv.jpg) no-repeat; text-indent:-10000px;display:block;}
#right_area .quick-con1 .cv:hover{ background-position: left -29px;}
#right_area .quick-con2 { height: 230px; border-bottom: 1px solid #c4c4c4; }
#right_area .quick-con2 p.title { padding-top: 28px; text-align: center; }
#right_area .quick-con2 p.con { padding: 5px 0 0 9px;}
#right_area .quick-con2 .recruit {width:138px; height:29px;  background:url(../images/icon/down.jpg) no-repeat; text-indent:-10000px;display:block;}
#right_area .quick-con2 .recruit:hover{ background-position: left -29px;}
#right_area .quick-con2 .cv {  width:138px; height:29px;  background:url(../images/icon/cv.jpg) no-repeat; text-indent:-10000px;display:block;}
#right_area .quick-con2 .cv:hover{ background-position: left -29px;}
#right_area .quick-con3 { height: 197px; border-bottom: 1px solid #c4c4c4; }
#right_area .quick-con3 p.title { padding-top: 18px; text-align: center; }
#right_area .quick-con3 p.con { padding-top: 24px; text-align: center; }
#right_area .quick-con3 .cv { margin-left:9px; width:138px; height:29px;  background:url(../images/icon/cv.jpg) no-repeat; text-indent:-10000px;display:block;}
#right_area .quick-con3 .cv:hover{ background-position: left -29px;}


#right_area { float:left; width:152px; }
#right_area .box_area02 { width:120px; height:88px; margin-bottom:7px; padding:9px 14px 0 14px; background:url(../images/kr/common/bg_right03.gif) no-repeat; }/* 100513 */
#right_area .box_area02 p.title { padding-bottom:12px; }
#right_area .box_area02 p.con { font-size:11px; color:#000; line-height:13px; padding-bottom:8px; }
#right_area .box_area02 p.go { font-size:11px; color:#ea002c; background:url(../images/kr/icon/bull_red_arrow01.gif) 18px 2px no-repeat }

#right_area .box02_area { width:148px; margin-bottom:7px; padding-bottom:14px;; background:url(../images/kr/common/img_right_btm.gif) bottom left no-repeat; overflow:hidden; }/* 100712 */
#right_area .box02_area ul.r_link01 {  background:url(../images/kr/common/img_right_top.gif) top left no-repeat; }
#right_area .box02_area ul.r_link01 img { padding:15px 13px 12px 12px; }
#right_area .box02_area ul.r_link01 li { width:120px; padding-left:18px; background:url(../images/kr/icon/bull_blue_arrow01.gif) 12px 3px no-repeat; line-height:14px; }


/* content */
#center_area { float:left; width:590px; margin:24px 40px 76px 40px; padding-top:47px;line-height:19px; word-wrap:break-word; }
#center_area p.location { padding-top:6px; font-size:11px; color:#b1b1b1; clear:both; }
#center_area p.location span.now { font-size:11px; color:#757575; }
#center_area p.location a.loc:link, #center_area p.location a.loc:visited { font-family:dotum; font-size:11px; color:#b1b1b1; text-decoration:none; }
#center_area p.location a.loc:hover { font-family:dotum; font-size:11px; color:#666; text-decoration:none; }
#center_area h1 { float:left; }/* 100514 */
#center_area p.bt_print { float:right; padding-bottom:1px; }/* 100708 */
#center_area .top_title { border:1px solid #fff; }

#center_area p.intro { padding:35px 0 0 0; margin-bottom:16px; color:#e51937; line-height:19px; text-align:justify; }
/* accessbility */ #center_area div.intro { padding:35px 0 0 0; margin-bottom:16px; color:#e51937; line-height:19px; text-align:left; }
#center_area div.intro_01 {width:610px;height:178px; margin:35px 0 0 0; margin-bottom:16px; color:#e51937; line-height:19px; background:url('/images/img_man_bg.jpg') no-repeat right top;}/*100611 line-height����19��*/
#center_area div.intro_01 p.ma_txt { width:390px;height:112px;padding:4px 0 0 0; }
#center_area p.intro a	{color:#e51937;}
#center_area p.intro a:hover,#center_area p.intro a:focus	{text-decoration:underline;}
#center_area p.intro01 { padding:3px 0 0 0; margin-bottom:16px; color:#e51937; line-height:19px; }
#center_area p.intro02 { padding:22px 0 20px 0; color:#e51937; line-height:19px; }
#center_area p.intro03 { padding:0 0 20px 0; color:#e51937; line-height:19px; }/*h2 Ÿ��Ʋ�� ���� �ö�*/
#center_area p.line { border-bottom:1px solid #e6e6e6; }
#center_area p.cate { padding:10px 0; }
#center_area h2	{padding:30px 0 10px 0; font-size:16px; }
#center_area h2.txt_titi	{ float:left;margin:0;padding:29px 0 0 0; }
#center_area p.txt_unit_titi { font-size:11px; color:#000;float:right;margin:0;padding:44px 0 0 0; }
#center_area h2.suc {padding:30px 0 5px 0; font-size:16px; font-family:dotum;}
#center_area h3	{padding-bottom:17px;}
#center_area h4	{color:#dd0014; font:13px dotum;font-weight:bold;}   /*100614*/
#center_area h2 h4.redtit_top { padding-top:50px; border:1px solid red; }
#center_area h5	{ margin:7px 0 0 0; color:#333; font:12px dotum;font-weight:bold; background:url(/images/kr/common/dot_red.gif) 0 50% no-repeat; padding-left:9px;}
#center_area h3.txt_area_h3 { padding:0;margin:20px 0 8px 0;font:12px dotum,sans-serif; }
#center_area h4.txt_area_h4 { padding-top:5px;margin:0;color:#dd0014;font:12px dotum,sans-serif; }
#center_area p.text_area {padding-bottom:31px; color:#333; text-align:justify;}/* h3�Ʒ���� *//*100715*/
#center_area p.text_area_man { padding:2px 0 16px 0;}
#center_area h4.top_ti { padding-top:10px;}
#center_area p.text_area span.re_txt { color:#ea002c; }
#center_area p.text_area03 {padding:20px 0 20px 0; color:#333; text-align:justify;}/* �������Ʒ��� ������ ��� *//*100715*/
#center_area p.text_area01 {padding:8px 0 40px 0; color:#333; text-align:justify;}/* h4�Ʒ���� */   /*100715*/
#center_area p.text_area01_end { padding:8px 0 0 0; color:#333; text-align:justify; }/* �ϴ� ������ ��� */   /*100715*/
#center_area p.text_area01_02 {margin:3px 0 13px 0; color:#333; text-align:justify;}/* h4�Ʒ���� *//*100715*/
#center_area p.text_area01_01 {padding:0 0 13px 0; color:#333 text-align:justify;;}/* h4�Ʒ���� *//*100715*/
#center_area p.text_area02 {padding:3px 0 50px 0; color:#333; text-align:justify;}/* ���� �Ʒ� h3�� �ð�� *//*100715*/
#center_area .text_area_h4 {margin-top:30px;}/*h4 �� Ÿ��Ʋ�� ����Ҷ�*/
#center_area p.text_area04 {padding:3px 0 0 0; color:#333; text-align:justify;}/* h5�Ʒ���� *//*100715*/
#center_area p.con_bt { padding-bottom:30px; }
#center_area p.succ_title {margin:20px 0 20px 0;}
#center_area p.list_btn {text-align:right;margin-top:5px;}

#center_area .success li { padding-left:9px; background:url(/images/kr/common/dot_red.gif) 0 50% no-repeat; }
#center_area .success li span.sel { background-color:#e2e2e2; }
#center_area .success li a:link, #center_area .success li a:visited { color:#000; text-decoration:none; }
#center_area .success li a:hover { color:#000; background-color:#e2e2e2; text-decoration:none; }
#center_area .no_data { margin:50px 0; font-size:12px; color:#e51937; text-align:center; }
#center_area p.location a:hover,
#center_area p.location a:focus,
#center_area p.location a:active { color:#E51937; }
#center_area { margin: 0; padding:21px 30px 40px 30px; width:590px;  background: url(/images/center_area_bg.gif) repeat-x; }

#center_area p.location { font-size: 11px; color: #acacac; }
#center_area p.location a ,
#center_area p.location span.now {  font-size:11px; color: #444547; }
#center_area h1 { float: none; }
#center_area {margin:0;}
#center_area { float:left; width:590px; line-height:18px; border-left:1px solid #C4C4C4;border-right:1px solid #C4C4C4;min-height: 675px;}
.top_title { padding: 6px 0; }
.btn_wrap { border: 1px solid #d0d0d0; padding: 6px 10px; background:#eeeeee; font-size: 11px; line-height:11px;  }
.float_right { float: right; }
.borderWrap { border-top: 1px solid #C4C4C4; }

/* family site*/
.footerWrap { border-top: 1px solid #C4C4C4; }
.footerWrap .familysite { position: relative; margin: auto; width: 980px; min-height: 30px; padding-top: 9px; }
.footerWrap .familysite .util li { display: inline; float:left; margin:4px 9px 0 0; padding:0 0 0 9px; background: url(/images/bar.png) no-repeat left center; }
.footerWrap .familysite .util li.first { background-image: none; padding: 0; }
.footerWrap .familysite .float_right .util { float: left; }
.footerWrap .familysite .family_site { float: left; width:145px;}
.footerWrap .familysite .family_site a {display: block; margin: 0 0 0 0; }
.footerWrap .familysite .family_site ul { display:none; position: absolute; bottom: 23px; margin: -7px 0 7px 0;  padding: 7px; width:129px; border: 1px solid #E2E2E2; border-bottom:0; background:#EDEDED;  }
.footerWrap .familysite .family_site ul a { float: none; line-height: 19px;}
.footerWrap .familysite .family2 { margin-right: 6px; }



table.list {border-collapse:collapse; margin-top:10px; border-bottom: 1px #e2b69f solid; width: 100%;}
table.list strong { color:#225f81 !important; font-weight:bold;}
table.list th{ background:url(../images/tit_bg.gif); text-align:center; height: 40px;}
table.list td{text-align:center; height: 28px; border-bottom: 1px #ccc dotted;}
table.list td.left{text-align:left; padding-left:15px;}
table.list td textarea{width:425px}
table.list tbody tr:hover{cursor:pointer;}


table.detail {width:100%; border-collapse:collapse; border-top:2px solid #e2b69f ;}
table.detail tr{height:34px;}
table.detail th {text-align:center;  border-bottom:1px solid #c4c4c4;  border-right:1px solid #c4c4c4;border-left:1px solid #c4c4c4;background-color: #f8f5f4}
table.detail .ta {border-bottom:1px solid #c4c4c4;  border-right:1px solid #c4c4c4;}
table.detail td {text-align:left; padding:7px 0 7px 10px; border-bottom:1px solid #c4c4c4; border-right:1px solid #c4c4c4;}
table.detail td textarea{width:425px}
table.detail td input.text {border:1px solid #c4c4c4;}

table.insert {border-collapse:collapse;border-spacing:0;table-layout:fixed}
table.insert, table.insert th, table.insert td, table.insert li {margin:0;padding:0;border:0;border-spacing:0px;border-collapse:collapse;}
table.insert td{word-break:break-all;word-wrap:break-word}

table.insert {border-top:1px solid #cfcfcf;margin-bottom:17px;}
table.insert th{padding:10px 0 9px 15px;background:#f8f8f8;border-bottom:1px solid #cfcfcf;text-align:left;vertical-align:top;}
table.insert td{padding:5px 0 5px 3px;border-bottom:1px solid #cfcfcf;}
table.insert td input{border:1px solid #cccccc;height:20px;padding-left:5px;width:430px;}
table.insert td input.calendar{border:1px solid #cccccc;height:14px;padding-left:5px;width:200px;margin-right:10px;}
table.insert td input.check{border:1px solid #cccccc;height:14px;padding-left:5px;width:14px;margin-right:3px;margin-top:5px;}
table.insert td img.check{padding-bottom:6px;margin-right:26px;}
table.insert td textarea{width:425px}
table.insert td .input_type_1{width:155px;}
table.insert td .input_type_3{width:545px;}
table.insert td span{font-size:11px;}


.hh_company_introduction {background: url(../images/sitemap/introduction.jpg) no-repeat; width:105px; height:28px;}
.company_introduction {background: url(../images/sitemap/company_introduction.jpg) no-repeat; width:105px; height:28px;}
.vision {background: url(../images/sitemap/vision.jpg) no-repeat; width:105px; height:28px;}
.history {background: url(../images/sitemap/history.jpg) no-repeat; width:105px; height:28px;}
.client {background: url(../images/sitemap/client.jpg) no-repeat; width:105px; height:28px;}
.map {background: url(../images/sitemap/map.jpg) no-repeat; width:105px; height:28px;}

.hh_recruit {background: url(../images/sitemap/recruit.jpg) no-repeat; width:105px; height:28px;}
.os_recruit {background: url(../images/sitemap/recruit.jpg) no-repeat; width:105px; height:28px;}
.cv {background: url(../images/sitemap/cv.jpg) no-repeat; width:105px; height:28px;}
.hh_service_request {background: url(../images/sitemap/service_request.jpg) no-repeat; width:105px; height:28px;}
.os_service_request {background: url(../images/sitemap/service_request.jpg) no-repeat; width:105px; height:28px;}
.game_service_request {background: url(../images/sitemap/service_request.jpg) no-repeat; width:105px; height:28px;}
.process {background: url(../images/sitemap/process.jpg) no-repeat; width:105px; height:28px;}

.introduction {background: url(../images/sitemap/introduction.jpg) no-repeat; width:105px; height:28px;}
.game_introduction {background: url(../images/sitemap/introduction.jpg) no-repeat; width:105px; height:28px;}

.serviceInfo {background: url(../images/sitemap/serviceInfo.jpg) no-repeat; width:105px; height:28px;}

.notice {background: url(../images/sitemap/notice.jpg) no-repeat; width:105px; height:28px;}

.pay {background: url(../images/sitemap/pay.jpg) no-repeat; width:105px; height:28px;}
.certificate {background: url(../images/sitemap/certificate.jpg) no-repeat; width:105px; height:28px;}
.profile {background: url(../images/sitemap/profile.jpg) no-repeat; width:105px; height:28px;}
.logout {background: url(../images/sitemap/logout.jpg) no-repeat; width:105px; height:28px;}


.consultant {background: url(../images/sitemap/consultant.jpg) no-repeat; width:105px; height:28px;}
.agreement {background: url(../images/sitemap/agreement.jpg) no-repeat; width:105px; height:28px;}
.personal_infomation {background: url(../images/sitemap/personal_infomation.jpg) no-repeat; width:105px; height:28px;}
.sitemap {background: url(../images/sitemap/sitemap.jpg) no-repeat; width:105px; height:28px;}
.sitemap:hover, .sitemap.on,
.consultant:hover, .consultant.on,
.agreement:hover, .agreement.on,
.personal_infomation:hover, .personal_infomation.on,
.logout:hover, .logout.on,
.profile:hover, .profile.on,
.certificate:hover, .certificate.on,
.pay:hover, .pay.on,
.notice:hover, .notice.on,
.serviceInfo:hover, .serviceInfo.on,
.introduction:hover, .introduction.on,
.game_introduction:hover, .game_introduction.on,
.process:hover, .process.on,
.hh_service_request:hover, .hh_service_request.on,
.os_service_request:hover, .os_service_request.on,
.game_service_request:hover, .game_service_request.on,
.cv:hover, .cv.on,
.os_recruit:hover, .os_recruit.on,
.hh_recruit:hover, .hh_recruit.on,
.map:hover, .map.on,
.client:hover, .client.on,
.history:hover, .history.on,
.vision:hover, .vision.on,
.hh_company_introduction:hover, .hh_company_introduction.on,
.company_introduction:hover, .company_introduction.on
 {background-position: left -28px;}

.more {background: url(../images/main/more.jpg) no-repeat; width: 50px; height:14px; float:right;margin-left:28px;}
.more:hover{background-position: left -14px;}

.btn_submit {background: url(../images/hh_recruit/btn_submit.jpg) no-repeat; width: 140px; height:22px; margin: 0 auto;}
.go_list {background: url(../images/hh_recruit/btn_list.jpg) no-repeat; width: 56px; height:22px;float:right;margin-top: -22px;}
.btn_submit2 {background: url(../images/service_request/btn_submit.jpg) no-repeat; width: 140px; height:22px; margin: 0 auto;}
.go_list:hover,
.btn_submit:hover,
.btn_submit2:hover {background-position: left -22px;}

.btn_intra_submit {background: url(../images/login/btn_submit.jpg) no-repeat; width: 140px; height:22px; margin: 0 auto;}
.btn_intra_submit:hover {background-position: left -22px;}

.btn_input {background: url(../images/btn_input.jpg) no-repeat; width: 140px; height:22px; margin: 0 auto;}
.btn_input:hover {background-position: left -22px;}
.btn_update {background: url(../images/btn_update.jpg) no-repeat; width: 56px; height:22px; margin: 0 auto;}
.btn_update:hover {background-position: left -22px;}
.btn_re_submit {background: url(../images/btn_re_submit.jpg) no-repeat; width: 64px; height:22px; margin:0 auto; margin-top:20px;}
.btn_re_submit:hover {background-position: left -22px;}


.btn_home {background: url(../images/error/btn_home.jpg) no-repeat; width: 136px; height:29px; margin:0 auto;display:inline-block; }
.btn_home:hover {background-position: left -29px;}
.btn_back {background: url(../images/error/btn_back.jpg) no-repeat; width: 136px; height:29px; margin:0 auto;display:inline-block; }
.btn_back:hover {background-position: left -29px;}

.cs_tab {background: url(../images/service_info/cs.jpg) no-repeat; width: 122px; height:24px; margin: 0 auto;float:left;margin-left:2px;}
.qa_tab {background: url(../images/service_info/qa.jpg) no-repeat; width: 122px; height:24px; margin: 0 auto;float:left;margin-left:2px;}
.gm_tab {background: url(../images/service_info/gm.jpg) no-repeat; width: 122px; height:24px; margin: 0 auto;float:left;margin-left:2px;}
.sc_tab {background: url(../images/service_info/sc.jpg) no-repeat; width: 122px; height:24px; margin: 0 auto;float:left;}
.sc_tab:hover, .sc_tab.on,
.cs_tab:hover, .cs_tab.on,
.qa_tab:hover, .qa_tab.on,
.gm_tab:hover, .gm_tab.on {background-position: left -24px;}

.company_menu {background: url(../images/sitemap/company_menu.jpg) no-repeat; width: 131px; height:28px; margin: 0 auto;}
.hh_menu {background: url(../images/sitemap/hh_menu.jpg) no-repeat; width: 131px; height:28px; margin: 0 auto;}
.os_menu {background: url(../images/sitemap/os_menu.jpg) no-repeat; width: 131px; height:28px; margin: 0 auto;}
.game_service_menu {background: url(../images/sitemap/game_service_menu.jpg) no-repeat; width: 131px; height:28px; margin: 0 auto;}