@charset "utf-8";

/* Element Reset */
body				{ margin:0; padding:0 }
img, video, audio, object, iframe{ width:100%}
html, body		{ max-width:1024px; min-height:100%; font-size:14px }
body, 
table,
input, 
textarea, 
select, 
button			{ font-family:NG, 돋움, Dotum, 굴림, Gulim, Tahoma, Geneva, sans-serif; font-size:14px} 
@font-face		{ font-family:NG; src:url(NanumGothic.eot); src:local('※'), url(NanumGothic.woff) format('woff')}	
li					{ list-style:none}
.blind				{ position:absolute; left:-3000px; top:-3000px; width:1px; height:1px }


/* Layout */
.container		{ position:relative; top:0; left:0; width:100%; height:auto; }
.header			{ position:relative; top:0; left:0; width:100%; max-width:1024px; padding:1% 0; text-align:center; zoom:0
background: #ffffff; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#e7e7e7)) !important; ; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 50%,#e7e7e7 100%) !important; ; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 50%,#e7e7e7 100%) !important; ; /* Opera 11.10+ */
background: linear-gradient(to bottom, #ffffff 50%,#e7e7e7 100%) !important; ; /* W3C */
}
.header:after			{ content:""; clear:both; display:block }



/* Header */
.header h1				{ display:inline; text-align:center; line-height:0; vertical-align:middle; z-index:0 }
.header h1	img		{ width:50%; height:auto; margin:0; padding:0; vertical-align:middle }
.header .btn_left		{ position:relative; float:left; margin-top:1%; margin-left:2%; width:17%; padding:3% 0; z-index:20 }
.header .btn_right 	{ position:relative; float:right; margin-top:1%; margin-right:2%; width:17%; padding:3% 0; z-index:10 }

.gnb						{ position:relative; left:0; top:0; width:100%; height:auto; }
.gnb .header_img *	{ overflow:hidden; vertical-align:top }
.gnb ul					{ position:relative; bottom:0; width:100%; margin:0; padding:0; text-align:center; zoom:1}
.gnb ul:after			{ content:""; clear:both; display:block }

.gnb>ul>li				{ float:left; bottom:0; width:25%}
.gnb ul li h3			{ margin:0 }
.gnb ul li h3 *			{ vertical-align:bottom }

.gnb ul li ul				{ position:absolute; display:none; top:100%; left:0; width:100%; height:28px; margin:0; border-bottom:1px solid #ddd; z-index:10; zoom:1;
background: #ffffff; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#eeeeee 100%); /* Opera 11.10+ */ }

.gnb ul li ul	:after		{ content:""; clear:both; display:block }
.gnb ul li ul	 li			{ float:left; font-size:0.9em !important; letter-spacing:-1px;  }
.gnb ul li ul	 li	a		{ display:block; margin:0; padding:5px 5px 0 10px; font-family:NG !important; font-size:13px !important; color:#545763 !important; font-weight:bold; text-decoration:none; line-height:150% !important; }
.gnb ul li ul	 li	a:first-child	{ background:none !important }
.gnb ul li ul	 li	a:hover,
.gnb ul li ul	 li	a:focus{ color:red !important; }



.gnb ul.action02 li table {  text-align:left; line-height:150% !important; border-bottom:1px solid #ddd; padding-bottom:4px; background: #ffffff; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#eeeeee 100%); /* Opera 11.10+ */ }

.gnb ul.action02 li table a	{ display:inline-block; text-align:left; line-height:150% !important;  }



/* Btn Footer */
.btn_footer		{ position:relative }
.btn_footer ul	{ width:100%; height:auto; margin:0; padding:0; zoom:1 }
.btn_footer ul:after	{ content:""; clear:both; display:block }
.btn_footer li	{ float:left; overflow:hidden; width:25% }
.btn_footer a	{ line-height:0 !important;  }
.btn_footer *	{ vertical-align:top}

/* Footer */
.footer					{ position:relative; background:#e1e1e1 }
.footer div				{ position:relative }
.footer .footer_area	{ position:absolute; top:0; left:0; width:100%; background:#f0f0f0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0f0 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0f0 0%, #eeeeee 100%); /* Opera 11.10+ */ }
.footer aside			{ width:100%; zoom:0 }
.footer aside:after	{ content:""; clear:both; display:block }
.footer aside ul		{ width:100%; margin:3% 0 0 0; padding:0; text-align:center }
.footer aside ul li		{ display:inline-block; width:auto; padding:1% 0 2% 5px; text-align:center; line-height:150% !important; color:#555 !important; text-shadow:none; background:url("../skin/common/bgLine.gif") no-repeat scroll left 39% }
.footer li.frist			{ background:none !important }
.footer a					{ text-decoration:none; line-height:150%; font-size:13px !important; letter-spacing:-1px; font-weight:bold; color:#555 !important}
.footer a:active		{ text-decoration:underline }
.footer a:focus		{ text-decoration:underline }
.footer a:fover			{ text-decoration:underline }
.footer aside .kaka	{ display:none; width:13%; background:none; padding-left:0 }
.footer aside .kaka img	{ display:none; width:85%; margin-bottom:5px }

.footer address		{ width:100%; text-align:center; font-style:normal; font-weight:normal !important; text-shadow:none; line-height:140% !important; font-size:12px; }
.footer address span{ display:inline-block; margin:0 5px; color:#4c4c4c !important; font-size:12px !important; }
.footer .copy			{ width:100%; margin:3% 0 0 0; padding-bottom:4%; text-align:center; text-shadow:none; font-size:12px; color:#333 !important; }