@font-face {
    font-family: 'ChosunGu';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
/* **** Common  **** */
*{margin:0;padding:0;list-style:none;font-weight: 400;font-family:'ChosunGu',"Malgun Gothic",san-serif;box-sizing: border-box;letter-spacing:-0.0px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
body, html{width:100%;color:#f2f2f2;min-width: 1440px;background-color:#04050a;font-size:12px;line-height: inherit;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;}
table{border-spacing: 1px; border-collapse:separate;width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none; cursor: pointer;color:#eee;}
i{font-style:normal;display:inline-block;}
select{height:30px;border:1px solid #444;border-radius:3px;padding:0 15px;background:#fff;color:#111;font-size:13px;font-weight:400;}
pre{line-height:1.5;white-space:pre-wrap;}

::-webkit-scrollbar {width: 5px;height: 5px;background:none;}
::-webkit-scrollbar-corner {background-color: rgba(127, 127, 127, 0.1);}
::-webkit-scrollbar-thumb {background:rgba(144,147,153,.5);border: none;border-radius: 5px;}


input::-webkit-input-placeholder {color: #aaa; } 
input:-moz-placeholder {color: #aaa; } 
input::-moz-placeholder {color: #aaa; } 
input:-ms-input-placeholder {color: #aaa; }
textarea::-webkit-input-placeholder{color:#d9d9d9;}
textarea::-moz-placeholder{ color:#d9d9d9;}
textarea:-moz-placeholder{ color:#d9d9d9;}
textarea:-ms-input-placeholder{ color:#d9d9d9;}
button {cursor:pointer;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);}
span,a {display:inline-block;}
em {display:inline-block;font-style:normal;}
[class^="icmn-"], [class*=" icmn-"] {vertical-align: middle;}


/* 공통사용 */
.mt6 {margin-top:6px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.mr5 {margin-right:5px}
.mb0 {margin-bottom:0px !important}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom: 10px;}
.fl {float:left}
.fr {float:right}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.pt0 {padding-top: 0 !important;}
.pd10 {padding:10px !important}
.pdl10 {padding-left:15px !important;}
.btn_wrap {margin:20px auto;text-align:center;    display: inline-block;width: 100%;padding:0 10px;}
.btn_wrap_right {margin:20px auto;text-align:right;}
.yel {color:#ffcc00}
.blue {color:#0090ff;}
.lgr {color:#2de276 !important}
.red {color:#f10000 ;}
.big {padding:10px 40px !important;font-size:16px !important;}
.hide {display:none}
.pd060 {padding:0 60px;}
.mgl0 {margin-left:0 !important;}
.bb0 {border-bottom:0 !important}
.br1 {border-right:1px solid #0d213f !important}
.text-center {text-align: center!important;}
.p-t-10 {padding-top: 10px!important;}
.float-right {float: right!important;}
.height-full {height: 100%!important;}
.width-full {width: 100%;}
.display-center {text-align: center;}
.p-t-24 {padding-top:24px}
.p-b-48 {padding-bottom: 48px;}
.wd50 {width: 50% !important;}

.btn_red {display:inline-flex;align-items: center;gap:5px; padding:10px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:linear-gradient(180deg, #911e01, #610000);color:#fff;    font-weight: 700;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;}
.btn_blue {display:inline-flex;padding:10px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:linear-gradient(180deg, #0090ff, #0069ae);color:#fff;    font-weight: 700;
    border: 1px solid transparent;align-items: center;gap:5px;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;cursor: pointer}
.btn_gray {display:inline-flex;padding:10px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:linear-gradient(180deg, #666, #444);color:#fff;    font-weight: 700;
    border: 1px solid transparent;align-items: center;gap:5px;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;cursor: pointer;}
.btn_green {display:inline-flex;padding:10px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#1c8382;color:#fff;    font-weight: 700;
    border: 1px solid transparent;align-items: center;gap:5px;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;cursor: pointer}
.btn_orange {display:inline-flex;padding:10px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#df7834;color:#000;    font-weight: 700;
    border: 1px solid transparent;align-items: center;gap:5px;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;cursor: pointer}
.btn_small {display:inline-flex;padding:4px 5px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#0090ff;color:#fff;font-size:12px;
    border: 1px solid transparent;align-items: center;gap:5px;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;    vertical-align: middle;}
.btn_red_s {display:inline-flex;padding:4px 5px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#c10000;color:#fff;font-size:12px;
    border: 1px solid transparent;align-items: center;gap:5px;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;    vertical-align: middle;}
.btn_lgr {display:inline-flex;padding:10px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:linear-gradient(180deg, #3db21f, #277217);color:#fff;    font-weight: 700;
    border: 1px solid transparent;align-items: center;gap:5px;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;cursor: pointer}


.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

.dflexS {display: flex;align-items: center;justify-content: space-between;}
.dflexC {display: flex;align-items: center;justify-content: center;}
.dflexR {display: flex;align-items: center;justify-content: right;gap:10px;padding:0 10px}
.dflexL {display: flex;align-items: center;justify-content: left;gap:10px;padding:0 10px}

.mobile {display: none;}
.dpnone {display: none;}
.show {display: block !important;}

/** 로그인,가입 모달 **/
.loginContainer,.signContainer {z-index: 3;background: rgba(0,0,0,.51);width: 100%;height: 100%;position: fixed;top: 0;left: 0;    z-index: 999;}
.loginContainer .wrap1, .signContainer .formWrap {display: flex;align-items: center;justify-content: center;height: 100%;}
.loginContainer .wrap1 {align-items: flex-start}
.formWrap form, .loginContainer .wrap2 {margin: 0 auto;width: 774px;padding: 4px;position: relative;font-size: 18px;color: #fff;
    }
.loginContainer .wrap2 {width: 360px;margin: 109px 0 0 0;}
.loginContainer .txt {padding: 8px;text-align: center;cursor: pointer;color: #aaa;font-size: 16px}
.loginContainer .txt:hover {color: #fff}
.loginContainer .btn_login {background: linear-gradient(180deg, #0086ef 0, #002949) !important;text-align: center;border: 0;margin: 0 0 10px 0;font-weight: 700;display: flex;align-items: center;justify-content: center;padding: 10px 0;cursor: pointer;color: #fff;border-radius: 4px;}
.loginContainer .btn_login[data-id=sign] {background: #0068cb}
.loginContainer .btn_login[data-id=telegram] {background: #00305d}
.loginContainer .btn_login>[class^=icon-] {font-size: 18px;margin: 0 8px 0 0}
.loginContainer .btn_login>[class^=icon-]:before {color: #fff}
.formWrap form>div:not(#btnCloseSign), .loginContainer .wrap2 .box {background: #002b4c;padding: 10px;border-radius: 0;
    }
.loginContainer .wrap2 .box {    background-image: linear-gradient(134deg, #3f3f3f 0, #101010 5%, #1c1c1cd6 30%, rgb(0 0 0 / 71%) 50%, #141313b3 70%, #101010 95%, #3f3f3f);border: 2px solid #212121;border-radius: 15px;}
.loginContainer .wrap2 .box .col {padding: 20px 32px;display: flex;flex-direction: column;align-items: center;justify-content: start;margin: 6px 0;
    }
.loginContainer .wrap2 .box .col>div {width: 100%;padding: 4px 0;    text-align: left;}
.loginContainer .wrap2 .box .col>div label {margin-bottom: 4px;    display: block;}
.loginContainer .wrap2 .box .col input {width: 100%;padding: 8px;background: #030f18;border: solid 1px #0069ae;border-radius: 4px;font-size: 14px;height: 36px;outline: 0;color:#66bcfd}
.loginContainer .wrap2 .box .col input::placeholder {color:#66bcfd}
.loginContainer .title, .signContainer .title {font-size: 24px;font-weight: 600;text-align: center;padding: 6px;color: #ffcc02;margin-top: 30px;}
.loginContainer .title img, .signContainer .title img {height: 60px;}
.close_login {position: absolute;top: 16px;right: 17px;padding: 4px;cursor: pointer;background:none;border-radius: 4px;display: flex;}

.loginContainer .wrap2.joincol {width:720px;}
.loginContainer .colWrap {display: grid;grid-template-columns: repeat(2,1fr);grid-template-rows: 1fr;grid-column-gap: 1px;grid-row-gap: 0;margin: 6px 0;overflow: hidden;    }
.loginContainer .btnCont2 {display: flex;padding: 10px 0;justify-content: center;}
.loginContainer .btnCont2 button {padding: 10px;min-width: 129px;margin: 0 4px;border-radius: 50px;border: solid 3px #bd9700;background: #0e0e0e;color: #efbf00;font-size: 22px;}
.loginContainer .fi-br-cross:before {color: #9fccf7;font-size: 25px;}


/*** Top ****/
.all_wrap {width:100%;margin:0px auto;text-align: center;}
.top_wrap {position:fixed;top:0;text-align:center;z-index: 99;width: 100%;background:#04050a;}
.top_wrap .m_menu_expand_btn {display:none;}
.top_wrap .m_menu_pc_btn {display:none;}

.top_wrap .rtf_link {position:absolute;top:14px;right:20px;}
.top_wrap .rtf_link a {padding:7px 20px;font-size:15px;border-radius:14px;}
.top_wrap .rtf_link a.info {background:#0090ff}

.top_wrap .userm_wrap {height:70px;position:relative; display: flex;justify-content: space-between;align-items: center;}
.top_wrap .userm_wrap .logo { z-index: 99;position: relative;left:30px;top: 1px;}
.top_wrap .userm_wrap .logo img {height:60px;}

.top_wrap .userm_wrap ul {display:flex;position:relative;}
.top_wrap .userm_wrap ul.submenu {display: flex;margin-left:auto;gap:15px;}
.top_wrap .userm_wrap ul.submenu  li {margin-left: 5px;font-size: 13px;    display: flex;align-items: center;}
.top_wrap .userm_wrap ul.submenu  li [class^="icmn-"] {font-size:14px;margin-right: 4px;}
.top_wrap .userm_wrap ul.submenu  li a {color: #fff;display: inline-flex;align-items: center;gap: 2px;}
.top_wrap .userm_wrap ul.submenu  li a i{  font-size: 15px;  background: linear-gradient(to top, #2196F3, #2196F3);-webkit-background-clip: text;color: transparent;}
.top_wrap .userm_wrap ul.submenu  li div.bar {height:10px;width:1px;background:#5d76a3;}
.top_wrap .userm_wrap ul.loginmenu {margin-right: 15px;margin-left:20px;}
.top_wrap .userm_wrap ul.loginmenu li.logout {display: flex;border-radius: 18px;padding:0px 15px;align-items: center;width:100px;white-space: nowrap;cursor: pointer;background: #000;color: #abd9ff;    gap: 4px;
    border: #87cbff solid 2px;font-size: 13px;justify-content: center;margin-left: 5px;    height:28px;}
.top_wrap .userm_wrap ul.loginmenu li.logout span {margin-right: 4px;font-size: 16px;}


.top_wrap .userm_wrap .user_info {display: flex;position:relative;margin-right:20px;font-size: 1.35rem;transform: skew(-27deg);background:#020202;height: 42px;border: 2px solid #151e49;
    border-radius: 6px;padding: 0 15px;    align-items: center;}
.top_wrap .userm_wrap .user_info > div {transform: skew(27deg);padding:0 20px;}
.top_wrap .userm_wrap .user_info > div.user_nick span{color:#ffcc00;font-size: 13px;}
.top_wrap .userm_wrap .user_info > div ul {display:flex;justify-content: space-between;min-width:180px}
.top_wrap .userm_wrap .user_info > div ul li {font-size: 13px;line-height: 16px;}
.top_wrap .userm_wrap .user_info > div ul li:first-child{flex-basis: 40%;text-align: left;}
.top_wrap .userm_wrap .user_info > div ul li:first-child img {filter: brightness(0.7);margin-right: 3px;margin-top: -2px;}
.top_wrap .userm_wrap .user_info > div ul li:last-child{flex-basis: 60%;text-align: right;}
.top_wrap .userm_wrap .user_info > div ul li span.money {color:#ffcc00}
.top_wrap .userm_wrap .user_info > div ul li span.point {color:#27be0f}

.top_wrap .nav_wrap {position:relative;top:0px;background:linear-gradient(to bottom,hsl(206 100% 16% / 1),#002949); overflow: hidden;text-align:center;border-top: 2px solid #2196F3;border-bottom: 2px solid #2196F3;}
.top_wrap .nav_wrap .navdiv { width: 73%;;display: flex;justify-content: center;align-items: center;margin:auto;height: 45px;}
.top_wrap .nav_wrap .navdiv>a {color:#fff;font-size:16px;margin: auto;width:100%;font-weight:300;position:relative;transition:0.2s;text-align: center;padding:10px 20px;display: flex;align-items: center;justify-content: center;}

.top_wrap .nav_wrap .navdiv>a:hover {color: #2196F3;}

.top_wrap .nav_wrap .list_menu {display: inline-block;line-height: 36px;}
.top_wrap .nav_wrap .list_menu span small {font-size: 21px;color:#7ac6ff;margin-top: -3px;display: inline-block;}
.top_wrap .nav_wrap .list_menu>ul {display:none;position: absolute;top:38px;left:0px;width:115px;z-index: 99;background:#1b1d43;border-radius:4px;border:1px solid #4f86b9;}
.top_wrap .nav_wrap .list_menu>ul li {display: inline-block;width:100%;color:#fff;font-size:14px;padding:0 10px;border-bottom:1px solid #111;box-shadow: inset 3px 3px 10px rgb(0 0 0 / 40%);height:36px;line-height:35px;}
.top_wrap .nav_wrap .list_menu>ul li a {}
.top_wrap .nav_wrap .list_menu>ul li:last-child {border-bottom:0}

/* 한줄공지 */
.scrollNotice-copy {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;color: #fee111;overflow: hidden;font-size: 14px;padding: 6px 10px;background: #002949;border-radius: 0;position: relative;margin-left: 55px;
    width: 350px;}
.scrollNotice-copy:before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 0;border-top: 7px solid #003a72;border-right: 7px solid transparent}
.scrollNotice-copy:after {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-bottom: 7px solid #003a72;border-left: 7px solid transparent}





/*** Left ****/
.container_wrap {position:relative;width:100%;margin-top:125px;}
.left_content { position: fixed;width: 290px;z-index: 2;left:0px;top: 125px;bottom: 0px;transition: .25s ease-out;background: #0d1013;}
.scrollFrame {width: 100%;margin: 0 auto;overflow-y: auto;height: calc(100vh - 134px);}
.scrollFrame::-webkit-scrollbar {width: 0px}
.left_content .leftMenu {width: 100%;padding:0px 4px 0 0;margin: 0 auto 10px;}
.left_content .leftMenu .menu {display: flex;flex-wrap: wrap;}
.left_content .leftMenu .menu a {display: inline-flex;align-items: center;justify-content: center;height:40px;font-size: 13px; gap:2px;   border-bottom: solid 1px #222;border-right: 1px solid #222; width:33.3%;
        background: #181818!important;}
.left_content .leftMenu .menu a.ybg {width:25%;background-image: linear-gradient(180deg, #0086ef 0, #002949) !important;color: #fff;text-shadow: 0 0 black;}
.left_content .leftMenu .menu a.ybg:nth-child(1) {border-radius: 5px 0px 0 0;}
.left_content .leftMenu .menu a.ybg:nth-child(4) {border-radius: 0px 5px 0 0;}
.left_content .leftMenu .menu a.br0005 {border-radius: 0 0 0 5px;}
.left_content .leftMenu .menu a.br0050 {border-radius: 0 0 5px 0;}

.left_content .leftMenu .keyword_search {display: flex;justify-content: space-between;align-items: center;height:40px;background:#0d1013;padding:4px;}
.left_content .leftMenu .keyword_search input {    color: #fff!important;width: 240px;height: 30px;background: #222d40;border: 1px solid #0a0e16;padding:3px;}
.left_content .leftMenu .keyword_search a {width: 34px;color: #fff;}
.left_content .leftMenu .keyword_search a i {font-size: 14px;}

.left_content .leftMenu .freematch {margin-top:5px}
.left_content .leftMenu .freematch h4 {font-size: 13px;display: flex;align-items: center;height:36px;padding:4px 10px;border-bottom: 1px solid #0e151b;background: linear-gradient(180deg,#203d64,#203d64);margin-bottom:0;border-radius: 5px 5px 0 0;}
.left_content .leftMenu .freematch h4 i {font-size: 16px;margin-right: 5px;margin-top: -2px;}
.left_content .leftMenu .freematch > ul {background: #161e29;}
.left_content .leftMenu .freematch > ul li {cursor:pointer}
.left_content .leftMenu .freematch > ul li a {display: flex;align-items: center;justify-content: space-between;width: 100%;height:40px;border-bottom: 1px solid #0e151b;border-top: 1px solid #383f46;padding:0 10px 0 20px;}
.left_content .leftMenu .freematch > ul li i {font-size:16px;}
.left_content .leftMenu .freematch > ul li span {margin-left:10px}
.left_content .leftMenu .freematch > ul li small {margin-left:auto;margin-right:5px;font-size: 13px;    display: flex;align-items: center;font-size: 12px;width: 40px;justify-content: center;padding: 3px;
    background: linear-gradient(135deg,#035cb3 0,#215784 12%,#275c8a 31%,#014383 57%,#105189 57%,#025aa4 92%,#609bd5 100%);border: 1px solid #0371db;border-color: #40739f #3773a6 #356fa0 #4a769b;}

.left_content .leftMenu .freematch > ul li a.bg-location-orange1 {background: hsl(211 22% 14% / 1);height:34px;padding-left: 40px;justify-content: left;}
.left_content .leftMenu .freematch > ul li a.bg-location-orange1 img {margin-right:5px;}
.left_content .leftMenu .freematch > ul li a.bg-location-orange1 span {margin-left:auto;margin-right:10px;}
.sub-menu .bg-league-orange1 {height: 34px !important;background:rgb(0 0 0 / 25%);padding-left: 36px !important;}
.sub-menu .bg-league-orange1 > div {display: flex;align-items: center;color: hsl(214 40% 79% / 1);}
.sub-menu .bg-league-orange1 > span {margin-right:10px;}

.left_content .leftMenu .popular_game {background: #2d353c;margin:0px 0px;}
.left_content .leftMenu .popular_game h4 {font-size: 13px;display: flex;align-items: center;height:36px;padding:4px 10px;margin-bottom:0;justify-content:left;    background: #203d64;color: #53b2ff;border-bottom: solid 2px #2196F3;}
.left_content .leftMenu .popular_game h4 i {font-size: 16px;margin-right: 5px;margin-top: -2px;}
.left_content .leftMenu .popular_game ul li {background:#19212b;margin-bottom: 1px;display: flex;align-items: center;height:44px;padding: 0 10px;justify-content: space-between;}
.left_content .leftMenu .popular_game ul li img {height: 22px;margin-left:15px;    margin-right: 5px;}
.left_content .leftMenu .popular_game ul li > div {margin-left:15px;margin-right:auto;text-align: left;}
.left_content .leftMenu .popular_game ul li > div > p {margin-bottom: 0;color: #b683ea;}

.left_content .leftMenu .popular_league {background: #2d353c;border-radius: 5px;margin:8px 0px;padding:0 5px 5px 5px;}
.left_content .leftMenu .popular_league h4 {font-size: 13px;display: flex;align-items: center;height:36px;padding:4px 10px;margin-bottom:0;justify-content: center;}
.left_content .leftMenu .popular_league h4 i {font-size: 16px;margin-right: 5px;margin-top: -2px;}
.left_content .leftMenu .popular_league ul li {background:rgba(0,0,0,0.4);margin-bottom: 1px;display: flex;align-items: center;height:40px;padding: 0 10px;}
.left_content .leftMenu .popular_league ul li img {height: 22px;margin-left:15px}
.left_content .leftMenu .popular_league ul li > div {margin-left: 20px;color: #b683ea;}
.left_content .leftMenu .popular_league ul li > div img {height: 14px;margin-left:15px}
.fi-ss-basketball {color: #e65c2b;}

.imgmenu {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 3px;margin-top: 5px;}
.imgmenu a {display: flex;align-items: center;justify-content: center;flex: 0 49.4%; border: 1px solid #34a8f3;   }
.imgmenu a img {width:100%;}

.imgmenu a.f100 {flex: 1 1;}

/*** Right Cart ****/
.right_content { position: fixed;width: 300px;z-index: 2;right:0px;top: 125px;bottom: 0px;transition: width 0.6s ease-in-out;}
.right_content .rightMenu {width: 100%;padding:0px 0px;margin: 0 auto 10px;}
.right_content .login_box {padding:10px;}
.right_content .login_box > div {margin-bottom:5px;}
.right_content .login_box input {width: 100%;background: #fff; padding: 8px;border: solid 1px #323232;border-radius: 0;font-size: 14px;height: 30px;color: #000;    text-shadow: 0 0 black;}
.right_content .login_box input::placeholder {color: #000;    text-shadow: 0 0 black;}
.right_content .login_box .btnCont {gap:6px;}
.right_content .login_box .btn_login {width: 100%;border: 1px solid #3e5d77;font-size: 14px;background: linear-gradient(to bottom,#253d51 0,#1c2935 50%,#111f2b 51%);height:36px;cursor: pointer;
    display: inline-flex;align-items: center;justify-content: center;}

.user_body {padding:0px;border-radius: 3px;background: #182d3f;margin-bottom:10px}
.user_body .bgy {background: linear-gradient(180deg, #1c438b 0, hsl(210.46deg 66.79% 43.99%) 50%, #00398f 51%);height: 40px;color:#fff;padding:0 10px;text-shadow: 0 0 black;}
.user_body .bgy > div {display: flex;align-items: center;gap:5px}
.user_body .bgy > div i {color: #bee0ff;font-size: 14px;}
.user_body .bgy > div a {color:#fff;display: flex;align-items: center;gap:3px}
.user_body .bgy small {font-size: 9px;background: linear-gradient(0deg,#fc2b2f,#fe6868);padding: 2px 4px;font-weight: 700;border: solid 1px #a71717;color: #fff;}

.user_body .usero {display: flex;align-items: center;gap:5px;height:35px;padding:0 10px;font-size: 13px;}
.user_body .usero > div {gap:3px;}
.user_body .usero > div i {color: #ffcc00;}
.user_body .usero > div span {color: #ffcc00;}
.user_body .rmenu {padding:0 0px;}
.user_body .rmenu a {height:40px;background: linear-gradient(to bottom,#253d51 0,#1c2935 50%,#111f2b 51%);display:flex;align-items: center;justify-content: center;width: 25%;border-top: solid 1px #415d75;gap:2px;
    border-bottom: 1px solid #202c37;}

.user_body .bgy.title {font-size: 15px;}
.user_body .bgy.title #cart_all_del {display: flex;align-items: center;font-size: 12px;gap:5px;cursor: pointer;}
.user_body .bgy.title #cart_all_del i {font-size: 16px;}

#cart_game_list_pos {font-size: 12px;position: relative;border-bottom-color: #525252;border-width: 0 1px 1px 1px;margin: 3px 0;color:#111;text-shadow: 0 0 black;}
#cart_game_list_pos .betlistbox {text-align: left;position: relative;padding: 6px 8px;    margin-bottom: 1px;background: #e4f2ff;}
#cart_game_list_pos .betlistbox > div {line-height: 16px;}
#cart_game_list_pos .betlistbox .betlistcolor_b_odd {background:#000;color:#ffcc00;padding:1px 5px;border-radius: 3px;}
#cart_game_list_pos .betlistbox .betlistclose {position: absolute;right:10px;top:10px;font-size: 16px;background: #142433;padding: 3px;border-radius: 3px;color: #fff;cursor: pointer;}
#cart_game_list_pos .betlistbox .betlistclose:hover {background:#f10000}
#cart_game_list_pos .betlistbox .betlistcolor_b {color:#f10000}

.right_content .betinput {padding:0 10px;height:30px;background: #142433;}
.right_content .betinput input {background: #fff;;border:1px solid #222;color:#000;height:24px;padding:0 5px;text-align: right;border-radius: 3px;margin-left: auto;margin-right:5px;text-shadow: 0 0 black;}
.right_content .betinput button.reset {    font-size: 13px;background: #25415b;color: #fff;padding:0 5px;height:24px;box-shadow: none;}

.right_content .betmoney {padding:5px 10px;gap:2px;flex-wrap: wrap;background: #142433;}
.right_content .betmoney button {background: #1d3449;color: #fff;  box-shadow: none;  height: 34px;width: 32.8%;}
.right_content .betinput2 {padding:0 10px;height:24px;background: #142433;}
.right_content .betinput2  #total_odd {color: #f10000;font-size: 13px;    font-weight: 700;}
.right_content .betinput2  #total_odd_amount {color: #ffdd00;font-size: 13px;    font-weight: 700;}

.betbtn_wrap {padding: 2px;background: linear-gradient(to bottom,#fff4ab,#ffe00f 50%,#a68507 51%);margin: 8px;border-radius: 0 0 1px 1px;border-radius: 0;
    clip-path: polygon(10px 0,100% 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 calc(100% - 10px),0 10px);}
.betbtn {    font-weight: 700;background: linear-gradient(to bottom,#0053a3 0 ,#004b93 50%,#003a72 51%);border: solid 0 #d265a8;color: #fff;line-height: 53px;
    cursor: pointer;width: 100%;font-size: 1.8rem;border-radius: 1px;transition: all 60ms ease-out;
    clip-path: polygon(10px 0,100% 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 calc(100% - 10px),0 10px);}
.betbtn:hover {background: linear-gradient(to bottom,#579cdf 0 ,#4a85bd 50%,#003a72 51%);color: #fff;}

.betinfo {border: solid 1px #213549;
    background: #162533;
    padding: 8px 16px;}

.right_content .rightMenu .r_banner {position: relative;}
.right_content .rightMenu .r_banner a {margin-bottom: 5px;position:relative;background: #01538a;overflow: hidden;padding: 1px;}
.right_content .rightMenu .r_banner a .effect {position: absolute;left: 0;top: 0;background: linear-gradient(45deg, #127abe, #2eacff);width: 100%;height: 100%;z-index: 1;animation: rotate 2s infinite}
.right_content .rightMenu .r_banner a img {z-index: 2;position: relative;}
.right_content .rightMenu .r_banner a div.text {position: absolute;right: 0;bottom: 0;display: flex;align-items: center;justify-content: right;padding-right: 15%;font-size: 18px;font-weight: 700;height: 34px;z-index: 2;}
.right_content .rightMenu .r_banner a.tg span {position:absolute;left:100px;bottom:20px;font-size:24px;    font-weight: 700;}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*** Center ****/
.container_wrap .contents {height: auto;overflow: hidden;margin: 0px 306px 0 292px;background: #0d0d0d;padding-top: 0px;min-height: 100vh;border-radius:4px 4px 0 0;}
.carousel button {box-shadow: none;}
.carousel-item img {width:100%;}
.container_wrap .contents .page {text-align: left;padding:0px 0px;min-height:800px;}
.contents .page h1.page_title { font-size: 18px;font-weight: bold;color: #fff;height:44px;display: flex;align-items: center; padding: 0 14px;margin-bottom:4px;border-radius: 4px;
    background-image: linear-gradient(180deg,hsl(207.27deg 11.34% 19.02%) 0,hsl(207.27deg 11.34% 19.02%) 50%,hsl(207 11% 18% / 1) 50%)!important;}
.contents .page h1.page_title span {margin-left:5px;color: #aaa;font-size: 18px;}
.contents .page h1.page_title i {margin-right:8px;font-size:21px;color: #ffcc00;}

.contents .divide {border-top: 1px solid #32383d;border-bottom: 2px solid #0e151b;}

.contents .mainlink {width:100%;align-items: center;margin:10px auto;gap:5px;justify-content: space-between;display: flex;}
.contents .mainlink li{color:#fff;cursor: pointer;border:1px solid #34a8f3;flex:1 1;}
.contents .mainlink li a {position: relative;transition: 0.4s;display: block;width: 100%;height: 100%;}
.contents .mainlink li a img {width: 100%;}
.contents .mainlink li a:hover:before {opacity: 1;}
.contents .mainlink li a:before {
    display: flex;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-family: uicons-solid-rounded !important;
    content: "\f8cd";
    color: #8eb7f2;
    position: absolute;
    bottom: 0;
    padding: 3px 7px;
    justify-content: center;
    align-items: center;
    left: 0;
    box-sizing: border-box;
    font-size: 70px;
    text-shadow: 0 0 6px rgb(0 0 0);
    transition: opacity .3s;
    pointer-events: none;
    backdrop-filter: brightness(.7);
    z-index: 99;
}

.contents.in .mainlink li a img {width: 100%;border-radius: 5px;}
.contents .mainlink li:hover {}
.contents .mainlink li span {position: absolute;width: 100%;text-align: center;letter-spacing: 1px;}
.contents .mainlink li span.eng {top:12px;right:18px;width: auto;color:#4eb4b9;font-size: 20px;font-weight: 700;}
.contents .mainlink li span.txt {bottom:0px;left:0;color:#fff;font-size: 15px;font-weight: 400;    background: rgba(0,0,0,0.6);height: 50px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.contents .mainlink li span.txt p {width: 100%;}
.contents .mainlink li span:before {color: #0c7bad;margin: 0 10px;}
.contents .mainlink li.active {background: linear-gradient(90deg,#3095ff 20%,#083463);border-color: #fff;}

.main_notice_area {justify-content: space-between;align-items: center;margin:auto;margin-top:10px;padding:0 0px;gap:10px;display: flex;}
.main_notice_area .notice_box {margin-top:0px;text-align:left;width:50%;padding: 0px;height: 271px;}
.main_notice_area .notice_box:last-child {border-right: 0;}
.main_notice_area .notice_box .inn {background: #141414;padding: 0px;}
.main_notice_area .notice_box h1 {color:#fff;font-size:16px;font-weight:700;text-align:left;line-height:45px;padding-left:15px; margin-bottom: 0px;   background: linear-gradient(180deg, #0086ef 0, #002949) !important;border-radius: 5px;}
.main_notice_area .notice_box h1 em {display: inline-block;font-size:21px;margin-top:-3px;margin-right: 5px;}
.main_notice_area .notice_box h1 span {color:#fff;margin-left:7px;font-size: 13px;}
.main_notice_area .notice_box h1 small {float:right;color:#fff;margin-right:15px;font-size: 12px;}
.main_notice_area .notice_box .table_wrap {padding:5px;   min-height: 81%;}
.main_notice_area .notice_box table tr{border-bottom:1px solid #444; }
.conmain_notice_areatents .notice_box table tr th{text-align:center;height:46px;background: linear-gradient(180deg, #8c8c8c, #3b3b3b)}
.main_notice_area .notice_box table tr td {height:40px;padding:0 8px;font-size:13px;color:#fff;    border-bottom: 1px solid #242424;}
.main_notice_area .notice_box table tr td:last-child {border-right:0;color:#fff;}
.main_notice_area .notice_box table tr td i {vertical-align: middle;display: inline-block;margin-top:-2px;}
.main_notice_area .notice_box table tr td span {font-size: 13px !important;color:#fff !important}

.main_notice_area .notice_box .table_wrap.deposit td:nth-child(2) {color:#ffdd00;}

.main_notice_area .notice_box ul li {height:40px;padding:0 8px;font-size:13px;color:#41a8f7;border-bottom:1px solid #1e8cda;    display: flex;align-items: center;justify-content: space-between; }
.main_notice_area .notice_box ul li span {margin-right:0px;flex-basis: 20%;}
.main_notice_area .notice_box ul li span:nth-child(1) {flex-basis: 20%;}
.main_notice_area .notice_box ul li span:nth-child(2) {flex-basis: 20%;color:#ffdd00}
.main_notice_area .notice_box ul li span:nth-child(3) {flex-basis: 60%;text-align: right;}




/*** Foot ****/
.footer {text-align:center;position: relative;color:#eee;margin-top: 0px;padding:20px 10px;}
.footer * {font-size: 11px}
.footer img {margin-bottom:20px}


/*** 스포츠 ****/
.spo_type {margin-top:0px;border-bottom:2px solid #246cc2;border-right:0;border-top:0;display: flex;justify-content: space-between;align-items: center;}
.spo_type a {display:inline-block;padding:6px 0 5px 0;background:linear-gradient(180deg, #252b41 51%, #151a2d 53%, #151a2d);border-right:1px solid #273c5b;font-size:18px;text-align:center;width:33.33%;float:left;}
.spo_type a.active {background:#20203e;color:#fff}
.spo_type a small {display:block;color:#478ff9;}

.spo_jong {display: flex;justify-content: space-around;align-items: center;margin-bottom:5px; border: 3px solid #2d3c4d;    padding: 4px;background: hsl(211deg 26% 16% / 95%);   box-shadow: 0 1px 5px 0 rgba(0,0,0,1);    border-radius: 3px;}
.spo_jong a {font-size:12px;text-align: center;color: #fff;position: relative;padding:8px 16px;}
.spo_jong a i {display:block;font-size:1.6rem;margin: 0 0 3px 0;;}
.spo_jong a.on { color: #f7d51d;background: #224c84;border-radius: 4px;}
.spo_jong a small {position: absolute;right:2px;top:5px;color:#ffdd00}

.extraOdds {background: hsl(212.31deg 18.31% 13.92%);padding: 4px !important;border-radius: 2px;margin-bottom:6px !important;transition: all .1s ease-out;-webkit-transition: all .2s ease-out;border: 1px solid hsl(212 17% 21% / 1);}
.extraOdds .info {padding: 8px 4px;text-align: left;font-size: 13px;}
.extraOdds .info em {color: #ffd800}
.extraOdds .betBox ul li {width: 25%;}
.extraOdds .betBox ul li:nth-child(1) {color:#0080ff}
.extraOdds .betBox ul li:nth-child(2) {color:#f316d5}
.extraOdds .betBox ul li:nth-child(3) {color:#38b658}
.extraOdds .betBox ul li:nth-child(4) {color:#e4a829}

.sports-list {width: 100%;margin-top:0px;padding:0px;margin-bottom:20px;position: relative;}
.sports-list .league_info {margin-bottom:0px;background: #2d3c4d;display: flex;justify-content:left;align-items: center;height: 35px;padding:0 10px;gap: 3px;font-size: 13px;color: #c5d0dd;
        border-top: solid 1px #131920;border-left: solid 1px #131920;border-right: solid 1px #131920}
.sports-list .league_info li {text-align:center;display: flex;}
.sports-list .league_info li.l_info {margin-right:auto}
.sports-list .league_info li.l_info .icmn-arrow-down4 {font-size: 11px;color: #787bfa;margin:0 5px;}
.sports-list .league_info li.l_info img{margin-left:4px;height:14px; }
.sports-list .league_info li.l_info .l_name {overflow:hidden;margin-left:6px;text-align:left;font-size: 12px;color: #fff;}
.sports-list .league_info li.spotype_ball {margin-left: auto;}
.sports-list .league_info li.spotype_ball img {height: 24px;}
.sports-list .league_info .mobile_time {display:none;}

.sports-list .game_list {width:100%;position: relative;padding:0;}
.sports-list .game_list ul {display: flex;margin-bottom: 0px;}
.sports-list .game_list ul:last-child{margin-bottom: 0;}

.sports-list .game_list ul > li {background: #222d3a;border: solid 1px #131920;;margin-right:0px;padding:0px 7px;font-size: 12px;height: 37px;display: flex;border-bottom: 0;
        justify-content: space-between;align-items: center;}
.sports-list .game_list li:last-child {margin-right:0}
.sports-list .game_list ul li.l_time {padding:0px 5px;color: #c5d0dd;border-right: 0; width: 10%;justify-content: center;}
.sports-list .game_list ul li.l_n_time {padding:0px 5px;color: #c5d0dd;border-right: 0; width: 10%;justify-content: center;border-bottom:solid 0px #4B4E54;border-top:solid 0px #4B4E54}
.sports-list .game_list li.home-t,.sports-list .game_list li.away {width:38%;}
.sports-list .game_list li.draw {border-width:1px 0 1px 0;}
.sports-list .game_list li.vs,.sports-list .game_list li.draw {width:10%;justify-content: center;}
.sports-list .game_list li.status {width:8%;justify-content: center;background: #1e2833;font-weight: 700;font-size: 13px;border-left: 0;color: #c5d0dd;cursor: pointer;}

.sports-list .game_list li.home-t span.home_nm {display: flex;width:75%;align-items: center;justify-content: left;text-align: left;}
.sports-list .game_list li.home-t div.home_info {display: flex;width:25%;align-items: center;justify-content: right;}
.sports-list .game_list li.home-t div.home_info .game_type {margin-right:5px}
.sports-list .game_list li.home-t div.home_info .game_type .arrow_up {color:#f32d51;font-size:12px;}

.sports-list .game_list li.away span.away_nm {display: flex;width:75%;align-items: center;justify-content: right;}
.sports-list .game_list li.away div.away_info {display: flex;width:25%;align-items: center;justify-content: left;}
.sports-list .game_list li.away div.away_info .game_type  {margin-left:5px}
.sports-list .game_list li.away div.away_info .game_type .arrow_down {font-size:12px;color:#2b7aff;}

.sports-list .game_list li .home_odd {text-align:right;color:#fff;}
.sports-list .game_list li .away_odd {text-align: left;color:#fff;}
.sports-list .game_list li .away_nm {}
.sports-list .game_list li .tie_odd {font-size:12px;}

.sports-list .game_list li.normal {cursor:pointer}
.sports-list .game_list li.normal:hover {background: #1d232f;color: #fff;box-shadow: inset 0 0 0 1px #ffce03;}
.sports-list .game_list li.active {    background: linear-gradient(to bottom,#02598e 0,#003a73 100%);color: #fff;box-shadow: inset 0 0 0 1px #4db4d1;}
.sports-list .game_list li.active:hover {background: linear-gradient(to bottom,#02598e 0,#003a73 100%);box-shadow: inset 0 0 0 1px #4db4d1;}
.sports-list .game_list li .handy {color:#00d2ff;margin:0 3px;}
.sports-list .game_list li .over {color:#aa1111;margin:0 3px;}
.sports-list .game_list li .under {color:#2E587C;margin:0 3px;}

.sports-list .game_list li.btn-sports-vs {background:#2d353c}
.sports-list .game_list li.btn-sports-vs:hover {background: #2d353c;border-top: 1px solid #131920;box-shadow: none;}

.sports-list.disabled {filter: brightness(0.5);}
.sports-list.disabled .league_info .info {display:none;}
.sports-list.disabled .game_list li.normal {background:rgba(0,0,0,0.6);cursor:default;}
.sports-list.disabled .game_list li .home_odd {color:#777; }
.sports-list.disabled .game_list li .away_odd {color:#777;}
.sports-list.disabled .game_list li.vs {background:#22222294;color:#777;}

/*** 스포츠 해외  ****/
.w_europe {height:calc(100% - 40px);  overflow:hidden;}
.w_europe:after { content:''; display:block; clear:both;}
.w_europe .sw_l { width:calc(50% - 6px); float:left;overflow-y:auto; height:100%;background: #191e24;}
.w_europe .sw_r { width:calc(50% - 0px); float:right;overflow-y:auto; height:100%;background: #1b2127;border: 2px solid #242b33;padding: 6px;margin: 0 0 10px 0;border-radius: 2px;}

.game_pan { margin-bottom:10px; background: #242b33;padding: 2px;border-radius: 2px;margin: 0 0 6px 0;}
.game_pan.on, .game_pan.on:hover {background: linear-gradient(180deg,#226173 0,hsl(193 59% 28% / 1) 50%,#1d5f72 100%);}

.game_pan .teaminfo {padding:7px 8px;background: #24303d;border-left: solid 1px #131920;border-right: solid 1px #131920;margin-bottom: 4px;}
.game_pan .teaminfo .teamname {text-align: left;}
.game_pan .teaminfo .teamname > div {gap:4px;font-size:14px;}
.game_pan .teaminfo .teamname > div em {font-size: 1.32rem;color: #fc3b43;}
.game_pan .teaminfo .teamname > div.l_time {color: #cbca9e;font-size: 12px;margin-top:4px;}
.game_pan .teaminfo .add_cnt {cursor: pointer;height: 30px;display: block;border-left: solid 0.05rem #2d3c4d;padding-left: 10px;line-height: 30px;}
.game_pan .teaminfo .add_cnt span {display: inline-flex;align-items: center;justify-content: space-between;gap:4px;    color: #ffbf00;font-weight: 700;}

.game_pan .game_list {border-radius: 2px;position: relative;background: #1d232a;padding: 4px;}
.game_pan .game_list .league_info {justify-content: space-between;}
.game_pan .game_list .league_info > div {display: flex;align-items: center;}

.sports-list .game_pan .glist {}
.sports-list .game_pan .glist ul {width: 80%;}
.sports-list .game_pan .glist .l_type {width: 20%;color: #c4c4d7;justify-content: center;border-right: 0;display: inline-flex;align-items: center;height: 37px; background: #222d3a;border: solid 1px #131920;border-bottom: 0;border-right: 0;}    
.sports-list .game_pan li.home-t, .sports-list .game_pan li.away {width: 50%;}

/* 우측 */
.game_screen { text-align:center; margin-bottom:10px;height:200px;background: linear-gradient(135deg,#152a1e,#143727,#1e3c2b);border:solid 1px #131920;position: relative;}
.game_screen img {height:100%;}
.game_screen .gameinfo {text-align: center;position: absolute;left:0;top:0; width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.game_screen .team-wrap {display: flex;flex-direction: column;overflow: hidden; align-items: center;justify-content: center;background: rgb(255 255 255 / 64%);padding: 10px 0 0 0;
    clip-path: polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);}
.game_screen .team-wrap .team {font-size: 1.8rem;color: #000;padding: 6px 10px;font-weight: 600;}
.game_screen .team-wrap .date {background: rgb(0 0 0);padding: 8px;margin: 10px 0 0 0;width: 100%;text-align: center;    font-size: 16px;}
.game_screen .team-wrap i {font-style: normal;color: #f30;font-weight: 900;font-size: 17px;}

.game_exp .tit {display: flex;align-items: center;justify-content: left;height:30px;margin:10px 0 0px 0;padding-left:5px;color: #c4c4d7;}
.game_exp .tit i {color: #629ad9;}
.game_exp .game_list ul {gap:3px;margin-bottom:3px;}
.game_exp .game_list ul > li {}
.game_exp .game_list li.home-t, .game_exp .game_list li.away {width: 45%;}


.game_tab { display:flex; margin-bottom:10px;}
.game_tab li { width:100%;text-align:center; height:36px; line-height:36px; font-size:13px; cursor:pointer;border-bottom:2px solid #517093;}
.game_tab .active { border:2px solid #517093;border-bottom:0;border-radius:3px 3px 0 0;}

.game_exp .game_list.wd33 li{width: 33%;}
.game_exp .game_list.wd33 li.draw {justify-content: space-between;}
.game_exp .game_list.wd33 li small { font-size: 12px; color: #d9c58a;margin-left: 5px;word-break: keep-all;}



/*** 미니게임 ****/
.mini_vendor {gap:4px;}
.mini_vendor a {display:flex;align-items: center;justify-content: center;height:40px;color:#fff;background:#37404f;font-size: 13px;font-weight: 700;}
.mini_vendor a.active {background: #ffcc00;color:#000;}
.mini_jong {gap:1px;margin-top: 5px !important;}
.mini_jong a {display:flex;align-items: center;justify-content: center;height:42px;color:#fff;background:linear-gradient(180deg,#35353f,#161622);font-size: 13px;font-weight: 700;}
.mini_jong a:nth-child(odd) {border-top: 5px solid #d60000;}
.mini_jong a:nth-child(even) {border-top: 5px solid #c41162;}
.mini_jong a.active {background:linear-gradient(180deg,#5a45b6,#1f1c2f);}

.minigame-list {width: 100%;margin-top:8px;padding:0px;text-align: center;background:url(/images/pbbackground.jpg)no-repeat center;}
.minigame-list a.view_toggle {display: block;width:100%;background-image: linear-gradient(180deg,#354562,#111e33);box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2), 0 1px 2px rgba(0,0,0,.05);height:30px;line-height:30px;color:#c8e1fd;font-size: 15px;}
.minigame-list .minigame-view {text-align:center;height: 646px;margin: 0 auto;overflow: hidden;}
.minigame-list .minigame-view.active {display:none}
.minigame-list .minigame-view iframe {width: 830px;transform-origin: 0px 0px 0px;transition: all .2s;border:0;}

.minigame-list .overunderline {clear: both;padding: 0;margin: 10px 0 0 0;width: 100%;height: 1px;border-top: 2px solid #0e151b;border-bottom: 1px solid #292929;}
.minigame-list .game-wrap {background: #0e151b;padding:15px 17px;position: relative;}
.minigame-list .game-wrap .pd10 {background: #242f42;padding:10px;border-radius: 5px;}

.minigame-list ul.game_info {display:flex;align-items: center;justify-content: space-between; margin-bottom:10px;background:linear-gradient(180deg,#1e2737,#0b1423);border-radius: 4px;border: 1px solid #18202a;border-bottom-color: #0e151b;padding:10px 10px}
.minigame-list ul.game_info * {letter-spacing: 1px;}
.minigame-list ul.game_info li {display:block;align-items: center;text-align:center}
.minigame-list ul.game_info li.l_name {overflow:hidden;padding-left:6px;text-align:left;font-size: 18px;font-weight: 700;    text-shadow: 0 1px 1px black;}
.minigame-list ul.game_info li.l_name .icmn-eight-ball {font-size:18px;margin-right:5px;margin-top:-2px; color:#5d4eb9}
.minigame-list ul.game_info li.l_name .order {color:#5d4eb9;font-size:18px;margin:0 5px;font-weight: 700;}
.minigame-list ul.game_info li.l_name .comment {line-height: 24px;margin-left:25px;}
.minigame-list ul.game_info li #time {color:#ffcc00;margin-left:10px;font-size: 14px;background: rgba(0, 0, 0, 0.25);padding: 10px;border-radius: 8px;}

.minigame-list .listwrap {background: #0B1423;border-radius: 4px;margin: 0;}
.minigame-list .listwrap > div {padding:15px;}
.minigame-list .listwrap > div h1{display: flex;align-items: center;}
.minigame-list .listwrap > div h1 i {margin:0 5px;color:#0080ff}
.minigame-list ul.game_list {display:flex;align-items: center;justify-content: space-between; position:relative;text-align: center}
.minigame-list ul.game_list li {display:inline-block;border-radius:4px;width:49%;height: 90px;font-size: 15px;vertical-align: top;margin:auto;background-image: linear-gradient(180deg,#354562,#111e33);box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2), 0 1px 2px rgba(0,0,0,.05);}
.minigame-list ul.game_list li div.circle {display: inline-block;margin: 10px auto;width: 70px;height: 70px;background: #000;border-radius: 50%;}
.minigame-list ul.game_list li div.circle .home_nm {width: 100%;font-size: 14px;margin-top: 14px;}
.minigame-list ul.game_list li div.circle .home_odd {width: 100%;font-size: 14px;margin-top:8px;color:#fff;font-weight: 700;}
.minigame-list ul.game_list li div.circle .away_odd {width: 100%;font-size: 14px;margin-top:8px;color:#fff;font-weight: 700;}
.minigame-list ul.game_list li div.circle .away_nm {width: 100%;font-size: 14px;margin-top: 14px;}

.minigame-list ul.game_list li.odd {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);color:#0080ff;}
.minigame-list ul.game_list li.even {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);color:#f10000}
.minigame-list ul.game_list li.big {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);padding:0 !important;color:#0080ff;}
.minigame-list ul.game_list li.mid {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);color:#66ff00}
.minigame-list ul.game_list li.sm {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);color:#f10000;}

.minigame-list ul.game_list li:hover {filter: contrast(1.4);}
.minigame-list ul.game_list li.selected {filter: contrast(1.3);}

.minigame-list .nobet {position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.7); z-index:9;display: none;}
.minigame-list .nobet img {margin: 3% auto 3% auto;height: 100px;}
.minigame-list .nobet p {font-size: 18px;;}


/*** BET365 ****/
.bet3_jong {gap:1px;margin-top: 5px !important;}
.bet3_jong a {display:flex;align-items: center;justify-content: center;height:50px;color:#fff;background:#2c353c;font-size: 15px;font-weight: 700;}
.bet3_jong a:nth-child(1) {border-bottom: 5px solid #fff;}
.bet3_jong a:nth-child(2) {border-bottom: 5px solid #1e8567;}
.bet3_jong a:nth-child(3) {border-bottom: 5px solid #ffdd00;}
.bet3_jong a img {height:30px;margin-right: 5px;}
.minigame-list .chleague {display:flex;align-items: center;    border: 2px solid #222733;background: #191919;padding:5px 10px;}
.minigame-list .chleague a {color: #fff; line-height: 30px;padding:0 10px;}
.minigame-list .chleague a.active {border-bottom: 2px solid #5d4eb9;}
.game_list .time_limit {position: absolute;right:10px;top:-12px;padding:5px 20px;background:#5d4eb9;border-radius:3px;}


/*** 베팅내역 ****/
.gametype-button {margin:10px 0; }
.gametype-button a {display: inline-flex;align-items: center;justify-content: center;height:36px; background: #0d0d0d;color: #cccad5;border: solid 2px #bd9400;border-radius:36px;min-width:86px;padding:0 10px}
.gametype-button a.on {background: #ff9900;color:#000;font-weight: 700;}

.sports-list .game_list .betting_title {justify-content: space-around !important;}
.sports-list .game_list .betting_title li {background: #2d3c4d !important;width:100%;justify-content: center !important;    border: 0 !important;}
.sports-list .game_list .betting_title .gdate {width:70%;justify-content: center;}
.sports-list .game_list .betting_title .gresult,.sports-list .game_list .betting_title .gscore ,.sports-list .game_list .betting_title .gname,.sports-list .game_list .betting_title .godd {width:50%;justify-content: center !important;}
.sports-list .game_list .betting_title .gteam {width:230%}
.sports-list .game_list .betting_title .gleague {width:150%}
.sports-list .game_list .betting_content li {width: 100%;}
.sports-list .game_list .betting_content .gdate {width:70%;justify-content: center !important;}
.sports-list .game_list .betting_content .gresult,.sports-list .game_list .betting_content .gscore ,.sports-list .game_list .betting_content .gname,.sports-list .game_list .betting_content .godd {width:50%;justify-content: center !important;padding: 5px 0;}
.sports-list .game_list .betting_content .gteam {width:230%}
.sports-list .game_list .betting_content .gleague {width:150%;border-left:0 !important;border-right:0 !important}
.sports-list .game_list .betting_content .gtype,.sports-list .game_list .betting_content .godd,.sports-list .game_list .betting_content .gresult {border-left:0 !important;border-right:0 !important}

.betting-footer {display: flex;align-items: center;justify-content: space-between;    padding: 6px;background: #181f2d;margin-bottom: 10px;}



.bet_vendor {gap:4px;border-bottom:2px solid #5d4eb9;--bs-gutter-x: inherit !important;}
.bet_vendor a {display:flex;align-items: center;justify-content: center;height:40px;color:#fff;background:#37404f;font-size: 13px;font-weight: 700;}
.bet_vendor a.active {background: #171c22;color:#fff;border:2px solid #5d4eb9;border-bottom:0}
.btn__area {display:flex;align-items: center;justify-content: space-between;margin:5px 0 15px 0}
.btn__area > div a {    background: #2c343b;padding:8px 20px;border-radius: 3px;color:#fff}
.btn__area > div a.active {background: #5d4eb9;}
.btn__area > a.del {background:#e42e2e;padding:8px 20px;border-radius: 3px;color:#fff}

.sports-list .bet_detail {padding:5px;background: #252c36;    display: flex;align-items: center;justify-content: space-between;}
.sports-list .bet_detail span {display:inline-block;padding:6px 8px;}
.sports-list .bet_detail span.subt {margin-right:40px;background:#100f14;border:1px solid #000;color:#fff;border-radius:4px;padding:6px 18px;}
.sports-list .bet_detail span.mr0 {margin-right:0}
.sports-list .bet_detail a {display:inline-block;float:right;padding: 6px 12px;border-radius:4px;margin-right:5px;}
.sports-list .bet_detail a.board {background:#0069ae;color:#fff}
.sports-list .bet_detail a.del {background:#c10000;color:#fff }

.sports-list .league_info.bethistory li:nth-child(1) {width:40%;margin-right: 0;}
.sports-list .league_info.bethistory li:nth-child(2) {width:60%;margin-right: 0;justify-content: left !important;}


.swiper-wrapper {height: inherit;}
.swiper-wrapper img {width: 100%;}

/*** 카지노 ****/
.page-image {position: relative;}
.page-image img.intro{width: 100%;}
.page-image .text {position: absolute;left:20px;bottom:20px;    background: rgba(0,0,0,0.3);padding: 8px;border-radius: 8px;}
.page-image .text img.logo {height:60px;width: auto;}
.page-image .text .textsmall {font-size: 21px;font-weight: 700;color: #8bbdef;text-shadow: 0 1px 1px #000;margin-top:10px}

.casino_list {padding: 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap:10px}
.live-game-cont {width: 19.38%;cursor: pointer;position: relative;transition: 0.4s;}
.live-game-cont img {width:100%;z-index: 1;}
.live-game-cont img.live-play {position: absolute;height:100px;width:100px;left:30%;top:34%;z-index: 3;opacity: 0;transition: 0.4s;}
.live-game-cont .live-banner-blue2 {position: absolute;height:100%;width:100%;left:0%;top:0%;z-index: 2;opacity: 0;transition: 0.4s;background: rgb(0 0 0 / 60%);}
.live-game-cont:hover .live-play {opacity: 1;}
.live-game-cont:hover .live-banner-blue2 {opacity: 1;}



.slot-game-cont {width: 19.38%;cursor: pointer;}
.slot-game-cont img {width:100%;}


.slot-game-cont-orange2 {
	width: 20%;
	float: left;
	padding: 12px;
	cursor: pointer
}

.casino_title {display: flex;align-items: center;justify-content: space-between; margin:30px 0 10px 20px}
.casino_title .img_card img{height:64px}
.casino_title .title {margin-left:15px;text-align: left;}
.casino_title .title .large {font-size:20px;font-weight: 700; color:#5d4eb9;letter-spacing: 1.5px;}
.casino_title .title .small {font-size: 12px;letter-spacing: 1.5px;}
.casino_title a {margin-left:auto;margin-right:5%;background: linear-gradient(to bottom, #354562, #111e33);padding:10px 50px;font-size:16px;border-radius: 5px;color:#fff;letter-spacing: 1.5px;text-shadow: 0 1px 1px #000;}
.casino_title a:hover {filter: brightness(1.1);}

.casino_page { padding:6px 10px;}
.casino_page .slot_list {width:90%;text-align:center;margin:0 auto 10px auto;}
.casino_page .slot_list a {margin-bottom:13px;transition:0.4s;overflow: hidden;position: relative;}
.casino_page .slot_list a:before {content:"";width:94%;height:100%;position: absolute;transition: 0.3s;}
.casino_page .slot_list a i {position: absolute;width: 100%;left:0;bottom:-100px;transition: 0.3s;font-size:84px;color: #fff;}
.casino_page .slot_list a:hover i {bottom:100px;}
.casino_page .slot_list a:hover:before {background: rgb(0 0 0 / 45%);}


/*** 슬롯 ****/
.slot_page {padding:5px;}
.slot_page .game_choice {padding:20px 10px;}
.slot_page .game_choice .money_movebox {text-align: right;display: flex;align-items: center;}
.slot_page .game_choice .money_movebox a {margin-left:auto;margin-right:1%;background: linear-gradient(to bottom, #354562, #111e33);padding:10px 50px;font-size:16px;border-radius: 5px;color:#fff;letter-spacing: 1.5px;
        text-shadow: 0 1px 1px #000;}
.slot_page .game_choice .money_movebox input {background: #354562;height:36px;border:0;border-radius: 4px;padding:0 10px}
.slot_page .game_choice .slot_namebox {display: flex; flex-wrap: wrap;width:900px;gap:3px}
.slot_page .game_choice .slot_namebox a{color:#fff;background: #181a1c;text-align: center;padding: 10px 0;border-radius: 5px;min-width: 105px;}
.slot_page .game_choice .slot_namebox a.active {background: #5d4eb9;}
.slot_page .slot_sub_list {width:100%;text-align:center;margin:10px auto 10px auto;}
.slot_page .slot_sub_list a {margin-bottom:10px;position:relative;    transition: 0.3s;overflow: hidden;color:#fff}
.slot_page .slot_sub_list a:nth-child(6n) {margin-right:0}
.slot_page .slot_sub_list a div {background:#141414;padding:15px 5px;margin-top:-2px}
.slot_page .slot_sub_list a img {width:100%;border-radius: 4px;}
.slot_page .slot_sub_list a:hover {}
.slot_page .slot_sub_list a .overlay {width: 100%;height: 184px;position: absolute;left: 0;top: 0;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;opacity: 1;background-color: rgba(0, 0, 0, 0.6);
	padding-bottom: 15px;transform: translateY(-100%);}
.slot_page .slot_sub_list a:hover .overlay {animation: sbOverlayAnim 1.5s ease 1 forwards;}
.slot_page .slot_sub_list a .overlay button {color:#fff;width: 110px;height: 35px;border-radius: 5px;font-size: 14px;font-weight: 700;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);background: #f56406;}






/*** 게시판 ****/
.boardinput {background: #292f33;color: #f8eba1;padding: 18px;border-radius: 8px;margin-bottom: 10px;}
.boardinput input {width:100%;height:40px;border-radius: 3px;border:1px solid #333;text-align: left;padding:0 10px;color:#000;text-shadow: 0 0 black;}
.boardinput textarea {width:100%;min-height:250px;border-radius: 3px;border:1px solid #333;text-align: left;padding:10px;color:#000;text-shadow: 0 0 black;margin-top:10px}

.boardinput input::placeholder,.boardinput textarea::placeholder {color:#333;}

.list_area {margin-top:20px}
.list_area h4 {padding:10px;font-size: 20px;letter-spacing: 1.5px;text-shadow: 0 1px 1px #000;font-weight: 700;}

.noticedetail th:nth-child(1),.noticedetail td:nth-child(1) {width:10%}
.noticedetail th:nth-child(2),.noticedetail td:nth-child(2) {width:10%}
.noticedetail th:nth-child(3),.noticedetail td:nth-child(3) {width:80%}

.customerdetail th:nth-child(1),.customerdetail td:nth-child(1) {width:15%}
.customerdetail th:nth-child(2),.customerdetail td:nth-child(2) {width:55%}
.customerdetail th:nth-child(3),.customerdetail td:nth-child(3) {width:10%}
.customerdetail th:nth-child(4),.customerdetail td:nth-child(4) {width:10%}
.customerdetail th:nth-child(5),.customerdetail td:nth-child(5) {width:10%}

.customer_content {height: auto;}
.customer_content .replyarea {display: flex;align-items: center;justify-content: center;}
.customer_content .replyarea i {margin-right:5px}
.center_reply {background:#151922;padding:20px;margin:10px;border-radius: 5px;}

.wr_content {cursor:pointer}

/*** 이벤트 ****/
.evwrap {display: flex;justify-content: space-between;    height: 100%;gap: 5px;    overflow: auto;}
.evwrap #event_list {flex-wrap: wrap;width: 40%;gap:10px;display: block; padding: 10px;background: #21272d;border-radius: 5px;}
.evwrap #event_list .event_detail {width: 49%;position: relative;cursor: pointer;display: inline-block;}
.evwrap #event_list .event_detail img {width: 100%;}
.evwrap #event_list .event_detail .event-num {height: 30px;width:100%;display: flex;align-items: center;justify-content: center;background: repeating-linear-gradient(45deg, black, #1a2831 100px);color:#f2f2f2}
.evwrap #event_view {width: 60%;background: #111315;border-radius: 5px;padding: 10px;}
.evwrap #event_view img {width: 100%;border-radius: 0px;}

/*** 충전 ****/
.forColumn {display: grid;grid-template-columns: repeat(2,1fr);grid-template-rows: auto auto;grid-column-gap: 4px;grid-row-gap: 4px;}
.forColumn>.col.m1, .forColumn>.col.m2 {display: flex;flex-direction: column;}
.forColumn>.col.m3 {grid-area: 2/1/3/3;}
.content-sub-title {background: #3e464d;color: #fff;font-size: 16px;font-weight: 500;padding: 6px 0 6px 12px;border-radius: 4px 4px 0 0;display: flex;align-items: center;}
.rectBox {background: #2b3136;font-size: 14px;border-radius: 0 0 8px 8px;flex: 1;display: flex;}
.rectBox .payment_method {display: flex;flex-direction: column;flex: 1}
.rectBox table {border-collapse: collapse;width: 100%}
.rectBox td {text-align: left;padding: 8px;color: #fff}
.rectBox th {text-align: left;padding: 8px;color: #d8d8d8}
.rectBox th {font-weight: 700;text-align: center;width: 15%}
.rectBox.modInfo th {text-align: right;width: auto}
.rectBox tr.border td,.rectBox tr.border th {border: solid #000;border-width: 1px 0}
.rectBox input[type=number],.rectBox input[type=password],.rectBox input[type=text] {border-radius: 4px;border: solid 1px #868686;padding: 4px;color: red;width: 100%;font-size: 18px;font-weight: 600}
.rectBox button[type=button],.rectBox input[type=button] {color: #000;background: #9b9b9b;border: solid 0 #c8c8c8;padding: 5px 8px 5px 8px;cursor: pointer;border-radius: 3px;white-space: nowrap;margin-bottom: 8px;text-shadow: 0 0 black;font-size: 14px;}
.rectBox button[type=button]:hover,.rectBox input[type=button]:hover {background: #d7d7d7;color: #000}
.rectBox button[type=button].em,.rectBox input[type=button].em {color: #0e2a39;font-weight: 700;border: solid 1px #167aa3}
.payment_method .row {display: flex;border-bottom: solid .1rem hsl(207 11% 14% / 1);flex: 1;padding: 20px}
.payment_method .row .l1 {flex: 1 1 20%}
.payment_method .row .l2 {flex: 1 1 80%}
.payment_method .info-txt {padding: 0 0 18px 0;}
i.emp {color: #ffc543;font-weight: 700;}
button[type=button].btnMid, input[type=button].btnMid {padding: 10px 16px;font-size: 16px;cursor: pointer;vertical-align: middle;background: #0d0d0d;color: #cccad5;border: solid 2px #bd9400;border-radius: 40px;font-weight: 700;}
.input-cont {padding: 10px 0;}
.input-info {line-height: 18px;}
.rectBox input[type=text] {border-radius: 4px;border: solid 1px #868686;padding: 4px;color: red;width: 100%;font-size: 18px;font-weight: 600;}
.rectBox dl dd {padding: 8px 0 18px 0;color: #ababab;}
.rectBox .row {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}


/* 리스트  */
.list_history {border-spacing: 0;font-size: 13px;}
.list_history th { background: #292f33;color: #999;height:30px;text-align: center;    border-bottom: solid 0.05rem #202428;}
.list_history td { background: #2b3136;color: #ddd;height:30px;text-align: center;    border-bottom: solid 0.05rem #202428;}

.board_list {border-spacing: 0;font-size: 13px;}
.board_list th,.board_list li.th { background: #292e33;color: #999;height:40px;text-align: center;    border-bottom: solid 0.05rem #202428;}
.board_list th:first-child {border-radius: 5px 0 0 0;}
.board_list th:last-child {border-radius: 0px 5px 0 0;}
.board_list td,.board_list li.td { background: #2b3136;color: #ddd;height:40px;text-align: center;    border-bottom: solid 0.05rem #202428;    padding: 10px;}

.board_list tr:last-child td:first-child {border-radius: 0 0 0 5px;}
.board_list tr:last-child td:last-child {border-radius: 0 0 5px 0;}

.board_list ul {width: 100%; display: flex;align-items: center;flex-wrap: wrap;}
.board_list ul li {display: flex;align-items: center;justify-content: center;}
.board_list ul li:nth-child(1) {width: 15%;}
.board_list ul li:nth-child(2) {width: 55%;}
.board_list ul li:nth-child(3) {width: 10%;}
.board_list ul li:nth-child(4) {width: 10%;}
.board_list ul li:nth-child(5) {width: 10%;}
.board_list ul li.wd100 {width: 100%;}
.board_list ul.collapse {display: none;}
.board_list ul li.replyli {height: auto;}


@media screen and (max-width:980px) {
    .board_list ul li.td {min-height:52px;}
    .board_list ul li:nth-child(2) {width: 57%;}
    .board_list ul li:nth-child(3) {width: 15%;}
    .board_list ul li:nth-child(4) {width: 15%;}
    .board_list ul li:nth-child(5) {width: 13%;}
    .board_list ul li.cstt {height: auto;flex-wrap: wrap;    justify-content: left;}
    .board_list ul li.cstt p {color: #aaa;margin-top: 5px;font-size: 11px;}
    

}


/* 페이지넘버 */
.bbs_move_icon {margin:20px auto;}
.bbs_move_icon .el-pagination {display: flex;align-items: center;justify-content: center;gap:5px;}
.bbs_move_icon .el-pagination .el-pager {display: flex;align-items: center;justify-content: center;gap:5px;}
.bbs_move_icon .el-pagination .el-pager li,.bbs_move_icon .el-pagination button {background: #111;border:1px solid #333; color:#eee;border-radius: 2px;width:26px;height:26px;display: inline-flex;align-items: center;justify-content: center;box-shadow: none;font-size: 12px;}
.bbs_move_icon .el-pagination .el-pager li.active {background:#444}


/* 포인트 */
.pointbox {background: #2b3136;font-size: 14px;padding:10px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.pointbox .status span { font-weight: 700;color: #fbda9a;}
.pointbox .status input { border-radius: 4px;border: solid 1px #868686;padding: 4px;color:#000;width: 100%;font-size: 16px;font-weight: 600;display:flex;align-items: center;height: 34px; text-align: right;padding: 0 10px;}  
.pointbox .status input::placeholder {color: #666;}
.pointbox .status button {padding: 10px 16px;font-size: 16px;cursor: pointer;vertical-align: middle;background: #0d0d0d;color: #cccad5;border: solid 2px #bd9400;border-radius: 40px;font-weight: 700;display: block;    width: 100%;margin-top: 5px;}
.pointdetail th:nth-child(1),.pointdetail td:nth-child(1) {width:10%}
.pointdetail th:nth-child(2),.pointdetail td:nth-child(2) {width:20%}
.pointdetail th:nth-child(3),.pointdetail td:nth-child(3) {width:50%}
.pointdetail th:nth-child(4),.pointdetail td:nth-child(4) {width:10%}
.pointdetail th:nth-child(5),.pointdetail td:nth-child(5) {width:10%}


/* 메세지 */
.msgdetail th:nth-child(1),.msgdetail td:nth-child(1) {width:20%}
.msgdetail th:nth-child(2),.msgdetail td:nth-child(2) {width:60%}
.msgdetail th:nth-child(3),.msgdetail td:nth-child(3) {width:10%}
.msgdetail th:nth-child(4),.msgdetail td:nth-child(4) {width:10%}
.memotitle {cursor: pointer;}
.memocont {min-height: 150px;;}
.memocont > div {padding:10px;background: #37404f;line-height: 24px;;}

/* 쿠폰 */
.cpmenu {margin:15px auto;gap:10px;}
.cpmenu a {background:linear-gradient(180deg,#444 0,#383838 50%,#333 51%);border-radius: 4px;display: inline-flex;align-items: center;justify-content: center; height:40px;font-size: 16px;width:25%;}
.cpmenu a.on {background: linear-gradient(180deg,#ffe310 0,hsl(47 100% 61% / 1) 50%,#ffc800 51%);color:#000;text-shadow: 0 0 black;}
.couponwrap {flex-wrap: wrap;gap:10px;}
.coupon-box {position: relative;width:338px;height:151px;cursor:pointer;}
.coupon-box img {position: absolute;left:0;top:0;}
.coupon-box .md-text {position: absolute;left:13px;top:18px;text-align:center;font-size:14px;font-weight:700;color:#000;width: 216px;}
.coupon-box .coupon-title {position: absolute;left:13px;top:76px;text-align:center;font-size:24px;font-weight:700;color:#000;width: 216px;}
.coupon-box .coupon-expire {position: absolute;left:13px;top:33px;text-align:center;font-size:13px;font-weight:700;color:#000;width: 216px;}
.coupon-box .left-text {position: absolute;left:13px;top:48px;text-align:center;font-size:12px;font-weight:700;color:#000;width: 216px;}
.coupon-box .sm-text {position: absolute;left:13px;top:61px;text-align:center;font-size:12px;font-weight:700;color:#000;width: 216px;background:}

.coupon-box .purple1-button {position:absolute; right:22px;top:25px;width:60px;max-width: 100%;left: inherit;    background: #000;color: #fff;border-radius: 10px;height: 60px;}

.coupondetail th:nth-child(1),.coupondetail td:nth-child(1) {width:10%}
.coupondetail th:nth-child(2),.coupondetail td:nth-child(2) {width:20%}
.coupondetail th:nth-child(3),.coupondetail td:nth-child(3) {width:50%}
.coupondetail th:nth-child(4),.coupondetail td:nth-child(4) {width:10%}
.coupondetail th:nth-child(5),.coupondetail td:nth-child(5) {width:10%}


/*  출석부*/
.w_attendance .titleCont {display: flex;flex-direction: row;align-items: center;background: #292e33;color: #033940;font-size: 16px;padding: 6px 0 6px 12px;flex-wrap: wrap}
.w_attendance .titleCont .tmo {display: flex;margin-right: 10px}
.w_attendance .titleCont .title {color: #efeff9;padding: 0 10px 0 10px;font-weight: 700;display: flex;align-items: center}
.w_attendance .titleCont .att {height: 38px;width: 38px;margin: 0 5px 0 5px;cursor: pointer}
.w_attendance .titleCont .prev {background: url(../../images/att-prev.png) no-repeat center;background-size: 80%}
.w_attendance .titleCont .prev:hover {filter: brightness(130%)}
.w_attendance .titleCont .next {background: url(../../images/att-next.png) no-repeat center;background-size: 80%}
.w_attendance .titleCont .next:hover {filter: brightness(130%)}
.w_attendance .information {font-size: 14px;color: #ffce6d;line-height: 1.6;}
.calendartop {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background: #26282b;color: #9b9b9b;font-size: 12px;}
#date_list .wd14 {width: 14.28%;border-right: solid 1px hsl(216 6% 14% / 1);height:26px;display: inline-flex;align-items: center;justify-content: center;}
#date_list .wd14.day {height: 84px;background: #2b3136;border-bottom: solid 1px hsl(216 6% 14% / 1)}
#date_list .m-t-2 {display: flex;align-items: center;} 
.bg-attendance-blue2 {width: 100%;height: 100%;    position: relative;}
.bg-attendance-blue2 .text-blue2 {padding:5px;text-align: right;    position: absolute;right: 0;top: 0;}
.bg-attendance-blue2 .text-blue22 {text-align:center;position:relative;}
#date_list img {    height: 100%;}
@media screen and (max-width:980px) {
	#date_list img {    height: inherit;width:100%;position:relative;margin-top:20px;left:0;}

}

/* 페이지버튼*/
.pagination-wrap {text-align:center;margin:20px auto;}
.pagination-wrap .pagination{display:inline-block;font-size:0px}
.pagination-wrap .pagination ul li{display:inline-block;font-size:12px;width:40px}
.pagination-wrap .pagination ul li a{color:#fff;text-decoration:none;padding:8px 0px;transition:background-color .3s;border:1px solid rgba(255, 255, 255, 0.05);background-color:rgba(0,0,0,.20);width: 100%;}
.pagination-wrap .pagination .active a{color:#fff;text-decoration:none;padding:8px 16px;transition:background-color .3s;border:1px solid rgba(255,255,255,0.05);background-color:rgba(0,0,0,.50)}




/* 팝업 */
.popup {position:absolute;min-width:360px;width:510px;min-height:403px;z-index:9999;padding:0px;box-shadow:0 0 5px #38a8ff;border-radius:12px 12px 3px 3px;background: #0d213f;}
.popup .top {border-radius:12px 12px 0 0;height:50px;background:linear-gradient(180deg, #018dfa , #223b7b);    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);border-bottom: 1px solid #43a6f3;}
.popup .top h2 {display:inline-block;padding:5px 20px;background:rgba(0,0,0,0.3);border-radius: 8px;border:1px solid #43a6f3;margin-top:6px;    z-index: 1;position: relative;}
.popup .top h2 img {height:40px}
.popup .title {height:36px;line-height:36px;font-size: 18px;background: rgba(0,0,0,0.3);margin: 86px 20px 10px 20px;border-radius: 17px;}
.popup .content {text-align:left;padding:0px;font-size:14px;}
.popup .content img {width:100%}
.popup .close {height:36px;line-height:36px;text-align:right;}
.popup .close>a {margin-right:20px;margin-left:10px;background:#0069ae;color:#fff;height:24px;line-height:24px;padding:0 10px;border-radius:2px;}

@media screen and (max-width:980px) {
	.popup {background-size:100% 100%;width:100% !important;height:inherit !important;left:0 !important;top:0px !important;min-width:100% !important; }	
	.popup .title {height:36px;margin-top: 93px;}
	.popup .close {bottom:18px;}
}





/* 반응형 1080px까지, 그 밑으론 common_m.css */

@media screen and (max-width: 1860px) {
    #sidebarinner {display: none;}
}
@media screen and (min-width: 1920px) {
    #sidebar-hamburg-orange {display: none;}
}
@media screen and (max-width: 1860px) {
    #sidebar-hamburg-orange {display: block;}
}
@media screen and (max-width: 1440px) {
	.top_wrap .nav_wrap .navdiv {width:100%}
}
@media screen and (max-width: 1080px) {
	.right_content {display: none;}
	.container_wrap .contents {margin-right:0}
}

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

#sidebar-hamburg-orange {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-orange:hover .img-hamburg {
	content: url("/images/ico-sideMenu-on.png")
}
div#sidebar-hamburg-orange:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-blue {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-blue:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-blue:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-yellow {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-yellow:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-yellow:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-yellow1 {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-yellow1:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-yellow1:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-white {
	width:50px;
	background-color:#dedede!important;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-white:hover .img-hamburg {
	content:url(/image/Home/white/hamburg-on.png)
}
div#sidebar-hamburg-white:hover .img-sidebutton {
	content:url(/image/Home/white/side-button-on.png)
}
#sidebar-hamburg-white1 {
	width:50px;
	background-color:#dedede!important;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-white1:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-white1:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-red {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-red:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-red:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-gold {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-gold:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-gold:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
.fadeInRightBig {
	-webkit-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig
}
@keyframes example-orange {
	0% {
		background-color:rgba(252,98,0,.1)
	}
	50% {
		background-color:rgba(252,98,0,.2)
	}
	to {
		background-color:rgba(252,98,0,.3)
	}
}

@keyframes example-blue {
	0% {
		background-color:rgba(0,98,252,.1)
	}
	50% {
		background-color:rgba(0,98,252,.2)
	}
	to {
		background-color:rgba(0,98,252,.3)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity:0;
		transform:translateX(-300px)
	}
	to {
		opacity:1;
		transform:translateX(0)
	}
}
.fadeInLeftBig {
	-webkit-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig
}

@keyframes fadeInRightBig {
	0% {
		opacity:0;
		transform:translateX(300px)
	}
	to {
		opacity:1;
		transform:translateX(0)
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		transform:translateY(20px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@keyframes fadeInDownBig {
	0% {
		opacity:0;
		transform:translateY(-2000px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@keyframes fadeInUpBig {
	0% {
		opacity:0;
		transform:translateY(2000px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}


.collapse {display: none ;}