@charset "utf-8";
/* CSS Document */
@font-face{font-family:'nanumgothic'; src:url('./font/nanumgothic.woff')}
@font-face{font-family:'nanumgothic'; src:url('/font/nanumgothic.eot')}
 
html, body, body, table, div, p {font-family:'nanumgothic';}
html, body, h1, h2, h3, h4, h5, h6, li, p {}
/* All Device */

html{overflow-y:scroll;  overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{ font-size:13px; color:#333; font-weight:400;}

body{background-color:#fff;}

#wrap{width:100%; overflow:hidden; text-align:left; min-width:1260px; }
#top_wrap{position:relative;width:100%; min-width:1260px; height:190px; left:0px; top:0px; z-index:999; 
background:url('../images/top_wrap_bg.jpg') no-repeat top;}

#top_total{position:relative; margin:0 auto; left:0px; top:0px;  width:1200px; height:190px; z-index:998; }

#logo1{  float:left; width:209px; height:49px; margin-top:42px; }
#logo2{float:left; width:326px; height:53px; margin-top:38px; margin-left:255px;}
#top_q{float:right; width:144px; height:55px; margin-left:0px; margin-top:13px;}  
#top_q img{opacity:.85;}
#top_q:hover img{opacity:1;}

/*상단슬라이드다운시작*/
#menu{float:left; left:0px; width:1200px; height:60px;   z-index:50; margin-top:38px;}
#menu ul{ display:table; }
#menu ul li{position:relative;  float:right; height:80px;  }
#menu ul li a{ display:block;  text-align:center;  line-height:18px; padding-top:13px;
 font-size:16px; color:#fff; font-weight:600;  }
#menu ul li:hover a{ color:#ccc; text-decoration:none; }

#menu ul li a span{font-size:13px; font-weight:400;}
#menu .nav {margin: 0 auto; left:0px; top:0px; height:0px;  }
#menu .nav .twoD{position:absolute;  text-align:center; top:70px;   height:255px;
z-index:100;    }
#menu .nav li .twoD a{display:block; color:#333; height:30px; padding:0 0 0  0;
text-align:center; font-size:14px;  line-height:40px; 
font-weight:600;  }
#menu .nav li .twoD a:hover { color:#269446; text-decoration:none;}


#menu ul #menu01{width:270px;}
#menu ul #menu01 .twoD{width:270px;}
#menu ul #menu02{width:250px;}
#menu ul #menu02 .twoD{width:250px;}
#menu ul #menu03{width:270px;}
#menu ul #menu03 .twoD{width:270px;}
#menu ul #menu04{width:230px;}
#menu ul #menu04 .twoD{width:230px;}
#menu ul #menu05{width:180px;}
#menu ul #menu05 .twoD{width:180px;}


#top_bottom{position:absolute; width:100%; height:265px; left:0px; top:-90px; border-bottom:5px solid #708ca8;
background-color:#f5f5f5; z-index:998; }


#main_img{position:relative; width:100%; max-height:550px; min-width:1200px; }


#second_wrap{position:relative; float:left; width:100%; left:0px; overflow:hidden; background-color:#fff; margin-top:60px;}
#second_total{position:relative;  left:0px; top:0px;overflow:hidden; width:1200px;  margin:0 auto; }

#second_ment{position:relative;  text-align:center; height:140px;left:0px; top:0px;
/*width:666px; height:140px; /*background:url('../images/second_ment.png') no-repeat top;left:50%; margin-left:-333px;*/}

