/*
*
|  Page Name       : mediaqueries.scss
|  Description     : scss created for global use
|  Created by      : Invech Treasure Processing Corp. Team
|  Date Created    : 2022
|  Last Update by  : Invech Treasure Processing Corp. Team
|  Last update     : Nov. 11 , 2022
*
*/

/** Media Queries */


@media screen and (max-width: 1600px){
 	#aisdeLeft {
	   display: none;
	}
   .inner {
		width: 1280px;
		max-width: 100%;
    }
    #main_con {
		width: 100%;
		max-width: 1000px;
    }
     .tab_table {
        width: 100%;
    }
    /* SUB - SIDE */
    #unique-floating-side{ display:none;}
    .floating-side {position: relative; top: unset; left: unset; margin: 127px 0 -57px; background-color: var(--color-61); padding: 20px;}
    .floating-side.mobile_hide {display: none;}
    .floating-side .sub-floats {position: relative; top: unset; left: unset; width: 100%; transform: unset;}
    .floating-side .sub-floats .menu-header {display: none;}
    .floating-side .sub-floats .search_bar {display: none;}
    .floating-side .sub-floats .game-list {margin-top: 0; display: flex; flex-wrap: wrap; gap: 4px 6px;}
    .floating-side .sub-floats .game-list .game_item {display: inline-flex; justify-content: center; align-items: center; width: calc((100% / 4) - 5px);}
    .floating-side .sub-floats .game-list .game_item.active .game_menu {display: none;}
    .floating-side .sub-floats .game-list .game_item .game_tit {padding: 0; margin-bottom: 0; background-color: transparent; border: 1px solid var(--color-15); border-radius: 12px;}
    .floating-side .sub-floats .game-list .game_item.active .game_tit {background-color: var(--color-11);}
    .floating-side .sub-floats .game-list .game_item .game_tit .tit {width: 100%; text-align: center;}
    .floating-side .sub-floats .game-list .game_item .game_tit .view-icon {display: none;}
    .floating-side .sub-floats .game-list .game_item .game_tit::after {background-color: transparent; width: 0; height: 0;}

    .floating-side .sub-floats .game-list.mobile_devide_4 {}
    .floating-side .sub-floats .game-list.mobile_devide_4 .game_item {width: calc((100% / 2) - 3px);}
    /*#chat {padding: 0px 50px 50px 50px;}
    #chat .chat-cont {
        padding: 30px 50px;
    }*/
    #deposit > .inner{
        padding: 0px ;
    }

    
    /* deposit */
    #deposit > .inner {flex-direction: column; gap: 30px; padding-top: 0px; align-items: center;}
    #deposit .deposit {width: 100%; background-color: var(--color-48); border-radius: 10px; padding: 20px 10px;}
    #deposit .deposit .setting .amount {gap: 10px 6px; flex-wrap: wrap;}
    #deposit .deposit .setting .amount .btn_bubble {flex: unset; width: calc((100% / 3) - 4px);}
    #deposit .deposit .setting .account_pw > input {width: 70%;}
    #deposit .deposit .setting .own_status .own_amount {width: 60%; padding: 0 12px;}
    #deposit .deposit .setting .own_status .own_amount span {font-size: 14px;}
    #deposit .deposit .setting .own_status .deposit_amount {width: 40%;}
    #deposit .deposit .setting .account_info .ai_tit {width: 100px;}
    #deposit .deposit .setting .account_info .ai_detail {padding: 0 12px;}
    #deposit .deposit .setting .account_info .ai_detail > span {font-size: 13px;}
    #deposit .deposit .action_deposit > p {margin-bottom: 20px; font-size: 14px;}
    #deposit .deposit .action_deposit > button {width: 50%;}
    #deposit .deposit .withdrawal_table {padding: 12px;}
    #deposit .deposit .withdrawal_table > table caption {font-size: 14px; padding: 0 0 12px 8px;}
    #deposit .deposit .withdrawal_table > table th {font-size: 12px;}
    #deposit .deposit .withdrawal_table > table td {font-size: 12px;}
    #deposit .deposit .withdrawal_table .table-btn {width: 50%; margin-top: 20px;}
    #deposit .deposit .warning {width: 100%; padding: 12px; border-radius: 20px;}
    #deposit .deposit .warning > p {font-size: 12px;}

    #deposit .guide-list {padding: 0 0px; align-items: center;}
    #deposit .guide-list .guide-item {min-height: 120px; padding: 12px 20px 0 30px;}
    #deposit .guide-list .guide-item .item_head > span {font-size: 16px;}
    #deposit .guide-list .guide-item .item_body > p {font-size: 14px;}
    #deposit .guide-list .guide-banner { margin-top: 20px; width: 50%;}

    #deposit input {font-size: 14px; padding: 0 12px;}
    #deposit > .inner > .tt_tit {display: block; text-align: center;}
    #deposit > .inner > .tt_tit > span {font-size: 20px;}

    .mobile-tab_subs {
        display: flex;
        justify-content: center;
    }
    #tab_table{
        padding-top: 0px !important ;
    }

    #tab_table .inner,
    #exchange .inner,
    #mypage .inner{ padding: 0 ;}
    #exchange {padding-top: 0px;}

    
    /* mypage */
    #mypage {padding: 0 0 30px 0;}
    #mypage > .inner {flex-direction: column; gap: 20px;}
    #mypage .password {width: 100%; min-height: auto; background-color:  var(--color-20) !important;}
    #mypage .account {width: 100%; min-height: auto; background-color:  var(--color-20) !important;}
    #mypage .recommend {width: 100%; min-height: auto; background-color:  var(--color-20) !important;}
    #mypage .optional {width: 100%; min-height: auto; background-color:  var(--color-20) !important;}
    #mypage .bg-rounded {background-color: var(--color-61) !important;   border-radius: 12px;}
    #mypage .info {flex-direction: column; gap: 20px; padding: 40px 0 0 0; background-color: transparent; border: none;}
    #mypage .info .inner-box.my {width: 100%; background-color: var(--color-61) !important; padding: 20px 12px; border-radius: 12px;}
    #mypage .info .inner-box.my .box-content {margin-bottom: 20px;}
    #mypage .info .inner-box.my .box-content .detail {gap: 12px;}
    #mypage .info .inner-box.my .box-content .detail .box-head > span {font-size: 18px;}
    #mypage .info .inner-box.my .box-content .detail .txt-list {gap: 4px;}
    #mypage .info .inner-box.my .box-content .detail .txt-list .txt .txt_tit {font-size: 14px;}
    #mypage .info .inner-box.my .box-content .grade {width: 44%; height: 120px;}
    #mypage .info .inner-box.my .box-content .grade .tit {font-size: 16px;}

    #mypage .info .inner-box.money {width: 100%; background-color: var(--color-61); padding: 20px 12px; border: none; border-radius: 12px;}
    #mypage .info .inner-box.money .box-head {display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border: 1px solid var(--color-15); border-radius: 8px; margin-bottom: 12px;}
    #mypage .info .inner-box.money .box-head > span {font-size: 18px;}

    #mypage .info .inner-box.etc {flex-direction: row; gap: 10px; width: 100%; background-color: var(--color-61); padding: 20px 12px; border-radius: 12px;}
    #mypage .info .inner-box.etc .box-item {width: 50%;}
    #mypage .info .inner-box.etc .box-item .box-head {margin-bottom: 12px; border: 1px solid var(--color-15); border-radius: 8px; padding: 8px;}
    #mypage .info .inner-box.etc .box-item .box-head > span {font-size: 16px;}
    #mypage .btn_cont.button-row .img-box {width: 46px;}

    /* #mypage .form.form-label-horizontal .item input {width: 230px;} */
    #mypage .form.form-label-vertical .item {flex-direction: row; align-items: center;}
    #mypage .form .item > label {white-space: nowrap; margin-right: 8px; width: auto;}
    #mypage .recommend .item-scroll-list .item {height: 32px;}
    #mypage .recommend .item-scroll-list .item .name {color: #fff;}
    #mypage .recommend .item-scroll-list .item .date {color: #fff;}

    #mypage .optional {flex-direction: row; border-radius: 30px;}
    #mypage .optional > div {padding: 20px 16px; gap: 20px; border-radius: 12px;}

    #mypage .btn_cont.button-column {flex-direction: row;}
    #mypage .btn_cont .btn_large {border-radius: 8px;}

}

