@charset "utf-8";

@import url(font.css);

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;}
/* 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;}

hr {display:none;}
ul li img {vertical-align:top;}
strong {font-weight:500;}

input, select, form, textarea {font-family:"맑은 고딕", "Malgun Gothic", "돋움체", Dotumche, "돋움", Dotum, sans-serif;}

a:link, a:visited, a:active, a:focus { color: #666; text-decoration:none;}
a:hover { color: #333; text-decoration:underline;}


body {font-family:"맑은 고딕", "Malgun Gothic", "돋움체", Dotumche, "돋움", Dotum, sans-serif; font-size:14px; color:#666; letter-spacing:-0.6px;}

.clear {clear:both;}
.hide {display:none;}
.for-reader, table caption, .sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

#skip-navigation { }
#skip-navigation a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active { height:auto; width:100%; padding:5px; margin-bottom:10px;}

div.container {z-index:10; position:relative; width:980px; margin:0 auto;}


.side-bg {float:left; width:980px; background:url(../images/common/side_bg.png) repeat-y 0 0;}


#header {position:relative; float:left; width:190px; background:url(../images/main/side_img.jpg) no-repeat; font-family:'NanumSquare';}
#header h1 {position:absolute; top:25px; left:10px;}
#header p {padding:390px 10px 0 0; height:40px; color:#FFF; font-size:18px; text-align:right;}
#header p b {font-size:26px;}
#gnb {font-size:18px; letter-spacing:-0.6px;}
#gnb ul li {height:49px; border-bottom:1px solid #2C91C5; background:url(../images/main/side_bg.jpg) no-repeat;}
#gnb ul li a {display:block; height:49px; line-height:48px; padding-left:65px; color:#BFE9FE;}
#gnb ul li a:hover {text-decoration:none;}
#gnb ul li.active, #gnb ul li:hover {background:#04557E;}
#gnb ul li:first-child a {background:url(../images/common/icon_side1.png) no-repeat 20px center;}
#gnb ul li:nth-child(2) a {background:url(../images/common/icon_side2.png) no-repeat 20px center;}
#gnb ul li:nth-child(3) a {background:url(../images/common/icon_side3.png) no-repeat 20px center;}
#gnb ul li:nth-child(4) a {background:url(../images/common/icon_side4.png) no-repeat 20px center;}
#gnb ul li:nth-child(5) a {background:url(../images/common/icon_side5.png) no-repeat 20px center;}
#gnb ul li:last-child a {background:url(../images/common/icon_side6.png) no-repeat 20px center;}



#footer {z-index:100; position:relative; clear:both; width:100%; height:119px; padding-top:20px; color:#555; background:#F8F8F8; border-top:1px solid #DDD;}
#footer .container {width:600px; padding-left:350px; background:url(../images/main/logo_footer.jpg) no-repeat 150px 0px;}
#footer .container div {padding-bottom:5px;}
#footer .container div select {width:130px; height:30px; border:1px solid #969696;}
#footer .container div input[type="submit"] {width:40px; height:30px; background:#969696; color:#FFF; border:0 none; padding:0; margin:0 5px 0 -5px;}
#footer .container div p {display:inline-block; vertical-align:top;}
#footer .container div p a {display:inline-block; width:130px; height:30px; line-height:28px; background:#626262; color:#FFF; text-align:center;}
#footer address {font-style:normal; line-height:20px;}


#simplemodal-overlay {background:#000;}
