@charset "utf-8";
/***20221220 최종 업데이트 및 추가**/

/*심플모달*/
.dialog {
    display: none;
    max-width: 800px;
    min-width: 480px;
    padding: 30px;
    border-radius: 12px;
    margin: auto;
}
.dialog .modal_title {
    background-color: #e5f7f5;
    color: #00aba1;
    font-size: 1.25rem;;
    font-weight: 700;
    text-align: center;
    padding: 15px 0;
    border-radius: 12px;
    border: solid 1px #ccf5f2;
}
.dialog .dialog_content {
    margin: 20px 0;
    max-height: 600px;
    min-height: 70px;
    overflow: auto;
}
.dialog .btn_line {
    min-width: 80px;
    background-color: transparent;
    display: block;
    border-radius: 12px;
    border: #00aba1 solid 1px;
    padding: 10px;
    color: #00aba1;
    margin: 10px auto;
}
/*버튼2개한쌍*/
.pop_btbx {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.dialog .btn_add {
    min-width: 80px;
    background-color: #00aba1;
    display: inline-block;
    border-radius: 100px;
    padding: 10px;
    color: #ffffff;
    border: #00aba1 solid 1px;
}
.dialog .btn_closed {
    min-width: 80px;
    background-color: transparent;
    display: inline-block;
    border-radius: 100px;
    border: #00aba1 solid 1px;
    padding: 10px;
    color: #00aba1;
}
.dialog .btn_del {
    min-width: 80px;
    background-color: transparent;
    display: inline-block;
    border-radius: 100px;
    border: #f7586c solid 1px;
    padding: 10px;
    color: #f7586c;
}
.modal_con_info {
    padding: 20px;
}
.modal_con_info em {
    color: #00aba1;
}
.modal_con_info .mtitle {
    font-size: 18px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 2px;
}
.modal_con_info .mtxt {
    font-size: 14px;
    color: #777777;
    line-height: 18px;
    padding-left: 20px;
    font-weight: 300;
}
.modal_con_info.bline {
    border-bottom: solid 1px #cccccc;
}

/*첨부파일*/
.fileinput-wrapper {
    position: relative;
}
.fileinput {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.fileinput input[type="file"],
.fileinput input[type="file"]:focus,
.fileinput input[type="file"]:hover {
    width: 100px;
    height: 50px;
    position: absolute;
    top: -10px;
    right: 5px;
    margin: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    direction: ltr;
    cursor: pointer;
    outline: 0;
}
.fileinput-name .close {
    float: none;
    margin-left: 8px;
    vertical-align: middle;
}
.inp_con {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
.inp_con .btn_upload {
    background-color: #757575;
    color: #fff;
    border-radius: 25px;
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer;
    font-size: 13px;
}
.inp_con .fileinput-name {
    position: relative;
    padding: 0 0 0 10px;
    font-size: 13px;
    color: #1a1a1a;
    font-weight: 300;
}
.fileinput-name .fileinput-clear.close {
    width: 20px;
    height: 20px;
    background-color: #777777;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 15px;
    border-radius: 20px;
    margin-left: 5px;
    padding: 1px;
    position: static;
    cursor: pointer;
}

/*초기전체메뉴  000000000000000000000000000000000운영자*/
#first_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
#menu_toggle {
    position: fixed;
    top: 10px;
    right: 20px;
}
#menu_toggle {
    z-index: 3;
    width: 50px;
    height: 50px;
    margin: 0;
    cursor: pointer;
}
#menu_toggle span {
    display: block;
    position: absolute;
    width: 100%;
    height: 0.2em;
    margin: 1.25em 0 0;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    transition: 350ms;
}
#first_menu,
#menu_toggle span:after,
#menu_toggle span:before {
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    width: 100%;
    right: 10px;
}
#menu_toggle span:after,
#menu_toggle span:before {
    content: " ";
    position: absolute;
    height: 0.2em;
    background: rgba(255, 255, 255, 0);
    transition: 350ms;
}
#menu_toggle span:before {
    margin: -1em 0 0;
}
#menu_toggle span:after {
    margin: 1em 0 0;
}
#menu_toggle.open span {
    background-color: transparent;
}
#menu_toggle.open span:after,
#menu_toggle.open span:before {
    margin: 0;
    background: #00aba1;
    right: 10px;
    top: 20px;
}
#menu_toggle.open span:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
#menu_toggle.open span:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#first_menu {
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    height: 100%;
    text-align: center;
    background: #ffffff;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
    transition: 350ms;
}
#first_menu ul li:after,
#first_menu.opened {
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
}
#first_menu.opened {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    transition: 350ms;
}
#first_menu ul {
    list-style: none;
    margin: 7rem auto 0;
}
#first_menu ul li {
    display: block;
    width: 90%;
    height: 65px;
    margin: 0 auto 0.5em;
}
#first_menu ul li:hover:after {
    width: 90%;
}
#first_menu ul li a {
    position: relative;
    z-index: 4;
    display: block;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
    color: #191919;
    text-decoration: none;
    border-bottom: 1px solid #dbdbdb;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    transition: 350ms;
}
#first_menu ul li a span {
    font-size: 1.25rem;;
}
#first_menu ul li a i {
    position: absolute;
    padding: 0 1.25em 0 0;
    font-size: 2em;
}

.top_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 999;
}
.mfixed {
    margin-top: 60px !important;
}

.wrap {
    position: relative;
    width: 100%;
    min-width: 1200px;
}

