/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	font-family:  'Open Sans', '나눔고딕', 'Nanum Gothic', '맑은 고딕', malgun gothic, 돋움, dotum, Tahoma, Segoe WP, Helvetica, sans-serif, normal;
	/* font-family:  "Helvetica Neue",  'Open Sans', 'Apple SD Gothic Neo', '나눔고딕', 'Nanum Gothic', '맑은 고딕', malgun gothic, 돋움, dotum, Tahoma, Segoe WP, Helvetica, sans-serif, normal; */
	text-decoration: none;
	color: #000;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* bass */

body{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family:돋움, 돋움체, seoul, arial, verdana;
	font-size:12px;
	line-height:18px;
	color:#666666;
	word-break:break-all;
	padding:0;
	border:none;
	overflow-x:hidden;
	background-position:top; center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#989898;
	scrollbar-base-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#E8E8E8;
	scrollbar-shadow-color:#E8E8E8;
	scrollbar-darkshadow-color:#E8E8E8;
}


table, tr, td, {
	font-family:돋움, 돋움체, seoul, arial, verdana;
	font-size:12px;
	color:#666666;
	word-break:break-all;
	padding:0;
	border:none;

}



select, {
	font-family:돋움, 돋움체, seoul, arial, verdana;
	font-size:11px;
		line-height: 140% ;
	color:#999999;
	background-color: #ffffff;

}

.select01, {
	font-family:돋움, 돋움체, seoul, arial, verdana;
	font-size:11px;
	width:130px;
	line-height: 160% ;
	color:#999999;
    behavior: url('../js/selectbox.htc');
	background-image:url(../../img/box02_01.gif);
	background-position:bottom; center;
	background-repeat:no-repeat;
}



textarea {
    background-color:#ffffff;
	line-height: 140% ;
	font-size: 9pt;
	color: #666666;
	border: 1px solid #d7d7d7;
	padding: 10 10 10 10;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#989898;
	scrollbar-base-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#E8E8E8;
	scrollbar-shadow-color:#E8E8E8;
	scrollbar-darkshadow-color:#E8E8E8;
}



img {border:0;}

.inner{width:980px; margin:0 auto}

/* header */
#header {position: relative; border-bottom: 1px solid #cfcfcf;}
#header h1 a {width: 136px; height: 90px; background: url(../../img/header/logo.jpg) no-repeat center; display: block; text-indent: -9999px; float: left; margin-right: 115px;}
#header .inner {height: 90px;}
#header .product,
#header .product span {width: 100px;}
#header .purchase,
#header .purchase span {width: 110px}
#header .customer,
#header .customer span {width: 112px}
#header .company,
#header .company span {width: 110px;}

#top_menu{height:100px; border-bottom: 1px solid #e3e2e1; padding-bottom:9px}
#nav,
#top_menu h1{float: left; margin-top: 40px}
#top_menu h1{padding:11px 0 0 20px}
#nav:after {content: ""; display: block; clear: both; zoom: 1;}
#nav li {float: left; margin-left: 120px}
#nav li a {display:inline-block; height: 37px; line-height: 60px; padding-top:3px}/* display: block; */
#nav li a span {display: inline-block; font-weight: bold; line-height: 15px; text-align: center; vertical-align: middle; font-size: 15px; color: #111; padding-top: 1px;}
#nav li a:hover span,
#nav li.current span {color: #2695A9}
#nav li:first-child {margin-left: 102px}
#nav{margin-top:38px}

#login {float: right;}
#login li {float: left;}
#login li a {display: block; color: #fff; font-size: 10px; margin-left: 10px; line-height: 27px; font-weight: 600}
#login li a:hover {text-decoration:underline}
#login li:first-child a {margin-left: 0; }


