@charset "utf-8";
/*
 * default style definition
 */
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: baseline;
}

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;
}


header {position:relative;width:100%; height:50px;}
h2 {font-size:28px; font-weight: bold; color:darkblue; line-height:130px; letter-spacing: -2px;}
h3 {font-size:21px; font-weight: 900; line-height:30px; letter-spacing: -2px;}
h4 {font-size:17px; font-weight: 900; letter-spacing: -2px; }
p {font-size:16px; letter-spacing: -1px; line-height: 30px;}
#top_menu {position: relative; max-width:1200px; min-width: 600px; height:150px; margin:0 auto; }
#logo {float: left; width:150px;;}
#category {float: right; line-height:80px; padding-right:20px;}
#category li {float:left; list-style: none; margin-right:50px;}
#category li:last-child {margin-right:0}
#category li a { font-weight:bold;color:#222; text-decoration-line: none;}
#category li a:hover {color:gray;}

#main {position:relative; margin:0 auto; width:100%
  ; min-width:600px;}
#banner_section {position:relative; margin:0 auto; width:100%; max-width:2000px; max-height:600px; overflow:hidden; min-width:300px;}
#banner_section img {width:100%}
.text { position:absolute; z-index: 9; top:50px; right:15%}
.text > p {font-size:16px; padding-bottom:20px; letter-spacing:-5px; }

#about_us {position:relative; max-width:1200px; min-width:650px; margin:0 auto; line-height: 20px; padding-right:20px; padding-left:20px;}
#about_us hr {margin:30px 0 30px 0}

#site_map {position:relative; top:60px; background:#efefef; margin:0 auto;  min-height:800px; width:100%; border-bottom:double #ccc; }
#cate { position:relative; max-width:1200px; margin:0 auto;  min-height:800px; padding-right:20px; padding-left:20px; }
#cate > div {float:left; width:33.3%; text-align: center; margin-bottom:30px;}
#cate > div > h4 { line-height:40px; margin-top:10px;; }
#cate > div img {border-bottom:1px solid #eee; padding:15px 40px 15px 40px; background:white; margin-top:20px;}
#cate > div a span{padding:2px; font-size:13px;  color:#222;  line-height:34px;}
#cate > div a {text-decoration-line: none;}
#cate > div a:hover {background-color:#ccc}
#cate span {font-size:16px;  color:#222;}


footer{position:relative; margin:0 auto; width:100%;}
#f_info {position: relative; max-width:1200px; height:100px; margin:0 auto; padding-top:30px; top:60px;}
#f_logo {float:left; width:25%; }
#f_logo img { width:200px; opacity:50%}
#CS_center {padding-left:120px; width:25%; float:left; border-right:1px solid #eee; border-left:1px solid #eee; }
#CS_center > h5 { font-size:13px; font-weight: bolder; letter-spacing:-0.99px}
#CS_center > h3 {line-height: 60px; font-size:30px; color:darkblue}
#CS_center > p {font-size:12px; line-height:14px; color:darkgray;}
#company_info {padding-left:0px; text-align: left; with:50%; float: right; }
#company_info  p {font-size:12px; line-height:15px; color:darkgray; }
#company_info > h5 {font-weight: 900; font-size:14px; margin-bottom:15px; }
.info_ti {float:left; }
.info_ti > p {padding-right:35px; margin-bottom:3px; font-weight:bolder}
.info_content {float:left;}
.info_content > p {padding-left:5px; margin-bottom:3px; }

 
font-family: 'Noto Sans KR', ;