html, body {
    padding: 0;
    margin: 0;
    text-align: center;
    background: #f0f3fb;
    height: 100%
}

body, td, select, textarea, input, span, div, p, li, a, label {
    font-size: 14px;
    line-height: 150%;
    font-family: 'Pretendard', "Myriad Pro", "Tahoma", "Helvetica", "Arial", "hiragino kaku gothic pro", sans-serif;
    list-style: none;
}

img {
    width: 80%;
}

input[type=checkbox] {
    margin: 0px;
    width: 18px;
    height: 18px;
}

input[type=radio] {
    margin: 0px;
    width: 18px;
    height: 18px;
}

main {
    width: 100%
}

/* Reset */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#adminControl {
    display: none;
}

address, caption, cite, code, dfn, em, strong, th, var, i {
    font-style: normal;
}

strong {
    font-weight: bold;
}

pre {
    padding: 3%;
    border-width: 1px;
    border-style: dotted;
    overflow: auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

td {
    word-break: break-all;
    word-wrap: break-word;
}

img, fieldset {
    border: 0;
}

caption {
    text-align: left;
}

/*
video {
    max-width: 500px;
}
*/

q:before, q:after {
    content: '';
}

a:link {
    color: #000;
    text-decoration: none;
}

a:active {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

a:focus {
    color: #000;
    text-decoration: underline;
}

* {
    padding: 0;
    margin: 0;
}

scrollbar {
}

select {
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    padding: .4em 2em .4em .4em;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: url("/images2/admin/select_arrow.jpg") no-repeat 95% 50%;
    font-size: 1rem;
    margin-left: .2em;
}

/* IE 湲곕낯 �뒪���씪 �젣嫄� */
select::-ms-expand {
    display: none; /* IE 10, 11 */
}

/* ----------------------------  濡쒓렇�씤 諛뺤뒪  ------------------------------ */

.login_sec {
    border-bottom: 1px solid #6d87c5;
    color: #6d87c5;
    height: 65px;
    line-height: 70px;
    font-size: 1.1rem
}

.form-login {
    width: 65%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #234491;
    background-clip: padding-box;
    border: 0px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: middle;
}


.text-darkblue {
    color: #5368a0
}

.bg-orange {
    background: #e38438;
    color: #fff
}

.bg-darkblue {
    background: #5368a0;
    color: #fff
}

.bg-mint {
    background: #45acaa;
    color: #fff
}


.btn-ssm {
    font-size: 0.8rem;
    padding: .2rem .4rem;
    margin-top: -5px;
}

.btn-sssm {
    font-size: 0.7rem;
    padding: .1rem .3rem;
    margin-top: -2px;
}

.input-group2 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group2 > p {
    margin: 5px 7px;
    line-height: 35px;
}

.input-group2 > p > input {
}

.Calbtn {
    margin-left: -5px;
    margin-top: -5px
}

.input-group-text2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-right: -3px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    width: 45px;
}


.form-control2 {
    min-width: 30px;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    vertical-align: bottom
}


.form-control-sm {
    padding: .25rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form_login {
    border-radius: 3px;
    background: #1c397c;
    border: 1px solid #234491;
}

.width100 {
    width: 100%
}

.p-1-5 {
    padding: 5px;
}

.badge2 {
    font-weight: normal;
    font-size: 0.75rem;
    border-radius: 3px;
    width: 250px;
    text-align: center
}

.Dashboard-sty {
    border: 5px solid #a5e0df;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    width: 160px;
    background: #fff
}

/* ----------------------------  �젅�씠�븘�썐 CSS  ------------------------------ */

#PAGE_WRAP {
    min-height: 100%;
    position: relative;
    padding-bottom: 110px; /* footer height */
}

#TOP_AREA {
    min-height: 85px;
    background: #234390 url("/images2/admin/top_BG.jpg") repeat-x bottom;
    z-index: 1000000;
}

#INTRO_AREA {
    width: 100%;
    background: #fff;
}

#BUSINESS_AREA {
    width: 100%;
    background: #fff;
}

#HISTORY_AREA {
    width: 100%;
}

#CONTACT_AREA {
    width: 100%;
    background: #fff;
    min-height: 680px;
}

#FOOTER_AREA {
    background: #d1d7e5;
    min-height: 120px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    margin-top: 15px;
}

