body,
html {
    font-family: "nsk";
    font-size: 16px;
}

* {
    box-sizing: border-box;
}

.debug {
    font-size: 10px;
    color: #666;
}

body.login {}

body.login .container {
    border-radius: 0;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    background-image: url(/asset/image/bg.jpg);
    background-size: cover;
    background-position: center;
}

.login_box {
    width: 800px;
    height: 500px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: flex;
    border-radius: 25px;
    background-color: #fff;
}

.thin {
    font-weight: 300;
}

.login_box .ip {
    font-size: 12px;
    text-align: center;
    color: #999;
    margin: 5px auto;
    border-top: 1px dotted #aaa;
    width:
        140px;
    padding-top: 4px;
}

.login_box .radio_box {
    text-align: center;
    margin: -4px 0 10px
}

.login_box .radio_box label+label {
    margin-left: 10px;
}

.login_bg {
    margin: 20px 0 20px 20px;
    border-radius: 17px;
    width: calc(50% - 20px);
    background-image: url(/asset/image/login.png);
    background-position: -70px 144px;
    background-color: #949EFF;
    background-size: 460px;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 50px rgba(0, 0, 0, .1);
}


.login_bg .desc {
    opacity: .8;
    font-size: 20px;
    color: #fff;
    font-family: nsk;
    font-weight: 600;
    padding-left: 40px;
}

.login_form {
    width: 50%;
    padding: 115px 90px 20px 70px;
    position: relative;
}

.login_form .title {
    color: #343434;
    font-size: 35px;
    font-weight: 600;
    height: 40px;
}

.login_form .desc {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    height: 18px;
}

.login_form input {
    background-color: #f0f0f0 !important;
    height: 34px !important;
}

.login_form input+input {
    margin-top: 10px !important
}

hr.line {
    height: 1px;
    background-color: #ccc;
    border: none;
    outline: none;
    margin: 20px 0
}

.copyright {
    text-align: center;
    font-size: 12px;
    margin-top: 15px;
}

header {
    position: fixed;
    top: 0;
    ;
    right: 0;
    left: 0;
    z-index: 3;

}

header .inner {
    width: 100%;
    min-width: 1024px;
    display: block;
    height: 40px;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
}

header .inner .notice {
    float: left;
    font-size: 13px;
    color: honeydew;
    height: 40px;
    color: #fff;
    margin-left: 10px;
    line-height: 40px;
}

header .inner .menu_slide {
    float: left;
    font-size: 13px;
    color: honeydew;
    height: 40px;
    color: #fff;
    margin-left: 210px;
    line-height: 40px;
    cursor: pointer;

}

header .inner .menu_slide i {
    font-size: 25px;
    position: relative;
    top: 6px
}

header .inner .user {
    float: right;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

header .inner .user i.xi-user-circle {
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 0px
}

header .inner .user span {
    font-size: 15px;
    margin-right: 5px;
    display: block;
}

header .inner .user .btns {
    position: relative;
    top: -1px
}

body {
    background: #0F123A;
    min-width: 1600px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(2, 0, 36);
    background: linear-gradient(0deg, rgba(2, 0, 36, 1) 53%, rgba(56, 49, 98, 1) 100%);
}

section.container {

    position: fixed;
    left: 210px;
    top: 40px;
    background-color: #ECEDF1;
    bottom: 0px;
    overflow: auto;
    padding: 0;
    right: 0px;
    border-radius: 10px 0 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding-bottom: 20px
}

section.container:before {
    position: absolute;
    left: 0px;
    width: 1px;
    top: 0;
    bottom: 0px;
    background-color: #000;
    z-index: 1000;
}

footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px;
    font-size: 12px;
    color: #999;
    text-align: center;
    width: 210px;
    background-color: #010016;
    z-index: 5;

    border-top: 1px solid #333
}

footer p {
    display: flex;
    height: 30px;

    justify-content: center;
    align-items: center;
}


nav {
    color: #fff;
    width: 210px;
    position: fixed;
    left: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 2;
}


h1.title {
    text-align: center;
    font-weight: 100;
    font-size: 30px;
    margin-top: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 15px;
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    cursor: pointer;
}

h1.title:hover {
    color: #949eff
}

h1.title .title {
    height: 20px;
    background-image: url(/asset/image/logo_text_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    background-position: center;
    margin-bottom: 5px;
}

h1.title i {
    height: 55px;
    font-size: 50px;
    background-image: url(/asset/image/logo_ci_w.png);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 12px;

}

h1.title .system_name {
    font-size: 14px;
    color: #000;
    background-color: #B8A1F5;
    width: 120px;
    margin: 0px auto 0 auto;
    border-radius: 5px;
}

.menu_scroll {
    overflow-y: auto;
    overflow-x: auto;
    position: absolute;
    left: 0;
    top: 150px;
    right: 0;
    bottom: 30px;
}

ul.nav>li.active {
    position: relative;
}

ul.nav {
    margin: 20px 0px 20px 20px;
}

ul.nav>li>a {
    padding: 10px 0 10px 60px;
}

ul.nav li.sub:after {
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e914";
    position: absolute;
    right: 20px;
    top: 15px;
    color: #383162;
    opacity: 0;
}

ul.nav li.sub .dropdownlist {
    display: none;
}

ul.nav a span {
    color: #fff;
    opacity: 1;
    font-weight: 500;
}

ul.nav>li {
    position: relative;
    margin: 6px 20px 6px 0px
}

ul.nav>li i {
    color: #fff;
    opacity: .6;
    position: absolute;
    left: 20px !important;
    font-size: 25px;
    font-weight: 100 !important;
}

ul.nav>li:hover i {
    opacity: 1;
    position: absolute;
    color: #949EFF;
    font-weight: 700;
}

ul.nav>li>a {
    display: block;
}

ul.nav>li:hover>a span {
    opacity: 1;
    color: #383162
}

ul.nav>li:hover {
    background-color: rgba(255, 255, 255, .8);
    border-radius: 30px;
}

ul.nav>li:active {
    background-color: #fff;
    margin-left: -5px;
    margin-right: 15px;
}

ul.nav>li>a:before {
    display: none !important;
}

ul.nav>li.active {
    margin-right: 0;
}

ul.nav>li.active>a {
    margin-right: 0;
    background-color: #ECEDF1;
    border-radius: 10px 0 0 10px;
}

ul.nav>li.active i {
    color: #3E2BAE
}

ul.nav>li.active>a>span {
    color: #000
}

ul.nav>li.active::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    /* background-color: #fff; */
    background-image: url(../image/menu_top2.png);
    background-size: contain;
    right: 0px;
    top: -10px;
}

ul.nav>li.active::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    /* background-color: #fff; */
    background-image: url(../image/menu_bottom2.png);
    background-size: contain;
    right: 0px;
    top: 41px;
    opacity: 1;
}

ul.nav>li.sub:hover i,
ul.nav>li.sub:hover span {
    color: #fff
}

ul.nav>li.sub.hover,
ul.nav>li.sub:hover {
    background-color: #949EFF;
    border-radius: 10px;
}

ul.nav>li.sub.hover .dropdownlist {
    display: block;
    position: relative;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 0 0 10px 10px;
    padding: 10px 0
}

.dropdownlist li {
    font-size: 15px;
    padding: 10px 10px 10px 30px;
    position: relative;
    line-height: 1em;
    letter-spacing: -1px;
}

.dropdownlist li a span {
    font-size: 14px;
    font-weight: 400;
    color: #000 !important;
}

.dropdownlist li.active a span {
    font-size: 14px;
    font-weight: 700;
    color: #000 !important;
}

.dropdownlist li+li {
    border-top: 1px dotted rgba(255, 255, 255, .2)
}


.dropdownlist li:after {
    font-family: xeicon !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e93f";
    position: absolute;
    right: 21px;
    top: 50%;
    color: #383162;
    opacity: .8;
    margin-top: -8px;
}

.dropdownlist li a {
    display: block;
    /*pointer-events: none;*/
}

.dropdownlist li a.go {
    pointer-events: all;
}

.dropdownlist li a:hover span {
    color: #383162 !important
}

nav * {
    -webkit-transition: .1s all;
    transition: .1s all;
}

ul.nav>li.active:hover,
ul.nav>li.active {
    background-color: #BFC5FF;
    border-radius: 10px 0 0 10px !important;
}

ul.nav>li.active .dropdownlist {
    display: block !important;
    border-radius: 0 0 0 10px !important;
    padding: 10px 0px;
}

ul.nav>li.active .dropdownlist li {
    border-radius: 0 0 20px 20px;
}

ul.nav>li.active:hover>a>span {
    color: #000
}

ul.nav>li.active:hover>a>i {
    color: #3E2BAE;
}

body.menu_slide nav {
    width: 100px
}

body.menu_slide ul.nav>li>a>span {
    display: none;
}

body.menu_slide h1.title .title {
    font-size: 17px;
}

body.menu_slide h1.title .system_name {
    display: none;
}

body.menu_slide header .inner .menu_slide {
    margin-left: 100px;
}

body.menu_slide section.container {
    left: 100px
}

body.menu_slide .xi-hamburger-back:before {
    content: "\eb45";
}

body.menu_slide .menu_scroll {
    top: 110px
}

body.menu_slide ul.nav>li {
    margin: 10px;
}

body.menu_slide .menu_scroll {
    overflow: visible;
}

body.menu_slide ul.nav .dropdownlist {
    display: none !important;

}

body.menu_slide ul.nav>li i {
    position: relative;
    left: auto !important;
    text-align: center;
    display: block;
}

body.menu_slide ul.nav>li>a {
    padding: 10px;
}

body.menu_slide ul.nav {
    margin:40px 10px 20px 10px;
}

body.menu_slide ul.nav>li.active:hover,
body.menu_slide ul.nav>li.active,
body.menu_slide ul.nav>li.active>a {
    border-radius: 10px !important;
}

body.menu_slide ul.nav>li.active::before,
body.menu_slide ul.nav>li.active::after {
    display: none;
}

t,

