/* 전체적인 타입  */

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {font-family:'Nanum Gothic', sans-serif;}

/*나눔바른고딕웹폰트로드(폰트 사용할곳에font-family:'NanumBarunGothic';추가)*/
@import url("css/NanumBarunGothic.css");


* {margin:0;padding:0; }

body, table, tr, td, select, textarea { font-size:12px; color:#505050; }

input { font-size:12px; color:#707070; }

em,cite,address,dfn,var,h4,h5,h6 {font-style:normal; }

dl,ul,ol,li{ list-style:none; margin-left:0px;}

input, textarea, file { font-size:12px; vertical-align:middle; padding:1px;}

select, label { font-size:12px; vertical-align:middle;  }

a{color:#666; text-decoration:none; }

a:hover, a:active, a:focus{text-decoration:none; color:#e97208;}


/* For Screen Reader 해당 폼양식의 설명*/
legend { position:absolute; top:0px; left:0px; width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0px; line-height:0;} 


/* 테이블기본셋팅 */
table { border-collapse:collapse; border-spacing:0; }


/* 이미지 테두리0 */
img { border:0; vertical-align:middle; }

/* 폼테그 그룹화, 폼양식 설명 태그 선언*/
fieldset { border:0px;}


table th img { *padding:0 0 1px 0 !important;}

	/*퀵배너*/
#quick_menu {position:absolute; left:50%; top:0px;  margin:0 0 0 560px; z-index:90001;}
#quick_menu li{border-bottom:1px solid #bba272; border-left:1px solid #bba272;  border-right:1px solid #bba272; /*text-align:center;*/ padding:10px;}
#quick_menu li.title{/*text-align:center;*/ padding:15px; background:#bba272; color:#fff; font-size:13px; font-weight:600;}
#quick_menu li.back{/*text-align:center;*/ padding:10px; background:#f9f8f8; color:#000; font-size:12px;}

.title{text-align:center; padding:10px; background:#bba272; color:#fff; font-size:13px; font-weight:600; border-top:1px solid #bba272; border-left:1px solid #bba272;  border-right:1px solid #bba272;}
.q_line{background:#bba272; border-bottom:1px solid #bba272;}

#wrap{width:100%;}
#header	{position:relative; clear:both; width:1100px; height:150px; margin:0 auto;}
#img { position:relative; clear:both; width:1100px; height:500px;  margin:0 auto;}
#contents{position:relative; clear:both; width:1100px; background:#fff; margin:0 auto; }
#footer{width:1100px; clear:both; height:120px;  margin-top:50px; margin:0 auto;}


#top_bar {position: fixed; width:100%; z-index:99999999; height:40px; background:#bba272;}
#top_wrap{position:relative; clear:both; width:1100px; margin:0 auto;}
#top_menu {position:absolute; top:0px; right:0px;}
#top_menu li { float:left; display:inline; padding:0px 0px 0px 15px; text-align:center;}
#top_menu li span a{color:#ccc; }
#top_menu li span a:hover { color:#fff; font-weight:bold; text-decoration:none;}
#top_menu li span.hom{ display: block; color:#fcff02; font-size:11px;  padding:13px 0px 0px 0px; font-weight:600;}
#top_menu li span.text{ display: block; color:#fff; font-size:11px; padding:13px 0px 0px 0px; font-weight:600;}


#header	h1{padding:75px 0px 0 0;}


#gnb { position:absolute; top:100px; right:20px; z-index:99999;}




#best20{float:left; width:550px;  height:275px; background:#fff;}



.scroll-img {
  width: 545px;
  overflow: hidden;
  font-size: 12px;
  font-weight:none;
  margin-left:0px;
  color:#000;
}

.scroll-img p{
padding:6px 0px 10px 0px;
text-align:center;
}


.scroll-img ul {
  width: 2100px;
  margin:10px 0px 0px 0px;
}

.scroll-img ul li {
  width:170px;
  display: inline-block;
  padding:0px 0px 0px 0px;
  margin:0px 10px 0px 0px;
  border:1px solid #ccc;

}


.bb_text_01{ font-weight:700; font-size:15px; color:#000;}







#billboard{width:550px; height:275px; overflow:hidden; margin:0 auto;}
	
.slideshow{width:550px; height:275px;  overflow:hidden;}
.slideshow li{list-style:none; float:left; display:inline; position:relative;}

.p_tit{position:absolute; top:0px; left:0px; z-index:90002;}
.p_tit2{position:absolute; top:275px; left:0px; z-index:90003;}

.p_tit_text{position:absolute; top:0px; left:0px; z-index:90005; color:#fff; font-size:18px; font-weight:bold;  padding:30px 0px 0px 15px;}
.p_tit_text2{position:absolute; top:275px; left:0px; z-index:90004; color:#fff; font-size:18px; font-weight:bold;  padding:30px 0px 0px 15px;}



#notice{float:left; width:275px;  height:275px; background:#cc9966; background:url(../images/news_bg.jpg) no-repeat;}
#news { float:left; margin:30px 0 0 35px; }
#news li{ float:left;  height:20px; padding:3px 0px 3px 0px; color:#000; font-size:13px;}
#news li span{ float:right;}
#news li a{color:#000; }
#news li a:hover { color:#e20404; text-decoration:none;}

#n_title{ float:left; font-size:19px; padding:40px 0px 0px 35px; color:#fff; font-weight:600;}
#n_title2{ float:left; font-size:19px; padding:40px 0px 0px 35px; color:#000; font-weight:600;}

p.more{ float:right; padding:40px 30px 0px 0px;}




#customer{float:left; width:275px;  height:275px; background:url(../images/customer_bg.jpg) no-repeat;}
p.tel{ float:left;  width:200px; display: block; border-bottom:1px solid #888; height:45px; margin:15px 0px 5px 38px;}
p.fax{ float:left; width:200px; font-size:12px;  line-height:22px; color:#ccc; height:50px; margin:10px 0px 0px 38px;}
p.time{ float:left; width:200px; font-size:12px;  line-height:22px; color:#ccc; border-bottom:1px solid #888; height:50px; margin:10px 0px 0px 38px;}

#new_product{float:left; width:550px;  height:275px; background:#fff;}


#online{float:left; width:275px;  height:275px; background:#cc9966; background:url(../images/online_bg.jpg) no-repeat;}
p.on_text{ float:left; font-size:12px;  line-height:20px; color:#555; height:50px; margin:7px 0px 0px 38px;}

#mv{float:left; width:275px;  height:275px; background:url(../images/mv_bg.jpg) no-repeat;}





#footer_wrap{width:1100px; margin:0 auto;}
.copy_ci{float:left; padding:28px 10px 0px 0px;}
.copy{float:left; padding:35px 0px 0px 0px; line-height:18px;}

#pr	{ height:370px; text-align:center;}



#slideshow {width:1100px; height:500px; background:#fff}
#slides {width:1100px; height:500px; list-style:none; overflow:auto}
#slides li {width:1100px; height:500px}

.pagination { position:absolute; top:460px; left:30px; z-index:222; list-style:none;}
.pagination li {float:left; cursor:pointer; padding:8px 8px; background:#b6b5b5; margin:0 6px 0 0;}
.pagination li:hover {background:#777;}
li.current {background:#f47320}

li#content {width:464px; height:270px; padding:15px 18px 15px 18px; background:#fff}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}


.search {position:absolute; top:5px; right:250px;}
input.input_type3 { height:20px; padding:2px 0 2px 0px; background:#fff; font-size:13px;}