@charset "utf-8";

.nav {top:0; box-shadow:0 0 8px rgba(0,0,0,.2);}
.wrapper {padding-top:70px;}
.sub_vis {position:relative; width:100%; height:300px;}

.sub_page {display:block; position:relative; width:1400px; margin:0 auto; padding-left:300px;}
.sub_page::before{content:" "; display:block; position:absolute; top:0; bottom:0; left:0; width:280px; background:#444749;}
.sub_page::after{content:" "; display:block; clear:both;}

.sidemenu {position:absolute; top:0; left:0; width:280px;}
.sidemenu > h1 {padding:60px 20px 40px; color:#fff;}
.sidemenu > h1 .en {font-size:32px; letter-spacing: 0; margin-bottom:10px;}
.sidemenu > h1 .kr {font-size:22px; font-weight:400;}
.sidemenu > .gnb > li {width:100%; height:auto; border-bottom:1px solid #888;}
.sidemenu > .gnb > li > a {display:block; width:100%; padding:0 20px; line-height:60px; font-size:18px; color:#fff;}
.sidemenu > .gnb > li.on > a, .sidemenu > .gnb > li:hover > a {background:#cf002e; font-weight:700;}
.sidemenu > .gnb > li > .depth2 {display: block;  height:0; opacity:0;}
.sidemenu > .gnb > li.on > .depth2 {height:auto; opacity:1;}
.sidemenu > .gnb .depth2 li a {display:block; padding:0 20px; color:#fff; line-height: 50px; opacity: .5;}
.sidemenu > .gnb .depth2 li.on a,.sidemenu > .gnb .depth2 li:hover a {background:#555; opacity: 1;}
.sidemenu > .gnb .depth2 li a::before {content:"-"; display:inline-block; margin-right:10px;}

.contents {position:relative; width:100%; height:auto; min-height:800px; padding-bottom:60px;}
.contents::after{content:" "; display:block; clear:both;}
.contents_tit {position:relative; padding:40px 20px; border-bottom:1px solid #ccc;}
.contents_tit > h2 {font-size:38px; font-weight:700; letter-spacing: 0;}
.contents_tit > .breadcrumb {position:absolute; top:50%; right:20px; text-align: right; transform:translateY(-50%); color:#888; letter-spacing: 0;}

.bod_con_t{ width:100%; padding:20px 70px;}

.bod_img{padding-top:40px; width:100%; margin:0px auto; text-align:center;}
.bod_img img {width:100%;}
.bod_title{position:relative; width:1400px; margin:0 auto; padding-top:70px; text-align: right; }
.bod_text{width:100%; margin:40px auto 0; padding:20px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; line-height:170%; color:#666;}
.bod_text2{padding-top:50px; margin:0 -20px;}
.bod_text2::after{content:" "; display:block; clear:both;}

.ci_text{width:100%; padding-bottom:30px; margin:0 auto; line-height:170%; color:#666;}
.ci_tit{margin-top:20px; padding-bottom:10px; font-size:18px; font-weight:700; color:#134d8d;}
.ci_box{margin:40px -20px 0;}
.ci_box2{float:left; width:50%; padding:0 20px; line-height:170%; color:#666;}

.box{float:left; width:33.3333%; padding:0 20px;}
.box .tit{padding:20px 0; font-size:13px; font-weight:700; letter-spacing:0px; color:#000; }
.box .tit2{font-size:20px;}
.box .tit3{padding-top:10px; padding-bottom:10px;}
.box .tit4{padding-top:20px; font-size:14px; line-height:170%;}


.conb{width:1175px; margin:0 auto; background:url(../images/l_bg.gif) repeat-y left top;}
.conb:after{content:" "; display:block; clear:both;}


.con3{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_03.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.con4{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_04.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.con5{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_05.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.con6{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_06.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.con7{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_07.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.con8{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_08.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.con9{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_09.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }
.con10{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_10.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }

.con12{z-index:10; width:100%; min-width:950px; height:330px;  background:url(../images/sub_12.jpg) ; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; }


.career_tit{width:950px; font-family:'나눔고딕';font-size:28px; letter-spacing:0px; color:#000; padding-bottom:20px; padding-top:55px; text-align:center;}
.career_tit2{width:950px; font-family:'나눔고딕';font-size:28px; font-weight:bold; letter-spacing:0px; color:#0058a3;}
.career_text{width:950px; font-family:'나눔고딕';font-size:12px;letter-spacing:0px;line-height:150%; color:#000; padding-top:20px; padding-left:15px;}


.text2{width:950px; font-family:'나눔고딕';font-size:12px;letter-spacing:0px;line-height:150%; color:#000; }

.text_ing{ font-family:'나눔고딕'; font-size:12px; color:#666; letter-spacing:0px; text-align:right; border-bottom:1px solid #ccc; padding-bottom:5px;}
.text_ing2{ font-family:'나눔고딕'; font-size:12px; color:#666; letter-spacing:0px; text-align:right;  padding-bottom:5px; padding-top:20px;}

/*.tab_menu { z-index:50; position:relative; top:-42px; width:950px; margin:0 auto;}
.tab_menu li { width:130px; height:30px; float:left; padding-top:10px; font-family:'나눔고딕'; vertical-align:middle; text-align:center; font-size:13px; font-weight:bold; letter-spacing:0px;line-height:150%; color:#fff;  background-color:#333; filter:alpha(opacity=50);transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s; border:1px solid #000; margin-left:3px;}
.tab_menu li:firstchild { margin-left:0px !important;}
.tab_menu li a:hover{color:#f49505; cursor:pointer;}*/



/* floating 을 해제하기 위한 클래스 추가, 의미없는 clear만 있는 gabage source 제거 */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.de_box{margin:15px auto; padding:15px -20px 15px; border-bottom:1px solid #ccc;}
.de_box::after{content:" "; display:block; clear:both;}
.de_box_sol{width:100%; height:630px; margin:0 auto 40px; padding:25px 0 50px; background:url(../images/con_img_02.jpg) center/100% no-repeat;}
.de_box_sol::after{content:" "; display:block; clear:both;}

.de_tit{float:left; width:34%;}
.de_tit .tit{font-size:34px; font-weight:700; color:#000; padding:10px 0 10px 0;}
.de_tit .tit2{ font-family:'나눔고딕'; font-size:18px; color:#000; letter-spacing:-1px; }
.de_tit .tit3{color:#000; font-size:18px; padding-top:20px; padding-bottom:10px; line-height:170%;}
.de_tit .tit4{padding-top:10px; padding-bottom:40px; line-height:170%; color:#666;}

.const_box{width:100%; margin:0 auto; padding:15px 0; }
.const_tit{float:left; width:280px; padding-right:5px; }
.const_tit .tit{font-size:34px; font-weight:700; color:#000; padding:10px 0 10px 0;}
.const_tit .tit1{font-size:24px; color:#000;}
.const_tit .tit2{font-family:'나눔고딕'; font-size:18px; color:#000; letter-spacing:-1px; }
.const_tit .tit3{color:#000; font-size:18px; padding-top:20px; padding-bottom:10px; line-height:170%;}
.const_tit .tit4{line-height:170%; padding-top:20px; color:#666;}

.ecar_box{width:100%; height:740px; margin:15px auto; padding:15px 0; background:url(../images/ecar_img-01.jpg) right/cover no-repeat;}
.tour_box{width:100%; height:970px; margin:15px auto; padding:15px 0; background:url(../images/tour_img-01.jpg) right/cover no-repeat;}
.farm_box{width:100%; height:970px; margin:15px auto; padding:15px 0; background:url(../images/farm_img.jpg) 12px/100% no-repeat;}
.enter_box{width:100%; height:970px; margin:15px auto; padding:380px 0 0; background:url(../images/enter_img.jpg) right/cover no-repeat;}
.engin_box{width:100%; height:970px; margin:15px auto; padding:15px 0; background:url(../images/engin_img.jpg) right/cover no-repeat;}

.marine_box{width:841px; height:490px; margin:0px auto;  background:url(../images/marine_img-02.jpg) no-repeat;}
.marine_tit{float:left; width:269px; padding-right:5px; }
.marine_tit .tit{font-family:'나눔고딕';font-size:30px; font-weight:bold; letter-spacing:-1px;line-height:150%; color:#000; padding:10px 0 10px 0;}
.marine_tit .tit1{font-family:'나눔고딕';font-size:22px; font-weight:bold; letter-spacing:-1px;line-height:150%; color:#000; padding:10px 0 10px 0;}
.marine_tit .tit2{ font-family:'나눔고딕'; font-size:18px; color:#000; letter-spacing:-1px; }
.marine_tit .tit3{font-family:'나눔고딕'; font-size:14px; color:#000; letter-spacing:-1px; padding-top:20px; padding-bottom:3px;}
.marine_tit .tit4{ font-family:'나눔고딕'; font-size:12px; color:#000; letter-spacing:-1px; line-height:170%; padding-top:20px; padding-left:10px;}

/*서브보드*/
.text2_board{width:950px; font-family:'NanumGothic';font-size:12px;letter-spacing:0px;line-height:150%; color:#000;  border-bottom:1px solid #ccc; padding-bottom:12px;}


.bo_btn {width:950px; margin:0 auto; text-align:right; height:40px; padding-top:10px;} 


/*보드폼-페이징*/

.page {vertical-align:middle; margin:30px auto;}
.page .page_btn {width:30px; padding-top:6px; text-align:center;}
.page .page_num a:hover {text-decoration:underline;}
.page .page_num .sel_page {color:#cc0033;}
.page td table a {font-weight:bold; vertical-align:middle; font-size:12px; font-family:"나눔고딕"}
.page td table td { text-align:center; padding:10px; vertical-align:middle;}

.bo_search {width:510px; margin:0 auto; height:45px; border:none !important; text-align:center;}
.bo_search input {background-color:#f5f5f5;}
.bo_search select {background-color:#f5f5f5;}





/*공지사항*/
.board_list_tr:hover {background:#f5f5f5;}

.board_cont_num {width:60px; text-align:center; height:40px; border-bottom:1px dashed #ddd; color:#999;}
.board_cont_sub {border-bottom:1px dashed #ddd; padding-left:10px;}
.board_cont_sub a {}
.board_cont_date {width:100px; text-align:center;border-bottom:1px dashed #ddd; color:#999; font-weight:600;}

.board_box{width:950px; margin:0 auto; padding:40px 0 40px 0; }
.board_table {width:100%; margin:0 auto; font-family:"나눔고딕";font-size:12px;}
.board_deco {height:20px; background:url(../images/board/board_top_deco.jpg);}
.board_table td.board_tit {height:30px; text-align:center; font-weight:600; font-size:12px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-family:"나눔고딕"; color:#666; vertical-align:middle/*top*/;}

/*채용faq*/

.faq_cont_num {width:60px; text-align:center; height:40px; border-bottom:1px dashed #ddd; color:#999;}
.faq_cont_part {text-align:center; border-bottom:1px dashed #ddd; font-weight:600; width:140px; color:#ae805b;}
.faq_cont_q {border-bottom:1px dashed #ddd; padding-left:10px;}
.faq_cont_q a {font-weight:600;}
.faq_cont_q a:hover { text-decoration:underline;}
.faq_answer_icon {padding:10px 0px 10px 30px; vertical-align:top; width:25px; background:#F7F7F7;}
.faq_answer {padding:10px 20px; vertical-align:top; line-height:150%; font-size:12px; color:#555; background:#f7f7f7;}

/*채용공고*/
.board_cont_num {width:60px; text-align:center; height:40px; border-bottom:1px dashed #ddd; color:#999;}
.board_cont_sub {border-bottom:1px dashed #ddd; padding-left:10px;}
.recruit_cont_position {text-align:center; border-bottom:1px dashed #ddd; font-weight:600; width:140px;}
.recruit_cont_date {width:100px; text-align:center;border-bottom:1px dashed #ddd; color:#999; font-weight:600;}
.recruit_cont_end {width:100px; text-align:center;border-bottom:1px dashed #ddd; color:#999; font-weight:600;}



.board_box{width:950px; margin:0 auto; padding:40px 0 40px 0; }
.board_table {width:100%; margin:0 auto; font-family:"나눔고딕";font-size:12px;}
.board_deco {height:20px; background:url(../images/board/board_top_deco.jpg);}
.board_tit {height:30px; text-align:center; font-weight:600; font-size:12px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-family:"나눔고딕"; color:#666; vertical-align:top;}


/*웹진*/

.board_thumb {height:150px; width:280px; border-bottom:1px dashed #ddd;vertical-align: top; padding:10px;}
.board_pre {height:150px; border-bottom:1px dashed #ddd; vertical-align: top; padding:10px;}
.news_tit {height:15px; font-weight:600; font-size:17px; letter-spacing:-1px; display:block; margin-top:10px;}
.news_date {height:10px;  color:#999; font-weight:600; display:block;}
.news_pre {margin-top:10px; display:block; line-height:150%;}

/*뷰페이지*/
.board_view_info { background:#f9f9f9; height:30px; padding-right:10px; text-align:right;}
.view_tit {height:30px; border-bottom:1px solid #ddd; padding:0px 10px; font-size:14px; font-weight:600; text-align:left;border-right:1px solid #ddd; } 
.board_date { height:25px; color:#999; font-weight:600; border-bottom:1px solid #ddd; text-align:center; width:200px;} 
.view {height:100%; min-height:300px; border-bottom:1px dashed #ddd; padding:15px 10px; vertical-align:top;}