@charset "utf-8";

@import url(font/nanumsquareround.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: 'NanumSquareRound', "맑은 고딕", "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;}
/*공통*/
.hiddenX { display:none; }
.clearfix:after { clear:both; display: table;  content: " ";}


#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:1000px; margin:0 auto;}


.left-bg {float:left; width:100%; background:url(../images/0_common/left_bg.png) repeat-y;}
#header {z-index:100; position:relative; width:200px; float: left; text-align: center;}
#header h1 {padding-top: 60px;}
#header h1 a {display: inline-block; width:150px; height: 74px; background:url(../images/0_common/logo.png) no-repeat 0 0; background-size: cover; font-size: 0;}
#header .btn-login {padding: 15px 0 25px;}
#header .btn-login a {display: inline-block; width:140px; height:28px; line-height: 28px; border:1px solid #033d6a; font-size: 16px; color:#033d6a;}



#topmenu {position:relative; padding-bottom: 14px;}
#topmenu:after {content: ""; position: absolute; bottom:0; left:50%; width:52px; margin-left:-26px; border-top:4px solid #544343;}
#topmenu h3 {padding:12px 0;}
#topmenu h3 a {font-size: 20px; font-weight:bold; color:#222;}
#topmenu h3 a:hover, #topmenu h3 a.active {color:#033d6a; text-decoration: underline;}
#topmenu h3.menu8 a, #topmenu h3.menu9 a {color:#544343;}
#topmenu h3.menu1 a {color: #781d99;}
#topmenu h3.menu1 a:hover, #topmenu h3.menu1 a.active {color: #781d99;}
#topmenu ul {display:none; width:160px; margin:0 auto; padding:10px 0; border-top:1px solid #bebbaa; border-bottom:1px solid #bebbaa;text-align:left;}
#topmenu ul li {padding:0 0 0 40px;letter-spacing: 0px;}
#topmenu ul li a {color:#033d6a; font-size:16px; font-weight:bold; line-height:25px;}
#topmenu ul li a.active, #topmenu ul li a:hover {text-decoration:underline;}


#Content {position:relative; float:right; width:780px; padding-top:70px;}