@media screen and (max-width: 1500px) {
    /* Header */
    header .header-top {padding: 0 4.67vw;}
} 

@media (min-width:721px) and (max-width:1400px) {
    header .gnb .gnb_main .gnb-list {
        display: flex;
        align-items: center;
        gap: 3.5vw;
        white-space: nowrap;
        height: 100%; 
    }
    header .gnb .gnb_main .all_page .gnb_sub .sub-list {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 30px 0 30px 75px;
        border-bottom: 3px solid var(--color-46);
        gap: 0.5vw;
    }
    #main_con {
		width: 100%;
		max-width: 1000px;
    }
}

@media screen and (max-width: 1366px) {
    /* Modal */
    .modal {transform: translate(-50%, -50%) scale(1);}


    /* only-mobile */
    .section_banner .banner-list .item .content > h2 {font-size: 2.5vw;}
    .section_banner .banner-list .item .content > p {font-size: 1.5vw;}
    .section_banner .banner-list .item .content > button {width: 16vw; height: 4.8vw; font-size: 1.4vw; margin-top: 12px;}
} 
@media screen and (max-width: 1300px) {
	#main_con {
		width: 100%;
		max-width: 1000px;
		flex-grow: 1;
		margin-left:0px;
		margin-right:0px;
		background-color: #030f32;
		padding: 0px 10px;
	}
} 

/* sub24_reward */
@media screen and (max-width: 941px) {
	.tab_table {
        width: 100%;
    }
    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper {
        flex-direction: column;
    }

    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper>table {
        width: 100%;
    }

    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper>table>tbody>tr>td .td-big {
        display: inline-flex;
        align-items: center;
        height: 60px;
    }

    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper>table>tbody>tr>td .td-mid {
        font-size: 14px;
    }
}