.s_ment1{font-size:40px; font-weight:800; color:#467216;}
.s_ment2{position:relative; font-size:15px; color:#555; top:20px; line-height:25px;}

.triangle{position:relative; top:0px; width:30px; height:15px; left:50%; margin-left:-15px;
background:url('../images/triangle.png') no-repeat top;}


#second_total .s_ul li{float:left; width:378px; height:198px; margin-right:30px; margin-top:30px; border:1px solid #ccc;
 text-align:center; list-style: none;}
#second_total .s_ul a{ display:block; height:198px; }

#second_total .s_ul li:hover{background-color:#7dad47; }
#second_total .s_ul li:hover a{text-decoration:none;}

 #second_total .s_ul #l_1{background:url('../images/l_1.jpg') no-repeat top;}
 #second_total .s_ul #l_2{background:url('../images/l_2.jpg') no-repeat top;}
 #second_total .s_ul #l_3{background:url('../images/l_3.jpg') no-repeat top;}
 #second_total .s_ul #l_4{background:url('../images/l_4.jpg') no-repeat top;}
 #second_total .s_ul #l_5{background:url('../images/l_5.jpg') no-repeat top;}
 #second_total .s_ul #l_6{background:url('../images/l_6.jpg') no-repeat top;}
 #second_total .s_ul #l_7{background:url('../images/l_7.jpg') no-repeat top;}
 #second_total .s_ul #l_8{background:url('../images/l_8.jpg') no-repeat top;}
 #second_total .s_ul #l_9{background:url('../images/l_9.jpg') no-repeat top;}
 #second_total .s_ul #l_10{background:url('../images/l_10.jpg') no-repeat top;}
 #second_total .s_ul #l_11{background:url('../images/l_11.jpg') no-repeat top;}

#second_total .s_ul #l_1:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_2:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_3:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_4:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_5:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_6:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_7:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_8:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_9:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_10:hover{border:5px solid #a3d06f; width:370px; height:190px;}
#second_total .s_ul #l_11:hover{border:5px solid #a3d06f; width:370px; height:190px;}


 
 
#second_total .s_ul #l_3{margin-right:0px; margin-top:50px;}
#second_total .s_ul #l_6{margin-right:0px;}
#second_total .s_ul #l_9{margin-right:0px;}
#second_total .s_ul #l_1{margin-top:50px;}
#second_total .s_ul #l_2{margin-top:50px;}

#second_total .s_1{position:relative; font-size:28px; font-weight:800; color:#a5e55b; top:25px; /*text-shadow: 1px 1px 2px #555;*/}
#second_total .s_11{position:relative; font-size:17px; line-height:30px; top:40px;color:#fff; font-weight:600; /*text-shadow: 1px 1px 2px #222;*/}

#second_total .s_2{position:relative; font-size:28px; font-weight:800; color:#a5e55b; top:25px;}
#second_total .s_22{position:relative; font-size:17px; line-height:28px; top:38px;color:#fff; font-weight:600; }




#news_wrap{  position:relative; float:left;  width:378px; height:198px; border:1px solid #ccc; margin-top:30px;}
#news_total{position:relative;   width:378px; height:198px; margin-top:0px; background-color:#fff;}

#tab_nav{float:left; width:100%; height:40px; }
#tab_nav ul{float:left; list-style-type:none; }
#tab_nav ul li{float:left;  }
#tab_nav ul li a{display:block; width:378px; height:40px;  color:#333; background:#fff; line-height:40px; text-align:center; 
 font-size:16px; font-weight:600; text-decoration:none; border-bottom:1px solid #ccc;  }
#tab_nav ul li a:hover{ text-decoration:none;}
#tab_nav ul #nav1{background:#7dad47; color:#fff;  }

.con{width:100%; overflow:hidden; padding:10px 0 0 0;  font-size:13px;}







#third_wrap{position:relative; float:left; width:100%; left:0px; overflow:hidden; margin-top:80px;
background-size:cover; background:url('../images/third_bg.jpg') no-repeat top; 
margin-bottom:0px; height:630px;}
#third_total{position:relative;  left:0px; top:60px;width:1200px; height:570px; margin:0 auto; overflow:hidden;}

#third_ment{position:relative;  text-align:center; height:140px;left:0px; top:0px;
/*width:666px; height:140px; /*background:url('../images/second_ment.png') no-repeat top;left:50%; margin-left:-333px;*/}

