@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* 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-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

body{background-color:#fff;}

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

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

#logo{ position:relative; width:342px; height:62px; top:14px; margin:0 auto; }





/*----------------------------메뉴슬라이드-----------------------------*/
.menubar{ border:none; border:0px; margin:0px; padding:0px; font-family:"NanumGothic","Nanum Gothic";
font-size:16px; font-weight:600;}

.menubar ul{ height:50px; list-style:none; margin-top:28px; padding:0;}

.menubar li{ width:200px; float:left; padding:0px; }

.menubar li a{ color:#222; display:block; font-weight:600; line-height:50px; margin:0px; 
padding:0px 25px; text-align:center; text-decoration:none;}

.menubar li a:hover, .menubar ul li:hover a{ background-color:#525864; color:#FFFFFF; 
text-decoration:none; }

.menubar li ul{ background: rgb(109,109,109);
display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:200px; z-index:200;
/*top:1em;
/*left:0;*/}

.menubar li:hover ul{ display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */}

.menubar li li { background-color:#525864; display:block; float:none; margin:0px; padding:0px; width:200px;}



.menubar li:hover li a{ background:none; }

.menubar li ul a{ display:block; height:50px; font-size:14px; font-style:normal; margin:0px; /*padding:0px 10px 0px 30px;*/
text-align:center;}

.menubar li ul a:hover, .menubar li ul li:hover a{ background-color:#a0a49e; border:0px; color:#ffffff; text-decoration:none; }

.menubar p{ clear:left; }

/*----------------------------메뉴슬라이드 끝-----------------------------*/


#main_visual{position:relative; width:100%; height:520px; min-width:1000px; margin:0 auto;
background:url(../images/main_visual.jpg) no-repeat center;}



#quick_wrap{position:relative; margin:0 auto; height:200px; background-color:#f5efe7;}
#quick_total{position:relative; margin:0 auto;  width:1000px; overflow:hidden; top:30px; height:140px;}

#q1{float:left; width:140px; height:140px; margin-left:50px;}

#q2{float:left; width:140px; height:140px; margin-left:50px;}

#q3{float:left; width:140px; height:140px; margin-left:50px;}

#q4{float:left; width:140px; height:140px; margin-left:50px;}

#q5{float:left; width:140px; height:140px; margin-left:50px;}




/*이미지슬라이드 css소스*/
#main_slide{position:relative;width:100%; height:400px; min-width:1000px;  margin:0 auto; overflow: hidden;
background:url(../images/slide_bg.jpg) no-repeat center;}
.clear{overflow: hidden; width: 100%; margin:0 auto;}
.dn {display: none;}
.wrap_box{position:absolute; top:20px; left:40%; margin-left:-250px; height:360px; width:940px;}
.wrap_box .visual{ margin-top: 0px;}
.wrap_box .box {position:relative; width:100%;}
.wrap_box .visual .pht{position:absolute; top:0; left:0; width:100%; height:360px;}

.wrap_box .visual .control{position:absolute; top:270px; left:27.2%; margin-left:-140px;  width:60px;}
.wrap_box .visual .control .fl{float:left; margin-right:10px; cursor: pointer;}

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






#main_middle_wrap{margin:0 auto; left:0px; width:100%; height:270px;   
/*background-size:cover;background: url(../images/main_middle_wrap.jpg) no-repeat bottom  fixed;*/   }
  
#main_middle_total{ position:relative; margin:0 auto; margin-top:0px;  width:1000px; overflow:hidden;
min-height:270px;}

#news{float:left; width:300px; height:155px; background:url(../images/news.jpg) no-repeat center; margin-top:30px;}
#news .more{float:right;  height:20px; margin-right:0px; margin-top:0px; }
#news .more a{font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#333; font-weight:600;}
#news .more a:hover{font-family:"NanumGothic","Nanum Gothic"; font-size:16px; color:#999;}
#news_total{ float:left; width:300px; height:155px; margin-left:0px;}
#news_body{ float:left; width:300px; height:122px;}



#customer{float:left; width:670px; height:155px;background:url(../images/customer.jpg) no-repeat center; margin-top:30px; margin-left:30px;}


/*----------------------------------------------sub 시작----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#middle_wrap{margin:0 auto;  width:100%; overflow:hidden;}
#middle_total.sub{ position:relative; margin:0 auto; margin-top:0px; overflow:hidden;  width:1000px; overflow:hidden;}
#sub_middle_total {margin:0 auto;   width:100%; height:250px; background:url('../images/sub_main.jpg') no-repeat center; margin-bottom:40px;}

#con_total{ padding-left:50px; width:750px; overflow:hidden;}
#con_title{ width:750px; height:59px; /*background:url('../images/title_square.jpg') no-repeat 0px 43px;*/ border-bottom:1px solid #ccc; }   /*title 사각형이미지*/
#title_a{ padding-top:10px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px;  color:#333333; font-weight:600;  letter-spacing:-1px;}  /*title 멘트 */
#title_a span{ font-family:"NanumGothic","Nanum Gothic"; font-size:12px; color:#777;  float:right; padding-top:9px;}

#con{width:750px;  overflow:hidden; margin-top:50px; padding-bottom:100px; min-height:540px; }
/*-------------------------------------레프트 메뉴----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#left_total{float:left; width:200px; overflow:hidden; padding:0 0 30px 0;}
#left_title{width:200px; height:59px; padding:0px 0 0px 20px; font-family:"NanumGothic","Nanum Gothic"; font-size:20px; line-height:50px; font-weight:600; color:#222; letter-spacing:-1px; }
#left_title span{font-size:20px;}


#left_nav{width:100%; overflow:hidden; min-height:250px; margin-top:0px;}
.leftMenu {float:left; width:200px; overflow:hidden; border-top:2px solid #ccc; }
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd;  }
.leftMenu > li > a{display:block; width:180px; padding-left:20px; height:39px; font-family:"NanumGothic","Nanum Gothic"; font-size:15px; line-height:39px; font-weight:600; color:#535353;  }
.leftMenu > li > a:hover{background-color:#546c69;  color:#fff; text-decoration:none;}
.leftMenu > li.on > a{ background-color:#546c69; color:#fff;}

.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-family:"NanumGothic","Nanum Gothic";font-size:14px; color:#222; height: 30px; font-weight:600; text-decoration:none;}
.leftMenu li .gub_sub .sub1 a:hover {font-family:"NanumGothic","Nanum Gothic";color:#222;}
.leftMenu li .gub_sub li.sub1.on1 a{color:#d9811a;}
/*------------------------------------레프트 메뉴 끝---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*copyright*/
#bottom_wrap{overflow:hidden; background-color:#222; }
#bottom_total{margin:0 auto; margin-top:0px; width:1000px; height:150px; display: block;}
#ftt{position:relative; left:0px; top:30px;  overflow:hidden;
font-family:"NanumGothic","Nanum Gothic";  color:#222;}
#ftt a{float:left; padding-right:20px;  font-family:"NanumGothic","Nanum Gothic";
font-size:14px; color:#ccc;}
#ftt a:hover{text-decoration:none; color:#aaa;}
#copy1{margin:0 auto; margin-left:0px; margin-top:50px; font-family:"NanumGothic","Nanum Gothic"; font-size:13px; color:#ccc; line-height:20px;}