@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */
@font-face {
    font-family: 'NanumSquareNeoLight';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}
/* .interFont {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
} */

#cart_matches .w-100, .card-body.p-2{
    font-family: 'NanumSquareNeo' !important;
}



@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../assets/fonts/pretendard/Pretendard-Black.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../assets/fonts/pretendard/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../assets/fonts/pretendard/Pretendard-Bold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('../assets/fonts/pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('../assets/fonts/pretendard/Pretendard-Medium.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('../assets/fonts/pretendard/Pretendard-Regular.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../assets/fonts/pretendard/Pretendard-Light.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../assets/fonts/pretendard/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('../assets/fonts/pretendard/Pretendard-Thin.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Thin.woff') format('woff');
}
/*폰트설정 : 끝*/

:root{
    --main:#0163ff;
    --sub:#0043af;
    --subHover:#4488f7;
    --sub2:#ff6301;
    --sub3:#0163ff;
    --bg1:#efefef;
}


/* CSS Document */
/* @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */



.content-wrapper { background: #d7ede1; margin-top:57px;}

body{
    font-family: 'Pretendard', sans-serif; 
    font-weight:400; 
    background: #fff !important;
    min-width: 280px !important;
    line-height: 1.4;
}

.row{margin-bottom:0.2rem;}

.brand-link{
    background:#fff;
    height:57px;
    padding:18px 0 0 !important;
    /* border-bottom:3px solid var(--main) !important; */
}

.brand-link-wrap{
    display: block;
    line-height: 0;
}

.navbar-nav .brand-link{
    border-bottom:none !important;
    padding:0 !important;
    line-height:0 !important;
    height: auto;
}

.navbar-nav .brand-link .brandImg1{
    margin:5px 15px 0 0;
}

.layout-fixed .navbar-nav .brand-link{width: auto;}

.brand-link:after{content: ""; display: block; clear: both;}

.elevation-4{box-shadow: none !important;}

.content-wrapper{background: none !important; background: #f0f4f2 !important;}

.brand-link .brand-image {max-height: 36px; margin-top: -1px;}

.brandImg1{
    display: block;
    margin:0 0 0 25px;
    width: 140px;
    float:left;
}

.brandTxt1{
    font-size: 17px;
    font-weight: 600;
    color:#444;
    text-align: left;
    line-height: 26px;
    padding:0 0 0 6px;
    float:left;
}

.main-sidebar{
    /* background: var(--sub3); */
    background: #2e2f30;
}
.sideBarUserInfoWrap1{
    display: block;
    text-align: left;
    width: 100% !important;
}

.pushmenuNew{
    display: block;
    width: 45px;
    height:40px;
    padding:0 !important;
    background: url(/assets/images/menu.svg) center no-repeat;
    background-size: 28px 24px;
}

.navbar-primary{background: #fff !important;}

.navbar-dark .navbar-nav .nav-link{
    color:#333 !important
}

.navbar-dark .navbar-nav .active .nav-link{
    color:var(--main) !important;
}

.sideBarUserInfoWrap{
    display: block;
    text-align: left;
    padding:14px 0 14px 25px !important;
    width: 100% !important;
    /* background: rgba(0,0,0,0.8); */
    /* background: rgba(255,255,255,0.07); */
}

.sideBarUserInfo{
    display: inline-block;
}

.sideBarUserInfo .sbuIcon{
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    background: url(/assets/images/user-icon.svg) center no-repeat;
    background-size: 24px 24px;
    border-radius: 12px;
}

.nav-sidebar .nav-item{margin-right: 0;}

.nav-sidebar > .nav-item .nav-link.active{
    background: rgba(255,255,255,0.28) !important;
}

.btn-primary.buttonLogin{
    background: #0163ff !important;
    border:1px solid #014d26 !important;
    margin:10px 0 0;
}

[class*=sidebar-dark] .brand-link{border-bottom: 1px solid #dee2e6 !important;}

#side_login{height:auto !important;}

.loginId{
    width: 20px;
    height:20px;
    background: url(/assets/images/sms.svg) left no-repeat;
    background-size: 20px 20px;
}
.loginPw{
    width: 20px;
    height:20px;
    background: url(/assets/images/password-check.svg) left no-repeat;
    background-size: 20px 20px;
}

.login-box-msg, .register-box-msg{
    padding:0 15px 15px !important;
}

.nav-sidebar .nav-treeview .nav-item .nav-link.active{
    background: rgba(255,255,255,0.38) !important;
}

.sidebar-mini.sidebar-collapse .right{display: none !important;}
.sidebar-mini.sidebar-collapse .sideBarUserInfo{display: none !important;}


.sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before{
    width: 0 !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header{
    margin-left:0 !important;
}

.sideBarUserInfo .t1{
    display: block;
    float: left;
    height:24px;
    line-height: 24px;
    font-size: 14px;
    color:#fff !important;
    font-weight: 400;
    max-width: 125px;
    margin:0 0 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sideBarUserInfo .t2{
    display: block;
    float: left;
    height:24px;
    line-height: 24px;
    font-size: 13px;
    color:rgba(255,255,255,0.9) !important;
    font-weight: 400;
    margin:0 0 0 3px
}

.user-panel{
    border-bottom:none !important;
    width: 100% !important;
}

.sideBarUserInfo:after{content: ""; display: block; clear: both;}
.sidebar{
    padding-left:0 !important;
    padding-right:0 !important;
}
.nav-sidebar > .nav-item .nav-link{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff !important;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding:0 0 0 25px !important;
}

.nav-sidebar > .nav-item{ 
    margin:0 !important;
}

.nav-sidebar > .nav-item .childIcon{
    width: 24px;
    height: 8px;
    float: left;
    background: url(/assets/images/child.svg) right no-repeat;
    background-size: 8px 8px;
    margin:21px 12px 0 0;
    opacity:0.6;
}

/* .nav-sidebar > .nav-item .active .childIcon{
    width: 24px;
    height: 8px;
    float: left;
    background: url(/assets/images/child2.svg) right no-repeat;
    background-size: 8px 8px;
    margin:21px 12px 0 0;
    opacity:0.6;
} */

.nav-sidebar > .nav-item .sbIcon{
    width: 24px;
    height: 24px;
    float: left;
    margin:13px 12px 0 0
}

.nav-sidebar{
    border-top:1px solid rgba(255,255,255,0.1) !important;
}

.nav-sidebar > .nav-item .sbTxt{
    height: 50px;
    line-height: 50px;
    text-align: left;
    color:#fff !important;
    font-size: 18px;
    font-weight: 500;
}

.nav-sidebar > .nav-item .active .sbTxt{
    /* color:#068241 !important; */
    font-weight: 600;
}

.nav-sidebar > .nav-item .sbTxt2{
    color:rgba(255,255,255,0.74) !important;
    font-size: 16px;
    font-weight: 400;
}

.nav-sidebar > .nav-item .nav-link{
    border-bottom:1px solid rgba(255,255,255,0.1) !important;
}

.nav-link{box-shadow: none !important;}

.sbIcon1{
    width: 24px;
    height:24px;
    background: url(../assets/images/cup.svg) left no-repeat;
    background-size: 24px 24px;
}

.sbIcon2{
    width: 24px;
    height:24px;
    background: url(../assets/images/shopping-cart.svg) left no-repeat;
    background-size: 24px 24px;
}

.sbIcon3{
    width: 24px;
    height:24px;
    background: url(../assets/images/barcode.svg) left no-repeat;
    background-size: 24px 24px;
}

.sbIcon4{
    width: 24px;
    height:24px;
    background: url(../assets/images/profile-circle.svg) left no-repeat;
    background-size: 24px 24px;
}

.sbIconLogout{
    width: 24px;
    height:24px;
    background: url(../assets/images/lock3.svg) left no-repeat;
    background-size: 24px 24px;
}

/* .active .sbIcon1{
    width: 24px;
    height:24px;
    background: url(../assets/images/cup2.svg) left no-repeat;
    background-size: 24px 24px;
}

.active .sbIcon2{
    width: 24px;
    height:24px;
    background: url(../assets/images/shopping-cart2.svg) left no-repeat;
    background-size: 24px 24px;
}

.active .sbIcon3{
    width: 24px;
    height:24px;
    background: url(../assets/images/barcode2.svg) left no-repeat;
    background-size: 24px 24px;
}

.active .sbIcon4{
    width: 24px;
    height:24px;
    background: url(../assets/images/profile-circle2.svg) left no-repeat;
    background-size: 24px 24px;
} */

.buttonLogoutWrap{
    border:none !important;
}

.buttonLogout{
    display: block;
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #000 !important;
    font-weight: 400;
    text-align: left;
    background: url(../assets/images/lock2.svg) left no-repeat;
    background-size: 24px 24px;
    padding: 0 0 0 30px;
    border:none !important;
}

.nav-sidebar .nav-link > .right{
    width: 20px;
    height:20px;
    background: url(../assets/images/arrow-down2.svg) center no-repeat;
    background-size: 20px 20px;
    right:20px;
    top:15px;
}

/* .nav-sidebar .nav-link.active > .right{
    width: 20px;
    height:20px;
    background: url(../assets/images/arrow-down3.svg) center no-repeat !important;
    background-size: 20px 20px;
    right:20px;
    top:15px;
} */

.boxWrapWide{
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 14px;
    margin:20px 0 0;
    min-height: calc(100vh - 330px);
}

.boxWrapInside{
    display: block;
    width: 100%;
    max-width: 600px;
    padding:60px;
    margin:0 auto;
}

.myPageOk{margin:30px 0 0}

.myPageRow1{
    display: block;
    width: 100%;
}

.myPageRow1:after{
    content: "";
    display: block;
    clear: both;
}

.myPageRow1 .col1{
    float: left;
    display: block;
    width: 64px;
}

.myPageRow1 .col1 img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.myPageRow1 .col2{
    float: right;
    display: block;
    width: calc(100% - 94px);
}

.myPageRow1 .col2 .userName{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color:#1f1f1f;
    line-height: 1;    
}
.myPageRow1 .col2 .setPush{
    display: block;
    width: 100%;
    margin:20px 0 0;
}

.myPageRow1 .col2 .setPush:after{
    content: "";
    display: block;
    clear: both;
}

.cardType1{
    display: block;
    width: 100%;
    max-width: 1000px;
    padding:30px;
    background: #fff;
    border-radius: 14px;
    position: relative;
}

.ct1More{
    position: absolute;
    display: block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    color: #fff !important;
    border-radius: 12px;
    background: #068241;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    top:30px;
    right:30px;
}


.ct1More2{
    position: absolute;
    display: block;
    width: 90px;
    height: 24px;
    line-height: 24px;
    color: #fff !important;
    border-radius: 12px;
    background: #068241;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    top:30px;
    right:30px;
}

.cardType1 + .cardType1{margin:20px 0 0;}

.myPageRow1 .col2 .setPush .label{
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color:#1f1f1f;
}

.myPageRow1 .col2 .setPush .control{
    float: left;
    margin:0 0 0 20px;
}

span.circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    background: #f15ca7;
    color: #fff;
    font-size:0.8rem;
    text-align: center;
    cursor: pointer;
}


.checkboxToggleButton .circle1{
    display: block;
    position: relative;
    width: 44px;
    height: 24px;
    border-radius: 12px;
    background: #dfdfdf;
    font-size:0;
    cursor: pointer;
}

#main-cs .bg-white, #main-csboard .bg-white, #main-csboardread .bg-white, #main-myinfo .bg-white{
    border:none !important;
    border-radius: 14px !important;
    padding:20px !important;
}

.buttonGotoMyInfo{
    display: block;
    position: relative;
    width: 60px;
    height: 24px;
    line-height: 24px;
    color:#fff !important;
    border-radius: 12px;
    background: #068241 /* url(/assets/images/profile-circle.svg) center no-repeat; */;
    background-size: 18px 18px;
    font-size:12px;
    cursor: pointer;
    text-align: center;
}

.checkboxToggleButton .circle1:before{
    content: "";
    position: absolute;
    width:20px;
    height: 20px;
    border-radius: 50%;
    top:2px;
    left:2px;
    background: #fff;
}

.checkboxToggleButton.agreed .circle1{
    background:#068241 !important;
}

.checkboxToggleButton.agreed .circle1:before{
    content: "";
    position: absolute;
    width:20px;
    height: 20px;
    border-radius: 50%;
    top:2px;
    left:auto;
    right:2px;
    background: #fff;
}

.nav-sidebar .menu-open > .nav-link i.right{transform: rotate(-180deg);}
.nav-sidebar .nav-link > .right:before{display: none;}


.boardRow{display: block; width: 100%;
    background: #f4f4f4;
    padding:14px 20px 18px;
    border-radius: 12px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}


.boardRow:after{display: block; content:""; clear: both; }

.boardRow .boardTitle{
    display: block;
    float: left;
    width: calc(100%);
    line-height: 21px;
    font-size: 13px;
    color:#333 !important;
    text-align: left;
    font-weight: 400;
    margin:10px 0 0;
}

.boardRow .boardName{
    display: block;
    float: left;
    max-width: calc(100% - 130px);
    line-height: 22px;
    font-size: 14px;
    color:#333 !important;
    font-weight: 600;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding:0 0 0 11px;
}

.page-item .page-link{
    background: #f0f0f0 !important; 
    color:#555 !important;
    border:none !important;
}

.page-item.active .page-link{ background: #068241 !important; color:#fff !important;}

.boardRow .boardName:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 11px;
    background: #d0d0d0;
    top: 6px;
    left: 4px;
    z-index: 10;
}

.boardRow .boardDate{
    display: block;
    float: left;
    width: 130px;
    line-height: 22px;
    font-size: 14px;
    color: #32ad6c !important;
    text-align: left;
}

/*PC 푸터 : 시작*/
footer{
    display: block;
    width: calc(100% - 250px);
    height: 100px;
    margin:0 0 0 250px;
    padding:0 0 0 40px;
    background: /*#dfdfdf*/#dee4e1;
}

footer .logoWrap{
    display: block;
    float: left;
    margin:30px 0 0;
}

footer .logoWrap img{
    display: inline-block;
    width: 98px;
    height: auto;
    margin-top: 10px;
}

footer .copyright{
    font-size:13px;
    font-weight: 400;
    color:#555;
    float: left;
    line-height: 21px;
    padding:43px 0 0 14px;
    text-align: center;
}
/*PC 푸터 : 끝*/

.main-header{
    position: fixed;
    top:0;
    right: 0;
    width: calc(100% - 250px);
    z-index: 50;
    transition: width 0.5s;
    /* border-bottom: 3px solid var(--main); */
}

.sidebar-collapse .main-header{width: 100%; transition: width 0.5s;}

.partnerCards{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
}

.partnerCard{
    display: block;
    width: calc((100% - 40px) / 3);
    background: #fff;
    border-radius: 14px;
    padding:18px;
}

.card.newPartnerCard{
    border-radius: 14px !important;
    overflow: hidden !important;
}

.newPartnerCard .card-body{ 
    border-radius: 14px !important;
    padding:14px !important;
}

#main-cs .newPartnerCard .card-body.p-2{
    padding:10px 4px !important;
}


.newPartnerCard .row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.newPartnerCard .row .col-8,
.newPartnerCard .row .col-8 strong,
.newPartnerCard .row .col-12,
.newPartnerCard .row .col-12 strong{
    font-size: 14px !important;
}
.newPartnerCard .row2{
    font-size: 14px !important;
    line-height: 1 !important;
    margin-bottom: 0 !important;
}
.newPartnerCard .row3, .defaultStore, .setThisDefault{
    font-size: 14px !important;
}


.w-100.buttonCartMoney{
    border-radius: 3px !important;
    border: 1px solid #777 !important;
    background: #FFF !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
}

.btn-primary{
    background-color:var(--main) !important;
    border-color:var(--main) !important;
}
/* body스크롤 : 시작 */
body::-webkit-scrollbar{
    width: 10px;
}
body::-webkit-scrollbar-thumb{
    background: var(--sub);
}
body::-webkit-scrollbar-track{
    background: rgba(0,0,0,0.2);
}
/* body스크롤 : 끝 */


/* .bg-primary.match-seq{
    color:#c4113c !important;
    font-weight: 400 !important;
} */

.matchCard{
    background: #fff !important;
    border-radius: 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    /* border: 4px solid #334466 !important; */
    /* padding: 12px !important; */
    padding : 6px 0 0 4px !important;
    
    position: relative;
}

.fixTopWrap{
    position: absolute;
    top:14px;
    right: 12px;
}

.fixTopWrap input{float: left; margin:1px 2px 0 0;}
.fixTopWrap .ft1{
    float: left;
    font-size: 12px;
    color:#777;
    line-height: 17px;
}

.fixTopWrap:after{content: ""; display: block; clear: both;}

.card.matchCard{box-shadow: none !important;}

.navIconNew{
    float: left;
    margin:0 5px 0 0
}

.starInput{
    display: none;
}

.buttonStar {
    display: block;
    width: 32px;
    height: 31px;
    background: url(/assets/images/star2.png) center no-repeat;
    background-size: 16px 15px;
    opacity: 0.4;
    cursor: pointer;
    margin: -6px -2px 0 0;
}

input[type="checkbox"]:checked + .buttonStar {
    display: block;
    width: 32px;
    height: 31px;
    background: url(/assets/images/star2a.png) center no-repeat;
    background-size: 16px 15px;
    opacity: 1;
}

.matchType{
    height: 16px;
    line-height:16px;
    font-size: 15px;
    font-weight: 600;
}

.matchEndTime{
    color:#aaa;
    font-size: 12px;
    line-height: 17px;
}

.matchEndTime span{color:#777}

.matchCt{
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 500 !important;
}

.mtT1 > div{padding-top:4px !important;}

.mtT1 .bg-info{
    border:none !important; 
    background: #d1e5f7 !important;
    cursor: default !important;
}

.mtT1 .bg-info:hover{box-shadow: none !important;}


.sIconS{
    width: 14px;
    height: 14px;
    background: url(/assets/images/single.svg) center no-repeat;
    background-size: 14px 14px;
    display: inline-block;
    transform: translate(1px, 2px);
}

.matchCard .row1{line-height: 0;}
.matchCard .row2{line-height: 0;}
.matchCard .row3{padding:14px 10px 10px; line-height: 0;}
.matchCard .row3 .row{margin-bottom:0 !important;}

.matchTeam{
    font-size: 18px !important;
    font-weight: 600 !important;
    padding:0 !important;
    line-height: 24px;
}

.matchTeamVs{
    color:#B7B7B7 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.iconFootball {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background: #b7b7b7 url(/assets/images/football.png) center no-repeat; */
    background: url(/assets/images/ball1.png) top no-repeat;
    background-size: 20px 20px;
}


.iconBasketball {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background: #b7b7b7 url(/assets/images/basketball.png) center no-repeat; */
    background: url(/assets/images/ball3.png) top no-repeat;
    background-size: 20px 20px;
}

.iconBaseball {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background: #b7b7b7 url(/assets/images/baseball.png) center no-repeat; */
    background: url(/assets/images/ball2.png) top no-repeat;
    background-size: 20px 20px;
}

.iconVolleyball {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background: #b7b7b7 url(/assets/images/volleyball.png) center no-repeat; */
    background: url(/assets/images/ball4.png) top no-repeat;
    background-size: 20px 20px;
}

.buttonGotoTop {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fcfcfc url(/assets/images/arrow-up2.svg) center no-repeat;
    background-size: 24px 24px;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));
    font-size: 0;
}

.buttonGotoDown {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fcfcfc url(/assets/images/arrow-up2.svg) center no-repeat;
    background-size: 24px 24px;
    transform: rotate(180deg);
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));
    font-size: 0;
    margin:10px 0 0;
}

.buttonReloadPage {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fcfcfc url(/assets/images/refresh-right-square.svg) center no-repeat;
    background-size: 24px 24px;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));
    font-size: 0;
    margin:10px 0 0;
}

