/* style.css */

/* global Section */
html { overflow-y: scroll; }
body { background-color:#FFFFFF; background-repeat: repeat-x; margin: 0; font-family: '돋움', Dotum, AppleGothic, sans-serif; font-size:12px; color: #666; line-height: 18px; }
a { text-decoration: none; color: #007DD8; outline: none; }
a:focus { -moz-outline-style: none; }
a:link, a:visited, a:active { color: #1160B7; text-decoration: none; }
a:hover { color: #1160B7; text-decoration: none; }
td, th { font-size:9pt; font-family: '돋움', Dotum, AppleGothic, sans-serif; }
img { vertical-align : middle; border:0; }
div, p, form, fileset, ul, li { margin:0; padding:0; list-style: none; }

/*폰트-컬러별*/
.fontgray { font-size: 9pt; color:#333; line-height: 18px; }
A.fontgray :active { color:#333; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontgray :hover { color:#333; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontgray :link { color:#333; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }

.fontred { font-size: 9pt; color:#FF7700; line-height: 18px; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontred:active { font-size: 9pt; color:#FF7700; line-height: 18px; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontred:hover { font-size: 9pt; color:#FF7700; line-height: 18px; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontred:link { font-size: 9pt; color:#FF7700; line-height: 18px; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }

.fontblue { font-size: 9pt; color:#1160B7; line-height: 18px; }
A.fontblue:active { color:#1160B7; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontblue:hover { color:#1160B7; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontblue:link { color:#1160B7; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }

.fontwhite { font-size: 9pt; color:#ffffff; line-height: 18px; }
A.fontwhite:active { color:#ffffff; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontwhite:hover { color:#ffffff; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }
A.fontwhite:link { color:#ffffff; font-family: '돋움', Dotum, AppleGothic, sans-serif; text-decoration : none; }

/* 퀵메뉴 */
div#header { font-size: 11px; height:40px; margin: 0; padding: 0; text-align: right; display: inline; list-style: none; color: #333;	line-height: 28px; }
div#header ul { width: 435px; margin-top: 5px; float: left;	display: inline; list-style: none; color: #333;	line-height: 28px;  }
div#header li { display: inline; list-style: none; color: #333;	line-height: 28px; }
div#header li a { display: inline; list-style: none; color: #333; line-height: 28px; text-decoration: none; }

/* 상단메뉴*/
#topnav { width: 796px; margin-top: 7px; margin-right: auto; margin-left: auto; }
#topnav li.top { display:block; float:left; height:40px; }
#topnav li a.top_link { display:block; float:left; height:35px; padding:0 0 0 15px; line-height:33px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; cursor:pointer; }
#topnav li a.top_link span { float:left; display:block; padding:0 24px 0 12px; height:35px; right top no-repeat;}
#topnav li a.top_link span.down { float:left; display:block; padding:0 24px 0 12px; height:35px; no-repeat right top;}
#topnav li:hover a.top_link { color:#fff; background:#6FBBFF; }
#topnav li:hover a.top_link span { background:#6FBBFF; }
#topnav li:hover a.top_link span.down { background:#6FBBFF; }

	/* Default list styling */
#topnav li:hover { position:relative; z-index:100; }
#topnav li:hover ul.sub { left:1px; top:38px; background: #fff; padding:3px; border:1px solid #B2B2B2; white-space:nowrap; width:120px; height:auto; z-index:300; }
#topnav li:hover ul.sub li { display:block; height:20px; position:relative; float:left; width:120px; font-weight:normal; }
#topnav li:hover ul.sub li a { display:block; font-size:11px; height:18px; width:120px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #fff; }
#topnav li ul.sub li a.fly { background:#fff url(/img/arrow.gif) 110px 6px no-repeat; }
#topnav li:hover ul.sub li a:hover { background:#5D9BDF; color:#fff; border-color:#fff; }
#topnav li:hover ul.sub li a.fly:hover { background:#5D9BDF url(/img/arrow_over.gif) 110px 6px no-repeat; color:#fff; }
#topnav li:hover li:hover ul, 
#topnav li:hover li:hover li:hover ul, 
#topnav li:hover li:hover li:hover li:hover ul, 
#topnav li:hover li:hover li:hover li:hover li:hover ul { left:90px; top:-4px; background: #fff; padding:0px; border:1px solid #B2B2B2; white-space:nowrap; width:120px; z-index:400; height:auto; }
#topnav ul, 
#topnav li:hover ul ul, 
#topnav li:hover li:hover ul ul, 
#topnav li:hover li:hover li:hover ul ul, 
#topnav li:hover li:hover li:hover li:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#topnav li:hover li:hover a.fly, 
#topnav li:hover li:hover li:hover a.fly, 
#topnav li:hover li:hover li:hover li:hover a.fly, 
#topnav li:hover li:hover li:hover li:hover li:hover a.fly { background:#5D9BDF url(/img/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff; }
#topnav li:hover li:hover li a.fly,
#topnav li:hover li:hover li:hover li a.fly, 
#topnav li:hover li:hover li:hover li:hover li a.fly { background:#fff url(/img/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#fff; }


/* 메인컨텐츠 */
div#container { width: 796px; margin-top: 0; margin-right: auto; margin-left: auto; }
div#page-mainarea-div { margin-left: 160px; }
.emp1 { font-size: 11px; color: #007DD8; }
.title1 { font-weight: bold; font-size: 18px; line-height: 36px; color: #666; }
.title2 { font-weight: bold; font-size: 16px; line-height: 32px; color: #666; }
.title3 { font-weight: bold; font-size: 13px; line-height: 28px; color: #666; }
b { font-size: 12px; font-weight: bold; margin-bottom: 11px; }
h1 { color: #0083c8; font-size: 18px; line-height: 24px; font-weight: bold; border-bottom: 1px solid #0083c8; margin: 20px 0 5px; }
h2 { color: #1160B7; font-size: 16px; line-height: 20px; font-weight: bold; border-bottom: 1px solid #1160B7; margin: 20px 0 5px; }
div#content { width: 100%; margin: 25px 0px 0px 0px; }
div#content-left { margin-top: -1px; float: left; width: 569px; z-index: 0; }
div#content-left ul { margin: 5px 0px 0px 0px; padding: 0; list-style: none; }
div#content-left li { margin: 0; padding: 0px 5px 0px 5px; float:left; width: 179px; }
div#content-left li h4 { margin: 0px 0px 2px 0px; padding: 10px 0px 0px 0px; font-size: 11px; color: #000000; letter-spacing: .5px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
div#content-left li p { margin: 0; padding: 2px 0px 0px 0px; font-size: 11px; }
div#content-left li#darkerborder { border-top: 4px solid #005488; border-right: 1px solid #e3e3e3; }
div#content-left li#darkborder { border-top: 4px solid #61b8e2; border-right: 1px solid #e3e3e3; }
div#content-left li#lightborder { border-top: 4px solid #DDD; }

/* 좌측 서브메뉴 */
div#page-navigation-div { width: 150px; float: left; }
.page-navigation { font-size: 12px; color: #1160B7; margin: 0px; padding: 0px; }
.page-navigation li { text-align: left; list-style: none; padding-top: 3px; padding-bottom: 3px; }
.page-navigation .header-blue { border-top: 5px solid #B2B2B2; }
.page-navigation .header2-blue { border-top: 1px solid #B2B2B2; }
.page-navigation .level1 { font-size: 12px; padding-left: 5px; }
.page-navigation .level1 a { color: #1160B7; }
.page-navigation .level1 a:hover { color: #FF7700; text-decoration: underline; }
.page-navigation .level2 { font-size: 12px; padding-left: 8px; border-top: 1px #B2B2B2 dotted; }
.page-navigation .level2 a { color: #666; }
.page-navigation .level2 a:hover { color: #FF7700; text-decoration: underline; }
.page-navigation .level3 { font-size: 12px; padding-left: 10px; border-top: 1px #B2B2B2 dotted; }
.page-navigation .level3 a { color: #1160B7; }
.page-navigation .level3 a:hover { color: #FF7700; text-decoration: underline; }
.page-navigation .selected { font-size: 12px; color: #FF7700; border-top: 1px solid #B2B2B2; }
.page-navigation li.selected { background: #E0ECFF url(/img/gray_arrow.png) no-repeat scroll 10px 50%; padding-left: 10px; }
.page-navigation li.selected a { margin-left: 5px; font-size: 12px; color: #FF7700; }
.page-navigation li.selected a:hover { color: #FF7700; text-decoration: underline; }

/* 푸터 */
div#footer { margin: 0px; padding: 0px; }
div#footer hr { color: #B2B2B2; background-color: #B2B2B2; height: 3px; width: 100%; border: none; }
div#footer div#footercenter { float: both; text-align: center; background: #ffffff}