/*member*/
.wrap .login_box {
    width: 980px;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -490px;
}
.login_inner {
    background-color: #f8fafc;
    box-shadow: 0 0px 8px -2px rgba(161, 161, 161, 0.7);
    overflow: hidden;
    border-radius: 20px;
}
.login_box .login_left {
    width: 50%;
    float: left;
    box-sizing: border-box;
    background-color: #00aba1;
    padding: 60px 20px;
}
.login_box .login_right {
    float: right;
    width: 50%;
    padding: 20px 90px;
}
.member_bg {
    height: auto;
    position: relative;
    background-color: #f6f8fa;
    min-height: 100vh;
    margin: 0;
    z-index: 1;
    padding-bottom: 100px;
}
.member_bg .bg_fixed {
    height: 320px;
    background-color: #00aba1;
    position: fixed;
    font-size: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
.member_bg .member_logo {
    width: 900px;
    text-align: left;
    position: relative;
    background-color: transparent;
    padding-top: 120px;
}
.member_bg .member_whitebx {
    width: 900px;
    margin: 0 auto;
    position: relative;
    padding: 90px 0;
    background-color: #ffffff;
    border: solid 1px #e4e4ec;
    border-radius: 20px;
    z-index: 1;
}
.member_title {
    text-align: center;
    font-size: 30px;
    position: relative;
    margin-bottom: 20px;
}
.foot_info {
    font-size: 0.8125rem;
    text-align: center;
    color: #959595;
    margin-top: 40px;
}
.sup_tit {
    font-size: 24px;
    font-weight: 800;
    color: #00aba1;
    text-align: center;
    margin-bottom: 50px;
    border-bottom: #00aba1 solid 1px;
    position: relative;
}
.sup_tit .sup_phone {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #9a9b9f;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 20px;
}
.sup_tit a.logout {
    position: absolute;
    color: #00aba1;
    right: 0;
    bottom: 10px;
}

.member_box {
    max-width: 600px;
    padding: 20px;
    font-size: 0.875rem;
    font-family: "NotoSansKR";
    margin: auto;
}
.member_logo {
    width: 170px;
    text-align: center;
    clear: both;
    margin: 0px auto 10px auto;
    display: block;
    position: relative;
}
.login_logo {
    width: 170px;
    text-align: center;
    clear: both;
    margin: 50px auto 30px auto;
    display: block;
}
.sub_login {
    position: relative;
    height: 2px;
    border-bottom: solid 1px #dbdbdb;
    width: 100%;
    margin-top: 40px;
}
.sub_login span {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -40px;
    display: inline-block;
    background-color: #f8fafc;
    font-size: 14px;
    color: #959595;
    padding: 10px;
}
.login_icon {
    margin: 35px auto;
    width: 206px;
}
.login_icon a {
    width: 52px;
    margin-right: 7px;
    margin-left: 7px;
}
.member_box .agree_bx {
    margin-top: 20px;
}
.member_box .agree_bx p {
    position: relative;
}
.member_box .agree_bx p a {
    position: absolute;
    right: 0;
}
.login_foot {
    color: #9a9b9f;
    font-size: 0.8125rem;
    line-height: 1.125rem;;
    padding: 20px;
}
.radio-member input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.radio-member {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.radio-member label {
    display: inline-block;
    background-color: #ffffff;
    padding: 15px 5px;
    font-size: 0.875rem;
    color: #00aba1;
    width: 20%;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #00aba1;
    border-right: none;
}
.radio-member input[type="radio"]:checked + label {
    background-color: #00aba1;
    border-color: #00aba1;
    color: #ffffff;
}
.radio-member label:hover {
    background-color: #00aba1;
    color: #ffffff;
    cursor: pointer;
}
.radio-member label:last-child {
    border-top-right-radius: 12px;
    border-right: solid 1px #00aba1 !important;
    border-bottom-right-radius: 12px;
}
.radio-member .m-frist {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.sub_tit .menu_open {
    position: absolute;
    right: 20px;
    top: 1px;
    font-size: 1rem;
}
.point-text {
    font-size: 1rem;
    color: #00aba1;
    margin-top: 10px;
    display: block;
    clear: both;
    overflow: hidden;
}
.point-text em {
    font-size: 0.75rem;
    color: #00aba1;
    font-size: 0.75rem;
}
.request_msg {
    font-size: 1.125rem;;
    text-align: center;
    margin-top: 30px;
    display: block;
    color: #00aba1;
    font-weight: 600;
}
.request_msg span {
    text-align: center;
    color: #9a9b9f;
    font-size: 0.875rem;
    display: block;
    margin-top: 20px;
    font-weight: 300;
}
.member_list {
    display: block;
    overflow: hidden;
    border-bottom: solid 1px #dbdbdb;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.member_list .tit {
    color: #00aba1;
    margin-right: 20px;
}
.member_list .txt span {
    color: #9a9b9f;
    font-size: 0.8125rem;
}

.info_bx {
    background-color: #e5f7f5;
    border-radius: 12px;
    border: solid 1px #97cdbd;
    width: 100%;
    margin: 0px auto 30px;
    text-align: center;
    padding: 20px;
}
.bank_select {
    position: relative;
    clear: both;
    margin-top: 40px;
}
.bank_select select {
    width: 100%;
}
.select2-search input[type="text"] {
    border: solid 1px #dbdbdb;
    padding: 5px;
    border-radius: 3px;
}
.select2-drop {
    background-color: #f5f5f5;
    border-radius: 12px;
    padding: 15px;
}
.select2-choice {
    text-align: left;
    text-decoration: none !important;
    color: #9a9b9f !important;
}

/*서브 레이아웃 , 서브페이지 공통*/
.bt_bx {
    text-align: center;
    clear: both;
}
.bg_gray {
    background-color: #f5f5f5;
    height: auto;
    padding-bottom: 60px;
    min-height: 100vh;
}
.msgbx {
    background-color: #f3f3f3;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    color: #333333;
    font-size: 13px;
}
.sub_container {
    height: auto;
    min-height: 100vh;
    background-color: #f1f4f9;
    position: relative;
    padding: 120px 40px 120px 280px;
}
.sub_container .radio {
    padding-left: 25px !important;
}

.sub_container .top_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    height: 80px;
    padding: 25px 40px 20px 280px;
    z-index: 2;
    border-bottom: solid 1px #f0f1f2;
    -webkit-box-shadow: 0 5px 5px -5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgb(0 0 0 / 0.1);
}
.top_fixed .top_mesg {
    font-weight: 200;
    float: left;
    font-size: 13px;
    margin-left: 40px;
    line-height: 17px;
    color: #333;
}
.top_fixed .top_name {
    margin-right: 40px;
    float: left;
    color: #212825;
    font-size: 1.25rem;;
    font-weight: 800;
}
.top_fixed .icon_logout {
    position: absolute;
    top: 25px;
    right: 20px;
}
.top_fixed .top_graph_bx {
    width: 200px;
    float: left;
    position: relative;
    padding-top: 10px;
}
.top_graph_bx .top_graph span.b_red {
    background-color: #f25757 !important;
    border-radius: 10px;
    display: inline-block;
}
.top_graph_bx .top_gra_left span {
    display: inline-block;
    color: #000;
    background-color: transparent;
    line-height: 18px;
}
.top_graph_bx .top_gra_left {
    font-size: 12px;
    color: #9a9b9f;
    position: absolute;
    top: -10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    letter-spacing: 0px;
}

.top_btn {
    float: left;
    margin-left: 10px;
}

.top_btn button {
    background-color: #00aba1;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 6px 10px;
    border: #0d948c 1px solid;
    border-radius: 5px;
}
.top_graph_bx .top_gra_right {
    font-size: 12px;
    color: #000;
    float: right;
    letter-spacing: 0px;
}
.top_graph {
    box-sizing: content-box;
    height: 5px;
    position: relative;
    background: #d9e7eb;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.top_graph > span {
    display: block;
    height: 100%;
    border-radius: 20px 8px 8px 20px;
    background-color: #00aba1;
    position: relative;
    overflow: hidden;
}
.animate > span > span,
.top_graph > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-size: 50px 50px;
    animation: 2s linear infinite move;
    border-radius: 20px 8px 8px 20px;
    overflow: hidden;
}
.felx-grf {
    display: flex;
    justify-content: flex-start;
}
.animate > span:after {
    display: none;
}
.sub_container .left_fixed {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 240px;
    z-index: 3;
    background-color: #ffffff;
    box-shadow: 1px -3px 3px 1px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}
.foot_fixed {
    background-color: #ffffff;
    padding: 10px;
    position: relative;
    bottom: 0;
    width: 100%;
    padding-left: 280px;
    text-align: left;
    border-top: solid 1px #e1e3e8;
}
.left_fixed .left_logo {
    height: 80px;
    overflow: hidden;
    text-align: center;
    background-color: #00aba1;
    padding-top: 25px;
}
.left_fixed .left_inner {
    padding: 25px 30px;
}
.left_inner .left_menu a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    border-top: #eef1f5 solid 1px;
    padding: 10px 0;
    text-align: left;
}
.left_inner .left_menu a.on {
    color: #00aba1;
}
.left_inner .left_menu a img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
    width: 20px;
}
.left_inner ul {
    margin-left: 25px;
    margin-bottom: 10px;
}
.left_inner ul li a {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    color: #9a9b9f;
    position: relative;
    padding: 2px 8px;
}
.left_inner ul li a.on {
    color: #00aba1;
}
.left_inner ul li a.on em {
    background-color: #00aba1 !important;
}
.left_inner ul li a em {
    font-size: 0px;
    background-color: #97cdbd;
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 25px;
}
.left_menu.no_line a {
    border-top: none;
}
.contents {
    background-color: #ffffff;
    padding: 40px;
    position: relative;
    overflow: hidden;
    min-height: 600px;
}
.contents .non_data {
    text-align: center;
    font-size: 18px;
    color: #9a9b9f;
}
.contents .contents_tit {
    font-size: 20px;
    font-weight: 800;
    padding-left: 10px;
    position: relative;
    display: block;
}
.contents .contents_tit em {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 0;
    background-color: #00aba1;
    width: 4px;
    height: 18px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*페이지네비게이션*/
.page_navigation {
    margin: 4px auto;
    display: flex;
    justify-content: center;
}
.page_navigation a span {
    display: inline-block;
    color: #9a9b9f;
    text-align: center;
    padding: 5px 10px;
    border: solid 1px #dbdbdb;
    border-radius: 5px;
}
.page_navigation ul {
    margin-left: 10px;
    margin-right: 10px;
}
.page_navigation ul li {
    display: inline-block;
}
.page_navigation ul li a {
    display: inline-block;
    color: #9a9b9f;
    padding: 5px 10px;
    text-align: center;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    border-radius: 5px;
}
.page_navigation ul li.on a {
    background-color: #00aba1;
    border: solid 1px #00aba1;
    color: #ffffff;
}

/*잔반기록*/
.contents .abs_bx {
    position: absolute;
    right: 40px;
    top: 40px;
    width: auto;
    z-index: 1;
}
.record_tab input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.record_tab {
    width: 350px;
    box-sizing: border-box;
}
.record_tab label {
    background-color: #ffffff;
    float: left;
    padding: 5px 0;
    font-size: 0.875rem;
    color: #00aba1;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #00aba1;
    border-right: none;
}
.record_tab input[type="radio"]:checked + label {
    background-color: #00aba1;
    border-color: #00aba1;
    color: #ffffff;
}
.record_tab label:hover {
    background-color: #00aba1;
    color: #ffffff;
    cursor: pointer;
}
.record_tab label:last-child {
    border-top-right-radius: 12px;
    border-right: solid 1px #00aba1 !important;
    border-bottom-right-radius: 12px;
}
.record_tab .m-frist {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.record_grh_bx {
    clear: both;
    display: block;
    padding-top: 20px;
    margin-bottom: 20px;
}
.record_grh_date {
    font-size: 16px;
    font-weight: 800;
    color: #00aba1;
}
.month_page {
    margin: 4px auto;
    display: flex;
    justify-content: center;
}
.month_page a span {
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    border: solid 1px #dbdbdb;
    border-radius: 5px;
}
.month_page ul {
    margin-left: 10px;
    margin-right: 10px;
}
.month_page ul li {
    display: inline-block;
}
.month_page ul li a {
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    border-radius: 5px;
}
.month_page ul li.on a {
    color: #00aba1;
    border: solid 1px #00aba1;
}

.inp_box {
    width: 100%;
    clear: both;
    position: relative;
    font-size: 0.875rem;
}
.inp_inline {
    display: inline-block;
    border-radius: 10px;
    border: solid 1px #dbdbdb;
    padding: 7px 10px;
}
.btn_inline {
    display: inline-block;
    padding: 7px 0;
    border-radius: 10px;
    border: solid 1px #00aba1;
    background-color: #00aba1;
    position: relative;
    color: #00aba1 !important;
    text-decoration: none !important;
    text-align: center;
}
.btn_inline .text {
    font-size: 0.875rem;
    line-height: 1.125rem;;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

.base_inp {
    width: 100%;
    display: block;
    border-radius: 12px;
    border: solid 1px #dbdbdb;
    margin-bottom: 12px;
    padding: 12px;
}
.base_inp_s {
    width: 100%;
    display: block;
    border-radius: 10px;
    border: solid 1px #dbdbdb;
    margin-bottom: 10px;
    padding: 10px;
}
.line_inp {
    display: inline-block;
    border-bottom: solid 1px #00aba1 !important;
    padding: 3px;
    border: none;
}
.inp_msg_err {
    display: block;
    padding-left: 5px;
    font-size: 12px;
    color: #f25757;
    line-height: 12px;
}
.inp_msg_ok {
    display: block;
    padding-left: 5px;
    font-size: 12px;
    color: #61b8eb;
}
.inp_msg_gray {
    display: block;
    padding-left: 5px;
    font-size: 12px;
    color: #9a9b9f;
}
.inp_btn {
    position: relative;
}
.inp_btn a.btn_send {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    font-size: 0.875rem;
    color: #00aba1;
    border: #00aba1 1px solid;
    border-radius: 12px;
    text-align: center;
    padding: 11px 0;
    text-decoration: none;
}
.inp_txtr {
    border: solid 1px #dbdbdb;
    border-radius: 12px;
    margin-bottom: 12px;
}
.white_bx {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    position: relative;
}

.list_nav {
    position: relative;
    display: block;
}
.list_nav li {
    font-weight: 600;
    border-bottom: solid 1px #dbdbdb;
}
.list_nav li a {
    position: relative;
    display: block;
    font-size: 0.875rem;
    text-decoration: none;
    color: #191919;
    padding: 15px 0;
}
.list_nav li:last-child {
    border-bottom: none;
}
.list_nav li a span {
    position: absolute;
    top: 17px;
    right: 2px;
    font-size: 0.75rem;
}
.sub_list {
    position: relative;
}
.sub_list li {
    position: relative;
    padding: 15px 0;
    display: block;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
}
.sub_list li .txtbx {
    position: relative;
    float: left;
}
.sub_list li .txtbx a {
    text-decoration: none;
}
.sub_list li .txtbx .list_tit {
    font-weight: 600;
    display: block;
    text-decoration: none;
}
.sub_list li .txtbx .list_txt {
    font-size: 0.75rem;
    line-height: 1.125rem;;
    color: #959595;
    display: block;
    font-weight: 300;
}
.sub_list li .btbx {
    position: relative;
    float: right;
}
.sub_list li .btbx .btn_list {
    background-color: #00aba1;
    color: #ffffff;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 10px;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
.sub_list li .btbx .btn_list_gray {
    background-color: #9a9b9f;
    color: #ffffff;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 10px;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
.sub_list li .btbx .btn_list_red {
    color: #f25757;
    border: 1px solid #f25757;
    background-color: transparent;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 10px;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}
.nonedb {
    font-size: 16px;
    color: #9a9b9f;
    text-align: center;
    padding: 40px;
}
.noinfo {
    text-align: center;
    display: block;
    margin-top: 40px;
}
.record_w {
    position: relative;
    overflow: hidden;
    font-size: 1rem;
    max-width: 500px;
    margin: 20px auto;
}
.record_w li {
    display: flex;
    padding: 15px 0;
    justify-content: space-between;
}
.record_w li .line_inp01 {
    border-bottom: solid 1px #dbdbdb !important;
    margin: 0 5px;
    border: none;
    width: 30%;
    text-align: center;
}
.record_w li .line_inp02 {
    border-bottom: solid 1px #dbdbdb !important;
    margin: 0 5px;
    border: none;
    width: 60%;
    text-align: center;
}
.record_w li span {
    font-family: "Roboto";
    font-weight: 600;
}
.record_w.pd5 li {
    padding: 5px 0 !important;
}
.radio-bowl input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 0;
}
.radio-bowl {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.radio-bowl label {
    width: 94px;
    height: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 12px;
    color: #9a9b9f;
    text-align: center;
    border: solid 1px #dbdbdb;
}
.radio-bowl a {
    font-size: 30px;
    width: 94px;
    line-height: 42px;
    height: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 12px;
    color: #9a9b9f;
    text-align: center;
    text-decoration: none;
    border: solid 1px #dbdbdb;
}
.radio-bowl label span {
    display: block;
    font-size: 0.75rem;
}
.radio-bowl input[type="radio"]:checked + label {
    background-color: #00aba1;
    border-color: #00aba1;
    color: #ffffff;
}
.radio-bowl label:hover {
    background-color: #00aba1;
    color: #ffffff;
}

/*메뉴*/
.top_menu {
    position: relative;
    clear: both;
    display: block;
    text-align: right;
}
.menu_tbl {
    margin-top: 10px;
    margin-bottom: 40px;
}
.menu_tbl .menu_date {
    margin-left: 20px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 16px;
    color: #00aba1;
}
.menu_tbl ul {
    position: relative;
    overflow: hidden;
}
.menu_tbl ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #97cdbd;
}
.menu_tbl ul li .menu_day {
    width: 15%;
    padding: 20px 0;
    display: block;
    text-align: center;
}
.menu_tbl ul li .menu_info {
    width: 85%;
    padding: 20px 0;
    position: relative;
    display: block;
    border-left: 1px solid #97cdbd;
    color: #9a9b9f;
}
.menu_tbl ul li .menu_info .menu_add_bt {
    position: absolute;
    right: 0;
    top: 10px;
}
.menu_tbl ul li .menu_info .menu_add_msg {
    padding-left: 15px;
}
.menu_tbl .menu_tit {
    background-color: #e5f7f5;
    border-radius: 100px;
    padding: 10px 0;
    border: 1px solid #97cdbd;
}
.menu_cours {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.menu_cours em {
    position: absolute;
    left: -15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 29px;
    top: 50%;
    width: 30px;
    height: 30px;
    background-color: #f5955d;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    margin-top: -15px;
}
.menu_cours:nth-child(2),
.menu_cours:nth-child(3) {
    border-top: solid 1px #97cdbd;
    padding-top: 15px;
    margin-top: 15px;
}
.menu_tit .tit01 {
    width: 60%;
    text-align: center;
    display: inline-block;
}
.menu_tit .tit02 {
    width: 30%;
    text-align: right;
    display: inline-block;
}
.menu_cours .menu_info01 {
    width: 68%;
    color: #9a9b9f;
    padding-left: 25px;
    line-height: 1.25rem;;
}
.menu_cours .menu_info01 strong {
    color: #191919;
}
.menu_cours .menu_info02 {
    font-size: 1rem;
    font-weight: 600;
    color: #191919;
}
.menu_cours .menu_info02 img {
    margin-left: 7px;
}
/*메뉴등록*/
.sub_tit .sub_date {
    font-size: 1rem;
    font-weight: 300;
    position: relative;
}
.sub_tit .sub_date em {
    color: #00aba1;
}
.sub_date .light {
    position: absolute;
    right: 20px;
    top: -2px;
    width: 70px;
}
.menu_add_tbl .m_a_tit {
    background-color: #e5f7f5;
    border: solid 1px #00aba1;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 100%;
    overflow: hidden;
    padding: 10px;
}
.menu_add_tbl .m_a_tit span {
    float: left;
    text-align: center;
}
.menu_add_tbl {
    position: relative;
}
.menu_add_tbl table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    box-sizing: border-box;
    margin-top: 10px;
}
.menu_add_tbl table tr th span {
    padding: 10px 3px;
    display: block;
}
.menu_add_tbl table tr th em {
    position: absolute;
    left: 50%;
    top: -15px;
    background-color: #00aba1;
    border-radius: 100px;
    text-align: center;
    padding: 5px;
    width: 30px;
    height: 30px;
    line-height: 18px;
    margin-left: -15px;
}
.menu_add_tbl table tr td {
    border: #ededed solid 1px;
    text-align: center;
    padding: 10px;
}
.menu_add ul li {
    display: block;
    padding: 10px 0;
    overflow: hidden;
}
.filebox label {
    display: inline-block;
    width: 38px;
    height: 28px;
    background-image: url("../img/common/icon_photo.png");
    vertical-align: middle;
    background-size: cover;
    cursor: pointer;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    padding-left: 38px;
    line-height: 28px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.fileimg img {
    width: 100%;
    margin-top: 20px;
    border: solid 1px #dbdbdb;
    border-radius: 12px;
}

/*잔반기록 메뉴 상세보기*/
.tabs_menu {
    display: flex;
    justify-content: flex-start;
    gap: 7px;
    border-bottom: solid 2px #00aba1;
}
.tabs_menu .mn_view a {
    text-decoration: none;
    display: block;
    color: #9a9b9f;
    background-color: #f5f5f5;
    text-align: center;
    padding: 5px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.tabs_menu li.mn_view a span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -1px;
}
.tabs_menu .mn_view a span i {
    display: inline-block;
    text-indent: -999px;
    font-size: 0;
    width: 20px;
    height: 14px;
    background-image: url("../img/common/people_g.png");
    background-position: top left;
    background-size: cover;
    margin-right: 5px;
}
.tab_view {
    display: block;
    position: relative;
    clear: both;
}
.tabs_menu .ui-state-active a {
    background-color: #00aba1;
    color: #f5f5f5;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.tabs_menu .ui-state-active a span i {
    background-image: url("../img/common/people_w.png");
}
.tab_tbl {
    margin-top: 40px;
}
.tab_tbl .felx_td {
    display: flex;
    justify-content: space-around;
}
.tab_tbl table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
}
.tab_tbl table tr th span {
    padding: 10px 3px;
    display: block;
}
.tab_tbl table tr .re_tit {
    position: relative;
    padding: 5px 2px;
    background-color: #e0f2f1;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: solid 1px #ffffff;
}

.tab_tbl table tr .re_tit a {
    color: #00aba1;
}
.tab_tbl table tr th em {
    position: absolute;
    left: 50%;
    top: -15px;
    background-color: #e0f2f1;
    border: solid 1px #cdebe9;
    border-radius: 100px;
    text-align: center;
    padding: 5px;
    width: 30px;
    height: 30px;
    line-height: 18px;
    margin-left: -15px;
}
.tab_tbl table tr td {
    border: #ededed solid 1px;
    text-align: center;
    padding: 10px 0;
}
.tab_tbl .icon_good {
    width: 60px !important;
    background-color: #f5955d;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    border-top-left-radius: 12px;
}
.tab_tbl .icon_star {
    display: block;
}
.tab_tbl .icon_good img {
    display: block;
    width: 19px;
    margin: auto;
}
.tab_tbl table tr th:first-child {
    padding: 7px 0;
}
.modal_menu_img {
    width: 100%;
    max-height: 300px;
    overflow: hidden;
}
.modal_menu_img img {
    width: 100%;
    border-radius: 12px;
    border: solid 1px #dbdbdb;
}
.modal_menu_txt {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.modal_menu_txt span {
    color: #00aba1;
    font-size: 1rem;
    font-weight: 600;
    display: block;
}
.modal_menu_txt em {
    color: #f7586c;
    font-weight: 600;
    margin-top: 10px;
    display: block;
}
a.like_opener {
    color: #191919 !important;
    font-size: 16px;
}
a.like_opener:hover {
    text-decoration: none;
}

/*신호등*/
.sub_tit .lights_opener {
    position: absolute;
    right: 20px;
    top: 1px;
    font-size: 1rem;
}
.sub_light {
    padding: 10px;
    position: relative;
    padding-left: 60px;
    font-size: 1rem;
}
.sub_light img {
    position: absolute;
    left: 20px;
    top: 15px;
}
.sub_light span {
    color: #9a9b9f;
    font-size: 0.875rem;
    display: block;
}
.light_pop {
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.light_pop img {
    position: absolute;
    top: 10px;
    left: 0px;
}
.light_pop p {
    display: block;
    padding: 8px;
    text-align: left;
}
.light_pop .line_inp {
    border-bottom: solid 1px #dbdbdb !important;
    margin: 0 5px;
    border: none;
}

/*좋아요*/
.like_total {
    text-align: center;
    font-family: "Roboto";
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 1.5rem;;
    line-height: 2.5rem;
}
.like_icon {
    text-align: center;
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px;
}
.like_icon li em {
    display: block;
    font-family: "Roboto";
    font-weight: 600;
    padding: 15px;
    font-size: 1rem;
}
.like_icon li span {
    font-weight: 300;
}
.like_icon li img {
    text-align: center;
}

/*테이블*/
.tbl_date {
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.tbl_record {
    position: relative;
    clear: both;
    margin-bottom: 40px;
}
.tbl_record ul {
}
.tbl_record ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #97cdbd;
    box-sizing: border-box;
}
.tbl_record ul li.titles {
    background-color: #e5f7f5;
    border: solid 1px #97cdbd;
    text-align: center;
    border-radius: 100px;
    box-sizing: border-box;
}
.tbl_record ul li.titles .tbl_con {
    padding: 7px 2px;
}
.tbl_record ul li.titles .tbl_con:nth-child(1) {
} /*라운드에 의한 어긋남 교정*/
.tbl_record ul li .tbl_con {
    text-align: center;
    word-break: break-all;
    padding: 12px 2px;
}
.tbl_record ul li.row4 .tbl_con:nth-child(1) {
    width: 14%;
}
.tbl_record ul li.row4 .tbl_con:nth-child(2) {
    width: 26%;
}
.tbl_record ul li.row4 .tbl_con:nth-child(3) {
    width: 26%;
}
.tbl_record ul li.row4 .tbl_con:nth-child(4) {
    width: 34%;
}
.tbl_record ul li.row4 .tbl_con:last-child img {
    vertical-align: middle;
    margin-left: 7px;
}

.tbl_record ul li.row5 .tbl_con:nth-child(1) {
    width: 14%;
}
.tbl_record ul li.row5 .tbl_con:nth-child(2) {
    width: 20%;
}
.tbl_record ul li.row5 .tbl_con:nth-child(3) {
    width: 18%;
}
.tbl_record ul li.row5 .tbl_con:nth-child(4) {
    width: 20%;
}
.tbl_record ul li.row5 .tbl_con:nth-child(5) {
    width: 28%;
}
.tbl_record ul li.row5 .tbl_con:last-child img {
    vertical-align: middle;
    margin-left: 7px;
}

/*게시판*/
.bbs_list {
    position: relative;
    display: block;
}
.bbs_list li {
    font-weight: 600;
    border-bottom: solid 1px #dbdbdb;
}
.bbs_list li a {
    position: relative;
    display: block;
    font-size: 0.875rem;
    text-decoration: none;
    color: #191919;
    padding: 20px 20px 20px 0px;
}
.bbs_list li a span {
    position: absolute;
    top: 30px;
    right: 2px;
    font-size: 0.875rem;
}
.bbs_list li a em {
    font-size: 12px;
    font-weight: 300;
    color: #9a9b9f;
    display: block;
}
.bbs_view {
    position: relative;
    clear: both;
}
.bbs_view img {
    max-width: 920px;
    display: block;
}
.bbs_view em {
    font-size: 0.75rem;
    color: #9a9b9f;
    font-weight: 300;
    display: inline-block;
}
.bbs_view span {
    font-size: 1rem;
    font-weight: 600;
    display: block;
    padding-bottom: 20px;
    border-bottom: solid 1px #dbdbdb;
}
.bbs_view p {
    display: block;
    padding: 20px 0px;
}
.bbs_inp {
}
.bbs_inp .inp_txtr {
    border: solid 1px #dbdbdb;
    border-radius: 12px;
}
.bbs_list .bbs_iconbx {
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.txt_icon {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    padding: 1px 7px;
    border-radius: 100px;
}
.bbs_iconbx .icon_bt a,
.bbs_iconbx .icon_bt {
    position: absolute;
    right: 2px;
    bottom: 2px;
    padding: 2px;
}
.bbs_list .clamp {
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

/*마이페이지*/
.mypage_top {
    position: relative;
    width: 100%;
    background-color: #00aba1;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 10px 0px 0;
    margin-bottom: 20px;
}
.mypage_top a.logout {
    color: #ffffff;
    font-weight: 600;
    padding: 10px 20px;
    font-size: 0.875rem;
    line-height: 1.125rem;;
    text-decoration: none;
    display: block;
    text-align: right;
}
.mypage_top a.logout img {
    display: inline;
    width: 20px;
    vertical-align: middle;
}
.mypage_top .mypage_name {
    font-size: 1.25rem;;
    font-weight: 600;
    color: #ffffff;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}
.mypage_top .mypage_tel,
.mypage_top .mypage_info {
    font-size: 0.75rem;
    line-height: 1.125rem;;
    color: #ffffff;
    text-align: center;
    display: block;
    font-family: "Roboto";
    letter-spacing: 0;
    font-weight: 400;
}
.mypage_top .btn_mody {
    position: absolute;
    bottom: -20px;
    right: 20px;
    display: inline-block;
    padding: 10px;
    background-color: #00aba1;
    border-radius: 100%;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 3px 1px rgb(122 122 122 / 30%);
}
.mypage_top .btn_mody img {
    width: 21px;
}
.dot_txt {
    background-color: #00aba1;
    color: #ffffff;
    font-size: 0.75rem;
    text-align: center;
    width: 80px;
    border-radius: 50px;
}

/*버튼*/
.base_box {
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;
}
.btn_base {
    display: block;
    width: 100%;
    padding: 12px 0;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #00aba1;
    box-sizing: border-box;
}
.btn_base .text {
    font-size: 1rem;
    line-height: 1.25rem;;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}
.btn_base_line {
    display: block;
    width: 100%;
    padding: 12px 0;
    border-radius: 100px;
    border: solid 1px #00aba1;
    background-color: transparent;
}
.btn_base_line .text {
    font-size: 1rem;
    line-height: 1.25rem;;
    font-weight: 600;
    color: #00aba1;
    text-align: center;
}
.btn_s {
    display: inline-block;
    padding: 10px;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #00aba1;
    box-sizing: border-box;
    color: #ffffff !important;
    text-decoration: none !important;
    text-align: center;
}
.btn_s .text {
    font-size: 0.875rem;
    line-height: 1.25rem;;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}
.btn_s_line {
    display: inline-block;
    padding: 10px 0;
    border-radius: 100px;
    border: solid 1px #00aba1;
    background-color: transparent;
    position: relative;
    color: #00aba1 !important;
    text-decoration: none !important;
    text-align: center;
}
.btn_s_line .text {
    font-size: 0.875rem;
    line-height: 1.125rem;;
    font-weight: 600;
    color: #00aba1;
    text-align: center;
}
.btn_s_line i {
    position: absolute;
    left: 20px;
    font-size: 1.25rem;;
}
.btn_s_line_red {
    display: inline-block;
    padding: 10px 0;
    border-radius: 100px;
    border: solid 1px #f25757;
    background-color: transparent;
    color: #f25757 !important;
    text-align: center;
    text-decoration: none !important;
}
.btn_s_line_red .text {
    font-size: 0.875rem;
    line-height: 1.125rem;;
    font-weight: 600;
    color: #f25757;
    text-align: center;
}
.btn_s_red {
    display: inline-block;
    padding: 10px 0;
    border-radius: 100px;
    border: solid 1px #f25757;
    background-color: #f25757;
}
.btn_s_red .text {
    font-size: 0.875rem;
    line-height: 1.125rem;;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
}
.bt_ss_red,
.bt_ss_red:hover,
.bt_ss_red:visited {
    font-size: 12px;
    color: #ffffff;
    background-color: #f25757;
    padding: 5px 8px;
    text-align: center;
    border-radius: 100px;
}
a.btn_link_s,
button.btn_link_s {
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #00aba1;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.125rem;;
    text-align: center;
}
a.btn_link_s_line,
button.btn_link_s_line {
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 100px;
    border: solid 1px #00aba1;
    background-color: transparent;
    box-sizing: border-box;
    color: #00aba1;
    font-size: 0.75rem;
    line-height: 1.125rem;;
    text-align: center;
}

a.btn_link_s_line_rd {
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 100px;
    border: solid 1px #f25757;
    background-color: transparent;
    box-sizing: border-box;
    color: #f25757;
    font-size: 0.75rem;
    line-height: 1.125rem;;
    text-align: center;
}

a.bt_line_i {
    text-decoration: none;
    display: inline-block;
    padding: 5px 15px;
    box-sizing: border-box;
    color: #00aba1;
    font-size: 13px;
    line-height: 1.125rem;;
    text-align: center;
}
a.bt_line_i_red {
    text-decoration: none;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 100px;
    box-sizing: border-box;
    color: #f25757;
    font-size: 13px;
    line-height: 1.125rem;;
    text-align: center;
}
a:hover.bt_line_i,
a:hover.bt_line_i_red:hover {
    text-decoration: underline;
}

a.btss_red {
    text-decoration: none;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 100px;
    box-sizing: border-box;
    color: #f25757;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #f25757;
}
a:hover.btss_red {
    color: #fff;
    background-color: #f25757;
}
a.btss_gray {
    text-decoration: none;
    display: inline-block;
    padding: 2px 12px;
    border-radius: 100px;
    box-sizing: border-box;
    color: #9fa9b3;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #9fa9b3;
}
a:hover.btss_gray {
    color: #fff;
    background-color: #9fa9b3;
}

a.btn_link_m {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #00aba1;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.375rem;;
    height: 45px;
    text-align: center;
}
a.btn_link_m_line {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    border-radius: 100px;
    border: solid 1px #00aba1;
    background-color: transparent;
    box-sizing: border-box;
    color: #00aba1;
    font-size: 1rem;
    line-height: 1.375rem;;
    height: 45px;
    text-align: center;
}
a.btn_link_m_red {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    border-radius: 100px;
    border: solid 1px #f25757;
    background-color: transparent;
    box-sizing: border-box;
    color: #f25757;
    font-size: 1rem;
    line-height: 1.375rem;;
    height: 45px;
    text-align: center;
}
a.btn_link_s_red {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    border-radius: 100px;
    border: solid 1px #f25757;
    background-color: transparent;
    box-sizing: border-box;
    color: #f25757;
    font-size: 14px;
    line-height: 14px;
    height: 35px;
    text-align: center;
}

a.btn_link {
    text-decoration: none;
    display: line-block;
    padding: 12px;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #00aba1;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25rem;;
    text-align: center;
}
a.btn_link_line {
    text-decoration: none;
    display: inline-block;
    padding: 12px;
    border-radius: 100px;
    border: solid 1px #00aba1;
    background-color: transparent;
    box-sizing: border-box;
    color: #00aba1;
    font-size: 1rem;
    line-height: 1.25rem;;
    text-align: center;
}

button.btn_link_m {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #00aba1;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.375rem;;
    height: 45px;
    text-align: center;
}
button.btn_link_m_line {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    border-radius: 100px;
    border: solid 1px #00aba1;
    background-color: transparent;
    box-sizing: border-box;
    color: #00aba1;
    font-size: 1rem;
    line-height: 1.375rem;;
    height: 45px;
    text-align: center;
}

a.btn_m_red {
    text-decoration: none;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #f25757;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #f25757;
}
button.btn_m_red {
    text-decoration: none;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    color: #f25757;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #f25757;
}
a:hover.btn_m_red {
    color: #fff;
    background-color: #f25757;
}

a.btn_m_line {
    text-decoration: none;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #00aba1;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #00aba1;
}

a.btn_m {
    text-decoration: none;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    background-color: #00aba1;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #00aba1;
}

button.btn_m_line {
    text-decoration: none;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    color: #00aba1;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #00aba1;
}

button.btn_m {
    text-decoration: none;
    display: inline-block;
    padding: 10px 12px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    background-color: #00aba1;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: solid 1px #00aba1;
}

/*탭메뉴*/
.tabs_nav ul {
    display: flex;
    gap: 10px;
    position: relative;
    width: 100%;
}
.tabs_nav ul li {
    background-color: #9a9b9f;
    border-radius: 12px;
}
.tabs_nav ul li a {
    text-align: center;
    display: block;
    padding: 10px 15px;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}
.tabs_nav ul .ui-state-active {
    background-color: #00aba1;
    border-radius: 12px;
}
.tab_con {
    position: relative;
    display: block;
    clear: both;
    margin: 40px 0;
}

/*포인트설정*/
.asRange {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #cfcdc7;
    border-radius: 8px;
}
.asRange .asRange-pointer {
    position: absolute;
    left: 30%;
    z-index: 2;
    width: 10px;
    height: 10px;
    margin-left: -4px;
    background-color: #fff;
    border-radius: 100px;
    top: -4px;
}
.asRange .asRange-pointer:before {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: "";
    background: #00aba1;
    border-radius: inherit;
}
.asRange .asRange-pointer.start {
    left: 0;
    margin-left: 4px;
}
.asRange .asRange-pointer.stop {
    left: 100%;
    margin-left: -12px;
}
.asRange .asRange-pointer .asRange-tip {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 36px;
    height: 20px;
    margin-left: -15px;
    font-size: 14px;
    line-height: 20px;
    color: #191919;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.asRange .asRange-selected {
    position: absolute;
    left: 30%;
    z-index: 1;
    width: 40%;
    height: 5px;
    background-color: #97cdbd;
    border-radius: 9px;
}
.asRange .asRange-scale {
    display: none;
}
.point_graph .point_txt {
    color: #00aba1;
    text-align: center;
    padding-bottom: 15px;
    display: block;
}
.point_graph .point_left {
    float: left;
    color: #9a9b9f;
}
.point_graph .point_right {
    float: right;
    color: #9a9b9f;
}
.point_graph_bg {
    background-color: #f5f5f5;
    border: 1px #e9e9e9 solid;
    border-radius: 12px;
    padding: 20px;
}
.point_graph {
    position: relative;
}
.point_value {
    font-family: "Roboto";
    font-size: 1.75rem;;
    font-weight: 600;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
}
.point_value span {
    font-size: 0.875rem;
    font-weight: 300;
}

/*별 셀렉트 디자인*/
.star-select {
    position: relative;
    width: 110px;
    height: 30px;
    font-size: 0.875rem;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    background: url("../img/common/bl_down.png") calc(100% - 7px) center
        no-repeat;
    background-size: 8px;
    cursor: pointer;
}
.star-select:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 35px;
}
.star-select .label {
    display: flex;
    align-items: center;
    width: inherit;
    border: 0;
    outline: 0;
    padding-left: 10px;
    background: 0 0;
    cursor: pointer;
    font-size: 14px;
}
.star-select .optionList {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    background-color: #fff;
    color: #191919;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in;
}
.star-select.active .optionList {
    max-height: 500px;
}
.star-select .optionItem {
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    padding: 5px 10px;
    font-size: 14px;
    transition: 0.1s;
}

.selectBox {
    position: relative;
    width: 120px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    font-size: 0.875rem;
}
.selectBox .star {
    width: inherit;
    height: inherit;
    background: 0 0;
    border: 0;
    outline: 0;
    padding: 0 10px;
    position: relative;
    color: #ffa200;
    font-size: 0.875rem;
    bottom: 4px;
    cursor: pointer;
}
.selectBox .star option {
    color: #ffa200;
    padding: 3px 0;
    font-size: 0.875rem;
    outline: 0;
}
.selectBox .icoArrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*별점*/
.star_list ul span {
    padding: 0 5px;
}
.star_list ul li {
    display: flex;
    justify-content: space-around;
    padding: 15px 2px;
    border-bottom: solid 1px #dbdbdb;
    align-items: center;
}
.star_list ul .star_con span:nth-child(1) {
    width: 10%;
    text-align: center;
}
.star_list ul .star_con span:nth-child(2) {
    width: 20%;
    text-align: center;
}
.star_list ul .star_con span:nth-child(3) {
    width: 38%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.125rem;;
}
.star_list ul .star_con span:nth-child(4) {
    width: 32%;
    text-align: right;
}
.star_list ul .titbg {
    background-color: #e5f7f5;
    padding: 10px 2px;
    border-radius: 100px;
}

/*날짜선택 체크,라디오*/
.check-date input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.check-date {
    display: flex;
    justify-content: space-around;
    margin-bottom: 5px;
    border-right: 1px solid #dbdbdb;
    border-top: solid 1px #dbdbdb;
}
.check-date label {
    display: inline-block;
    background-color: #ffffff;
    padding: 5px;
    font-size: 0.875rem;
    color: #00aba1;
    text-align: center;
    box-sizing: border-box;
    flex-grow: 1;
    box-sizing: border-box;
    border-left: 1px solid #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    width: calc(100% / 6);
}
.check-date input[type="checkbox"]:checked + label {
    background-color: #f5955d;
    border-color: #f5955d;
    color: #ffffff;
}
.check-date label:hover {
    background-color: #f5955d;
    color: #ffffff;
}
.check-date span {
    display: block;
    text-align: center;
    font-size: 12px;
}

.con2th ul {
    position: relative;
    clear: both;
    border-top: solid 1px #dbdbdb;
}
.con2th ul li {
    display: block;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
}
.con2th ul li .con2th_tit {
    float: left;
    width: 120px;
    text-align: center;
    padding: 10px;
}
.con2th ul li .con2th_txt {
    float: left;
    border-left: solid 1px #dbdbdb;
    padding: 10px;
}
.radio-quarter input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.radio-quarter {
    position: relative;
}
.radio-quarter label {
    float: left;
    background-color: #ffffff;
    padding: 5px;
    font-size: 0.875rem;
    color: #00aba1;
    width: 80px;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #00aba1;
    line-height: 1.125rem;;
    margin-right: 10px;
}
.radio-quarter input[type="radio"]:checked + label {
    background-color: #00aba1;
    border-color: #00aba1;
    color: #ffffff;
}
.radio-quarter label:hover {
    background-color: #00aba1;
    color: #ffffff;
}
.radio-quarter span {
    display: block;
    text-align: center;
    font-size: 12px;
}

/*슬라이드업모달*/
.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.8);
}
.br {
    bottom: 0;
    right: 0;
}
.content {
    width: 98%;
    background: #fff;
    color: #000;
    padding: 20px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 25%;
    height: 80%;
    overflow: auto;
}
.close {
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    background: #000;
    position: fixed;
    right: 50px;
    top: 50px;
    padding: 10px;
    font-weight: 700;
}
.close,
.content {
    border-radius: 20px;
}
.content .bt_closed {
    position: absolute;
    right: 20px;
    top: 20px;
}
.content .modal_title {
    background-color: #97cdbd;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    border-radius: 12px;
    margin-top: 25px;
}

/*코스등록 코스세팅*/
/*6개열*/
.course_tbl ul li.titles {
    display: flex;
    justify-content: space-between;
    border-radius: 100px;
    background-color: #e5f7f5;
}
.course_tbl ul li.titles p label,
.course_tbl ul li.checkbx_tbl p label {
    text-align: left;
}
.course_tbl ul li.titles div:nth-child(1) {
    width: 25%;
    padding-top: 10px;
    text-align: center;
}
.course_tbl ul li.titles div:nth-child(2) {
    width: 20%;
    text-align: left;
    padding-left: 7px;
}
.course_tbl ul li.titles div:nth-child(3) {
    width: 20%;
    text-align: left;
    padding-left: 7px;
}
.course_tbl ul li.titles div:nth-child(4) {
    width: 20%;
    text-align: left;
    padding-left: 7px;
}
.course_tbl ul li.titles div:nth-child(5) {
    width: 15%;
    text-align: left;
    padding-left: 7px;
}
.course_tbl ul li.course_checkbx p,
.course_tbl ul li.titles p {
    display: inline-block;
}
.course_tbl .checkbox {
    padding-left: 25px !important;
    display: inline-block;
}

.checkbx_tbl table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
}
.checkbx_tbl table tr th span {
    padding: 10px 3px;
    display: block;
}
.checkbx_tbl table tr .re_tit {
    position: relative;
    padding: 5px 2px;
    background-color: #97cdbd;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: solid 1px #ffffff;
}
.checkbx_tbl table tr .re_tit a {
    color: #ffffff;
}
.checkbx_tbl table tr th em {
    position: absolute;
    left: 50%;
    top: -15px;
    background-color: #00aba1;
    border-radius: 100px;
    text-align: center;
    padding: 5px;
    width: 30px;
    height: 30px;
    line-height: 18px;
    margin-left: -15px;
}
.checkbx_tbl table tr td {
    border-bottom: #dbdbdb solid 1px;
    text-align: center;
    border-right: dashed 1px #dbdbdb;
    height: 45px;
}
.checkbx_tbl table tr td div {
    text-align: left;
    padding-left: 7px;
}
.checkbx_tbl table tr td:last-child {
    border-right: none;
}
.checkbx_tbl table tr td a {
    padding: 7px;
}

/*5개열 일괄등록 */
.course_tbl5 ul li.titles {
    display: flex;
    justify-content: space-between;
    border-radius: 100px;
    background-color: #e5f7f5;
}
.course_tbl5 ul li.titles p label,
.course_tbl ul li.checkbx_tbl p label {
    text-align: left;
}
.course_tbl5 ul li.titles div:nth-child(1) {
    width: 25%;
    padding-top: 10px;
    text-align: center;
}
.course_tbl5 ul li.titles div:nth-child(2) {
    width: 25%;
    text-align: left;
    padding-left: 7px;
}
.course_tbl5 ul li.titles div:nth-child(3) {
    width: 25%;
    text-align: left;
    padding-left: 7px;
}
.course_tbl5 ul li.titles div:nth-child(4) {
    width: 25%;
    text-align: left;
    padding-left: 7px;
}
.course_tbl5 ul li.course_checkbx p,
.course_tbl ul li.titles p {
    display: inline-block;
}
.course_tbl5 .checkbox {
    padding-left: 25px !important;
    display: inline-block;
}
.course_inp {
    width: 85%;
    display: inline-block;
    border-radius: 5px;
    border: solid 1px #dbdbdb;
    padding: 3px;
    font-size: 12px;
}

/*저울*/
.scale_img_box {
    text-align: left;
    background-color: #e5f7f5;
    position: relative;
    padding: 10px;
    width: 100%;
}
.scale_img_box img {
    height: 100px;
}
.scale_img_box span {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.scale_list {
    clear: both;
}
.scale_list li {
    border-bottom: solid 1px #97cdbd;
    padding: 10px;
    overflow: hidden;
}
.scale_list li span {
    float: left;
    height: 40px;
    line-height: 40px;
}
.scale_list li span:first-child {
    width: 30px;
}
.scale_list span:last-child {
    width: 50px;
    text-align: right;
}
.scale_list span:nth-child(2) {
    text-align: left;
}
.scale_list span:nth-child(3) {
    text-align: right;
    width: 200px;
    float: right !important;
}
.scale_msgbx {
    width: 80%;
    text-align: center;
    margin: 20px auto;
}
.scale_msgbx img {
    margin-bottom: 20px;
}
.scale_msgbx strong {
    font-size: 20px;
    font-weight: 600;
}
.scale_msgbx span {
    color: #9a9b9f;
    display: block;
}
.scale_msgbx em {
    color: #00aba1;
}
.msg_line {
    border-bottom: solid 1px #97cdbd;
    height: 10px;
    display: block;
    margin-bottom: 10px;
}

/*이벤트*/
.event_first {
    text-align: center;
    margin-top: 40px;
}
.event_first .e_tit {
    font-size: 1.125rem;;
    font-weight: 600;
    display: block;
}
.event_first .e_txt {
    font-weight: 600;
    margin-top: 20px;
}
.event_list {
    clear: both;
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #dbdbdb;
    padding: 10px 0;
}
.event_list em {
    font-size: 11px;
    background-color: #9a9b9f;
    color: #fff;
    padding: 1px 10px;
    position: absolute;
    right: 5px;
    top: 10px;
    border-radius: 20px;
}
.bboder {
    border-bottom: solid 1px #dbdbdb;
    display: block;
}
.list_tbl .list_title {
    background-color: #e5f7f5;
    border: solid 1px #00aba1;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 100%;
    overflow: hidden;
    padding: 10px;
}
.list_tbl .list_title span {
    float: left;
    text-align: center;
}
.list_tbl {
    position: relative;
}
.list_tbl table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    box-sizing: border-box;
}
.list_tbl table tr td {
    border-bottom: #ededed solid 1px;
    text-align: center;
    padding: 12px 5px;
}
.sub_tit .sub_tit_left {
    position: absolute;
    left: 20px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    font-size: 1rem;
}
.sub_tit .sub_tit_left a,
.sub_tit .sub_tit_left a:link {
    color: #191919;
    font-size: 1rem;
}

.tbl_2h {
    position: relative;
}
.tbl_2h table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    box-sizing: border-box;
    border-top: solid 1px #ededed;
}
.tbl_2h table tr th {
    border-bottom: #ededed solid 1px;
    text-align: center;
    padding: 12px;
    font-weight: normal;
}
.tbl_2h table tr td {
    border-bottom: #ededed solid 1px;
    text-align: center;
    padding: 12px;
    border-left: 1px #ededed solid;
    text-align: left;
}
.tbl_2h table tr td .list_tbl table tr td {
    border-left: none;
    text-align: center;
}
.tbl_2h table tr td .list_tbl table {
    border-top: none;
}

#multiple .box {
    display: inline-block;
    font-size: 1rem;
}
.e_icon {
    display: inline-block;
    font-size: 1rem;
    padding-right: 10px;
    color: #9a9b9f;
}
.e_inp_box ul li {
    line-height: 40px;
    border-bottom: 1px #dbdbdb dashed;
    text-align: left;
}
.e_inp_box ul li span {
    padding: 5px;
    display: inline-block;
}
.e_inp_box ul li:last-child {
    border: none;
}
.e_inp_box ul .e_total {
    font-size: 1rem;
    color: #000;
    font-weight: 600;
    letter-spacing: 0px;
}
.event_last_view .e_view_tit {
    color: #00aba1;
    text-align: left;
    display: block;
    margin-bottom: 10px;
}
.event_last_view .e_view_tit_s {
    color: #9a9b9f;
    text-align: left;
    display: block;
}
.event_last_view .e_view_txt {
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
}
.event_info {
    clear: both;
}
.event_info ul li {
    display: block;
    padding: 15px;
    overflow: hidden;
    text-align: left;
    position: relative;
    padding-left: 100px;
    border-bottom: dashed 1px #ededed;
}
.event_info ul li span {
    margin-right: 10px;
    background-color: #97cdbd;
    color: #ffffff;
    padding: 3px;
    width: 85px;
    text-align: center;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 13px;
}
.event_pic ul span {
    padding: 0 5px;
}
.event_pic ul li {
    display: flex;
    justify-content: space-around;
    padding: 15px 2px;
    border-bottom: solid 1px #dbdbdb;
    align-items: center;
}
.event_pic ul .pic_con span:nth-child(1) {
    width: 13%;
    text-align: center;
}
.event_pic ul .pic_con span:nth-child(2) {
    width: 45%;
    text-align: center;
}
.event_pic ul .pic_con span:nth-child(3) {
    width: 22%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.125rem;;
}
.event_pic ul .pic_con span:nth-child(4) {
    width: 30%;
    text-align: right;
    padding-right: 10px;
}
.event_pic ul .titbg {
    background-color: #e5f7f5;
    padding: 10px 2px;
    border-radius: 100px;
}
.event_pic ul .pic_total {
    display: flex;
    justify-content: space-between;
    color: #00aba1;
    font-weight: 600;
    font-size: 1rem;
    font-family: "Roboto";
}

/*마이페이지*/
.sm_title {
    color: #00aba1;
    font-weight: 800;
    border-bottom: #00aba1 solid 1px;
    padding: 10px;
    position: relative;
}
.mypage_sns_icon span {
    display: inline-block;
    margin-right: 10px;
}
.mypage_sns_icon span.alpha {
    opacity: 0.3;
    filter: alpha(opacity=30);
    background-color: #cccccc;
    border-radius: 50%;
}
.btn_menu img {
    position: absolute;
    right: 5px;
    top: 25px;
}
.my_top_tit {
    font-size: 1.25rem;;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;
}
.my_top_txt {
    font-size: 0.75rem;
    color: #ffffff;
    line-height: 1rem;
}
.my_top_tel {
    font-size: 0.75rem;
    color: #ffffff;
    font-weight: 600;
    font-family: "Roboto";
    padding-top: 5px;
}
.my_top_tel img {
    display: inline-block;
    padding-right: 5px;
}
.my_graph_bx {
    width: 90%;
    margin: 30px auto;
    position: relative;
    clear: both;
    max-width: 800px;
}
.my_graph_bx .total_day {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 12px;
    color: #ffffff;
}
.progressbar-item {
    margin-bottom: 15px;
}
.progress-bar {
    margin: 0 0 10px;
    overflow: visible;
    background: 0 0;
}
.progress-number {
    padding-bottom: 5px;
    position: relative;
    margin: 5px 0;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: #2e2e2e;
}
.down-arrow,
.progress-number-mark {
    position: absolute;
    transform: translateX(-50%);
}
.progress-number-mark {
    padding: 2px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 4px;
    background: #00aba1;
    bottom: 0;
}
.progress-bg,
.progress-fill {
    height: 5px;
    border-radius: 6px;
}
.down-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #00aba1;
    left: 50%;
    top: 100%;
}
.progress-bg {
    overflow: hidden;
    background-color: #ffffff;
}
.progress-fill {
    background-color: #00aba1;
    width: 0%;
}
.progress-fill.red_fill {
    background-color: #f7586c;
}
.mypay_redtxt {
    background-color: #e5f7f5;
    border-radius: 50px;
    width: 80%;
    margin: 10px auto;
    padding: 5px;
}
.mypay_redtxt em {
    color: #f7586c;
}
.progress_day {
    position: absolute;
    bottom: -32px;
    margin-left: -20px;
}
.progress_day_txt {
    font-size: 0.8125rem;
    color: #00aba1;
    font-weight: 600;
}
.my_whitebx {
    width: 98%;
    max-width: 800px;
    margin: auto;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 3px 1px rgb(122 122 122 / 30%);
    overflow: hidden;
}
.my_whitebx .my_menu {
    overflow: hidden;
}
.my_whitebx .my_menu li {
    width: 50%;
    float: left;
    position: relative;
    text-align: left;
}
.my_whitebx .my_menu li {
    position: relative;
}
.my_whitebx .my_menu li .inner_bx {
    padding: 8px 15px;
    position: relative;
    text-align: left;
}
.my_menu li .inner_bx i {
    position: absolute;
    right: 10px;
    top: 30px;
    color: #dbdbdb;
}
.my_menu li .inner_bx span {
    font-size: 0.75rem;
    color: #9a9b9f;
    font-weight: 300;
}
.my_menu li .inner_bx .my_m_txt {
    color: #9a9b9f;
    letter-spacing: 0;
}
.my_menu li .inner_bx .my_m_txt em {
    color: #00aba1;
    font-weight: 600;
}
.inner_bx a {
    display: block;
    text-decoration: none;
}
.my_m_link a em span,
.my_m_link a em {
    color: #00aba1 !important;
    font-size: 0.875rem;
    font-weight: 600;
}
.my_m_link a {
    display: inline-block;
    color: #777;
    float: left;
    width: 50%;
    font-size: 0.75rem;
    font-weight: 300;
}
.my_bbs_link {
    position: relative;
    clear: both;
    padding: 20px;
}
.my_bbs_link li a {
    display: block;
    position: relative;
    padding: 10px 0;
    text-align: left;
    color: #191919;
    text-decoration: none;
}
.my_bbs_link li {
    border-bottom: solid 1px #dbdbdb;
}
.my_bbs_link li a span {
    position: absolute;
    right: 5px;
    top: 15px;
}
.my_bbs_link li:last-child {
    border-bottom: none;
}
.my_msg_bx {
    text-align: center;
    padding: 20px;
    max-width: 500px;
    margin: auto;
}
.my_msg_bx p {
    font-size: 0.8125rem;
    color: #9a9b9f;
    text-align: left;
    width: 200px;
    margin: auto;
}
.my_msg_bx p span {
    margin-right: 5px;
}
.refund_amount {
    font-family: "Roboto";
    font-size: 1.25rem;;
    font-weight: 600;
}
.refund_amount em {
    font-size: 0.875rem;
    color: #9a9b9f;
}
.refound_ex {
    padding: 20px;
    position: relative;
    min-width: 250px;
    max-width: 400px;
    margin: auto;
}
.refound_ex li {
    padding: 5px;
    overflow: hidden;
}
.refound_ex li span {
    width: 50%;
    float: left;
    color: #9a9b9f;
}
.refound_ex li span strong {
    color: #191919;
    font-family: "Roboto";
    font-weight: 600;
}
.refound_ex .refound_num {
    text-align: right;
    border-top: solid 1px #97cdbd;
}
.refound_ex .refound_num em {
    font-size: 1.25rem;;
    padding: 0 10px;
    display: inline;
    font-weight: 600;
    font-family: "Roboto";
}
.sup_list {
    position: relative;
    overflow: hidden;
    padding: 10px 20px 40px 20px;
    border-top: solid 1px #dbdbdb;
    margin-top: 5px;
}
.sup_list li {
    padding: 10px;
    display: block;
    position: relative;
    border-bottom: solid 1px #dbdbdb;
    overflow: hidden;
}
.sup_list li span {
    float: left;
    width: 200px;
    word-break: break-all;
    padding-right: 15px;
}
.sup_list li a {
    position: absolute;
    right: 0;
    top: -2px;
    display: inline-block;
    padding: 10px;
}
.charge_bx {
    padding: 20px;
}
.charge_bx .cha_txt {
    display: block;
    text-align: center;
}
.charge_bx .cha_txt span {
    font-size: 1.25rem;;
    font-family: "Roboto";
    font-weight: 600;
}
.charge_bx p {
    text-align: center;
    display: block;
}
.charge_bx {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 25px;
    position: relative;
    margin-bottom: 40px;
}
.charge_bx .sm_title .sm_tit_right {
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: normal;
    font-size: 13px;
    color: #9a9b9f;
}
.charge_bx ul li {
    position: relative;
    display: block;
    padding: 10px 0;
}
.charge_bx .bborder {
    border-bottom: solid 1px #dbdbdb;
}
.charge_bx li span {
    position: absolute;
    right: 0;
    top: 11px;
    color: #00aba1;
    font-size: 16px;
    font-weight: 700;
}
a.btn_charge {
    display: inline-block;
    border-radius: 12px;
    border: solid 1px #00aba1;
    color: #00aba1;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    padding: 5px;
}
a.btn_charge p {
    color: #9a9b9f;
    font-size: 13px;
}
.temporary {
    box-sizing: content-box;
    height: 20px;
    position: relative;
    background: #dbdbdb;
    border-radius: 25px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.temporary > span {
    display: block;
    height: 100%;
    border-radius: 20px 8px 8px 20px;
    background-color: #00aba1;
    box-shadow:
        inset 0 2px 9px rgba(255, 255, 255, 0.3),
        inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}
.temporary > span.g_gray {
    background-color: #9a9b9f;
}
.temporary > span.g_orange {
    background-color: #f5955d;
}
.animate > span > span,
.temporary > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-size: 50px 50px;
    animation: 2s linear infinite move;
    border-radius: 20px 8px 8px 20px;
    overflow: hidden;
}
.animate > span:after {
    display: none;
}
.temporary_bx {
    padding: 20px;
    position: relative;
}
.temporary_bx .gleft {
    position: absolute;
    left: 20px;
    top: 20px;
    display: inline;
    font-size: 0.75rem;
    color: #9a9b9f;
    letter-spacing: 0px;
}
.temporary_bx .g_right {
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline;
    font-size: 0.75rem;
    color: #9a9b9f;
    letter-spacing: 0px;
}
.temporary_bx .g_bottom {
    position: absolute;
    left: 20px;
    bottom: -2px;
    display: inline;
    font-size: 0.75rem;
    color: #9a9b9f;
    letter-spacing: 0px;
}
.temporary_bx .c_txt {
    text-align: center;
    color: #00aba1;
    font-weight: 600;
}
.sm_title {
    color: #00aba1;
    font-weight: 800;
    border-bottom: #00aba1 solid 1px;
    padding: 10px;
    position: relative;
}
.mypage_sns_icon span {
    display: inline-block;
    margin-right: 10px;
}
.mypage_sns_icon span.alpha {
    opacity: 0.3;
    filter: alpha(opacity=30);
    background-color: #cccccc;
    border-radius: 50%;
}
.btn_menu img {
    position: absolute;
    right: 5px;
    top: 25px;
}
.my_top_tit {
    font-size: 1.25rem;;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;
}
.my_top_txt {
    font-size: 0.75rem;
    color: #ffffff;
    line-height: 1rem;
}
.my_top_tel {
    font-size: 0.75rem;
    color: #ffffff;
    font-weight: 600;
    font-family: "Roboto";
    padding-top: 5px;
}
.my_top_tel img {
    display: inline-block;
    padding-right: 5px;
}
.my_graph_bx {
    width: 90%;
    margin: 30px auto;
    position: relative;
    clear: both;
    max-width: 800px;
}
.my_graph_bx .total_day {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 12px;
    color: #ffffff;
}
.progressbar-item {
    margin-bottom: 15px;
}
.progress-bar {
    margin: 0 0 10px;
    overflow: visible;
    background: 0 0;
}
.progress-number {
    padding-bottom: 5px;
    position: relative;
    margin: 5px 0;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: #2e2e2e;
}
.down-arrow,
.progress-number-mark {
    position: absolute;
    transform: translateX(-50%);
}
.progress-number-mark {
    padding: 2px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 4px;
    background: #00aba1;
    bottom: 0;
}
.progress-bg,
.progress-fill {
    height: 5px;
    border-radius: 6px;
}
.down-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #00aba1;
    left: 50%;
    top: 100%;
}
.progress-bg {
    overflow: hidden;
    background-color: #ffffff;
}
.progress-fill {
    background-color: #00aba1;
    width: 0%;
}
.progress-fill.red_fill {
    background-color: #f7586c;
}
.mypay_redtxt {
    background-color: #e5f7f5;
    border-radius: 50px;
    width: 80%;
    margin: 10px auto;
    padding: 5px;
}
.mypay_redtxt em {
    color: #f7586c;
}
.progress_day {
    position: absolute;
    bottom: -32px;
    margin-left: -20px;
}
.progress_day_txt {
    font-size: 0.8125rem;
    color: #00aba1;
    font-weight: 600;
}
.my_whitebx {
    width: 98%;
    max-width: 800px;
    margin: auto;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 3px 1px rgb(122 122 122 / 30%);
    overflow: hidden;
}
.my_whitebx .my_menu {
    overflow: hidden;
}
.my_whitebx .my_menu li {
    width: 50%;
    float: left;
    position: relative;
    text-align: left;
}
.my_whitebx .my_menu li {
    position: relative;
}
.my_whitebx .my_menu li .inner_bx {
    padding: 8px 15px;
    position: relative;
    text-align: left;
}
.my_menu li .inner_bx i {
    position: absolute;
    right: 10px;
    top: 30px;
    color: #dbdbdb;
}
.my_menu li .inner_bx span {
    font-size: 0.75rem;
    color: #9a9b9f;
    font-weight: 300;
}
.my_menu li .inner_bx .my_m_txt {
    color: #9a9b9f;
    letter-spacing: 0;
}
.my_menu li .inner_bx .my_m_txt em {
    color: #00aba1;
    font-weight: 600;
}
.inner_bx a {
    display: block;
    text-decoration: none;
}
.my_m_link a em span,
.my_m_link a em {
    color: #00aba1 !important;
    font-size: 0.875rem;
    font-weight: 600;
}
.my_m_link a {
    display: inline-block;
    color: #777;
    float: left;
    width: 50%;
    font-size: 0.75rem;
    font-weight: 300;
}
.my_bbs_link {
    position: relative;
    clear: both;
    padding: 20px;
}
.my_bbs_link li a {
    display: block;
    position: relative;
    padding: 10px 0;
    text-align: left;
    color: #191919;
    text-decoration: none;
}
.my_bbs_link li {
    border-bottom: solid 1px #dbdbdb;
}
.my_bbs_link li a span {
    position: absolute;
    right: 5px;
    top: 15px;
}
.my_bbs_link li:last-child {
    border-bottom: none;
}
.my_msg_bx {
    text-align: center;
    padding: 20px;
    max-width: 500px;
    margin: auto;
}
.my_msg_bx p {
    font-size: 0.8125rem;
    color: #9a9b9f;
    text-align: left;
    width: 200px;
    margin: auto;
}
.my_msg_bx p span {
    margin-right: 5px;
}
.refund_amount {
    font-family: "Roboto";
    font-size: 1.25rem;;
    font-weight: 600;
}
.refund_amount em {
    font-size: 0.875rem;
    color: #9a9b9f;
}
.refound_ex {
    padding: 20px;
    position: relative;
    min-width: 250px;
    max-width: 400px;
    margin: auto;
}
.refound_ex li {
    padding: 5px;
    overflow: hidden;
}
.refound_ex li span {
    width: 50%;
    float: left;
    color: #9a9b9f;
}
.refound_ex li span strong {
    color: #191919;
    font-family: "Roboto";
    font-weight: 600;
}
.refound_ex .refound_num {
    text-align: right;
    border-top: solid 1px #97cdbd;
}
.refound_ex .refound_num em {
    font-size: 1.25rem;;
    padding: 0 10px;
    display: inline;
    font-weight: 600;
    font-family: "Roboto";
}
.sup_list {
    position: relative;
    overflow: hidden;
    padding: 10px 20px 40px 20px;
    border-top: solid 1px #dbdbdb;
    margin-top: 5px;
}
.sup_list li {
    padding: 10px;
    display: block;
    position: relative;
    border-bottom: solid 1px #dbdbdb;
    overflow: hidden;
}
.sup_list li span {
    float: left;
    width: 200px;
    word-break: break-all;
    padding-right: 15px;
}
.sup_list li a {
    position: absolute;
    right: 0;
    top: -2px;
    display: inline-block;
    padding: 10px;
}
.charge_bx {
    padding: 20px;
}
.charge_bx .cha_txt {
    display: block;
    text-align: center;
}
.charge_bx .cha_txt span {
    font-size: 1.25rem;;
    font-family: "Roboto";
    font-weight: 600;
}
.charge_bx p {
    text-align: center;
    display: block;
}
.charge_bx {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 25px;
    position: relative;
    margin-bottom: 40px;
}
.charge_bx .sm_title .sm_tit_right {
    position: absolute;
    right: 0;
    top: 2px;
    font-weight: normal;
    font-size: 13px;
    color: #9a9b9f;
}
.charge_bx ul li {
    position: relative;
    display: block;
    padding: 10px 0;
}
.charge_bx .bborder {
    border-bottom: solid 1px #dbdbdb;
}
.charge_bx li span {
    position: absolute;
    right: 0;
    top: 11px;
    color: #00aba1;
    font-size: 16px;
    font-weight: 700;
}
a.btn_charge {
    display: inline-block;
    border-radius: 12px;
    border: solid 1px #00aba1;
    color: #00aba1;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    padding: 5px;
}
a.btn_charge p {
    color: #9a9b9f;
    font-size: 13px;
}
.temporary {
    box-sizing: content-box;
    height: 20px;
    position: relative;
    background: #dbdbdb;
    border-radius: 25px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.temporary > span {
    display: block;
    height: 100%;
    border-radius: 20px 8px 8px 20px;
    background-color: #00aba1;
    box-shadow:
        inset 0 2px 9px rgba(255, 255, 255, 0.3),
        inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}
.temporary > span.g_gray {
    background-color: #9a9b9f;
}
.temporary > span.g_orange {
    background-color: #f5955d;
}
.animate > span > span,
.temporary > span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-size: 50px 50px;
    animation: 2s linear infinite move;
    border-radius: 20px 8px 8px 20px;
    overflow: hidden;
}
.animate > span:after {
    display: none;
}
.temporary_bx {
    padding: 20px;
    position: relative;
}
.temporary_bx .gleft {
    position: absolute;
    left: 20px;
    top: 20px;
    display: inline;
    font-size: 0.75rem;
    color: #9a9b9f;
    letter-spacing: 0px;
}
.temporary_bx .g_right {
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline;
    font-size: 0.75rem;
    color: #9a9b9f;
    letter-spacing: 0px;
}
.temporary_bx .g_bottom {
    position: absolute;
    left: 20px;
    bottom: -2px;
    display: inline;
    font-size: 0.75rem;
    color: #9a9b9f;
    letter-spacing: 0px;
}
.temporary_bx .c_txt {
    text-align: center;
    color: #00aba1;
    font-weight: 600;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

/*마이페이지 포인트*/
.tbl_base table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
}
.tbl_base table tr th {
    padding: 10px 3px;
}
.tbl_base table tr th {
    background-color: #dbdbdb;
    text-align: center;
    padding: 5px;
}
.tbl_base table tr th:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.tbl_base table tr th:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.tbl_base table tr td {
    border-bottom: #dbdbdb solid 1px;
    text-align: center;
    padding: 10px 0;
}
.temporary_bx .dot_point {
    position: relative;
    top: 2px;
    width: 100%;
}
.temporary_bx .dot_point .dot_txt {
    position: absolute;
    top: -35px;
    margin-left: -40px;
}
.temporary_bx .dot_point .dot_line {
    border-right: dashed 2px #f7586c;
    height: 35px;
    font-size: 0;
    top: -13px;
    position: absolute;
    z-index: 99;
}
.pay_list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
    padding: 10px 5px;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 0.8125rem;
    line-height: 1.125rem;;
    margin-bottom: 10px;
}
.pay_list ul li.pay_tit span {
    color: #191919 !important;
}
.pay_list ul li span:nth-child(1) {
    width: 20%;
    text-align: center;
    color: #777;
}
.pay_list ul li span:nth-child(2) {
    width: 15%;
    text-align: right;
    color: #00aba1;
}
.pay_list ul li span:nth-child(3) {
    width: 20%;
    text-align: center;
}
.pay_list ul li span:nth-child(4) {
    width: 25%;
    text-align: center;
    color: #777;
}
.base_list {
    clear: both;
    margin-top: 20px;
    border-top: solid 1px #cccccc;
}
.base_list ul li {
    position: relative;
    display: block;
    padding: 10px;
    border-bottom: solid 1px #dbdbdb;
}
.base_list ul li span {
    position: absolute;
    padding: 0 5px;
    background-color: #9a9b9f;
    color: #ffffff;
    font-size: 11px;
    right: 10px;
    border-radius: 7px;
}
.base_list ul li .b_num {
    font-weight: 600;
    font-family: "Roboto";
    font-size: 1rem;
}
.base_list ul li .b_bank {
    font-size: 0.75rem;
}
.base_list ul li .b_date {
    color: #9a9b9f;
    font-size: 0.75rem;
    padding-bottom: 5px;
}

