@charset "utf-8";

/*심플모달*/
.dialog { display: none; width: 92%; padding: 20px; border-radius: 12px; margin: auto; }
.dialog .modal_title{background-color: #97CDBD; color: #ffffff; font-size: 1.6rem; font-weight: 600; text-align: center; padding: 10px 0; border-radius: 12px;}
.dialog .dialog_content{margin: 20px 0;max-height: 400px; min-height: 70px; overflow: auto;}
.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;}
.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: 12px; padding: 10px; color: #ffffff; border: #00ABA1 solid 1px;}
.dialog .btn_closed{min-width: 80px; background-color: transparent;display:inline-block; border-radius: 12px; border: #00ABA1 solid 1px;padding: 10px; color: #00ABA1;}
.dialog .btn_del{min-width: 80px; background-color: transparent;display:inline-block; border-radius: 12px; border: #F7586C solid 1px;padding: 10px; color: #F7586C;}

/*초기전체메뉴*/
#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:.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:.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 .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:2rem}
#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;}


/*member*/
.member_box{max-width:600px; padding: 20px; font-size: 1.4rem; font-family: 'NotoSansKR'; margin: auto;}
.member_logo{width: 180px; text-align: center; clear: both; margin:6rem auto 4rem auto; display: block;}
.sub_login{position: relative;height: 2px; border-bottom: solid 1px #dbdbdb; width: 100%; margin-top: 30px;}
.sub_login span{position:absolute;top:-18px; left:50%; margin-left:-40px;display: inline-block; background-color: #ffffff; font-size: 14px; color: #959595; padding: 10px;}
.login_icon{margin: 40px 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: 1.3rem; line-height: 1.8rem; 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: 1.4rem;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}
.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: 1.6rem;}
.point-text{font-size: 1.6rem; color:#00ABA1; margin-top: 10px;  display:block; clear: both;overflow: hidden;}
.point-text em{font-size: 1.2rem; color: #00ABA1; font-size: 1.2rem;}
.request_msg{font-size: 1.8rem; text-align: center; margin-top: 30px; display: block;color: #00ABA1;font-weight: 600;}
.request_msg span{text-align: center;color: #9A9B9F; font-size: 1.4rem; 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{}
.member_list .txt span{color:#9A9B9F; font-size: 1.3rem;}

.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;}


/*하단메뉴*/
.nav{position: fixed; width: 100%; z-index: 990;left: 0; bottom: 0;height: 5.6rem; background-color: #ffffff; overflow: hidden;box-shadow: 0 -2px 7px -2px rgba(0, 0, 0, 0.5); border: solid 1px #fff; }
.nav ul{display: flex; padding-top: 5px;}
.nav ul.nav4 li{width: 25%; box-sizing: border-box;}
.nav ul.nav5 li{width: 20%;box-sizing: border-box;}
.nav ul li a i{font-size: 10px;position: absolute;top:2px;right:15px; color: #ffffff; background-color:#F7586C; line-height: 12px; padding:2px 4px;text-align: center; border-radius: 50px; font-style: normal;}
.nav ul li a{display: block; text-align: center; text-decoration: none; position: relative;}
.nav ul li a span{font-size:11px; color: #9A9B9F;font-weight: 300;display: block;}
.nav ul li a span.nav_on{ color: #00ABA1; font-weight: 600;}


/*서브페이지 공통*/
.bg_gray{background-color: #f5f5f5;height: auto; padding-bottom:60px; min-height: 100vh;}
.msgbx{background-color: #E5F7F5; border-radius: 12px; padding: 20px;text-align: center; color: #9A9B9F;}
.sub_container{max-width: 1080px; margin:auto; padding:20px 20px 80px 20px;}
.sub_container .radio{padding-left: 25px !important;}
.sub_tit{position: relative; text-align: center; font-size: 2rem; font-weight: 600; height: 60px; line-height:6rem;border-bottom: solid 1px #dbdbdb;}
.sub_tit span{ position: absolute; top:7px; left:10px; line-height: 30px;}
.sub_tit span a{ padding: 10px;}
.sub_tit .sub_tit_right{position: absolute; right: 25px; top:1px;}
.sub_foot{width: 100%; position: fixed; right: 0; left: 0; bottom: 0; padding: 10px 20px;  border-top: solid 1px #f5f5f5;box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15); background-color: #ffffff; }
/*10-25추가*/
.sub_tit em.btn-save{ position: absolute; top:7px; right:10px; line-height: 30px;}

.inp_box{width: 100%; clear: both;position: relative;font-size: 1.4rem;}
.base_inp{ width: 100%; display: block; border-radius: 12px; border: solid 1px #dbdbdb;margin-bottom: 12px; padding: 1.5rem;}
.base_inp_s{ width: 100%; display: block; border-radius: 10px; border: solid 1px #dbdbdb;margin-bottom: 5px; padding: 0.8rem;}
.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: 1.4rem; color: #00ABA1; border: #00ABA1 1px solid; border-radius: 12px; text-align: center; padding: 14px 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:1.4rem;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: 1.2rem;}
.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: 1.2rem; line-height: 1.8rem; 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: 1.2rem; line-height: 1.6rem; 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: 1.2rem; line-height: 1.6rem; 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: 1.2rem; line-height: 1.6rem; 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: 1.6rem; 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: 1.2rem;}
.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;}
.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;}
.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{display: flex; justify-content: space-between; 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;}
.menu_tit .tit02{width: 40%; text-align: center;}
.menu_cours .menu_info01{ width: 68%; color: #9a9b9f; padding-left: 15px; line-height: 2rem;}
.menu_cours .menu_info01 strong{color: #191919;}
.menu_cours .menu_info02{font-size: 1.6rem; font-weight: 600;color: #191919;}
.menu_cours .menu_info02 img{margin-left: 7px;}
/*메뉴등록*/
.sub_tit .sub_date{font-size: 1.6rem;font-weight: 300; position: relative;}
.sub_tit .sub_date em{color:#00ABA1}
.sub_date .light{position: absolute; right: 20px; top:-2px;width: 70px;}
.radio-menu input[type="radio"] { opacity: 0; position: fixed; width: 0;}
.radio-menu {display: flex; justify-content: space-between;}
.radio-menu label {display: inline-block; background-color:#9A9B9F; padding: 10px 20px; font-size: 16px;border-radius:12px; color: #ffffff; width: 32%; text-align: center;}
.radio-menu input[type="radio"]:checked + label {background-color:#00ABA1; border-color: #00ABA1;}
.radio-menu label:hover { background-color: #00ABA1;}
.menu_add{}
.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: space-between;gap: 7px;}
.tabs_menu .mn_view a{text-decoration: none; display: block; color: #9a9b9f; background-color:#f5f5f5; text-align: center;padding:5px; border-radius: 12px;}
.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; border-radius: 12px; color: #f5f5f5;}
.tabs_menu .ui-state-active a span i{background-image: url('../img/common/people_w.png');}
.tab_tbl {margin-top: 40px;}
.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: #97CDBD; border-top-left-radius: 12px;border-top-right-radius: 12px; border: solid 1px #ffffff;}
.tab_tbl table tr .re_tit a{color: #ffffff;}
.tab_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;}
.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_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: 1.6rem; font-weight: 600; display: block;}
.modal_menu_txt em{color: #F7586C; font-weight: 600; margin-top: 10px;display: block;}
.like_opener{color: #191919 !important;}

/*잔반기록좌측메뉴*/
.sub_menu_top{width: 100%; padding: 20px; position: relative;display: block;}
.top_menu_right{text-align: right; float:right;color: #00ABA1;font-size: 1.5rem;}
.top_menu_right a{display: inline-block;margin-left:10px; font-size: 1.6rem; vertical-align: middle;letter-spacing: 0;}
.nav_left,.top-line{top:0}        
.nav_left{padding:30px 20px;background:#ffffff;position:fixed;right:0;width:220px;height:100vh;transition:transform .7s,opacity 1s;transform:translateX(100%);color:#191919; z-index: 998;}
.nav_left.show{transform:translateX(0);opacity:1}
.left_menu_tit{position: relative; margin-bottom: 20px; text-align: center; border-bottom: solid 1px #dbdbdb; padding-bottom: 10px; color: #00ABA1; font-weight: 600; font-size: 1.6rem; }
.left_menu_tit .bt_left_close{position: absolute; left:1px; top:1px;}
.black_fixed{position:fixed;z-index:991;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.6); font-size: 0;}
.list_radio{position: relative; clear: both; overflow: hidden; width: 100%;}
.list_radio ul{}
.list_radio li{display:block;color:#191919;cursor:pointer;position: relative; padding:12px 2px 12px 30px; border-bottom: solid 1px #dbdbdb; font-size: 1.4rem;}
.list_radio li img{position: absolute; left: 0px; top:13px}
.list_radio li.checked:before,.list_radio li:hover:before{color:rgb(148, 55, 55)}
.list_radio .check{position: absolute; right: 10px; top:11px}
.list_radio input,.list_radio li .check .ok,.list_radio li.checked .check .none{display:none}
.list_radio li.checked,.list_radio li:hover{color:#00ABA1}
.list_radio li .check .none,.list_radio li.checked .check .ok{display:inline}





/*신호등*/
.sub_tit .lights_opener{position: absolute; right: 20px; top:1px; font-size: 1.6rem;}
.sub_light{padding: 10px;position: relative; padding-left: 60px; font-size: 1.6rem;}
.sub_light img{position: absolute; left: 20px;top:15px;}
.sub_light span{color: #9A9B9F; font-size: 1.4rem; 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: 3.6rem; line-height: 4rem;}
.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: 1.6rem;}
.like_icon li span{font-weight: 300;}
.like_icon li img{text-align: center;}


/*테이블*/
.tbl_date{display: block; text-align: center; font-size: 1.6rem; 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:1.4rem;text-decoration: none;color: #191919; padding:20px 20px 20px 0px;}
.bbs_list li a span{position: absolute; top:30px; right:2px; font-size: 1.4rem;}
.bbs_list li a em{font-size: 12px; font-weight: 300; color: #9A9B9F; display:block}
.bbs_view{position: relative; clear: both;}
.bbs_view img{width: 100%;}
.bbs_view em{font-size: 1.2rem; color: #9A9B9F;font-weight: 300; display: inline-block;}
.bbs_view span{font-size:1.6rem; 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: 3 ; -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: 1.4rem; line-height: 1.8rem; 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: 2rem; font-weight: 600; color: #ffffff; display: block; text-align: center; margin-bottom: 5px;}
.mypage_top .mypage_tel, .mypage_top .mypage_info{font-size: 1.2rem;line-height: 1.8rem; 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;}


/*버튼*/
.base_box{position: relative; display: block; clear: both; overflow: hidden;}
.btn_base{display: block;  width: 100%;padding: 15px 0; border-radius: 100px; border: solid 1px rgba(0,0,0,.05); background-color: #00ABA1;  box-sizing: border-box;}
.btn_base .text{font-size: 1.6rem; line-height: 2rem; font-weight: 600; color: #ffffff; text-align: center;}
.btn_base_line{display: block;  width: 100%;padding: 15px 0; border-radius: 100px; border: solid 1px #00ABA1;background-color:transparent;}
.btn_base_line .text{font-size: 1.6rem; line-height: 2rem; 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,.05); background-color: #00ABA1;  box-sizing: border-box; color: #ffffff !important; text-decoration: none !important; text-align: center;}
.btn_s .text{font-size: 1.4rem; line-height: 2rem; 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: 1.4rem; line-height: 1.8rem; font-weight: 600;  color: #00ABA1; text-align: center;}
.btn_s_line i{position: absolute; left: 20px; font-size: 2rem;}
.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: 1.4rem; line-height: 1.8rem; 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: 1.4rem; line-height: 1.8rem; 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{text-decoration: none;display:inline-block; padding: 10px; border-radius: 100px; border: solid 1px rgba(0,0,0,.05); background-color: #00ABA1;  box-sizing: border-box; color:#ffffff; font-size: 1.4rem; line-height: 1.8rem; text-align: center; }
a.btn_link_s_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: 1.4rem; line-height: 1.8rem; text-align: center;}

a.btn_link_m{text-decoration: none;display:inline-block; padding: 10px; border-radius: 100px; border: solid 1px rgba(0,0,0,.05); background-color: #00ABA1;  box-sizing: border-box; color:#ffffff; font-size: 1.6rem; line-height: 2.2rem; 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: 1.6rem; line-height: 2.2rem; 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: 1.6rem; line-height: 2.2rem; height: 45px; text-align: center;}

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

/*탭메뉴*/
.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;}
.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 .3s ease-in-out;transition:opacity .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: 2.8rem; font-weight: 600;padding: 10px; margin-top: 20px; text-align: center;}
.point_value span{font-size: 1.4rem; font-weight: 300;}



/*별 셀렉트 디자인*/
.star-select{position:relative;width:110px;height:30px;font-size:1.4rem;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:.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:.1s}

.selectBox{position:relative;width:120px;height:35px;line-height:35px;border-radius:10px;border:1px solid #dbdbdb; font-size: 1.4rem;}
.selectBox .star{width:inherit;height:inherit;background:0 0;border:0;outline:0;padding:0 10px;position:relative;color:#ffa200;font-size:1.4rem;bottom:4px}
.selectBox .star option{color:#ffa200;padding:3px 0;font-size:1.4rem;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.8rem;}
.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: 1.4rem;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;}

.radio-quarter input[type="radio"] { opacity: 0; position: fixed; width: 0;}
.radio-quarter{display: flex; justify-content: space-between;margin-bottom: 20px;gap: 10px;}
.radio-quarter label {display: inline-block; background-color:#ffffff; padding: 5px; font-size: 1.4rem;color: #00ABA1; width: 25%; text-align: center; box-sizing: border-box; border: solid 1px #00ABA1 ; border-radius: 12px; line-height: 1.8rem;}
.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,.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: 1.6rem; 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;}
.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:#97CDBD; position: relative;padding:10px; width: 100%; border-radius: 12px;}
.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;display: flex; justify-content: space-between;}
.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; width:50%;}
.scale_list span:nth-child(3){text-align:right}
.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.8rem; 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;}
.event_list li{text-align: left;}
.event_list .e_name{font-size: 1.2rem; color: #00ABA1; margin-bottom: 5px;}
.event_list .e_tit a{font-size:1.6rem; line-height: 1.8rem;padding-bottom: 10px; text-decoration: none; color: #191919;}
.event_list .e_tit_s{font-size: 1.3rem; display: block; color: #9A9B9F; font-weight: 300;}
.event_list .e_date{font-size:1.2rem; color: #F5955D;}
.event_list .e_btn{text-align: right;margin-bottom: 10px }
.event_end li, .event_end li a{color:#9A9B9F !important}
.sub_tit .sub_tit_left{position: absolute; left:20px;font-weight: 600; display: inline-block;text-decoration: none; font-size: 1.6rem;}
.sub_tit .sub_tit_left a, .sub_tit .sub_tit_left a:link{color: #191919; font-size: 1.6rem;}
.event_step{width: 100%; background-color: #f5f5f5; padding: 10px;display: flex; justify-content: space-between; gap: 10px;}
.event_step span{text-align: center; width:calc(100%/3);text-align: center; background-color: #dbdbdb;color:#9A9B9F; display: inline-block; padding: 10px 0; border-radius: 12px; position: relative;}
.event_step span.e_on{color: #ffffff; background-color: #00ABA1;}
#multiple .box{display: inline-block; font-size: 1.6rem;}
.e_icon{display: inline-block;font-size: 1.6rem; padding-right: 10px; color: #9A9B9F;}

.event_step i{position:absolute; left:8px; top:10px; color:#00ABA1}
.tabs_event {position: relative; display: block; clear: both;margin-top: 5px;}
.tabs_event li a{width: 50%;text-decoration: none; display:inline-block; color: #9a9b9f; background-color:#f5f5f5; text-align: center;padding:7px;float: left;}
.tab_event_view{display: block; position: relative; clear: both;}
.tabs_event .ui-state-active a{background-color:#00ABA1;color: #f5f5f5;}
.tabs_event li.first a{border-top-left-radius:100px; border-bottom-left-radius:100px;}
.tabs_event li.last a{border-top-right-radius:100px; border-bottom-right-radius:100px;}
.tab_event_view {padding: 10px 0; display: block;}
.e_inp_box{border-radius: 12px; background-color: #f5f5f5; border: solid 1px #dbdbdb; padding: 10px; margin-top: 5px;}
.e_inp_box ul li{display: flex;justify-content: space-between; line-height: 40px; border-bottom:1px #dbdbdb dashed;padding-top: 5px;}
.e_inp_box ul li span{padding: 5px;}
.e_inp_box ul li:last-child{border: none;}
.e_inp_box ul .e_total{font-size: 1.6rem; font-family: 'Roboto'; 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: 1.6rem;font-weight: 600; text-align: left;}
.event_info img{width: 100%;}
.event_info ul li{display: block; padding: 5px 0;}
.event_info ul li span{display: inline-block; margin-right: 10px; background-color:#97CDBD; color:#ffffff;padding: 2px; width: 70px; text-align: center; border-radius: 100px;}
.event_info ul .felx_list{ display: flex;}
.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.8rem;}
.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: 1.6rem; font-family: 'Roboto';}

/*마이페이지*/
.my_top{width: 100%; padding:40px 20px;position: relative; text-align: center; background:url(../img/common/my_bg.png)repeat-x; background-position: top; }
.btn_menu img{position: absolute; right: 5px; top:25px}
.my_top_tit{font-size: 2rem; color: #ffffff;font-weight: 600;margin-bottom: 10px;}
.my_top_txt{font-size: 1.2rem; color: #ffffff; line-height: 1.6rem;}
.my_top_tel{font-size: 1.2rem; 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: 1.3rem; 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: 1.2rem; 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: 1.4rem;font-weight: 600;}
.my_m_link a{display: inline-block; color:#777; float: left; width: 50%; font-size: 1.2rem; 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:1.3rem; color: #9A9B9F; text-align: left;width: 200px; margin: auto;}
.my_msg_bx p span{margin-right: 5px;}
.refund_amount{font-family: 'Roboto';font-size: 2rem; font-weight: 600;}
.refund_amount em{font-size: 1.4rem; 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: 2rem; 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: 50%;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: 2rem; font-family:'Roboto'; font-weight: 600;}
.charge_bx p{text-align: center; display: block;}
.temporary{box-sizing:content-box;height:20px;position:relative;background:#dbdbdb;border-radius:25px;box-shadow:inset 0 -1px 1px rgba(255,255,255,.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,.3),inset 0 -2px 6px rgba(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:1.2rem; color:#9A9B9F; letter-spacing: 0px;}
.temporary_bx .g_right{position: absolute; right:20px; top:20px; display: inline;font-size:1.2rem; color:#9A9B9F; letter-spacing: 0px;}
.temporary_bx .g_bottom{position: absolute; left:20px; bottom:-2px; display: inline;font-size:1.2rem; 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: 1.3rem; line-height: 1.8rem; 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: 1.6rem;}
.base_list ul li .b_bank{font-size: 1.2rem;} 
.base_list ul li .b_date{color:#9A9B9F; font-size: 1.2rem;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.8rem;}
.join_14bx .inner14 p{display: block; font-weight: 600; padding: 2px 0;}
.join_14bx .inner14 span{display: block; font-size: 1.2rem; 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: 2.5rem; 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: 1.2rem; font-weight: 600; border-radius: 8px; width: 175px; margin: 40px auto 0 auto; padding: 3px; line-height: 1.2rem; letter-spacing: 0px;}
.main_bx .main_img .main_txt01 i{background-color:#00ABA1;padding: 3px; line-height: 1.2rem; 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: 1.4rem;letter-spacing: -1px;}
.main_bx .main_img .main_txt03 a{width: 120px;font-size: 1.3rem;  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: 1.6rem; font-weight: 600;margin-bottom: 10px;position: relative;padding: 0px 62px 0 33px;}
.main_con .con_tit em{font-size: 1.2rem; background-color: #D6DBDF; border-radius: 50px; text-align: center;padding: 3px 5px; display: inline-block; line-height: 1.2rem; margin-right: 5px; position: absolute;left:0px; top:3px;}
.main_con .con_txt{font-size: 1.3rem; color: #9A9B9F; line-height: 1.8rem; 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.2rem;font-family: 'Roboto'; font-weight: 600; color:#00ABA1;}
.main_con .con_value span em{font-size: 1.4rem;margin-right: 5px;}
.main_con .con_value span em.c_black{color: #2e2e2e !important;}
.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: 1.5rem; margin-right: 5px;}
.show_contents p{line-height: 2rem;margin-top: 5px; font-size: 1.3rem;}

.show_hide_tit{position: relative; background-color: #f3f3f3; padding:7px; border-radius: 12px;}  
.beefup__head::after{transition:transform .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.8rem; 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.9rem}
.um_light p:first-child{width: 50px;}
.um_light p span{ display: block;color: #2e2e2e;font-size: 12px;color:#9A9B9F;} 
.none_data{text-align: center; font-size: 1.6rem; 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;}
.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: 1.2rem; color: #9A9B9F; line-height: 1.6rem; 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: 1.3rem; color: #ffffff; background-color: #9A9B9F; text-decoration: none; padding:5px 12px;min-width:80px;border-radius:50px;}
.point_con a.btn_green{font-size: 1.3rem; 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.8rem;padding-left: 10px; width:calc(100% - 100px)}
.my_cuponbx .mycupon_con span{display: block; padding: 2px;}
.my_cuponbx .mycupon_con .mycupon_name{font-size: 1.3rem; 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: 1.2rem; 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: 1.6rem; 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: 1.2rem; color: #00ABA1; margin-bottom: 5px;}
.myevent_list .mye_tit{font-size:1.6rem; line-height: 1.8rem;padding-bottom: 10px}
.myevent_list .mye_tit_s{font-size: 1.3rem; display: block; color: #9A9B9F; font-weight: 300;}
.myevent_list .mye_date{font-size:1.2rem; 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: 2rem; 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:1.4rem;text-decoration: none;color: #191919;padding: 15px 10px; }
.mypage_nav li a span{position: absolute; top:17px; right:2px; font-size: 1.2rem;}
.mypage_nav li a em{padding-left: 10px;}
.sort_bt{display: flex; padding: 2px 3px; gap: 5px; margin-bottom: 20px;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}
.sort_bt button{border: solid 1px #dddddd; border-radius: 25px; background-color: #fff;min-width: 70px; width: auto;}
.sort_bt .sort_on{color: #00ABA1;}
.coupon_view_bx{position: relative; padding:0 10px;max-width: 600px; margin: 10px auto;}
.coupon_view_bx .coupon_view img{width: 100%; margin-bottom: 20px;}            
.coupon_view_bx .coupon_view_txt p{position: relative; display: block; margin-bottom: 10px; padding-bottom: 10px; line-height: 18px; border-bottom: dashed 1px #dddddd;}
.coupon_view_bx .coupon_view_txt span{display: block; font-size: 12px; color: #999;}
.coupon_view_bx .coupon_view_txt .ctitle{font-size: 16px; color: #000;}
.coupon_view_bx .coupon_view_txt .cprice{font-size: 24px; font-weight: bold; color: #00ABA1;display: block;}
.coupon_view_bx .coupon_view_txt .cinfo{line-height: 20px; margin-top: 10px; border-bottom: solid 1px #ccc;}


/*미디어쿼리*/
@media (min-width: 480px) {
  .point_con .cupon_img{height:150px;}
}
@media (min-width: 640px) {
  .point_con .cupon_img{height:180px;}
}
@media (min-width: 800px) {
  .point_con .cupon_img{height:250px;}
  .point_white{margin-bottom:30px}
}
/*추가2023-02*/

/*첨부파일*/
.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:#00aba1;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:#74b4c5;font-weight:300}
.fileinput-name .fileinput-clear.close{width:18px;height:18px;background-color:#a5a5a5;color:#fff;font-size:14px;font-weight:500;text-align:center;line-height:15px;border-radius:20px;margin-left:5px;padding:1px;position: static;}

.abs_bx{position: relative;}
.abs_bx .base_inp{position: relative;}
.abs_bx em{position: absolute; top:15px; right: 15px; font-size: 12px; color: #F25757;}
.sub_tit .sub_menu{position: absolute; right: 15px; top:13px; line-height: 30px;}
.choice_box .ch_tit{font-size: 18px; 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; line-height: 18px;}
/*식당회원스텝*/
.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;font-size: 13px;}
.step_box .stage p{font-size: 15px; 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; }
.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;position: relative;}
.inp-box .inp_txtr{height: 80px;}
.item_list li{padding: 10px; border-bottom: dotted 1px #cccccc; display: block;overflow: hidden;}
.item_list li .fal{width: 33.3%; float: left; text-align: left; }
.item_list li .far{width: 33.3%; float: right; text-align: right;}
.item_list li .fac{width: 33.3%; float: left; text-align: center;}
.item_list li.titles{color: #777; border-bottom: solid 2px #CCC !important;}
.item_list li.lines{border-bottom: solid 1px #CCC;}
.item_list li.totals{font-size: 16px; font-weight: 700; color: #00ABA1; border-bottom: #CCC 2px solid;}
.bg_boxs{background-color: #f5fdfd; padding: 20px; border-radius: 10px;border: solid 1px #d7f6fa;}

.flex-inp{display: flex; gap: 10px;align-items: center; justify-content: flex-start;}
.flex-inp.v-item{align-items:baseline !important}
.top-nav{font-size: 20px; padding: 10px 10px 0px 10px;}
.top_graph_bx{width: 100%;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 strong{display: inline-block;color: #000; background-color: transparent;line-height: 18px;font-size: 14px;}
.top_graph_bx .top_gra_left strong em{color: #F25757; padding-left: 10px;}
.top_graph_bx .top_gra_left{font-size: 12px; color:#9A9B9F;position: absolute; top: -13px;width: 100%; display: flex; justify-content: space-between; letter-spacing: 0px;}
.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,.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;}
.bg_state{background-color: #f5fdfd; padding: 30px 20px 20px 20px; border-radius: 10px;border: solid 1px #d7f6fa; overflow: hidden;}
/*타이틀*/
.bx-tit{font-size: 15px; font-weight: 700; color: #252525; padding-left: 5px; margin-bottom: 5px;}
.top_mesg{position: relative; clear: both;}

.pop-menu{padding: 20px; text-align: center;}
.pop-menu img{margin-bottom: 40px; clear: both;}
.pop-menu a.point-line{text-decoration: none;display:block; padding: 10px; border-radius: 100px; border: solid 1px #00ABA1; background-color:transparent;  box-sizing: border-box; color:#00ABA1; font-size: 1.5rem; line-height: 2.2rem; height: 45px; text-align: center; margin-bottom: 10px;}
.pop-menu a.gray-line{text-decoration: none;display:block; padding: 10px; border-radius: 100px; border: solid 1px #555555; background-color:transparent;  box-sizing: border-box; color:#252525; font-size: 1.5rem; line-height: 2.2rem; height: 45px; text-align: center; margin-top: 20px;}
.white_state{background-color: #fff; padding: 30px; border-radius: 10px;overflow: hidden;}
.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}
.inp-abs{position: relative;}
.inp-abs span{position: absolute; top:30px; right:10px; color: #999; font-size: 18px;}

/*텍스트정보 들여쓰기*/
.info_txt p{font-size: 13px; color: #555; line-height: 16px; padding-left: 10px; margin-bottom: 5px;}
.info_txt.ind p{ margin-left: 6px; text-indent: -6px;}
.info_txt strong{display: block;font-size: 14px;margin-bottom: 3px;color: #252525;}
.info_txt strong em{font-size: 18px; color: #00ABA1;}


.pop_bg{background-color:#f5fdfd ;border:solid 1px #d7f6fa;position: relative;padding: 20px;}
.pop_bg p{color: #555555; letter-spacing: -1px;font-size: 13px;}
.pop_bg strong{color: #000; font-size: 16px;}

/*알림팝업*/
#mask {position:absolute; z-index:1; left:0;top:0; right: 0; height: 100%;width: 100%; }
#mask .show-bg{background: rgba(0,0,0,0.7);display: flex;align-items: center;justify-content: center; height: 100%;}
#mask .show-pop {width: 92%; padding: 20px; border-radius: 12px; margin: auto; background-color: #fff;}
#mask .show-pop .modal_title{background-color: #97CDBD; color: #ffffff; font-size: 1.6rem; font-weight: 600; text-align: center; padding: 10px 0; border-radius: 12px;}
#mask .show-pop .dialog_content{margin: 20px 0;}
#mask .show-pop .btn_line{min-width: 80px; background-color: transparent;display: block; border-radius: 12px; border: #00ABA1 solid 1px;padding: 10px; color: #00ABA1; margin: 10px auto;}


.my_info_ea{display: flex;position: relative;text-align: center;}
.my_info_ea .my_ea{width: 33.3%;text-align: center; }
.my_info_ea .my_ea a{text-decoration: none;}
.my_info_ea .my_ea div{display:inline-flex; width: 100%;}
.my_info_ea .my_ea span{font-size: 24px; font-weight: bold;height: 60px;display: block; text-align: center;padding-top: 20px;}
.my_info_ea .my_ea p{font-size: 13px; color: #555; padding-top: 5px;text-align: center;}
.my_info_ea .my_ea.lines{border-left: solid 1px #e1e1e1;border-right: solid 1px #e1e1e1;}

/*도넛그래프*/
meter,progress{-webkit-appearance:none;appearance:none}
::-webkit-progress-bar,::-webkit-progress-inner-element,::-webkit-progress-value{display:none}
::-webkit-meter-bar,::-webkit-meter-even-less-good-value,::-webkit-meter-optimum-value,::-webkit-meter-suboptimum-value{display:none}
::-moz-meter-bar,::-moz-progress-bar{background:0 0}
.my-progress:after{content:attr(value) "%";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:#fff;border-radius:50%;color:#000;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}
.my-progress{position:relative;width:60px;height:60px;border-radius:50%;--fill:calc(var(--progress) * 1%);background:conic-gradient(#00aba1 var(--fill),#c7c7c7 0)}


.member_price span{ font-size: 1.8rem; font-weight: 600;}
.member_price{font-weight: 300;color: #333;}
.sub-tit-abs{font-size: 16px; font-weight: bold; color: #000;position: relative;display: block;padding:10px 0px 15px; border-bottom: solid 1px #252525;}
.sub-tit-abs span{position: absolute; right: 10px; top: 0px;}
.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;}

.scale-list{position: relative; clear: both; margin-top: 20px;}
.scale-list .bt-con{margin-bottom: 20px; padding-bottom: 20px; border-bottom:  dashed 1px #cccccc;}
.scale-list li{display: block; overflow: hidden; }
.scale-list .scale-no{position: relative; display: block; font-size: 15px; color: #000; line-height: 40px; border:solid 1px #cccccc; padding-left: 50px; margin-bottom: 10px;}
.scale-list .scale-no input[type="text"]{border: none; padding: 7px;}
.scale-list .scale-no button{position: absolute; right: 0; top: 0; width: 50px; height: 40px; background-color: #00ABA1; color: #fff;}
.scale-list .scale-no i{font-size: 16px;}
.scale-list .scale-no a{position: absolute; right: 10px; top: 0px;}
.scale-list .scale-no span{position: absolute; top:0; left: 0; width: 40px; height: 40px; background-color: #f3fcfa; text-align: center; color: #333; border-right: solid 1px #dddddd;}
.scale-list .bt-bxs{display: flex; gap: 5px;}
.scale-list .bt-bxs a{width: 33.3%; text-decoration: none; color: #333; border: solid 1px #dddddd; text-align: center;  font-size: 13px; padding: 8px 0;}
.msgbx{background-color: #f3f3f3; border-radius: 12px; padding: 20px;text-align: center; color: #333333;font-size: 13px;line-height: 18px;}
.msgbx.ind p{ margin-left: 20px; text-indent: -20px; margin-bottom: 5px;}

.bowl-list{position: relative; clear: both; margin-top: 20px;}
.bowl-list .bt-con{margin-bottom: 20px; padding-bottom: 20px; border-bottom:  dashed 1px #cccccc;}
.bowl-list li{display: block; overflow: hidden;margin-bottom: 10px; }
.bowl-list .bowl-no{position: relative; display: block; font-size: 15px; color: #000; line-height: 40px; border:solid 1px #cccccc; padding-left: 50px; }
.bowl-list .bowl-no span{position: absolute; top:0; left: 0; width: 40px; height: 40px; background-color: #f3fcfa; text-align: center; color: #333; border-right: solid 1px #dddddd;}
.bowl-list .bowl-no .bt-bxs{position: absolute; right: 0; top: 0; width:150px; height: 40px; text-align: right;}
.bowl-list .bowl-no .bt-bxs a{display: inline-block; padding:5px 10px !important}
/*포인트*/
.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;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:.25s;pointer-events:none/*arrow 부분*/}
.progress_bx{width:100%;position:relative;padding:20px;}
.progress_bg{position:relative;width:100%;height:20px;background-color:#262626;border-radius:5px;padding:10px}
.progress_bg .progress_w{position:absolute;height:20px;left:0;top:0;}
.progress_bg .progress_w span{position:relative;height:16px;background-color:#00aba1;display:block;margin-left:2px;margin-top:2px;border-radius:2px;width:100%;transition:1s;animation:1s linear pro-bar}
@keyframes pro-bar{0%{width:0}100%{width:100%}}
.progress_bx .pro_top_txt{color: #282828;text-align: left; padding-bottom: 2px;}
.progress_bx .pro_top_txt span{color: #00aba1;font-weight: 700; padding-left: 10px;}
.progress_bx .pro_bottom_txt{text-align: right;color: #282828;padding-top:2px;}
.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: 5px;}
.point_location span{position: relative; padding-left: 20px; font-size:16px; font-weight: 600;display: block;}
.point_location span em{position: absolute;left:0; top:0px; color: #00aba1;}
.point_location p{color: #555;font-size: 13px;}
.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 .pt_day{padding-top: 7px;}
.point_tbl .pt_list.pt_tit{background-color:#E5F7F5; border-radius:5px; 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: 50px;float: left; text-align: center;}
.point_tbl .pt_list .pt_info{width: calc(100% - 50px); 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;}

/*페이지네비게이션*/
.page_navigation{ margin: 4px auto; display: flex;justify-content: center;}
.page_navigation a{text-decoration: none;}
.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;}

/*이용료*/
.charge_bx .cha_txt{display: block; text-align: center;}
.charge_bx .cha_txt span{font-size: 2rem; font-family:'Roboto'; font-weight: 600;}
.charge_bx p{text-align: center; display: block;}
.charge_bx{width: 100%; box-sizing: border-box; padding: 0 10px; position: relative; margin-bottom: 30px;}
.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:5px 0;}
.charge_bx .cha-data{ border-bottom: solid 1px #dbdbdb; color: #000; font-size: 15px;}
.charge_bx .cha-data em{font-size: 13px; color: #555;}
.cha-ea{display: inline-block; margin-right: 15px;font-size: 13px; }
.cha-ea em{font-size: 15px; font-weight: bold; padding-left:5px; color: #000;}
.charge_bx li span{position:absolute;right:0;top:5px; 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;}
.charge_bg{padding: 20px; background-color: #f2fffb; border: solid 1px #d2f1ef; border-radius: 12px;}
a.btn_charge p{color: #9A9B9F; font-size: 13px;}
.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: #bfbfbf; position: relative; border:  solid #dddddd 1px; padding-left: 20px;}
.radio-card label span{font-size: 1.2rem; position: absolute; left: 20px; top: 35px; color: #bfbfbf; text-align: left;}
.radio-card input[type="radio"]:checked + label {background-color:#f2fffb; border-color: #00ABA1; color: #00ABA1;font-weight: 700;}
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;}

/*bg_gray*/
.sub_wlist{position: relative; margin-top: 30px; border-top:1px solid #dbdbdb;}
.sub_wlist li{position: relative; padding: 15px;display: block; clear: both; overflow: hidden; box-shadow:0 1px 3px 1px rgb(122 122 122 / 30%);border-radius: 10px; background-color: #ffffff; margin-bottom: 15px;}
.sub_wlist li .txtbx{position: relative; float: left;}
.sub_wlist li .txtbx a{text-decoration: none;}
.sub_wlist li .txtbx .list_tit{font-weight: 600; display: block; text-decoration: none;}
.sub_wlist li .txtbx .list_txt{font-size: 1.2rem; line-height: 1.8rem; color: #959595; display: block;font-weight: 300;}
.sub_wlist li .iconbx{position: relative; float: right;}
.sub_wlist li .iconbx .icon_link{position: relative;display: inline-block; padding: 5px; width: 40px;}
.sub_wlist li .iconbx .icon_link em{font-size: 12px; background-color: #00ABA1; color: #fff; width: 15px;height: 15px;border-radius: 50%; position: absolute; top:0; right: 5px; text-align: center; line-height: 14px;}
.sub_wlist li .iconbx .btn_list{background-color: #00ABA1;color: #ffffff; font-size: 1.2rem; line-height: 1.6rem; padding: 10px; border-radius: 100px; text-align: center; text-decoration: none; display: inline-block;}
.sub_wlist li .btbx .btn_list_gray{background-color: #9A9B9F; color: #ffffff; font-size: 1.2rem; line-height: 1.6rem; padding: 10px; border-radius: 100px; text-align: center; text-decoration: none; display: inline-block;}
.sub_wlist li .btbx .btn_list_red{color: #F25757; border: 1px solid #F25757; background-color: transparent; font-size: 1.2rem; line-height: 1.6rem; padding: 10px; border-radius: 100px; text-align: center; text-decoration: none; display: inline-block;}

/*결제내역*/
.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;}
.pay_title{background-color: #e5f7f5; color: #00ABA1; font-size: 18px; font-weight: 700; text-align: center; padding: 10px 0; border-radius: 12px; border: solid 1px #ccf5f2;margin-top: 10px;}
.pay_s_title{font-size: 16px; font-weight: bold; color:#252525; text-align: center; padding-top: 25px;}
.bg_wblock{width: 92%; max-width: 800px; margin:auto; border-top: none !important;}
.bg_wblock li{background-color: #ffffff;border-radius: 12px; box-shadow: 0 1px 3px 1px rgb(122 122 122 / 30%); overflow: hidden; z-index: 9; position: relative; margin-bottom: 15px; margin-top: 15px;}
.base_tit{font-size: 16px; font-weight: bold; padding: 10px 0; color: #252525; border-bottom: solid 1px #cccccc;}
.alert-red{color: #fff; background-color: rgba(243,156,18,0.88); border-color:rgba(243,156,18,0.88);position: relative;padding:8px 15px; border: 1px solid transparent; width: 92%; max-width: 600px; border-radius: 10px; margin: 10px auto;}
.alert-red a i{position: absolute; top:0px; right: 5px; text-decoration: none; color: #fff; padding: 8px;}
.sub_tit .top_name{font-size: 18px; font-weight: bold;text-align: left; padding-left:55px;position: relative;}
.sub_tit .top_name img{ width: 30px; position: absolute; left: 20px; top:15px}
.bx-grf{position: relative; display: block; width: 100%; padding: 5px;}
.bx-grf a{position: absolute; right:0px; top:0px}
.fileimg{position: relative;}
.fileimg span{position: absolute; top:30px; right: 10px; padding: 10px; color:#000;font-size: 18px;}

.terms_box {clear: both; position: relative;}
.terms_box h2 { font-size: 16px; text-align: center;  padding: 8px; background-color: #E5F7F5;  border: solid 1px #00ABA1;  border-radius: 5px}
.terms_con{font-size: 13px; line-height: 18px; padding: 25px;}
.m-arrow{color: #00ABA1; top:12px !important}



/*20230708 그래프날짜css추가*/
.simple-bar-graph__column .simple-bar-graph__caption{display:none; } 
.simple-bar-graph__columns .simple-bar-graph__column:nth-of-type(1) .simple-bar-graph__caption{display:block}
.simple-bar-graph__columns .simple-bar-graph__column:nth-of-type(10) .simple-bar-graph__caption{display:block}
.simple-bar-graph__columns .simple-bar-graph__column:nth-of-type(20) .simple-bar-graph__caption{display:block}
.simple-bar-graph__columns .simple-bar-graph__column:last-child .simple-bar-graph__caption{display:block}

li.event-abs{position: relative; padding-left: 80px !important;}
li.event-abs span{position: absolute; top:3px; left: 0;}


/*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: 16px;top:18px; color: #e5e5e5;position: absolute;width: 100%; letter-spacing: 3px;}
.btnbx-join{display: flex;justify-content: center; flex-direction: row;margin-top: 40px;}
.radius25{border-radius: 25px !important;}