@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/intro/css/font/NanumGothic-Regular.eot');
  src: url('/intro/css/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('/intro/css/font/NanumGothic-Regular.woff2') format('woff2'),
       url('/intro/css/font/NanumGothic-Regular.woff') format('woff'),
       url('/intro/css/font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 500;
  src: url('/intro/css/font/NanumGothicBold.eot');
  src: url('/intro/css/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
       url('/intro/css/font/NanumGothicBold.woff') format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
    src: url('/intro/css/font/NanumGothicBold.eot');
    src: url('/intro/css/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
    url('/intro/css/font/NanumGothicBold.woff') format('woff');
}
/*------------------------------------*
    RESET
 *------------------------------------*/
html {
    height: 100%;
    overflow-y: scroll;
    font-size: 75%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0 auto;
    min-height: 100%;
}
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 {
    margin: 0;
    border: 0;
}
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-size: 1em;
	font-family: "My Cool Font", sans-serif, 'Nanum Gothic', NanumGothic, dotum, Gulim, tahoma, sans-serif;
    line-height: 1.625;
	color: #333;
}
img, fieldset, button {
    border: 0 none;
    -ms-interpolation-mode: bicubic;
}
img { vertical-align: middle; }
/* Lists */
ul, ol { list-style: none; }
/* Links */
a, a:hover {
    text-decoration: none;
	color: #333;
}
a:link, a:visited { color: #2f2f2f; }
a:active, a:focus, a:hover { color: #369; }
/* Forms */
textarea { overflow: auto; }
legend {
    position: absolute;
    top: auto;
    left: -9999px;
    margin: -1px;
    width: 1px;
    height: 1px;
    text-align: left;
    overflow: hidden;
}
button, input, select, textarea {
    vertical-align: middle;
    margin: 0;
}
input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
    overflow: visible; /*for ie7 extra width*/
    cursor: pointer;
    cursor: hand;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin: 0 3px;
 *height: 13px;
 *width: 13px;
}
/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-wrap: break-word;
    word-break: keep-all;
}
caption {
    margin: -1px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}
/* Others */
address, em { font-style: normal; }
hr { display: none; }
/*------------------------------------*
    LAYOUT
 *------------------------------------*/
html { min-width: 1000px }
#header {
    z-index: 3;
    position: relative;
    height: 148px;
}
#content {
    z-index: 1;
    position: relative;
}
#footer {
    z-index: 1;
    height: 140px;
    background-color: #f4f5fb;
}
.container {
    margin: 0 auto;
    width: 1000px;
    position: relative;
}
/*------------------------------------*
    HEADER
 *------------------------------------*/
