@layer reset, tokens, base, utilities, components, mobile-layout, mobile-main, mobile-sub, overrides;
/*mobile-sub*/
@layer mobile-sub {
    .infor_bg{
		background-image: url(../../image/sub/sub-bg0.png);
		background-repeat: no-repeat;
		background-position: 45% top;
		min-height: 400px;
	}

	/*서브 BG*/
	.subbg_box{position:relative; height:240px; margin-bottom:10px}
	.subvis_bg{
	    position:absolute;
		left:0;
		top:0;
		width: 100%;
		height: 240px;
        border-radius: 0 0 40px 40px;

		transform-origin: top center;
		transform: perspective(1200px) rotateX(-15deg);

		background-repeat: no-repeat;
		background-position: top center;

		backface-visibility: hidden;
	    will-change: transform;
    }
	.m_sub_bg1{background-image: url(../image/sub/sub_bg1.png);}
	.m_sub_bg2{background-image: url(../image/sub/sub_bg2.png);}
	.m_sub_bg3{background-image: url(../image/sub/sub_bg3.png);}
	.m_sub_bg4{background-image: url(../image/sub/sub_bg4.png);}
	.m_sub_bg5{background-image: url(../image/sub/sub_bg5.png);}
	.m_sub_bg6{background-image: url(../image/sub/sub_bg6.png);}
	.m_sub_bg7{background-image: url(../image/sub/sub_bg7.png);}
	.m_sub_bg8{background-image: url(../image/sub/sub_bg8.png);}
	.m_sub_bg9{background-image: url(../image/sub/sub_bg9.png);}

	.subbg_box .bg_txt{ position:relative; display: flex; align-items:center; justify-content: center; flex-direction: column; z-index:8; text-align:center; padding:80px 10px 0 10px}
	.subbg_box .bg_txt h2{font-size:22px; font-weight:500; margin-bottom:5px}
	.subbg_box .bg_txt p{font-size:15px; font-weight:400; line-height:125%}

	.subbg_box .progress{margin-top:10px; display: flex; align-items:center; justify-content: center; gap:3px;}
	.subbg_box .progress p{display:flex; align-items:center; gap:2px;font-size:13px; font-weight:400; letter-spacing:-1px;}
	.subbg_box .progress p > b{color:var(--panel-2); font-weight:500}
	.subbg_box .progress p + p > b{color:var(--panel-4); font-weight:500}
	.subbg_box .progress .m_play-btn{padding:0 10px;}

    /* ==========================================================================
    나의 페이지
    ========================================================================== */
    .m_my_page{padding-top:100px}
	.m_my_page .tit{margin-bottom:20px; display:flex; align-items:center; gap:8px}

	.m_inner_profile .img__{margin:0 auto 20px; position:relative;width:90px; height:90px; border-radius:100%; border:2px solid #FF6600;  filter: drop-shadow(0 0 20px rgba(255, 102, 0, 0.6)); padding:7px; flex-shrink:0}
	.m_inner_profile .img__ p{width:100%; height:100%; position: relative; border:1px solid #303441; background: #000; overflow:hidden; border:1px solid #FF6600; border-radius:100%; overflow:hidden;}
	.m_inner_profile .img__ p img{    
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.m_inner_profile .lv{position:absolute; display:flex; align-items:center;border-radius: 50px; border:2px solid #222; background: linear-gradient(0deg, #FFAF01 0%, #FF8000 100%); height: 25px; padding:0 7px; gap:5px; right:-20px; bottom:-3px}
	.m_inner_profile .lv span{font-size:12px; line-height:0; text-shadow: 0 0 3px rgba(255, 28, 28, 0.62); font-family: 'Montserrat'; font-weight: 800;}
    
	.m_inner_profile .inner_text{display:flex; align-items:center; flex-direction: column;}
	.m_inner_profile .inner_text > h2{ font-family: 'Montserrat'; font-size: clamp(19px, 5.06vw, 23px); font-weight:600; margin-bottom:10px;}
    .m_inner_profile .inner_text > div{display:flex; align-items:center; gap:5px;}
	.m_inner_profile .inner_text > div p{font-size:15px;}
	.m_inner_profile .inner_text > div p:nth-child(1){width:30px; flex-shrink:0}
    .m_inner_profile .inner_text > div p:nth-child(3) button{border-radius: 8px; border: 1px solid #EACB1B; background: #000; font-size:15px; color:var(--panel-2); display:flex; align-items:center; padding:5px 8px; gap:5px; cursor:pointer; transition: transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.4s ease;}
	.m_inner_profile .inner_text > div p:nth-child(3) button span{line-height:auto;}
	.m_inner_profile .inner_text > div p:nth-child(3) button:hover{filter: drop-shadow(0 0 10px rgba(255, 252, 0, 0.4));}

	.m_point_wrap .box{display:flex; align-items:flex-star; flex-direction: column; justify-content:center; padding:20px 30px}
	.m_point_wrap .box > div{display:flex; align-items:center; gap:5px;}
	.m_point_wrap .box > h3{text-shadow: 0 0 6.1px rgba(0, 0, 0, 0.64); font-family: 'Montserrat'; font-size:clamp(24px, 5.27vw, 30px); font-weight: 600;}
    
    .m_infor_wrap .inner_box{position:relative; border-radius:13px; border: 1px solid rgba(255, 255, 255, 0.08); background: #18181B; padding:20px;}
	.m_infor_wrap .inner_box ul li{display:flex; align-items:center; gap:30px; border-bottom:1px solid var(--border-1); padding-bottom:15px; margin-bottom:15px;}
	.m_infor_wrap .inner_box ul li:last-child{border:0; padding:0; margin:0}
	.m_infor_wrap .inner_box ul li > div p{color:var(--panel-9);}
	.m_infor_wrap .inner_box ul li > div p + p{font-size:17px; color:var(--text); text-transform:uppercase;}
	.m_infor_wrap .inner_box ul li button{position:absolute; bottom:13px; right:20px}

    .m_setting_wrap > .box{display:flex; align-items:center; gap:5px; justify-content: space-between;}
	.m_setting_wrap > .box > div{flex:1 0 30%; overflow:hidden; padding:0}

	.m_setting_wrap > .box button{position:relative; display:flex; align-items:center;  flex-direction: column; width:100%; border:0; background:transparent; gap:3px; padding:15px; font-size:14px; line-height:1.5;}
	.m_setting_wrap > .box button:after{position:absolute; content:""; width:540px; height:320px; top: 50%;
    left:100%; transform: translate(-50%, -50%); border-radius: 538px; background: radial-gradient(30.7% 34.94% at 49.71% 50.6%, rgba(250, 117, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%); z-index:1; pointer-events: none; cursor:pointer;}
	.m_setting_wrap > .box button span{letter-spacing:-1px; font-size:13px}
	.m_setting_wrap > .box button span:first-child{padding-bottom:5px;}
    
    /* ==========================================================================
    이벤트
    ========================================================================== */
	.m-event_list{display:grid; grid-template-columns: repeat(2, 1fr); align-items:flex-start; gap:20px;}
	.m-event_list .box{position:relative; overflow:hidden;}
	.m-event_list .box .card_img{padding-top:60%; position: relative; overflow: hidden;}
	.m-event_list .box .card_img img {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition:all 0.3s ease-in-out
    }
    
	.m-event_list .card_img{margin-bottom:10px;}
	.m-event_list .card_inner > h2{font-size:16px;}
	.m-event_list .card_inner > p{font-size:12px; margin-bottom:8px; color:#B5B5B5}
	.m-event_list .card_inner > div > p{font-size:12px;}
	.m-event_list .card_inner > div > p span{font-family: 'Montserrat'; font-weight:600; padding-left:5px; }
    .m-event_list .card_inner > div > p.cashback{border: 1px solid #ffcc00; display:inline-flex; align-items:center; justify-content:center; padding:3px 8px; border-radius:5px; color: #fff;
		margin-bottom:3px; letter-spacing:-1px; background:#000;
	} 
	.m-event_list .card_inner > div > p.cashback span{color:#ffcc00}
	.m-event_list .card_inner > div > p.day{border: 1px solid rgba(255,255,255,0.4); display:inline-flex; align-items:center; justify-content:center; padding:3px 8px; border-radius:5px; color:#9FA1A8;}
	.m-event_list .card_inner > div > p.vip{font-family: 'Montserrat'; font-weight:600; border: 1px solid #701014;
		background: linear-gradient(180deg, #F1363C 40%, #F5505A 107.78%); display:inline-flex; align-items:center; justify-content:center; padding:3px 8px; border-radius:5px; }

    .m_event_view{}
	.m_event_view .event_header{padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:20px}
	.m_event_view .event_header > h2{font-size:18px; margin-bottom:5px;}
	.m_event_view .event_header > p{font-size:13px;  font-family: 'Montserrat'; color:rgba(255,255,255,0.5)}

	.m_event_view .event_content{margin-bottom:80px;}
	.m_event_view .event_content img{max-width:100%}

	.m_event_view .list_btn{cursor:pointer; border:1px solid #EACB1B; background:#222}
	.m_event_view .list_btn > div{display:flex; align-items:center; color:#EACB1B; gap:5px;}

    /* ==========================================================================
    공지사항
    ========================================================================== */
    .m_news_list .items{margin-bottom:20px}
    .m_news_list .acc_box{display:flex; align-items:center; position:relative; z-index:9; padding:15px;}
	.m_news_list .acc_box .subject h2{font-size:16px; margin-bottom:10px}
	.m_news_list .acc_box .subject p{color:rgba(255,255,255,0.7)}
	.m_news_list .acc_box .arrow{margin-left:auto; width:30px; height:30px; display:flex; align-items:center; justify-content:center;}
	.m_news_list .acc_box .arrow.up_ svg{transform:rotate(-180deg)}

	.m_news_list .open_panel{border-top-left-radius:0; border-top-right-radius:0; transform:translateY(-15px);}
	.m_news_list .open_panel > div{padding-top:15px; font-size:14px}

    /* ==========================================================================
    충전
    ========================================================================== */
    .ham_txt{color: #ff6600;}
	.bonus_txt{color: #FFD901;}
	.noBg{background:none !important; border:0 !important; box-shadow:none !important;}

    #mobileCta{display:flex}
	#mobileCta{
		position:fixed; left:50%; right:0; bottom:0;
		padding:12px 14px;
		transform:translateX(-50%);
		background:#000;
		backdrop-filter: blur(10px);
		border-top:1px solid rgba(255,255,255,.08);
		z-index:999;
		gap:12px;
		align-items:center;
		justify-content:space-between;
		width:100%;
		max-width: 500px;   
	}
	#mobileCta .price{
		display:flex;
		flex-direction:column; 
		line-height:1.5;
		font-size:12px; 
		color:rgba(255,255,255,.65);
	}
	#mobileCta .price b{color:#ffcc00; font-size:15px; font-family: 'Montserrat'}

    .m_wallet_section1 > ul li{display:flex; align-items:center; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom:10px; margin-bottom:10px; font-size:14px;}
    .m_wallet_section1 > ul li:last-child{padding-bottom:0; margin-bottom:0; border:0}
	.m_wallet_section1 > ul li p + p{margin-left:auto;}
	.m_wallet_section1 > ul li p + p{font-weight:500; font-family: 'Montserrat';}
    
    .m_wallet_section2 .inner_pannel{display:flex; align-items:center; justify-content:center; gap:5px}
    .m_wallet_section2 .inner_pannel > div{padding:15px 10px; border-radius:8px; flex-grow:1; text-align:center;}
    .m_wallet_section2 .add{
		border: 1px solid rgba(255, 255, 255, 0.06);
		background: rgba(255, 88, 238, 0.22);
	}
	.m_wallet_section2 .money{
		border: 1px solid rgba(255, 255, 255, 0.06);
        background: rgba(45, 94, 90, 0.42);
	}
    .m_wallet_section2 .add > div:first-child{width:30px; height:30px; background:#EF50DA; flex-shrink:0; border-radius: 15px; display:grid; place-items: center center; margin:0 auto 5px;}
	.m_wallet_section2 .money > div:first-child{width:30px; height:30px; background:#24B98E; flex-shrink:0; border-radius: 15px; display:grid; place-items: center center; margin:0 auto 5px;}

	.m_wallet_section2 .inner_pannel h3{font-size:15px;}
	.m_wallet_section2 .inner_pannel p{color:rgba(255,255,255,0.7); font-size:14px;}
    
	.m_wallet_section3 button{font-size:14px;}

    .m_wallet_section4 input[type="text"],
    .m_wallet_section4 button{font-size:14px; font-family: 'Montserrat';}
	.m_wallet_section4 input[type="text"]{height:48px;}
    .m_wallet_section4 .field input[type="text"]::-webkit-input-placeholder {color:#EA891B; font-weight:500}
	.m_wallet_section4 .field input[type="text"]:-input-placeholder {color:#EA891B;  font-weight:500}
	.m_wallet_section4 .field input[type="text"]:-ms-input-placeholder {color:#EA891B;  font-weight:500}
	.m_wallet_section4 .field input[type="text"]::-moz-input-placeholder {color:#EA891B;  font-weight:500}
    
	.m_wallet_section4 .field .inner-field .label {
		margin-bottom:10px;
		display: block;
		text-indent: 3px;
	}
	.m_wallet_section4 .field .inner-field {
		border-radius: 10px;
		background: rgba(8, 8, 9, 0.49);
		box-shadow: -4px -4px 4px 0 rgba(0, 0, 0, 0.11) inset, 4px 4px 4px 0 rgba(0, 0, 0, 0.11) inset;
		padding:10px;
	}
	.m_wallet_section4 .field .field_btns button{font-size:12px;}
	.m_wallet_section4 .field .field_btns{display:flex; gap:8px; flex-wrap:wrap;}
	.m_wallet_section4 .field .field_btns .box-w{padding: 10px 12px; font-family:'Montserrat';}
	.m_wallet_section4 .field .field_btns .reset{width:35px !important; height:35px !important; flex-shrink:0; padding:0 !important; line-height:auto;}
    .m_wallet_section4 .field .field_btns .active{border: 1px solid #303441;background: var(--Color-9-y1, #EA891B);box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.80);}
    .m_wallet_section4 .field .field_btns button:hover{background:rgba(0, 0, 0, 0.8); border: 1px solid #E8A30D; filter: drop-shadow(0 0 5px rgba(255, 128, 8, 0.6));}
	.m_wallet_section4 .field_box{display:flex; gap:5px; width:100%}
	.m_wallet_section4 .field_box .input_group:first-child{flex-grow:1}
	.m_wallet_section4 .field_box .input_group:last-child{min-width:80px; flex-shrink:0}
	.m_wallet_section4 .field_box .input_group button{width:80px; height:48px;}

    .m_wallet_section5 .m_box_small{justify-content:flex-start; padding:20px 15px}
	.m_wallet_section5 .m_box_small div{font-size:14px; color:var(--panel-10)}
	.m_wallet_section5 .m_box_small div + div{margin-left:auto;color:var(--panel-0); display:flex; align-items:center; gap:5px}
	.m_wallet_section5 .m_box_small div b{font-weight:500; font-family:'Montserrat';}
    .m_wallet_section5 .icon-color-w{color:rgba(90,107,161,0.8)}
    
	.m_wallet_section5 .m_warning_box span + span{font-size:14px; flex-grow:1}
    
	.m_wallet_section6 .table-panel{margin-top:20px}
    .m_wallet_section6 ul li{position: relative; padding-left:10px; margin-bottom:10px; font-size:14px; color:rgba(255,255,255,0.9)}
    .m_wallet_section6 ul li:last-child{margin-bottom:0;}
	.m_wallet_section6 ul li:after{position:absolute; content:""; width:3px; height:3px; background:rgba(255,255,255,0.7); left:0; top:50%; border-radius: 10px;}

    .m_wallet_section6 .list_{display:flex; align-items:center;
	    border-radius: 10px;
		background: rgba(8, 8, 9, 0.49);
		box-shadow: -4px -4px 4px 0 rgba(0, 0, 0, 0.11) inset, 4px 4px 4px 0 rgba(0, 0, 0, 0.11) inset;
		padding:15px;
	}
	.m_wallet_section6 .list_ > div{color:var(--panel-10); font-weight:500; font-family: 'Montserrat';}
	.m_wallet_section6 .list_ > div >  p{font-size:14px;}
	.m_wallet_section6 .list_ > div + div{margin-left:auto; text-align:right;}
    .m_wallet_section6 .list_ > div + div >  p + p{color:var(--panel-4); font-weight:600;}
	.m_wallet_section6 .list_ > div span{ margin-bottom:5px;}
	.m_wallet_section6 .list_ .panel-11{color:var(--panel-2);}

    .m_wallet_section6 .inner_time{display: flex; align-items: center; gap:10px;}
    .m_wallet_section6 .inner_time > div {flex-grow: 1; text-align: center;border-radius:8px;background: rgba(8, 8, 9, 0.49);box-shadow: -4px -4px 4px 0 rgba(0, 0, 0, 0.11) inset, 4px 4px 4px 0 rgba(0, 0, 0, 0.11) inset; padding:15px;}
	.m_wallet_section6 .inner_time > div p {font-size:14px;}
	.m_wallet_section6 .inner_time > div p + p {color: var(--panel-9);}
	.m_wallet_section6 .inner_time > div:nth-child(3) p + p {color: var(--panel-4);}

	/* ==========================================================================
    베팅 내역
    ========================================================================== */
    .m_bettingWrap .search_box{display:flex; align-items:center; width:100%; margin-bottom:20px; gap:5px}
	.m_bettingWrap .search_box .input_group:first-child{flex-grow:1}
	.m_bettingWrap .search_box .input_group:last-child{min-width:80px; flex-shrink:0}
	.m_bettingWrap .search_box .input_group button{width:80px; height:48px;}
    .m_bettingWrap .search_box .input_group input[type="text"]{background:#000; height:48px;}
	.m_bettingWrap input[type="text"],
    .m_bettingWrap button{font-size:14px; font-family: 'Montserrat';}
    
	.m_bettingWrap .inner_pannel h2{font-size:15px; font-weight:400; margin-bottom:15px}
    
	.m_tabdesign{display:flex; gap:5px; flex-wrap:wrap}
	.m_tabdesign button{padding:0 20px}
	.m_tabdesign button:hover{background:rgba(0, 0, 0, 0.8); border: 1px solid #E8A30D; filter: drop-shadow(0 0 5px rgba(255, 128, 8, 0.6));}
	.m_tabdesign .active{border: 1px solid #303441;background: var(--Color-9-y1, #EA891B);box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.80);}
	.m_tabdesign .active_org{border: 1px solid #303441;background: var(--Color-9-y1, #ff6600);box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.80);}
	.m_tabdesign .active_green{border: 1px solid #303441; background: #197767; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.80);}

	.m_bettingWrap .table-panel{margin-top:0}

	/* ==========================================================================
    고객선터
    ========================================================================== */
    .m_customerWrap{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
	.m_customerWrap .box{flex:1 0 48%; position:relative; border-radius: 10px; padding:0 15px; height:90px;border: 1px solid #EA941B; background: rgba(158, 79, 10, 0.1); cursor:pointer; display:flex; justify-content:center;flex-direction: column;}
    .m_customerWrap .box h2{font-size:15px; margin-bottom:3px}
	.m_customerWrap .box p{font-size:12px; color:rgba(255,255,255,0.7)}
	.m_customerWrap .box span{position:absolute; right:-15px; bottom:-15px;}
	.m_customerWrap .box:nth-child(1) span{bottom:-10px;}
	.m_customerWrap .box:nth-child(1) span img{width:50px;}

    .m_customerWrap .box span img{max-width:100%; width:60px;}

	.m_formbox .label{display:block; margin:0 0 10px 5px; font-size:14px;}
    .m_formbox .input_group input[type="text"],
	.m_formbox .input_group textarea{border: 1px solid #303441; background: #1F1F24; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.80); font-size:14px;  border-radius:12px;}
	.m_formbox .input_group input[type="text"]{height:48px; }
	.m_formbox .input_group button{width:100%; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; gap:10px; color:var(--panel-2); font-weight:400; border: 1px solid #303441; background: #0E0E0F; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.80); }

	.m_formbox input[type="text"]::-webkit-input-placeholder {color:#EA891B; font-weight:500}
	.m_formbox input[type="text"]:-input-placeholder {color:#EA891B;  font-weight:500}
	.m_formbox input[type="text"]:-ms-input-placeholder {color:#EA891B;  font-weight:500}
	.m_formbox input[type="text"]::-moz-input-placeholder {color:#EA891B;  font-weight:500}

	.m_formbox textarea::-webkit-input-placeholder {color:#EA891B; font-weight:500}
	.m_formbox textarea:-input-placeholder {color:#EA891B;  font-weight:500}
	.m_formbox textarea:-ms-input-placeholder {color:#EA891B;  font-weight:500}
	.m_formbox textarea::-moz-input-placeholder {color:#EA891B;  font-weight:500}

	.m_formbox .warn{position:relative; font-weight:300; margin-top:20px; padding-left:30px; font-size:13px;}
	.m_formbox .warn span{color:var(--panel-2); font-weight:400;}
	.m_formbox .warn:after{position:absolute; content:""; width:21px; height:21px; background:url(../../image/sub/check_icon.png); left:0; top:50%; transform:translateY(-50%)}

	.m_inquiry .inquiry_tab{margin-bottom:30px}
	.m_inquiry .inquiry_tab button{ border-bottom:1px solid #303441; background:transparent; height:40px; font-weight:400; padding:0 15px; color:var(--muted); font-size:14px}
	.m_inquiry .inquiry_tab button:hover{color:#ffcc00}
	.m_inquiry .inquiry_tab .active{border-bottom:1px solid #ffcc00; color:#ffcc00}

	.m_inquiry .inquiry-list .card-box{
		overflow: hidden;
		margin-bottom:30px;
	}
	.m_inquiry .inquiry-list .inner{position:relative;}
	.m_inquiry .inquiry-list .inner button{position:absolute; top:0; right:0; background:transparent; border:0}
	.m_inquiry .inquiry-list .inner > p{margin-bottom:15px;}
    .m_inquiry .inquiry-list .inner > div{display:flex; align-items:center; margin-bottom:10px}
	.m_inquiry .inquiry-list .inner > div > p + p{color:rgba(255,255,255,0.4); margin-left:auto; margin-left:auto; font-size:13px;}
	.m_inquiry .inquiry-list .inner > h3{ font-weight:400; font-size:15px}

	.m_inquiry .inquiry-list .inner-answer{
		margin-top:20px;
		border-radius: 17px;
		padding: 15px;
		border: 1px solid #303441;
		background: rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
	}
	.m_inquiry .inquiry-list .inner-answer > div {display:flex; align-items:flex-start; gap:7px;}
	.m_inquiry .inquiry-list .inner-answer > div > span{width:25px; height:25px; line-height:25px; text-align:center; background:#ff6600; color:#fff;font-family: 'Montserrat'; font-weight:600; border-radius:50px; font-size:13px; flex-shrink:0}
	.m_inquiry .inquiry-list .inner-answer > div > div{flex-grow:1}
	.m_inquiry .inquiry-list .inner-answer > div > div > h3{font-weight:400; color:#fff; margin-bottom:10px; font-size:15px}
	.m_inquiry .inquiry-list .inner-answer > div > div > p{font-size:14px}

	/* ==========================================================================
    출석체크
    ========================================================================== */
	.m_attendWrap .topbar{display:flex; align-items:center; gap:10px}
	.m_attendWrap .topbar > div:nth-child(1){display:flex; align-items:center; justify-content:center; border-radius:8px; background: var(--Color-9-org, #F60); width:35px; height: 35px;}
    .m_attendWrap .topbar > div:nth-child(2) h2{font-size:15px;}
    .m_attendWrap .topbar > div:nth-child(2) p{color:var(--panel-10); font-size:12px}
	.m_attendWrap .topbar > div:nth-child(3){margin-left:auto;}
	.m_attendWrap .topbar > div:nth-child(3) button{border-radius:13px; border:1px solid #707070; background: #3A3A3A; height:35px; gap:5px; padding:0 8px; font-size:14px}
    .m_attendWrap .topbar > div:nth-child(3) button:hover{border:1px solid #ffcc00; background:#212121;}
	.m_attendWrap .topbar > div:nth-child(3) button img{max-width:100%; width:15px}

    .m_attendWrap .card-item1 .m-section-tit .oneday{margin-left:auto;}

    .m_attendWrap .card-item1 .inner{display:flex; align-items:center; justify-content: space-between; gap:5px}
    .m_attendWrap .card-item1 .inner > div{flex-grow:1; border-radius:8px;  border:1px solid #232836; background: rgba(0,0,0, 0.2); padding:15px; text-align:center;}
    .m_attendWrap .card-item1 .inner > div p{font-size:13px}
	.m_attendWrap .card-item1 .inner > div p b{font-size:15px; color:#ffcc00}
	.m_attendWrap .card-item1 .tag{width:100%; display:inline-flex; align-items:center; justify-content:center;gap:6px;
      margin-top:10px;
      padding:8px 10px;
      border-radius:12px;
      background: rgba(255,255,255,.03);
      border:1px solid #232836;
      color:#9aa3b7;
      font-size:12px;
    }
    .m_attendWrap .dot{width:8px; height:8px; border-radius:999px; background:#2bd673; display:inline-block;}
    .m_attendWrap .dot.off{background: rgba(255,255,255,.18);}

	.m_calendar .headgroup{display:flex; align-items:center;}
    .m_calendar .headgroup .badges{margin-left:auto;}

	.m_calendar .headgroup h2{font-weight:500; font-family: 'Montserrat'; font-size:15px;}
    .m_calendar .badges .badge{border-radius: 100px; padding:3px 10px; font-size:12px;}
	.m_calendar .badges .orange{border: 1px solid #ff6600; background: #000; border: 1px solid #e28343;}
	.m_calendar .badges .mint{background:#0D9978; border: 1px solid #3acfac;}
	.m_calendar .badges .filled{background: #ff6600; }
    
	.m_calendar .grid{display:grid; grid-template-columns: repeat(7, 1fr);gap:5px;}
	.m_calendar .tile{
        position:relative;
		height: 46px;
        border-radius:10px;
		border: 1px solid #303441;
		background: #151519;
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:12px;
		color: rgba(255,255,255,.9);
		overflow:hidden;
		font-family: 'Montserrat';
		font-weight:500;
    }
    .m_calendar .tile.week{font-weight:600;}
	.m_calendar .tile.outline{background: rgba(0, 0, 0, 0.65); border: 1.5px solid rgba(255,122,0,.75);box-shadow: 0 0 0 1px rgba(255,122,0,.15) inset;}
	.m_calendar .tile.dim{color: rgba(255,255,255,.35); background: rgba(255,255,255,.01);  border-color: rgba(255,255,255,.05);}
	.m_calendar .dot{
		position:absolute;
		width:5px; 
		height:5px;
		border-radius:999px;
		background:#01FFC4;
		bottom:6px;
		left: 50%;
		transform: translateX(-50%);
		box-shadow: 0 0 0 3px rgba(37,208,125,.10);
    }
	.m_calendar .tile.gray{background:#2C2929; border: 1px solid #332f2f;}
    .m_calendar .tile.selected{
		background: linear-gradient(180deg, rgba(255,122,0,1), rgba(255,106,0,1));
		border-color: rgba(255,255,255,.35);
		box-shadow: 0 0px 10px rgba(255,122,0,.35);
    }

	.m_attendWrap .m_streak_box .streak_bonus{border-radius:13px; border: 1px solid #464646; background: url(../../image/sub/box_bg.png) #000 top left / cover no-repeat; padding:12px; display:flex; align-items:center; gap:8px; margin-bottom:10px;}
	.m_attendWrap .m_streak_box .streak_bonus:last-child{margin-bottom:0}

	.m_attendWrap .m_streak_box .num{width:34px; height:34px; border-radius:8px; background: #010101; display:flex; align-items:center; justify-content:center; font-size:13px;font-weight: 700;}
	.m_attendWrap .m_streak_box .streak_txt p{font-size:11px;  font-family: 'Montserrat';}
    .m_attendWrap .m_streak_box .streak_txt p b{font-size:12px; font-weight:500;}
	.m_attendWrap .m_streak_box .bonus_money{margin-left:auto; font-weight:600; font-size:15px; font-family: 'Montserrat';}

	.m_attendWrap .m_streak_box .outline{border: 1px solid rgba(255, 102, 0, 0.41); background: #050506;}
	.m_attendWrap .m_streak_box .outline .num{background: #ff6600; }
	.m_attendWrap .m_streak_box .outline .streak_txt p b{color:#ff6600}
	.m_attendWrap .m_streak_box .outline .bonus_money{color:#F1E500}
	.m_attendWrap .m_streak_box .selected{background: radial-gradient(831.17% 82.92% at 5.93% 31.09%, #FFA600 0%, #FF6200 100%); border: 1px solid rgba(255, 255, 255, 0.19);}
 
    .reward-row{display: flex; gap: 10px; overflow: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}
	.reward-row .box{min-width: 110px; scroll-snap-align: start; border-radius:16px; border: 1px solid #FEF621; background: radial-gradient(55.56% 55.56% at 50% 50%, #FFA600 0%, #FF6200 100%); / cover no-repeat; position:relative; font-family: 'Montserrat'; overflow:hidden; padding: 12px 10px;}
    
	.reward-row .box .ico{}
    .reward-row .box .ico > span svg{filter: drop-shadow(0 4px 3px rgba(0,0,0, 0.3));}
	.reward-row .box .day{font-size:12px; font-weight:500}
	.reward-row .box .txt{font-size:12px; margin-bottom:4px; color:rgba(255,255,255,0.8)}
	.reward-row .box .moni{font-size:15px;margin-top:10px; font-weight:700}

	.reward-row .past_box{position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.80); top:0; left:0; z-index:9; display:flex; align-items:center; justify-content:center;}
	.reward-row .past_box img{max-width:100%; width:50px;}

    .m_attendWrap .card-item3 .box{border-radius:8px; background: rgba(8, 8, 9, 0.49); box-shadow: -4px -4px 4px 0 rgba(0, 0, 0, 0.11) inset, 4px 4px 4px 0 rgba(0, 0, 0, 0.11) inset; padding:15px; display:flex; align-items:center; margin-bottom:8px; border:1px solid rgba(255,255,255,.1);}
	.m_attendWrap .card-item3 .box{color: var(--panel-10); font-family: 'Montserrat'; font-size:12px;}
	.m_attendWrap .card-item3 .box > div + div{margin-left:auto; text-align:right;}
	.m_attendWrap .card-item3 .box > div span{display:inline-block; border-radius:5px; border: 1px solid rgba(227, 129, 68, 0.23); background: #1C1C1D; color:#ff6600; font-size:11px; padding:5px; margin-bottom:5px}
	.m_attendWrap .card-item3 .box .panel-5{color:var(--panel-5); font-size:15px; font-weight: 600;}
	.m_attendWrap .card-item3 .box .panel-4{color:var(--panel-4); font-size:13px; font-weight: 600;}
    
	.m_attendWrap .card-item3 ul{width:90%; margin:0 auto;}
	.m_attendWrap .card-item3 ul li{position: relative; padding-left:10px; margin-bottom:10px; font-size:13px; color:rgba(255,255,255,0.9)}
    .m_attendWrap .card-item3 ul li:last-child{margin-bottom:0;}
	.m_attendWrap .card-item3 ul li:after{position:absolute; content:""; width:3px; height:3px; background:rgba(255,255,255,0.7); left:0; top:50%; border-radius: 10px;}

	/* ==========================================================================
    추천인 관리
    ========================================================================== */
	.m_recommend .m-section-tit h2 b{color:var(--panel-2)}
	.m_recommend .recommender_con{display:grid; gap:10px; grid-template-columns: repeat(2, 1fr);}
	.m_recommend .recommender_con .box{height:115px; flex-grow:1; justify-content: center; flex-direction: column;}

	.m_recommend .recommender_con .box > div:first-child{display:flex; align-items:flex-start; gap:10px; margin-bottom:15px}
	.m_recommend .recommender_con .box > div h3{font-size:14px; font-weight:400; color:var(--secondary)}
	.m_recommend .recommender_con .box > div p{font-family: 'Montserrat'; background:#ff6600; width:25px; height:25px; border-radius:50px; font-size:13px; display:flex; align-items:center; justify-content: center; font-weight:600}
	.m_recommend .recommender_con .box > div:last-child b{font-family: 'Montserrat'; font-size:19px; color:var(--panel-2); font-weight:600}

	.m_recommend .gradient-border-box-yellow{padding:15px; border-radius:10px}

	/*추천인 상세보기 모달*/
	.m_recomd-view{padding:0 5px}
	.m_recomd-view .btn{height:50px !important}
	.m_recomd-view .recomd-header .box{text-align:center; margin-bottom:15px; display:flex; align-items:center; justify-content:center; flex-direction: column; border-radius: 15px;border: 1px solid #303441;background: #1F1F24;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.80); padding:25px;}
	.m_recomd-view .recomd-header .box > h2{margin-bottom:10px; color:#ffcc00;font-family: 'Montserrat'; font-size:19px; font-weight:600}
	.m_recomd-view .recomd-header .box > p{ font-size:15px;}
	.m_recomd-view .recomd-header .box > .profile-img{position:relative; width:70px; height:70px; margin:0 auto 15px;}
	.m_recomd-view .recomd-header .box > .profile-img p{width: 100%; padding-top:100%; position: relative; border-radius:30px; border:1px solid #303441; background: #1A222F; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.80); overflow:hidden;}
	.m_recomd-view .box > .profile-img img{    
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.m_recomd-view .recommend-list{display:grid; gap:10px; grid-template-columns: repeat(2, 1fr);}    
	.m_recomd-view .recommend-list .box{display:flex; align-items:center; justify-content:center; flex-direction: column; }
	.m_recomd-view .recommend-list .box > p:first-child{margin-bottom:10px}
	.m_recomd-view .recommend-list .box > p{font-size:13px; font-weight:400; color:#fff;}
	.m_recomd-view .recommend-list .box > p span{text-transform: uppercase; width: 25px; height: 25px; line-height: 25px; display: inline-block; border-radius: 50px; background:#ff6600; color: #fff; font-family: 'Montserrat'; font-weight: 600; text-align: center; font-size: 12px;}
	.m_recomd-view .recommend-list .box > p:last-child{font-size:16px; font-weight:600; color:#ffcc00; font-family: 'Montserrat'; margin-top:8px}

	.m_recomd-view .btnWrap{display:flex; align-items:center; gap:10px}
	.m_recomd-view .btnWrap .btn{flex:1 0 48%}

	.m_recomd-view .gradient-border-box-yellow{padding:15px; border-radius:10px}

    /* ==========================================================================
    검색
    ========================================================================== */
	.m_search_box{display:flex; flex-direction:column; gap:12px}
	.m_input_group_row{display:flex; align-items:center; gap:3px;}
	.m_input_group_row .input_group{min-width:auto; flex-grow:1;}

}