@charset 'utf-8';

#container{width:100%; position:relative;min-width:1200px}
#container .content{width:980px; margin:50px auto 0; position:relative;}


/* Quick Menu */
body#main #container .content .quick-menu {position:absolute; top:0px; right:-65px ;width:43px; text-align:center}
body#main #container .content .quick-menu > div{height:50px; margin-bottom:20px;}
body#main #container .content .quick-menu > div > a { display:block; height:50px; }
body#main #container .content .quick-menu > div span{display:block; margin-top:5px; color:#323232; font-family:dotum, gulim; letter-spacing:-1px; font-size:11px;}

/*visual*/
#container #visual {position:relative; width:100%; height:435px; min-width:980px;}
#container #visual .visual-item { display:none; position:absolute; left:0; top:0; width:100%; height:437px; background-repeat:no-repeat; background-position:center top; background-size:cover; }
#container #visual .visual-item .inner-item { position:relative; width:980px; margin:0 auto; }
#container #visual .visual-item .inner-item img.visual-slogan {position:absolute; left:3px; top:20px; }
#container #visual .item1 {display:block; background-image:url(/images/main/visual01.jpg); }
#container #visual .item2 {background-image:url(/images/main/visual02.jpg); }
#container #visual .item3 {background-image:url(/images/main/visual03.jpg); }
#container #visual .item4 {background-image:url(/images/main/visual04.jpg); }
#container #visual .item5 {background-image:url(/images/main/visual05.jpg); }
#container #visual .item6 {background-image:url(/images/main/visual06.jpg); }
/*tab*/
#container .content .notice{width:302px; float:left;}
#container .content .job{width:302px; float:left; margin-left:38px;}
#container .content .job:after{clear:both; content:""; height:0; display:block;}
#container .content .engineering{float:right; width:302px;}
#container .content:after{clear:both; content:"";height:0; display:block;}

/*.tab_menu div{margin-top:10px;}

/*
.notice .tab{width:100% ;position:relative;}
.notice .tab .title{width:305px; background:#f3943e; height:65px;}
.notice .tab .title:after{clear:both; content:""; height:0; display:block;}
.notice .tab .title h2{width:66px; font-size:18px; font-weight:bold; color:#fff;text-align:center; padding-top:20px;}
.notice .tab_menu li a strong{display:block;font-size:15px; background:#f9f9f9;color:#000; border:1px solid #eeeeee; width:117px; height:34px; text-align:center; padding-top:15px;}
.notice .tab_menu li a strong.on{background:#fff; border:1px solid #fff; color:#f3943e;}
.notice .tab_menu li strong.btn_tab01{position:absolute;top:15px;left:67px;}
.notice .tab_menu li strong.btn_tab02{position:absolute;top:15px;left:186px;}
.notice .tab_menu li div ul li {line-height:25px;}
.notice .tab_menu li div ul li a{float:left;color:#666666; font-size:12px;}
.notice .tab_menu li div ul li span{float:right;color:#666666; font-size:12px;}
.notice .tab_menu li div ul:after{clear:both; content:"";height:0; display:block;}

.job .tab{width:100% ;position:relative;}
.job .tab .title{width:305px; background:#9bc33d; height:65px;}
.job .tab .title h2{width:66px; font-size:18px; font-weight:bold; color:#fff;text-align:center; padding-top:20px;}
.job .tab_menu li a strong{font-size:15px; background:#f9f9f9; border:1px solid #eeeeee; width:117px; height:34px; color:#000; text-align:center; padding-top:15px;}
.job .tab_menu li strong.btn_tab01{position:absolute;top:15px;left:67px;}
.job .tab_menu li strong.btn_tab02{position:absolute;top:15px;left:186px;}
.job .tab_menu li a strong.on{background:#fff; border:1px solid #fff; color:#8bac3d}
.job .tab_menu li div ul li {line-height:25px;}
.job .tab_menu li div ul li a{float:left;color:#666666; font-size:12px;}
.job .tab_menu li div ul li span{float:right;color:#666666; font-size:12px;}
.job .tab_menu li div ul:after{clear:both; content:"";height:0; display:block;}

.engineering .tab{width:100% ;position:relative;}
.engineering .tab .title{width:305px; background:#5eb9e8; height:65px;}
.engineering .tab .title h2{width:66px; font-size:18px; font-weight:bold; color:#fff;text-align:center; padding-top:20px;}
.engineering .tab_menu li a strong{font-size:15px; background:#f9f9f9; border:1px solid #eeeeee; width:117px; height:34px; color:#000; padding-top:15px; text-align:center;}
.engineering .tab_menu li strong.btn_tab01{position:absolute;top:15px;left:67px;}
.engineering .tab_menu li strong.btn_tab02{position:absolute;top:15px;left:186px;}
.engineering .tab_menu li a strong.on{background:#fff; border:1px solid #fff; color:#3687c5;}
.engineering .tab_menu li div ul li{line-height:25px;}
.engineering .tab_menu li div ul li a{float:left;color:#666666; font-size:12px;}
.engineering .tab_menu li div ul li span{float:right;color:#666666; font-size:12px;}
.engineering .tab_menu li div ul:after{clear:both; content:"";height:0; display:block;}
*/

