@charset "utf-8";

#wrap {/*width:980px; margin: 0 auto;*/}

#header {overflow:hidden; width:980px; margin: 0 auto; padding-top:42px; height:66px;}
#header .logo {float:left; padding:6px 30px 0 16px;}

/* gnb */
#header .gnb {position:relative; float:left; height:36px; width:820px; background:url(../images/common/gnb_bg.gif) no-repeat;}
#header .gnb ul {float:left;}
#header .gnb ul li {float:left;}
#header .gnb ul li * {vertical-align:top;}
#header .gnb ul li a {display:inline-block;}
#header .gnb ul.menu1 {padding-left:31px; width:605px;}
#header .gnb ul.menu1 li {position:relative;}
#header .gnb ul.menu1 li a {height:25px; padding:11px 38px 0 38px;}
#header .gnb ul.menu1 li li {position:relative; padding:0;}
#header .gnb ul.menu1 li li a {height:21px; padding:9px 0 0 0;}

#header .gnb ul.menu1 ul {display:none; position:absolute; left:0; top:37px; width:820px;}
#header .gnb ul.menu1 ul.dep1 {}
#header .gnb ul.menu1 ul.dep2 {left:-60px;}
#header .gnb ul.menu1 ul.dep3 {left:-60px;}
#header .gnb ul.menu1 ul.dep4 {}

#header .gnb ul.menu1 li.select ul {display:block;}

#header .gnb ul.menu2 {padding-left:25px;}
#header .gnb ul.menu2 li {padding-right:10px; *padding-right:6px;}
#header .gnb ul.menu2 li a {padding:11px 0;}

#header .gnb ul.admin_menu {position:absolute; right:16px; top:40px;}
#header .gnb ul.admin_menu li {padding:0 13px;  background:url(../images/admin/admin_gnb_line.gif) no-repeat right 7px;}
#header .gnb ul.admin_menu li a {padding:5px 0 0 0; height:20px; line-height:20px; }

/********************** main  *********************/
#mainCentents {overflow:hidden; width:313px; margin: 0 auto; padding:0 7px 0 660px; height:608px; border-top:1px #afafaf solid; background:url(../images/main/main_visual.jpg) no-repeat;}

#mainCentents h3 {margin-bottom:12px;}
#mainCentents .recruit {position:relative; height:126px; padding:64px 0 30px 9px; border-bottom:1px #d8d8d8 solid;}
#mainCentents .recruit ul li {position:relative; line-height:20px;}
#mainCentents .recruit ul li a {overflow:hidden; display:block; width:220px; white-space:nowrap; text-overflow:ellipsis;}
#mainCentents .recruit span {position:absolute; right:10px; top:0;}
#mainCentents .recruit .btn {position:absolute; right:5px; top:64px; display:block; padding:5px;}
#mainCentents .business {position:relative; margin:24px 0 0 9px; height:152px;  border-bottom:1px #d8d8d8 solid; background:url(../images/main/mc2_img.gif) no-repeat 198px 16px;}
#mainCentents .business p {}
#mainCentents .business .btn {position:absolute; left:110px; bottom:40px; display:block; padding:5px;}
#mainCentents .go {overflow:hidden; margin:24px 0 0 9px;}
#mainCentents .go h3 {margin-bottom:22px;}
#mainCentents .go ul {width:309px;}
#mainCentents .go ul li {float:left; padding-right:13px; *padding-right:9px;}

#mainCentents .btn_upload {display:block; width:296px; margin:9px 0 0 9px;}
/********************** sub *********************/
.sub_visual {height:170px; text-align:center; background:url(../images/common/sub_visual_bg.gif) repeat-x;}
#container {overflow:hidden; width:980px; margin: 0 auto; padding-bottom:50px;}