body.menu_slide ul.nav>li:hover .dropdownlist {
    display: block !important;
    position: absolute;
    background-color: #BFC5FF;
    border: 1px solid #fff;
    left: 50px;
    width: 140px;
    top: 15px;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
body.menu_slide footer {width: 100px;}
body.menu_slide footer p {letter-spacing: -1px;}
body.menu_slide h1.title .title {
    height: 12px !important;
    background-position: center;
}

body.menu_slide h1.title i {
    height: 52px !important ;
    margin-bottom: 8px !important;
}


.container .body {

    padding: 10px 15px;
    display: flex;
    min-width: auto;
}
.body.main_body {
    flex-direction: column;
    padding:20px 20px 0 20px
}
.body.main_body .main_grid {
    display: flex;
    justify-content: space-between;
    min-width: 1670px;

}

.main_body .bottom_box {
    display: flex;
}

.sub .container .body {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    padding: 5px 20px 20px 20px;
    display: block;
    min-width: 1330px;
}

body .left_box {
    flex-shrink: 0;
    width:500px;
    margin-right: 20px;
}

.body .right_box {
    flex-shrink: 1;
    width: 100%;
    margin-left: 0px;
    padding-bottom: 20px;
    display: flex;
}
.main_body .right_box {    flex-direction: column;}
.today {
    margin-top: 20px;
    background-color: #0F123A;
    color: #fff;
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 20px 25px 20px 25px;
    background-image: url(../image/login.png);
    background-size: 260px;
    background-repeat: no-repeat;
    background-position: 70px -10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 150px;
}

.member_search {
    margin-top: 0px;
    background-color: #fff;
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.today .date:before {
    font-size:15px;
    opacity: 0.5;
    content: "TODAY";
    display: block;

}
.today .date {
    opacity: 1;
    font-size: 26px;
    text-align: left;
    margin-left:10px;
    margin-top: -60px;
}

.today .date span {
    font-weight: 500;
    opacity: 1 !important
}

.today .mBox {
    margin-top: 0px;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: space-between;
}

.today .bSub {
    font-weight: 600;
    padding-left: 10px;
    margin-left: 10px;
    color: #000;
    
    background-color: #B8A1F5;
    border-radius: 5px;
    width: 210px;
    height: 90px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    padding: 3px 10px;
box-shadow: 2px 2px 10px inset rgba(0, 0, 0, .3);
overflow: hidden;
}
.today .bSub:before {
    display: block;
    content: "";
    width: 140px;
    height: 160px;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    transform: rotate(30deg);
    left: -60px;
    top: -70px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .05);
}
.today .bSub .no:before {
    content: " : ";
    margin-left: 5px
}

.today .bSub:nth-child(2) {
    background-color: #F4DDBA
}

.today .bSub:nth-child(3) {
    background-color: #E4F050;
}

.today .bSub:nth-child(4) {
    background-color: #50F070
}

.today .bSub:nth-child(5) {
    background-color: #50E0F0;
}
.today .bSub>span{
    display: block;
    position: absolute;
    font-size: 14px;
    top:10px; right:0px;
    width: 100%; text-align: center;
}
.today .bSub>b {
    display: block;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    bottom:15px; left:15px;
    width: 180px; text-align: center;
    height: 40px; line-height: 40px;
    background-color: #0F123A;
    color:#fcffd1;
    border-radius: 5px;
}
.today .bSub>i {
    color: #332D5D;
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 25px;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    display: flex !important
;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    background-color: #fff;
    box-shadow: 0 0 10px inset rgba(0, 0, 0, .5);
    margin-top: -20px;
;
display: none !important;
}


.today .bSub .no {
    font-weight: 500;
    font-size: 12px;
    margin: 0;
    line-height: 1em;
    opacity: .8;
}


.today .bSub .go {
    font-size: 11px;
    position: absolute;
    bottom: 5px;
    left: 10px
}

.today .bSub .go i {
    margin: 0;
    font-size: 11px;
    display: inline-block;
}

.member_search .mbBox {
    background-color: #f9f9f9;
    margin: -25px -25px 0px -25px;
    border-radius: 10px 10px 0 0;
    padding: 19px 25px;
    border-bottom: 1px dashed #ccc;
}

.member_search .mbBox .search {
    padding-left: 110px;
    padding-right: 50px;
    position: relative;
}

.member_search .mbBox .search select {
    position: absolute;
    width: 100px;
    left: 0;

}

.member_search .mbBox .search input {
    height: 40px;
    display: block;
    width: 100%;
    border: 2px solid #383162;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    font-size: 16px;
}

.member_search .mbBox .search a {
    border-radius: 0 10px 10px 0;
    top: 0;
    position: absolute;
    right: 0;
    width: 50px;
    background-color: #383162;
    height: 40px;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member_search .mbBoxB1 {
    margin-top: 5px;
    margin-bottom: -15px;
    zoom: .8;
    color: #343434
}

.member_search .mbBoxB1 label+label {
    margin-left: 10px
}

.result {
    font-size: 14px;
    margin: 15px 0 10px 0;
    display: flex;
    justify-content: space-between;
}


.right_box {
    margin-left: 20px
}

.member_info {

    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    white-space: nowrap;
    display: flex;
    position: relative;
    flex-direction: column;

    padding: 25px;
}

body.main .member_info:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    ;
    height: 130px;
    background-color: #6E75BD;
    z-index: 0;
    border-radius: 10px 10px 0 0;
}

.right_box .member_info:after {
    height: 85px !important;
}

.mem_btn_box {
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
}

.mem_btn_box .btns {
    height: 35px !important;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    align-content: center;
    line-height: 27px;
    ;
    flex: 1 1 40%;
    border-radius: 10px !important;
}

.mem_btn_box .btns i {
    color: #50E0F0 !important
}

.mem_btn_box .btns+.btns {
    margin-left: 10px;
}

.photo_box {
    position: absolute;
    left: 25px;
    z-index: 2;
    border-radius: 8px;
    text-align: center;
    margin-right: 20px;

}
.mid_box .photo_box {position: relative;
left: 0;
margin-right: 0;
}
.table_box .photo_box {
    position: relative;
    left: 0px;
    z-index: 2;
    border-radius: 8px;
    text-align: center;
    margin: 30px;
}

.photo_box .photo {
    width: 170px;
    height: 227px;
    background-size: cover;
    background-position: center;
    border: 8px solid #fff;
    border-radius: 12px;
    box-sizing: content-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);

}

.table_box .photo_box .photo {
    width: 200px;
    height: 260px;
    background-size: cover;
    background-position: center;
    border: 8px solid #fff;
    border-radius: 12px;
    box-sizing: content-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);

}

.btn_flex {
    margin-top: 10px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.table_box .photo_box .btns {
    height: 40px;
    font-size: 15px;
}

.btn_flex .btns {
    width: 100%;
}

.btn_flex .btns+.btns {
    margin-left: 5px;
}

.table_box {
    position: relative;
    z-index: 2;
    flex-grow: 1;
}

table .btns {
    /*
    font-size: 13px;
    height: 27px;
    position: relative;
    top: -2px;
    */
}

.btn-search-zip {
    position: relative;

    top: -2px;
}

.member_etc {
    position: relative;
    z-index: 2;
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0px 0 20px 0;
}

.member_etc small {
    color: #999;
}

.member_etc .item+.item {
    margin-left: 20px
}

.member_etc .item {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    padding: 20px 0 15px 0;
    border-radius: 10px;
}

.member_etc .no {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 10px
}

.member_etc .no span {
    font-weight: 900;
}

.member_etc .badge {
    margin-right: 3px;
    padding-bottom: 4px;
    ;
    font-size: 11px;
    top: -1px;
    width: 80%;
    padding: 5px
}


.tabnav {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.tabnav li {
    padding: 0;
    width: 100%;
    text-align: center;
}

.tabnav li+li {
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.tabnav li a {
    font-weight: 600;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 5px 10px;

    background-color: rgba(0, 0, 0, .05);
    border-top: 1px solid #ccc;
}

.tabnav li:last-child a {
    border-radius: 0 10px 0 0;
    margin-right: 0px;
}

.tabnav li:first-child a {
    border-radius: 10px 0 0 0;
    margin-left: 0px;
}

.tabnav li a.active {
    color: #fff;
    background-color: #0F123A;
}

.tabcontent {
    padding: 25px
}

.dropdownlist li.active {
    background: rgba(255, 255, 255, .5);
    border-radius: 10px !important;
    padding: 10px 0px 10px 20px;
    margin: 0 10px;
}

.dropdownlist li.active:after {
    right: 11px;
}

.flex_grid {
    margin: 0 0 10px 0;
    display: flex;
    align-items: top;
    justify-content: space-around;
    width: 100%;
    ;
    position: relative;
}

.grid_item {
    flex: 1 1 40%;
    width: 30%;
}

.grid_item:nth-child(2) {
    flex: 1 0 43%;
}

.grid_item+.grid_item {
    margin-left: 20px;
}

.grid_item .grid_title {
    margin-top: -5px;
    font-size: 20px;
}

.grid_item .grid_title i {
    color: #6E75BD;
    margin-right: 5px;
    font-size: 24px;
    top: 4px;
    position: relative;
}

.grid_item .grid_title span {
    font-weight: 700;
}

.grid_item .grid_box {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    white-space: nowrap;
    display: flex;
    position: relative;
    flex-direction: column;

    padding: 25px;
    margin: 15px 0;
    min-width: 400px;
    text-align: center;
}

.grid_box.full {
    color: #fff;
    padding-bottom: 25px;
    background-color: #0F123A;
    background-image: url(/asset/image/report.png);
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: bottom -10px right 10px;

}

.grid_box.full .chart_box {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    min-height: 200px;
    margin-bottom: 20px;
    text-align: center;
}

.full_title {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}

.full_title span {
    color: yellow;
    font-weight: 900;
    font-size: 30px;
}

.chart {
    transition: none !important;
    margin: auto
}

.tab_box {
    padding: 0 !important;
}

.c3-legend-item {
    font-size: 14px !important;
    font-family: "nsk";
    font-weight: 500;
}

.c3-chart-arcs-title {
    font-size: 20px !important;
    font-family: "nsk";
    font-weight: 500;
}

#chart2 .c3-legend-item {
    font-size: 20px !important;
    font-family: "nsk";
    font-weight: 500;
}

.full_table {
    padding: 20px;
}

.schedule {
    background-color: #f0f0f0;
    border-radius: 8px;
    padding: 6px 10px;
    text-align: left;
    font-size: 14px;
    margin-top: 10px
}

.schedule .title {
    font-size: 12px;
    font-weight: 900;
    border-bottom: 1px solid #ccc
}

.schedule .desc {
    height: 50px;
}

.visit_grid {
    display: flex;
    flex-direction: row !important;

    justify-content: space-between;
    position: relative;

}

.grid_item .grid_box.visit_grid {
    background-color: #6E75BD;
}

.visit_grid .btns_item {
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-left: 10px;
    justify-content: space-between;
}

.visit_grid .item {
    flex: 1 1 45%
}

.visit_grid .item .btns {
    pointer-events: none;
    margin: 0;
    display: block;
    border-width: 0px;
}

.visit_grid .item .btns b {
    font-weight: 900;
}

.text_in {
    position: absolute;
    top: 128px;
    left: 450px;
    z-index: 3;
    font-size: 18px;
    line-height: 24px;
    text-align: right;
    color: #333;
}


/*loading*/
#loading_box {
    align-items: center;
    justify-content: center;
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .2);
}

#loading {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 10px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.red {
    color: red
}

h2.title {
    font-size: 20px;
    margin: 10px 0 15px 0;
}

h2.title i {
    margin-right: 5px;
    color: #6E75BD;
}

h2.title span {
    font-weight: 700;
}

.content_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.sub_head {
    font-size: 14px;
    color: #343434;
    margin: 15px 0;
}