.t_ment1{font-size:40px; font-weight:800; color:#fff; }
.t_ment2{position:relative; font-size:15px; color:#fff; top:20px; line-height:25px;}

.triangle1{position:relative; top:0px; width:30px; height:15px; left:50%; margin-left:-15px;
background:url('../images/triangle1.png') no-repeat top;}




div.ms{position:relative; float:left; width:3355px; height:240px; margin-top:70px;}
div.ms ul{width:100%; height:240px; padding:0;}
div.ms li{float:left;width:285px; height:240px; margin-right:20px;}

div.ms li img{display:block; width:285px; height:240px;}







#main_middle_wrap{position:relative; float:left; width:100%; min-width:1260px; left:0px; 
overflow:hidden; background-color:#fff; margin-top:0px; background-color:#fff;  text-align:center; margin-bottom:0px; }
#main_middle_total{position:relative;  left:0px; top:75px;width:1200px; height:784px; margin:0 auto; }

#quick_wrap{width:1200px; height:250px;}

#quick1{float:left; width:285px; height:250px; /*background-color:#578d19;*/
background:url('../images/q1_bg.jpg') no-repeat top; text-align:left;}


.quick_ment1{position:relative; font-size:19px; font-weight:600; color:#1d651f; line-height:30px; top:20px;
width:284px; margin-left:20px; }
.quick_ment1_1{font-size:17px; margin-left:20px; color:#222;}

.quick_ment2{position:relative; font-size:16px; color:#222; top:30px; line-height:25px; margin-left:20px;
}
.quick_ment2_1{margin-left:20px;}

.quick_ment1_2{position:relative; font-size:19px; font-weight:600; color:#102032; line-height:30px; top:20px;
width:284px; margin-left:20px; }


.quick_ment1_3{position:relative; font-size:19px; font-weight:600; color:#1a5291; line-height:30px; top:20px;
width:284px; margin-left:20px; }


.quick_ment1_4{position:relative; font-size:19px; font-weight:600; color:#9f1f2e; line-height:30px; top:20px;
width:284px; margin-left:20px; }







.quick_ment3{position:relative; font-size:15px; color:#222; top:50px; font-weight:600;
}

#go_button_total{position:relative; width:100px; }
.go_button{position:relative; width:98px; height:23px; border:1px solid #ccc;
border-bottom-left-radius: 10px; border-bottom-right-radius:10px;
border-top-left-radius: 10px; border-top-right-radius:10px;
margin-top:60px; text-align:center; margin-left:20px;}
.go_button span{font-size:15px; color:#222; line-height:25px; font-weight:600;}
.go_button:hover{background-color:#578d19;}
.go_button:hover span{color:#fff; }
#go_button_total:hover a{text-decoration:none;}

.go_button1{position:relative; width:130px; height:30px; border:2px solid #fff;
border-bottom-left-radius: 20px; border-bottom-right-radius:20px;
border-top-left-radius: 20px; border-top-right-radius:20px;
margin-top:82px; text-align:center;}



#quick2{float:left; width:285px; height:250px; /*background-color:#06521c;*/ margin-left:20px;
background:url('../images/q2_bg.jpg') no-repeat top; text-align:left;}


#quick3{float:left; width:285px; height:250px; /*background-color:#578d19;*/ margin-left:20px;
background:url('../images/q3_bg.jpg') no-repeat top; text-align:left;}


#quick4{float:left; width:285px; height:250px; /*background-color:#06521c;*/ margin-left:20px;
background:url('../images/q4_bg.jpg') no-repeat top; text-align:left;}




#sitemap_wrap{position:relative; float:left; width:100%; height:464px; margin-top:0px;
min-width:1200px;}

#sitemap_total{position:relative;  float:left; width:1200px; height:394px; margin-top:70px;
background:url('../images/site_map.jpg') no-repeat top; left:50%; margin-left:-600px;}


.site1{position:relative; float:left; width:228px; height:470px; }
.site_title{position:relative; float:left; text-align:center; width:228px; height:60px;}
.site_title a{position:relative; font-size:15px; font-weight:600; color:#152605; top:12px;}
.site_title .site_map_title{font-size:13px; font-weight:400;}

.site1 ul{float:left; width:255px; height:375px; margin-top:14px; margin-left:30px; display:table;}
.site1 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:10px;
font-size:14px;}
.site1 ul li a:hover{color:#999;}

.site2{position:relative; float:left; width:228px; height:470px; margin-left:15px; }
.site2 ul{float:left; width:228px; height:375px; margin-top:14px; margin-left:30px; display:table;}
.site2 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:10px; font-size:14px;}
.site2 ul li a:hover{color:#999;}

.site3{position:relative; float:left; width:228px; height:470px; margin-left:15px; }
.site3 ul{float:left; width:228px; height:375px; margin-top:14px; margin-left:30px; display:table;}
.site3 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:0px; 
font-size:14px; }
.site3 ul li a:hover{color:#999;}

.site4{position:relative; float:left; width:228px; height:470px; margin-left:15px; }
.site4 ul{float:left; width:228px; height:375px; margin-top:14px; margin-left:20px; display:table;}
.site4 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:20px; font-size:14px;}
.site4 ul li a:hover{color:#999;}

.site5{position:relative; float:left; width:228px; height:450px; margin-left:15px; }
.site5 ul{float:left; width:228px; height:375px; margin-top:14px; margin-left:20px; display:table;}
.site5 ul li a{color:#222; line-height:30px; display:block; text-align:left; margin-left:20px; 
font-size:14px;}
.site5 ul li a:hover{color:#999;}


/*-------------------------------sitemap 끝-------------------------------*/



/*----------------------------------------------sub 시작----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#middle_wrap{margin:0 auto;  width:100%; min-width:1260px; overflow:hidden;}
#middle_total.sub{ position:relative; margin:0 auto; margin-top:0px; overflow:hidden;  width:1200px; overflow:hidden;}
#sub_middle_wrap {margin:0 auto;   width:100%; height:400px;/* background:url('../images/sub_main.jpg') no-repeat center;*/}
#sub_middle_total {margin:0 auto;   width:100%; height:400px; /*background:url('../images/sub_main_ment.png') no-repeat center;*/}
#sub_middle_total img{margin:0 auto;}

#con_total{ padding-left:50px; width:920px; overflow:hidden; }
#con_title{ width:920px;  height:120px;  margin-top:40px; }   /*title 사각형이미지*/
#title_a{ padding-top:42px;  font-size:28px;  color:#333333; font-weight:600; }  /*title 멘트 */
#title_a span{  font-size:12px; color:#777;  float:right; padding-top:9px; font-weight:400;}

#con{position:relative; width:920px;  overflow:hidden; margin-top:50px; padding-bottom:230px; min-height:300px; }





/*-------------------------------------레프트 메뉴----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#left_total{float:left; width:230px; overflow:hidden; padding:0 0 0px 0; margin-top:40px; }
#left_title{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_1.jpg') no-repeat bottom;}
#left_title span{font-size:14px; color:#222; font-weight:400;}
#left_title li{padding-top:15px; line-height:25px;}

#left_title_2{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_2.jpg') no-repeat bottom;}
#left_title_2 span{font-size:14px; color:#222; font-weight:400;}
#left_title_2 li{padding-top:15px; line-height:25px;}

#left_title_3{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_3.jpg') no-repeat bottom;}
#left_title_3 span{font-size:14px; color:#222; font-weight:400;}
#left_title_3 li{padding-top:15px; line-height:25px;}

#left_title_4{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_4.jpg') no-repeat bottom;}
#left_title_4 span{font-size:14px; color:#222; font-weight:400;}
#left_title_4 li{padding-top:15px; line-height:25px;}

#left_title_5{width:230px; height:160px; text-align:center;  font-size:18px;  font-weight:600; color:#222;  text-aline:center;
/*border-radius:5px*/;background:url('../images/left_title_bg_5.jpg') no-repeat bottom;}
#left_title_5 span{font-size:14px; color:#222; font-weight:400;}
#left_title_5 li{padding-top:15px; line-height:25px;}




