@font-face{font-family:"Spoqa"; src:url("css/fonts/Spoqa_R.woff");}

* {padding: 0; margin: 0; color: #333; font-family: "Spoqa", "맑은 고딕", sans-serif;}
 	
body {width: 100%;}
 	
body,header,footer {padding: 0; margin: 0;}
 	
header,nav,section,footer {display: block;}
 	
li{list-style-type: none;}
 	
a:link,a:visited {text-decoration:none; color:#333;}
 	
a:hover,a:focus {/*outline:none;*/}
 	
h2 {width: 1px; height: 1px; position: absolute;left: -9999px; top: 0; font-size: 1px; line-height: 0; overflow: hidden;}
 	
img {border: none;}

#container{width:100%; margin-top:70px; margin-bottom:10%;}
#visual{width:100%; position:relative;}
	#visual img{width:100%;}
	
		.sub{width:100%; margin:7% 0;}
			h3{width:100%; font-size:18px; font-weight:600; text-align:center;}
			h3:after{content:""; display:block; width:30px; height:1px; background-color:#a20c11; margin:4% auto;}



/*sub1*/
.desc{width:100%; font-size:12px; line-height:2em; text-align:center;}
	.title{color:#a20c11; font-size:14px; display:block; font-weight:600; padding:10px 0;}
	.n{width:130px; margin:20px auto; font-size:14px; font-weight:600; line-height:1.7em; text-align:center;}
		.n span{display:inline-block; width:48%;}
		.n .n1{margin-left:4%;}
	.logo{width:180px; margin:0 auto;}
		.logo img{width:100%;}
		
/*sub2*/
.desc1{width:95%; margin:0 auto;}
		.desc1 img{width:100%;}
	.ci{width:95%; margin:0 auto; font-size:12px; line-height:1.7em; margin-top:7%;}
		.ci .img img{width:100%;}
		.ci .text{padding-top:15px; text-align:left;}

/*sub3*/
.map{width:95%; margin:0 auto;}
	.map img{width:100%;}
		.desc img{width:100%;}
	.address{width:95%; margin:0 auto 10%; font-size:12px;}
		.a_img{max-width:120px;}
			.a_img img{width:100%;}
		hr{margin:2% 0;}
		.a_text{width:100%; line-height:1.7em;}
			.a_text strong{display:block; color:#a20c11; padding:2% 0 0;}
			
/*sub4*/
.oem{width:95%; margin:0 auto;}
		h4{width:100%; color:#a20c11; line-height:1.5em; padding-bottom:10px; font-size:14px;}
	.desc4{line-height:1.7em; font-size:12px; padding-bottom:5%; text-align:left;}
		
		.o_9{width:100%;}
			.o_9 img{width:100%;}
/*sub5*/
.s{width:95%; margin:0 auto; color:#333;}
		.s p img{width:100%;}
		.s dl{width:100%; margin:3% 0;}
			.s dl dt{font-size:14px; font-weight:600;}
				.s_title{display:block; padding-bottom:3%; font-size:12px; line-height:30px;}
			
				.s_desc{width:100%; font-size:12px; line-height:1.7em;}
					.s_desc strong{display:block; color:#a20c11; font-weight:500;}
					.s_desc span{display:block; padding-bottom:3%;}
					
/*sub6*/
article{width:95%; margin:0 auto; position:relative; overflow:hidden;}
.wrap_0{margin-top:50px;}
.w_btn{background-color:#a20c11; width:20%; text-align:center; position:absolute; right:0; font-size:12px; height:30px; line-height:30px; margin-bottom:10px;}
.w_btn a{color:#fff;}

.center{
text-align: center; margin:20px 0; font-size:14px; font-weight:bold;
}
.fl_l{
float: left;
}
.fl_r{
float: right;
}
.notice_title{margin-top:10px;}
.over_hi{margin-bottom:10px;}
.over_hi:after{content:""; display:block; clear:both;}
.sub_hr{
	border: 0;
	border-top:1px solid #e1e1e1;
}
.notice_title_text {
	font-size:13px;
	color:#333;
}
.notice_title > img {
	width: 10px;
	position: relative;
	top:1px;
}
.notice_sub_text{
	margin:2% 0 0;
	color:#949494;
	font-size:12px;
}
.wid_100{
	width: 100%;
}
.sear_box{
	width: 80%;
	margin: 5% auto;
	border: 1px solid #e1e1e1;
	font-size:0;
}
.sear_input{
	width: 67.9%;
	padding: 3% 1%;
	border: 0;
	font-size:12px;
}
.sear_btn{
	width: 30%;
	border: 0;
	padding: 3% 1%;
	background-color:#a20c11;
	color:#fff;
	font-size:12px;
}
.text_area2{
	font-size:15px;
	color:#333;
	margin: 2% 0;
}

/*sub6_1*/
.list_btn1{width:20%; border:none; background-color:#a20c11; color:#fff; height:25px; cursor:pointer;}
.sub_textarea{width:96%; padding:2%; height:110px; font-size:12px; line-height:1.7em; border:none;}

/*sub6_wr*/
.sub_tb{width:100%; border-collapse: collapse;}
.sub_tr{width:100%; height:32px; line-height:30px; border-top:1px solid #e1e1e1;}
.sub_th{display:block; width:25%; height:32px; float:left; background-color:#ededed; font-size:12px; text-align:center; font-size:12px;}
.sub_td{width:75%; display:block; float:right; font-size:12px; text-indent:10px; height:32px;}
.sub_td input{width:90%; height:100%; border:none; font-size:12px;}
.textArea{width:100%; height:130px; border-bottom:1px solid #e1e1e1; text-indent:0;}
	.textArea textarea{width:96%; padding:2%; height:110px; font-size:12px; line-height:1.7em; border:none;}
.right{width:100%; text-align:right;}
.list_btn, #ok{width:20%; border:none; background-color:#222; color:#fff; height:25px; cursor:pointer;}
#ok{background-color:#777;}
.sub_tr:after{content:""; display:block; clear:both;}

/*sub12*/
.box{width:95%; height:100%; margin:0 auto;}
		.box li{width:49%; float:left; outline:1px solid #ccc; margin-bottom:2%;}
		.box li.left{margin-right:2%;}
			.box li .b_img{width:90%; margin:0 auto; padding-top:5%;}
				.box li .b_img img{width:100%;}
			.h4_c, .box li .b_text{width:90%; margin:0 auto; text-align:center;}
			.h4_c{padding:2% 0; font-size:14px; height:45px; line-height:45px; color:#333;}
			.li1 .h4_c{line-height:1.5em;}
			h4 .sub0{font-size:10px;}
			.box li .b_text{font-size:12px; line-height:1.7em; padding-bottom:5%; height:70px;}
	.box:after{content:""; display:block; clear:both;}

/*sub13*/
dl{width:95%; margin:0 auto;}
		dl dt{font-size:14px; color:#a20c11; font-weight:600;}
		.d_text{font-size:12px; line-height:1.7em; padding:5% 0 10%;}
		.d_img{width:100%;}
			.d_img img{width:100%; padding:5% 0;}
		
		dl dd ul{width:100%; margin-top:5%;}
			dl dd ul li{width:49%; margin-bottom:5%; float:left;}
				dl dd ul li.left{margin-right:2%;}
				.s_img{width:100%;}
					.s_img img{width:100%;}	
				.s_text{text-align:center; font-size:12px;}
		dl dd ul:after{content:""; display:block; clear:both;}
		
/*sub14~sub19*/
ul{width:100%;}
		ul li{width:90%; margin:0 auto;}
			ul li .p_img{width:100%;}
				ul li .p_img img{width:100%;}
		ul li .h4_p{font-size:16px; color:#a20c11; height:30px; padding:10px 0;}
		ul li .p_text{font-size:12px; line-height:1.7em; padding-bottom:30px;}
			ul li .p_text span{float:left;}
			ul li .p_text .dot{display:inline-block; width:4%;}
			ul li .p_text .text{display:inline-block; width:96%;}
		ul li .p_text:after{content:""; display:block; clear:both;}

/*sub20*/
.wrap_1{margin-top:0;}
.notice_title{cursor:pointer;}

/*sub20_1*/
.last_tr{border:none; border-bottom:1px solid #e1e1e1;}

/*sub21*/
.askList{width:90%; margin:0 auto; font-size:12px; line-height:1.7em;}
.listTitle{height:30px; line-height:30px; background-color:#efefef; border-top:1px solid #ccc; color:#666; text-indent:10px; font-size:13px; cursor:pointer;}
.listDesc{width:96%; padding:2%; border-top:1px solid #ccc;}
.last .listTitle{border-bottom:1px solid #ccc;}
.last .listDesc{border:none;}

/*sub22_wr*/
.last_tr{border:none; border-bottom:1px solid #ccc;}
#ok2{width:20%; border:none; color:#fff; height:25px; cursor:pointer;background-color:#a20c11;}