.breadcrumbs .item {
    display: inline-block;
    font-size: 12px;
    color: #343434;
}

.breadcrumbs i {
    color: #6E75BD;
}

.breadcrumbs .item+.item::before {
    color: #6E75BD;
    content: "\e93c";
    font-family: 'xeicon' !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 1px;
}

.breadcrumbs .item:last-child {
    font-weight: 600;
}

i[class^="icon_"] {
    font-family: 'xeicon' !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 1px;
}

i.icon_1::before {
    content: "\e9f5";
}

i.icon_2::before {
    content: "\ea04";
}

i.icon_3::before {
    content: "\e998"
}

i.icon_4::before {
    content: "\ea01";
}

i.icon_5::before {
    content: "\e966";
}

i.icon_6::before {
    content: "\eb4a";
}

i.icon_7::before {
    content: "\eb53";

}

i.icon_8::before {
    content: "\e901";
}

i.icon_9::before {
    content: "\eb16";
}

i.icon_10::before {
    content: "\e9cd";
}

#txtCarNo_1 {
    width: 100px;
}

#txtCarNo_2 {
    margin-left: 0px !important;
    width: calc(100% - 108px);
}

.table_lg #txtCarNo_2 {
    margin-left: 0 !important;
    width: calc(100% - 128px);
}

.box_default {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    white-space: nowrap;
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 15px 25px 23px 25px;
    font-size: 16px;
    min-height: calc(100% - 110px);
}

.member_info2 {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    white-space: nowrap;
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 25px;
    font-size: 16px;

}

.photo_box .photo_circle {
    width: 210px;
    height: 210px;
    border-radius: 200px;
    border-width: 5px;
}

.photo_box .name {
    margin: 12px auto 0px;
    font-size: 18px;
    font-weight: bold;
}
.photo_box .txt-c {margin: 15px 0 !important;}
.box_default .with_photo
{
    width: 100%;
    padding-left: 205px;
}

.box_header {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right;
}

.btn_box {
    padding-top: 25px;
    text-align: center;
}

.box_search {
    background-color: #f9f9f9;
    margin: -15px -25px 25px -25px;
    border-radius: 10px 10px 0 0;
    padding: 25px;
    border-bottom: 1px dashed #ccc;
}

.table_lg td,
.table_lg th {
    font-size: 16px;
    height: auto !important;
    min-height: 61px !important;
    padding: 5px 8px;
}

.td_big td {
    height: 61px !important
}

.table_lg td input[type=time],
.table_lg td input[type=text],
.table_lg td input[type=date],
.table_lg td input[type=datetime],
.table_lg td input[type=datetime-local],
.table_lg td input[type=number],
.table_lg td input[type=password],
.table_lg td select,
.table_lg td textarea {
    font-size: 16px !important;
    ;
    margin: 5px 8px 5px 8px !important;
    width: calc(100% - 16px);
    height: 40px;
}

.table_lg th span {
    top: 16px;
}

.table_lg .btns-xs,
.table_lg .btns-group-xs>.btns {
    height: 32px;
    padding: 2px 8px;
    font-size: 13px;
}

.w40p {
    width: 42% !important
}

input.date {
    width: 120px !important
}

.table_search {
    font-size: 14px;
    background-color: transparent;
}

.table_search th,
.table_search td {
    background-color: #f9f9f9;
    padding: 1px 8px;
    font-size: 16px;
    height: 40px;
    vertical-align: middle;

}

.table_search td {
    text-align: left;
}

.table_search {
    border-collapse: separate;
    border-spacing: 10px 10px;
}

.table_nolist thead th {
    background-color: #1F4990;
    color: #fff;
}

.table_search th {
    text-align: right;
    font-weight: 700;
    background-color: #DFE2FF;
    border-radius: 10px;
    text-align: center;
    min-width: 100px;
    color: #1F49AD
}

.w120 {
    width: 120px !important;
}

.search_btn_box {
    margin-top: 15px;
    ;
    text-align: right;
    margin-bottom: -10px
}

.table_header {
    margin-bottom: 10px
}

.modal_jikwonModify .modal,
.modal_memberModify .modal {
    width: 1200px;
    max-width: 1200px !important;
}

.modal_jikwonModify .modal .box_default,
.modal_memberModify .modal .box_default {
    border: none;
    box-shadow: none;
    padding: 0;
}

.modal_jikwonModify .box_header,
.modal_memberModify .box_header {
    display: none;
}

.page_box {
    margin: 10px;
}

.data_empty {
    text-align: center;
    padding: 50px;
    position: relative;
}

.data_empty i.xi-warning {
    color: #DA633F;
    font-size: 60px;
    position: absolute;
    left: calc(50% + 10px);
    top: 95px;
}

.data_empty i.xi-document {
    color: #ccc;
    font-size: 100px;
}

.data_empty b {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px
}

.txt_right {
    text-align: right;
}

.member_reg_box .box_default {
    padding: 30px;
}

textarea.memo {
    height: 80px !important;
}

.photo_table {
    border-left: 1px solid #ccc !important;
    text-align: center !important;
    padding: 0 !important;
}

th.photo_table {
    height: 50px !important;
}

td.photo_table {
    background-color: #FBFCFE !important;
}

.btn_box .btns {
    height: 50px;
}

input.inputAge {
    width: 100px !important;
    display: inline-block;
    text-align: right;
}

.modal input.inputAge {
    width: 136px !important;
}

.text_c {
    text-align: center;
}

th.text_c,
td.text_c,
table.text_c th,
table.text_c td {
    text-align: center !important;
    padding: 0 !important;
}

.body_grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.body_grid+.body_grid {
    margin-top: 20px
}

.body_item {}

.week_plan_box {
    margin: -10px;
    display: flex;
    flex-wrap: wrap;

}

.week_plan_box .day_item {
    width: calc(25% - 20px);
    background-color: #f9f9f9;
    margin: 10px;
    padding: 15px 15px 10px 15px;
    border-radius: 5px;
}

.body_item_3 .week_plan_box .day_item {
    width: 100%;
}

input[type=time] {}

.day_item .title {
    background-color: #d6d6d6;
    color: #464646;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    font-weight: 900;
}

.day_sat .title {
    color: #0d10dd;
    background-color: #BFC5FF;
}

.day_sun .title {
    color: #ff0101;
    background-color: #ffc9c9;
}

.day_item .title small {
    font-size: 11px;
    margin-left: 5px;
}

.day_item dt i {
    color: #464646
}

.day_item {
    position: relative;
}

.day_item dl {
    padding-left: 70px;
}

.day_item dt {
    position: absolute;
    padding-top: 9px;
    left: 20px;
}

.day_item dd {
    margin: 10px 0;
}

.day_item dd.time {
    height: 24px;
    line-height: 42px;
    text-align: right;
    font-size: 20px;
    font-weight: 800;
    margin-right: 5px;
}

.box_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.body_item_1 {
    width: 10%;
}

.body_item_2 {
    width: 20%;
}

.body_item_3 {
    width: 30%;
}

.body_item_4 {
    width: 40%;
}

.body_item_5 {
    width: 50%;
}

.body_item_6 {
    width: 60%;
}

.body_item_7 {
    width: 70%;
}

.body_item_8 {
    width: 80%;
}

.body_item_9 {
    width: 90%;
}

.body_item+.body_item {
    margin-left: 20px
}

.box_default .mbBox {
    background-color: #f9f9f9;
    margin: -15px -25px 0px -25px;
    border-radius: 10px 10px 0 0;
    padding: 15px 25px 24px 25px;
    border-bottom: 1px dashed #ccc;
    min-height: 50%;
}

.box_default .mBox {
    padding-top: 25px
}

.label_box label {
    display: block;
    margin: 5px 0
}

.body_item .box_default {
    height: 100%;
    min-height: 360px;
}

.flex_box {
    display: flex;
    justify-content: space-between;
}

.goos_sale_box table th {
    background-color:
}

.goos_sale_box table tbody th {
    padding: 0 10px !important
}

.goos_sale_box table tbody th .title {
    border-radius: 5px;
    font-weight: bold;
    height: 30px;
    /* line-height: 30px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar_plan_box {
    min-height: 266px;
    display: flex;
    align-items: stretch;
}

.plan_box {
    width: 100%;
    flex-grow: 1;
}

.plan_box+.plan_box {
    margin-left: 20px
}

#calendar th:first-child {
    border-radius: 5px 0 0 0;
}

#calendar th:last-child {
    border-radius: 0 5px 0 0;
}

#calendar tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

#calendar tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}

#calendar th {
    background-color: #EDEFFF
}

#calendar th,
#calendar td {
    border-bottom: 1px solid #ccc
}

#calendar th+th,
#calendar td+td {
    border-left: 1px solid #aaa
}

#calendar tr:last-child td {
    border-bottom: none
}

.mn {
    overflow: hidden;
}

#calendar {
    border-radius: 6px;
    border-collapse: separate;
    border: 1px solid #aaa;
}

#calendar .sun {
    color: #ff0101
}

#calendar .sat {
    color: #0d10dd
}

#calendar .past {
    background-color: rgba(0, 0, 0, .05);
}

#calendar .past span {
    opacity: .5;
}

#calendar .hand {
    cursor: pointer
}

#calendar th {
    background-color: #D6D6D6;
    padding: 5px;
    color: #343434
}

#calendar td {
    height: 50px;
    /* text-align: right; */
    padding: 4px;
    vertical-align: middle;
    text-align: center;
}

#calendar .cal_today {
    background-color: #EDEFFF;
    font-family: nsk_eb;
    box-shadow: 0 0 2px inset #000;
}

#calendar .select_day {
    position: relative;
}

#calendar .select_day:after {
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px solid red;
    content: "";
}

