@charset "utf-8";



.subvisual {position:relative; width:1024px; margin:0 auto; height:170px; padding-top:5px; margin-bottom:-20px}
.subvisual .visual01 {width:1024px;  height:170px;  background:url('../images/sub_1.png') no-repeat center 0}
.subvisual .visual02 {width:1024px;  height:170px;  background:url('../images/sub_2.png') no-repeat center 0}
.subvisual .visual03 {width:1024px;  height:170px;  background:url('../images/sub_3.png') no-repeat center 0}
.subvisual .visual04 {width:1024px;  height:170px;  background:url('../images/sub_4.png') no-repeat center 0}
.subvisual .visual05 {width:1024px;  height:170px;  background:url('../images/sub_5.png') no-repeat center 0}



.leftarea {float:left; width:180px;}
h2.sub_tit {width:180px; height:65px; line-height:70px; font-size:20px; color:#ffffff; text-align:center; /*background:#7b7b7b;*/ background:url('../images/bg_subtit.png') no-repeat}
ul.lnb {padding-bottom:2px; margin-bottom:20px; background:url('../images/bg_lnb.png') no-repeat 0 bottom }
ul.lnb li {height:44px; line-height:44px; border-top:1px solid #e5e7e9; border-left:1px solid #e5e7e9; border-right:1px solid #e5e7e9; }
ul.lnb li.line_h2 {padding-top:15px; line-height:15px;}
ul.lnb li:first-child {border-top:0px solid #e5e7e9}
ul.lnb li a {display:block; padding-left:15px; font-size:12px; font-weight:700; color:#888}
ul.lnb li a.on {color:#0755ab; font-weight:800; background:url('../images/arr_subon.png') no-repeat 153px 16px}
ul.lnb li.line_h2 a.on {background:url('../images/arr_subon.png') no-repeat 153px 8px}
ul.lnb li a:hover {color:#0755ab; font-weight:800}
.bottomarea {clear:both; width:1024px; height:101px; margin:0 auto; font-family:Gulim; border-top:1px solid #a1a1a1}
.bottomarea h1.logo {float:left; width:208px; padding-top:27px}
.bottomarea address {float:left; display:inline-block; width:611px; padding-top:34px; line-height:19px; font-size:11px; color:#666}
.bottomarea address span {font-family:Verdana; color:#b4b4b4}
.bottomarea address span strong {color:#5d9dbf; font-weight:normal}
.bottomarea .connection {float:right; padding-top:30px}
.bottomarea .connection p {padding-bottom:5px; text-align:right; font-size:11px; color:#828282; font-family:Dotum}
.bottomarea .connection select {width:205px; height:25px}

 /*paging*/
.paging {overflow:hidden; height:48px; padding-top:20px; text-align:center}
.paging button.btn_prev {display:inline-block; width:5px; height:15px; text-indent:-99999em; cursor:pointer; border:none; background:url('../images/set_paging.png') no-repeat 0 2px}
.paging button.btn_next {display:inline-block; width:5px; height:15px; text-indent:-99999em; cursor:pointer; border:none; background:url('../images/set_paging.png') no-repeat -10px 2px}
.paging a {display:inline-block; height:15px; margin:8px 10px; font-size:13px; color:#b1b1b1}
.paging a.on {font-weight:bold; color:#0d53a1; border-bottom:1px solid #6b8abb}
.paging a:hover {font-weight:bold; color:#0d53a1; border-bottom:1px solid #6b8abb}

/*bbs*/
table.bbs_list {width:800px; border-top:2px solid #0d53a1}
table.bbs_list thead th {padding:10px 0 8px 0; color:#0d53a1; font-weight:bold; border-bottom:1px solid #bdbdbd}
table.bbs_list tbody td {padding:10px 0 10px 0; color:#343434; font-weight:bold; text-align:center; border-bottom:1px solid #bdbdbd}
table.bbs_list tbody td a:hover {color:#0d53a1}
table.bbs_list tbody td.tit {padding-left:30px; text-align:left}
table.bbs_list tbody td.tit a {display:inline-block; height:17px}
table.bbs_list tbody td.tit a.new {padding-right:35px; background:url('../images/icon_new.png') no-repeat right 0}
table.bbs_list tbody td.corp {padding-left:25px; text-align:left}
table.bbs_list tbody td.ing {text-align:left; color:#0d53a1}
table.bbs_list tbody td.t_left {padding-left:35px; text-align:left}
table.bbs_list tbody td.tit_ceo {color:#0d86a1}
table.bbs_list tbody td.domestic {color:#0d86a1}
table.bbs_list tbody td.tit_con {color:#454d56}
table.bbs_list tbody td.tit_news {color:#0d53a1}
table.bbs_list tbody td.tit_info {color:#8e0000}
table.bbs_list tbody td.foreignco {color:#8e0000}

table.bbs_view {width:800px; margin-bottom:25px; border-top:2px solid #bdbdbd; border-bottom:1px solid #dbdbdb}
table.bbs_view thead th {padding:10px 0; color:#333; font-size:12px; background:#ecf1f6}
table.bbs_view tbody th {padding:10px 0; color:#343434; border-top:1px solid #ffffff; background:#f0f4f8}
table.bbs_view tbody th.top_line {border-top:1px solid #ededed}
table.bbs_view tbody td {padding:10px 0 10px 12px; text-align:left; color:#333; font-family:Gulim; border-top:1px solid #ededed;}
table.bbs_view tbody td.detail {padding:5px 12px}
table.bbs_view tbody td.detail div{width:658px; height:113px; overflow-y:auto}
table.bbs_view tbody td.detail textarea {width:656px; height:113px; overflow-y:auto; text-align:left; outline:none; border:none; background:url('../images/bg_writedetail.png') no-repeat}
table.bbs_view tbody td a.go_homepage {color:#0d53a1}
table.bbs_view tbody td input.bg_write01 {width:154px; height:25px; padding-left:5px; line-height:20px; outline:none; border:none; background:url('../images/bg_write01.png') no-repeat}
table.bbs_view tbody td input.bg_write02 {width:74px; height:25px; padding-left:5px; line-height:20px; outline:none; border:none; background:url('../images/bg_write02.png') no-repeat}
table.bbs_view tbody td input.bg_write03 {width:124px; height:25px; padding-left:5px; line-height:20px; outline:none; border:none; background:url('../images/bg_write03.png') no-repeat}
table.bbs_view tbody td input.bg_write04 {width:394px; height:25px; padding-left:5px; line-height:20px; outline:none; border:none; background:url('../images/bg_write04.png') no-repeat}
table.bbs_view tbody td input.bg_write05 {width:104px; height:25px; padding-left:5px; line-height:20px; outline:none; border:none; background:url('../images/bg_write05.png') no-repeat}
table.bbs_view tbody td button.btn_cate {width:96px; height:25px; color:#666; line-height:25px; background:url('../images/bg_writebtn.png') no-repeat 0 0}
table.bbs_view tbody td select.sel_01 {width:134px; height:25px}
table.bbs_view tbody td select.sel_02 {width:184px; height:25px}
table.bbs_view tbody td select.sel_03 {width:115px; height:25px; margin-right:5px}
table.bbs_view tbody td.born select {width:60px; margin-right:5px} 
table.bbs_view tbody td.call select {width:60px; margin-right:5px} 
table.bbs_view tbody td.sex input {vertical-align:middle; margin-right:10px} 
table.bbs_view tbody td.sex input#female {margin-left:10px} 
table.bbs_view tbody td.sex label {vertical-align:middle} 



#online_table {
	width:100%;
	border-top:1px #929292 solid;
	border-bottom:1px #929292 solid;
	margin-bottom:10px;
}
#online_table th {
	font-size:12px;
	color:#355f94; 
	font-weight:bold;
	text-align: left;
	background: #f5f5f5;
	padding-left:0px;
	border-bottom:1px #cccccc solid;
	border-right:1px #cccccc solid;
    text-align:center;
}


#online_table td {
    padding:16px 16px;
    border-bottom:1px #cccccc solid;
	line-height:200%;
}



#no_table {
	width:100%;
	border-top:0px #929292 solid;
	border-bottom:0px #929292 solid;
	margin-bottom:0px;
}

#no_table td {
    padding:0px 0px;
    border-bottom:0px #cccccc solid;
	line-height:200%;
}




.contentsarea {float:right; width:800px}

.subline {padding-top:20px;padding-bottom:20px;border-bottom:2px solid #4c4c4c; }

h3.sub_ltit {padding:38px 0 16px 0; font-size:35px; color:#333; font-weight:800;}
span.line-map {height:15px; padding:0 0 25px 22px; background:url('../images/bg_linemap.png') no-repeat 0 0}
span.line-map span {padding:0 11px 0 7px; color:#6e7379; background:url('../images/arr_linemap.png') no-repeat right 3px}
span.line-map span:last-child {font-weight:800; background:none}

.sub0101 {padding:20px 0 74px 0}
.sub0101 .tab_history {overflow:hidden; margin:40px 0 10px 0}
.sub0101 .tab_history a {display:inline-block; width:265px; height:42px; line-height:33px; font-size:14px; text-align:center; color:#343434; background:url('../images/bg_tabhistoryoff.png') no-repeat}
.sub0101 .tab_history a:hover {font-weight:bold; color:#ffffff; background:url('../images/bg_tabhistoryon.png') no-repeat}
.sub0101 .tab_history a.on {font-weight:bold; color:#ffffff; background:url('../images/bg_tabhistoryon.png') no-repeat}
.sub0101 .tab_history a.tab01 {margin-right:2px}
.sub0101 .tab_history a.tab02 {margin-right:2px}

.sub0102 {padding:30px 20px 100px 0; margin:0px; border:0px solid #eee}
.sub0102 span.img_ceo {float:left; padding-right:22px}
.sub0102 span.img_img {float:right; margin-top:30px; padding-right:22px}

.sub0102 h3 {padding:40px 0 35px 0; font-size:25px;  font-weight:800; color:#000; font-weight:normal; line-height:32px; letter-spacing:-1px}
.sub0102 h3 strong {font-weight:800; color:#0755ab}

.sub0102 h2 {padding:10px 0 10px 0; font-size:20px;  font-weight:800; color:#000; font-weight:normal; line-height:32px; letter-spacing:-1px}
.sub0102 h2 strong {font-weight:800; color:#0755ab}


.sub0102 p {font-size:13px; line-height:20px; color:#333; letter-spacing:-1px}
.sub0102 p.txt {clear:both; padding:35px 0 50px 0}
.sub0102 span.sign {float:right;padding-right:20px;}
.sub0102 p.txt1 {clear:both; padding:20px 0 0px 0}






.Philosophy{width:800px !important;}
.Philosophy dl{margin:0px; padding:0px;}
.Philosophy dl dt{margin:0px; padding:0px; text-align:center;}
.Philosophy dl dd{margin:0px; padding:30px 0px; font-size:14px; font-weight:bold; color:#999; text-align:center; border:5px dotted #dee9f4;background:URL('../img/importantment_hrd_bg.gif') repeat top center #f1f6fa;}
.Philosophy dl dd strong{font-size:20px; color:#0974be; display:block; padding-bottom:10px;}
.Philosophy h3{display:inline-block; font-size:26px; color:#663300; font-weight:800; padding:3px 15px; margin:10px auto 5px auto; border-top:4px solid #f2f2f2;}
.Philosophy h3 b{display:block; font-size:14px;font-weight:800; color:#999;}

.Philosophy2{width:800px; height:475px; position:relative; text-align:center; overflow:hidden; padding-top:30px;background:URL('../images/Philosophy2_bg.gif') no-repeat bottom center;}
.Philosophy2 dl{margin:0px; padding:0px;}
.Philosophy2 dl dt{margin:0px; padding:0px;}
.Philosophy2 dl dd{margin:0px; padding:0px;}
.Philosophy2 h3{display:inline-block; font-size:26px; color:#663300; font-weight:800; padding:3px 15px; margin:10px 0 5px 0; border-top:4px solid #f2f2f2;}
.Philosophy2 h3 b{display:block; font-size:14px; font-weight:800; color:#999;}
.Philosophy2 .ph_cv01 dd{border-radius:15px;-webkit-appearance:15px;background:#2c77bd; color:#fff; margin:0 auto 15px auto; font-size:14px; width:300px; height:60px; line-height:1.4em; border:5px solid #2c77bd; text-align:center;font-weight:800;}
.Philosophy2 .ph_cv01 dd strong{padding:10px; display:block;}
.Philosophy2 .ph_cv02 dd{border-radius:150px;-webkit-appearance:150px;position:absolute;border:5px solid #dee9f4;
background:URL('../img/importantment_hrd_bg.gif') repeat top center #dee9f4;width:150px; height:150px; overflow:hidden; color:#000033; font-weight:700; font-size:14px;color:#333;}
.Philosophy2 .ph_cv02 dd span{display:block; text-align:center; padding-top:50px;}
.Philosophy2 .ph_cv02-1{left:0px;bottom:130px;}
.Philosophy2 .ph_cv02-2{left:180px;bottom:0px;}
.Philosophy2 .ph_cv02-3{right:180px;bottom:0px;}
.Philosophy2 .ph_cv02-4{right:0px;bottom:130px;}



.sub0103 {padding:34px 0 100px 0}

.sub0104 {overflow:hidden; padding:55px 0 0 0}
.sub0104 .map {float:left; width:570px; }
.sub0104 .map table {margin-bottom:20px}
.sub0104 .map .roughmap {width:500px; height:600px}
.sub0104 .map .roughmap p {padding-bottom:20px; font-size:18px}
.sub0104 .contactus {float:right; width:225px}
.sub0104 .contactus h3 {padding-bottom:20px; font-size:14px; color:#000; text-align:justify; border-bottom:1px solid #d6dbe1}
.sub0104 .contactus h3 strong{color:#0d53a1}
.sub0104 .contactus dl {padding-top:20px; font-size:12px; letter-spacing:-1px}
.sub0104 .contactus dl dt {padding-bottom:15px}
.sub0104 .contactus dl dd {padding-bottom:10px; line-height:18px}
.sub0104 .contactus dl dd span {font-weight:bold}
.sub0104 .contactus dl dd strong {display:inline-block; width:30px}


.sub0105 {padding:34px 0 100px 0}
.sub0105 h4.tit {text-align:left;padding:0 0 0 15px; font-size:13px; font-weight:800; color:#355f94; background:url('../images/blut_bbsview.png') no-repeat 0 5px}



.sub0201 {padding:55px 20px 50px 0; font-size:13px; color:#333}
.sub0201 h3 {padding-bottom:25px; line-height:25px;  font-size:20px; font-weight:800; color:#0755ab}
.sub0201 p {padding-bottom:30px; line-height:20px; color:#333}
.sub0201 p.txt {padding-top:30px}
.sub0202 {padding:10px 0 30px 0}



.sub0204 {padding:40px 20px 50px 0;}


.sub0204 h2 {padding:10px 0 10px 0; font-size:20px;  font-weight:800; color:#000; font-weight:normal; line-height:32px; letter-spacing:-1px}
.sub0204 h2 strong {font-weight:800; color:#0755ab}

.sub0204 strong {font-weight:800; color:#0755ab}


.sub0301 {padding:50px 0 50px 0}
.sub0301 p.tab {overflow:hidden; margin-bottom:13px}
.sub0301 p.tab a {float:left; display:inline-block; width:265px; height:32px; margin-left:2px; padding-top:10px; font-size:14px;  text-align:center; background:url('../images/bg_taboff.png') no-repeat}
.sub0301 p.tab a:first-child {margin-left:0}
.sub0301 p.tab a.on {color:#ffffff; background:url('../images/bg_tabon.png') no-repeat}
.sub0301 p.tab a:hover {color:#ffffff; background:url('../images/bg_tabon.png') no-repeat}
.searcharea {clear:both; float:right; width:360px; padding-bottom:10px}
.searcharea select {float:left; width:77px; height:25px; margin-right:3px}
.searcharea input.txt {float:left; width:227px; height:25px; line-height:20px; border:none; outline:none; background:url('../images/bg_inputbox.png') no-repeat}
.searcharea button.btn_search{float:left; display:inline-block; width:50px; height:25px; line-height:20px; border:none; outline:none; background:url('../images/btn_search.png') no-repeat}
.sub0301 h4.tit {text-align:left;padding:0 0 10px 10px; font-size:15px; font-weight:800; color:#333; background:url('../images/blut_bbsview.png') no-repeat 0 5px}
.view_btn {text-align:center}
.view_btn button.btn_app {width:90px; height:30px; margin-right:5px; color:#ffffff; line-height:30px; background:url('../images/btn_view.png') no-repeat 0 0}
.view_btn button.btn_del {width:90px; height:30px; margin-right:5px; color:#ffffff; line-height:30px; background:url('../images/btn_view.png') no-repeat -94px 0}
.view_btn button.btn_modify {width:90px; height:30px; margin-right:5px; color:#ffffff; line-height:30px; background:url('../images/btn_view.png') no-repeat -94px 0}
.view_btn button.btn_list {width:90px; height:30px; color:#ffffff; line-height:30px; background:url('../images/btn_view.png') no-repeat -94px 0}
.view_btn button.btn_cancle {width:90px; height:30px; color:#ffffff; line-height:30px; background:url('../images/btn_view.png') no-repeat -94px 0}
.sub0401 .view_btn button.btn_list {width:90px; height:30px; color:#ffffff; line-height:30px; background:url('../images/btn_view.png') no-repeat 0 0}

.sub0401 {padding:50px 0 50px 0}
.sub0401 h4.tit {text-align:left;padding:0 0 10px 10px; font-size:15px; font-weight:800; color:#333; background:url('../images/blut_bbsview.png') no-repeat 0 5px}
.sub0401 button.btn_request {float:right; width:90px; height:30px; margin-right:5px; color:#ffffff; line-height:30px; background:url('../images/btn_view.png') no-repeat 0 0}
.sub0402 {position:relative; padding:50px 0 50px 0}

.sub0402 h4.tit {text-align:left;padding:0 0 10px 10px; font-size:15px; font-weight:800; color:#333; background:url('../images/blut_bbsview.png') no-repeat 0 5px}

.sub0402 ul.newscate {position:absolute; top:60px; left:0}
.sub0402 ul.newscate li {float:left; padding-right:9px; margin-right:7px; background:url('../images/bg_newscate.png') no-repeat right 3px}
.sub0402 ul.newscate li:last-child {background:none}
.sub0402 ul.newscate li a {font-size:12px; color:#82868c}
.sub0402 ul.newscate li.news01 a {padding-left:15px; background:url('../images/blut_cate01.png') no-repeat 0 2px}
.sub0402 ul.newscate li.news02 a {padding-left:15px; background:url('../images/blut_cate02.png') no-repeat 0 2px}
.sub0402 ul.newscate li.news03 a {padding-left:15px; background:url('../images/blut_cate03.png') no-repeat 0 2px}
.sub0402 ul.newscate li.news04 a {padding-left:15px; background:url('../images/blut_cate04.png') no-repeat 0 2px}



.popwrap {padding-bottom:20px}
.wid_757 {width:757px}
.wid_1000 {width:1000px}
.popwrap h3 {overflow:hidden; height:43px; padding:10px; color:#ffffff; font-size:18px; background:url('../images/bg_pop.png') repeat-x}
.popwrap h3 button {float:right}
.popwrap table {margin:10px auto ; text-align:center; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
.popwrap table th {padding:7px 0; color:#343434; font-size:12px; background:#f0f4f8}
.popwrap table th.first {border-left:1px solid #dbdbdb}
.popwrap table th.in_left {border:1px solid #dbdbdb; border-right:none; border-bottom:none}
.popwrap table th.in_rigiht {border:1px solid #dbdbdb; border-right:none; border-bottom:none}
.popwrap table td {padding:7px 0; color:#343434; font-size:12px; border-left:1px solid #dbdbdb; border-top:1px solid #ededed}
.popwrap table td.t_center {text-align:center}
.popwrap p.txt {padding-left:20px}


a.btn01 {display:inline-block;padding:7px 55px 7px 55px;border:1px solid #ccc;background:#ddd;font-size:15px;font-weight:700;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}