@media screen and (max-width: 720px) {
	.memo-content  {
	   padding: 10px 5px;
	}
	.center_img img{width:24%;cursor:pointer; }
	
	#aisdeRight {
		background-color: #151f3c;
		width:100%;
		height:70%;
		z-index:1;
		margin-top: 120px;
		text-align: center;
		padding: 10px;
		overflow-y: scroll;
		z-index:100;
		vertical-align: text-bottom;
	}
	.right_gnb li{padding:5px 10px;border-bottom:#1a2151 1px solid}
	.right_gnb li span{float:right;text-align:right;font-size:10pt}
	.right_gnb li strong{color:#ffcc00}
	#aisdeRight h3 {
		padding: 10px;
		border-bottom: 1px solid #283a4b;
		box-shadow: 1px 1px 3px #0f1e3f;
		background: #226199;
		margin:8px 0px;
		text-align:left !important
	}

	.anim-btn2 {
    border-radius: 8px;
    max-width: 100px;
	}
	.main_notice {width:100% !important;margin:10px 0px}
	.main_notice .home_td{width:45%;}
	.main_notice .cen_td{width:8%;}
	.main_notice .away_td{width:45%;}
	.main_notice .home{width:100%;height:25px;overflow: hidden;}
	.main_notice .away{width:100%;height:25px;overflow: hidden;}

	.tab_table {width:100%;background:#1e1e1e;border-radius:10px;padding:2px}

	#aisdeLeft {
	   display: none;
	}

    .betradar-betting-history tbody tr td,
    #betting-history tbody tr td {
        padding: 5px;
    }

    #betting-history tbody tr td:nth-child(2) {
        text-align: center;
        padding-right: 5px;
    }

    .toggle_hist {
        height: auto !important;
        width: 100% !important;
        border-right: 1px solid var(--color-15) !important;
        overflow-x: auto;
    }

    .toggle_hist::-webkit-scrollbar {
        height: 5px;
    }

    .toggle_hist::-webkit-scrollbar-thumb {
        border: none;
        background-color: #2a93d5;
    }

    .betradar-betting-history thead tr th,
    .betradar-betting-history .d-block,
    #betting-history .d-block,
    #betting-history thead tr th {
        font-size: 10px;
        overflow-wrap: break-word;
    }

    .betradar-betting-history,
    #betting-history {
        width: 100%;
    }

    .toggle_hist_box .text-center {
        margin: 0 !important;
    }

    /* #betting-history thead tr th:nth-child(2){
        width: -webkit-fill-available;
    }
    #betting-history thead tr th:nth-child(1){
        width: -webkit-fill-available;
    }
    #betting-history thead tr th:nth-child(3),
    #betting-history thead tr th:nth-child(4){
        width: -webkit-fill-available;
    } */

    .toggle_hist_box .loading {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 36px;
        margin: auto;
        font-size: 10px;
    }


    .close-popup {
        width: 15px !important;
        left: 42vw !important;
    }

    .close-popup-register {
        width: 10px !important;
        bottom: -10px !important;
        left: 44vw !important;
    }

    .close-popup-toast {
        width: 10px !important;
        bottom: 9vh !important;
        left: 19vh !important;
    }

	.b-sidebar-header{ top: 129px !important;}
    .b-sidebar-body{ top: 162px !important; }

	#sub {margin-top:60px;min-height:700px;display: flow;}
	#main_con {
		flex-grow: 1;
		margin-left:0px;
		margin-right:0px;
		background-color: #030f32;
		padding: 0px 10px;
		font-size: 0.68rem;
		font-weight: 400;
		color: #fff;
	}
	.betlist,.resultlist,.moneylog {
		 
		font-size: 0.75rem;
		font-weight: 400;
	}
	#main_con td {
    padding: 5px 3px;
 
    border-radius: 10px;
    margin: 0px;
	}
	.th_game_lg{font-size: 0.68rem;}

	.th_game_home{width:44%}
	.th_game_draw{width:10%}
	.th_game_away{width:44%}

	.td_game_home{width:44%;}
	.td_game_homename{float: left;width:100%;text-align:left !important; overflow: hidden;text-overflow: ellipsis;}
	.td_game_homerate{width:25%;text-align:right !important;vertical-align: middle !important;white-space: nowrap  ;}
	.td_game_homename1,.td_game_homename4{float: left;width:100%;text-align:left !important;}
	.td_game_homerate1,.td_game_homerate4{width:25%;height:100%;text-align:right !important;vertical-align: middle !important;white-space: nowrap  ;}
	.td_game_draw{width:10%;text-align:center !important;white-space: nowrap;}
	.td_game_away{width:44%}
	.td_game_awayrate{width:25%;text-align:left !important;white-space: nowrap;}
	.td_game_awayname{float: right;width:100%;text-align:right !important; overflow: hidden; text-overflow: ellipsis;}
	.td_game_awayrate1,.td_game_awayrate4{width:25%;text-align:left !important;white-space: nowrap;}
	.td_game_awayname1,.td_game_awayname4{float: right;width:100%;text-align:right !important;}
	 

	.user_info, .banner_box{display:none}
    .marquee-wrapper:hover .marquee {
        animation-play-state: running !important;
    }

	.field-style {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .maxBonusPoint {
        font-size: 12px !important;
    }

    .field-style-3 {
        font-size: 12px !important;
    }

	#slider_6 .item-wrapper .item:nth-child(5) .img > img { height: 100% !important;}
    .no-selected-data{
        width: 100% !important;
        /* border-right: 1px solid var(--color-15); */
        font-size: 12px;
        justify-content: center !important;
    }

    html{
        zoom: 100%;
    }

	.mobile-tab_subs {
		display: contents;
		justify-content: center;
	}
    /** For Homepage Banners */
    .section_banner .banner-list {
        /* padding: 0; */
    }
    .section_banner .banner-list .item {
        height: 38vw;
        margin: 0 1.55vw;
    }
    .section_banner .banner-list .item .bg {

    }
    .section_banner .banner-list .item .bg > img {
        /* object-fit: contain; */
    }
    .app-footer {
        height: 15.23vw;
		padding-bottom: 10px;
    }
    .app-footer a {line-height: unset;}

    /* #COMMON */
    /* layout */

    .wrapper {min-width: auto;}
    .inner {padding: 0 4.67vw !important; overflow: hidden;}
    .view_pc {display: none;}
    .view_mobile {display:inline-block;}
    header .header-top .logo {
        height: 40px;
    }

    /* Header */
    /* header {background-color: var(--color-1);} */
    
    header .header-top {height: 14.79vw; justify-content: space-between; background-color: var(--color-72);} 
    header .header-top .log-info {display: none; margin-right: 40px; gap: 5px;}
    header .header-top .social-container{gap:10px;}
    header .header-top .social-icon.kakao{width:30px;}
    header .header-top .social-icon.last{margin-right:0}
    header .header-top .btn_sidebar {display: block; position: absolute; top: 50%; right: 4.67vw; transform: translateY(-50%); cursor: pointer;}
    header .header-top .btn_sidebar::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);   width: 80%; height: 80%;}
    header .header-top .btn_sidebar > img {position: relative; width: 28px;}
    header .gnb {display: none;}
    header .lg-btns{ display: none;}
    header .alert {display: none;}
    header .user-log{display: none;}
    header .header-top .log-info .btn-event{display: none;}
    header .own-amount .user-balance,
    header .own-amount .user-points {font-size: 14px;}
    header .header-top .log-info .btn-log {display: none;} 
    header .header-top .log-info span img {display: block;}

    /* main */
    main {min-height: calc(100vh - 220px); margin-top: 0vw;}

    /* footer */
    footer {margin: 0 0 10.23vw; bottom: 0px;}
    footer .fnb {justify-content: space-between; align-items: center; gap: 2.33vw; height: 7.78vw; padding: 0 3.42vw; text-align: center; flex-wrap: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
    footer .fnb::-webkit-scrollbar {display: none;}
    footer .fnb .menu-list {width: auto;}
    footer .fnb .menu-list .tit {margin-bottom: 0;}
    footer .fnb .menu-list .tit > span {font-size: 2.5vw; font-weight: 400; white-space: nowrap;}
    footer .fnb .menu-list .menu {display: none;}
    
    footer .partners {height: 12.07vw; padding: 2.59vw 3.42vw; overflow: hidden;}
    footer .partners marquee {display: block; height: 100%;}
    footer .partners .item {flex-shrink: 0; height: 100%;}
    footer .partners .item > img {max-height: 100%;}

    footer .copyright p,footer .copyright > span {font-size: 1.8vw;}
    .marquee .item img{
        height: 15px !important;
    }
    .marquee .item img.img-top {
        height: 20px !important;
    }
    #top-partner{ height: 25px !important;}
    .logoMarqueeSection{
        padding: 15px 20px;
    }
    .marquee{
        align-items: flex-start !important;
    }
    /* app-footer */
    .app-footer {display: flex;}
    .floating-menu {display: none;}

    /* SUB - SIDE */
    #unique-floating-side{ display:none;}
    .floating-side {position: relative; top: unset; left: unset; margin: 57px 0 -57px; background-color: var(--color-61); padding: 12px 0;}
    .floating-side.mobile_hide {display: none;}
    .floating-side .sub-floats {position: relative; top: unset; left: unset; width: 100%; transform: unset;}
    .floating-side .sub-floats .menu-header {display: none;}
    .floating-side .sub-floats .search_bar {display: none;}
    .floating-side .sub-floats .game-list {margin-top: 0; display: flex; flex-wrap: wrap; gap: 4px 6px;}
    .floating-side .sub-floats .game-list .game_item {display: inline-flex; justify-content: center; align-items: center; width: calc((100% / 4) - 5px);}
    .floating-side .sub-floats .game-list .game_item.active .game_menu {display: none;}
    .floating-side .sub-floats .game-list .game_item .game_tit {padding: 0; margin-bottom: 0; background-color: transparent; border: 1px solid var(--color-15); border-radius: 12px;}
    .floating-side .sub-floats .game-list .game_item.active .game_tit {background-color: var(--color-11);}
    .floating-side .sub-floats .game-list .game_item .game_tit .tit {width: 100%; text-align: center;}
    .floating-side .sub-floats .game-list .game_item .game_tit .view-icon {display: none;}
    .floating-side .sub-floats .game-list .game_item .game_tit::after {background-color: transparent; width: 0; height: 0;}

    .floating-side .sub-floats .game-list.mobile_devide_4 {}
    .floating-side .sub-floats .game-list.mobile_devide_4 .game_item {width: calc((100% / 2) - 3px);}

    /* modal */
    .modal {transform: translate(-50%, -50%) scale(1);}
    .modal_post {width: 90vw; padding: 60px 20px 30px;}
    .modal_post .post_content {height: 500px; max-height: 80vh; padding-right: 8px;}
    .modal_games {width: 90vw; padding: 60px 20px 30px;}
    .modal_games .games_content {height: 400px; max-height: 80vh; padding-right: 8px;}

    /* only-mobile */
    .tab_header {display: flex; flex-wrap: wrap; gap: 10px; padding-top: 110px !important; padding-bottom: 0px !important;text-align:center;}
    .tab_header div{width:100%;}
    .tab_header .btn-tab {display: inline-flex; justify-content: center; align-items: center; gap: 0.8vw; width: calc((100% / 4) - 8px); height: 8vw; background-color: transparent; border: 1px solid var(--color-64); border-radius: 2.18vw; font-size: 2.95vw; font-weight: 400; color: #fff; transition: background-color 0.15s;}
    .tab_header .btn-tab.active {background-color: var(--color-60); color: #fff;}
    .tab_header .btn-tab > img {width: 2.6vw;}
    .tab_header .btn-tab > span {font-size: 2.4vw;}
    .tab_header button.btn-tab.active > span { color: #fff;}
    .tab_header .btn-tab.bg-deposit { background-color: #298634; border: 1px solid #2f903b;}
    .tab_header .btn-tab.bg-deposit > span { color: #fff; }
    .tab_header .btn-tab.bg-withdraw { background-color: #a83636; border: 1px solid#b34d4d;}
    .tab_header .btn-tab.bg-withdraw > span{ color: #fff; }
    .tab_header2 {display: flex; flex-wrap: wrap; gap: 10px; padding-top: 0px !important; padding-bottom: 10px !important;}
    .tab_header2 .btn-tab {display: inline-flex; justify-content: center; align-items: center; gap: 0.5vw; width: calc((100% / 4) - 8px); height: 5vw; background-color: transparent; border: 1px solid var(--color-64); border-radius: 2.18vw; font-size: 2.95vw; font-weight: 400; color: #fff; transition: background-color 0.15s;}
    .tab_header2 .btn-tab.active {background-color: var(--color-60); color: #ffcc0;}
    .tab_header2 .btn-tab > img {width: 2.6vw;}
    .tab_header2 .btn-tab > span {font-size: 2.4vw;}
    .tab_header2 button.btn-tab.active > span { color: #ffcc00;}
    .tab_header2 .btn-tab.bg-deposit { background-color: #298634; border: 1px solid #2f903b;}
    .tab_header2 .btn-tab.bg-deposit > span { color: #fff; }
    .tab_header2 .btn-tab.bg-withdraw { background-color: #a83636; border: 1px solid#b34d4d;}
    .tab_header2 .btn-tab.bg-withdraw > span{ color: #fff; }
    #sidebar .account-info .asl-button-row .asl-button-column > .bg-deposit { background-color: #298634; border: 1px solid #2f903b;}
    #sidebar .account-info .asl-button-row .asl-button-column > .bg-withdraw { background-color: #a83636; border: 1px solid#b34d4d; color: #fff;}
    
    .section_banner .banner-list {padding: 3.11vw 0; background-color: var(--color-59);}
    .section_banner .banner-list .item {width: 90.73vw; height: 31.15vw; border-radius: 2.33vw; margin: 0 3.55vw; overflow: hidden; width: 100% !important;}
    .section_banner .banner-list .item .content > h2 {font-size: 3vw; line-height: 1.12;}
    .section_banner .banner-list .item .content > p {font-size: 1.8vw; margin-top: 0.5vw;}
    .section_banner .banner-list .item .content > button {width: 20vw; height: 6vw; border-radius: 1.5vw; font-size: 1.8vw; margin-top: 1vw;}
    .section_banner .notice .content .date {display: none;}
    .section_banner .notice .content .alert {width: 100%;font-size: 2.5vw;}
    .section_banner .notice .content .alert span {animation: marquee2 15s linear infinite;}

    .section_sub_banner {padding-top: 20px;}
    .section_sub_banner .banner-list .item {height: 160px;}
    .section_sub_banner .banner-list .item .content .banner-tit {bottom: 30px; width: 140px; height: 42px; padding-left: 0; text-align: center;}
    .section_sub_banner .banner-list .item .content .banner-tit > span {font-size: 14px;}
    
    /*.section_game {padding: 0;}
    .section_game .sec_wrapper .sec_item {display: none;}
    .section_game .sec_wrapper .sec_item.active {display: block;}
    .section_game .sec_wrapper .sec_item .sec_head {display: none;}
    .section_game .sec_wrapper .sec_item .sec_content {gap: 3.89vw 2.12vw; background-color: var(--color-61); padding: 2.78vw 2.78vw; border: 1px solid var(--color-64); border-radius: 2.33vw; margin-top: 0; justify-content: left; margin-bottom: 30px;}
    .section_game .sec_wrapper .sec_item .sec_content .item .img {border-radius: 1.86vw;}
    .section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption {display: block;}
    .section_game .sec_wrapper .sec_item .sec_content .item .img #view {justify-content: center; left: 50%; top: 50%; font-size: 10px;}
    .section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption > span > img {padding: 10px 0px; width: 40%;}
    .section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite {display: none; width: 35%; height: 35%;}
    .section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite > img {width: 1.8vw;}
    .section_game .sec_wrapper .sec_item .sec_content .item .desc {margin-top: 1vw; height: 15px;}
    .section_game .sec_wrapper .sec_item .sec_content .item .desc > span {position: absolute; left: 50%; transform: translateX(-50%); font-size: 2.4vw; white-space: nowrap; color: var(--color-22);}
    .section_game .sec_wrapper .sec_item .sec_content .item:hover .desc > span {color: #fff;}

    .section_game .sec_wrapper .sec_item .item .favorite_type {top: 4%; right: 4%; width: 18px; height: 18px; display: none;}

    .section_game .sec_wrapper .item {width: calc((100% / 4) - 1.6vw) !important;}
     .section_game.section_mobile_grid .sec_wrapper .item {width: auto !important;}  
    .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(1) {width: 100%;}
    .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(2) {width: 100%;}
    .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) {padding-left: 0;}
    .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) .sec_content {justify-content: flex-start;}
    
    .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper {display: flex; grid-template-columns: unset; gap: 0;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item {grid-area: unset !important;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img {aspect-ratio: unset; height: 21.65vw !important; aspect-ratio: unset; border-radius: 2.33vw;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item.active .img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(115, 50, 254, 0.3);}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item.active .img {border: 1px solid var(--color-11);}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item .img .figcaption {display: none;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item .img .is_favorite {display: none; width: 35%; height: 35%;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item .img .is_favorite > img {width: 1.8vw;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item .desc {margin-top: 1vw; height: 15px;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item .desc > span {position: absolute; left: 50%; transform: translateX(-50%); font-size: 1.8vw; white-space: nowrap; color: #a1afce;}
    .section_game .sec_wrapper .sec_item .sec_content_grid .item:hover .desc > span {color: #fff;}*/
    .section_game .sec_wrapper .item {width: calc((100% / 2) - 1.6vw) !important;}
    .section_sub {padding: 20px 0;}
    .section_sub .sec_wrapper .sec_item {display: block;}
    .section_sub .sec_wrapper .sec_item .sec_head {display: flex;}
    .section_sub .sec_wrapper .sec_item .sec_content_grid {position: relative; width: 100vw; left: -4.67vw; padding: 0px 20px; display: flex; flex-wrap: nowrap; margin-top: 20px; background-color: transparent; border: none; gap: 0; overflow: auto;  -ms-overflow-style: none; scrollbar-width: none;}
    .section_sub .sec_wrapper .sec_item .sec_content_grid::-webkit-scrollbar {display: none;}
    .section_sub .sec_wrapper .sec_item .sec_content_grid .item-wrapper {padding-right: 20px;}
    .section_sub .sec_wrapper .sec_item .sec_content_grid .item .desc > span {color: #fff;}
    .section_sub .sec_wrapper .sec_item .item-wrapper.mobile_view_1 .item {width: 29.8vw !important;}
    .section_mobile.section_famous .sec_wrapper .sec_item .sec_content .item {width: 29.8vw !important;}
    .section_sub .sec_wrapper .sec_item .item-wrapper.mobile_view_2 .item {width: 44.85vw !important;}
    #slider_5, 
    #slider_6,
    #slider_8 { width: calc(100vw - 0px); }


    .section_sub .sec_wrapper .sec_item .item .img {box-shadow: 0 13px 20px -7px #000;}

    #slider_10 ,
    #slider_13 { width: calc(100vw - 0px); }
    
    #slider_21 { width: calc(100vw - 0px); }
    #slider_22 { width: calc(100vw - 0px); }
    #slider_23 { width: calc(100vw - 0px); }
    #slider_24 { width: calc(100vw - 0px); }
    #slider_55,
    #slider_9 { width: calc(100vw - 0px); }
    #fps_1 { width: calc(100vw - 0px); }
    #card_1 { width: calc(100vw - 0px); }

    .section_mobile .sec_wrapper .sec_item .sec_content .item {display: flex; flex-direction: column;}
    .section_mobile .sec_wrapper .sec_item .sec_content .item .img {height: auto;}

    .section_mobile .sec_wrapper .sec_item .sec_content{
        padding: 20px 20px 0;
    }

    /* #home_4 { width: calc(100vw - 0px) } */
    
    .section_game .sec_wrapper .sec_banner {margin-top: 20px;}
    .section_game .sec_wrapper .sec_banner .item-banner {height: 210px; border-radius: 20px;}

    .section_search {display: none;}

    .section_mobile {display: block; padding: 20px 0;}
    .section_mobile.section_event {margin-top: 0px; background-color: var(--color-4);}

    .section_mobile_grid .sec_wrapper .sec_item .sec_content {background-color: transparent; border: none; padding: 0; gap: 6px 12px;}
    .section_mobile_grid .sec_wrapper.devide_6 .item {width: calc((100% / 2) - 1.6vw) !important;}
    .section_mobile_grid .sec_wrapper .sec_item .sec_content .item .desc > span {color: #fff;}
    .section_mobile_grid .sec_wrapper .sec_item .sec_head {display: flex;}

    .section_favorite {background-color: var(--color-59) !important;}



    /* deposit */
    #deposit > .inner {flex-direction: column; gap: 30px; padding-top: 0px; align-items: center;}
    #deposit .deposit {width: 100%;background-color: var(--color-48); border-radius: 10px; padding: 10px 5px;}
    #deposit .deposit .setting .amount {gap: 10px 6px; flex-wrap: wrap;}
    #deposit .deposit .setting .amount .btn_bubble {flex: unset; width: calc((100% / 3) - 4px);}
    #deposit .deposit .setting .account_pw > input {width: 70%; font-size: calc(16px + 6 * ((100vw - 720px) / 250));}
    #deposit .deposit .setting .own_status .own_amount {width: 60%; padding: 0 12px;}
    #deposit .deposit .setting .own_status .own_amount span {font-size: 14px;}
    #deposit .deposit .setting .own_status .deposit_amount {width: 40%;}
    #deposit .deposit .setting .account_info .ai_tit {width: 80px;}
    #deposit .deposit .setting .account_info .ai_detail {
	padding: 0 12px;
	display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: transparent;
    border: 1px solid var(--color-15);
    border-radius: 12px;
	margin-right:20px;
	}
    #deposit .deposit .setting .account_info .ai_detail > span {font-size: 13px;}
    #deposit .deposit .action_deposit > p {margin-bottom: 20px; font-size: 14px;}
    #deposit .deposit .action_deposit > button {width: 50%;}
    #deposit .deposit .withdrawal_table {padding: 12px;}
    #deposit .deposit .withdrawal_table > table caption {font-size: 14px; padding: 0 0 12px 8px;}
    #deposit .deposit .withdrawal_table > table th {font-size: 12px;}
    #deposit .deposit .withdrawal_table > table td {font-size: 12px;}
    #deposit .deposit .withdrawal_table .table-btn {width: 50%; margin-top: 20px;}
    #deposit .deposit .warning {width: 100%; padding: 12px; border-radius: 20px;}
    #deposit .deposit .warning > p {font-size: 12px;}
    #deposit .btn_large { font-size: 13px;}
    #deposit .guide-list {padding: 0 0px;}
    #deposit .guide-list .guide-item {min-height: 120px; padding: 12px 20px 0 30px;}
    #deposit .guide-list .guide-item .item_head > span {font-size: 16px;}
    #deposit .guide-list .guide-item .item_body > p {font-size: 14px;}
    #deposit .guide-list .guide-banner { margin-top: 20px; }

    #deposit input {font-size: 14px; padding: 0 12px;}
    #deposit > .inner > .tt_tit {display: block; text-align: center;}
    #deposit > .inner > .tt_tit > span {font-size: 20px;}

    #deposit .deposit .setting .own_status .withdrawal_btn .rolling-condition {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }
	#deposit .bg_b{padding: 5px;}

    #chat > .inner {flex-direction: column; gap: 30px; padding-top: 0px; align-items: center;}

    /* event */
    #event {padding: 0;}
    #event .tab-header {position: relative; justify-content: center; left: 0; width: 100%; padding: 12px 16px; background-color: transparent;}
    #event .tab-header .btn_tab {border-color: var(--color-1); border-radius: 15px; width: auto; height: 40px; font-size: 14px;}
    #event .tab-body {margin-top: 80px; padding-bottom: 30px;}
    #event .tab-body .tab .item-list {gap: 10px 10px;}
    #event .tab-body .tab .item-list .item {width: calc((100% / 2) - 5px);}
    #event .tab-body .tab .item-list .item .img {
		height: 114px; 
		border-radius: 10px;
	    padding-top: 20%;
		padding-left: 5%;
		text-align: center;

	}
    #event .tab-body .tab .item-list .item .img .tit {
			font-size: 16px;
			font-weight: 700;
			width: 90%;
			height: 114px;
		}


    /* Library Swiper */
    .swiper-pagination-bullet {width: 1.71vw; height: 1.71vw;}
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.5vw !important;}
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{left: 4.67vw !important; width: calc(100vw - 9.34vw) !important;}
    .swiper-scrollbar {background: var(--color-3) !important;}
    .swiper-scrollbar-drag {background: var(--color-11) !important;}

    .btn_large {font-size: 14px; height: 42px;}

    /* TODO 5th */
    /* 계좌 정보 */
    #account {padding-top: 0;}
    #account .account {padding: 0; border-radius: 0; background-color: transparent;}
    #account .account .account-detail .tit {padding: 20px 0;}
    #account .account .account-detail .tit > span {font-size: 20px;}
    #account .account .account-detail .account-form {flex-wrap: wrap; padding: 20px; gap: 10px;}
    #account .account .account-detail .account-form .item {flex: unset; flex-shrink: 0; flex-direction: column; gap: 4px; align-items: flex-start;}
    #account .account .account-detail .account-form .item:nth-child(1) {width: 100%;}
    #account .account .account-detail .account-form .item:nth-child(2) {width: calc(50% - 5px);}
    #account .account .account-detail .account-form .item:nth-child(3) {width: calc(50% - 5px);}
    #account .account .account-detail .account-form .item .tit {padding: 0;}
    #account .account .account-detail .account-form .item .content {width: 100%;}
    #account .account .account-detail .account-form .item .content > input {padding: 10px; border-radius: 8px; font-size: 12px;}
    #account .account .account-detail .button-row > button {width: 140px;}

    #account .account .account-enroll {flex-wrap: wrap; padding: 20px; gap: 10px;}
    #account .account .account-enroll .account-form {flex-wrap: wrap; gap: 10px;}
    #account .account .account-enroll .account-form .item {flex: unset; flex-shrink: 0; flex-direction: column; gap: 4px; align-items: flex-start;}
    #account .account .account-enroll .account-form .item:nth-child(1) {width: 100%;}
    #account .account .account-enroll .account-form .item:nth-child(2) {width: calc(50% - 5px);}
    #account .account .account-enroll .account-form .item:nth-child(3) {width: calc(50% - 5px);}
    #account .account .account-enroll .account-form .item .content > input {padding: 10px; border-radius: 8px; font-size: 12px;}
    #account .account .account-enroll .button-row {width: 100%;}
    #account .account .account-enroll .button-row > button {width: 100%;}

    #account .account .account-table > table > thead > colgroup {display: none;}
    #account .account .account-table > table > thead > tr > th {font-size: 12px;}
    #account .account .account-table > table > tbody > tr > td > span {font-size: 12px;}
    #account .account .account-table > table > tbody > tr > td:nth-child(1) {width: 1px !important;}
    #account .account .account-table > table > tbody > tr > td:nth-child(2) {width: 1px !important;}
    #account .account .account-table > table > tbody > tr > td:nth-child(3) {width: 1px !important;}
    #account .account .account-table > table > tbody > tr > td:nth-child(4) {width: 1px !important;}
    #account .account .account-table > table > tbody > tr > td:nth-child(5) {width: 1px !important;}
    #account .account .account-table > table > tbody > tr > td > span.btn-remove_tr > img {width: 12px;}

    #account .account .guide-box {margin-top: 20px; padding: 12px; font-size: 12px;}

    /* 테이블 */
    #tab_table {padding: 0;}
    #tab_table .tab_table .tab-head {display: none;}
    #tab_table .tab_table .tab-body {padding: 0; border-radius: 0; background-color: transparent;}
    #tab_table .tab_table .tab-body .tab .tab_top {flex-direction: column;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt_tit {display: flex; justify-content: center; padding: 5px 0;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt_tit > span {padding-left: 0; font-size: 20px;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt_tit > p {padding-left: 0; white-space: nowrap;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt-mo-menu {display: flex;}

    #tab_table .tab_table .tab-body .tab .tab_top .tt_opt {gap: 8px; margin-top: 30px; justify-content: flex-end;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt_opt > .btn_delete {width: 125px;font-size: 14px;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt_opt > span {font-size: 12px; color: rgba(255, 255, 255, 0.3); white-space: nowrap;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt_opt .type {display: none;}
    #tab_table .tab_table .tab-body .tab .tab_top .tt_opt .period .datepicker {width: 110px; padding: 10px; border-radius: 8px; font-size: 12px; color: rgba(255, 255, 255, 0.3);}
    
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper {padding-bottom: 30px;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > thead > tr > th {font-size: 12px;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td {height: 36px; padding: 0; font-size: 13px; color: #be9696;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content {font-size: 10px;overflow-wrap: anywhere;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td.no-data {font-size: 12px;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td.td_align_left {padding-left: 8px;}

    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table {table-layout: auto;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > thead {display: none;}
    .mobile-cb-del {display: unset !important;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody {display: flex; flex-wrap: wrap; width: calc(100vw + -9.6vw);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 12px;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td {display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto; padding: 8px; margin-bottom: -1px;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(1) {width: 21%; background-color: var(--color-19); border-right: none; order: 1}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) {width: 29%; background-color: var(--color-19); border-left: none; border-right: none; order: 2}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(3) {width: calc(100% / 2); border-right: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(4) {width: calc(100% / 2);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(5) {width: calc(100% / 2); border-right: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(6) {width: calc(100% / 2);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(7) {width: calc(100% / 2); border-right: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(8) {width: calc(100% / 2); }
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(9) {width: calc(100% / 3);}
    /* #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(1) {width: 35%; background-color: var(--color-19); border-right: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) {width: 65%; background-color: var(--color-19); border-left: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(3) {width: calc(100% / 2); }
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(4) {width: calc(100% / 2);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(5) {width: calc(100% / 2);  }
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(6) {width: calc(100% / 2);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(7) {width: calc(100% / 2); }
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(8) {width: calc(100% / 2); }
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(9) {width: calc(100% / 3);} */
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(1) .tb_col_tit {display: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) .tb_col_tit {display: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) .tb_content {font-size: 13px; color: #fff;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td > span {white-space: normal;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td .tb_col_tit {display: inline-flex; align-items: center; font-size: 12px; color: hsla(0,0%,100%,0.7);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td .tb_content {font-size: 10px;}

    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper .table-pagination {margin-top: 20px;}

    #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit {margin-top: 0;}
    #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr > td .td-big {font-size: 18px;}
    #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr > td .td-mid {font-size: 12px;}

    
    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper {flex-direction: column;}
    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table {width: 100%;}
    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-big {display: inline-flex; align-items: center; height: 60px;}
    #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-mid {font-size: 14px;}

    
    /** Table History Classic */
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr { margin-bottom: 0px;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td{ padding: 4px 4px !important; }
    /* // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(3) {width: 50%; justify-content: center; order: 3; background-color: #142331;}
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(4) {width: 100%; order: 4}
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(5) {width: calc(100% / 3); justify-content: end; align-items: center;line-height: 1rem;margin: 0;padding: 0; margin-bottom: -1px; order: 7; border-left: none;}
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(6) {width: 100%; flex-direction: row-reverse; order: 8;}
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(7) {width: calc(100% / 3); justify-content: center;align-items: center; order: 5; border-right: none;}
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(8) {width: calc(100% / 3); justify-content: center;align-items: center; order: 6;  }
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(9) {width: calc(100% / 3); justify-content: center;align-items: center; }
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(10) {width: calc(100% / 3); justify-content: center;align-items: center; }
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content.vs-txt {margin-right: 10px} */
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content { font-size: 12px; }
    /* // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.name { margin-right: 10px; line-height: 1rem;}
    // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.odds { margin-left: 10px; line-height: 1rem;} */

    /** Redesign */
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(3) {width: 100%; order: 4; border-right: 1px solid var(--color-15);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(4) {width: 44%; justify-content: space-between;align-items: center; order: 5;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(5) {width: 12%; justify-content: end; align-items: center;line-height: 1rem;margin: 0;margin-bottom: -1px; order: 6; border: none;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(6) {width: 44%; flex-direction: row-reverse; order: 7;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(7) {width: 50%; justify-content: flex-start; order: 3; border-right: 1px solid var(--color-15);}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(8) {width: 100%; justify-content: center;align-items: center; order: 9;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(9) {width: calc(100% / 3); justify-content: center;align-items: center; }
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(10) {width: calc(100% / 3); justify-content: center;align-items: center; }
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content.vs-txt {margin: auto;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.name { margin-left: 0px; line-height: unset; text-align:left; word-break: keep-all; overflow-wrap: break-word;padding-right:5px;margin-right: 5px;} /** fix for ou*/
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.odds { margin-right: 0px; line-height: unset; text-align:right; white-space: nowrap;}
    td > span.name {line-height: unset;}
    /** End Redesign */

    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls1 {text-align: center;flex-direction: column;width: 60%;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls1 > span.one-line {width: 100%;white-space: nowrap;text-align: left;margin-left: 40px;font-size: 12px;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls2 {width: 40%;justify-content: flex-end;align-items: baseline; border-right: 1px solid #313447;}
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls2 > span {border-radius: 3px;padding: 8px 15px;margin-top: 5px; margin-right: 5px;}
    #tab_table .status-waiting {background-color: #475a6d;color: #fff !important;}
    #tab_table .status-win {background-color: #298634;color: #fff !important;}
    #tab_table .status-lose {background-color: #a83636;color: #fff !important;}
    #tab_table .status-draw, 
    #tab_table .status-unsettled {background-color: #c2910e;color: #fff !important;}
    #tab_table .status-cancelled {background-color: #1d2935;color: #58636f !important;}
    #tab_table .status-refund {background-color: #608df1;color: #FFF !important;}

		.tab_table td{border-bottom:#333 1px solid;padding:5px 3px;text-align:Center}

    /* 아코디언 */
    #qna {padding: 0 0 30px 0;}
    #qna .qna {background-color: transparent; border-radius: 0; padding: 0;}
    #qna .qna .tit {padding: 20px 0;}
    #qna .qna .tit > span {font-size: 20px;}
    #qna .qna .accordian-list {margin-top: 0;}
    #help .qna {
        background-color: transparent;
        padding: 30px 0px;
    }
    #help {margin-top: 30px;padding-top: 0px;}
	#help .qna .accordian-list .item>details>.content {
		padding: 5px;
	}
	.help-wrapper>thead>tr>th {
		font-size: 10px;
		padding: 5px;
	}
 	.help-wrapper>tbody>tr>td {
		font-size: 10px;
		padding: 5px;
	}
 	.help-wrapper>tbody>tr>td {
		font-size: 10px;
		padding: 5px;
	}
	.p-mtb {
		font-size: 10px;
		margin: 5px 0px;
	}
    /* Betradar */
    .mtb-30 {margin: 10px 0;white-space: nowrap;font-size: 14px;}
    .mtb-40 {margin-top: 15px;margin-bottom: 10px;line-height: 1.5;white-space: nowrap;font-size: 14px;}
    .mb-20 {margin-top: 10px;margin-bottom: 15px;white-space: nowrap;}
    .betradar-cols > .img-mob {width: calc(100% / 6);}
    .betradar-cols > .img-web {width: calc(100% / 2);}
    .betradar-cols > .icon {width: 10px;}
    .read-notice {font-size: 10px;}

    /* 포인트 전환 */
    #exchange {padding-bottom: 40px; padding-top: 0px;}
    #exchange .exchange {padding: 0; border-radius: 0; background-color: transparent;}
    #exchange .exchange .tit {padding: 20px 0;}
    #exchange .exchange .tit > span {font-size: 20px;}
    #exchange .exchange .exchange-box {margin-top: 0; padding: 12px 20px; gap: 12px; border-radius: 8px;}
    #exchange .exchange .button-list {flex-wrap: wrap; margin-top: 20px;}
    #exchange .exchange .button-list > button {width: calc((100% / 3) - 4px);}
    #exchange .exchange .button-confirm-row {margin: 12px 0 20px;}
    #exchange .exchange .button-confirm-row { display: flex; gap: 8px;}
    #exchange .exchange .banner {height: 180px; background-color: transparent;}

    /* 지인 관리 */
    .friend-manage {padding: 0; background-color: transparent;}
    .friend-manage .fm-tit {padding: 20px 0;}
    .friend-manage .fm-tit > span {font-size: 20px;}
    .friend-manage .fm-invite {margin-top: 0; flex-direction: column;}
    .friend-manage .fm-invite .fi-box {padding: 12px 20px; min-height: auto; width: 100%;}
    .friend-manage .fm-invite .fi-box > p {font-size: 16px;}
    .friend-manage .fm-invite .fi-box .fb-row > input {width: 50%; padding: 0 12px;}
    .friend-manage .fm-invite .fi-box .fb-row > button:nth-child(2) {}
    .friend-manage .fm-guide {margin-top: 20px;}
    .friend-manage .fm-guide .fg-box {width: 100%; padding: 20px 8px;}
    .friend-manage .fm-guide .fg-box > p {font-size: 14px;}

    /* 채팅 */
    #chat {padding: 0 0 30px 0;}
    #chat .chat-cont .tit {padding: 20px 0;}
    #chat .chat-cont .tit > span {font-size: 20px;}
    #chat .chat-cont {padding: 0; background-color: transparent; border-radius: 0;}
    #chat .chat-cont .chat-form {position: relative; margin-top: 0; background-color: #1f2331; border: 1px solid #303449; border-radius: 8px; overflow: hidden;}
    #chat .chat-cont .chat-form::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 40px; display: flex; align-items: center; background-color: var(--color-69); border-radius: 0 0 8px 8px; padding: 0 20px; font-size: 14px; font-weight: 400; color: #fff;}
	#chat .chat-cont .chat-form .chat-list-top {margin-top: 40px;}
    #chat .chat-cont .chat-form .chat-list {border-radius: 0; padding: 60px 15px 5px;}
    #chat .chat-cont .chat-form .chat-list .chat .chatbox {gap: 8px;}
    #chat .chat-cont .chat-form .chat-list .chat .chatbox .txt {font-size: 12px; padding: 12px;}
    #chat .chat-cont .chat-form .chat-list .chat .chat_time {margin-bottom: 12px; font-size: 12px; padding-left: 12px;}
    #chat .chat-cont .chat-form .chat-list .chat.me .chat_time {padding-right: 12px;}
	#chat .chat-cont .chat-form .chat-list .chat .img {flex-shrink: 0;width: 33px;height: 33px;background-color: #fff;border-radius: 50%;overflow: hidden;}

    #chat .chat-cont .chat-form .chat-input-row {display:flex ;padding: 12px 8px; margin-top: 0; height: auto; background-color: var(--color-54);}
    #chat .chat-cont .chat-form .chat-input-row > input {border-radius: 8px; padding: 0 12px; background-color: var(--color-27);}
    #chat .chat-cont .chat-form .chat-input-row > button {width: 80px;height: 100px; border-radius: 8px;}
    #chat .chat-cont .chat-form .chat-input-row > textarea {width: 80%;display: block;}
    #userSubmit {width: 80px;height: 100px; !important; margin-top: 10px;}

 
    .modal {transform: translate(-50%, -50%) scale(1); border-radius: 24px;}
    .modal .modal_icon {width: 48px; top: -25px;}
    .modal .modal_inner {max-height: 64vh;}
    .modal .modal_inner.scroll-inner {overflow-y: auto; padding: 0px 20px;}
    .modal .modal_inner.scroll-inner::-webkit-scrollbar { width: 6px; height: 6px; } 
    .modal .modal_inner.scroll-inner::-webkit-scrollbar-thumb { background-color: var(--color-11); border-radius: 4px; background-clip: padding-box; border: 1px solid var(--color-11);} 
    .modal .modal_inner.scroll-inner::-webkit-scrollbar-track { background-color: var(--color-20); border-radius: 4px; box-shadow: none;} 
	.btn_custom { width: 80px; height: 100px; font-size: 14px;}
 
    .modal .modal_inner .modal_tit {margin-bottom: 20px;}
    .modal .modal_inner .modal_tit > span {font-size: 20px;}

    #modal_login {width: 90vw; padding: 40px 30px 30px;}
    #modal_join {width: 90vw; padding: 40px 20px;}

    #modal_post {width: 90vw; padding:20px;}
    #modal_post .post_content {height: 400px; max-height: 80vh; padding-right: 8px;}
    .form-login .form .form-input .tit {font-size: 14px; width: 88px;}
    

    .form-join {display: flex; flex-direction: column;}
    .form-join .form {order: 1; gap: 15px 0; flex-wrap: nowrap; flex-direction: column;}
    .form-join .form .form-input {width: 100%; align-items: flex-start; }
    .form-join .form .form-input .img {display: inline-flex; align-items: center; width: 24px;}
    .form-join .form .form-input .input {height: 40px;}
    .form-join .form .form-input .select {height: 40px;}
    .form-join .form .form-input .nice-select {font-size: 12px; padding: 0 12px;}
    .form-join .form .form-input .input > input {padding: 0 12px; font-size: 12px;}
    .form-join .form .form-input .btn_certify {height: 40px;}
    .form-join .form .form-input .timer {font-size: 12px; width: 40%;}
    .form-join .bottom_info {order: 3; top: unset;}
    .form-join .bottom_info .banner {display: none;}
    .form-join .bottom_info .guide {gap: 8px; margin-inline: auto;}
    .form-join .bottom_info .guide > p {}
    .form_button {order: 2; margin: 20px 0;}
    .form_button > button {max-width: 180px; font-size: 14px;}
    .form_option > p {font-size: 12px;}
    .form_option > button {max-width: 180px; font-size: 14px;}
    
    .form-join .form .form-input:nth-child(6){order: 2;}
    .form-join .form .form-input:nth-child(7){order: 1;}
    .form-join .form .form-input:nth-child(8){order: 2;}
    .form-join .form .form-input:nth-child(9){order: 2;}
    .form-join .form .form-input:nth-child(10){order: 2;}
    .form-join .form .form-input:nth-child(11){order: 2;}


    #back-to-top{
        display: inline-block;
        width: 35px;
        height: 50px;
        position: fixed;
        bottom: 50px;
        right: 23px;
        transition: bottom .3s, opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }

    .bg video{
        object-fit: fill;
    }
 
    .newloader svg {width: 140px;}
    .newloader img {width: 180px;}
    .app-footer .app-menu .menu-icon {width: 4.5vw; height: 4.5vw;}
    .app-footer .app-menu .menu-icon > img { vertical-align: baseline; }
    .app-footer .app-menu .menu-tit {font-size: 2.4vw;}
 
    #deposit .rolling-bonus-select table {
        display: block;
        font-size: 12px;
    }
 
    #deposit .rolling-bonus-select table tr:first-child {
        display: flex;
        flex-wrap: wrap;
    }
 
    #deposit .rolling-bonus-select table tr:first-child th {
        width: 50% !important;
    }
 
    #deposit .rolling-bonus-select table tr:first-child td {
        width: 50%;
    }
 
    #deposit .rolling-bonus-select table tr:first-child td span {
        line-height: 30px;
    }
 
    #deposit .rolling-bonus-select table tr:last-child {
        display: block;
    }
 
    #deposit .rolling-bonus-select table tr:last-child th {
        display: block;
        width: 100%;
    }

    #deposit .rolling-bonus-select table tr:last-child td {
        display: block;
        width: 100%;
    }

	#deposit{
		padding: 70px 0px 50px;
		max-width:1280px;
		margin:0 auto;
		margin-bottom:30px;
        width: 100%;
	}

	#mypage{
		padding: 70px 0px 50px;
		max-width:1280px;
		margin:0 auto;
		margin-bottom:30px;
	}
	#exchange{
		padding: 70px 0px 50px;
		max-width:1280px;
		margin:0 auto;
		margin-bottom:30px;
	}
 
    #deposit .rolling-bonus-select table td .form-check {
        display: flex;
        gap: 5px;
    }

    #deposit .rolling-bonus-select select {
        font-size: 15px;
        text-align-last: center;
    }
 
    .empty-inquiry {
        margin-top: 40%;
    }

     .empty-inquiry  h3{
        font-size: 16px;
    }

    .bet-radar-bet-detail td {
        height: 100% !important;
        width: 100% !important;
        font-size: 10px;
        color: #b5d4e7;

        &.td-thead {
            width: 15% !important;
        }
    }

    .hide-large {
        display: block !important;
    }

    .hide-small {
        display: none;
    }

    /** fix text overlapping in td cell */
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item>table>tbody>tr>td {
        min-height: fit-content;
        height: auto;
        padding: 8px 8px;
    }
 
    #up-arrow svg {
        top: -2px;
        width: 25px;
        height: 25px;
        left: -18px;
    }

    #down-arrow svg {
        top: -3px;
        width: 25px;
        height: 25px;
        left: -40.8px;
    }
 
    .bet-radar-bet-detail td {
        height: 100% !important;
        width: 100% !important;
        font-size: 10px;
        color: #b5d4e7;

        &.td-thead {
            width: 15% !important;
        }
    }

    .hide-large {
        display: block !important;
    }

    .hide-small {
        display: none;
    }

    /** fix text overlapping in td cell */
    #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item>table>tbody>tr>td {
        min-height: fit-content;
        height: auto;
        padding: 8px 8px;
    }
 
    main.betrader #slider_8 .item-wrapper .item:nth-child(n) {
        order: 2;
    }

    main.betrader #slider_8 .item-wrapper .item:nth-child(5) {
        order: 1;
    }

    main.betrader #slider_10 .item-wrapper .item:nth-child(n) {
        order: 3;
    }

    main.betrader #slider_10 .item-wrapper .item:nth-child(1) {
        order: 1;
    }

    main.betrader #slider_10 .item-wrapper .item:nth-child(4) {
        order: 2;
    }

 
 
 
    main.betrader .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img {
        height: auto !important;
    }

    main.betrader .wrapper {
        min-height: calc(100vh - 132px);
    }
  .fs-title {
        font-size: 14px !important;
    }
    .vel-btns-wrapper .btn__close {
        top: 70px !important;
        right: 30px !important;
    }

 
    .float_btn_cart {
        display: block;
    }

    .view-pc {
        display: none !important;
    }

    .view-mobile {
        display: block !important;
    }

    .view-pc-grid {
        display: none !important;
    }

    .view-mobile-grid {
        display: grid !important;
    }
	.chat-bottom-row{
        font-size: 12px;
    }
	.handyimg{
	   width:12px;
	}


 }
@media screen and (max-width: 500px){
   .friend-manage .fm-invite .fi-box .fb-row{
        flex-direction: column;
    }
    .friend-manage .fm-invite .fi-box .fb-row > input{
        width: 100% !important;
        padding: 12px !important;
    } 
    #deposit .guide-list .guide-banner { margin-top: 20px; width: 100% !important}
    /** For Notice **/
    .section_banner .notice { height: 28px; }
    .section_banner .notice .content .alert span { font-size: 12px;}
    .tab_header {display: flex; flex-wrap: wrap; gap: 10px; padding-top: 70px !important; padding-bottom: 0px !important;text-align:center;}
}



@media screen and (max-width: 486px){
    .btn_down .dropdown_menu{
        right: -150%;
    }
}

@media screen and (max-width : 455px){
    header .own-amount .user-balance, 
    header .own-amount .user-points {font-size: 10px !important;}
    header .header-top .logo{ height: 25px !important;}
    .log-info span img { height: 30px !important;}
    header .header-top .btn_sidebar > img,
    .btn_down > img { width: 20px !important;}
    header .header-top .log-info {margin-right: 20px !important;}
    header .header-top { padding: 0 3.67vw !important;}
    header .header-top .btn_sidebar {right: 2.67vw !important;}
   .social-icon{ height: 20px !important;}
   .social-container {gap: 5px !important; margin-right: 5px !important;}
}
@media screen and (max-width: 352px) {
    .maxBonusPoint {
        font-size: 10px !important;
    }
}



@media screen and (max-width: 320px){
    #deposit .deposit .setting .own_status .own_amount span,
    #deposit input{
        font-size: 10px !important;
    }
    #deposit .btn_large{
        font-size: 12px !important;
    }
    #deposit .deposit .setting .account_pw > input{
        font-size: calc(16px + 6 * ((100vw - 720px) / 250)) !important;
    }
    
}