#MAIN_CONTENT_AREA {
    width: 100%;
    clear: both;
}


.Main_box {
    background: #fff;
    margin: 30px 0px;
}

.Sub_box {
    background: #fff;
    margin: 30px 0px;
    padding: 20px;
}

.Vod_box {
    background: #181818;
    margin-bottom: 20px;
    padding: 0px;
    min-height: 450px;
}

.Logo {
    float: left;
    margin: 30px 0px 0px 50px;
}

.Logo a {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.Menu {
    float: right;
    margin: 50px 50px 0px 0px;
}

.Menu li {
    float: left;
    width: 120px;
}

.Menu li a {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: "Myriad Pro",
}

.Title {
    padding: 60px 0px;
    margin-top: 100px;
    height: 100px;
    clear: both;
    position: relative;
    background: url("../image/title_bg.png") repeat-x;
}

.Title li {
    position: absolute;
    top: 15px;
    text-align: center;
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: bold;
    background: #fff;
    padding: 0px 20px;
    line-height: 100%
}

.Title > .topbtn {
    position: absolute;
    right: -30px;
    top: 10px;
}

.Title > .topbtn img {
    width: 70%
}

table.calender {
}

table.calender th {
    height: 45px;
    border-top: 3px solid #97a9d4;
}

table.calender td {
    line-height: 53px;
    position: relative
}

.Calender_On {
    background: #ef9d5b;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    margin: 3px auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}


table.main_table {
    border-top: 3px solid #97a9d4;
    height: 202px;
}

table.main_table th {
    height: 30px;
}

table.main_table td {
    line-height: 15px;
    vertical-align: middle;
}

table.sub_table {
    border-bottom: 1px solid #ddd;
}

table.sub_table th {
    height: 35px;
    border-bottom: 3px solid #97a9d4;
    border-top: none;
}

table.sub_table td {
    line-height: 15px;
}

table.sub_table_view {
    border-bottom: 1px solid #ddd;
    border-top: 3px solid #97a9d4;
}

table.sub_table_view th {
    height: 30px;
    border-top: none;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: middle
}

table.sub_table_view th:last-child {
    border-right: 0px
}

table.sub_table_view td {
    line-height: 130%;
    border-bottom: 1px solid #ddd;
    vertical-align: middle
}

table.sub_table_view .Last-Line {
    border-bottom: 2px solid #C0C0C0;
}

table.sub_table_view .Number {
    width: 55px;
}

table.sub_table_view .vShort {
    width: 8%;
}

table.sub_table_view .Short {
    width: 15%;
}

table.sub_table_view .Long {
    width: 35%;
}

table.sub_table_view .Md {
    width: 25%;
}

table.sub_table_view .Md2 {
    width: 30%;
}

table.sub_table_view2 {
    border: 1px solid #ddd;
    border-top: 3px solid #97a9d4;
}

table.sub_table_view2 th {
    min-height: 30px;
    border-top: none;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: middle
}

table.sub_table_view2 td {
    line-height: 110%;
    border-bottom: 1px solid #ddd;
    vertical-align: middle
}

table.sub_table_view2 td.right_bd {
    border-right: 1px solid #ddd;
}

table.sub_table_reply {
    border-bottom: 2px solid #97a9d4;
    border-top: 2px solid #97a9d4;
}

table.sub_table_reply th {
    height: 30px;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: middle
}

table.sub_table_reply th:last-child {
    border-right: 0px
}

table.sub_table_reply td {
    line-height: 130%;
    border-top: 1px solid #ddd;
    vertical-align: middle
}

table.sub_table_reply .reply_Line {
    background: #F9F9F9
}

table.sub_table_reply .Last-Line {
    border-top: 2px solid #C0C0C0;
}

table.sub_table_reply .Md {
    width: 30%;
}


.TOP_menu {
    position: fixed;
    top: 0px;
    text-align: left;
    width: 100%;
    z-index: 1;
    height: 120px;
}

.TOP_menu_Fixed {
    position: fixed;
    top: 0px;
    text-align: left;
    width: 100%;
    background: #110f1e;
    z-index: 1;
    height: 100px;
}

.TOP_menu_Fixed > .Menu li a {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: "Myriad Pro",
}

.TOP_menu_Fixed > .Logo {
    float: left;
    margin: 10px 0px 0px 50px;
}

.TOP_menu_Fixed > .Logo a {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.TOP_banner {
    background: url("../image/main_bnr.jpg") #472d3e center top;
    height: 920px;
    width: 100%;
}

.banner_area {
    margin: 450px 50px 0px;
    display: inline-block;
    max-width: 1350px;
}

.banner_coment {
    float: left;
}

.banner_button {
    float: right
}

.button_box {
    width: 170px;
    height: 55px;
    line-height: 52px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    margin-top: 50px
}


/* ----------------------------  而⑦뀗痢� CSS ------------------------------ */
/* 硫붿씤濡쒓렇�븘�썐 */
.btn_top_logout {
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #132657;
    color: #fff
}


/* �븰�뒿愿�由� - 媛뺤쓽 紐⑸줉 */
.Class_list {
    margin: 5px 0px;
    width: 100%;
}

.Class_list .Index {
    float: left;
    line-height: 230%;
    font-size: 1.1rem
}

.Class_list > .card-header {
    border-bottom: none;
}

.Class_list > .card-body {
    border-top: 1px solid #ddd
}

.Unit_Box {
    width: 100%;
}

.Unit_Box .Unit_title {
    float: left
}

.Unit_Box .Unit_Btn {
    float: right
}

.Unit_Box .Unit_text {
    clear: both;
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 15px;
    border-radius: 3px;
}

.Unit_Box .Unit_text:last-child {
    border-bottom: 1px solid #ddd;
}

/* �븰�뒿�쁽�솴 - 李⑥떆 紐⑸줉 */
.Member-Unit {
    display: flex;
}

.Member-Unit > ul {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    margin-bottom: 0px;
}

.Member-Unit > ul .Week {
    width: 100%;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #f3f5fa
}

.Member-Unit > ul .br-0 {
    border-right: 0px;
}

.Member-Unit > ul .Section {
    flex-grow: 1;
    border-right: 1px solid #ddd;
    line-height: 30px;
}


/* 肄섑뀗痢좉�由� - 肄섑뀗痢� 紐⑸줉 */
.File-box {
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 120px;
    margin: 10px;
    position: relative
}

.File-box img {
    width: 50%;
    margin-top: 10px
}

.File-box p {
    margin: 5px;
}

.File-box input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0
}

/* �뙘�뾽 */
#pop_back {
    background: url("/images2/admin/pop_bg.png");
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10000000
}

.popup {
    border-radius: 10px;
    background: #fff;
    width: 80%;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.popup > button {
    min-width: 170px;
    line-height: 28px
}

.POP_cnt_box {
    border: 1px solid #ddd;
    min-height: 450px;
    border-radius: 3px;
}

table.pop_table_view {
    border: 1px solid #ddd;
    border-top: 3px solid #97a9d4;
}

table.pop_table_view th {
    min-height: 30px;
    border-top: none;
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: middle
}

table.pop_table_view td {
    line-height: 110%;
    border-bottom: 1px solid #ddd;
    vertical-align: middle
}

table.pop_table_view td.right_bd {
    border-right: 1px solid #ddd;
}

table.pop_calender {
}

table.pop_calender th {
    height: 30px;
    border-top: 3px solid #97a9d4;
}

table.pop_calender td {
    line-height: 35px;
    position: relative
}

.pop_Calender_On {
    background: #ef9d5b;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    margin: 3px auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}


#footer {
    clear: both;
    height: 115px;
    width: 100%;
    background: #5a5957;
}

#footer > .wrap .slinks {
    font-size: 11px;
    color: #fff;
    text-align: left;
}

#footer > .wrap .slinks .elink {
    padding: 10px 0 10px 0;
    font-size: 11px;
    font-family: dotum;
    color: #c0c0c0;
    letter-spacing: 2px;
}

#footer > .wrap .slinks .elink a {
    font-family: gulim;
    font-size: 12px;
    letter-spacing: -1px;
    color: #fff;
}

#footer > .wrap .slinks .elink a:hover {
    text-decoration: underline;
}

#footer > .wrap .slinks .copyright {
    font-size: 11px;
    font-family: arial;
    color: #fff;
}

#footer > .wrap .powered {
    float: right;
}

#footer > .wrap .kimsq {
    padding: 10px 0 10px 0;
    font-size: 11px;
    font-family: arial;
    color: #fff;
}