#sub_gnb {position: absolute; background-color: #fff; z-index: 9999; top: 110px; width: 967px;margin:0 auto; border-bottom: 1px solid #969696; display: none;}
#sub_gnb .inner {background: url(../../img/header/sub_gnb_bg.png) no-repeat center top; height: 100%;}
#sub_gnb > div {border-left: 1px solid #e3e2e1;}
#sub_gnb > div > ul > li {width: 185px;}
#sub_gnb > div > ul > li.business {width: 184px}
#sub_gnb > div > ul > li.product {width: 182px}
#sub_gnb > div > ul > li.customer {width: 170px}
#sub_gnb > div > ul > li.careers {width: 140px}
#sub_gnb .sub_wrap:after {content: ""; display: block; clear: both; zoom: 1;}
#sub_gnb .sub_wrap > ul > li {float: left; height:220px; padding: 10px 0 25px; border-right: 1px solid #e3e2e1;}
#sub_gnb .sub_wrap > ul > li:first-child {margin-left: 240px; border-left: 1px solid #e3e2e1}
#sub_gnb .sub_wrap > ul > li:hover,
#sub_gnb .sub_wrap > ul > li.curr { border-top: 3px solid #e41e31 ;margin-top:-3px}
#sub_gnb .sub_wrap > ul > li a {font-size: 12px; color: #666; display: block; padding: 8px 0 9px 24px; line-height: 15px; font-weight:600}
#sub_gnb .sub_wrap > ul > li a:hover,
#sub_gnb .sub_wrap > ul > li li.on a { color: #e41e31}

.top{position:relative; background: url(../../img/inc/lnb_bg.gif) repeat-x left top; z-index:200}
.top:after{content:""; display:block; clear:both; zoom:1}

#right{float:left; width:779px}/*  margin-top:73px; */
#right .contents{padding: 35px 18px 35px 52px}
#right .contents_top{padding-left:35px}
#right .txt_palegray_s{vertical-align:bottom}
#left_menu {width: 199px; float: left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height:1000px}
#left_menu h2 {color: #e41e31; padding: 60px 20px 50px; font-size: 25px; text-align: left; font-weight: 600; display: block;}
#left_menu .menu > li > a { color: #8c8c8c; font-size: 15px; display: block; padding: 15px 10px 10px 18px; font-weight: 600; text-align:left}
#left_menu .menu li a:hover,
#left_menu .menu li.on a {color: #e41e31; font-weight:600}
#left_menu .customer li {padding: 20px 20px 0 }
#left_menu .customer li strong {font-size: 15px; color: #585858; font-weight: bold; background: url(../../img/btn/customer_btn.png) no-repeat left -31px; display: block; margin-bottom: 15px; padding-left: 25px; line-height: 18px; padding-top: 2px;}
#left_menu .customer li:first-child strong {background-position: left 1px;}
#left_menu .customer li span {font-size:14px; display: block; margin-bottom: 5px; color: #68a0aa;}
#left_menu .customer li p {border-bottom: dotted 1px #e4e4e4; font-size: 14px; color: #7d827c; line-height: 18px; padding-bottom: 20px}
#left_menu > div > ul > li > ul > li > ul {display: none;}
#left_menu > div > ul > li.on {display: block;}
#left_menu ul.menu{padding-bottom:50px}
#left_menu .menu li ul.sub li a { color: #999999; font-size: 12px; display: block; padding: 5px 10px 5px 30px; text-align:left}
#left_menu .menu li ul.sub li a:hover,
#left_menu .menu li ul.sub li a:focus,
#left_menu .menu li ul.sub li a.on{color:#e41e31; font-weight:600; background:url(../../img/inc/lnb_sub_on.gif) no-repeat 18px center}

#left_menu  .left_foot li{height:60px; border-bottom: 1px solid #ddd}
#left_menu  .left_foot li:first-child{border-top: 1px solid #ddd}

.contents_top em,
.contents_top span{display:block}
.contents_top em{font-size:18px; font-weight:600}
.contents_top span{font-size:12px; color:#888;margin-top:5px}

.tab001 td a{display:block; padding:10px; font-size:14px; font-weight:600; background-color:#e41e31; color:#fff; margin:0; border:0}

.sitemap { overflow:hidden; height:100%;}
.sitemap .sitemap_box01 { width:233px; height:319px; float:left;}
.sitemap .sitemap_box01 h3 { margin-bottom:27px;}
.sitemap .sitemap_box01 ul { padding-left:46px;}
.sitemap .sitemap_box01 ul li { padding-left:7px; line-height:150%; margin-bottom:5px; background:url(../../img/icon01_sitemap.gif) left 5px no-repeat;}
.sitemap .sitemap_box01 ul li a { color:#555555;}
.sitemap .sitemap_box01 ul li ul { padding-left:12px; margin:8px 0;}
.sitemap .sitemap_box01 ul li ul li {background:url(../../img/icon02_sitemap.gif) left 5px no-repeat;}