.elevation-3 { box-shadow: 0 0px 0px rgba(0,0,0,0),0 0px 0px rgba(0,0,0,0)!important;}
.brandlogo{margin-left:0.5em;}
.elevation-2 { box-shadow: 0 0px 0px rgba(0,0,0,0),0 0px 0px rgba(0,0,0,0)!important;}
.user-panel img { height: auto;width: 2.4rem;}
[class*=sidebar-dark-] .sidebar a { color: #f5f5f5;}
.user-panel .info { vertical-align: middle;padding: 5px 5px 5px 13px;}
.os-content{padding:0px!important;}
.user-panel .image { padding-left: 1.2rem;}
.nav-pills .nav-link { border-radius: 0rem;}
.main-sidebar .nav-link { padding: 0.7rem 1rem;}
.navbar-dark .navbar-nav .nav-link i{  color: rgba(255, 255, 255, 1);}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { font-weight: 500;}
h4, .h4 { font-weight: 600;}
select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#ffffff url(arr.png) no-repeat 95% 50%;}
.card-body .text-left { font-weight: 600;}
.endtime { font-size: 0.9rem;}
.bg-primary {border: 1px solid #b9b9b9;background-color: #ffffff !important;color: #212529!important;box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 0px 1px rgb(0 0 0 / 10%);}
.border{ border-radius: 5px;  border: 1px solid #dee2e6 !important; box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 0px 1px rgb(0 0 0 / 10%);}

.content .card-body .bg-light.p-2.border.mt-1{
    border-radius:0px;  
    border: 0px solid #b9b9b9; 
    box-shadow: 0 0 0px rgb(0 0 0 / 10%), 0 0px 0px rgb(0 0 0 / 10%);
    border:0px solid #dee2e6 !important;
    /* background-color:transparent!important; */
    padding: 0.8rem 0 0 0 !important;  
    border-top:2px dashed  #555555 !important;}

.col-7 .plogo{
    width: 100px;
}

/* 25-01-08 ko 수정 */
/* .card{max-width: 352px !important;} */


.bg-warning { background-color: #ff6000 !important;  border: 1px solid #f05a00!important; color:#ffffff!important;}
.mt-3 .border { 
    /* font-size: 0.9em; 24-11-15 임시수정 */
    font-size: 1em;
}

.bg-title {background-color: #242525 !important; border: 1px solid #000!important; color:#fff!important; font-weight:300;}
.bg-contents {background-color: #f2f7f4 !important; border: 1px solid #000!important; color:#0a0a0a!important; font-weight:300;}

.bg-save {background-color: #f28705 !important; border: 1px solid #122219!important;border-radius:5px; color:#0f0f0f!important; font-weight:500;}
.bg-print {background-color: var(--main) !important; border: 1px solid #122219!important;border-radius:5px; color:#0f0f0f!important; font-weight:500;}

.bg-info {background-color: #c4f5db !important; border: 1px solid #aae1c4!important; color:#044322!important; font-weight:500;}
.bg-secondary {background-color: #efefef !important;border: 1px solid #efefef; color:#1f1f1f !important}
.btn-danger, .bg-secondary, .bg-danger, .btn-delete{font-weight: 500;border-radius: 4px;}
.btn-danger{background-color: var(--sub2);  border-color: var(--sub2);}
.btn-delete{background-color: #f21505;  border-color: #f21505;}
.bg-danger { background-color: var(--main) !important;border: 1px solid var(--main);}
.btn-outline-danger{border: 1px solid #F28705 !important; color:#F28705 !important}
.btn-sm{ font-size: 0.9rem;}
.navbar-primary{background-color: #00ae52;}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{background-color: #00d263;}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { background: #f5f5f5;}
.form-control-sm { font-size: 0.9rem;top: -2px; margin-right: 0.2rem;}
.order_card.w-100.d-block .form-control-sm{ font-size:1rem;}
#dimScreen {
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8); 
    position: fixed;
    top: 0;
    left: 0;
}
#cart_matches .w-100, .card-body.p-2{ font-weight: 600;}
.card {border: 1px solid rgba(0, 0, 0, 0.16);}
#cart_matches .card-body .w-100, .card-body.p-2 .w-100{ font-weight: 500; background:#dedede;border: 1px solid #d5d5d5;border-radius:2px; margin-bottom:0.5rem;}
span.s{margin-left:1.5px; color:#ff6000; font-weight:600; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
/*.nav-item .btn{ font-size: 1rem;padding-left: 0.7rem !important;padding-right: 0.7rem !important;}*/
.nav-item .btn{ font-size: 1rem;padding-left: 0rem !important;  padding-right: 0rem !important; width: 100%;}
ul li{margin-right:0.5rem;}
ul li:last-child{margin-right:0rem;}
.nav-item .btn{ font-size: 1rem;padding-left: 0.3rem !important;padding-right: 0.3rem !important;margin-bottom: 0.3rem !important;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, 
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
/* background-color: rgba(255,255,255,.9); color: #111111;} */
background-color: #068241; color: #fff;}
.form-control, button, .btn{ font-weight: 500!important;}
.btn{border-radius: 0.2rem;}
.btn-primary { background-color: #005fde; border-color: #0058cd; }
.btn-secondary { background-color: #6c757d; border-color: #5f676e;}
.btn-success { border-color: #24983f;}
.btn-memo {
    background-color: #f7f8f9;
    border-color: #dee0e1;
}
.printed { border:6px solid #28a745;}
#main-cs .write_dt, #main-csboard .write_dt{ font-size: 0.96rem;}
#main-cs h5{ padding:1.6rem 1.6rem 1rem 1.6rem !important;}
#main-cs h5{ padding:0rem 0rem 0.5rem 0rem !important;}
#main-cs .border-top.text-right.more{border-top:0px solid #dee2e6!important;text-align:center!important;line-height:45px; font-weight:500; color:#ffffff;background-color: #5a6268;
 border-color: #545b62; border-radius: 0rem 0rem 0.25rem 0.25rem; margin-top:1rem;}
.register-box .card { background-color: #fff; border: 0px solid rgba(0, 0, 0, 0.125);border-radius: 0rem;}
.login-box-msg, .register-box-msg { font-weight: 500;}
.input-group-append{border-left:1px solid #e0e7ee;margin-left: 0px;}
.register-card-body a{width: 100%;margin-top:0; display: inline-block; font-weight:500; color: #212529; text-align: center; vertical-align: middle;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color:#969696; border: 1px solid #929292; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#main-csboard .border-top:first-child{ border-top:0px solid #dee2e6!important;}
.pagination-sm .page-link { padding: 0.3rem 0.7rem;  font-size: 0.93rem; font-weight:500;}
.page-item.active .page-link {background-color: #0069d9;  border-color: #0062cc;}
#main-csboard a, .more a{margin-top:0.5rem; display: inline-block; font-weight:500; color: #212529; text-align: center; vertical-align: middle;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color:#969696; border: 1px solid #929292; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color:#ffffff; margin-bottom:1rem;}
.more a{margin-bottom:0rem;}
#main-csboardread h3 { font-weight: 500; font-size: 1.3rem;}
#main-cs .card { box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 5%);}
#main-cs .p-2{background-color: #f8f9fa !important;border-radius: 0.3rem;padding:1.2rem !important;}
b, strong { font-weight: 600;}
strong{font-size:1.1rem; margin-bottom:0.3rem;}
.col-6.text-right.py-2{padding-bottom:0rem!important;}
#main-myinfo .bg-white .font-weight-bold { font-weight:500!important;}
.font-primary { color: var(--main);}
#main-myinfo .input-group-append, #main-csboard .input-group-append{ border-left:0px solid #e0e7ee;margin-left: -1px;}
#main-cs .btn-outline-secondary, #main-myinfo .btn-outline-secondary{color:#ffffff;background-color:#969696; border: 1px solid #8b8b8b;}
.btn-outline-update{color:#000; border: 1px solid var(--main);}
.form-control-sm {font-size: 1rem;}
#main-csboard .btn-sm { font-size: 1rem;}
#main-csboard .btn-group-sm>.btn, .btn-sm{ padding: 0.35rem 0.5rem}
#main-cs .btn-sm { padding: 0.38rem 0.5rem;}
#main-cs  .btn-sm {font-size:1rem;}
.content .border-bottom, .content .border-bottom{ border-bottom:2px dashed  #555555 !important; border-top:2px dashed  #555555 !important;}
.content .card-body.p-2 .row.border-bottom.mx-0, .content .card-body.p-2 .row.border-bottom.mx-0 .text-left, .content .card-body.p-2 .col-6, .content .card-body.p-2 .row.border-bottom.mx-0, .content .card-body.p-2 .row.border-bottom.mx-0 .text-left/*, .content .card-body.p-2 .col-6*/{font-weight:500!important; color:#222222;}
#main-cs .form-control-sm {padding: 1.2rem 0.5rem;}
.content .card-body.p-2 .row.border-bottom.mx-0{font-size:12px;}
.content .card-body.p-2 .row.mx-0{
    /* font-size:0.8rem;  */
    font-size:12px;
    letter-spacing:-1px;
    margin-bottom: 2px;
}
#cart_matches .w-100, .card-body.p-2{font-family: 'Noto Sans KR', sans-serif;}



/*layout*/
.content-wrapper>.content { padding: 0.2rem 1rem;}
.card-body {  padding: 3px 0 0 !important;}
.card-body .col-6.text-left { flex: 0 0 35%; max-width: 35%;}
.card-body .col-6.text-right { flex: 0 0 65%; max-width: 65%;}
.p-2 {  padding:0.7rem !important;}
#main-cs .p-2 {  padding:1.6rem !important;}
#cart_matches .mt-3, .my-3 {  margin-top: 0rem !important;}
#cart_matches .h-100 { height: 99% !important; }
#cart_matches .mb-1{ margin-bottom: 1rem !important;}
#cart_matches .px-1 { padding-left: 0rem !important; padding-right: 0rem !important;margin-bottom: 0.5rem;}
#cart_matches .mx-1 {  margin-left: 0rem !important;margin-right: 0.3rem !important;margin-bottom: 0.3rem !important;}
#cart_matches .card-body .col-6.text-left { flex: 0 0 50%; max-width: 50%;}
#cart_matches .card-body .col-6.text-right, .card-body.p-2 .col-6.text-right{ flex: 0 0 50%; max-width: 50%;}
#cart_matches .card-body .col-6.text-right{ flex: 0 0 50%; max-width:50%;}
#cart_matches .card-body .col-6.text-right.ldate{ flex: 0 0 100%; max-width:100%;}
#cart_matches .px-2, .card-body.p-2 .px-2{padding-right: 0rem !important; padding-left: 0rem !important;}
#cart_matches .card-body .text-right, .card-body.p-2 .col-12.text-right, .card-body.p-2 .text-right{margin-bottom: 0rem;}
#cart_matches .card-body .input-group.mb-2{margin-bottom: 0rem !important;}
#cart_matches .card-body .bg-light.p-2.border.mt-1 .text-right, .card-body.p-2 .bg-light.p-2.border.mt-1 .text-right{margin-bottom: 0.2rem;}

#cart_matches .card-body .border-bottom, .card-body.p-2 .row.border-bottom.mx-0{  padding: 0.35rem 0; margin: 0 0 0.5rem;}
#cart_matches .card-body .bg-light.p-2.border.mt-1, .card-body.p-2 .bg-light.p-2.border.mt-1{margin-bottom:0.9rem;}
.card-body .match_info .col-4.text-center.font-weight-bold{padding-right:0px;padding-left:0px;}

.card-body .match_info .bg-warning{
    background-color: var(--sub2) !important;
    border: 1px solid var(--sub2) !important;
}

.card-body .match_info .col-4 .text-center:hover{
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}


.nav.nav-pills.nav-fill.my-2{margin-bottom: 0rem !important;margin-top: 0rem !important;}
.custom-control{margin:0.2rem 0 0.2rem 0.3rem !important;}
.card-body.p-2 .custom-control{margin:0rem 0 1rem 0!important;}
.nav-sidebar .nav-item>.nav-link {margin-bottom: 0rem;}
.nav-sidebar .nav-item>.nav-link, .col12.col-md-6.col-lg-3.my-1.text-center{font-weight:500;}

.nav.nav-pills.nav-fill.mx--2{margin-left: 0rem !important;margin-right:0rem !important;}
.col-12.col-md-6.col-lg-3.my-1{padding-right:11px; padding-left:11px;}
#main-cs h4, #main-csboard h4, #main-csboardread h4, #main-myinfo h4{margin-bottom:1.2rem;}
#main-cs .p-2{ padding: 0rem !important;}
#main-cs .py-1{ padding-bottom: 0.4rem!important;padding-top: 0.4rem!important; margin:0 1.6rem!important;}
#main-csboard .py-1{padding-bottom: 0.4rem!important;padding-top: 0.4rem!important;}
#main-cs .bg-white, #main-csboard .bg-white, #main-csboardread .bg-white, #main-myinfo .bg-white{border: 1px solid rgba(0, 0, 0, 0.16);box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 0px 1px rgb(0 0 0 / 10%);border-radius: 0.25rem;}
#main-cs .my-2 { margin-bottom: 1.2rem!important;}
.pagination { margin-top: 1rem; margin-bottom: 1rem;}
#main-csboardread .p-2, #main-myinfo .p-2{ padding:1.5rem !important;}
#main-csboard .form-control-sm { height: calc(2.3rem + 2px);}
.content .card.w-100 .card-body.p-2, .content .card.w-100 .card-body.p-2 {  
    padding: 10px 1.5rem 10px 0.5rem !important; 
}
/* .card{border-radius: 0rem!important;} */
.pcs_w{
    /* border: 6px solid #00d263;   */
    background: url(mk.png), url(cs_w_nomark.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;
}
.pcs_l{
    /* border: 6px solid #ff9000; */
    background: url(mk.png), url(cs_l_nomark.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;
}
.pcs_v{
    /* border: 6px solid #ff9000; */
    background: url(mk.png), url(cs_v_nomark.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;
}

.pcs_i{
    background: url(mk.png), url(cs_i_nomark.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;
}

.pcs_none{
    background: none !important;
}
    
.ucs_w{
    /* border: 6px solid #00d263;   */
    background: url(mk.png), url(ucs_w.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;
}
.ucs_l{
    /* border: 6px solid #ff9000; */
    background: url(mk.png), url(ucs_l.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;
}
.ucs_v{
    /* border: 6px solid #ff9000; */
    background: url(mk.png), url(ucs_v.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;    
}

.ucs_i{
    background: url(mk.png), url(ucs_i.png)!important;
    background-repeat: repeat-y, no-repeat!important;
    background-position: right top, center!important;
    background-size: auto, 100% auto !important;
}

.fs_w{
    background-color: rgba(0, 210, 99, 0.3);
    border-radius: 50px;
}

.fs_l{
    background-color: rgba(254, 189, 132, 0.3);
    border-radius: 50px;
}

.fs_v{
    background-color: rgba(128, 128, 128, 0.3);
    border-radius: 50px;
}

.cart_match_fixed{
    background-color: #f7e375;
}

.offset-xl-6 { flex: 0 0 50%;  max-width: 50%;}

.card-body .float-right.text-lg{
    /* font-size: 1.03rem!important; 
    font-weight:500;
    line-height: 1.7rem; */
    line-height: 1.7rem;
    font-size: 14px !important;
    letter-spacing: -0.8px !important;
    font-weight: 600 !important;
}
.card-body .col-8.text-lg, .card-body .col-4.text-lg.text-right{line-height: 2.4rem; font-weight:700;font-size: 1.2rem!important;}
.content .card-body.p-2 .col-6.text-sm{
    /* font-size: 0.9rem!important;  
    font-weight: 500!important; 
    letter-spacing: -0.8px; */
    line-height: 0.7rem;
    font-size: 13px !important;
    letter-spacing: -0.8px !important;
    font-weight: 600 !important;
}
.content .card-body.p-2 .row.border-bottom.mx-0, .content .card-body.p-2 .row.border-bottom.mx-0 .text-left, .content .card-body.p-2 .col-6, .content .content .card-body.p-2 .col-6{font-weight: 600!important;}
.card-body .col-12.text-lg{ font-weight:600;font-size: 1.11rem!important;line-height: 3rem;}
.card-body .row:nth-child(4) .col-6.text-sm{flex: 0 0 60%;  max-width: 60%;}
.card-body .row:nth-child(4) .col-6.text-right.text-sm{flex: 0 0 40%;  max-width:40%;}
.card-body .row .col-6.text-right.text-sm.gc{flex: 0 0 100%;  max-width:100%;}
.card-body .row:nth-child(3) .col-6.text-right.text-sm{
    /* font-weight:500!important; 
    line-height: 1.1rem; 
    font-size: 1rem!important;  */
    line-height: 0.7rem;
    font-size: 13px !important;
    letter-spacing: -0.8px !important;
    font-weight: 600 !important;
    flex: 0 0 100%;  max-width: 100%;}
.card-body .row:nth-child(5) .col-6.text-sm{padding-right:0px;flex: 0 0 40%;  max-width: 40%;}
.card-body .row:nth-child(5) .col-6.text-right.text-sm{padding-left:0px;padding-right:15px;flex: 0 0 60%;  max-width:60%;}

.content .card-body.p-2 .row.mx-0 .pm1{flex: 0 0 18%;  max-width:18%; text-align:left!important;}
.content .card-body.p-2 .row.mx-0 .col-3.px-0.pm3{ flex: 0 0 20%; max-width:20%;}
.content .card-body.p-2 .pm4{flex: 0 0 12%; max-width: 12%;}
.content .card-body.p-2 .pm5{flex: 0 0 15%; max-width: 15%;}
.content .card-body.p-2 .pm2{flex: 0 0 34%; max-width:34%;}




.dl_y { 
    /* border:6px solid #ffffff;  */
    box-shadow: 0 0 10px rgb(255 0 0 / 22%), 0 1px 3px rgb(0 0 0 / 20%);}	


.fixColGroup{
    flex-wrap:wrap !important;
}

.fixCol1{
    width: 48px !important;
    text-align: right !important;
    max-width: 100% !important;
    flex:auto !important;
    padding-right: 2px !important;
}

.content .card-body.p-2 .row.mx-0 .pm1.fixCol1{
    text-align: right !important;
    padding-right: 2px !important;
}

.fixCol2{
    width: calc((100% - 132px) *0.55) !important;
    max-width: 100% !important;
    text-align: left !important;
    flex:auto !important;
    padding:0 0 0 23px !important;
}

.content .card-body.p-2 .row.border-bottom.mx-0 .text-left.fixCol2{
    padding:0 0 0 23px !important;
}

.fixCol3{
    width: 16px !important;
    text-align: center !important;
    max-width: 100% !important;
    flex:auto !important;
}

.fixCol4{
    width: calc((100% - 132px) *0.45) !important;
    text-align: center !important;
    max-width: 100% !important;
    flex:auto !important;
}

.fixCol5{
    width: 28px !important;
    max-width: 100% !important;
    flex:auto !important;
}

.fixCol6{
    width: 40px !important ;
    max-width: 100% !important;
    flex:auto !important;
}



.fixCol1a{
    width: 48px !important;
    text-align: right !important;
    max-width: 100% !important;
    flex:auto !important;
}

.content .card-body.p-2 .row.mx-0 .pm1.fixCol1a{
    text-align: right !important;
    padding-right: 2px !important;
}

.fixCol2a{
    width: calc((100% - 132px) *0.55) !important;
    max-width: 100% !important;
    text-align: left !important;
    flex:auto !important;
    padding-left: 3px !important;
}

.fixCol3a{
    width: 16px !important;
    text-align: center !important;
    max-width: 100% !important;
    flex:auto !important;
}

.fixCol4a{
    width: calc((100% - 132px) *0.45) !important;
    text-align: center !important;
    max-width: 100% !important;
    flex:auto !important;
}

.fixCol5a{
    width: 28px !important;
    max-width: 100% !important;
    flex:auto !important;
}

.fixCol6a{
    width: 40px !important ;
    max-width: 100% !important;
    flex:auto !important;
}

.fixRowGroup2{
    margin-top:0.28rem !important;
    padding-top: 10px !important;
    margin-bottom:0 !important;
}

.content .card-body .bg-light.p-2.border.mt-1.fixRowGroup2{
    padding-top: 10px !important;
}

.fixRowGroup3{
    flex-wrap:wrap !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.fixCartTxt{
    font-size: 12px !important;
    letter-spacing: -1px !important;
    font-weight: 600 !important;
}

.fixColB1{
    width: calc(((100% - 124px) *0.59) + 60px) !important;
    /* width: calc(((100% - 124px) *0.59) + 40px) !important; */
    text-align: right !important;
    max-width: 100% !important;
    flex:auto !important;
    font-size: 13px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.fixColB2{
    width: 16px !important;
    text-align: center !important;
    max-width: 100% !important;
    flex:auto !important;
    font-size: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fixColB3{
    width:  calc(((100% - 124px) *0.41) + 48px) !important;
    /* width:  calc(((100% - 124px) *0.41) + 68px) !important; */
    text-align: right !important;
    max-width: 100% !important;
    flex:auto !important;
    font-size: 13px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.formFix{
    height: 28px !important;
    transform: translateY(-1px) !important;
    font-size: 15px !important;
    margin-bottom:0 !important;
}

.fixRowGroup3mt1{margin:0 0 0 !important;}

.fixRowGroup3mt0{
    margin:-11px 0 0 !important;

}


.fixRowGroup3mb2{
    margin-bottom: 10px !important;
}

.fixRowGroup3mt2b{
    margin-top: -1px !important;
    margin-bottom:1px !important;
    /* transform: translateY(-5px) !important; */
}

.newMainCards{
    padding-left:4px !important;
    padding-right:4px !important;
}

.newMainCards .row{
    margin-right:0 !important;
    margin-left:0 !important;
}

.newMainCards .col-12,
.newMainCards .col{
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.newMainCards .card{max-width: 100% !important;}

.bet_info {
    line-height: 1.4 !important;
}
.allot{height: 50px !important;}
.allot2{height: 50px !important; line-height: 50px;}

#side_login .card-body.register-card-body{
    padding:10px !important;
}

.pleaseSelectGame{
    display: block;
    padding:140px 0 50px;
    
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    background: url(../assets/images/info-circle.svg) center 60px no-repeat;
    background-size: 60px 60px;
    opacity: 0.6;
}


.w-100.buttonCartMoney{
    background: #068241 !important;
    border:1px solid #068241 !important;
    color:#fff !important;
    border-radius: 7px !important;
    height: 30px  !important;
    line-height: 29px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding:0 !important;
}

/* .col-4:nth-child(1) .w-100.buttonCartMoney{
    background: #20be6d !important;
    border:1px solid #20be6d !important;
    color:#fff !important;
}

.col-4:nth-child(2) .w-100.buttonCartMoney{
    background: #169b56 !important;
    border:1px solid #169b56 !important;
    color:#fff !important;
}

.col-4:nth-child(3) .w-100.buttonCartMoney{
    background: #068241 !important;
    border:1px solid #068241 !important;
    color:#fff !important;
} */

.buttonCartMoneyRow{
    padding:0 15px !important;
    margin-right:0 !important;
    margin-left:0 !important;
}

.buttonCartMoneyRow.buttonCartMoneyRow2{
    padding: 0 !important;
}

.borderTopDash2 {border-top: 2px dashed #555555 !important;}

.fixRowGroup2{
    padding-bottom: 0 !important;
}

.buttonCartMoneyRow .col-4{
    padding-right:5px !important;
    padding-left:5px !important;
}

.fixCartTxt2{
    line-height: 1 !important;
    padding-top:4px !important;
}

.register-box .card{padding:14px !important;}

.cust_level_row{
    display: block;
    width: 100% !important;
    max-width: 100% !important;
}

.cust_level_wrap{
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding:0px;
    position: relative;
} 

.cust_level_wrap2{
    padding:0 0 0 20px;
    margin:6px 0 0;
    min-height: 28px;
}

.cust_level_wrap2 .cust_level{
    font-size: 14px;
    line-height: 20px;
    color:#222 !important;
}

.cust_level_wrap2 .text-color-lv2{
    font-size: 14px !important;
    line-height: 20px !important;
    color:#222 !important;
}

.img_cust_level{
    display: block;
    width: 30px;
    position: absolute;
    z-index: 5;
    top:-2px;
    left:-9px;
}

.row.row-no-mb{margin-bottom:0 !important;}



.new-notice-wrap{
    max-width: 500px !important;
    display: block;
    width: 100%;
    padding:12px 0 20px;
}

.close-nn{
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(/assets/images/close24x24.svg) center no-repeat;
    background-size: 24px 24px;
    top:10px;
    right: 10px;
}

.nn-title{
    display: block;
    width: 100%;
    text-align: center;
    color:#222 !important;
    font-weight: 700;
    font-size: 23px;
    line-height: 36px;;
}

.button-nn-close{
    display: block;
    width: 200px;
    margin:0 auto;
    height: 44px;
    line-height: 42px;
    color: #fff !important;
    background-color: #454647;
    border-color: #454646;
    cursor: pointer;
    border:none !important;
    border-radius: 4px;
}

.nn-content .line-top-1{
    display: block;
    width: 100%;
    height: 1px;
    background: #222;
    margin:0 0 20px;
}

.nn-content{
    display: block;
    width: 100%;
    margin:15px 0 30px;
    max-height: 350px;
    overflow-y: auto;
    padding:0 24px 10px;
    font-size: 16px;
    line-height: 24px;
    color:#444;
    font-weight: 500;
}

.nn-content::-webkit-scrollbar{
    width: 10px;
    border-radius: 5px;
}
.nn-content::-webkit-scrollbar-thumb{
    background: #aaa;
}
.nn-content::-webkit-scrollbar-track{
    background: rgba(0,0,0,0.1);
}

.nn-txt1{
    color:#222 !important;
    font-weight: 800 !important;
}

.nn-txt2{
    color:#04bf45 !important;
}

.nn-txt3{
    color:#d72929 !important;
}


.nn-txt4{
    font-weight: 800 !important;
    color:#222 !important
}

.row-cart-new1{
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.row-cart-new1:after{content:""; display: block; clear: both;}
.row-cart-new1 .rcn1{float: left;}
.row-cart-new1 .rcn2{float: right;}

.new-notice-wrap{
    position: fixed;
    left: 50%;
    top: 50vh;
    transform: translate(-50%, -50%);
}

#cart_matches #close_cart{
    display: none;
}

@media screen and (max-width: 575px){
    .register-card-body{
        padding:10px !important;
    }

    #main_login{
        height: auto !important;
    }

    .login-box-msg, .register-box-msg{
        display: none !important;
    }
    
    #cart_matches #close_cart{
        display: block;
    }

    .form-control{
        padding:0 20px 0 8px !important;
        font-size: 13px !important; 
    }
    .form-control option{
        text-align: left !important;
        padding:0 !important;
    }
}

.newQuickButtons{
    display: flex;
    flex-wrap: wrap;
    column-gap:6px;
    row-gap:10px;
    padding:0 0 8px;
}

.newQuickButtons .newQuickButton{
    width: calc((100% - 18px) / 4);
    height: 30px !important; line-height: 27px !important;
    background: #068241 !important;
    border: 1px solid #068241 !important;
    color:#fff !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
}

.newQuickButtons .newQuickButton1{
    background:#c4113c !important;
    border:1px solid #c4113c !important;;
    color:#fff !important;

}

/* Pagination Container */
.row-pagination {
    display: flex; /* Flexbox 사용 */
    justify-content: center; /* 가로 방향 중앙 정렬 */
    align-items: center; /* 세로 방향 중앙 정렬 */
    height: 100px; /* 높이 (필요에 따라 조정) */
}
.pagination-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px; /* 버튼 간 간격 */
    margin: 20px 0; /* 위아래 여백 */
    font-family: Arial, sans-serif;
}

/* Pagination Button */
.pagination-button {
    padding: 8px 12px;
    border: 1px solid #ddd; /* 버튼 테두리 */
    border-radius: 4px;
    background-color: #f8f9fa; /* 기본 배경색 */
    color: #333; /* 글자색 */
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease; /* 호버 애니메이션 */
}

.pagination-button:hover {
    background-color: #007bff; /* 호버 배경색 */
    color: #fff; /* 호버 글자색 */
    border-color: #007bff; /* 호버 테두리 색 */
}

/* Active Button */
.pagination-button.active {
    background-color: #007bff; /* 활성화된 버튼 배경 */
    color: #fff; /* 활성화된 버튼 글자 */
    border-color: #007bff; /* 활성화된 버튼 테두리 */
}

/* Disabled Button */
.pagination-button.disabled {
    background-color: #e9ecef; /* 비활성화 버튼 배경 */
    color: #adb5bd; /* 비활성화 버튼 글자 */
    border-color: #dee2e6; /* 비활성화 버튼 테두리 */
    cursor: not-allowed; /* 클릭 불가 */
}

/* Central Alignment for Numbers */
.pagination-button:not(.active) {
    margin: 0 2px;
    text-align: center;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .pagination-container {
        gap: 4px; /* 버튼 간격 좁히기 */
        font-size: 12px; /* 글자 크기 줄이기 */
    }

    .pagination-button {
        padding: 6px 10px; /* 버튼 크기 줄이기 */
    }
}

/* 24-12-11 추가 */
/* 모바일 스크롤을 위한 클래스 */
.mobile-scroll {
    overflow-x: auto; /* 부모에서 가로 스크롤 가능 */
    -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
    display: block; /* 테이블 형식에서도 작동 보장 */
    white-space: nowrap; /* 내부 내용이 줄바꿈되지 않도록 */
}

.mobile-scroll .table {
    display: flex; /* 플렉스 레이아웃 사용 */
    flex-wrap: nowrap; /* 가로로 아이템 나열 */
}

.mobile-scroll .col {
    min-width: 120px; /* 열의 최소 너비 설정 (적절히 조정 가능) */
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
}
.list-row {
    display: flex; /* 부모의 플렉스 정렬 유지 */
    flex-wrap: nowrap; /* 열이 한 줄에 표시 */
    width: max-content; /* 내용 크기에 따라 자동으로 확장 */
    overflow: visible; /* 내부 스크롤을 방지하고 부모 스크롤 사용 */
}

.list-col {
    flex: 0 0 auto; /* 열 크기를 고정 */
    min-width: 120px; /* 열 최소 너비 */
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
    text-align: center;
}

.bg-unvaliable { height:50px !important; background: #f8f9fa; }
.bg-lock { height:50px !important; background: #f8f9fa url("/assets/images/lock.png") center no-repeat; background-size: 20px 20px; }