/*********사용자시작************/
/*user회원관련*/
.join_14bx {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.join_14bx .inner14 {
    border: solid 1px #dbdbdb;
    border-radius: 12px;
    text-align: center;
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
}
.join_14bx .inner14 a {
    text-decoration: none;
    line-height: 1.125rem;;
}
.join_14bx .inner14 p {
    display: block;
    font-weight: 600;
    padding: 2px 0;
}
.join_14bx .inner14 span {
    display: block;
    font-size: 0.75rem;
    color: #9a9b9f;
    font-weight: 300;
}
.tab_student {
    display: flex;
}
.tab_student li {
    width: 33.3%;
    display: block;
}
.tab_student li a {
    display: block;
    text-align: center;
    text-decoration: none;
    border: solid 1px #00aba1;
    color: #9a9b9f;
    box-sizing: border-box;
    padding: 10px 0;
}
.tab_student .ui-state-active a {
    color: #ffffff;
    background-color: #00aba1;
}
.tab_student .radius_fisrt a {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-right: none;
}
.tab_student .radius_last a {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-left: none;
}
.st_level input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.st_level {
    display: flex;
    flex-wrap: wrap;
}
.st_level label {
    width: 25%;
    padding: 5px;
}
.st_level label span {
    display: inline-block;
    text-align: center;
    border: solid 1px #dbdbdb;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    text-decoration: none;
}
.st_level input[type="radio"]:checked + label span {
    background-color: transparent;
    border-color: #00aba1;
    color: #00aba1;
}
.student_con {
    padding: 10px;
}
#birth {
    display: flex;
    align-items: center;
    gap: 10px;
}
.gender input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.genderbx {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.gender label {
    position: relative;
}
.gender label em {
    display: none;
}
.gender input[type="radio"]:checked + label em {
    position: absolute;
    top: -22px;
    right: 2px;
    background-color: #00aba1;
    border: solid 3px #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    font-size: 0;
    display: block;
}
.gender label span img {
    display: block;
    text-align: center;
    border: solid 1px #dbdbdb;
    border-radius: 100px;
    padding: 5px;
}
.gender label span {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.gender input[type="radio"]:checked + label span img,
.gender input[type="radio"]:checked + label span {
    background-color: transparent;
    border-color: #00aba1;
    color: #00aba1;
}
/*user메인*/
.main_container {
    position: relative;
    width: 100%;
    background-color: #f5f5f5;
}
.main_bx {
    position: relative;
    box-sizing: border-box;
    background-color: #97cdbd;
    padding-bottom: 40px;
}
.main_bx .main_logo {
    text-align: center;
    padding-top: 1.6rem;;
    position: relative;
}
.main_bx .main_img {
    border: 3px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#97cdbd, #97cdbd),
        linear-gradient(25deg, #ffffff, #ade0d1, #ffffff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
    width: 280px;
    height: 280px;
    margin: 20px auto;
    text-align: center;
}
.main_bx .main_img .main_txt01 {
    background-color: #7bbeaa;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 8px;
    width: 150px;
    margin: 40px auto 0 auto;
    padding: 3px;
    line-height: 0.75rem;
    letter-spacing: 0px;
}
.main_bx .main_img .main_txt01 i {
    background-color: #00aba1;
    padding: 3px;
    line-height: 0.75rem;
    border-radius: 50%;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    font-style: normal;
    display: inline-block;
}
.main_bx .main_img .main_txt02 {
    font-size: 4rem;
    display: block;
    font-family: "Roboto";
    color: #ffffff;
    font-weight: 600;
    line-height: 3rem;
    margin-top: 15px;
    margin-bottom: 10px;
}
.main_bx .main_img .main_txt02 span {
    display: block;
    font-size: 0.875rem;
    letter-spacing: -1px;
}
.main_bx .main_img .main_txt03 a {
    width: 120px;
    font-size: 0.8125rem;
    text-decoration: none;
    margin: 5px auto;
    text-align: center;
    background-color: #ffffff;
    color: #00aba1;
    border-radius: 100px;
    padding: 5px;
}
.main_bx .main_img .main_txt03 img {
    margin-left: 5px;
    vertical-align: middle;
}
.main_whitebx {
    position: relative;
    background-color: #ffffff;
    max-width: 600px;
    margin: auto;
    border-radius: 16px;
    width: 94%;
    margin-bottom: 20px;
    border: solid 1px #ffffff;
}
.white_inner {
    position: relative;
    overflow: hidden;
    background-color: #e5f7f5;
    padding: 10px 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.con_wrap {
    margin-top: -42px !important;
    padding-bottom: 100px;
}
.main_whitebx .inner_date {
    float: left;
}
.main_whitebx .inner_date em {
    color: #00aba1;
    text-transform: uppercase;
    margin-left: 5px;
}
.main_whitebx .inner_light {
    float: right;
}
.main_whitebx .main_con {
    width: 100%;
    position: relative;
    padding: 20px;
}
.main_con .con_tit {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    padding: 0px 62px 0 33px;
}
.main_con .con_tit em {
    font-size: 0.75rem;
    background-color: #d6dbdf;
    border-radius: 50px;
    text-align: center;
    padding: 3px 5px;
    display: inline-block;
    line-height: 0.75rem;
    margin-right: 5px;
    position: absolute;
    left: 0px;
    top: 3px;
}
.main_con .con_txt {
    font-size: 0.8125rem;
    color: #9a9b9f;
    line-height: 1.125rem;;
    padding-right: 62px;
    min-height: 30px;
}
.main_con .main_con_img {
    background-color: #97cdbd;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 0px;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
}
.main_con .con_value {
    display: block;
    margin-top: 20px;
}
.main_con .con_value span {
    display: inline-block;
    font-size: 3.1.25rem;;
    font-family: "Roboto";
    font-weight: 600;
    color: #00aba1;
}
.main_con .con_value span em {
    font-size: 0.875rem;
    margin-right: 5px;
}
.main_con .con_value strong {
    color: #00aba1;
    letter-spacing: 1px;
    margin-left: 10px;
}
.main_whitebx hr {
    border-bottom: #dbdbdb dashed 1px;
}
.show_hide {
    margin-top: 15px;
}
.show_hide button {
    background-color: transparent;
    color: #707070;
}
.show_hide button:active,
.show_hide button:hover {
    color: #707070;
}
.show_contents {
    padding: 15px 0;
    display: flex;
    text-align: center;
    justify-content: space-around;
    position: relative;
}
.show_contents span.line {
    width: 1px;
    height: 90px;
    border-left: 1px #dbdbdb solid;
    position: absolute;
    left: 50%;
    top: 32px;
    font-size: 0;
}
.show_contents p em {
    font-family: "Roboto";
    font-weight: 600;
    font-size: 1rem;
    margin-right: 5px;
}
.show_contents p {
    line-height: 1.25rem;;
    margin-top: 5px;
    font-size: 0.8125rem;
}

.show_hide_tit {
    position: relative;
    background-color: #f3f3f3;
    padding: 7px;
    border-radius: 12px;
}
.beefup__head::after {
    transition: transform 0.2s ease-out;
    content: "";
    transform: translate(0, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 0;
    margin-top: -2px;
    padding: 3px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    color: #707070;
}
.show_hide_tit img {
    vertical-align: middle;
    margin-right: 5px;
}
.show_hide_tit em {
    color: #00aba1;
    font-weight: 600;
}
.show_hide.is-open > .beefup__head::after {
    transform: translate(0, -50%) rotate(225deg);
    margin-top: 2px;
}
.show_hide .bt_show,
.show_hide .bt_hide {
    position: absolute;
    right: 34px;
    top: 8px;
}
.show_hide.is-open .bt_show {
    display: block;
}
.show_hide.is-open .bt_hide {
    display: none;
}
.show_hide .bt_show {
    display: none;
}
.u_modal_tit {
    background-color: #f5f5f5;
    font-size: 1.125rem;;
    position: relative;
    padding: 15px 15px 15px 30px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-weight: 600;
}
.u_modal_tit span {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    padding: 10px;
    cursor: pointer;
    color: #9a9b9f;
    padding: 10px;
}
.u_modal_con {
    padding: 15px;
    position: relative;
    display: block;
}
.um_light {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
    line-height: 1.125rem;;
}
.um_light p:first-child {
    width: 50px;
}
.um_light p span {
    font-size: 0.75rem;
    color: #9a9b9f;
    display: block;
}
.none_data {
    text-align: center;
    font-size: 1rem;
    padding: 30px;
    color: #777777;
    margin-top: 20px;
}
.con_zero_icon {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

/*user잔반기록*/
.sub_whitebx {
    position: relative;
    background-color: #ffffff;
    max-width: 600px;
    border-radius: 16px;
    width: 100%;
    margin-bottom: 20px;
    border: solid 1px #ffffff;
    margin: 40px auto;
}
.record_list {
    position: relative;
}
.record_list .rec_list_date {
    background-color: #e5f7f5;
    padding: 5px 30px;
    border-radius: 50px;
    position: relative;
    display: flex;
    width: 160px;
    margin-top: -20px;
    border: 1px solid #ffffff;
    margin-left: 20px;
    text-align: center;
    justify-content: space-evenly;
    letter-spacing: 0px;
}
.record_list .rec_list_del {
    text-align: right;
    display: block;
    margin-right: 20px;
    padding: 5px;
    position: absolute;
    top: 30px;
    right: 0px;
    z-index: 1;
}
.record_list ul {
    position: relative;
    margin-top: 10px;
    padding: 15px;
}
.record_list ul li {
    display: flex;
    justify-content: space-between;
}
.record_list ul li span {
    width: 20%;
    text-align: center;
}
.record_list ul li.rec_list_tit {
    color: #9a9b9f;
}
.record_list ul li {
    border-bottom: solid 1px #dbdbdb;
    padding: 5px 0;
}
.record_list ul li:last-child {
    border-bottom: none;
}
.font_num {
    font-family: "Roboto";
}

/*user포인트*/
.pont_msg {
    text-align: center;
    color: #00aba1;
    font-weight: 600;
    margin-bottom: 20px;
}
.point_bx {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: space-between;
}
.point_white {
    width: 48%;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 15px;
    height: 220px;
}
.point_bx .point_con {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
}
.point_con .cupon_img {
    height: 90px;
    width: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
}
.point_con .cupon_name {
    font-size: 0.75rem;
    color: #9a9b9f;
    line-height: 1rem;
    margin-bottom: 3px;
    padding: 10px 15px 0;
    height: 42px;
    overflow: hidden;
}
.point_con .cupon_point {
    font-family: "Roboto";
    letter-spacing: 0;
    margin-bottom: 10px;
    font-weight: 600;
}
.point_con .cupon_img img {
    width: 100%;
}
.point_con a.btn_grey {
    font-size: 0.8125rem;
    color: #ffffff;
    background-color: #9a9b9f;
    text-decoration: none;
    padding: 5px 12px;
    min-width: 80px;
    border-radius: 50px;
}
.point_con a.btn_green {
    font-size: 0.8125rem;
    color: #ffffff;
    background-color: #00aba1;
    text-decoration: none;
    padding: 5px 12px;
    min-width: 80px;
    border-radius: 50px;
}
.my_cuponbx {
    position: relative;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}
.my_cuponbx span.arrow {
    position: absolute;
    right: 18px;
    top: 40%;
    color: #9a9b9f;
}
.my_cuponbx .mycupon_img {
    width: 100px;
    height: 65px;
    font-size: 0;
    border-radius: 5px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
}
.my_cuponbx a {
    text-decoration: none;
    color: #191919;
    display: flex;
    flex-wrap: nowrap;
}
.my_cuponbx .mycupon_con {
    line-height: 1.125rem;;
    padding-left: 10px;
    width: calc(100% - 100px);
}
.my_cuponbx .mycupon_con span {
    display: block;
    padding: 2px;
}
.my_cuponbx .mycupon_con .mycupon_name {
    font-size: 0.8125rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.my_cuponbx .mycupon_con .mycupon_p {
    font-family: "Roboto";
    font-weight: 600;
    border-bottom: dashed 1px #dbdbdb;
}
.my_cuponbx .mycupon_con .mycupon_day {
    font-size: 0.75rem;
    color: #9a9b9f;
    font-weight: normal;
}
.my_lucky_bx {
    text-align: center;
    background-color: #e5f7f5;
    padding: 20px;
}
/*이벤트*/
.my_event_banner {
    padding: 20px;
    text-align: center;
    border-radius: 12px;
    background-color: #00aba1;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.my_event_banner strong {
    display: block;
}
.my_event_top {
    position: relative;
    display: block;
    padding: 20px;
    border-bottom: solid 1px #efefef;
    overflow: hidden;
}
.my_event_top .top_txt {
    font-family: "Roboto";
    font-weight: 600;
    font-size: 1rem;
    color: #00aba1;
    position: absolute;
    to: 20px;
    right: 20px;
}
a.myevent_list {
    text-align: left;
    padding: 10px;
    border: solid 2px #f0f0f0;
    border-radius: 12px;
    margin: 15px 0;
    position: relative;
    display: block;
    text-decoration: none;
}
.myevent_list .mye_name {
    font-size: 0.75rem;
    color: #00aba1;
    margin-bottom: 5px;
}
.myevent_list .mye_tit {
    font-size: 1rem;
    line-height: 1.125rem;;
    padding-bottom: 10px;
}
.myevent_list .mye_tit_s {
    font-size: 0.8125rem;
    display: block;
    color: #9a9b9f;
    font-weight: 300;
}
.myevent_list .mye_date {
    font-size: 0.75rem;
    color: #9a9b9f;
    letter-spacing: 0;
}
.myevent_list .mye_btn {
    text-align: right;
    margin-bottom: 10px;
}
.myevent_bx {
    margin-top: 20px;
    margin-bottom: 60px;
}
.myevent_bx .big_title {
    font-size: 1.25rem;;
    font-weight: 600;
    display: block;
    margin: 30px 0 10px;
}
.myevent_list em {
    font-size: 11px;
    background-color: #9a9b9f;
    color: #fff;
    padding: 1px 10px;
    position: absolute;
    right: 5px;
    top: 10px;
    border-radius: 20px;
}
.myevent_list em.my_lucky {
    background-color: #f5955d !important;
}
.myevent_list em.my_event_ing {
    background-color: #00aba1 !important;
}

/*사용자마이페이지*/
.mypage_nav {
    position: relative;
    display: block;
}
.mypage_nav li {
    font-weight: 600;
    border-bottom: solid 1px #dbdbdb;
}
.mypage_nav li a {
    position: relative;
    display: block;
    font-size: 0.875rem;
    text-decoration: none;
    color: #191919;
    padding: 15px 10px;
}
.mypage_nav li a span {
    position: absolute;
    top: 17px;
    right: 2px;
    font-size: 0.75rem;
}
.mypage_nav li a em {
    padding-left: 10px;
}

/*미디어쿼리*/
@media (min-width: 1399px) {
    .contents {
        width: 1000px;
    }
}
@media (max-width: 1400px) {
    .contents {
        width: 100%;
    }
}

/**추가개발**/

/*식당회원가입*/
.choice_page {
    max-width: 800px;
    padding: 25px;
    font-size: 0.875rem;
    font-family: "NotoSansKR";
    margin: 40px auto;
    position: relative;
    overflow: hidden;
    clear: both;
}
.choice_box {
    padding: 0px 30px;
}
.choice_box.left-line {
    border-right: solid 1px #dddddd;
}
.choice_box .ch_tit {
    font-size: 20px;
    font-weight: 700;
    color: #00aba1;
    margin-bottom: 15px;
    display: block;
    border-bottom: 1px solid #00aba1;
    padding-bottom: 10px;
}
.choice_box .ch_tit span {
    font-size: 18px;
    color: #00aba1;
}
.choice_box .ch_txt {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding-left: 18px;
}
.choice_box .ch_txt span {
    font-size: 12px;
    color: #777777;
    position: absolute;
    left: 0px;
}
.choice_box .ch_txt .ch_txt_info {
    font-size: 13px;
    color: #777777;
    font-weight: 300;
}
.member_step_box {
    margin-top: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 30px;
}
.member_whitebx .cancel-bt {
    position: absolute;
    clear: both;
    border-top: solid 1px #dddddd;
    padding-top: 10px;
    bottom: 30px;
    width: 80%;
    left: 10%;
    text-align: right;
}
.member_whitebx .cancel-bt a {
    text-decoration: none;
    background-color: transparent;
    box-sizing: border-box;
    color: #f25757;
    font-size: 14px;
    line-height: 14px;
    height: 35px;
    text-align: center;
}
.member_whitebx .cancel-bt a:hover {
    text-decoration: underline;
}

.input-number {
    width: 50px;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: 0;
}
.input-number,
.input-number-decrement,
.input-number-increment {
    border: 1px solid #ccc;
    height: 40px;
    user-select: none;
}
.input-number-decrement,
.input-number-increment {
    display: inline-block;
    width: 40px;
    line-height: 38px;
    background: #f7f7f7;
    color: #444;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    font-size: 18px;
}
.input-number-decrement:active,
.input-number-increment:active {
    background: #ddd;
}
.input-number-decrement {
    border-right: none;
    border-radius: 10px 0 0 10px;
}
.input-number-increment {
    border-left: none;
    border-radius: 0 10px 10px 0;
}

.step_fx {
    width: 150px;
    position: relative;
}
.step_fx span {
    font-size: 13px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 0px;
    z-index: 9;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    text-align: center;
    background-color: #b4b4b4;
    color: #ffffff;
    line-height: 24px;
}
.step_fx.on span {
    background-color: #00aba1;
}
.step_fx.on p {
    border-bottom: #00aba1 solid 2px;
    color: #282828;
}
.step_fx.on em {
    color: #00aba1;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -5px;
    font-size: 12px;
}
.step_fx p {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #282828;
    padding-top: 40px;
    padding-bottom: 10px;
    border-bottom: #b4b4b4 solid 2px;
    color: #b4b4b4;
}
.step_fx span.on {
    background-color: #00aba1;
}
.flex-inp {
    display: flex;
    gap: 10px;
    align-items: center;
}
.flex-inp.v-item {
    align-items: baseline !important;
}
.agree_titbx {
    font-size: 16px;
    margin-top: 20px;
    color: #333;
    padding-bottom: 5px;
}
.agree_titbx span {
    color: #00aba1;
}
.agree_txtbx {
    font-size: 13px;
    color: #777;
    height: 120px;
    overflow-y: auto;
    padding: 20px;
    border: solid 1px #ddd;
}
.agree_txtbx::-webkit-scrollbar {
    width: 7px;
}
.agree_txtbx::-webkit-scrollbar-thumb {
    background: linear-gradient(#00aba1, #24dacd, #24dacd, #00aba1);
    border-radius: 35px;
}
.agree_txtbx::-webkit-scrollbar-track {
    background-color: #ddd;
}
.dash_line {
    display: block;
    border-bottom: dashed 1px #c5cdcd;
    font-size: 0;
    height: 2px;
}
.inp-box .inp_txtr {
    height: 80px;
}
.member_price span {
    font-size: 1.375rem;;
    font-weight: 600;
}
.member_price {
    font-weight: 300;
    color: #333;
}
.flex-txt li {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    justify-content: space-between;
    border-bottom: dotted 1px #cccccc;
}
.flex-txt li.titles {
    color: #777;
    border-bottom: solid 2px #ccc !important;
}
.flex-txt li.lines {
    border-bottom: solid 1px #ccc;
}
.flex-txt li.totals {
    font-size: 18px;
    font-weight: 700;
    color: #00aba1;
    border-bottom: #ccc 2px solid;
}
.bg_boxs {
    background-color: #f5fdfd;
    padding: 30px;
    border-radius: 10px;
    border: solid 1px #d7f6fa;
}

/*식당회원스텝*/
.step_box {
    display: flex;
    justify-content: center;
}
.step_box .stage {
    display: inline-block;
    position: relative;
    text-align: center;
}
.step_box .stage span {
    position: absolute;
    left: 50%;
    top: 0px;
    font-size: 12px;
    z-index: 9;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    text-align: center;
    background-color: #bbbbbb;
    line-height: 24px;
    margin-left: -13px;
}
.step_box .stage.current span {
    background-color: #00aba1 !important;
}
.step_box .stage em {
    padding-top: 30px;
    display: block;
    color: #999;
    line-height: 18px;
}
.step_box .stage p {
    font-size: 16px;
    font-weight: 700;
    color: #282828;
}
.step_box .stage::after {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50%;
    height: 3px;
    content: "";
    background-color: #bbbbbb;
}
.step_box .stage::before {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50%;
    height: 3px;
    content: "";
    background-color: #bbbbbb;
}
.step_box .stage.current::after,
.step_box .stage.current::before {
    background-color: #00aba1;
}
.step_box .stage::after {
    right: 0;
}
.step_box .stage::before {
    left: 0;
}
.step_box .stage:first-child:before,
.step_box .stage.last::after {
    display: none;
}

/*상단추가*/
.dropdown_tit .Name,
.dropdown_tit .m-icon {
    display: inline-block;
    vertical-align: middle;
}
.Dropdown-nav li .NavLink,
.dropdown_tit {
    display: block;
    padding: 8px;
}
.top_dropdown {
    cursor: pointer;
    width: 100%;
    padding: 15px 20px;
    position: relative;
    background-color: #e5f7f5;
}
.top_dropdown .top_map {
    font-size: 12px;
    font-weight: 300;
    color: #9a9b9f;
    line-height: 18px;
}
.dropdown_tit {
    position: relative;
    color: #282828;
    min-height: 40px;
}
.dropdown_tit .m-icon {
    font-size: 14px;
}
.dropdown_tit .Name {
    line-height: 24px;
    font-size: 16px;
    width: 150px;
}
.Dropdown-nav {
    position: absolute;
    top: 100px;
    height: 0;
    visibility: hidden;
}
.Dropdown-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #00aba1;
    border-radius: 10px;
    overflow: hidden;
}
.Dropdown-nav li {
    position: relative;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background-color: #fff;
}
.top_dropdown.is-expanded i {
    position: absolute;
    display: inline-block !important;
    top: -13px;
    right: 50%;
    font-size: 12px;
    color: #00aba1;
}
.top_dropdown.is-expanded nav {
    margin-top: 0;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.Dropdown-nav li .OptionLink,
.MenuIcon {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 0;
}
.Dropdown-nav li a {
    font-weight: 300;
    color: #5d5d61;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}
.Dropdown-nav li:last-child {
    border-bottom: none;
}
.Dropdown-nav li a:hover {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
.Dropdown-nav li .OptionLink {
    top: 0;
    height: 22px;
    font-size: 18px;
    z-index: 5;
}
.Dropdown-nav li .drop_map {
    font-size: 12px;
    padding-left: 15px;
    line-height: 16px;
    color: #9a9b9f;
    font-weight: 300;
}
.Dropdown-nav li .NavLink {
    line-height: 24px;
    display: block;
    padding: 10px;
}
.top_dropdown.is-expanded nav {
    height: auto !important;
    top: 78px;
    left: 20px;
    width: 200px;
    visibility: visible;
    z-index: 99;
}
.Dropdown-group {
    border-top: 1px solid #ddd;
}
.MenuIcon {
    top: 5px;
    height: 15px;
    width: 20px;
    font-size: 0px;
    background: url("../img/common/bl_down.png") center/8px no-repeat;
    cursor: pointer;
}

/*서브 탭메뉴*/
.sub_tab_menu {
    margin: 30px auto 0px;
    clear: both;
}
.sub_tab_menu a {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    background-color: #f1f3f6;
    color: #9a9b9f;
    text-align: center;
    margin-right: 5px;
    min-width: 200px;
    border-top: #9a9b9f solid 5px;
    box-shadow:
        rgba(0, 0, 0, 0.04) 0px 1px 15px,
        rgba(0, 0, 0, 0.04) 0px 1px 6px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sub_tab_menu a.stab_on {
    color: #00aba1;
    border-top: #00aba1 solid 5px;
    background-color: #fff;
}
.sub_tab_menu {
    margin: 30px auto 0px;
    clear: both;
}
.sub_tab_menu a {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    background-color: #f1f3f6;
    color: #9a9b9f;
    text-align: center;
    margin-right: 5px;
    min-width: 200px;
    border-top: #9a9b9f solid 5px;
    box-shadow:
        rgba(0, 0, 0, 0.04) 0px 1px 15px,
        rgba(0, 0, 0, 0.04) 0px 1px 6px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sub_tab_menu a.stab_on {
    color: #00aba1;
    border-top: #00aba1 solid 5px;
    background-color: #fff;
}

.dialog_content::-webkit-scrollbar {
    width: 7px;
}
.dialog_content::-webkit-scrollbar-thumb {
    background: linear-gradient(#00aba1, #24dacd, #24dacd, #00aba1);
    border-radius: 35px;
}
.dialog_content::-webkit-scrollbar-track {
    background-color: #ddd;
}

/*저울 운영자관리*/
.felx_txt {
    display: flex;
    justify-content: space-between;
}
.scale_usebx {
    clear: both;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 20px;
    border: solid 1px #dddddd;
}
.s_use_tit {
    display: inline-block;
    width: 120px;
    float: left;
}
.scale_grf {
    position: relative;
    float: left;
}
.s_use_grfbx {
    position: relative;
    width: 80px;
    display: inline-block;
    margin-right: 5px;
}
.s_use_grf {
    box-sizing: content-box;
    height: 5px;
    position: relative;
    background: #d9e7eb;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.s_use_grf > span {
    display: block;
    height: 100%;
    border-radius: 20px 8px 8px 20px;
    background-color: #00aba1;
    position: relative;
    overflow: hidden;
}
.s_use_grf .bg_red {
    background-color: #f25757 !important;
}
.s_use_txt {
    font-size: 13px;
    float: left;
}
.m_info_bx li {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: dotted 1px #dddddd;
}
.m_info_bx li:last-child {
    border-bottom: none;
}

/*포인트*/
.inp_select .select:hover::after,
select {
    color: #555;
}
.inp_select select {
    appearance: none;
    outline: 0;
    border: 1px solid #ddd;
    box-shadow: none;
    flex: 1;
    padding: 0 10px;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
}
.inp_select select::-ms-expand {
    display: none;
}
.inp_select {
    position: relative;
    display: flex;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
}
.inp_select::after {
    content: "\25BC";
    position: absolute;
    border: 1px solid #ddd;
    top: 0;
    right: 0;
    padding: 8px 15px;
    background-color: #f5f5f5;
    font-size: 11px;
    transition: 0.25s;
    pointer-events: none; /*arrow 부분*/
}
.progress_bx {
    width: 500px;
    position: relative;
    padding: 40px;
    margin: 40px auto;
}
.progress_bg {
    position: relative;
    width: 100%;
    height: 30px;
    background-color: #262626;
    border-radius: 5px;
    padding: 10px;
}
.progress_bg .progress_w {
    position: absolute;
    height: 30px;
    left: 0;
    top: 0;
}
.progress_bg .progress_w span {
    position: relative;
    height: 26px;
    background-color: #00aba1;
    display: block;
    margin-left: 2px;
    margin-top: 2px;
    border-radius: 2px;
    width: calc(100% - 4px);
    transition: 1s;
    animation: 1s linear pro-bar;
}
@keyframes pro-bar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.progress_bx .pro_top_txt {
    color: #282828;
    font-size: 18px;
    text-align: left;
    padding-bottom: 10px;
}
.progress_bx .pro_top_txt span {
    color: #00aba1;
    font-weight: 700;
    padding-left: 10px;
}
.progress_bx .pro_bottom_txt {
    text-align: right;
    color: #282828;
    font-size: 16px;
    padding-top: 5px;
}
.bottom_msg {
    margin-top: 40px;
    padding-top: 40px;
    border-top: dashed 1px #dddddd;
}
.point_location {
    position: relative;
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-radius: 12px;
}
.point_location span {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 600;
    display: block;
}
.point_location span em {
    position: absolute;
    left: 0;
    top: 0px;
    color: #00aba1;
}
.point_location p {
    padding-left: 20px;
    color: #555;
}
.point_tbl .pt_list {
    position: relative;
    clear: both;
}
.point_tbl .pt_list.pt_tit .pt_info {
    border-left: none;
}
.point_tbl .pt_list.pt_tit {
    background-color: #e5f7f5;
    border-radius: 100px;
    padding: 5px 0;
    border: 1px solid #97cdbd;
    overflow: hidden;
}
.point_tbl .pt_list li {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #97cdbd;
}
.point_tbl .pt_list .pt_day {
    width: 200px;
    float: left;
    text-align: center;
}
.point_tbl .pt_list .pt_info {
    width: calc(100% - 200px);
    float: left;
    border-left: solid 1px #97cdbd;
}
.point_tbl .pt_list .pt_info .pt_data {
    display: flex;
    justify-content: space-around;
    padding: 8px 0;
    border-bottom: dashed 1px #dddddd;
}
.point_tbl .pt_list .pt_info .pt_data:last-child {
    border-bottom: none;
}
.point_tbl .pt_list .pt_info .pt_data span {
    width: 33.3%;
    text-align: center;
}

/*이용료*/
.radio-card {
    position: relative;
    margin-bottom: 20px;
    padding: 20px 0;
    border-bottom: solid 1px #dddddd;
}
.radio-card input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.radio-card {
    width: 96%;
    margin: auto;
}
.radio-card label {
    display: block;
    height: 70px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 7px;
    color: #777;
    position: relative;
    border: solid #dddddd 1px;
    padding-left: 20px;
}
.radio-card label span {
    font-size: 0.75rem;
    position: absolute;
    left: 20px;
    top: 35px;
    color: #999;
    text-align: left;
}
.radio-card input[type="radio"]:checked + label {
    background-color: #f2fffb;
    border-color: #00aba1;
    color: #00aba1;
    font-weight: 700;
}
/*결제내역*/
.pay_pop_list .fal,
.pay_pop_total .fal {
    width: 33.3%;
    float: left;
    text-align: left;
}
.pay_pop_list .fac,
.pay_pop_total .fac {
    width: 33.3%;
    float: left;
    text-align: center;
}
.pay_pop_list .far,
.pay_pop_total .far {
    width: 33.3%;
    float: right;
    text-align: right;
}
.pay_pop_list {
    position: relative;
    clear: both;
}
.pay_pop_list li {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px;
    border-bottom: #dddddd 1px dashed;
}
.pay_pop_list li:last-child {
    border-bottom: none;
}
.pay_pop_list li.p_titles {
    background-color: #f5f5f5;
    border-top: solid 1px #ccc;
    font-weight: 700;
}
.pay_pop_total {
    position: relative;
    clear: both;
}
.pay_pop_total li {
    background-color: #f8fafa;
    color: #000;
    font-weight: 700;
}
.pay_pop_total li {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px;
    border-bottom: #dddddd 1px dashed;
}
.pay_pop_total li:first-child {
    border-top: solid #00aba1 1px;
}
.pay_pop_total li:last-child {
    border-bottom: solid #00aba1 1px;
}
.pay_right_txt {
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
}
.pay_right_txt span {
    color: #00aba1;
    margin-left: 10px;
    margin-right: 5px;
}

/*고객센터*/
.manual_bx ul li a {
    position: relative;
    display: block;
    border-bottom: solid 1px #dddddd;
    padding: 15px 20px;
}
.manual_bx ul {
    position: relative;
    clear: both;
    border-top: solid 1px #00aba1;
    border-bottom: solid 1px #00aba1;
}
.manual_bx ul li a span {
    position: absolute;
    right: 0;
    top: 15px;
}
.manual_bx ul li a i {
    position: absolute;
    left: 0;
    top: 15px;
    color: #00aba1;
}
.terms_box {
    clear: both;
    position: relative;
}
.terms_box h2 {
    font-size: 18px;
    text-align: center;
    padding: 10px;
    background-color: #e5f7f5;
    border: solid 1px #00aba1;
    border-radius: 5px;
}
.terms_con {
    padding: 40px;
}

/*20230706 코스세팅 셀렉트 css 추가*/
.checkbx_tbl .td_select,
.checkbx_tbl .td_select:focus {
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;
}
.checkbx_tbl select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.checkbx_tbl .td_select {
    background-image: linear-gradient(45deg, transparent 50%, #00aba1 50%),
        linear-gradient(135deg, #00aba1 50%, transparent 50%),
        linear-gradient(to right, #fff, #fff);
    background-position:
        calc(100% - 15px) calc(1em + 1px),
        calc(100% - 10px) calc(1em + 1px),
        100% 0;
}
.checkbx_tbl .td_select:focus {
    background-image: linear-gradient(45deg, #00aba1 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #00aba1 50%),
        linear-gradient(to right, #e5f7f5, #e5f7f5);
    background-position:
        calc(100% - 12px) 1em,
        calc(100% - 17px) 1em,
        100% 0;
    border-color: #00aba1;
    outline: 0;
}
.checkbx_tbl select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.checkbx_tbl .td_select,
.checkbx_tbl .td_select:focus {
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;
}
.checkbx_tbl select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.checkbx_tbl .td_select {
    background-image: linear-gradient(45deg, transparent 50%, #00aba1 50%),
        linear-gradient(135deg, #00aba1 50%, transparent 50%),
        linear-gradient(to right, #fff, #fff);
    background-position:
        calc(100% - 15px) calc(1em + 1px),
        calc(100% - 10px) calc(1em + 1px),
        100% 0;
}
.checkbx_tbl .td_select:focus {
    background-image: linear-gradient(45deg, #00aba1 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, #00aba1 50%),
        linear-gradient(to right, #e5f7f5, #e5f7f5);
    background-position:
        calc(100% - 12px) 1em,
        calc(100% - 17px) 1em,
        100% 0;
    border-color: #00aba1;
    outline: 0;
}
.checkbx_tbl select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/*20230806* 추가개발 css*/
.p_relative {
    position: relative;
}
.inpbxs .input_s {
    width: 80px;
    display: inline-block;
    border-radius: 3px;
    border: solid 1px #dbdbdb;
    padding: 5px 8px;
    text-align: right;
    margin-right: 3px;
}
.agree_bx.p_relative a {
    position: absolute;
    right: 0;
}
.light_cfg {
    position: relative;
}
.light_cfg .c_title {
    border-bottom: solid 2px #b8dfe5;
}
.light_cfg li {
    box-sizing: border-box;
    padding: 15px 5px;
    border-bottom: dashed 1px #b8dfe5;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.light_cfg li div {
    text-align: center;
}
.light_cfg > li > div:nth-of-type(2) {
    width: 200px;
    text-align: right;
}
.light_infobx {
    padding: 20px 30px;
    border-top: solid 2px #b8dfe5;
}
.light_infobx .linght_infotxt {
    font-size: 14px;
    padding-bottom: 20px;
}
.light_infobx .linght_infoex {
    font-size: 16px;
    color: #000;
    padding-bottom: 10px;
    font-weight: 600;
}
.step_payment {
    position: relative;
}
.step_payment li {
    position: relative;
    padding: 10px 0;
    border-bottom: dashed 1px #b8dfe5;
}
.felx_bx {
    display: flex;
}
.card_bg {
    position: relative;
}
.card_bg .felx-ab1 {
    position: absolute;
    right: 20px;
    top: 15px;
}
.card_bg .felx-ab2 {
    position: absolute;
    right: 20px;
    top: 60px;
}
.felx_bx.between,
.felx_btw {
    justify-content: space-between !important;
    align-items: center;
}
.tow_td div:first-child {
    width: 150px;
}
.event_contents {
    border: solid 1px #cccccc;
    padding: 20px;
}
.record_date_bx {
    position: relative;
    display: flex;
    margin-top: 40px;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.record_date_bx .record_date_txt {
    font-size: 18px;
    color: #00aba1;
    font-weight: 600;
    margin-right: 40px;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons:before,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.radio input[type="radio"].custom-radio:indeterminate + .icons:before {
    content: "";
}
.card_bg {
    background-color: #f2fffb;
    border: #00aba1 solid 1px;
    position: relative;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
}
.card_bg .cardname {
    color: #000;
    font-weight: 700;
    font-size: 16px;
}
.card_bg .cardno {
    font-size: 14px;
    color: #505050;
    margin: 10px 0 5px;
}
.card_bg .c-change a {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #00aba1;
}
.card_bg em {
    display: block;
    font-size: 13px;
    color: #999;
    font-style: normal;
}
.radio-card em {
    position: absolute;
    right: 15px;
    top: 25px;
    font-size: 13px;
    font-style: normal;
    z-index: 2;
}
.tbl-felx {
    display: flex;
    justify-content: space-around;
}
.tbl-felx span {
    flex: 1;
    text-align: center;
}
.tbl-felx.newlist {
    border-bottom: solid 1px #00aba1;
    padding: 10px 0;
    align-items: center;
}
.card_bg .arrow-down,
.card_bg .arrow-up {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.card_bg .arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.card_bg .arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.dialog {
    z-index: 99;
}
#restart .dialog_content {
    height: 310px;
}
.restart {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 40px;
}
.restart .restartbx {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 20px 0;
    align-items: center;
    border-top: solid 1px #dddddd;
}
.restart .options-list li,
.selected-option {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: relative;
}
.restart .options-list li,
.selected-option p {
    display: block;
    font-size: 12px;
    color: #555;
    font-weight: normal;
}
.restart .custom-dropdown {
    position: relative;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.restart .options-list {
    position: absolute;
    width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    max-height: 220px;
    overflow-y: auto;
    z-index: 1000;
}
.restart .options-list.hidden {
    display: none;
}
.restart .options-list li {
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    display: block;
}
.restart .options-list li p {
    font-size: 12px;
}
.restart .options-list li.selected,
.options-list li:hover {
    background-color: #eef2f9;
}
.restart .selected-option .re-arrow {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
    color: #999;
}
.restart .options-list.hidden + .selected-option .re-arrow {
    transform: rotate(180deg);
    display: inline-block;
    transition: transform 0.3s;
}
.res-button {
    box-shadow: 0 1px 0 0 #f0f7fa;
    background: linear-gradient(to bottom, #0db8ad 5%, #00aba0 100%);
    background-color: #0db8ad;
    border-radius: 11px;
    border: 1px solid #00aba0;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 34px;
    text-decoration: none;
    text-shadow: 0 -1px 0 #5b6178;
    width: 100%;
}
.res-button:hover {
    background: linear-gradient(to bottom, #00aba0 5%, #0db8ad 100%);
    background-color: #00aba0;
    color: #fff;
}
.res-button:active {
    position: relative;
    top: 1px;
}
.valign_c {
    align-items: center !important;
}
/*잔반신호등 number button 없애기*/
.light_cfg input[type="number"]::-webkit-inner-spin-button,
.light_cfg input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.light_cfg input[type="number"] {
    -moz-appearance: textfield;
}
.light_cfg input:disabled {
    background-color: #efefef;
}
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons:before,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.radio input,
.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons:before,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons:before,
.radio input[type="radio"].custom-radio:indeterminate + .icons:before {
    content: "" !important;
}

/*20230824 추가*/
.view_editor img {
    max-width: 770px;
}

/*20231012 간편비번설정*/
.easy-box {
    background-color: transparent;
    box-shadow: 0 0 10px rgba(0, 0, 0, 8%);
}
.easy-inp {
    font-size: 35px;
    position: absolute;
    top: -5px;
    width: 100%;
    display: block;
    border: none;
    background-color: transparent;
    line-height: 50px;
}
.easy-box {
    width: 100%;
    display: block;
    border-radius: 25px;
    border: 1px solid #dddddd;
    height: 50px;
    position: relative;
    line-height: 50px;
}
.easy-inp::placeholder {
    font-size: 18px;
    top: 16px;
    color: #e5e5e5;
    position: absolute;
    width: 100%;
    letter-spacing: 3px;
}

/*20231109 메뉴 disable/// 코스라디오버튼추가*/
.course-none-inp {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.course-none input,
.course-none select,
.course-none .inp_inline {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.course-none {
    pointer-events: none;
}

.bowl-check-box {
    display: flex;
}
.bowl-no-box {
    display: flex;
    align-items: center;
    width: 60px;
}
.bowl-name-box {
    width: calc(100% - 410px);
    display: flex;
    align-items: center;
}
.bowl-check {
    display: flex;
    text-align: center;
}
.bowl-check div {
    flex: 1;
    display: flex;
    justify-content: center;
}
.bowl-check-tit-box {
    display: flex;
    flex-direction: column;
    width: 150px;
    text-align: center;
}
.bowl-check-tit {
    font-weight: bold;
    color: #00aba1;
}
.bowl-check-cog {
    width: 200px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bowl-check div .checkbox,
.radio {
    padding-left: 20px;
    margin-top: -5px !important;
}
.filebox {
    position: relative;
}
.filebox button {
    background-color: #9496a2;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    font-size: 12px;
    padding: 1px;
    position: absolute;
    right: 5px;
    top: 0px;
    padding-bottom: 4px;
}

/* 보상 - 상품(product_list) */
.product-list {
}

.product-list .price_sort {
    position: relative;
    clear: both;
    border-top: solid 1px #dbdbdb;
}
.product-list .price_sort li {
    display: block;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
}
.product-list .price_sort li .product-list_txt {
    float: left;
    padding: 10px;
}
.product-list .radio-menu {
    position: relative;
}
.product-list .radio-menu input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.product-list .radio-menu label {
    float: left;
    background-color: #ffffff;
    padding: 10px 5px;
    font-size: 0.875rem;
    color: #00aba1;
    width: 110px;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #00aba1;
    border-radius: 4px;
    line-height: 1.125rem;;
    margin-right: 10px;
}
.product-list .radio-menu input[type="radio"]:checked + label {
    background-color: #00aba1;
    border-color: #00aba1;
    color: #ffffff;
}
.product-list .selectBox {
    position: relative;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    font-size: 0.875rem;
}
.product-list .selectBox .sort {
    width: inherit;
    height: inherit;
    background: 0 0;
    border: 0;
    outline: 0;
    padding: 0 10px;
    position: relative;
    color: #555;
    font-size: 0.875rem;
    bottom: 4px;
    cursor: pointer;
}
.product-list .category-btn {
    background-color: #ffffff;
    padding: 10px 5px;
    font-size: 0.875rem;
    color: #00aba1;
    width: 110px;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #00aba1;
    line-height: 1.125rem;;
    margin-right: 10px;
}
.product-list .radio-category {
    position: relative;
}
.product-list .radio-category input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.product-list .radio-category label {
    float: left;
    background-color: #ffffff;
    padding: 10px 5px;
    font-size: 0.875rem;
    color: #00aba1;
    width: 110px;
    text-align: center;
    box-sizing: border-box;
    border: solid 1px #00aba1;
    line-height: 1.125rem;;
}
.product-list .radio-category input[type="radio"]:checked + label {
    background-color: #00aba1;
    border-color: #00aba1;
    color: #ffffff;
}
.product-list .product_info-link {
    font-weight: 400;
}
.product-list .product_info-link:focus,
.product-list .product_info-link:hover {
    color: #00aba1;
    text-decoration: none;
}

/* 삭제된 상품 표시용 스타일 */
.deleted-only {
    background-color: #f6f6f6;
    color: #999;
}

.image-container {
    display: flex;
    align-items: center; /* 세로 방향으로 중앙 정렬 */
    justify-content: center; /* 가로 방향으로 중앙 정렬 */
    width: 120px;
    height: 120px;
    background-color: white;
    overflow: hidden;
}

.centered-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* 보상 - 상품 리워드(product_info) */
.product-info {
}
.product-info .fileimg img {
    width: 100%;
    margin: 0;
    border: solid 1px #dbdbdb;
    border-radius: 12px;
}
.product-info .date_navigation span {
    display: inline-block;
    color: #9a9b9f;
    text-align: center;
    padding: 5px 10px;
}
.product-info .use_num {
    text-align: center;
    color: #00aba1;
}

.product-info .selectBox {
    position: relative;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    font-size: 0.875rem;
}
.product-info .selectBox .sort {
    width: inherit;
    height: inherit;
    background: 0 0;
    border: 0;
    outline: 0;
    padding: 0 10px;
    position: relative;
    color: #555;
    font-size: 0.875rem;
    bottom: 4px;
    cursor: pointer;
}

/* 보상 - 상품 리워드 수정(product_info_edit) */
.product-info-edit .inp_inline {
    display: inline-block;
    border-radius: 4px;
    border: solid 1px #dbdbdb;
    padding: 7px 10px;
}
.product-info-edit .btn_inline {
    display: inline-block;
    padding: 7px 0;
    border-radius: 4px;
    border: solid 1px #00aba1;
    background-color: #00aba1;
    position: relative;
    color: #00aba1 !important;
    text-decoration: none !important;
    text-align: center;
}

/* 보상 - 상품 교환 일정(exchange_schedule) */

.date-input-container {
    position: relative;
}
.date-icon-label {
    position: absolute;
    right: 15px;
    top: 70%;
    transform: translate(0, -50%);
    cursor: pointer;
}
.date-icon-label svg {
    width: 20px;
    color: #c3c3c3;
}

.tbl_b_n {
    position: relative;
}
.tbl_b_n table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    box-sizing: border-box;
    border-top: solid 1px #ededed;
}
.tbl_b_n table tr th {
    border-bottom: #ededed solid 1px;
    text-align: left;
    padding: 12px 12px 12px 24px;
    margin-left: 12px;
    font-weight: normal;
}
.tbl_b_n table tr td {
    border-bottom: #ededed solid 1px;
    padding: 12px;
    text-align: left;
    vertical-align: bottom;
}
.tbl_b_n table tr td .list_tbl table tr td {
    border-left: none;
    text-align: center;
}
.tbl_b_n table tr td .list_tbl table {
    border-top: none;
}

.bowl-check-box {
    display: flex;
}
.bowl-no-box {
    display: flex;
    align-items: center;
    width: 60px;
}
.bowl-name-box {
    width: calc(100% - 200px);
    display: flex;
    align-items: center;
}
.bowl-check {
    display: flex;
    text-align: center;
}
.bowl-check div {
    flex: 1;
    display: flex;
    justify-content: center;
}
.bowl-check-tit-box {
    display: flex;
    flex-direction: column;
    width: 150px;
    text-align: center;
}
.bowl-check-tit {
    font-weight: bold;
    color: #00aba1;
}
.bowl-check-cog {
    width: 200px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bowl-check div .checkbox,
.radio {
    padding-left: 20px;
    margin-top: -5px !important;
}
.filebox {
    position: relative;
}
.filebox button {
    background-color: #9496a2;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    font-size: 12px;
    padding: 1px;
    position: absolute;
    right: 5px;
    top: 0px;
    padding-bottom: 4px;
}
.tw-custom-checkbox .tw-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 0px;
    width: 7px;
    height: 15px;
    border: solid #00aba1;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.tw-custom-checkbox input:checked ~ .tw-checkmark:after {
    display: block;
}