/* lnb */
.lnb {float:left;}
.lnb h3 { padding:66px 0 17px 0; background:url(../images/common/lnb_bg.gif) no-repeat 0 bottom;}
.lnb ul {padding-top:3px;}
.lnb ul li {border-bottom:1px #e4e4e4 solid;}
.lnb ul li a {display:block;}

/* contents */
.contents {float:right; width:680px; padding-right:40px;}
.contents .nav {overflow:hidden; width:662px; margin-top:22px; padding-left:18px; background:url(../images/common/ic_home.gif) no-repeat 0 3px;}
.contents .nav li {float:left; color:#999;}
.contents h1 {margin:26px 0 38px 0;}

.contents .company1 {overflow:hidden; background:url(../images/company/img1-1.jpg) no-repeat 0 0;}
.contents .company1 p {float:right; width:388px; padding-bottom:26px;}
.contents .company1 p.line {margin-bottom:26px; border-bottom:1px #b7b7b7 dashed;}
.contents .company1 .company_table {float:right; width:388px; border-top:1px #c9c9c9 solid; border-bottom:1px #c9c9c9 solid;} 
.contents .company1 .company_table th {text-align:center; background:#f6f6f6; border-bottom:1px #efefef solid;}
.contents .company1 .company_table td {padding-left:10px; border-bottom:1px #efefef solid; text-align:left;}
.contents .company2 {position:relative;}
.contents .company2 p.photo {position:absolute; left:0; top:0; padding:0;}
.contents .company2 p {padding-left:224px; padding-bottom:28px;}
.contents .company3 {background:url(../images/company/img1-3-1.jpg) no-repeat 0 0;}
.contents .company4 {text-align:center; background:none;}

.boxT {position:relative; padding-top:5px; background:url(../images/common/box_t.gif) no-repeat 0 0;}
.boxB {padding-bottom:5px; background:url(../images/common/box_b.gif) no-repeat 0 bottom;}
.boxB .img1 {position:absolute; left:36px; top:12px;}
.boxB .img2 {position:absolute; left:20px; top:18px;}
.boxB .img3 {position:absolute; left:41px; top:14px;}
.boxB .img4 {position:absolute; left:41px; top:14px;}
.boxB .img5 {position:absolute; left:22px; top:10px;}
.boxB .img6 {position:absolute; left:40px; top:12px;}
.boxB a {position:absolute; left:587px; top:16px;}
.boxB p {padding:23px 0 23px 197px; width:483px; background:url(../images/common/box_c.gif) repeat-y 0 0;}

.contents .type1 {}
.contents .type1 dt {padding:35px 0 5px 0;}
.contents .type1 dd li {padding-left:12px; background:url(../images/common/blet1.gif) no-repeat 0 8px;}
.contents .type1 dd li.first {background:none; padding:0 0 5px 0;}
.contents .type1 dd li span {display:block;}
.contents .type1 dd li span.pd1 {padding-left:108px;}
.contents .type1 dd li span.pd2 {}
.contents .type1 .type1_1 strong {display:block;}
.contents .type1 .type1_1 li {margin-bottom:20px;}

.contents .type2 {}
.contents .type2 dl {padding:29px 0 36px 137px; border-bottom:1px #dfdfdf solid; }
.contents .type2 dt {margin-bottom:10px;}
.contents .type2 .doc1 {background:url(../images/recruit/img3-2-1.gif) no-repeat 0 0;}
.contents .type2 .doc2 {background:url(../images/recruit/img3-2-2.gif) no-repeat 0 0;}

.contents .type3 dl {}
.contents .type3 dt {padding:35px 0 18px 0;}
.contents .type3 dd li {overflow:hidden; margin-bottom:18px;}
.contents .type3 dd li {line-height:13px;}
.contents .type3 dd li strong {float:left; width:127px;}

.contents .type4 {padding-top:15px;}
.contents .type4 li {padding-left:12px; background:url(../images/common/blet1.gif) no-repeat 0 8px;}

.contents p.recruit {margin-bottom:15px; /*padding-left:10px;*/ color:#4499fa; font-size:14px; font-weight:bold;}
.contents p.recruit img {margin-bottom:6px;}
.contents p.recruit a {color:#4499fa;}
.contents p.recruit a:visited {color:#4499fa;}

.recruit_step {overflow:hidden;}
.recruit_step ul {padding:55px 0 0 38px;}
.recruit_step li {float:left; margin-right:18px; width:141px; background:url(../images/recruit/re_bg.gif) no-repeat right 50%;}

.faq_seh {overflow:hidden; margin-bottom:38px; padding:12px 0 0 109px; _padding-top:11px; height:35px; _height:36px; border:1px #244cad solid;}
.faq_seh * {float:left;}
.faq_seh input {width:282px; height:21px; margin-left:8px; padding:0 5px;}
.faq_seh a {}

.faq_doc {border-top:1px #bfbfbf solid; border-bottom:1px #bfbfbf solid;}
.faq_doc dl {}
.faq_doc dt {position:relative; padding:10px 0 10px 39px; width:641px; font-weight:bold; border-bottom:1px #eaeaea solid; background:url(../images/customer/faq_q.gif) no-repeat 12px 11px; cursor:pointer;}
.faq_doc dd {display:none; padding:10px 0 10px 39px; border-bottom:1px #eaeaea solid; background:#f5f5f5 url(../images/customer/faq_a.gif) no-repeat 12px 11px;}
.faq_doc dd.select {display:block;}

.faq_admin {}
.faq_admin dt {padding-right:140px; width:501px;}
.faq_admin dt span {position:absolute; right:0; top:7px;}

.sitemap {overflow:hidden;}
.sitemap dl {float:left; width:157px; height:226px; _height:224px; margin-left:14px; border-top:1px #9c9c9c solid; border-bottom:1px #9c9c9c solid;}
.sitemap dl.first {margin-left:10px;}
.sitemap dt {padding:10px 0; border-bottom:1px #bfbfbf solid; background:#f2f2f2; text-align:center;}
.sitemap dd {padding-left:24px; height:37px; line-height:37px; border-bottom:1px #d7d7d7 solid; background:url(../images/common/blet1.gif) no-repeat 12px 18px;}

/* list */
.contents .list {position:relative; border-top:1px #244cad solid; border-bottom:1px #244cad solid;}
.contents .list table th {border-bottom:1px #bfbfbf solid; background:url(../images/recruit/list_th_bg.gif) no-repeat right 50%;}
.contents .list table td {padding:5px 0; border-bottom:1px #eaeaea solid; text-align:center;}
.contents .list table td a {padding-left:10px;}

/* view */
.contents .view {border-top:1px #244cad solid; border-bottom:1px #244cad solid;}
.contents .view td {padding:12px 20px 12px 10px; border-bottom:1px #eaeaea solid;}
.contents .view td.tit {font-weight:bold;}
.contents .view td.r {white-space:nowrap;}
.contents .view td .start {margin-right:30px;}
.contents .view td .last {}
.contents .view td.doc {height:200px; padding-right:10px; vertical-align:top; border-top:2px #bfbfbf solid;}

.contents .write {border-top:1px #244cad solid; border-bottom:1px #244cad solid;}
.contents .write th {background:#f5f5f5; vertical-align:top; padding:10px 0 0 18px; text-align:left; border-bottom:1px #eaeaea solid;}
.contents .write td {padding:8px 0 8px 7px; border-bottom:1px #eaeaea solid;}
.contents .write td.date * {vertical-align:middle;}
.contents .write td.date button {padding:0; border:none;}
.contents .write td.tit input {width:98%; border:1px solid #d3d1ce; height:20px; line-height:20px;}
.contents .write td.doc {height:200px;}
.contents .write td input.file {width:400px; border:1px solid #d3d1ce; height:20px;}
.contents .write textarea {width:516px;}


.contents .seh {overflow:hidden; padding:8px 0 0 173px; height:32px; border:1px #e6e5e5 solid; background:#fafafa; text-align:center;}
.contents .seh * {float:left;}
.contents .seh .seh_select {width:67px; height:21px; margin-right:5px; line-height:20px; border:1px #d1d1d1 solid; text-align:left; background:#fff;}
.contents .seh .seh_select select {width:67px; border:1px #fff solid; background:transparent;}
.contents .seh input {width:212px; height:21px; border:1px #d1d1d1 solid;}

/* btn */
.contents .btn {overflow:hidden; padding-top:8px;}
.contents .btn li {float:left;}
.contents .btn .fl li {margin-right:5px;}
.contents .btn .fr li {margin-left:5px;}

/* admin */
.btn_admin {position:absolute; right:0; bottom:-32px;}

.login {position:absolute; left:50%; top:50%; margin:-109px 0 0 -259px; width:518px; height:218px; border:1px #bfbfbf solid;}
.login h1 {margin:0 63px; padding:48px 0 20px 23px; border-bottom:1px #e3e3e3 solid;}
.login .login_input {position:relative; width:276px; _width:280px; margin-left:74px; padding-top:20px;}
.login label, .login input {float:left; margin-bottom:8px;} 
.login label {padding-right:21px;}
.login input {padding-left:5px; width:191px; height:23px; border:1px #bababa solid;}
.login input.select {border:1px #244bab solid;}
.login .btn {position:absolute; right:-93px; _right:-90px; top:20px; width:77px; height:58px; border:none;}

.pw_modyWrap {border-top:1px #afafaf solid;}

.pw_modyWrap .pw_mody {position:relative; margin:0 auto; padding:90px 0 50px 0; width:440px;}
.pw_modyWrap .pw_mody h3 {margin-bottom:10px;}
.pw_modyWrap .pw_mody p {margin-bottom:17px;}
.pw_modyWrap .pw_mody dl {height:152px; padding:6px 0 50px 73px; border:1px #bfbfbf solid;}
.pw_modyWrap .pw_mody dt {position:absolute; left:74px;}
.pw_modyWrap .pw_mody dd {padding:0 0 8px 92px; *padding-bottom:6px; width:200px; }
.pw_modyWrap .pw_mody dt.cpw {padding-top:19px;}
.pw_modyWrap .pw_mody dd.cpw {padding-top:18px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px #e3e3e3 solid;}
.pw_modyWrap .pw_mody dd input {width:196px; height:23px; border:1px #bababa solid;}
.pw_modyWrap .pw_mody dd input.select {border:1px #244bab solid;}
.pw_modyWrap .btn {position:absolute; left:0; top:309px; width:440px; text-align:center;}

.uploadWrap {position:relative; margin:0 auto; padding:90px 0 50px 0; width:440px;}
.uploadWrap .upload {}
.uploadWrap .upload h3 {margin-bottom:10px;}
.uploadWrap .upload p {margin-bottom:17px;}
.uploadWrap .upload p.doc {height:42px; padding:19px 0 0 0; border:1px #bfbfbf solid; text-align:center;}
.uploadWrap .upload p.doc input {width:300px; height:23px; border:1px #bababa solid;}
.uploadWrap .btn {text-align:center;}

/* paging */
.contents .paging {padding:14px 0 0 0; margin-bottom:25px; text-align:center;}
.contents .paging * {vertical-align:top;}
.contents .paging a {display:inline-block; padding:0; margin-top:4px;}
.contents .paging span a {display:inline-block; padding:3px 8px; margin:0 -2px; background:url(../images/common/paging_bg.gif) no-repeat right 7px;}
.contents .paging span a:hover {color:#244cad;}
.contents .paging a.on {color:#244cad; font-weight:bold;}
.contents .paging a.on:hover {text-decoration:none;}
.contents .paging span {padding:0 5px;}

/* footer */
#footer {overflow:hidden; width:980px; margin: 0 auto; padding-bottom:40px; border-top:1px #d2d2d2 solid; }
#footer .logo {float:left; padding:12px 0 0 16px;}
#footer address {float:right; padding-top:15px;}
#footer .copy {float:right; margin-top:9px;}