@charset "utf-8";
/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic Bold';
  font-style: normal;
  font-weight: 700;
  src: url(/include/font/NanumGothic-Bold.eot);
  src: url(/include/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/include/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/include/font/NanumGothic-Bold.woff) format('woff'),
       url(/include/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic Regular';
  font-style: normal;
  font-weight: 400;
  src: url(/include/font/NanumGothic-Regular.eot);
  src: url(/include/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/include/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/include/font/NanumGothic-Regular.woff) format('woff'),
       url(/include/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic ExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(/include/font/NanumGothic-ExtraBold.eot);
  src: url(/include/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/include/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/include/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(/include/font/NanumGothic-ExtraBold.ttf) format('truetype');
}


.nanum_bold { font-family: 'Nanum Gothic Bold'; }
.nanum_ebold { font-family: 'Nanum Gothic ExtraBold'; }


.font20 { font-size:20px !important; }
.font19 { font-size:19px !important; }
.font18 { font-size:18px !important; }
.font17 { font-size:17px !important; }
.font16 { font-size:16px !important; }
.font15 { font-size:15px !important; }
.font14 { font-size:12px !important; }
.font13 { font-size:13px !important; }
.font12 { font-size:12px !important; }
.font11 { font-size:11px !important; }
.font10 { font-size:10px !important; }
.font9 { font-size:9px !important; }
.font8 { font-size:8px !important; }
.font7 { font-size:7px !important; }
.color_333 { color:#333 !important; }
.color_666 { color:#666 !important; }
.color_999 { color:#999 !important; }


/* button styles */
span.icms_btn_blue {
	display: inline-block;
	border: 1px solid #00489a;
	vertical-align: middle;
	cursor:pointer;
}
span.icms_btn_blue input, span.icms_btn_blue button, span.icms_btn_blue a {
	color: #FFF;
	display: block;
	width: auto;
	font-size: 1.0em;
	height: 1.4em;
	overflow: visible;
	padding: 0.1em 0.5em;
	border: 0;
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: -moz-linear-gradient(top, #5d8abe, #b00489a);
	background: -webkit-gradient(linear, left top, left bottom, from(#5d8abe), to(#00489a));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr="#5d8abe", endColorstr="#00489a");
	cursor:pointer;
}



span.icms_btn_red {
	display: inline-block;
	border: 1px solid #bf0010;
	vertical-align: middle;
	cursor:pointer;
}
span.icms_btn_red input, span.icms_btn_red button, span.icms_btn_red a {
	color: #FFF;
	display: block;
	width: auto;
	font-size: 1.0em;
	height: 1.4em;
	overflow: visible;
	padding: 0.1em 0.5em;
	border: 0;
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: -moz-linear-gradient(top, #e80011, #e80011);
	background: -webkit-gradient(linear, left top, left bottom, from(#e80011), to(#bf0010));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr="#e80011", endColorstr="#bf0010");
	cursor:pointer;
}
span.icms_btn_sky a {
	height: 1.21em; /* 1.2em */
	padding: 0.1em 0.5em;
	text-decoration: none;
	cursor:pointer;
}

/* button styles */
span.icms_btn_sky {
	display: inline-block;
	border: 1px solid #99defd;
	vertical-align: middle;
	cursor:pointer;
}
span.icms_btn_sky input, span.icms_btn_sky button, span.icms_btn_sky a {
	color: #000;
	display: block;
	width: auto;
	font-size: 1.0em;
	height: 1.4em;
	overflow: visible;
	padding: 0.1em 0.5em;
	border: 0;
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: #fff;/*#beebff;*/
	background: -moz-linear-gradient(top, #ffffff, #99defd);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#99defd));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#99defd");
	cursor:pointer;
}
span.icms_btn_sky a {
	height: 1.21em; /* 1.2em */
	padding: 0.1em 0.5em;
	text-decoration: none;
	cursor:pointer;
}

span.icms_btn_darkgray {
	display: inline-block;
	border: 1px solid #4f4f4f;
	vertical-align: middle;
	cursor:pointer;
}
span.icms_btn_darkgray input, span.icms_btn_darkgray button, span.icms_btn_darkgray a {
	color: #fff;
	display: block;
	width: auto;
	font-size: 1.0em;
	height: 1.4em;
	overflow: visible;
	padding: 0.1em 0.5em;
	border: 0;
	border-radius: 0;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: #565657;
	background: -moz-linear-gradient(top, #8c8c8c, #565657);
	background: -webkit-gradient(linear, left top, left bottom, from(#8c8c8c), to(#565657));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr="#8c8c8c", endColorstr="#565657");
	cursor:pointer;
}
span.icms_btn_darkgray a {
	height: 1.21em; /* 1.2em */
	padding: 0.1em 0.5em;
	text-decoration: none;
	cursor:pointer;
}
/* button styles */

html {overflow-y:scroll}
body {
	margin:0;
	padding:0;
	background:#FFF;
	color:#000;
	font-size:0.75em;
	font-family:dotum;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family:dotum; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul,li,dt,dl,dd,ol { padding:0; margin:0; list-style:none; }
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, select, img, span { vertical-align:middle; }
input, button { margin:0; padding:0; font-family:dotum; font-size:1em; }
button { cursor:pointer; }
textarea { resize:none; }
th { text-align:center; }


A:link { color:#666666; text-decoration:none; }
A:visited { color:#666666; text-decoration:none; }
A:active { color:#666666; text-decoration:none; }
A:hover { color:#000000; text-decoration:none; }
A.basic:link { color:#666666; text-decoration:none; }
A.basic:visited { color:#666666; text-decoration:none; }
A.basic:active { color:#666666; text-decoration:none; }
A.basic:hover { color:#000000; text-decoration:none; }



.quick a:link,
.quick a:visited { color:#FFF; }
.quick a:hover { color:#CCC; }







body { width:100%; margin:0 auto; background:url("/img/bg_body.jpg") repeat-x; }

#both { clear:both; }

#wrap { width:100%; margin:0 auto; text-align:center;  }


#header { width:980px; height:126px; margin:0 auto 20px auto; text-align:left; overflow:hidden; }


#header #lnb { width:100%; height:77px; position:relative; overflow:hidden; }
#header #lnb .logo { position:absolute; top:10px; left:0; }
#header #lnb .lnb_quick { position:absolute; top:0; left:200px; }
#header #lnb .tel { position:absolute; top:20px; right:0; }

#header #gnb { width:100%; height:49px; font-family: 'Nanum Gothic Bold'; font-size:15px; }


/*
#container { margin:0 auto; width:978px; border-left:1px solid #CCC; border-right:1px solid #CCC; text-align:left; padding:0 0 20px 0; background:url(/img/bg_left.jpg) repeat-y 20px top;  }
*/
#container { margin:0 auto; width:980px; text-align:left; padding:0 0 20px 0;  }
#container2 { margin:0 auto; min-height:300px; width:100%; }





#contests_wrap { width:760px; margin-left:40px; margin-top:30px; float:left; }



/*  고객지원 > 영업문의 > 견적문의  */
table.quote_wrap { width:100%; border-bottom:1px solid #CCC; margin-bottom:20px; }
table.quote_wrap tbody tr th { text-align:center; background:#F6F6F6; border-top:1px solid #CCC; border-bottom:2px solid #FFF; padding:10px 0; }
table.quote_wrap tbody tr td { text-indent:20px; border-top:1px solid #CCC; border-bottom:2px solid #FFF; padding:10px 0; }
table.quote_wrap tbody tr td input.inp_text { border:0; padding:7px 10px; width:243px; height:12px; background:url(/img/inp_text.png) no-repeat; font-size:12px; }
table.quote_wrap tbody tr td input.file_text { border:0; padding:7px 0 7px 10px; width:263px; height:12px; background:url(/img/inp_text.png) no-repeat; font-size:12px; }
table.quote_wrap tbody tr td .file_wrap {display:inline-block; width:60px; height:20px;  background:url(/img/bt_find.jpg) 0 0 no-repeat; position: absolute; top:12px; left:300px;}
table.quote_wrap tbody tr td .file_wrap .file_add {filter:alpha(opacity:0); opacity:0; width:60px; height:20px; }
table.quote_wrap tbody tr td label.error { margin-left:10px; color:red; }
/*                                                  */



/*  회원관련  */
.member_wrap { width:670px; margin:30px auto; text-align:left; }
.member_wrap_contents { margin:20px 0; }
.member_wrap_contents_box { position:relative; height:120px; padding:20px 18px; margin:10px 0 8px 0; border:1px solid #e5e5e5; overflow:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;-webkit-overflow-scrolling:touch; line-height:150%; }
.member_wrap_contents_inp { margin:10px 0 20px 0; }
.member_wrap_contents_inp input { margin-right:10px; }
.member_wrap_footer { margin:30px 0 0 0 }

.member_wrap_contents_tbl {  }
table.member_wrap_contents_tbl tbody tr th { text-align:center; background:#F6F6F6; border-top:1px solid #CCC; border-bottom:2px solid #FFF; padding:10px 0; }
table.member_wrap_contents_tbl tbody tr td { text-indent:20px; border-top:1px solid #CCC; border-bottom:2px solid #FFF; padding:10px 0; }
table.member_wrap_contents_tbl tfoot tr th { text-align:center; border-top:1px solid #CCC; padding:10px 0; }
.shoping_wrap_title { margin:20px 0 20px 0; background:url(/img/shoping/bg_shoping.gif); width:100%; padding:20px 0; height:20px; font-size:18px; color:#FFF; text-indent:20px; }
.inp_text { border:1px solid #CCC; padding:6px 7px 4px 7px; height:13px; }
.inp_text2 { border:1px solid #CCC; padding:10px 7px 7px 7px; height:13px; }
table.member_wrap_contents_tbl tfoot tr th span a { padding:10px 20px; }
/*                                                  */

.order_wrap { width:980px; margin:0 auto 40px auto; text-align:left; }

/*  주문관련  */
.shoping_wrap { width:980px; margin:0 auto 50px auto; text-align:left; }

/*                                                  */




.btn_footer span { width:100px; height:30px; }
.btn_footer span input { width:100px; height:30px; }



div#left_nvi { width:178px; margin-top:30px; float:left; border:1px solid #e7e7e7; }
div.left_navi { width:178px; }
div.left_navi_title { width:100%; text-align:center; }
div.left_navi_title h3 { font-family: 'Nanum Gothic ExtraBold'; font-size:18px; color:#4c94e6; border:2px solid #4c94e6; border-right:0; border-left:0;padding:10px 0;  }
div.left_navi_list { width:100%; padding:20px 0; border-top:1px solid #CCC; }
div.left_navi_list li.dep1 { font-size:13px; color:#666666; font-weight:bold; 
padding:20px 0 5px 0; border-bottom:1px solid #CCC; }
div.left_navi_list a:hover li.dep1 { color:#2175ca; }

div.left_navi li { width:168px; border-top:1px solid #CCC;  margin:0 0; font-size:13px; color:#666666; font-weight:bold; 
padding:20px 0 5px 10px;}
#contests_wrap_title { position:relative; }
.contests_wrap_title { position:absolute; top:12px; right:0;  }
#contests_wrap_title h3 { background:url("/img/common/title_arr.jpg") no-repeat left center; padding:12px 0 12px 10px; font-family: 'Nanum Gothic ExtraBold'; color:#333; font-size:18px; }