html, body {width:100%; height:100%;}
@font-face {
    font-family:'NanumGothic';
    src: url('/font/NanumGothic.eot');
    src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
    url('/font/NanumGothic.woff') format('woff'),
    url('/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    line-height:150%;
}
body {
    background-color : #414042;
    color: #A1A1A1;
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif; line-height:150%;
    font-size:9pt;
    letter-spacing :-0.2pt;
    word-break:break-all;
    -ms-word-break:break-all;
    padding-bottom : 0pt;
    top-margin: 0pt;
    left-margin :0pt;
}
body, div, p, h1, h2, h3, ul, li, dl, dt, dd, form, button, th {margin:0; padding:0;}
img {border:0 none; vertical-align:middle;}
li {list-style:none;}
a {text-decoration:none; color:#222;}
a:hover {text-decoration:none;}

input {border-width:1pt; border-color:#5B5B5B; font-family:Tahoma; font-size:9pt; color:#ff9e15; background-color:#000000; vertical-align:middle; outline:none; }
input.check {font-size:9pt; background-color:#392C31 }
select {border-width:1pt; border-color:#000000; font-family:Tahoma; font-size:9pt; color:#D5D5D5; background-color:#3A3A3A}
button {vertical-align:middle; outline:none;}
textarea {border-color:#3A3A3A; font-family:Tahoma; font-size:9pt; color:#ff9e15; background-color:#3A3A3A}
textarea.A {border-color:#000000; font-family:Tahoma; font-size:9pt; color:#04CEAF; background-color:#000000}
textarea.W {border-color:#000000; font-family:Tahoma; font-size:9pt; color:#FFFFFF; background-color:#000000}
textarea.cs_memo {border-color:#000000; font-family:Tahoma; font-size:9pt; color:#FFFFFF; background-color:#3c1e00}

#table {border-collapse:collapse; border-spacing:0;}
.caption {overflow:hidden;width:0;height:0;line-height:0;font-size:0}
em,address{font-style:normal}
button {border:0 none;background:transparent;cursor:pointer}
button::-moz-focus-inner {padding:0;border:0}
.cursor_pointer {cursor:pointer}

a {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}
.del {
    text-decoration: line-through;
}
.del_red {
    text-decoration: line-through; /* 텍스트에 취소선 추가 */
    color: red; /* 삭제된 부분의 텍스트 색상 변경 */
    /*background-color: lightyellow;  삭제된 부분의 배경색 변경 */
}
.redN {color:#ff3600 !important;}
.txt_bold {
    font-weight: bold;
}
.txt_white {
    color: #fff;
}
.txt_silver {
    color: #A1A1A1;
}
.txt_orange {
    color: #ff9e15;
}
.txt_red {
    color: red;
    font-weight: bold;
}
.txt_blue {
    color: #006fff;
}
.main_bg {
    background-color: #414042;
}
.main_table_bg {
    background-color: #565656;
}
.ls_active_bg {
    background-color: #4e4a4a;
}
.orange_box {
    background-color: #ff9e15;
    color: #000000;
}
.black_box {
    background-color: #282828;
    color: #A1A1A1;
}
.red_box {
    background-color: red;
    color: #ffffff;
}
.txt_bold_white {
    color: #fff;
    font-weight: bold;
}
.txt_bold_orange {
    color: #ff9e15;
    font-weight: bold;
}
.txt_bold_red {
    color: red;
    font-weight: bold;
}
.btn_product {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    background-color: #b8b8b8;
    border: none;
    color:#000;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
    margin: 5px 5px 5px 5px;
}
.btn {
    background-color: #ff9e15 !important;
    color: #000000 !important;
}
.expire_red {
    background-color: red;
    color: white !important;
}
.bg_orange {
    background-color: #ff9e15;
}
.bg_orgred {
    background-color: orangered;
}
.bg_skyblue {
    background-color: #00ccff;
}
.bg_grey {
    background-color: #b8b8b8;
}
.bg_green {
    background-color: #217346;
    color: white !important;
}
.bg_pink {
    background-color: #ff0080;
    color: white !important;
}
.btn_50 {
    width: 50px;
}
.btn_70 {
    width: 70px;
}
.btn_100 {
    width: 100px;
}
.btn_big_black {
    width:100px;
    height:50px;
    background-color: #000000;
    border: none;
    color:#ff9e15;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
}
.btn_login {
    width:200px;
    background-color: #b8b8b8;
    border: none;
    color:#fff;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px;
    cursor: pointer;
}
.btn_std {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    border: none;
    color:#000;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
}
.btn_std_small {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    border: none;
    color:#000;
    padding: 2px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
}
.btn_orange {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    background-color: #ff9e15;
    border: none;
    color:#000;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
}
.btn_orange_small {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    background-color: #ff9e15;
    border: none;
    color:#000;
    padding: 2px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
}
.btn_grey {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    background-color: #b8b8b8;
    border: none;
    color:#000;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
}
.btn_grey_small {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    background-color: #b8b8b8;
    border: none;
    color:#000;
    padding: 2px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 0px;
    cursor: pointer;
}
.btn_logout {
    background-color: #b8b8b8;
    border: none;
    color:#fff;
    padding: 2px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px;
    cursor: pointer;
}
.btn_workday {
    font-family: 'Nanum Gothic', '나눔고딕', 'AppleGothic', sans-serif;
    border: none;
    padding: 4px 4px 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 9pt;
    margin: 3px 3px 3px 3px;
    cursor: pointer;
}
.rsvinfo_td {
    height:27px;
}
.subtitle_icon {
    width: 11px;
    height: 11px;
    vertical-align:middle;
}
.table_center {
    margin-left:auto;
    margin-right:auto;
}
.main_title_table {
    width:90%;
    border: 0px;
    padding: 2px;
    border-collapse: separate; border-spacing: 1px;
    margin-left:auto;
    margin-right:auto;
}
.main_table {
    width:90%;
    border: 0px;
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
}
.main_list_table {
    width:100%;
    background-color: #565656;
    border: 0px;
    border-collapse: separate; border-spacing: 1px;
    text-align:center;
}
.main_list_table td { padding:3px;}
.paging_table {
    margin-left:auto;
    margin-right:auto;
}

.transparents-layer {position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity="50")}
.modalpop {display:none}
.popupwrap {position:fixed; left:-99999rem; top:-99999rem; z-index:101; overflow:hidden; background:#fff; border-radius:2px; opacity:0; background-color:#000}
.popupwrap.pop-lessonmanage {position:absolute; padding:1rem}
.popupwrap.pop-lessonmanage.active {margin-top:0 !important}

.loading {z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; background: rgb(0, 0, 0); opacity: 0.7;} /* 2020.04.06 개발 수정 */
.loading .pic {position:absolute; top:50%; left:50%; width:60px; height:60px; margin:-30px 0 0 -30px; font-size:0}
.loading .pic img {width:100%; height:100%}

.txt_center {text-align: center;}
.txt_left {text-align: left;}
.txt_right {text-align: right;}

.quick_faq {
    z-index: 999;
    position: fixed;
    bottom: 23px;
    right: 22px;
}
.quick_faq img {
    max-width: 60px;
    max-height: 60px;
}

input[type="time"] {
    background:#000 url(/images/icon_watch.png)  99% 50% no-repeat !important;
    background-size: 17px 17px !important;
    color:#D5D5D5;
}
input[type="time"]::-webkit-inner-spin-button {
    display: none;
}
input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}