@charset "utf-8";
@font-face {font-family:MalgunGothic; src:url(font/MalgunGothic.eot);}
/* Author: Lee Seung Jong */
/*리셋*/
div, span, iframe, p, a, img, strong, b, input, textarea, ul, li, form, label, table, thead, tbody, tfoot, tr, th, td { border: 0 none; margin: 0; padding: 0;}
html{width:100%; height:100%;}
body{margin: 0; padding:0; height:100%; background-color:#f2f4f7;}

body,select,a,input, address, textarea, h1, h2, th, td, strong, span, div { font-family: 'Malgun Gothic','맑은 고딕',-apple-system;  font-size: 12px;  color:#000;}
table { border-collapse: collapse; border-spacing: 0; width: 100%; }

img    {vertical-align:middle;}
select {vertical-align:middle;height:20px;}
input  {ime-mode:active;vertical-align:middle;height:20px;}
ol, ul {list-style: none;}
label  { margin-right:5px; cursor:pointer;}
textarea {border:1px solid #e2e9ef; border-top:1px solid #aaadb4; width:90%;}

a {text-decoration: none; outline: 0;}
a:hover, a.over:hover{text-decoration: none; color:#2caeea;}
a:link {text-decoration: none;}
a {outline:none}

.scroll{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.forms {color:#452004; border:1px solid #ccc; height:14px; background-color:#fff; padding:3px 2px 1px 2px; ime-mode:active;}
.formf {border:1px solid #ccc; height:20px; padding:2px 0 0 2px; background-color:#fff;}

.clr {clear:both;}
.hand {cursor:pointer;}
.bold {font-weight:bold;}
.white {color:white;}
.orange {color:orange;}
.blue {color:blue;}
.red  {color:red;}
.red strong {color:red}
.gray {color:gray;}
.green {color:green;}
.black {color:black;}
.brown {color:brown;}

.bgreen {color:green;font-weight:bold;}
.bred   {color:red;font-weight:bold;}
.bblue  {color:blue;font-weight:bold;}
.birth  {color:#9900ff;font-weight:bold;}

.ex_1  {color:#9900cc;font-weight:bold;}
.ex_2  {color:#ff00ff;font-weight:bold;}
.ex_3  {color:#660000;font-weight:bold;}
.ex_4  {color:#0066ff;font-weight:bold;}
.ex_5  {color:#2e5c5c;font-weight:bold;}
.ex_6  {color:red;font-weight:bold;}
.ex_7  {color:green;font-weight:bold;}
.ex_8  {color:#ff9900;font-weight:bold;}

.ct {text-align:center;}
.lt {text-align:left;}
.rt {text-align:right;}
.lb { word-break:break-all; }

.btn_left {float:left; cursor:pointer; margin-left:5px;}
.tr_blue  td {background-color:#f3f3f3;color:blue;}
.tr_green td {background-color:#f3f3f3;color:green;}
.tr_brown td {background-color:#f3f3f3;color:brown;}
.tr_orange td {background-color:#f3f3f3;color:#ff6600;}
.tr_bora td {background-color:#f3f3f3;color:#990099;}
.tr_gray  td {background-color:#f3f3f3;}
.tr_gray td:nth-child(2) {font-weight:bold}
.tr_foot td {background-color:#ffffe6;color:red;}
/*.td_hide {color:#ffffff}*/
.td_hide {color:gray}

/* 달력 */
.mini_calendar {float:left;width:152px;border:1px solid #cccccc;padding:1px;background-color:#e8e7dc;}
.mini_calendar .navi {padding:0;margin:1px;border:1px solid #ccc;padding:2px;background-color:#f8f7f6;}
.mini_cal_tbl {border-collapse: collapse; border-spacing: 0; width: 100%; table-layout:fixed;}
.mini_cal_tbl thead th {width:20px; height:20px;text-align:center;font-size:11px;}
.mini_cal_tbl tbody td {width:20px; height:20px;text-align:center;}
.mini_cal_tbl tbody td div {width:18px;height:16px;border:1px solid #ccc;margin:1px; padding-top:2px;background-color:#f8f7f6;font-size:11px;cursor:pointer;}
.mini_cal_tbl tbody td div:hover {background-color: #ECF4A2;}
.mini_cal_tbl .current {background-color:#ffffcc;font-weight:bold;}
.mini_cal_tbl .sun {color:#ff0033;}
.mini_cal_tbl .sat {color:#0033cc;}
.mini_cal_tbl .empty{border:0;background-color:#e8e7dc}

.trOn {background-color:#ecf4a2;}
.trOff{background-color:#fff;}
.trSel{background-color:#ffe6fa;}

.num_eng     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74746D; font-weight: bold;padding-left:2px}
.num_eng_red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74746D; font-weight: bold; color:red;padding-left:2px}
.money {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
.time {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.txt-eng { ime-mode:inactive; }
.txt-kor { ime-mode:active; }

.no_Tline tr td {border:0}

/* 백그라운드 */
#wraperUpDiv {z-index:10; position:absolute;width:100%; height:100%; top:0;left:0;background-color:#777; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4;}
#ajaxStatus {position:absolute;width:0;height:0;margin:0;z-index:100;}

.OSLB_frame   { border:4px solid #000; background-color:#fff; }
#OSLB_content { position:absolute; z-index:100000; display:none;}
#OSLB_loading { position:absolute; z-index:10000; display:none; }
#OSLB_wraper  { position:absolute; z-index:1000;width:100%; height:100%; top:0;left:0;background-color:#bbbcbc; filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4;}

.top_nav { width:100%; height:50px; background-color:#fff; border-bottom:1px solid #d1d8e4;position:relative;}
.top_login {float:right; margin:15px 15px 0 0;}
.top_login .info {font-weight:bold;padding-right:5px; }
.top_nav .top_url {font-family: fontawesome; font-size: 20px; letter-spacing: 3px; line-height: 1;  position: absolute; text-decoration: none; top: 25px;}
/* clearfix */
.clearfix:before, .clearfix:after{content:"";, display: table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* Basic Styles */
nav {height: 40px; width: 100%; background: #FFF; position: relative; }
nav { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
nav ul{ padding: 0; margin: 0 auto; width: 300px; height: 40px; }
nav li{display: inline; float: left;position: relative; }
nav a {color: #455868; display: inline-block; width: 80px; font-family: "Segoe UI",Arial,sans-serif; font-size: 15px;text-align: center; text-decoration: none; line-height: 40px; text-shadow: 1px 1px 0px #eaeef2;}
nav li a{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
nav a:hover, nav a:active{ color:black; background-color: #e2e2e2; }
nav a#pull{ display: none; }
.sel_nave_pull{ display: none; }

section {width:100%; padding:10px; box-sizing: border-box;}

aside   {width:17%; float:left;background-color:#fff;padding:10px;border:1px solid #b3b3b3;}
aside .aside-title {font-weight:bold;padding:5px 0 3px 25px;background:#f2f4f7 url('/images/blet/folder.gif') 5px no-repeat;border:1px solid #b3b3b3;}
article {width:80%; float:right;}

.page_left  {width:55%;min-width:600px;float:left;padding:0 10px;}
.page_right {width:40%;float:left; margin-left:5px;padding:0 10px;}

footer {position:fixed;left:0;bottom:0;width:100%;;}
footer, footer strong { color:#fff;background-color:#333;font-size:14px;padding:5px;text-align:right;}