html{height: 100%;}
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);
@font-face {
font-family: 'GmarketSansBold';
src: url('/theme/glory/fonts/GmarketSansTTFBold.ttf');
}
@font-face {
font-family: 'GmarketSans';
src: url('/theme/glory/fonts/GmarketSansTTFLight.ttf');
}
@font-face {
font-family: 'GmarketSansMedium';
src: url('/theme/glory/fonts/GmarketSansTTFMedium.ttf');
}
@font-face {
font-family: 'Recipekorea';
src: url('/theme/glory/fonts/Recipekorea.ttf');
font-weight: normal;
font-style: normal;
}
*{font-family: 'NanumSquare';}
*{-webkit-tap-highlight-color : transparent;}
button, input, textarea, select{font-family: 'NanumSquare';}
body::-webkit-scrollbar {display: none;}
.cursor_p {cursor: pointer;}
/* 블럭업 팝업 부분 */
.blockContainer{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); z-index: 9999; padding: 0 20px;}
.blockPopup{width: 100%; height: 220px; background: #fff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.blockPopup p{font-size: 16px; font-weight: 600; color: #000; text-align: center; line-height: 24px; letter-spacing: -1px;}
.closeMenu{margin-top: 32px; width: 130px; height: 48px; border-radius: 24px; background: #01a553; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 400;}
.boldTxt{font-weight: 800;}
/* 푸쉬메세지팝업 */
.pushContainer{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.3); z-index: 9999; padding: 0 20px;}
.pushPopup{width: 100%; height: max-content; background: #fff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 43px 20px 26px; max-height: 70%;}
.pushPopup_main{font-size: 18px; font-weight: 600; color: #000; text-align: center; line-height: 24px; letter-spacing: -1px; margin-bottom: 10px;}
.pushPopup_body{font-size: 16px; font-weight: 600; color: #000; text-align: center; line-height: 24px; letter-spacing: -1px;}
.pushcloseMenu{margin-top: 32px; width: 130px; height: 48px; border-radius: 24px; background: #01a553; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 400;}
.boldTxt{font-weight: 800;}
.push_title{font-size: 20px !important; margin-bottom: 20px; font-weight: 600; color: #000; text-align: center; line-height: 24px; letter-spacing: -1px;}
/* 카카오채널 */
.share_group{display:flex; gap: 4px; align-items: center;}
.share_txt{font-size: 15px;}
.share_flex{display: flex; gap: 6px;}
.sharelink{width: 24px; border-radius: 8px; background: #000; cursor: pointer; display: flex; justify-content: center; align-items: center; height: 24px;}
.sharelink img{width: 15px; height: auto;}
.shareChannel{display: flex;width: 100%; border-radius: 0px; overflow: hidden;align-items: center;gap: 10px;margin-top: -3px;cursor: pointer;justify-content: flex-end;}
/*버전업데이트 팝업*/
.ver_notice {
padding: 43px 24px 26px 24px;
display: flex;
flex-direction: column;
gap: 20px;
border-radius: 20px;
background: #fff;
align-items: center;
top: 34%;
position: relative;
margin: 0 20px;
transition: 0.2s;
opacity: 0;
}
.ver_title{display: flex; gap: 9px; font-size: 22px; font-weight:600;}
.ver_green{color: #01a553;}
.ver_txt{font-size: 16px; letter-spacing: -0.32px; text-align: center; line-height: 23px;}
.ver_info{display: flex; gap: 15px; font-size: 16px; letter-spacing: -0.32px;}
.ver_btn_group{display: flex; justify-content: space-between; width: 100%;}
.ver_btn {
width: 48%;
text-align: center;
padding: 15px 0;
border-radius: 24px;
color: #fff;
font-size: 16px;
letter-spacing: -0.32px;
}
.ver_confirm {background: #01a553; cursor: pointer;}
.ver_close {background: #A2A2A2; cursor: pointer;}
/*텍스트*/
.p12{font-size: 12px; }
.p12b{font-size: 12px; font-weight: 600;}
.p14{font-size: 14px; letter-spacing: -0.63px;}
.p14b{font-size: 14px; letter-spacing: -0.63px; font-weight: 600;}
.p15{font-size: 15px; letter-spacing: -0.3px;}
.p16{font-size: 16px; letter-spacing: -0.72px;}
.p16b{font-size: 16px; letter-spacing: -0.72px; font-weight: 600;}
.p18{font-size: 18px; letter-spacing: -0.36px;}
.p18b{font-size: 18px; letter-spacing: -0.36px; font-weight: 600;}
.p20{font-size: 20px; letter-spacing: -0.4px;}
.p20b{font-size: 20px; letter-spacing: -0.4px; font-weight: 600;}
.p24{font-size: 24px; letter-spacing: -0.48px;}
.p24b{font-size: 24px; letter-spacing: -0.48px; font-weight: 600;}
.l0{line-height: 0;}
.we_blue{color:#01a553 !important;}
.we_orange{color: #FF5B5B !important;}
.cwhite{color: #fff;}
.c30{color: #303030;}
.cae{color: #AEAEAE;}
.c70{color: #707070;}
.c97{color: #979797;}
.df{display: flex; align-items: center;}
.dfsb{display: flex; align-items: center; justify-content: space-between;}
.g10{gap:10px;}
/*마진*/
.mb10{margin-bottom: 10px;}
.mb12{margin-bottom: 12px;}
.mb14{margin-bottom: 14px;}
.mb16{margin-bottom: 16px;}
.mb18{margin-bottom: 18px;}
.mb23{margin-bottom: 23px;}
.mb32{margin-bottom: 32px;}
.mb35{margin-bottom: 35px;}
.mb42{margin-bottom: 42px;}
.main_div{width: 100%; height: 100%; margin: 0 auto; padding: 0 20px;}
.m-bg{background: #F5F5F7;}
.main_head{display: flex; justify-content: space-between; margin-bottom: 30px;}
.head_txt_group{display: flex; gap: 9px;}
.main_head_txt{font-size: 20px; font-weight: 600; color: #01a553; margin-top: 2px; font-family: 'GmarketSans'; letter-spacing: -0.9px;}
.alarm{padding-right: 10px; position: relative;}
.alarm_dot {content: ''; width: 5px; height: 5px; position: absolute; top: -5px; right: 5px; border-radius: 50%; background: #D11717;}
.main_head_right{display: flex;align-items: center; gap: 8px;}
.login{font-size: 14px; border-bottom: 1px solid #000;}
.menu_div:not(:last-child){margin-bottom: 40px;}
.menu_title_flex{display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px;}
.menu_title_txt{font-size: 18px; font-weight: 600; letter-spacing: -0.77px;}
.share_btn{padding: 7px 11px; background: #E9E9E9; display: flex; justify-content: space-between; gap: 4.5px; border-radius: 13px;}
.point_menu_box{padding: 12px 14px; background: #fff; display: flex; justify-content: space-between; border-radius: 10px; box-shadow: 0px 3px 6px #00000008;cursor: pointer;}
.point_menu_box:not(:last-child){margin-bottom: 12px;}
.point_menu_left{display: flex; flex-direction: column; gap: 11px;}
.point_menu_left_up{display: flex; align-items: center; gap: 6.5px; font-size: 15px; font-weight: 600;}
.point_menu_left_down{font-size: 13px; color: #707070; line-height: 18px;}
.point_menu_right{font-size: 15px; display: flex; justify-content: space-between; align-items: center; gap: 5px;}
.point_menu_right div{font-weight: 600;}
.point_menu_right img{padding-bottom: 2px;}
.unit_txt{font-weight: 500;}
/*배너*/
.index_banner{border-radius: 14px; margin-bottom: 20px; overflow: hidden;cursor: pointer;}
/*퀵메뉴*/
.quick_btn_flex1{display: flex; justify-content: space-between; margin-bottom: 12px;}
.quick_btn_flex2{display: flex; justify-content: space-between;}
.quick_btn{display: flex; background: #fff; border-radius: 10px; box-shadow: 0px 3px 6px #00000008; padding: 20px 0 10px 14px; flex-direction: column; width: 32%; justify-content: space-between;cursor: pointer;}
.quick_txt{font-size: 14px; margin-top: 10px;}
/* MY진행률 */
.my_process{padding: 36px 19px 28px 19px; background: #fff; border-radius: 10px; box-shadow: 0px 3px 6px #00000008;}
.my_block_top{display: flex; justify-content: space-between; margin-bottom: 17px;}
.my_block_top2{display: flex; justify-content: space-between; margin-bottom: 20px;}
.my_block_txt{font-size: 16px; font-weight: 600;}
.my_block_cnt{font-size: 15px; font-weight: 600; color:#000;}
.my_block_total{font-size: 13px; color:#979797;}
.my_block_percent_txt{font-size: 14px; color: #707070; margin-bottom: 10px;}
.per_txt{font-weight: 600; color: #000;}
.reach_per{ margin-top: 37px;}
.my_reach_cnt{font-size:12px; color: #979797;}
.reach_box{background: #F8F8F8; box-shadow: 0px 3px 6px #00000005; border-radius: 6px; padding: 10px 0 10px 12px; margin-bottom: 21px;}
.reach_box_flex{display: flex; gap: 12.5px; color: #707070; font-size: 12px; align-items: center;}
.vip_cnt{color: #01a553; font-weight: 600;}
.sogae_cnt{color: #000; font-weight: 600;}
.reach_bar{height: 8px; border-left: 1px solid #C2C2C2;}
.my_calculate{margin-top: 37px;}
.cal_section{display: flex; justify-content: space-between; margin-top: 10px; letter-spacing: -0.6px;}
.cal_unit{font-size: 12px; color: #979797; margin-top: 4px; text-align: right;}
/*MY 진행률 프로그레스바*/
.progressBar{width: 100%; height: 22px; position: relative; background: #f1f1f1; border-radius: 18px; overflow: hidden; border: none; display: flex; align-items: center;}
.progressTxt{position: absolute; right: 15px; font-size: 1em; color: #707070; font-weight: 400;}
.progressPer{height: 100%; position: relative; border-radius: 18px; background-image: linear-gradient(90deg, #8186ff, #4760FF); color: #fff; display: flex; align-items: center;}
.progressPer2{height: 100%; position: relative; border-radius: 18px; background-image: linear-gradient(90deg, #8ce56d, #01a553); color: #fff; display: flex; align-items: center;}
.calculatePer{height: 100%; position: relative; border-radius: 18px; background-image: linear-gradient(90deg, #8186ff, #4760FF); color: #fff; display: flex; align-items: center;}
.progressPertxt{position: absolute; right: 15px; font-size: 1em; color: #fff; font-weight: 400;}
/* 주간보너스 */
.date_txt{font-size: 14px;}
.bonus_menu_box{background: #fff; box-shadow: 0px 3px 6px #00000008; border-radius: 10px; padding: 18px 16px 18px 12px; display: flex; justify-content: space-between; align-items: center;cursor: pointer;}
.bonus_menu_box:not(:last-child){margin-bottom: 18px;}
.bonus_left{display: flex; gap: 12px;}
.bonus_txt_flex{display: flex; flex-direction: column; justify-content: space-between;}
.bonus_txt1{font-size: 16px; font-weight: 600; margin-top: 2px; letter-spacing: -0.68px;}
.bonus_txt2{font-size: 14px; font-weight: 600; color: #BBBBBB; margin-bottom: 2px; letter-spacing: -0.58px;}
.bonus_right{padding: 4px 9px; background: #f3fff6; color: #01a553; width: max-content; height: max-content; border-radius: 13px; font-size: 14px; letter-spacing: -0.63px; font-weight: 600;}
/* 공지사항 */
.more_txt{font-size: 12px;cursor: pointer;}
.notice_box{display: flex; justify-content: space-between; align-items: flex-end; background: #fff; box-shadow: 0px 3px 6px #00000008; border-radius: 10px; padding: 21px 19px; margin-bottom:18px;cursor: pointer;}
.notice_txt_group{display: flex; justify-content: space-between; flex-direction: column; gap: 10px;}
.notice_title{font-size: 15px; letter-spacing: -0.63px;}
.notice_date{font-size: 14px; letter-spacing: -0.58px; color: #848484;}
/* 푸터 */
.footer_back{width: 100%; height:83px; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; box-shadow: 0px -3px 6px #0000001C; z-index: 1;}
.footer_front{width: 100%; height:83px; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; z-index: 11;}
.footer_btn_group{display: flex; justify-content: space-between; padding:10px 20px 37px 20px; background: none; }
.footer_btn1, .footer_btn2, .footer_btn3, .footer_btn4, .footer_btn5{display: flex; flex-direction: column; gap:7.5px; align-items: center; width: 20%;}
/*.footer_img1, .footer_img2, .footer_img3, .footer_img4, .footer_img5{transition: 0.3s;}*/
.footer_txt1, .footer_txt2, .footer_txt3, .footer_txt4, .footer_txt5{font-size: 10px; color: #7F8B9A; /*transition: 0.3s*/}
.foot_white{opacity: 0;}
.footer_btn_active_back{box-shadow: 0px -3px 6px #0000001C; width: max-content; padding: 14px; position: absolute; border-radius: 50%; top: -13px; left: 4.3%; background: #fff; /*transition: 0.3s;*/ display: flex; justify-content: center; align-items: center;}
.footer_btn_active_front{width: max-content; padding: 14px; position: absolute; border-radius: 50%; top: -13px; left: 4.3%; background: #fff; /*transition: 0.3s;*/}
.foot_img_div{width: 47px; height: 47px; display: flex; flex-direction: column; background: #01a553; border-radius: 50%; align-items: center; padding: 9px; justify-content: space-between;}
.footer_dot{width: 4px; height: 4px; border-radius: 50%; background: #ffffff;}
.left1{left : 4.3%;}
.left2{left : 22.2%;}
.left3{left : 40%;}
.left4{left : 57.8%;}
.left5{left : 75.8%;}
/*출금신청 페이지*/
.withdraw_div{width: 100%; height: 100%; margin: 0 auto; padding: 25px 20px 28px 20px; }
.cancel_div{width:100%; display: flex; justify-content: flex-end;}
.w_cancel{font-size: 14px; letter-spacing: -0.63px; width: max-content;cursor: pointer;}
.w_title{font-size: 18px; font-weight: 600; letter-spacing: -0.81px; margin: 24px 0;}
.selectBox2 * { box-sizing: border-box; }
.selectBox2 {
position: relative;
width: 100%;
border-radius: 33px;
border: none;
background: #F6F6F6;
cursor: pointer;
font-size: 16px;
letter-spacing: -0.72px;
display: flex;
align-items: center;
margin-bottom: 26px;
}
.selectBox2:before { content: ''; position: absolute; z-index: 0; right: 7%;}
.selectBox2 .label {
display: flex;
align-items: center;
width: 100%;
height: 60px;
border: 0 none;
outline: 0 none;
background: transparent;
cursor: pointer;
padding: 0px 24px;
justify-content: space-between;
}
.selectBox2 .optionList {
position: absolute;
top: 67px;
left: 0;
width: 100%;
background: #fff;
color: #000;
list-style-type: none;
padding: 0;
border-radius: 8px;
overflow: hidden;
max-height: 0;
/* transition: .2s ease-in-out; */
}
#pad_on1{margin-top:16px}
#pad_on2{margin-bottom:16px}
.option_border{border:1px solid #c7c3c3;}
.option_open{max-height: 500px !important;}
.selectBox2 .optionList::-webkit-scrollbar {width: 6px;}
.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox2 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.selectBox2.active {z-index: 10;}
/* .selectBox2.active .optionList {max-height: 500px;} */
.selectBox2 .optionItem {padding: 10px 15px 10px; transition: .1s;}
.selectBox2 .optionItem:hover {background: #f3fff6;}
.selectBox2 .optionItem:last-child {border-bottom: 0 none;}
.possibility_point{display: flex; gap: 7px; flex-direction: column;}
.pos_point_tit{font-size: 14px; color: #8D8D8D; letter-spacing: -0.63px;}
.pos_point{font-size: 16px; color: #505050; display: flex; gap: 6px; align-items: center; letter-spacing: -0.72px; font-weight: 600;}
.cash_out_form{margin-top: 10px}
.out_point{padding: 15.5px 7.5px; border-bottom: 1px solid #E1E1E1; display: flex; margin-bottom: 28.5px; align-items: center;}
.point_input{height: 25px; width: 100%; font-size: 24px; letter-spacing: -1.08px; font-weight: 600;}
input[type=text], input[type=number] {border: none !important; border-width: 0; outline: none !important; caret-color: #707070; background: transparent;}
input[type=text]:focus, input[type=number]:focus{outline: none !important; box-shadow: none !important; border:none !important;}
.jumin{border: none !important; border-width: 0; outline: none !important; font-family: 'Malgun Gothic', dotum, sans-serif;}
input[type=password]:focus{outline: none !important; box-shadow: none !important; border:none !important;}
.point_input::placeholder{font-size: 22px; font-weight: 600; color: #BEBEBE; letter-spacing: -0.9px;}
.close_div{width:100%; display: flex; justify-content: flex-end; margin-bottom:20px;}
.dial_toast{padding: 25px 20px 30px 20px; width: 100%; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; z-index: 20; box-shadow: 0px -3px 6px #0000001C; display:none;}
.dial_on{animation: slideInUp 0.5s; display: block; bottom: 0;}
.cash_range_flex{display: flex; justify-content: space-between; margin-bottom: 15px;}
.cash_range_btn, .cash_range_btn_all{background: #F3F3F3; color:#000; border-radius: 6px; padding: 9px 0px; font-size:14px; width: 18%; display: flex; align-items: center; justify-content: center; border: none;}
.cash_dial_flex{display: flex; justify-content: space-between; }
.cash_dial_flex button{font-size: 26px; font-weight: 600; width: 33%; padding-top:14px; padding-bottom:14px; background: transparent; color:#000; border: none;}
.cash_dial_flex button:first-child{text-align: start; padding-left: 30px;}
.cash_dial_flex button:nth-child(2){text-align: center;}
.cash_dial_flex button:last-child{text-align: end; padding-right: 30px;}
.dial_comp{font-size: 20px !important; letter-spacing: -0.9px; padding-right: 22px !important; display: flex; align-items: center; justify-content: flex-end;}
.dial_del{padding-left: 22px !important; display: flex; align-items: center; justify-content: flex-start;}
.point_cal_div{display:flex; flex-direction: column; color: #505050; font-size: 14px; letter-spacing: -0.63px; gap: 14px;}
.point_cal_txt{display: flex; justify-content: space-between;}
.info_bar{width: 100%; height: 10px; background: #F3F3F3;}
.withdraw_info_form{width: 100%; height: 100%; margin: 0 auto; padding: 28px 20px 120px 20px;}
.info_group{display: flex; flex-direction: column;}
.info_group:not(:last-child) {margin-bottom: 34px;}
.info_group span{font-size: 14px; letter-spacing: -0.63px;}
.info_input_div{border-bottom: 1px solid #E1E1E1; padding: 11px 0 6px 0; }
.info_input_btn_div{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E1E1E1; padding: 11px 0 6px 0; }
.info_flex{display: flex; justify-content: space-between; gap:9px; align-items: center;}
.info_input{height: 34px; width: 100%; font-size: 16px;}
.info_select{background:url('/theme/glory/img/arrow_down.png') no-repeat 96% 50%/15px auto; height: 34px; width: 100%; font-size: 16px; color: #B7B7B7; letter-spacing: -0.72px; outline: none !important; box-shadow: none !important; border:none !important; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.info_select:focus{outline: none !important; box-shadow: none !important; border:none !important;}
.info_input_80{height: 34px; width: 70%; font-size: 16px;}
.info_input::placeholder, .info_input_80::placeholder{font-size: 16px; color: #B7B7B7; letter-spacing: -0.72px;}
.btwn_bar{border: 1px solid #707070; width: 6px;}
.input_btn{display: flex; align-items: center; justify-content: center; width: max-content; white-space: nowrap; border-radius: 6px; background: #6F7A9A; padding: 9px 15px; color: #fff; font-size: 14px; letter-spacing: -0.63px;cursor: pointer;}
.info_notice_flex{display: flex; align-items: center; gap: 5px; font-size: 12px; color: #303030; letter-spacing: -0.54px; margin: 19px 0 48px;}
.info_notice_img{width: 16px; height: 16px; background: #01a553; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.confirm_btn{display: flex; align-items: center; justify-content: center; padding: 17px 0;background: #01a553; border-radius: 10px; font-size: 16px; letter-spacing: -0.72px; color: #fff; width: 100%;cursor: pointer;}
/*My 포인트 현황*/
/*글로리캐시*/
.point_his_div{padding: 87px 20px 120px 20px; width: 100%; height: 100%; margin: 0 auto;}
.sticky{height: 0px; position: sticky; width: 100%; background: #F5F5F7; top: 65px; z-index: 1; transition: 0.3s;}
.sticky_back{height: 130px;}
.his_header{display: flex; width: 100%; position: fixed; top:0; padding: 44px 20px 10px 20px; background: #F5F5F7; z-index: 10;}
.his_title_txt{font-size: 18px; font-weight: 600; letter-spacing: -0.81px; margin-bottom: 20px;}
.my_wallet{background: #fff; border-radius: 10px; box-shadow: 0px 3px 6px #00000008; padding: 22px 19px 25px 19px;}
.my_wallet_sticky{ background: #fff; border-radius: 10px; box-shadow: 0px 3px 6px #00000008; padding: 22px 19px 25px 19px;top: 65px; position: sticky; z-index: 2;}
.wallet_select_flex{display: flex; align-items: center; gap: 8px; width: max-content;cursor: pointer;}
.wallet_cash_txt{font-size: 16px; font-weight: 600; letter-spacing: -0.72px;}
.out_able_point_flex{display: flex; flex-direction: column; gap: 13px; padding: 15px 0 6.5px; border-bottom: 1px solid #E6E6E6; align-items: flex-end;}
.b_none{border-bottom: none;}
.out_able_point_txt{font-size: 12px; color: #8D8D8D;}
.out_able_point{display:flex; gap:10px; align-items: center;}
.out_able_point_num{font-family: 'GmarketSansBold'; font-size: 20px; font-weight: 900; letter-spacing: -0.54px;}
.wallet_btn_group{display: flex; justify-content: space-between; margin-top: 20.5px; gap: 1em;}
.wallet_change_btn{width: 100%; font-size:15px; background: #f3fff6; border: 1px solid #01a553; border-radius: 8px; color: #01a553; display: flex; align-items: center; justify-content: center; padding: 13px 0;cursor: pointer;}
.wallet_withdraw_btn{width: 100%; font-size:15px; background: #01a553; border : 1px solid #01a553; border-radius: 8px; color: #fff; display: flex; align-items: center; justify-content: center; padding: 13px 0;cursor: pointer;}
.w_test{height:100%;}
.w_none{transition: 0.3s; height: 0px;}
.his_filter_div{padding: 20px 0; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 130px; background: #F5F5F7; border-bottom: 1px solid #E1E1E1; z-index: 2;}
.his_filter_div_sticky{padding: 20px 0; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 65px; background: #F5F5F7; border-bottom: 1px solid #E1E1E1; z-index: 2;}
.his_filter_state{display: flex; width: max-content; font-size: 14px; letter-spacing: -0.63px; gap: 6px; align-items: center;}
.his_filter_date_flex{display: flex; justify-content: space-between; align-items: center;}
.his_filter_date{font-size: 14px; letter-spacing: -0.63px; color: #707070;}
.his_filter_icon{display: flex; gap: 14px;}
.f_dot{width: 2px; height: 2px; border-radius: 50%; background: #000;}
.his_list_box{padding:21.5px 0px 16px;}
.his_list_box:not(:last-child){border-bottom: 1px solid #E1E1E1;}
.his_list_cont1{display: flex; justify-content: space-between; font-size: 14px;}
.withdraw_state{font-size:14px; letter-spacing: -0.63px;}
.his_list_cont2{font-size: 14px; color: #828282; margin: 6px 0 14px;}
.his_list_cont3{display: flex; font-size: 14px; color: #707070; justify-content: space-between; align-items: flex-end;}
.flex_start{align-items: flex-start;}
.bonus_p_txt{font-size: 16px; letter-spacing: -0.72px; color: #000; width: 50%;}
.w_cancel_btn{border: 1px solid #FF5B5B; color: #FF5B5B; background: #fff; border-radius: 6px; padding: 7px 8px; font-size: 12px; width: max-content;}
.cont3_right{display: flex; gap: 10px; flex-direction: column; margin-bottom: 7px;}
.cont3_r_div{display:flex; justify-content: flex-end; align-items: center; gap: 10px; font-size: 14px; color: #707070; font-weight: 400;}
.his_cash{font-size: 18px; font-weight: 600; color: #000; letter-spacing: -0.81px;}
.toast_bg, .toast_bg2, .toast_bg3{
width: 100%;
height: 100%;
background-color: rgba(53, 53, 53, 0.4);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000000;
display: none;}
.toast_popup{padding: 28px 0px 37px; width: 100%; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; z-index: 1; box-shadow: 0px -3px 6px #0000001C; display:none;}
.toast_head{display: flex; padding: 0 37px 20px; border-bottom: 1px solid #C7C7C7; justify-content: space-between;}
.toast_head_txt{font-size: 18px; font-weight: 600; letter-spacing: -0.81px;}
.toast_btn_div{padding: 0 20px;cursor: pointer;}
.toast_btn{padding:20px 0; display: flex; font-size: 16px; letter-spacing: -0.72px; gap: 9px; align-items: center;}
.toast_btn:not(:last-child) {border-bottom:1px solid #F1F1F1;}
.filter_popup{padding: 28px 0px 37px; width: 100%; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; z-index: 1; box-shadow: 0px -3px 6px #0000001C; display:none;}
.filter_head{display: flex; padding: 0 37px 20px; justify-content: center; border-bottom: 1px solid #C7C7C7; font-size: 18px; font-weight: 600; letter-spacing: -0.81px;}
.filter_cont_div{padding: 30px 10px 0px;}
.filter_txt{font-size: 16px; letter-spacing: -0.72px; margin-bottom: 16px;}
.filter_pd{margin-bottom: 34px;}
.filter_period_flex{display: flex; justify-content: space-between;}
.filter_btn{padding: 13px 0; font-size: 14px; height: 44px; display: flex; background: #fff; border: 1px solid #DFDFDF; border-radius: 10px; justify-content: center; letter-spacing: -0.63px; align-items: center;cursor: pointer;}
.filter_on{background: #f3fff6 !important; border: 1px solid #01a553 !important;}
.filter_on1{background: #f3fff6 !important; border: 1px solid #01a553 !important;}
.filter_on2{background: #f3fff6 !important; border: 1px solid #01a553 !important;}
.filter_on3{background: #f3fff6 !important; border: 1px solid #01a553 !important;}
.w_23{width: 23%;}
.filter_date_flex{display: flex; justify-content: space-between; margin-top: 18px;}
.filter_date_input{width: 48.5%; align-items: center; display: flex; justify-content: space-between; padding: 12px 16px; background: #fff; border: 1px solid #DFDFDF; border-radius: 10px;}
.filter_flex1{display: flex; justify-content: space-between; margin-bottom: 12px;}
.filter_flex2{display: flex; justify-content: space-between; margin-bottom: 34px;}
.filter_flex3{display: flex; justify-content: space-between; margin-bottom: 66px}
.filter_flex1 .filter_btn, .filter_flex2 .filter_btn, .filter_flex3 .filter_btn{width: 48.5%;}
.date_input_txt1{font-size: 12px; letter-spacing: -0.54px; color: #707070; margin-bottom:8px;}
.date_input_txt2{font-size: 14px; letter-spacing: -0.63px; color: #000;}
.filter_confirm_btn{display: flex; background: #01a553; font-size: 16px; letter-spacing: -0.72px; padding: 17px 0; justify-content: center; color: #fff; border-radius: 10px;cursor: pointer;}
.date_popup{padding: 30px 20px 37px; width: 100%; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; z-index: 1; box-shadow: 0px -3px 6px #0000001C;}
/*패키지*/
.pack_main_div{padding: 19px 20px 120px 20px;}
.pack_header{display: flex; padding: 44px 20px 10px 20px; width: 100%; background: #F5F5F7; position: sticky; top:0;}
.package_title{font-family: 'GmarketSansBold'; font-size: 26px; letter-spacing: -1.17px; font-weight: 600; text-align: center; width: 100%; margin-bottom: 12px;}
.package_sub_title{font-family: 'GmarketSans'; font-size: 14px; letter-spacing: -0.63px; font-weight: 300; text-align: center;}
.package_flex{display:flex; justify-content: space-between; align-items: center; margin: 40px 0 30px; padding-bottom: 12.5px; border-bottom: 2px solid #000;}
.package_cnt{font-size: 14px; letter-spacing: -0.63px;}
.package_buy_his{display: flex; align-items: center; justify-content: space-between; font-size: 14px; letter-spacing: -0.63px; color: #01a553; gap: 6px;}
.package_box{background: #fff; box-shadow: 0px 3px 6px #00000008; border-radius: 14px; padding: 22px 20px 24px 20px;}
.pack_info_flex{display: flex; gap: 16px; align-items: center;}
.pack_img_box{display: flex; width:84px; border-radius: 20px; background: #f3fff6; height: 84px; align-items: center; justify-content: center;}
.pack_txt_box{display:flex; gap:10px; flex-direction: column;}
.pack_menu_title{font-size: 18px; letter-spacing: -0.81px; font-weight: 600;}
.pack_menu_sub{font-size: 14px; letter-spacing: -0.63px; line-height: 18px; color: #303030;}
.pack_price{font-family: 'GmarketSansMedium'; font-weight: 700; font-size: 16px; letter-spacing: -0.72px; width: 100%; text-align: right; margin: 23px 0 20px;}
.pack_buy_btn{width: 100%; border-radius: 10px; background: #01a553; padding: 12px 0; display: flex; justify-content: center; color: #fff; font-size: 16px; letter-spacing: -0.72px; font-weight: 600;}
.package_box:not(:last-child){margin-bottom: 38px;}
.pack_popup{padding: 26px 15px 60px 15px; width: 100%; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; z-index: 1; box-shadow: 0px -3px 6px #0000001C; display:none;}
.pack_pop_header{width: 100%; text-align: right; padding-right: 10px;}
.pack_popup_title{margin: 19px 0; font-size: 18px; letter-spacing: -0.81px; font-weight: 600;}
.pack_info_box{padding: 20px 18px; border-radius: 10px; background: #f3fff6;}
.pack_main_info{font-size: 14px; font-weight: 600; letter-spacing: -0.63px; line-height: 23px;}
.pack_sub_info{display: flex; gap: 9px; flex-direction: column; font-size: 14px; letter-spacing: -0.63px; margin-top: 20px; text-indent: -8px; padding-left: 8px; line-height: 20px;}
.pack_buy_price_flex{display: flex; justify-content: space-between; margin: 32px 0;}
.pack_buy_price_txt{font-size: 14px; letter-spacing: -0.63px; color: #8D8D8D;}
.pack_buy_price{font-size: 18px; letter-spacing: -0.81px; font-weight: 600;}
.confirm_notice{padding: 53px 0px; display: flex; flex-direction: column; gap: 20px; border-radius: 20px; background: #fff; align-items: center;top: 34%; position: relative; margin: 0 20px; transition: 0.2s; opacity: 0;}
.confirm_txt{font-size: 16px; letter-spacing: -0.32px; text-align: center;}
.date_popup2{padding: 30px 20px 37px; width: 100%; background: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; position: fixed; bottom: 0; z-index: 1; box-shadow: 0px -3px 6px #0000001C;}
.pack_his_header{display: flex; padding: 44px 20px 10px 20px; width: 100%; background: #fff; position: sticky; top:0; z-index: 10;}
.pack_buy_main_div{padding: 32px 20px 120px 20px;}
.pack_buy_title{font-size: 18px; letter-spacing: -0.81px; font-weight: 600; line-height: 26px; display: flex; justify-content: space-between; align-items: center;}
.buy_pack_box{padding: 16px 0 16px 15px; background: #fff; border-radius: 10px; border: 1px solid #F1F1F1;}
.pack_img_box2{display: flex; width: 66px; border-radius: 20px; background: #f3fff6; height: 66px; align-items: center; justify-content: center;}
.pack_txt_box2{display:flex; gap: 8px; flex-direction: column;}
.pack_menu_title2{font-size: 14px; letter-spacing: -0.63px; }
.pack_menu_sub2{font-size: 16px; letter-spacing: -0.72px; font-weight: 600;}
.buy_pack_txt{font-size: 14; color: #707070; letter-spacing: -0.63px; margin: 35px 0 12px;}
.acc_copy_box{width: 100%; border-radius: 14px; padding: 76px 0 67px; background-color: #F6F6F6; display: flex; flex-direction: column; align-items: center; margin: 40px 0 30px;}
.copy_txt{font-size: 14px; letter-spacing: -0.63px; color: #505050;}
.copy_txt2{margin:22px 0 14px; font-size: 18px; letter-spacing: -0.36px; font-weight: 600;}
.info_notice_flex2{display: flex; align-items: center; gap: 5px; font-size: 12px; color: #303030; letter-spacing: -0.54px;}
.copy_btn{background: #fff; border: 1px solid #D6D6D6; display: flex; border-radius: 6px; gap:6.5px; width: max-content; padding: 8px; }
.copy_notice{padding: 43px 24px 26px 24px; display: flex; flex-direction: column; gap: 40px; border-radius: 20px; background: #fff; align-items: center;top: 34%; position: relative; margin: 0 20px; transition: 0.2s; opacity: 0;}
.copy_btn_group{display: flex; justify-content: space-between; width: 100%;}
.copy_btn_group > div{width: 48%; text-align: center; padding: 15px 0; border-radius: 24px; color: #fff; font-size: 16px; letter-spacing: -0.32px}
.copy_close_btn{background: #A2A2A2;cursor: pointer;}
.buy_his_btn{background: #01a553;cursor: pointer;}
.buy_his_header {display: flex; padding: 47px 20px 10px 20px; width: 100%; background: #F5F5F7; position: sticky; top: 0; justify-content: flex-end;}
.buy_his_header div{font-size: 14px; letter-spacing: -0.63px;}
.buy_his_main_div{padding: 24px 20px 120px 20px; height: 100%;}
.buy_his_title{font-size: 18px; letter-spacing: -0.81px; font-weight: 600; line-height: 26px; margin-bottom: 36px;}
.buy_list_box:not(:last-child){margin-bottom: 28px;}
.b_his_date_flex{display: flex; gap: 12px; margin-bottom: 10px; align-items: center;}
.b_his_txt1{font-size: 14px; letter-spacing: -0.64px; color: #878787; font-weight: 600; line-height: 1;}
.b_his_txt2{font-size: 14px; letter-spacing: -0.64px; color: #A2A2A2; line-height: 1;}
.buy_his_box{padding: 16px 17px 16px 19px; background: #fff; border-radius: 10px; border: 1px solid #F1F1F1;}
.buy_his_txt_box{display:flex; gap:8px; flex-direction: column;}
.deposit_state{font-size: 12px; letter-spacing: -0.54px; color: #707070; text-align: end; margin-top: 15px;}
.d_state_blue{color: #01a553 !important;}
.pay_cancel_btn{border: 1px solid #D4D4D4; border-radius: 16px; background: #fff; color: #909090; font-size: 14px; letter-spacing: -0.63px; padding: 7px 16px; width: max-content;}
/*포인트 선물*/
.point_g_title_div{padding: 24px 0px 31.5px 20px;}
.point_g_title_flex{display: flex;justify-content: space-between; align-items: center;}
.point_g_title{font-size: 18px; letter-spacing: -0.81px; font-weight: 600; line-height: 26px;}
.point_g_area{padding: 0px 20px 120px 20px;}
.gc_tab{width: 100%; display: flex; margin-bottom: 26.5px;}
.g_tab, .c_tab{width: 50%; color: #909090; font-size: 16px; letter-spacing: -0.72px;text-align: center; padding-bottom: 14.5px; border-bottom: 1px solid #CBCBCB;}
.gc_active{font-weight: 600; color: #000000; border-bottom: 2px solid #000;}
.my_g_wallet{background: #fff; border-radius: 10px; box-shadow: 0px 3px 6px #00000008; padding: 20px 19px 25px 19px;}
.g_select_flex{display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #E6E6E6; padding-bottom: 14px; margin-bottom: 27px;}
.g_cate_box{display: flex; gap: 12px;align-items: center;}
.g_img_box{width: 24px; height: 24px;background: #E5EBFF; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.g_cate_txt{font-size: 16px; font-weight: 600; letter-spacing: -0.72px;}
.g_now_flex{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 14px;}
.g_now_point{font-size: 12px; letter-spacing: -0.54px; color: #9A9A9A;}
.g_now_p_txt{font-size: 20px; letter-spacing: -0.9px; font-weight: 600;}
.g_his{display: flex; gap:7px;}
.g_his_txt{font-size: 12px; letter-spacing: -0.54px; color: #616161;cursor: pointer;}
.g_info_form{margin: 42px 0 84.5px;}
.g_info_group{display: flex; flex-direction: column;}
.g_info_group span{font-size: 14px; letter-spacing: -0.63px; color: #505050;}
.g_height_box{height:48.5px;}
.g_info_input{height: 34px; width: 100%; font-size: 16px;}
.g_info_input::placeholder{font-size: 16px; color: #C1C1C1; letter-spacing: -0.72px;}
.input_btn_g{display: flex; align-items: center; justify-content: center; width: max-content; white-space: nowrap; border-radius: 8px; background: #00C563; padding: 8px 10px;; color: #fff; font-size: 14px; letter-spacing: -0.63px;}
.g_id_result{ letter-spacing: -0.54px; color: #707070;display: flex; align-items: center;margin:14.5px 0 40px;}
.g_id_result #mem_id{font-size: 16px;font-weight: 600; margin-right: 5px;}
.g_id_result #mem_id2{font-size: 12px;}
.sel_bold{color: #000; font-weight: 600;}
.confirm_txt span{font-weight: 600;}
.gift_notice {
padding: 34px 0px;
display: flex;
flex-direction: column;
gap: 18px;
border-radius: 20px;
background: #fff;
align-items: center;
top: 8%;
position: relative;
margin: 0 20px;
transition: 0.2s;
opacity: 0;
line-height: 22px;
}
.gift_notice span{font-weight: 600;}
/*포인트선물내역*/
.gift_his_div {
padding: 87px 20px 0px 20px;
width: 100%;
height: 100%;
margin: 0 auto;
}
.gift_filter_div_sticky {
padding: 20px 0;
margin: 0 20px;
display: flex;
flex-direction: column;
gap: 10px;
position: sticky;
top: 65px;
background: #F5F5F7;
border-bottom: 1px solid #E1E1E1;
z-index: 2;
}
.gift_his_list{padding: 0 20px 170px 20px;}
.gift_his_box{display: flex; flex-direction: column; gap:17px; padding:20px 0; border-bottom: 1px solid #E1E1E1;}
.gh_date{font-size: 12px; color: #828282; letter-spacing: -0.54px;}
.gh_flex_group{display: flex; flex-direction: column; gap:13px;}
.gh_flex{display: flex; justify-content: space-between;}
.gh_flex_l{font-size: 14px; color: #505050; letter-spacing: -0.63px;}
.gh_flex_r{font-size: 16px; color: #000; letter-spacing: -0.72px; font-weight: 600;}
.g_his_sel{display:flex; justify-content: space-between; margin-bottom: 20px; align-items: center;}
.his_sel_txt{font-size: 18px; font-weight: 600; letter-spacing: -0.81px;}
/*가맹점 메인*/
.main_head {display: flex; justify-content: space-between; margin-bottom: 30px;}
.store_txt_group{display: flex; gap: 9px; flex-direction: column; color:#01a553;}
.store_head_txt1{font-size: 14px; letter-spacing: -0.63px; font-weight: 500;}
.store_head_txt2{font-size: 24px; font-weight: 500;}
.locate_flex{display: flex; align-items: center;}
/*마이페이지*/
.mypage_div{width: 100%; height: 100%; margin: 0 auto; padding: 50px 20px 60px 20px;}
.chulchk_box{border-radius: 13px; background: #00C563; padding: 4px 6px; display: flex; gap:5px; align-items: center;}
.myjoin_date{margin-bottom: 18px; font-size: 14px; color: #505050;}
.myteam_info{display: flex; flex-direction: column; margin-bottom: 40px; font-size: 15px; background: #fff; padding: 0px 26px; border-radius: 16px;}
.myteam_txt_group{display: flex; padding: 20px 0; align-items: center; justify-content: space-around;}
.myteam_txt_group:not(:last-child){border-bottom: 1px solid #EEEEEE;}
.team_info_r{font-weight: 600; width: 30%;}
.team_info_name{ width: 30%; text-align: left;}
.team_info_hp{text-align: left; width: 40%;}
/*MY 진행률 프로그레스바*/
.myprogressBar{width: 100%;
height: 8px;
position: relative;
background: #E3E4E8;
border-radius: 18px;
border: none;
display: flex;
align-items: center;}
.myprogressPer{height: 100%; position: relative; border-radius: 18px; background: #01a553; color: #fff; display: flex; align-items: center;}
.progressImg{position: absolute; right: -10px;background: radial-gradient(#01a553, #8ce56d); width: 18px; height: 18px; border-radius: 50%; box-shadow: 0px 1px 3px #0000001C;}
.mypointbox{background: #fff; padding: 13px 15px 13px 7px; border-radius: 16px;}
.edit_menu{display: flex; justify-content: space-between; padding: 0 14px; margin-bottom: 50px;}
.em_box{display: flex; flex-direction: column; gap:17px; align-items: center;}
.em_icon_box{
background: #E9E9E9;
border-radius: 24px;
width: 64px;
height: 64px;
display: flex;
justify-content: center;
align-items: center;}
.un_menu{padding: 0 20px; background: #fff; border-radius: 10px;}
.un_menu_box{padding: 20px 0;}
.un_menu_box:not(:last-child){border-bottom: 1px solid #EEEEEE;}
.un_it{display: flex; align-items: center; gap: 10px;}
.divide{width: 100%; height: 8px; background: #E2E2E2;}
.mypage_div2{width: 100%; height: 100%; margin: 0 auto; padding: 23px 20px 120px 20px;}
.foot_top_menu{display: flex; gap: 15px; align-items: center; margin-bottom: 40px;}
.company_name{margin-bottom: 21px; display: flex; gap:7px;}
.company_info{display: flex; flex-direction: column; gap: 7px; margin-bottom:30px;}
.ci_txt{display: flex; align-items: center; gap: 10px;}
.txt_bar{height:10px; border-left:1px solid #AEAEAE;}
.txt_bar2{height:10px; border-left:1px solid #979797;}
/*포인트선물, 전환 셀렉트박스*/
.pg_selectBox * { box-sizing: border-box; }
.pg_selectBox {
position: relative;
width: 100%;
border-bottom: 1px solid #E4E4E4;
background: #F6F6F6;
cursor: pointer;
font-size: 16px;
letter-spacing: -0.72px;
display: flex;
align-items: center;
margin:6px 0 48.5px;
}
.pg_selectBox:before { content: ''; position: absolute; z-index: 0; right: 7%;}
.pg_selectBox .label {
display: flex;
align-items: center;
width: 100%;
height: 46px;
border: 0 none;
outline: 0 none;
background: transparent;
cursor: pointer;
justify-content: space-between;
}
.pg_selectBox .optionList {
position: absolute;
top: 46px;
left: 0;
width: 100%;
background: #fff;
color: #000;
list-style-type: none;
padding: 0;
border-radius: 8px;
overflow: hidden;
max-height: 0;
/* transition: .2s ease-in-out; */
}
.optionItem:first-child{margin-top:16px}
.optionItem:last-child{margin-bottom:16px}
.option_border{border:1px solid #c7c3c3;}
.option_open{max-height: 500px !important;}
.pg_selectBox .optionList::-webkit-scrollbar {width: 6px;}
.pg_selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.pg_selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.pg_selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.pg_selectBox.active {z-index: 10;}
/* .selectBox2.active .optionList {max-height: 500px;} */
.pg_selectBox .optionItem {padding: 10px 15px 10px; transition: .1s;}
.pg_selectBox .optionItem:hover {background: #f3fff6;}
.pg_selectBox .optionItem:last-child {border-bottom: 0 none;}
.pg_label_in{font-size: 16px; letter-spacing: -0.72px; font-weight: 600;}
/*내역리뷰버튼*/
.review_write{display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 44px; border: 1px solid #E2E2E2; padding: 13px 0; background: #fff; font-size: 14px; letter-spacing: -0.63px; text-align: center; margin-top: 9px;}
.review_write_n{display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 44px; color:#8f8f8f; border: 1px solid #E2E2E2; padding: 13px 0; background: #fff; font-size: 14px; letter-spacing: -0.63px; text-align: center; margin-top: 9px;}
.review_write_c{display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 44px; color:#01a553; border: 1px solid #E2E2E2; padding: 13px 0; background: #fff; font-size: 14px; letter-spacing: -0.63px; text-align: center; margin-top: 9px;}
/* 2024-09-26 마이오피스 수정사항 CSS */
.indexContainer{width: 100%; padding: 32px 20px 135px 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; margin-top: -15px; background: #f5f5f7;}
.headerCon{display: flex; align-items: center; justify-content: space-between; padding-top: 50px; z-index: 1; position: relative;}
.headerGroup{display: flex; align-items: flex-end; margin-top: 0;}
.headerGroup p{font-size: 20px; font-family: 'GmarketSans'; color: #fff; font-weight: 600;}
.headerFont{font-size: 20px; font-family: 'GmarketSans'; color: #fff; font-weight: 600; position: relative; left: -4px; line-height: 15px;}
.headerFont2{font-family: 'GmarketSansBold' !important; }
.iconBox{position: relative; display: flex; align-items: center; gap: 20px;}
.alarmBox{position: relative;cursor: pointer; }
.alarmIcon{width: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute; top: -2px; right: -3px;}
.memberLogin{font-size: 15px; font-weight: 400; color: #fff; padding: 2.5px 0; border-bottom: 1px solid #fff;cursor: pointer; }
.contentBox{width: 100%; display: flex; justify-content: space-between; margin-top: 16px;}
.contentOne{display: flex; flex-direction: column;}
.contentOne p{font-size: 20px; font-weight: 500; color: #fff;}
.nameTxt{font-size: 20px; font-weight: 500; color: #fff;}
.blockBox{width: max-content; height: 28px; padding:5px 8px 5px 5px; display: flex; align-items: center; border-radius: 14px; background: #01a553; margin-top: 16px; gap: 6px;}
.blockTxt{font-size: 14px; font-weight: 800; color: #fff;}
.blockBox p{font-size: 14px; font-weight: 600; color: #fff;}
.marginTop{margin-top: 20px;}
/* 2024-10-07 my_point_his.php */
.historyBox{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 13px;}
.historyBox:first-child{margin-top: 0;}
.historyBox p{font-size: 14px; color: #505050; letter-spacing: -0.63px; width: 58px; margin-top: 2px;}
.historyBox span{font-size: 16px; font-weight: 600; color: #000; letter-spacing: -0.72px;}