/* 전체적인 타입  */

@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; olor:#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:138px; margin:0 auto;}
#img { position:relative; clear:both; width:1100px; height:200px;  margin:0 auto;}
#contents{position:relative; clear:both; width:1100px; height:100%; 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:999; 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:70px 0px 0 0;}


#gnb { position:absolute; top:88px; right:20px; z-index:888;}




#d_left { position:relative; float:left; width:200px; display:block; margin:40px 50px 0px 0px; }

h1.b_tit { position:relative; float:left;  width:185px; display:block; font-size:24px; font-weight:600; color:#bba272; padding:6px 0px 10px 15px; border-bottom:2px solid #bba272;}



#lnb{ position:relative; float:left; width:200px; margin-bottom:50px;}

	#lnb ul	{ margin-bottom:24px;}
	
	
	ul.sidenav { font-weight:700; float:left; width:200px; margin:0; padding:0; list-style:none; background:#fff;}  

    ul.sidenav li a{ font-size:14px; display:block; color:#5d5c5c; text-decoration:none; width:155px; padding:10px 10px 15px 35px;  
				background:url(../images/sidenav_a.png) no-repeat 17px 14px; border-bottom:1px solid #dadada; }  

	ul.sidenav li a:hover { background:#bba272 url(../images/sidenav_b.png) no-repeat 17px 14px; color:#fff;} 
	
	ul.sidenav li a.selected{ background:#bba272; color:#fff; font-size:14px;}  

	ul.sidenav li span{ display:none; }  

	ul.sidenav li a:hover span { display:block; font-size:0.7em; padding:3px 0; color:#777;} 







#n_title{ float:left; font-size:17px; font-weight:600; padding:20px 0px 0px 20px; color:#000;}

#customer{position:relative; float:left;  display:block; width:198px; height:170px; background:#f7f7f7; border:1px solid #dadada; }
p.tel{ position:absolute; top:60px; left:15px; font-size:19px; color:#000; border-bottom:1px solid #ccc; font-weight:600; padding:0px 0px 7px 30px; background:url(../images/tel.gif)no-repeat;}
p.fax{ position:absolute; top:100px; left:18px; font-size:12px;  line-height:20px;}









#d_center {position:relative; float:left; width:850px; display:block; margin:40px 0px 100px 0px; }

h1.s_tit { position:relative; float:left;  width:850px; display:block; font-size:26px; font-weight:600; color:#777; padding:0px 0px 10px 0px; border-bottom:1px solid #ccc;}

p.sub_navi{position:absolute; right:10px; top:20px;  font-size:12px;}
p.sub_navi span{color:#000; font-size:12px; font-weight:700;}

#sub_contents {position:relative; float:left; width:850px; height:100%; display:block; margin:40px 0px 0px 0px; font-size:13px; line-height:24px;}





#sub_sum_img{position:relative; float:left; width:850px; display:block; margin:0px 0px 20px 0px; border-bottom:2px solid #ccc;}
.img_list{position:relative; float:left; width:200px; display:block; margin:0 16px 30px 0;}
.img_list2{position:relative; float:right; width:200px; display:block; margin-bottom:30px;}

.img_list img{position:relative; float:left; width:200px; display:block; border:1px solid #ccc;}
.img_list2 img{position:relative; float:left; width:200px; display:block; border:1px solid #ccc;}

.sum_tit{ float:left; width:200px; height:80px; font-size:12px; color:#000; text-align:center; padding:8px 0px 0px 0px;}
.sum_date{ float:left; width:175px; font-size:11px; color:#ccc; padding:0px 0px 0px 5px; border-bottom:1px solid #ccc;}

#sub_sum_img2{position:relative; float:left; width:850px; display:block; margin:0px 0px 20px 0px;}
#sub_sum_img3{position:relative; float:left; width:850px; display:block; margin:80px 0px 20px 0px;}

.sub_text_01{ float:left; width:770px; font-size:12px; color:#000; padding:5px 0px 10px 5px;}



#p_small_list{position:relative; float:left; width:820px; display:block; padding:10px 10px 10px 10px; margin:0px 0px 40px 0px; border:5px solid #ccc;}

.p_list{ float:left; }
.p_list li{ float:left; display:inline; font-size:14px; font-weight:600; color:#000; padding:10px 20px 10px 20px;}
.p_list li a{ float:left; font-size:14px; font-weight:600; color:#999;}
.p_list li a:hover {font-size:14px; color:#000;}


.s_title{ float:left; width:830px; font-size:16px; font-weight:600; color:#000; padding:0px 0px 5px 20px; margin:0px 0px 10px 0px; border-bottom:1px solid #ccc;}



.ceo{ float:left; width:180px; margin:0px 20px 0px 0px;}
.ceo_text_01{ float:left; font-size:30px; font-weight:600; padding:5px 0px 0px 20px;}
.ceo_text_02{ float:left; padding:40px 0px 0px 20px;}
.ceo_text_02 span{ float:right; padding:40px 0px 0px 20px; font-weight:600; font-size:16px;}


p.sub_text_01{ font-size:21px; font-weight:600;  padding:10px 0px 20px 0px; color:#000;}

.contactus{position:relative; float:left; width:850px; display:block; margin:40px 0px 0px 0px; padding:20px 0px 20px 0px; border-bottom:1px solid #ccc;}
.contactus li{font-size:15px; font-weight:300;  color:#000; padding:5px 0px 5px 0px;}

h3.con_tit{font-size:25px; font-weight:300;  color:#000; padding:0px 0px 10px 0px;}
p.con_text{position:relative; float:left; width:390px; display:block; margin:10px 0px 0px 10px; font-size:15px; }
p.con_text img{ padding:0px 20px 0px 0px;}





#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:200px; background:#fff}
#slides {width:1100px; height:200px; list-style:none; overflow:auto}
#slides li {width:1100px; height:200px}

.pagination { position:absolute; top:160px; 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_type_topbar { height:20px; padding:2px 0 2px 0px; background:#fff; font-size:13px;}