.calendar_plan_box .table_head,
.sukbak_map .table_head
 {
    border: none;
    text-align: center;
    margin: 0;
    padding-bottom: 10px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.calendar_plan_box .table_head span,
.sukbak_map .table_head span {
    font-family: nsk;
    font-weight: 600;
}

.calendar_plan_box .table_head i,
.sukbak_map .table_head i {
    font-size: 30px;
    position: relative;
    top: 1px;
    margin: 0 5px
}

.plan_title {
    display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.plan_title .title {
    font-size: 17px;
    font-weight: 700;
    font-family: nsk;
}

.plan_title .btns {
    height: 32px;
    padding: 2px 8px;
    font-size: 13px;
}

.table_scroll_box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;

}

.plan_title+.table_scroll_box {
    top: 41px
}

.table_scroll_box .table_fixed {
    border-radius: 6px 6px 0 0 !important;
    table-layout: fixed;
}

.table_scroll_in table {
    border-top: none;
    border-radius: 0 0 6px 6px !important;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
}

.plan_list {
    position: relative
}

.table_scroll_in {
    border: 1px solid #aaa;
    border-top: none;
    border-radius: 0 0 6px 6px;
    overflow-y: auto;
    /* min-height: 251px; */
    /* max-height: 245px; */
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 36px;
}

.table_scroll_box .list_3_col,
.table_scroll_box .list_4_col {
    width: 10%;
    min-width: 90px;
    max-width: 150px;
}

.table_scroll_box .list_5_col {
    width: 150px !important;
}

.table_scroll_box .list_6_col {
    width: auto;
}

.table_scroll_box .list_1_col {
    width: 80px !important;
}

.table_scroll_box .list_2_col {
    width: 150px !important;
}

.category_box {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.category_box .category_item {
    width: 33.333%;
    flex-grow: 1;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    margin-bottom: 20px
}

.category_box .category_item+.category_item {
    margin-left: 20px;
}

.category_title {
    background-color: #0F123A;

    display: flex;
    border-radius: 10px 10px 0 0;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 13px;
}

.category_title .title {
    color: #fff;
    font-weight: bold;
}

.category_title .btns {
    padding: 2px 10px;
    height: 32px;
}

.category_content {
    padding: 15px;
    overflow-y: auto;
    height: 420px;
}

.category_content .item+.item {
    padding-top: 8px;
    border-top: 1px solid #eee;
    margin-top: 8px;
}

.category_content .item:last-child {
    padding-bottom: 16px;
}

.category_content .emtpy {
    text-align: center;
    /* line-height: 100px; */
    font-size: 20px;
    font-family: nsk;
    font-weight: 600;
    color: #999;
    padding: 16px 41px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.category_content .emtpy i {
    display: block;
    font-size: 35px;
    color: #ccc;
    margin-bottom: 10px
}

.mb0 {
    margin-bottom: 0;
}

.btns.depth_1,
.btns.depth_1:link,
.btns.depth_1:visited {
    background-color: #DFE2FF;
    color: #000;
    border: #fff;
    font-family: nsk;
    font-weight: 400;
}

.btns.depth_2,
.btns.depth_2:link,
.btns.depth_2:visited {
    background-color: #50F070;
    color: #000;
    border: #fff;
    font-family: nsk;
    font-weight: 400;
}

.btns.depth_3,
.btns.depth_3:link,
.btns.depth_3:visited {
    background-color: #F4DDBA;
    color: #000;
    border: #fff;
    font-family: nsk;
    font-weight: 400;
}


.btns.depth_4,
.btns.depth_4:link,
.btns.depth_4:visited {
    background-color: #ffffff;
}



.btns.depth_1:hover,
.btns.depth_1:active,
.btns.depth_1:focus {
    background-color: #bac1ff;
    border: none;
    outline: none;
}

.btns.depth_2:hover,
.btns.depth_2:active,
.btns.depth_2:focus {
    background-color: #2cda4e;
    border: none;
    outline: none;
}

.btns.depth_3:hover,
.btns.depth_3:active,
.btns.depth_3:focus {
    background-color: #f1cb91;
    border: none;
    outline: none;
}

.btns.depth_1.active {
    background-color: #bac1ff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .125);
    border: 2px solid #6872c9
}

.btns.depth_2.active {
    background-color: #2cda4e;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .125);
    border: 2px solid #1a8d31
}

.btns.depth_3.active {
    background-color: #f1cb91;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .125);
    border: 2px solid #a08153
}

.btns.depth_4.active {
    background-color: #f1cb91;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .125);
    border: 2px solid #a08153
}


.category_content .class {
    position: absolute;
    right: 0;
    top: 8px;
    background-color: #fff;
    color: #343434;
    min-width: 55px;
    height: 25px;
    line-height: 22px;
    right: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 87%;
    padding: 0 10px;
}

.category_content .btns {
    position: relative;
    text-align: left;
    padding-left: 16px;
}

.category_btn .btns {
    width: 100%;
    display: block;
    border-radius: 0 0 10px 10px !important;
}

.category_content .btns i {
    color: #fff !important
}

.modal_body .table_search {
    margin: -10px;
    width: calc(100% + 20px)
}

.category_content>div {
    height: 100%;
}

.code_box .category_content {
    height: 278px;
}

.btn_right {
    position: absolute;
    right: 0;
    top: 5px;
    right: 10px
}

.btn_right i {
    margin: 0;
}

.btn_right .btns-xs {
    padding: 0;
    height: 25px;
    width: 25px;
}

.btn_right .btns-xs+.btns-xs {
    margin-left: 5px
}

.code_box .btns .item>.btns {
    cursor: default !important
}

.code_item {
    background-color: #BFC5FF;
    color: #000;
    border: #fff;
    font-family: nsk;
    font-weight: 400;
    display: block;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    height: 32px;
    line-height: 26px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    padding-left: 22PX;
    padding-right: 22PX;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    height: 42px;
    padding: 0 9px;
    display: block;
    align-items: center;
    align-content: center;
    line-height: 27px;
    justify-content: center;
    align-items: center;
    display: block;
    width: 100%;
    margin-left: 0 !important;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    position: relative;
    text-align: left;
    padding-left: 16px;

}

.code_item .title {
    font-weight: 600;
}

.code_item .title>i {
    color: #fff;
    margin-right: 0.2em
}

.mb0_box .category_item {
    margin-bottom: 0 !important;
}

th span.inline {
    position: static !important;
    font-size: 15px !important;
}

.category_btn .btns {
    background-color: #423AC2;
    border-color: #423AC2;
}

.category_btn .btns:hover {
    background-color: #5e54e7;
    border-color: #5e54e7;
}

#codeList4 .code_item,
#codeList5 .code_item,
#codeList6 .code_item {
    background-color: #BFDDFF;
}

.body.gangjwa_write .category_content,
.body.goods_reg .category_content {
    height: 188px
}

col.col_th {
    width: 10%;
}

col.col_td {
    width: 40%;
}

/*==상준추가==*/
col.col_th1 {
    width: 9%;
}

col.col_td1 {
    width: 24%;
}
/*==상준추가==*/


.cate_box {
    border: 1px solid #ccc;
    height: 40px;
    margin: -5px 7px 7px 7px;
    border-radius: 5px;
    line-height: 40px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.inline_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.inline_flex .btns {
    height: 40px;
    margin-left: 7px
}

.inline_flex.flex_start {
    justify-content: flex-start;
}

.inline_flex.flex_wrap,
#GJAmount {
    flex-wrap: wrap;

}

#GJAmount .input_add,
.inline_flex.flex_wrap .input_add {
    width: 25%;
}


.inline_flex.flex_start label {
    margin-right: 10px
}

td .category_box {
    margin: 5px 7px 0 7px
}

.period_box {
    display: flex;
    flex-direction: row;
    align-items: center;

}

.period_box div.input {

    position: relative;
}

.period_box div.input span {
    position: absolute;
    left: 8px;
    top: 5px;
    border-right: 1px solid #ccc;
    width: 76px;
    height: 40px;
    background-color: #F1F1F8;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
}

.table_search .period_box div.input span {
    left: 0;
    top: 0
}

.period_xs div.input span {
    width: 50px;
}

.period_box div.input input {
    padding-left: 90px;
    width: 100%;
}

.period_xs div.input input {
    padding-left: 60px;
}

.period_box div.input input[type="datetime-local"] {
    width: 300px
}

.input_add {
    position: relative;
}

.input_add.append input {
    padding-right: 60px;
    text-align: right;
}

.input_add span {
    color:#010016 !important;
    position: absolute;
    right: 0px;
    top: 5px;
    border-right: 1px solid #ccc;
    width: 50px;
    height: 40px;
    background-color: #F1F1F8;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
}

.input_add span.prepend {
    right: inherit;
    left: 8px;
    width: 100px;
    border-radius: 5px 0 0 5px;
}

.input_add.all input {
    padding-left: 100px;
    padding-right: 55px;
    text-align: right;
}

.mlr_5 {
    margin-left: 5px;
    margin-right: 5px;
}

.checkbox_list label {
    display: block;

}

.checkbox_list label+label {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.medit .modal {
    max-width: 1200px;
}

.modal_body .box_default {
    padding: 0;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
}

.modal .table_search td {
    background-color: transparent;
}

.table_nolist th {
    height: 60px !important;
}

.table_nolist div.mult_td>div {
    height: 50px;
}

.table_nolist div.mult_td div:empty {
    display: none;
}

table.table_scroll_thead thead,
table.table_scroll_thead thead tr,
table.table_scroll_thead thead th {
    position: sticky;
    top: 0;
}

.table_scroll_wrapper {
    overflow: auto;
    height: 100px;
}

.table_scroll_wrapper thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table_scroll_wrapper thead th {
    border-right: 1px solid #ccc;
    height: 30px;
}

.table_scroll_wrapper table {
    table-layout: ;
}

.locker_wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;

}

.locker_wrapper .locker_box {
    width: 100%;
    min-height: 300px;
}

.locker_map {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
}

.box_content {
    position: relative;
    height: 100%;
}

.multiline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.multiline span {
    margin: 0 3px;
}

.locker_wrapper {
    height: 400px;
}

.locker_box.locker {
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 6px;
    overflow: auto;
    background-color: #f2f2f2;

}

.locker_box+.locker_box {
    margin-left: 20px
}

.body ::-webkit-scrollbar-thumb {
    background: #A8A8A8;
    /* 스크롤바 막대 색상 */
    border: 1px solid #F1F1F1;
    border-radius: 12px 12px 12px 12px;
}

.body ::-webkit-scrollbar-thumb:hover {
    background-color: #A8A8A8;
}

.body ::-webkit-scrollbar-track {
    background: #F1F1F1;
    /* 스크롤바 뒷 배경 색상 */
    border-radius: 12px 12px 12px 12px;
}

.body ::-webkit-scrollbar {
    width: 15px;
    /* 세로축 스크롤바 폭 너비 */
    height: 15px;
    /* 가로축 스크롤바 폭 너비 */
}

.locker_item:before {
    content: "\e9cd";

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'xeicon' !important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    position: absolute;
    left: 5px;
    top: 5px;
    color: #1f4990
}


.locker_map .choice {
    border:3px solid  #0F123A;
}

.locker_map .use {
    background-color: #bcc1ff !important;
}

.locker_map .use:before {
    content: "\e9cd";
    color: #373060
}

.locker_map .use:after {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    left: 19px;
    top: 15px;
}

.locker_map .broken {
    opacity: .3;
    filter: grayscale(.6) 
}

.locker_map .broken:before {
    content: "\e9ae";
    color: #DA633F
}

.locker_item {
    position: relative;
    border: 1px solid #bbb;
    background-color: #fff;
    border-radius: 7px;
    width: 80px;
    height: 100px;
    padding: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin: 6.2px;
    ;

    -webkit-transition: .1s all;
    transition: .1s all;
    opacity: .9;
}

.locker_item:hover {
    transform: scale(1.05);
    opacity: 1;
}

.locker_item p {
    font-weight: 900;
}

.locker_item p:before {
    content: "no.";
    font-weight: 100;
    font-size: 12px
}
.locker_item.broken.none_check:hover {
    opacity: .5;
}

.locker .use_box {
    display: none;
    background-color: RGBA(26, 24, 56, .7);
    position: absolute;
    color: #fff;
    border-radius: 5px;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    font-size: 12px;
    transform-origin: left top;
    padding-top: 15px;
}

.locker .use_box.active {
    display: block;
}

.use_box label {
    display: block;
}

.use_box .init {
    transform: scale(.7);
    transform-origin: center top;
    margin-left: -7px;
}

.use_box .btns {
    font-size: 12px;
    padding: 0;
    width: 40px;
    height: 22px;
    margin: auto;
    display: block;
}

.locker_item .link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    cursor: pointer
}

.mb5 {
    margin-bottom: 5px
}
.tab_table table {
    border-radius: 0 0 6px 6px !important;
    border-top: none;
}

.mbBox1 .tab .tabnav {
    border: 1px solid #ccc;
    border-radius: 10px 10px 0 0;
}

.grid_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.grid_box .w30p {
    width: 31.5%;
}

.grid_box .w50p {
    width: 48.5%;
}

.grid_box+.grid_box {
    margin-top: 15px
}

.complex {
    margin: -5px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    align-content: flex-start;
}

.complex .complex_item {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    background-color: #fff;
    width: 22%;
    height: 50px;
    padding: 5px 10px;
    position: relative;
    opacity: .7;
    margin: 5px 1.5%
}

.complex .complex_item i {
    font-size: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #fff;
    padding: 0;
    height: 19px;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 30px;
    color: #1f4990
}

.w70 {
    width: 70px;
}

.complex .complex_item i:before {
    margin-top: -6px;
}

.complex .complex_item a.name {
    position: absolute;
    right: 12px;
    bottom: 8px;
    font-weight: bold;
    pointer-events: none;
}

.complex_item i:hover {
    background-color: #f2f2f2;
    color: #000
}

.complex .complex_item a.name:hover {
    color: #423ac2 !important;
    text-decoration: underline;
}

.complex_item i:before {
    content: "\e9cb";
}

.active.complex_item i:before {
    content: "\e9cd";
}

.complex_item {}

.active.complex_item {
    opacity: 1;
    background-color: #f2f2f2;
}

.complex_item:hover {
    background-color: #fff;
}

.complex .active.complex_item a.name {
    pointer-events: all !important;
    cursor: pointer;
}

.select.complex_item {
    outline: 2px solid #6872c9;
    background-color: #dfe2ff;
}

.scroll_3line {
    max-height: 4.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 2em;
}

.mlr3 {
    margin: 0 3px;
}

.member_list .category_content,
.member_info .category_content {
    height: 200px;
}

.member_info .category_box .category_item {
    margin-top: 3px;
    margin-bottom: 10px
}

*:disabled {
    background-color: #c6c6c6 !important;
    color: linen !important;
    opacity: 1 !important;
}

.h300px {
    height: 300px;
}

.box_head>h3>.badge {
    position: relative;
    top: -1px;
    height: 23px;
}
.box_head>h3>.badge:empty {display: none;}
.tab_line {
    border: 1px solid #aaa;
    border-radius: 11px 11px 0 0;
}

thead+tbody>tr>td {
    border-top: 1px solid #aaa
}

.siseol_time {
    height: 240px;
}

.siseol_time input[type=text] {
    width: 69px !important;
    ;
    height: 30px !important;
    margin: 2px !important;
    text-align: right;
}

.siseol_time input.time[type=text] {
    width: 50px !important
}

.siseol_time td+td {
    border-left: 1px solid #ccc
}

.siseol_time .scroll {
    min-height: 240px;
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 3px 0;
}

.box_siseol_room {
    margin-top: 20px;
}

.box_siseol_room .box_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
}