#left_nav{width:100%; overflow:hidden; min-height:150px; margin-top:0px;}
.leftMenu {float:left; width:230px; overflow:hidden; }
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd;  }
.leftMenu > li > a{display:block; width:210px; padding-left:20px; height:39px; font-family:'Nanum Gothic', sans-serif; font-size:15px; line-height:39px; color:#535353;  transition:0.2s;}
.leftMenu > li > a:hover{ color:#509306; text-decoration:none; }
.leftMenu > li.on > a{ color:#509306; }

.leftMenu .gub_sub {display:none;}
.leftMenu li .gub_sub { overflow:hidden; height:auto; padding:5px 0 15px;}
.leftMenu li .gub_sub li a {display:block; height:25px; padding-left:20px; font-family:'Nanum Gothic', sans-serif; font-size:14px; line-height:25px; color:#777;}
.leftMenu li .gub_sub li a:hover, .leftMenu li .gub_sub li.on a{color:#d9811a; text-decoration:none;}
.leftMenu li .gub_sub .sub1 a {font-size:14px; color:#222; height: 30px; font-weight:600; text-decoration:none;}
.leftMenu li .gub_sub .sub1 a:hover {color:#222;}
.leftMenu li .gub_sub li.sub1.on1 a{color:#d9811a;}

#left_customer{ float:left; width:230px; height:280px; margin-top:50px; background:url('../images/left_customer.jpg') no-repeat center; }


/*------------------------------------레프트 메뉴 끝---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*copyright*/

#bottom_wrap{ position:relative; left:0px; top:0px; width:100%; min-width:1260px; overflow:hidden;  
height:440px; background:url('../images/bottom_bg.jpg') no-repeat center;}
#bottom_total{position:relative; margin:0 auto;  width:1200px; height:390px; display: block; 
margin-top:50px; }

#company_logo{position:relative; width:1200px; height:200px; }

#company_logo .company_logo1 li{float:left; width:224px; height:60px; margin-left:20px;}
#company_logo .company_logo1 li:first-child {margin-left:0px;}
#company_logo .company_logo1 li:hover{opacity:.7;}

#company_logo .company_logo2 li {float:left; width:111px; height:50px; margin-left:10px; margin-top:40px;}
#company_logo .company_logo2 li:first-child {margin-left:0px;}

#copy_a{position:relative; width:1200px; height:190px; margin-top:0px; }

#copy_logo{position:relative; float:left;  width:73px; height:143px; background:url('../images/copy_logo.png') no-repeat center;
z-index:999; margin-top:24px;}

#copy_a .copy_title_four {position:relative; float:left;  font-size:13px; font-weight:600; 
margin-left:30px; color:#fff; margin-top:28px;}
#copy_a .copy_m {position:relative;float:left;  font-size:13px; color:#fff; line-height:22px; 
top:14px; left:30px; }
.rrred{color:#f15353;}
#copy_a .copy_m a {color:#fff;}
.national{position:absolute;  left:1025px; top:120px; width:175px; height:55px; text-align:center;}

.national li{float:left; width:40px; height:27px; margin-left:5px; background-color:#222;}
.national li:first-child{margin-left:0px;}
.national span{color:#fff; font-weight:600; font-size:15px; line-height:35px;}