#header h1.logo {
    position: absolute;
    top: 38px;
    left: 0;
}
#top-bar {
    float: right;
    margin-bottom:10px;
    padding-top: 3px;
}
#top-bar ul { float: left; }
#top-bar ul li { float: left; }
#top-bar ul li a {
    display: block;
    padding: 14px 25px;
    color: #0070d9;
    font-size : 14px;
    font-weight: 500;
    line-height: 1em;
    background-color: #fff;
}
#top-bar ul li a:hover {
    background-color: #009fd9;
    color: #fff;
}
#top-bar .search-form {
    float: left;
    margin: 10px 25px 0 0;
    padding-right: 10px;
    border: 1px solid #c4c4c4;
    background-color: #fbfbfb;
}
#top-bar .search-form input[type=text] {
    border: 0 none;
    margin-right: 5px;
    padding: 5px 10px;
    width: 140px;
    background-color: #fbfbfb;
    line-height: 12px
}
#main-nav {
    position: relative;
    float: right;
    width: 740px;
    height: 58px;
    background-color: #fff;
}
#main-nav .nav-container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 52px;
    background-color: #fff;
}
#main-nav .submenu-open {
    overflow: visible;
    width: 792px;
    border-bottom: 1px solid #ededed
}
#main-nav .nav > li { float: left; }
#main-nav .nav li.mm1 { width: 141px }
#main-nav .nav li.mm2 { width: 102px }
#main-nav .nav li.mm3 { width: 120px }
#main-nav .nav li.mm4 { width: 120px }
#main-nav .nav li.mm5 { width: 149px }
#main-nav .nav li.mm6 { width: 108px }
#main-nav .nav li.mm6 .submenu { width: 160px; }
#main-nav .nav > li > a {
    display: block;
    padding: 10px 10px 22px 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 21px;
    text-align: center
}
#main-nav .nav > li > a:hover, #main-nav .nav > li.active > a {
    font-size: 20px;
    color: #009fd9;
}
#main-nav .submenu {    
    width: 100%;   
    border-top: 6px solid #009fd9;
}
#main-nav .submenu ul { 
	padding: 12px 0 25px;
}
#main-nav .submenu li a {
    margin: 0 12px;
    padding: 9px 0 9px 20px;
    display: block;
    border-bottom: 1px solid #ededed;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -.5px;
    color: #7b8489;
	white-space:nowrap;
}
#main-nav .submenu li a:hover, #main-nav .submenu li.active a {
    font-size: 14px;
    color: #009fd9;
    background-position: 8px -37px;
}
#resize-text {
    position: absolute;
    left: 0;
    top: 120px;
    padding-left: 20px;
    line-height: 17px;
}
#resize-text strong {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}
#resize-text button {
 *margin-right:5px;
    width: 17px;
    height: 17px;
    text-indent: -9999px;
    text-align: left;
}
#resize-text button.zoomout { background-position: -100px 0; }
#resize-text button.default { background-position: -50px 0; }
/*------------------------------------*
    FOOTER
 *------------------------------------*/
.related-sites { margin: 44px 0 10px 15px; }
.related-sites select {
    margin-right: 5px;
    width: 160px;
    height: 20px;
    border: 1px solid #c1c3cc;
    background-color: #f2f5fa;
    color: #5a6065;
    font-size: 11px;
}
.footer-links { margin-left: 15px; margin-top:30px; }
.footer-links ul li {
    float: left;
    height: 11px;
    font-size : 11px;
    line-height: 1em
}
.footer-links ul li a {
    padding: 0 10px;
    border-left: 1px solid #999;
    color: #999;
}
.footer-links ul li:first-child a {
    padding-left: 0;
    border-left: 0 none;
}
.footer-info {
    position: absolute;
    top: 25px;
    right: 0;
    color: #2b2b2b;
    font-size: 10px;
    font-weight: 500;
    text-align: right;
}
.footer-info .contact {
    float: right;
    padding: 3px 10px;
    background-color: #e6e7ed
}
.footer-info b { color: #0357a5 }
.footer-info address {
    clear: both;
    color: #343434
}
/*------------------------------------*
    UTIL
 *------------------------------------*/
.container:before, .container:after, .clearfix:before, .clearfix:after {
    display: block;
    overflow: hidden;
    height: 0;
    content: "";
    font-size: 0;
    line-height: 0;
}
.container:after, .clearfix:after { clear: both; }
.container, .clearfix, .nav { zoom: 1; }
.hidden, .skip-navigation a {
    position: absolute;
    top: auto;
    left: -9999px;
    overflow: hidden;
    display:block;
    margin: -1px;
    width: 1px;
    height: 1px;
    color:#fff;
    text-align: center;    
}
.skip-navigation a:focus, .skip-navigation a:hover, .skip-navigation a:active {
    position:static;
    width:100%;
	height: auto;
	padding: 5px 0;
	background-color: #3c8200;
}
/*------------------------------------*
    Quick Access
 *------------------------------------*/
#quick-access {
    position: absolute;
    top: 149px;
    width: 107px;
    z-index: 2;
    left: 50%;
    margin-left: 520px;
    padding-bottom: 15px;
    text-align: center;
}
#quick-access h2 {
    padding: 20px 0 15px;
    text-align: center
}
#quick-access ul {
    margin: 0 auto;
    padding-top: 20px;
    width: 99px;
    background-color: #fff
}
#quick-access ul li a {
    display: block;
    padding: 41px 0 15px 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
    /*font-size: 15px;*/
	font-size: 12px;
}
#quick-access ul li.quick1 a { background-image: url(/images/common/quick_access1.png) }
#quick-access ul li.quick2 a { background-image: url(/images/common/quick_access2.png) }
#quick-access ul li.quick3 a { background-image: url(/images/common/quick_access3.png) }
#quick-access ul li.quick4 a { background-image: url(/images/common/quick_access4.png) }
#quick-access ul li.quick5 a { background-image: url(/images/common/quick_access5.png) }

