@charset "utf-8";

#top-block {width:950px;margin:0 auto;position:relative;}
#top-block > a {position:absolute;top:-24px;left:0;z-index:2;}

#nav {margin:40px 0 41px 300px;padding:0;width:629px;list-style-type:none;background:#000069;}
#nav > li {float:left;width:25%;position:relative;}
#nav > li > a {display:block;font-family:'맑은 고딕','malgun gothic';font-size:16px;color:#fff;text-align:center;line-height:45px;}
#nav > li:hover > a, #nav > li > a:hover {text-decoration:none;}
#nav:after {content:""; display:block; height:0; clear:both; visibility:hidden;}

#nav > li > ul {opacity:0;position:absolute;top:45px;left:0;width:100%;padding:0;box-sizing:border-box;}
#nav > li:hover > ul {opacity:1;border:2px solid #000069;border-top:none;list-style:none;padding-top:6px;padding-bottom:5px;background:url(../img/back_arrow.png) #fff no-repeat center 0;}
#nav > li:hover > ul > li > a {display:block;line-height:30px;font-family:'맑은 고딕','malgun gothic';font-size:13px;padding:0 20px;}
#nav > li:hover > ul > li > a:hover {text-decoration:none;color:#021375;background-color:#f1feff;}

.nav-td {position:relative;background-repeat:no-repeat;background-color:#333;background-position:left top;min-height:650px;}
	.nav-td.company11 {background-image:url(../img/sub_left_11.gif);}
	.nav-td.company12 {background-image:url(../img/sub_left_12.gif);}
	.nav-td.company13 {background-image:url(../img/sub_left_13.gif);}
	.nav-td.company14 {background-image:url(../img/sub_left_14.gif);}
	.nav-td.service21 {background-image:url(../img/sub_left_21.gif);}
	.nav-td.service23 {background-image:url(../img/sub_left_23.gif);}
	.nav-td.press31 {background-image:url(../img/sub_left_31.gif);}
	.nav-td.press32 {background-image:url(../img/sub_left_32.gif);}
	.nav-td.recruit41 {background-image:url(../img/sub_left_41.gif);}
	.nav-td.recruit42 {background-image:url(../img/sub_left_42.gif);}
.nav-block {background:url(../img/bg_nav_block.png) repeat left top;position:absolute;top:200px;right:0;text-align:right;}
.nav-block > h1 {padding:20px 20px 0;margin:0 !important;font-size:2em;}

#lnb {margin:16px 11px 16px 27px;list-style:none;}
#lnb > li {padding-right:10px;}
#lnb > li:hover, #lnb > li.on {background-color:rgba(0,0,0,.3);}
#lnb > li > a {display:block;font-family:'맑은 고딕','malgun gothic';font-size:14px;color:#fff;font-weight:bold;line-height:30px;border-bottom:1px solid #888;}
#lnb > li.on > a, #lnb > li > a:hover {color:#8be8ff;text-decoration:none;}
#lnb > li > ul > li > a {display:block;font-family:'맑은 고딕','malgun gothic';color:#fff;color:rgba(255,255,255, .8);padding:5px 0 3px;}
#lnb > li > ul > li > a.on, #lnb > li > ul > li > a:hover {background-color:rgba(0,0,0,.3);color:#8be8ff;text-decoration:none;}

.t-head th {background-color:#f9f9f9;font-weight:normal;font-family:'맑은 고딕','malgun gothic';}
	.t-head th:nth-child(1) {padding-right:0;border-right:none;}
	.t-head th:nth-child(2) {padding:8px 0;border-right:none;border-left:none;}
	.t-head th:nth-child(3) {padding:8px 0;border-right:none;border-left:none;}
	.t-head th:nth-child(4) {padding-left:0;border-left:none;}
.t-head th span {display:block;background-color:#6773b0;font-size:11px;text-align:center;color:#fff;padding:5px 0 5px;}

table.view-bbs td {font-family:'맑은 고딕','malgun gothic';font-size:12px;}