div.board {width:100%; position:relative;height:308px;}
div.board .tab .title{width:302px; height:65px;}
div.notice .tab .title{background:#f3943e;}
div.job .tab .title{background:#9bc33d;}
div.engineering .tab .title{background:#5eb9e8;}
div.board .tab .title h2{width:65px; height:65px; font-size:18px; font-weight:bold; color:#fff; text-align:center; line-height:65px;}
div.board .tab_menu > li a strong{font-size:15px; background:#f9f9f9; width:119px; height:58px; color:#000; text-align:center;  line-height:58px; background:url(/images/common/bg/bg_tab_off_body.gif) no-repeat left top; }
div.board .tab_menu > li a strong.btn_tab01{position:absolute;top:7px;left:66px;}
div.board .tab_menu > li a strong.btn_tab02{position:absolute;top:7px;left:184px;}
div.board .tab_menu > li a strong.on{background:#fff;}
div.notice .tab_menu > li a strong.on{color:#f3943e;}
div.job .tab_menu > li a strong.on{color:#8bac3d;}
div.engineering .tab_menu > li a strong.on{color:#3687c5;}

div.board .tab_menu{height:220px; margin-top:20px;}
div.board .tab_menu > li { *display:inline; }
div.board .tab_menu > li div ul li{font-family:dotum, gulim; width:302px;}
div.board .tab_menu > li div ul li a{color:#666;font-size:12px; float:left; width:215px; margin-top:12px;}
div.board .tab_menu > li div ul li span{color:#666; font-size:12px; float:right; width:70px; text-align:right; margin-top:12px;}
div.board .tab_menu > li.tab_board02 div ul li span{width:80px; text-align:right;}
div.board .tab_menu > li div ul:after{clear:both; content:"";height:0; display:block;}

/*banner*/
.banner > a{display:block;float:left;height:229px;}
.banner{width:980px; margin:35px auto;border:1px solid #e0e0e0; height:229px;}
.banner:after{clear:both; content:"";height:0;display:block;}
.banner h3{font-size:20px; color:#222222; font-weight:bold;}
.banner .lab{width:226px; height:229px; overflow:hidden; background:#ebf1f5; position:relative;}
.banner .lab:after{clear:both; content:"";height:0;display:block;}
.banner .lab .lab_p{width:170px;  padding:30px 0 0 28px; }
.banner .lab .lab_p span{position:absolute; top:100px;; right:20;}
.banner .lab .lab_p p{font-size:11px; color:#888888; padding-top:15px;font-family:dotum}
.banner .lab{width:226px;float:left;  height:229px;overflow:hidden; background:#ebf1f5; position:relative;}

.banner .abeek{width:226px; height:229px; background:#f8f8e8; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; position:relative;}
.banner .abeek:after{clear:both; content:"";height:0;display:block;}
.banner .abeek .abeek_p{width:170px;  padding:30px 0 0 28px; }
.banner .abeek .abeek_p span{position:absolute; top:160px; right:30px;}
.banner .abeek .abeek_p p{font-size:11px; color:#888888; padding-top:15px; font-family:dotum}

.banner .event{width:526px;float:right; height:229px;background:#f2f2f2; position:relative;}
.banner .event:after{clear:both; content:"";height:0; display:block;}
.banner .event h3.title{font-size:15px; padding:22px 0 23px 30px;}
.banner .event ul{margin-left:35px;}
.banner .event ul li{float:left; width:20%; margin-left:25px;}
.banner .event ul li:first-child{margin:0;}
.banner .event ul li a img{border:1px solid #cccaca; width:95px; height:65px;}
.banner .event ul li a span.event_txt{margin-top:8px;display:block;font-size:11px; color:#888888; font-family:dotum; width:97px; height:37px; overflow:hidden;}
.banner .event ul:after{clear:both; content:"";height:0; display:block;}
.banner .event .event_title{width:100%; height:35px; background:#fff; position:relative;}
.banner .event .event_title strong{margin-left:30px; height:35px; line-height:35px; font-size:15px;}
.banner .event .event_title img{position:absolute; top:0; right:0;}
.banner .event .event_top .event_title{border-bottom:1px solid #e0e0e0; height:35px;}
.banner .event .event_bot .event_title{ margin-top:19px; height:35px;border-top:1px solid #e0e0e0; border-bottom:none; margin-top:17px\0/IE8; *margin-top:17px; }
@-moz-document url-prefix() { .banner .event .event_bot .event_title { margin-top:18px; } }

/*������ ��ư*/
span.more{position:absolute; top:295px; right:0;}
span.more a{font-family:dotum; font-size:11px;color:#666666}

.banner .event .event_hot{position:relative;}
.banner .event .event_hot span.more{position:absolute; top:30px; right:22px; font-size:11px; font-family:dotum; color:#666666;}
.banner .event .event_news{position:relative;}
.banner .event .event_news span.more{position:absolute; top:30px; right:22px; font-size:11px; font-family:dotum; color:#666666;}