@charset "utf-8";

/* Reset  */
*{-webkit-text-size-adjust:none;} 
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;}
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;}

/* z6 start ========================================================================================================== */
@font-face{font-family:'NGothic'; src:url('../font/NanumGothic.woff') format('woff');}
@font-face{font-family:'NGothicB'; src:url('../font/NanumGothicBold.woff') format('woff');}
   
body{height:100%; width:100%; font-family:'NGothic', Droid Sans, Roboto, Arial, Helvetica, sans-serif; color:#666}
body.main{background:#49412d;}
body.login{background:url(../img/login_bg.jpg) center 68px no-repeat; background-size:cover;}

a, a:link, a:visited, a:hover, a:active {color:#fff !important; text-decoration:none; cursor:hand; outline:0;}
a:hover {color:#fff;}
caption {display:none}

/* header */
.main_header {width:100%; height:70px; background:#0054a6; background-size:contain; border-bottom:3px solid #22b24c;}
.main_header h1{background:url(../img/logo.png) center 5px no-repeat; background-size:contain; height:60px; width:160px; margin:auto}
.main_header h1 a{display:block; width:160px; height:60px; text-indent:-10000px; cursor:pointer; overflow:hidden}

.header {position:relative; height:65px; background:#0054a6; border-bottom:3px solid #22b24c;}

.header h1{height:60px; width:60px; margin-left:5px; padding-top:5px}
.header .login_tit{text-align:center}
.header .btn {position:absolute; right:5px; top:20px;}
.header .btn li{float:left; margin-left:4px; display:block; height:30px; line-height:30px; padding:0 5px; letter-spacing:-1px; border-radius:4px}
.header .btn li.on{background:#22b24c ; color:#fff;}
.header .btn li.off{background:#8e8e8e;}
.header .btn li.off:hover{background:#22b24c ;}
.header .btn li.off a{text-decoration:none; color:#fff;}

/* login */
input[type=text], input[type=password]{font:1em 'NGothic', Droid Sans, Arial, Helvetica, sans-serif; background:#fff; border:2px solid #cbcbcb; border-radius:4px; height:25px; padding-left:5px}
input[type=checkbox]{margin:0; padding:0; vertical-align:baseline; -webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); -mstransform:scale(1.5,1.5); -0-transform:scale(1.5,1.5); transform:scale(1.5,1.5); border:none;}
.login_bg{position:relative;}
.login_bg .loginbox{background:url(../img/login_box.png) center no-repeat; background-size:contain; width:277px; height:257px; position:relative; top:22px; margin:auto}
.login_bg .loginbox .login_wrap {position:absolute; height:144px; width:215px; left:30px; top:80px}
.login_bg .loginbox .login_wrap .input_wrap{position:absolute; top:0px; display:block; width:140px; line-height:0}
.login_bg .loginbox .login_wrap .input_wrap input{margin-bottom:10px; width:125px}
.login_bg .loginbox .login_wrap .login_btn{position:absolute; top:0; right:0; display:block;}
.login_bg .loginbox .login_wrap .checkbox{position:absolute; top:85px; left:10px; height:30px;}
.login_bg .loginbox .login_wrap .checkbox label{margin-right:18px; font-size:0.8em; line-height:30px}
.login_bg .loginbox .login_wrap .checkbox label:last-child {margin-right:0}

/* table */
.month{height:40px; text-align:center; }
.month .control {margin-top:20px}
.month .control img{margin:0 10px; vertical-align:top}
.month .control .txt{font-size:24px; line-height:25px; font-family:'NGothicB'; letter-spacing:-1px; }

.cal{width:100%; table-layout:fixed; border-collapse:collapse}
.cal thead{background:#28241f; text-align:center; border-bottom:3px solid #22b24c ; color:#fff;}
.cal thead th {padding:3px 0; font-size:1em; line-height:2em; font-family:'NGothicB';}
.cal tbody{border:2px solid #d4d4d4; text-align:right}
.cal tbody td{border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:14px; padding:3px 2px; line-height:20px; height:70px}
.cal tbody td:first-child {border-left:0 none}
.cal tbody td:last-child {border-right:0 none}
.cal tbody td:hover{background:#e1eece; cursor:pointer}
.cal tbody td .book{padding-top:5px; font-size:12px; letter-spacing:-1px;}
.cal tbody td .percent{font-size:18px; letter-spacing:-2px;}

.grid, .grid1{width:98%; margin-left:1%; margin-bottom:10px; table-layout:fixed; border-collapse:collapse}
.grid thead, .grid1 thead th.line{text-align:center; color:#fff; border-bottom:2px solid #22b24c ;}
.grid thead th, .grid1 thead th{border:1px solid #969696; border-top:none; border-left:none; background:#666; vertical-align:middle; font-size:16px; line-height:28px; padding-top:3px; font-family:'NGothicB'; letter-spacing:-1px;}
.grid thead th:first-child, .grid1 thead th:first-child{border-left:1px solid #5d7f5b;}
.grid tbody, .grid1 tbody{text-align:right; font-size:0.6em;}
.grid tbody td:first-child, .grid1 tbody td:first-child{border-left:1px solid #d4d4d4;}
.grid tbody td, .grid1 tbody td{border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; font-size:14px; line-height:26px; padding:0 2px; letter-spacing:-1px}
.grid1 .blank{border-bottom:none; border-top:none; background:#fff}
.grid1 thead th.blank{border-bottom:none; border-top:none; background:#fff}
.grid_head{margin-left:8px}
.grid_head h2{font-size:18px; line-height:2em; font-weight:bold;}
.grid_head label{font-size:1.5em; line-height:3em; margin-right:20px;}

/* tap */
.tab_btn {height:30px;}
.tab_btn li{float:left; width:34%; text-align:center; color:#a6a6a6; border-bottom:3px solid #22b24c ; margin-bottom:10px; background:#e8e8e8; font-size:17px; line-height:30px; padding-top:3px; font-family:'NGothicB'; letter-spacing:-1px;}
.tab_btn li:nth-child(2){width:32%;}
.tab_btn li.on{background-color:#22b24c ; color:#fff;}
.tab_btn li:hover{background-color:#22b24c ; color:#fff; cursor:pointer;}
.tab_btn1 {height:30px;}
.tab_btn1 li{float:left; width:25%; text-align:center; color:#a6a6a6; border-bottom:3px solid #22b24c ; margin-bottom:10px; background:#e8e8e8; font-size:17px; line-height:30px; padding-top:3px; font-family:'NGothicB'; letter-spacing:-1px;}
.tab_btn1 li.on{background-color:#22b24c ; color:#fff; }
.tab_btn1 li:hover{background-color:#22b24c ; color:#fff; cursor:pointer; }

.tab_btn2 {height:30px;}
.tab_btn2 li{float:left; width:50%; text-align:center; color:#a6a6a6; border-bottom:3px solid #22b24c ; margin-bottom:10px; background:#e8e8e8; font-size:17px; line-height:30px; padding-top:3px; font-family:'NGothicB'; letter-spacing:-1px;}
.tab_btn2 li:nth-child(2){width:50%;}
.tab_btn2 li.on{background-color:#22b24c ; color:#fff;}
.tab_btn2 li:hover{background-color:#22b24c ; color:#fff; cursor:pointer;}

/* common */
.txt_blue{color:#00d2ff}
.txt_Lblue{color:#96cfff}
.txt_red{color:#ff9c00}
.txt_Lred{color:#ff7e00}
.txt_Lgrey{color:#c3c3c3}

.bg_Lgreen{background:#e1eece}

.taC{text-align:center}
.taL{text-align:left}