@charset "utf-8" /* 기본
------------------------------------------------------------------------------------------------------------------------------------------------- */

window.onload=function() {
  var obj = document.getElementById('body');
  if (obj.clientWidth<1100) obj.style.width='1100px';
}


* {-webkit-text-size-adjust:none;}



@font-face {
font-family: "NanumBarunGothic";
font-style: normal;
font-weight: 400;
src: url("../font/NanumBarunGothic.eot?#iefix") format("embedded-opentype");
src: local('※'), url("../font/NanumBarunGothic.woff") format("woff"), url("../font/NanumBarunGothic.woff2") format("woff2");
}
@font-face {
font-family: "NanumBarunGothic";
font-style: normal;
font-weight: 700;
src: url("../font/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype");
src: local('※'), url("../font/NanumBarunGothicBold.woff") format("woff"), url("../font/NanumBarunGothicBold.woff2") format("woff2");
}
@font-face {
font-family: "NanumBarunGothic";
font-style: normal;
font-weight: 800;
src: url("../font/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype");
src: local('※'), url("../font/NanumBarunGothicBold.woff") format("woff"), url("../font/NanumBarunGothicBold.woff") format("woff2");
}






form {
 margin:0px;
 padding:0px;
 display:inline;
}





img { border:0;vertical-align:middle;} 
* {
margin: 0;
padding: 0;
}

.png24 {
  tmp:expression(setPng24(this));
}


a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
#steel {
	POSITION: relative
}

fieldset {
	border: 0;
}
input {

	vertical-align:middle;
	margin: 0;
	border: 1px solid #cccccc;
	padding: 3px 2px 1px 2px;
	color: #000000;
	
}

input[type=checkbox],input[type=radio],input[type=image]{ border:none;} 


select {
	vertical-align:middle;
	color: #4B4B4B;
}
textarea {
	padding: 3px;
	border: 1px solid #cccccc;
	color: #000000;
}

html, body {
	margin: 0;
	padding:0;
	color: #616161;
	line-height: 25px;
	font: 15px NanumBarunGothic, Dotum, sans-serif;
    scrollbar-face-color: #f1f1f1;
	scrollbar-shadow-color: #E4E4E4;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #E4E4E4;
	scrollbar-arrow-color: #D2D2D2;
	-webkit-text-size-adjust: none; 	
	-webkit-line-height-adjust: none; 
  overflow-x:hidden;
overflow-y:hidden;
}
/**/html{
overflow-y:scroll;

}


div, dl, dt, dd, ul, ol, li, h3, h4, h5, h6, pre, forms, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	list-style:none
}

ul, ol, dl {
	list-style:none
}
a, a:link, a:visited {
	color: #666666;
	text-decoration: none;
	cursor: hand;
	outline:none; select-dummy: expression(this.hideFocus=true);
}
a:hover, a:active {
	text-decoration: none;
	cursor: hand;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
}
hr {
	clear:both;
	display: none;
}

BODY {
	WIDTH: 100%; height:100%;BACKGROUND:#fff; min-width:1100px;

}

#wrap {
	POSITION: relative; WIDTH: 100%; height:100%;

}