/* �����*/
.charge { margin:0 auto ; margin-top:20px;}
.table-cell {width:90%; margin-bottom: 50px; border-top: 2px solid #838383; border-bottom: 1px solid #838383;  margin: 0 auto ;}
.table-cell.top td, .table-cell th{text-align:center;}
.table-cell.top td p{margin-left:0px;}
.table-cell caption {display: none;}
.table-cell thead th {line-height: 20px;  border-bottom: 1px solid #838383; color: #4b4a4a; font-size: 13px; font-weight: 700; vertical-align: middle; text-align: center; }
.table-cell tbody th,
.table-cell tfoot th {border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; font-size: 15px; vertical-align: middle; text-align: center; background-color:F1F1F1;}
.table-cell tbody th {background-color:#f1f1f1;}
.table-cell tbody td,
.table-cell tfoot td {text-align:center; line-height: 18px; padding: 5px 5px; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; color: #333; font-size: 13px; vertical-align: middle;}
.table-cell tbody td:first-child {border-left: 0;}
.table-cell tbody tr:first-child td {border-top: 0;} 
.table-cell td.center {text-align: center;}
.table-cell td.bold {font-weight:600; background-color:#f1f1f1;}
.table-cell tbody td span{ line-height:160%;}

/*��ܾȳ�*/
.dirInfo {margin-top:-25px;padding-bottom:40px;padding-left:5px; font-size:13px;}
.dirInfoTab {margin-top:-35px;padding-bottom:40px;padding-left:5px; font-size:13px;}


.share-write {
    table-layout:fixed; border-top:2px solid #aaa
}
.share-write th{
    background:#efefef;
    border:1px solid #ddd;
    padding:7px 0 7px 0px;
}     
.share-write td{
    padding:7px 0 7px 5px;
    border:1px solid #ddd
}

.share-write td.center {
    text-align:center
}

.share-write input[type=text]{
    border:1px solid #ddd;
    height:18px;
    width:90%
}

.share-write.highlights {
    border-top:0px !important;
}

.share-write.highlights thead th{
    background:#3F627E !important;
   
    color:#fff;
}


.share-write.highlights tbody td{
    padding:7px 2px
}



div.month
	{width:220px; position:absolute; background:#fff; display:none; z-index:150; border:1px solid #aaa; left:250px;}
div.month *
	{font-size:11px;}
div.month span.search
	{width:220px;  padding:1px 0; background:#666}
div.month span.search table
	{border-collapse:collapse; table-layout:fixed}
div.month span.search td
	{font-size:12px !important; text-align:center !important; color:#fff; padding:0px; line-height:10px}
div.month span.search td img
	{width:14px; height:14px; padding:0px; margin:0px;}
div.month div.table
	{width:220px}
div.month div.table table
	{width:220px; font-size:10px; border-collapse:collapse; }
div.month div.table table th
	{font-weight:normal; padding:2px 0; border-bottom:1px solid #aaa}
div.month div.table table td
	{font-family:Tahoma, sans-serif; text-align:center; padding:4px 0; cursor:pointer; color:#222}
div.month div.table table td:hover
	{background:#ffcc66;}

div.month div.table table td.red
	{color:#ee0000}
div.month div.table table td.blue
	{color:#0000ee}
div.month div.table table td.none
	{color:#aaa}
div.month div.table table td.today
	{background:#a78403; color:#fff}

div.month div.table table td.none:hover
	{background:#fff}
input.monthbutton
	{ border:0px; margin-left:4px !important; width:23px; height:23px; vertical-align:middle; }

.noDisplay {width:1px !important}