.box_siseol_room a.btns {
    width: auto;
    min-width: 119px;
    margin: 3px auto;
    padding: 0 20px;
    margin: 3px;
}
.box_siseol_room a.btns.disabled {
    border-color:#666;background-color: #f9f9f9;}
.box_siseol_2 {
    height: 443px;
    margin-top: 20px;
}

.sub .container .SiSeol_body {
    min-width: 1500px;
}

.siseol_time td {
    vertical-align: top;
}

.week_time {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.week_time .period_box {
    flex-direction: column;
}

.week_time .period_box div.input span {
    width: 50px;
}

.week_time .period_box div.input input {
    padding-left: 55px;
}

.week_time .day {
    text-align: center;
    padding-bottom: 8px;
}

.week_time .day .title {
    margin: 0;
    padding: 5px;
}

.week_time .day+.day {
    border-left: 1px solid #ccc
}

.siseol_time .time {
    width: 60px;
    height: 30px;
    border: 1px solid #ccc;
    display: flex;
    border-radius: 5px;
    background-color: #0F123A;
    color: #fff;
    position: relative;
    align-items: center;
    justify-content: center;

}

.siseol_time .time i {
    margin-right: 2px;
}

.siseol_time .time_item {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 3px
}

.siseol_time .time_item+.time_item {
    border-top: 1px dotted #ccc;
}

table.th_xs td a.btns + a.btns {
    margin-left: 4px;
}

table.th_xs th {
    letter-spacing: -1px;
}

.input_padding_right {position: relative;}
.input_padding_right.unit_1 input[type=text] {padding-right: 18px !important;}
.input_padding_right.unit_2 input[type=text] {padding-right:33px !important;}
.input_padding_right span {position: absolute; right: 7px; top:5px}
table.table tr.bottom_line:last-child th ,
table.table tr.bottom_line th 
{border-bottom:1px solid #aaa}
.bg_gray {background-color: #f0f0f0;}


.locker_box.locker {
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 6px;
    overflow: auto;
    background-color: #f2f2f2;
}
.locker_item.none_check {
    align-items: center;
    justify-content: flex-start;
    width: 150px;
    background-color: #fcf5cb; /*2025-06-24 주석처리 했음 예약이 안되어 있는 타석은 흰색으로 나오고 예약이 되어 있는 타석은 use class로 나오게 할려고*/
}
.none_check:after,
.none_check:before {content: ""; display: none;}
.none_check .link {padding:5px 10px;}
.none_check .link .name { 
    font-weight: 700;
    text-align: center;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 4px;
    margin-top:3px ;
    
    border: 1px solid rgba(255, 255, 255, 1);;}
    .none_check.link_on  { background-color: #65f782;}   
.none_check .link .amount {
    text-align: right;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px;
    margin: 0;
    padding: 1px 6px 2px 9px;
}
.none_check .broken {opacity: .3;}
.none_check .link .inline {
    display: flex; padding:3px 0;
    justify-content: space-around;}
.sukbak_map .table_head {border: none;}

.sukbak_map  table.calendar  td {
    text-align: left !important;
    vertical-align: top !important;
    padding: 10px 10px 10px 10px !important;
    font-weight: 900;
    height: 134px !important;
    position: relative;
}

.sukbak_map  table.calendar label.switch{
    position: absolute; right: 10px; top: 10px;
}
.sukbak_map  table.calendar .input_add  {margin: 5px 0; }
.sukbak_map  table.calendar .input_add input{
    margin: 5px 5px 5px 0;
    width: calc(100% - 5px);
}
.sukbak_map .btns-xs {height: 30px;}
.inner_admin { position: relative; z-index: 10;}

*{  scrollbar-width: thin;
    scrollbar-color: #888 #f0f0f0;}


.modla_category {}
.modla_category .category_item {
    height: 146px;
    overflow: hidden;
    border-radius: 10px 10px 0 10px !important;
    margin-bottom:10px !important
}
.modla_category .category_content {overflow: auto; padding:5px; height: 106px;}
.modla_category .category_title  { padding: 0; padding-left: 10px; height: 35px; }
.modla_category .category_title .title { margin: 0; font-size: 15px;}
.modla_category {display: flex;}
.modla_category .category_box {width:100%}
.modla_category .category_content .item+.item {
    border-top: none;
    margin-top: 4px;
    padding: 0;
}
.modla_category .category_content .item .btns {height: 30px;}
.modla_category .category_content .item .btns .title {font-size: 14px;}
.modla_category .category_content .item .btns .title i {margin-right: 10px;}

.gangjwalist.category_box {
    
    display: flex;
    flex-direction: column;
    
}
.gangjwalist .btns {
    height: 30px;
}
.gangjwalist .category_item {width: 100%;    margin: 0;}
.gangjwalist .category_item {height: 450px;}
.gangjwalist .category_content {    height: calc(100% - 36px);}
.gangjwalist .btns + .btns {     margin-top:2px;
}

.gangjwalist .btns .title > div {font-size: 14px; font-weight: 600;}
.gangjwalist .btns .title i {margin-right: 10px;}
#GangJwaList {height: 100% !important; }
.timelist {margin-bottom:10px}
.timelist .category_content {height: 77px ;}
.timelist .category_item {height: 114px;}

 .modal_right {width: 55%; position: relative;}
.modal_left {width:45%; position: relative;}
.modal_right {margin-left:20px;padding-left:20px;
    border-left:1px dashed #ccc
}
table.table-th th{text-align: center; padding: 0 !important;}
.empty {
    text-align: center;
    color: #999;
    height: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;}
    .member_top {font-size: 16px; text-align: left; display: inline-block;
    font-weight: 400;
    }
    .member_top span {font-weight: 600;}
    .member_top .badge {
        font-size: 15px;
        margin-right: 10px;
        font-weight: 500;
        padding: 5px 10px;
        position: relative;
        top: -1px;
    }
    .btn_box_right {margin-top: 19px; text-align: right;}
    .modla_category .category_content .item span.title {
        font-size: 14px !important;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }    
    hr.dotted {outline: none; border:none;
    border-top:1px dashed #ccc;
    margin-top:0px;
    height: 0px;
    margin-bottom: 20px;
    }

.modal_footer {padding-top:13px}    
.modal_fixed_scroll .modal_body {
    overflow: auto;
    height: calc(100% - 120px);
}
.modal_fixed_scroll .modal_body .body{
    overflow: auto;
    height: 100%    ;
}
.modal_fixed_scroll .modal_footer {padding-top:4px}
.table_scroll_sticky table.table tbody tr:last-child td{
    border-bottom: 1px solid #ccc;
}
.table_scroll_sticky td {white-space: nowrap;}
.flex_inline {    display: flex ;
        align-items: center;
        justify-content: flex-start;}
.modal_gangjwa_reg  .period_box .input > span {    left: 5px;
    top: 3px;
}
.box_small .input input{ 
    width: 220px !important;
    padding-left: 58px !important;
}
.badge:empty {display: none}
.box_small .input > span {width: 55px !important;}
.input_small .input_add span {top:3px; width:40px;    right: 13px;}
.input_small .input_add.append input {padding-right:45px}
.btn_box_full {margin-top:20px}
.btn_box_full .btns {width: 100%;}
.modal_body .period_box.no_input .input > span{left:0; top:0}
.period_box.no_input .input_box {  
    background-color: transparent;
    border: 1px solid #d1d1d1;
    outline: none;
    height: 40px;
    width: 196px;
    font-size: 15px;
    margin: 0 0 0 0;
    padding: 0 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    background-color: #fff;
    font-family: "ns_m";
    border-radius: 5px;
    padding-left: 63px;    line-height: 40px;
}
.m10 {margin: 10px;}
.flex_between {display: flex
    ;
        justify-content: space-between;
        align-items: center;}
.modla_category #GangJwaList .btns i{color:#0F123A !important}
.modal_list_scroll {max-height: 241px;
overflow: auto;
}
.modal_category_title div.title {margin:0}
.text_over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.modal_week {padding:0 !important;}
.modal_week .period_box .input > span {
    left: 8px;
    top: 5px;
}
.modal_week .period_box div.input .time_input {
    padding-left: 48px;
    padding-right:0px;
    margin: 5px 8px 0px 8px !important;
}
.day_head {    display: flex
    ;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;}
.day_head .title {
    padding: 0;
}
.modal_week .time_input select {border-radius: 0;}
.modal_week .time_input select[name='close_minute'],
.modal_week .time_input select[name='open_minute'] {border-radius: 0 3px 3px 0;
}

.modal_sieol_add {
    max-width: 1600px;
    min-width: 1600px;
    width: 1600px;;
}.modal_sieol_add .day {width: 100%;
    background-color: #f9f9f9;
}
.modal_sieol_add .day_sun {
    background-color: #ffc9c9;
}
.modal_sieol_add .day_sat {
    background-color: #bfc5ff;
}
.modal_sieol_add .modal_body .period_box .input > span {
    left: 8px;
    top: 5px;
}
.pre_box {
    display: block;
    overflow: auto;
    max-height: 99px;
    width: 100%;
    white-space: normal;
    padding:3px 0px
}
.pre_box div.input {
    position: relative;
    display: inline-flex;
    margin:3px 7px;
   
}


.pre_box div.input > span {
    z-index: 1;
    white-space: nowrap;
    border-right: 1px solid #ccc;
    width: auto;
    height: 40px;
    background-color: #F1F1F8;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    padding: 0 13px;
}
.pre_box div.input.full  span.end {
    border-radius: 0 5px 5px 0;
}
.pre_box div.input .badge {
    padding: 4px 5px 5px 5px;
    margin-right: 4px;;}
.pre_box div.input input {
    margin: 0 -2px 0 0 !important;
    border-left: none;
    border-radius: 0 5px 5px 0;
}
.pre_box div.input.full  input {
    margin: 0 -2px  !important;
    border-radius: 0 ;
}
.modal_fixed_scroll.modal_holiday .modal_title {height: 40px;
text-align: center;
}
.modal_fixed_scroll.modal_holiday .body{
height: 160px;
}
.move_month 
{ 
    font-size: 20px;
    font-weight: bolder;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin-top: -14px;
}
.move_month  a {font-size: 30px;}.btn_auto .btns {width: auto !important; padding-left: 20px; padding-right: 20px;
font-size: 16px; font-weight: bolder;
}
.week_table .siseol_time {
    height: 166px;
}
.week_table .siseol_time .scroll {
    max-height: 166px;
    height: auto;
    min-height: 50px;
}
.week_table .siseol_time .time_item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 3px;
    height: 40px;
}
.week_table .siseol_time .time {
    width: 75px;
}
.week_table .siseol_time .time {
    width: 75px;
}
.week_table .input_padding_right.unit_1 input[type=text] {
    padding-right:45px !important;
    width: 120px !important;
}
.week_table .input_padding_right span {
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: 0px;
    top: 2px;
    height: 30px;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
    padding: 0 9px;
}
.week_table .btns {    height: 28px;
    padding: 0 22px;}
td.modal_week .day {width: 100%;
    background-color: #f9f9f9;
}
td.modal_week .day_sun {
    background-color: #ffc9c9;
}
td.modal_week .day_sat {
    background-color: #bfc5ff;
}    
.pre_box div.input input{width: 110px !important;}
#taseokByNameAmtAdd input,
#siseolByNameAmtAdd input{width: 80px !important; text-align: right;}
.pre_box div.input.line {
    border: 1px solid #ccc;
    margin-right: 10px;
    display: inline-flex
;
    align-items: center;
    justify-content: flex-start;
    border-radius: 5px;
}
.pre_box div.input.line span {margin: -1px;}
.pre_box div.input.line .switch {margin: 0 10px;}
.pre_box div.input.line input {
    height: 32px;
    margin-left: 9px !important;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.h255 .category_content {height: 255px;}
.h200 .category_content {height: 200px;}

.modal_member_list {
    min-width: 1400px !important;
    width: 1600px;
    height: 96%;
    max-width: 1400px !important;
    max-height: 970px;
}
.modal_sukbak_member,
.modal_golf_member,
.modal_ilban_member,
.modal_gangjwa_reg {
    min-width: 1400px !important;
    width: 1600px;
    height: 96%;
    max-width: 1400px !important;
    max-height: 970px;
}
.mid_dotted {    margin: 0 !important;;}
.modal_golf_member .modal_left { padding-bottom:10px}
.modal_golf_member .modal_right { padding-bottom:10px}
.mid_dotted + .modal_category { padding-top:20px;}
.first.modal_h3 {margin-top:0; padding-top:0px}
.reserve_time {    display: flex
    ; margin:0 -3px;
        flex-wrap: wrap; margin-bottom: 8px;}
.reserve_time .item {              height: 32px;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    width: 161px;
    border-radius: 5px;
    margin: 3.8px;
}
    .reserve_time .item.reserve {background-color: #dfe2ff;}
    .reserve_time .item.blocked { background-color: #eee;}
	.reserve_time .item.choice { background-color: #33ff00;}
    .case {      position: absolute;
        right: 2px;
        top: 12px;}
        .case .case_item {
            width: 13px;
            height: 13px;
            background: #dfe2ff;
            display: inline-block;
            border: 1px solid #aaa;
            position: relative;
            top: 2px;
        }
table.table_xs {line-height: 1.2em;}

.modal_goods_member {
    min-width: 1400px !important;
    width: 1600px;
    max-width: 1400px !important;
}
.goods_list 
.locker_item:before {display: none;}
.goods_list .locker_item { 
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 70px;
    width: auto;
    min-width: 130px;
    padding: 0 13px;
}
.modal_golf_member .locker_item {margin: 4px;}
.goods_list .locker_item  .name {text-align: left; font-weight: bold; width: 100%;padding-bottom:3px; margin-bottom:3px; border-bottom:1px dotted #ccc}
.goods_list .locker_item  .price {text-align: right; font-weight: bold; width: 100%} 
.empty_item,
.empty_item:hover {cursor:default; transform: scale(1);}
.mb20 {margin-bottom: 20px !important;}
.modal_memberType_input .box_head {border: none;padding: 0;margin: 0;;;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb10 {padding-bottom: 10px !important;}
.box_inline {    display: flex
    ;
        align-items: flex-start;
        flex-direction: row;}

        .box_inline      .siseol_box {margin-left:20px}
        .siseolInfo_category {   
            border: 1px solid #ccc;
            padding: 5px;
            display: flex ;
            height: 60px;
            width: 100%;
            border-radius: 5px 0 0 5px;
            overflow: auto;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            white-space: normal;
            padding-top: 8px;
        }
#OptionList {height: 60px;padding:5px}
#sTitle4 {margin-top:3px}
#sTitle4:empty {display: none;}
.siseolInfo_category .empty {text-align: center;    width: 100%;}
.kCalendar .table_head {
    display: flex
    ;
        border: none;
        font-weight: 900;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        height: 37px;
}
#sTitle5.badge
{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    position: relative;
    top: 5px;}
    .price_box .input_add {
        width: 88px; display: inline-block;
    }
    .price_box .input_add input {    width: 88px;
        padding-right: 36px;
        text-align: right;}
   .price_box .input_add span    {     top: 0;
    width: 31px;}
    .price_box a.btns {    padding: 0 6px;
        min-width: 84px;
        height: 39px;
        position: relative;
        top: 1px;
        margin: 0 3px 7px 0;
    }
    .modal_ilban_member .flex_inline .input_add  {width: 174px;}
    .table_td_70 td {height: 70px !important;}
    .sukbak_item {    display: flex
        ;
            flex-direction: column;
            align-items: flex-start;
            height: 100%;
            justify-content: center;
            height: 100px;

    }
    .modal_left .sukbak_item {margin-left: 20px;}
    .sukbak_item small {font-weight: bold;font-size: 15px; color: #444; padding-left:30px}
    .sukbak_item .sukbak_title {font-size: 22px;}
    .sukbak_item .sukbak_title i {color:#1f4990; position: relative; top:2px}
    .select_cal {
        z-index: 100;
        display: flex
    ;
        position: absolute;
        left: -132px;
        top: 86px;    }    

        .sukbakOption {
            z-index: 100;

            position: absolute;
            /* left: -132px; */
            top: 86px;
            background: #fff;
            border: 1px solid #aaa;
            border-radius: 5px;
            height: 220px;
            width: 362px;
            display: none;
            padding: 30px;
            font-size: 19px;
        }
        .sukbakOption_btn
        {    font-size: 30px;
            top: 44px;
            position: absolute;
            right: 15px;}
            .sukbakOption .so_item + .so_item {margin-top: 20px; border-top:1px dotted #aaa; padding-top:20px}
            .sukbakOption .so_item {margin: 5px 0;}
            .sukbakOption .so_item i {
                font-size: 30px;
                position: relative;
                top: 3px;
                display: inline-block;
            }      
            .sukbakOption .so_item  .fn_btn .cnt {display:inline-block;width: 24px; text-align:center;tfont-size: 22px;}      
            .sukbakOption .so_item  .fn_btn {    position: absolute;
                right: 30px;
                margin-top: -7px;}
                .sukbakOption .so_item  .amout {  
                    position: absolute;
                    right: 134px;
                    margin-top: 0;
                }
    .select_cal:empty {display: none;}
    a.op_btn {    position: absolute;
        right: 25px;
        bottom: 25px;
        background-color: #010016;
        color: #fff;
        width: 100px;
        padding: 6px 20px;
        text-align: center;
        font-size: 18px;
        font-family: nsk_b;
        border-radius: 7px;}
.in_cal {
    cursor: pointer;
    justify-content: flex-start;
    display: flex
    ;position: relative;z-index:5;width: 100%; height: 100%;}
.sukbak_n {
    background-color: #eee;
    min-width: 80px;
    margin: 0 10px;
    border-radius: 10px;
    display: block;
    padding: 8px 5px;
    text-align: center;;}
.in_cal .sukbak_title {min-width: 150px;}
.sukbak_n.sukbak_title {min-width:80px;}
.select_cal
.calendar-wrap {padding-top: 0
    ;
border:1px solid #ccc;
gap:0; margin: 0;
}
.select_cal
.calendar-wrap > div:first-child{     position: absolute;
    right: 25px;
    bottom: 15px;
    background-color: #010016;
    color: #fff;
    width: 100px;
    padding: 6px 20px;
    text-align: center;
    font-size: 18px;
    font-family: nsk_b;
    border-radius: 7px;
}
.select_cal
.calendar-wrap .cal_wrap .days { margin: 0;}
.select_cal
.calendar-middle-wrap {padding: 15px 20px 45px 20px;}
.select_cal
.calendar-wrap .cal_wrap .day {font-size: 19px; height: 40px;}
.select_cal
.calendar-wrap .cal_wrap .dates { 
    height: 220px}
    .select_cal
    .calendar-wrap .cal_wrap .checkIn {border-radius: 100px;}
    .select_cal
    .calendar-wrap .cal_wrap {padding-top: 5px;}

.modal_input .input_add span.prepend {left:5px !important}
.modal_input .input_add span {top:3px !important}
.item_xs .locker_item  {    height: 87px;}
.samulham_locker .locker_item { 
    width: 145px; /*115/145*/
    height: 95px; /*75/95*/
    position: relative;
}
.samulham_locker .locker_item a {
    color:#000;
    position: absolute;
    right: 5px;
    top: 11px;
    border: 1px solid #aaa;
    display: flex
;
z-index: 110;
    align-items: center;
    padding: 0px 5px;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;}
    .samulham_locker
    .locker_item p {
        bottom: -5px;
        position: relative;
    }

    .flex_inline label + label {margin-left:10px}
    table.table_mid th,
    table.table_mid td{font-size: 16px;}
    .golf_area_box {
        padding: 0 20px;
        display: flex    ;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
    }
    .golf_area_box .btn_box {padding-left: 20px;
    border-left:1px solid #ccc ; padding-top:0;
    height: 90px; line-height: 90px;
    }
    .golf_area_box .btn_box .btns{padding: 0 20px;}
    .golf_area_box .golf_area{
        width: 100%;
        background-color: #f9f9f9;
        height: 90px; line-height: 90px;
        display: flex
        ;
            justify-content: flex-start;
            align-items: center;
            overflow-x: auto;
            overflow-y: none;
    }
    .golf_area_box .golf_area .btns {height: 50px;padding:0 20px;}
    .golf_area_box .golf_area .btns.disabled {background-color: #eee;}
    .golf_area_box .golf_area .btns.active { background-color:#BAC3FF; color: #000}
    .golf_area_box .golf_area .item +.item {margin-left:20px}
    .golf_locker .locker_item {
        width: 241px;
        height: 180px;
        margin: 6.2px 10px;
    }
    .golf_locker .locker_item .btn_box {margin: 10px 0;padding: 0;}
    .golf_locker .locker_item .btns {height: 30px; width: 29%;}
    .golf_locker .locker_item .name {
        padding: 0 10px;
        display: flex;
        justify-content: space-between;
    }
    .golf_locker .locker_item .inline 
    {
        display: flex
        ;
            padding: 3px 0;
            justify-content: space-between;
            margin: 10px 0;
    }
    .golf_locker .locker_item .inline .amount {width: 50%;}
    .none_check .link  .amount.time {text-align: center;}
    .in_use{ background-color: #fcf5cb;;}
    .none_check  .inline.midline {   
        margin: 10px -15px;
        padding: 7px 10px;
        border-radius: 2px 0 2px 0;

        background: #fff;
        justify-content: space-between;
        border: 1px solid  #aaa;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
        
    }
        .none_check  .inline.midline .amount {background-color:transparent; text-align: left; padding:0; font-size:18px}
        .none_check  .inline.midline .info
        {display: flex
            ;
                justify-content: space-between;
                margin-right: 5px;}
.none_check  .inline.midline .badge{
    display: inline-flex
    ;
        align-items: center;
        align-content: center;
    
}
.none_check  .inline.midline .badge + .badge {margin-left:5px}
.amount i.xi-won {font-size :.8em; color: #666}
.amount {font-family: nsk; font-weight: bold;}
.none_check .head { 
    display: flex
    ;
        justify-content: space-between;
        align-items: center;
        margin-top:3px
}
.none_check .head span {display: flex;}
.none_check .head b {font-size: 18px;}
.none_check .head a {color: #000;

    border: 1px solid #aaa;
    display: flex
;
    z-index: 110;
    align-items: center;
    padding: 3px 5px;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    margin-left:5px

}
.golf_locker {height: auto;}
.inline.midline .badge.left { background-color: #1a8d31;}
.inline.midline .badge.right { background-color: #0F123A;}
.inline.midline .badge.gdr { background-color: #DA633F;}
.inline.midline .badge.all { background-color: #0d10dd;}

.golf_locker .locker_box.locker {height: calc(100vh - 289px);min-height: 390px;}
.golf_locker .locker_item {background-color: #ced1fa;}
.golf_locker .locker_item.standby {background-color: #fcf5cb;}
.golf_locker .locker_item.not_use {filter: grayscale(100%);    opacity: .5; pointer-events: none; background-color: #fff;}
.golf_locker .locker_item.none_check.all {border:3px solid #0F123A;}
.golf_locker .locker_item.none_check.all .inline.midline{border-colro: #0F123A;}
.main_item .category_content {height: 350px !important;}
.main_item.empty{
    min-height: 200px !important;
    background-color: #949EFF;
    border-radius: 10px;
    margin-bottom: 20px;
    color: #fff;
 }
 .main_item{
    min-width: 1670px;

 }
 .member_lecture{
 height: 389px;
    width: calc(100% - 41px);
    margin: 10px 20px 20px 20px;}
.empty_box {
    display: block;
    height: calc(100vh - 596px);
    min-height: 300px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.empty_in { 
    box-shadow: 0 0 100px inset rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    background-image: url(/asset/image/main_bg.png);
    background-size: cover;
    background-position: center;
    filter: blur(0) grayscale(0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.empty_in:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}
.empty_box .title {font-size: 30px;  padding: 40px;letter-spacing: -2px; font-weight: bold; color: #fff;
position: absolute; 
z-index: 2;
}
.search_empty {
    width: 100%;
    text-align: center;
    /* position: absolute; */
    color: #fff;
    z-index: 2;
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: 100%;
}
.search_empty i {display: block; font-size:120px; margin-bottom:20px; color: #fff; opacity: 0.7;}
.search_empty small {opacity: 0.7;}
.search_empty span{display: block; font-size:35px ; font-weight: bold;  margin-bottom:20px; display: block;}

.main_info .with_photo {
    display: flex;
    flex-direction: row;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #000;
    padding: 20px;
}
.main_info .with_photo .photo_box {position: relative; display: block; padding: 0; margin: 0;
left: 0; right: 0;

}


    .right_box .profile {     
        height: 64px;
        display: flex
    ;
        justify-content: space-between;
        background: #0F123A;
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        margin-bottom: 20px;
        border-radius: 10px;
        align-items: center;
        padding-left: 20px;
        padding-right: 20px;
        background: linear-gradient(0deg, rgba(2, 0, 36, 1) 70%, rgba(56, 49, 98, 1) 100%);
    
    }
    .right_box .profile i {color:#E4F050;}
    .right_box .profile >div {font-size: 18px; font-weight: bold;}
.right_box .profile >div  + div {margin-left:20px; }            
table tr.select td{ background-color: #F4DDBA
    ;
font-weight: bold;}
.main_info .table_scroll_sticky {
    border-radius: 6px 2px !important;
}
.main_info .member_select
{display: flex
    ;
        align-items: center;
    position: relative;
        background-color: #f9f9f9;
    margin: -15px -25px 20px -25px;
    border-radius: 10px 10px 0 0;
    padding: 19px 25px;
    border-bottom: 1px dashed #ccc;
    }
    .main_info .member_select label
{    display: block;
    width: 160px;
    border: 1px solid #ccc;
    background-color: #fff;
    height: 40px;
    text-align: center;
    line-height: 38px;
    border-radius: 5px;}
    .main_info .member_select i { 
        position: absolute;
        width: 30px;
        height: 27px;
        background-color: #fff;
        right: 30px;
        top: 27px;
        text-align: center;
        line-height: 100%;
        font-size: 26px;
        pointer-events: none;
    }
        .main_info .member_select select {margin-left: 5px;
        
        
    border: 2px solid #383162;

        }        
.member_box {display: flex;}
.use_list_table .table_title {background-color: #010016; color: #fff;
border-radius:  6px 6px 0 0 ; padding: 5px; text-align: center;
}
.use_list_table .table_scroll_sticky {
    height: 149px !important;
    border-radius: 0  !important;
}
.main_use_list {width: 100%; padding-top:10px; padding-right:20px}
.use_list_table {width: 100%;padding-top:10px}
.use_list_table + .use_list_table {margin-left: 20px;}
.main_item .grid_box {     display: flex
    ;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;}

.main_use_list table {table-layout: fixed;}        
.main_use_list table td {white-space:normal; line-height: 1.1em;}
td.txt_r {text-align: right;}
.table_footer {
    background-color: #c2c8ff;
    border: 1px solid #aaa;
    border-top: none;
    text-align: right;
    border-radius: 0 0 6px 6px;
    height: 35px;
    display: flex
;
    justify-content: flex-end;
    align-items: center;
}
.table_footer .price {text-align: right; width: 100px; padding-right: 10px; font-weight: bold;}
td.price:before,
.table_footer .price:before {content:"₩ " ;}
td.price {text-align: right;}
.main_use_list .btn_box {    display: flex
    ;
        justify-content: space-between;
        align-items: center;
    }
    .main_use_list .btn_box .btns {width: 100%; font-size: 16px;}    

.main_item  .tab .tabnav {
    border: 1px solid #aaa;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    margin-top:10px
}
.main_item  .tab  table.table {border-radius:  0 0 6px 6px !important;}
.empty_box .title .sub
{
    font-size: 20px;
    letter-spacing: 0;
    padding-left: 31px;
    font-weight: bold;
    margin-top: 5px;
    opacity: 0.8;
}
.left_box {width: 340px;}
.left_box .category_box {
    display: flex;
    flex-direction: column;
}
.left_box .category_box .category_item {width: 100%;}
.left_box .category_box .category_item+.category_item {margin-left: 0;}
.left_box .category_box .category_content {height: 122px;}
.member_result {width: 100%;}
.member_result .main_item {min-width: 1200px;}
.category_flex {display: flex;}

.left_box .category_box > .category_item {
    border-radius: 10px 10px 0 10px;
    margin: 0 0 10px 0;
}
#btnSeDae {margin: -8px -10px;}
.member_item {  
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    background-color: #FEC1CE;
    border: 1px solid #e5a2b1;
    border-radius: 5px;
    padding: 0 10px 0 15px;
    margin: 4px 0px;
}
.member_item.select {
    background-color: #FF9AAF;
    border: 1px solid #eb7f95;
}
.member_item.active {
    background-color: #FF9AAF;
    border: 2px solid #d35f76;
}  

.member_item .photo_box {
    position: static;
    z-index: 2;
    left: 0;
   margin: 0 10px 0 0;
    
}
.member_item .photo_box .photo_circle {    
    position: relative;
    width: 50px;
    height: 50px;
    border: 1px solid #999;
    margin: 8px 0;
    box-shadow: none;
}
.category_flex .category_item:first-child {border-bottom-right-radius: 0px; margin-right: 10px;}
.category_flex .category_item:last-child {border-bottom-right-radius: 0px; margin-left: 10px;}
.category_flex .category_item:first-child .category_title {}
.category_flex .category_item:last-child .category_title {}

#btnBunLiList .complex_item {    width: 46% !important;
    margin: 5px 2%;}
.left_box .category_content .emtpy {padding: 0;}
.main_body .btn_box {display: flex; margin-bottom: 20px; padding: 0}
.main_body .btn_box a{display: block; width: 100%; font-size: 16px; height: 40px;;}
.main_body .complex .complex_item {
    height: 41px;
    min-width: 71px;
    padding: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.main_body .complex .active.complex_item a.name {
    position: relative;
    width: 100%;
    right: 0;
    bottom: 0;
    display: block;
    text-align: center;
}
.right_box .box_default {
    margin: 0;
    width: 100%;
    
}
.mid_box {width: 268px; position: relative;}
.mid_box.box_default {
    height: 387px;
    box-sizing: border-box;
    margin-right: 20px;
}
.right_box .box_default.main_info{
    height: 304px;
}
.main_info .table_scroll_sticky tbody td,
.main_info .table_scroll_sticky  th {padding: 0;}
.main_body .member_search {padding:25px}

.main_info .table_scroll_sticky {height: 130px;}
.member_lecture  .tabnav
{    display: flex
    ;
        align-items: center;
        justify-content: space-around;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        margin: -15px -25px 20px -25px;}
        .member_lecture .table_scroll_sticky {height: 265px; max-height: none;}
        .member_search  .table_scroll_sticky td, 
        .member_search  .table_scroll_sticky th, 
        .member_lecture .table_scroll_sticky td, 
        .member_lecture .table_scroll_sticky th {padding: 0}
        .main_chart_box.box_default {
            margin-left: 20px;
            min-width: 520px;
            height: 387px;
            display: flex
        ;
            flex-direction: row;
            align-items: center;
        }
        .main_chart_box.box_default table {margin-right:20px ; display: inline-block;}
        .main_chart_box.box_default table .head {    display: flex
            ;
                align-items: center;
                justify-content: center;}
        .main_chart_box.box_default table .title{
            margin: auto;
            display: inline-flex
            ;
                justify-content: space-between;
                width: 52px;
        }
        .main_chart_box.box_default table [class^='total_price']:after {content:" 원"} 
        #myPieChart {width: 280px !important; height:280px !important; z-index: 2; position: relative;}
.circle_center {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 0;
    font-size: 16px;
    position: absolute;
    right: 106px;
    top: 50%;
    margin-top: -61px;
    line-height: 1.2;
    text-align: center;
    width: 117px;
    height: 117px;
    background: radial-gradient(circle,rgba(249, 249, 249, 1) 0%, rgba(227, 227, 227, 1) 100%);

    border-radius: 70px;
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

        .box_color_1 {
            background-color: rgba(255, 99, 132, 0.7);
            border: 1px solid rgba(255, 99, 132, 1);
          }
          
          .box_color_2 {
            background-color: rgba(255, 206, 86, 0.7);
            border: 1px solid rgba(255, 206, 86, 1);
          }
          
          .box_color_3 {
            background-color: rgba(75, 192, 192, 0.7);
            border: 1px solid rgba(75, 192, 192, 1);
          }
          
          .box_color_4 {
            background-color: rgba(153, 102, 255, 0.7);
            border: 1px solid rgba(153, 102, 255, 1);
          }
          
          .box_color_5 {
            background-color: rgba(255, 159, 64, 0.7);
            border: 1px solid rgba(255, 159, 64, 1);
          }
          
          .box_color_6 {
            background-color: rgba(54, 162, 235, 0.7);
            border: 1px solid rgba(54, 162, 235, 1);
          }
          
          .box_color_7 {
            background-color: rgba(100, 255, 218, 0.7);
            border: 1px solid rgba(100, 255, 218, 1);
          }
          
          .box_color_8 {
            background-color: rgba(255, 140, 180, 0.7);
            border: 1px solid rgba(255, 140, 180, 1);
          }

          [class^="box_color"] {width: 15px; height: 15px; display: inline-block;}
          .main_chart_box tbody tr:last-child td {border-bottom:1px solid #aaa}
body.main section.container {
    bottom: 0;
    padding: 0;
}          
.body.main_body .main_grid + .main_grid .right_box {padding-bottom: 5px;}
.samulham .locker_item { width: 169px;}
.samulham .user_info .name
{    text-align: right;
    border-bottom: 1px dotted #666;
    top: 20px; font-weight: bold;
    padding-bottom:3px;
    position: relative;}
    .samulham  .user_info p {
        text-align: right;
    }
    .samulham .user_info .date {
        position: relative; top:25px;
    }
    .samulham .user_info .day {
        position: relative; top:25px;
        font-size: 0.9em; color: #666;
    }
    
.samulham_locker .user_info .name {
    top:25px;
    padding-right:27px
}

.samulham_locker .user_info .date {
    top:30px;
}
.samulham_locker .user_info .day {
    top:30px;
}

.amount_box input {
    text-align: right;
    padding-right: 40px !important;
}
.sell_box input {
    padding-right: 30px !important;
    padding-left:50px !important
}
.amount_box span.between {margin-left:5px}


.dashboard_box .search_box {
    margin-top: 15px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.dashboard_box .search_box .xi-calendar-check {font-size:50px}
.dashboard_box .search_box .date_box {font-size: 40px; display: flex;
    flex-direction: row; margin-right: 20px;
    align-items: center;}
.dashboard_box .search_box .date_box input {height: 42px; font-size: 18px; font-weight: bold; width: 200px; border:2px solid #333; margin:0 3px}
.dashboard_box .search_box .btns {width: 200px;height: 42px; font-size: 18px; font-weight: bold}
.dashboard_box .search_box .btn_box {padding: 0; margin: 0;}
.dashboard_box .info_box {

    margin-top: 20px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-image: url(/asset/image/login.png);
    background-size: 300px;
    background-position-y: -11px;
    background-repeat: no-repeat;
    background-color: #332D5D;
    min-width: 1400px;
    background-position-x: 50px;
    overflow: hidden;
}
.info_box .box {width:180px; height: 100px; border-radius: 5px;}
.dashboard_box .boxs {display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .dashboard_box .info_box:after {content: ""; width: 100%; height: 30px ; background-color:rgba(0,0,0,0.2) ; position: absolute; bottom:0; left: 0;}
.dashboard_box .info_box .box {width: 210px; height: 100px; border-radius: 5px;}
.dashboard_box .info_box .box + .box {margin-left:20px}
.dashboard_box .info_box .calendar_box {font-size: 27px; color:#fff; margin-left:10px; margin-top:-20px}
.dashboard_box .info_box .calendar_box span {font-weight: bold;}
.chart_grid {
    margin-top:20px;
    display: flex
    ; justify-content: space-between; }

.chart_box {
    width: calc(50% - 10px);
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    white-space: nowrap;
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 15px 25px 23px 25px;
    font-size: 16px;
    max-height: 370px;
}    
.chart_body {height: 350px;
    padding: 50px 20px 20px 20px;
    display: flex;
    justify-content: center;}
.chart_title {
    background-color: #0F123A;
    display: flex;
    border-radius: 10px 10px 0 0;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 13px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
}
.chart_title i {margin-right:5px}
.chart_body table .head {
    display: flex
;
    align-items: center;
    margin-left: 10px;
}

        .chart_body table .head   .title {
            margin: auto;
    display: inline-flex
;
    justify-content: space-between;
    width: 52px;
        }
        .chart_body table td,
        .chart_body table th {height: auto; padding: 0;}        
.circle_chart { 
    display: flex
    ;
        align-items: center;
        justify-content: space-between;
}
.chart_body canvas {z-index: 2;}
.chart_body  .circle_center
{
    right: 126px;
    top: 208px;
    border: 1px solid #ccc;
}

.base_chart {
    background-color: #1f4990;
    padding: 1px 10px;
    border-radius: 5px;
    font-size: 12px;
}

.base_chart b {font-weight:500;}
.base_chart span {margin-left:10px; font-weight: 900;font-size: 15px;}


.login_bg .title {
    height: 32px;
    background-image: url(/asset/image/logo_text_w.png);
    background-size: contain;
    background-repeat: no-repeat;
    left: 40px;
    width: 131px;
    margin-left: 40px;
}

.login_bg i  {

    margin-top: 40px;
    margin-left: 40px;
    height: 50px;
    background-image: url(/asset/image/logo_ci_w.png);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: 5px;

}
.login_form .logo {
    height: 38px;
    width: 130px;
    position: absolute;
    top: 23px;
    right: 23px;
    background-image: url(/asset/image/logo_full.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
.modal_bangmun {
    min-width: 500px !important;
    width: 500px !important;
    max-width: 500px !important;
}

.modal_photo_box {position: relative;}
.modal_photo_box .photo_box {    position: relative;
    width: 100%;
    margin: 0;
    left: 0;
    display: flex;
    margin-top:10px
;
    flex-direction: column;
}
.modal_photo_box .photo_box .photo { margin: auto;}
.btn_full_box {
    margin: 20px 0;
    display: flex
    ;
        justify-content: space-between;
}
.btn_full_box .btns{width: 100%; height: 35px; font-size: 0.8em;}
.btn_full_box .btns + .btns {margin-left: 10px;}
.modal_bangmun .member i {opacity: 0.6; font-size: 0.8em;}
.modal_bangmun .member .name { font-size: 30px; font-weight: bold;margin:20px 0 10px 0}
.modal_bangmun .member .info { font-size: 20px; font-weight: bold; color:#666}
.modal_bangmun label .title {
    width: calc(100% - 10px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 3px 5px;
    height: 21px;
}

th.day_cell {
    text-align: center;
    position: relative;
}
th.day_cell:before {
    content: "|";
    position: absolute;
    left: 0;
    font-weight: 100;
    font-family: nsk;
}
td.day_cell {
    text-align: right;
    min-width: 120px;
    position: relative;
}

.golf_single {border: none;
    margin-bottom: -25px;
    border-radius: 10px;}
    .none_check .link .amount.flex {
        display: flex
        ;
            align-items: center;
            justify-content: space-between;
            padding-right: 10px;        
    }

    .category_xs .category_content {height: 195px;}
    #txtGangJwaNm {white-space: normal;}