/*Common*/
.clear { clear: both; }
.float_l	{ float:left; }
.float_r	{ float:right;}
.float_r1	{ float:right; color: #ff0000; padding-right:12px;}
.float_r2	{ float:right; color: #ff0000; padding-top:17px; .margin-top:-70px;}
.float_r3	{ float:right; color: #ff0000; padding-top:27px; .margin-top:-70px;}
.block { background:#000000;  padding:1px 1px 0px 1px; .padding:1px 1px 0px 1px; color:#fff;}
.block1 { background:#000000;  padding:1px 1px 0px 1px; .padding:1px 1px 0px 1px; color:#ffda10;}
.fs_10 { font-size:10px; line-height:13px; }
.fs_11 { font-size:11px; line-height:15px; }
.fs_12 { font-size:12px; }
.fc_999999 { color: #999999; }
.fc_location {color: #6b6b6b; }
.fc_table1_mt {color: #3b88b9; font-weight:bold;}

.fs_contit { font-size:16px; font-weight:bold; margin-bottom:16px; }

.fc_red { color:#dd0404; }
.fc_red1{ color:#cb0000; font-size:18px; line-height:28px;}
.fc_or_b { color:#f28900; font-weight:bold;}
.fc_red_b { color:#dc0000; font-weight:bold;}
.fc_red_oran { color:#ff5800; font-weight:bold;}
.fc_brown{ color:#a36a2b;}
.fc_brown1{ color:#a36a2b; font-size:18px; line-height:28px;}
.fc_red_s { color:#dd0000; font-size:14px;}
.fc_gray { font-size:11px; color:#767676; font-weight:bold;}
.fc_gray1 { font-size:12px;  font-weight:bold;}
.fc_gray2 { font-size:16px;  font-weight:bold;}
.fc_blue {color: #0059bd; }
.fc_blue_b {color: #3f8cc0;  font-weight:bold;}
.point01 { background-color:#ebebeb; }
.point02 { color:#dc0000; }
.fc_form{clear: both; font: 17px NanumBarunGothic, Dotum, sans-serif; color:#865e46; font-weight:400;}

.line01{display:block; border-bottom:1px solid #c8c8c8; margin:50px 0 50px 0;}
.line02{display:block; border-bottom:1px solid #d3d3d3; margin:10px 0 60px 0;}
.line03{display:block; border-bottom:1px solid #d3d3d3; margin:52px 0 52px 0;}
.line04{display:block; border-bottom:1px dashed #d3d3d3; margin:50px 0 50px 0;}
.line05{display:block; border-bottom:1px dashed #d3d3d3; margin:8px 0 8px 0;}

/* Default link */

a.list_on:link {font-size:12px; color:#e51937; text-decoration:none;}
a.list_on:visited {font-size:12px; color:#e51937; text-decoration:none;}
a.list_on:hover {font-size:12px; color:#e51937; text-decoration:none;}


h3{font-size:16px; font-weight:normal; color:#333;}


/****************************** main ******************************/
#top	{ width:100%; height:102px; margin:0 auto; padding:0; position:relative; }
#top_area	{ width:1100px; height:102px; margin:0 auto; padding:0; position:relative; }
#top_area .top{ width:1100px; text-align:left; height:102px;  margin:0 auto; padding:0;position:relative;}
#top_area .logo {float:left;  left:0px; height:102px; margin-top:0px; position:relative;z-index:999999;  }
#top_area .mt {float:right; right:0px; height:20px; margin-top:14px;  position:absolute; }
#top_area .mt ul li {float:left; padding:0px 0px 0px 10px;}
#top_area .menu {float:right; right:0px; height:55px; margin-top:46px;  position:absolute; }
#top_area .menu ul li { padding:5px 0px 5px 0px;}


#main{ position: relative; width:1920px; height:452px; margin:0 auto; left:50%; margin-left:-960px; padding-top:0px;  }


/* main */

#rollingBanner{position:relative;margin:0; width:1920px; height:452px; overflow:hidden; }
#rollingBanner ul li dl, #rollingBanner ul li dd{ width:1920px; height:452px overflow:hidden;}
#rollingBanner ul li dl dt a{position:absolute; display:block; width:16px;  overflow:hidden;background:url(../image/bg_mainimg_control.png) -2px top no-repeat;text-indent:-10em; z-index:121;}

.btn1 a{left:1443px; top:401px; z-index:121;}
.btn2 a{left:1460px; top:401px; z-index:121;}
.btn3 a{left:1477px; top:401px; z-index:121;}
.btn4 a{left:1450px; top:325px; z-index:121;}
#rollingBanner ul li dl dt a.iconOn{background:url(../image/bg_mainimg_control.png) -22px top no-repeat;  z-index:121;}


.btn_back{position:absolute;background:url(../image/main_iconback.png) no-repeat;top:391px; left:1426px;width:200px; height:80px; z-index:111;}




#main2{ position: relative; width:1920px; height:47px; margin:0 auto; left:50%; margin-left:-960px;padding-top:0px; border-bottom:1px solid #cccccc; }

#main2 .notice{ position:relative; margin:0 auto; padding:0; width:1100px; margin-top:0px; height:47px;}

#main2 .notice_tit{float:left; position: relative; width:126px; height:33px; text-align:center; color:#e6dfdd; font-size:16px; padding-top:14px;background:#652200; }

#main2 .notice_text{float:left;  position:relative;  width:420px; left:20px; padding-top:17px;  font-size:13px;}
#main2 .more{float:right; margin-right:20px; width:30px; }



/* main_area */

#main_area { position:relative; margin:0 auto; padding:0; width:1100px; margin-top:40px; height:280px;}

#youtube {float:left; position:relative; margin-left:0px; width:347px; top:0px; }
#youtube .tit{position:relative;float:left; }
#youtube .go{position:relative; float:right; right:0px;}
#youtube .pic{position:relative; top:10px;}


#product {float:left; position:relative; margin-left:30px; width:347px; top:0px; }
#product .tit{position:relative;float:left; }
#product .num ul{position:relative; float:right; right:0px;}
#product .num li{position:relative; float:left;  padding: 0 0 0 10px}
#product .pic{position:relative; top:10px;}


#quick {float:right; right:0px; position:relative;  width:347px; top:0px; }
#quick .tit{position:relative;}
#quick .qpic{float:left; position:relative; top:10px; border:1px solid #dadada;}
#quick .qpic ul li{float:left; position:relative; top:0px; padding:25px 30px 18px;text-align:center; line-height:250%; font-size:16px;}
#quick .qpic ul li.fir{float:left; position:relative;  border-right:1px solid #dadada;}




#quick1 {float:right; right:0px; position:relative;  width:347px; top:0px; }
#quick1 .tit{position:relative;}
#quick1 .qpic{float:left; position:relative; top:10px; border:1px solid #dadada;}
#quick1 .qpic ul li{float:left; position:relative; top:0px; padding:0px;text-align:right; line-height:250%; font-size:16px;}
#quick1 .qpic ul li.fir{float:left; position:relative; padding:9px 16px 8px 17px; border-right:1px solid #dadada;}












#main_area2 {  position:relative; margin:0 auto; padding:0; width:1100px; border-top:1px solid #e0e0e0; height:350px; margin-top:0px; }

#main_area2 .facility{ float:left; position:relative; left:0px; width:256px; margin-top:40px; }
#main_area2 .facility_tit{ position:relative; width:256px;  height:39px;  text-align:center; padding-top:20px; background:#855d23; font-size:18px; color:#ffffff;}
#main_area2 .facility_pic{ position:relative;left:0px; margin-top:0px; }



#main_area2 .brand{ float:left; position:relative; margin-left:25px;  width:256px; margin-top:40px; }
#main_area2 .brand_tit{ position:relative; width:256px;  height:39px;  text-align:center; padding-top:20px; background:#c39414; font-size:18px; color:#ffffff;}
#main_area2 .brand_pic{ position:relative;left:0px; margin-top:0px;  width:254px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; }
#main_area2 .brand_pic ul li{ position:relative;width:205px;  padding:7.5px 0px 7.5px; margin-left:25px;text-align:center; }
#main_area2 .brand_pic ul li.fir{ position:relative; border-bottom:1px solid #dadada; }




#main_area2 .process{ float:left; position:relative; margin-left:25px; width:256px; margin-top:40px; }
#main_area2 .process_tit{ position:relative; width:256px;  height:39px;  text-align:center; padding-top:20px; background:#a0968b; font-size:18px; color:#ffffff;}
#main_area2 .process_pic{ position:relative;left:0px; margin-top:0px; padding:0px; color:#626262; font-size:13px; text-align:center;width:256px;  line-height:140%;}
/*
#main_area2 .process_pic{ position:relative;left:0px; margin-top:0px; padding:21px 0px 21px; color:#626262; font-size:13px; text-align:center;width:254px;  line-height:140%; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; }
*/

#main_area2 .mcall{ float:left; position:relative; margin-left:25px; width:256px; margin-top:40px; }
#main_area2 .mcall_tit{ position:relative; width:256px;  height:39px;  text-align:center; padding-top:20px; background:#545454; font-size:18px; color:#ffffff;}
#main_area2 .mcall_pic{ position:relative;left:0px; margin-top:0px; padding:18px 0px 12px; color:#626262; font-size:13px; text-align:center;width:254px;  line-height:140%; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada; }


#wrap_sub1 {
	position:relative; overflow:hidden; width:1920px;  height:174px;  left:50%; margin-top:0px; margin-left:-960px; 
}









#slides {
position:relative; margin-top:0px; margin-left:0px; margin-right:0px; width: 256px; height:197px; z-index:100; margin-bottom:0px; 
}

/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/

.slides_container {
width:256px;
overflow:hidden;
position:relative;
display:none;
}

/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/

.slides_container a {
width:256px;
height:197px;
display:block;
}

.slides_container a img {
display:block;
}

/*
Next/prev buttons
*/

#slides .next,#slides .prev {
position:absolute;
top:85px;
left:0px;
width:23px;
height:23px;
display:block;
z-index:101;
}

#slides .next {
left:233px;
}

/*
Pagination
*/


.pagination {
	
margin:0px
width:100px;
	
z-index:102;
}

.pagination li {
float:left;
margin:0 7px;
list-style:none;
}

.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-color:opacity:0.3
background-position:0 0;
float:left;
overflow:hidden;
}

.pagination li.current a {
background-position:0 -12px;
}


#slides2 {
position:relative; margin-top:0px; margin-left:0px; margin-right:0px; width: 256px; height:197px; z-index:100; margin-bottom:0px; 
}

/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/

/*
Next/prev buttons
*/

#slides2 .next,#slides2 .prev {
position:absolute;
top:85px;
left:0px;
width:23px;
height:23px;
display:block;
z-index:101;
}

#slides2 .next {
left:233px;
}




/*sub_area */

#sub_area {width:1100px; margin:0 auto; padding:0; position:relative; margin-top:0px;}

#sub_left { float:left; position:relative; margin-left:0px; width:208px; margin-top:26px;  }
#sub_left1 { width:208px; top:0px; display:block; line-height:120%;}
#sub_left1 .stit {margin-left:0px; }
#sub_left1 .smenu {padding-top:0px; margin-left:0px; padding-bottom:20px; height:300px;}
#sub_left1 .smenu ul li a{display:block; margin-left:0px; margin-top:3px;padding:11px 0 13px 20px;  border-bottom:#d4d4d4 1px solid; width:188px; font-size:15px; }
#sub_left1 .smenu ul li a:hover { margin-left:0px; margin-top:3px;  padding:11px 0 13px 20px;border-bottom:#d4d4d4 1px solid; width:188px;  background:url('../image/sub_left_on.gif') no-repeat; font-weight:bold;font-size:15px;color:#fff;}
#sub_left1 .smenu ul li.on a{ margin-left:0px;  margin-top:3px; padding:11px 0 13px 20px; width:188px;border-bottom:#d4d4d4 1px solid;  background:url('../image/sub_left_on.gif') no-repeat; font-weight:bold;font-size:15px;color:#fff; }




#sub_left2 { position:relative; margin-left:0px;  width:208px; margin-top:0px; margin-bottom:100px; display:block; }




/* con_area */
#con_area {float:left; position:relative; margin-left:42px; margin-top:30px; margin-right:0px; font-size:15px; margin-bottom:120px;color:#787878;  width:850px;  line-height:24px;}
*:first-child+html #con_area {float:left; position:relative; margin-left:42px; margin-top:30px; margin-right:0px; font-size:15px; margin-bottom:150px; padding-bottom:120px; color:#787878;  width:850px;  line-height:24px;}

#con_area #top_visual {padding-left:0px; padding-bottom:10px; border-bottom:1px solid #d8d8d8;}
#con_area #top_visual p.location { margin-top:16px;  padding-left:0px; font-size:11px;font-family:dotum; color:#6b6b6b; clear:both;  float:right; }


/* 공통 */


.tabArea{position:relative;width:850px;height:56px;margin-top:42px;background:url(../image/tab_back.gif); overflow:hidden;text-align:center;margin-bottom:0px;}
.tabArea ul{overflow:hidden;height:56px;}
.tabArea ul li{float:left;height:56px;}
.tabArea ul li a{display:block;height:52px;line-height:50px;color:#747474;font-size:16px;border-left:1px solid #d6d6d6;text-decoration:none;padding-top:2px;font-weight:normal;}
.tabArea ul li a.on{border:2px solid #c4800c; border-bottom:2px solid #fff;background:#fff;color:#222;font-weight:500;padding-top:0;cursor:inherit}

.tabArea.tabOne li{width:100%}
.tabArea.tabTwo li{width:50%}
.tabArea.tabThree li{width:33.3333333%}
.tabArea.tabFour li{width:25%}
.tabArea.tabFive li{width:20%}
.tabArea.tabSix li{width:16.6666666%}




.tab01{position:relative;width:850px;height:40px;margin-top:20px;overflow:hidden;text-align:center;margin-bottom:0px;}
.tab01 ul{overflow:hidden;height:40px;}
.tab01 ul li{float:left;height:40px;}
.tab01 ul li a{display:block;height:40px;line-height:50px;color:#747474;font-size:16px;text-decoration:none; background:url(../image/tab_icon01.gif) 0px 16px no-repeat; padding-left:20px; padding-right:20px; font-weight:normal;}
.tab01 ul li a.on{color:#c4800c;font-weight:500;padding-top:0;background:url(../image/tab_icon01_on.gif) 0px 16px no-repeat; cursor:inherit}
.tab01 ul li a:hover{color:#c4800c;font-weight:500;padding-top:0;background:url(../image/tab_icon01_on.gif) 0px 16px no-repeat; cursor:inherit}







#con_area .pic1{float:left;  position:relative;width:850px; margin-top:60px; margin-left:0px; color:#787878; line-height:24px; }
#con_area .pic1_1{float:left;  position:relative;width:850px; text-align:center; margin-top:30px; margin-left:0px; color:#787878; line-height:24px; }
#con_area .pic1_2{float:left;  position:relative;width:850px; text-align:center; margin-top:20px; margin-left:0px; color:#787878; line-height:24px; font-size:16px;padding-bottom:15px;padding-top:15px;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}

#con_area .pic2{float:left;  position:relative;width:30%; text-align:center; margin-top:60px; color:#787878; line-height:24px; }
#con_area .pic2_0{float:left;  position:relative;width:100%; text-align:left; margin-top:10px; color:#787878; line-height:24px; font-size:13px; padding-top:15px;border-top:1px solid #dfdfdf;}
#con_area .pic2_1{float:left;  position:relative;width:5%; text-align:center; margin-top:60px;  color:#787878; line-height:24px; padding-top:40px;}

#con_area .pic3{float:left;  position:relative;width:60%; text-align:center; margin-top:60px;  color:#787878; line-height:24px; }


#con_area .hf1{float:left; position:relative;width:300px; margin-top:0px; left:0px; margin-bottom:0px;}
#con_area .hf1_1{float:left;  position:relative;margin-left:0px;width:550px; line-height:24px;}






#con_area .line{float:left;  position:relative;width:100%; border-bottom:1px dashed #c5c5c5; padding: 20px 0 20px 0;}







/* sitemap */
#con_area .sitemap_tit{ margin-top:0px; margin-left:0px; margin-right:0px; }
#con_area .sitemap1{ float:left; margin-top:0px; width:203px; margin-left:14px; height:270px; margin-left:45px;margin-right:32px; font: 13px;}
#con_area .sitemap1 ul{margin-top:10px;}
#con_area .sitemap1 li{padding:5px 0 5px 0; border-bottom:1px solid #dfe2e7; text-align:center;}
#con_area .sitemap2{ float:left; margin-top:28px; width:203px; margin-left:14px; height:205px; margin-left:45px;margin-right:32px; font: 13px;}
#con_area .sitemap2 ul li{padding:5px 0 5px 0; border-bottom:1px solid #dfe2e7;text-align:center;}



/* 표스타일 */




.bbslist1 { width:100%; margin-top:0px; margin-bottom:0px;  }

.bbslist1 thead tr th {background:#e94e3e; height:30px;color:#ffffff; font-weight:bold;   border-top:1px solid #000;  padding-top:13px; vertical-align:top;border-bottom:#dfdfdf 1px solid;  }

.bbslist1 thead tr th.t1 {background:#e94e3e; height:30px;color:#ffffff; font-weight:bold; border-top:1px solid #000;  border-right:#dfdfdf 1px solid; padding-top:13px; vertical-align:top;border-bottom:#dfdfdf 1px solid;  }




.bbslist1 tbody td { text-align:left;  border:1px solid #FFFFFF; font-size:14px; line-height:140%;}

.bbslist1 tbody td.tit { text-align:center; background:#f4f2f0;  padding:20px 30px 20px 30px; border-bottom:#dfdfdf 1px solid; }

.bbslist1 tbody td.tit1 {  text-align:left;  padding:20px;border-bottom:#dfdfdf 1px solid; }


.bbslist1 tbody td.tit2 {  text-align:center; padding:10px;border:#dfdfdf 1px solid; }






.bbslist2 { width:100%; margin-top:0px; margin-bottom:0px;  }

.bbslist2 thead tr th { background:#e94e3e; height:2px; color:#666666; font-weight:bold;  padding-top:0px; vertical-align:top; }

.bbslist2 tbody td { text-align:left; padding:7px 7px 7px 7px; height:50px; border:1px solid #FFFFFF;}

.bbslist2 tbody td.tit { text-align:center; background:#f4f2f0; height:50px; font-weight:bold; border-top:#e94e3e 2px solid;border-bottom:#dfdfdf 1px solid;  }

.bbslist2 tbody td.tit1 {  text-align:left; height:50px;  padding-left:20px;border-top:#e94e3e 2px solid; border-bottom:#dfdfdf 1px solid; }

.bbslist2 tbody td.tit2 { text-align:center; background:#f4f2f0; height:50px; font-weight:bold;border-bottom:#dfdfdf 1px solid;  }

.bbslist2 tbody td.tit3 {  text-align:left; height:50px;  padding-left:20px;border-bottom:#dfdfdf 1px solid; }

.bbslist2 tbody td.tit4 { text-align:center; background:#f4f2f0; height:50px; font-weight:bold;border-bottom:#e94e3e 2px solid; }

.bbslist2 tbody td.tit5 {  text-align:left; height:50px;  padding-left:20px;border-bottom:#e94e3e 2px solid; }



































#foot{ float:left; width:100%;height:180px; margin:0 auto; padding:0; position:relative; margin-top:0px; }

#foot .sitemap{background:#dcdcdc; width:100%; height:42px;position:relative; text-align:left;  }

#foot .sitemap ul { margin:0 auto; padding:0;width:1100px; position:relative; text-align:left; padding-top:16px; color:#413e3a; }
#foot .sitemap li{ float:left; position:relative; text-align:left; width:78px; color:#413e3a; font-family:dotum;font-size:11px; background:url('../image/foot_line.gif') 60px 1px no-repeat;}




#foot .copy{ margin:0 auto; padding:0;width:1100px; position:relative; text-align:left; padding-top:35px;font-family:dotum;font-size:11px;  color:#777777;  line-height:160%;}
#foot .flogo{position:relative; float:right; right:0px; top:-50px; width:330px;}
#foot .ftop{position:relative; float:right; right:0px; top:-16px; }
*:first-child+html #foot .ftop{position:absolute; left:745px; top:-16px; }