/** BETEAST THEME v0.1 **/ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); button{--border-radius:12px;--border-width:0.75px;background:0 0;border:0;cursor:pointer} /*main color var*/ :root { --main-color: #f20d0d; --subMain-color: #2664af; --main-logo: url(/r/theme/beteast/comm/beteast_logo.png) !important; --main-footer_logo: url(/r/front/img/comm/transparent.png); --main-loading_icon: url(/r/front/img/comm/transparent.png); --main-bg_logo: url(/r/front/img/comm/transparent.png); --main-font: "Noto Sans"; --sub-font: "Noto Sans"; --KR-font: "Noto Sans KR"; --primary-rgb: 226, 35, 38; --primary: #E22326; --primary-light: #fc8a6f; --primary-dark: #b51c1e; --primary-blue: #5999FF; --primary-blue-rgb: 21, 152, 239; --primary-yellow: #FFC839; --secondary-rgb: 0, 102, 255; --secondary: #0066ff; --secondary-light: #4c94ff; --secondary-dark: #003d99; --screen-primary: #090c1b; --screen-secondary: #222432; --screen-tertiary: #171C2C; --content-900: #141c24; --content-800: #202b37; --content-700: #344051; --content-600: #414e62; --content-500: #637083; --content-400: #97a1af; --content-300: #ced2da; --content-200: #e4e7ec; --content-100: #f2f4f7; --content-50: #f9fafb; --white:#fff; --border-primary-rgb: 52, 64, 81; --border-primary: #344051; --border-secondary-rgb: 32, 43, 55; --border-secondary: #202b37; --border-yellow-rgb: 255,200,57; --border-yellow: #FFC839; --bg-gradient-primary: linear-gradient(180deg, #2cb4ff 2.6%, #019aef 10.42%, #3f8fed 45.98%, #2070ce 95.54%); --bg-secondary-rgb: rgba(2, 116, 220, 0.20); --bg-input: #0a0c1a; --text-primary:#fff; --text-secondary:#97a1af; --success-primary: #27F89E; --error-primary: #e22326; --primary-bg: rgb(9, 12, 27); --secondary-bg: rgba(2, 116, 220, 0.20); --primary-text: #FFFFFF; --secondary-text: #97A1AF; --tertiary-text: #D6D6D6; --quarternary-text:#20ADFF; --border-radius:12px; --pattern-bg: url('/r/theme/beteast_v2/comm/bgPattern.png') 300% / contain repeat; } /* icon fonts */ @font-face { font-family: 'beicon'; src: url('/r/front/font/beicon/beicon.eot?npnksz'); src: url('/r/front/font/beicon/beicon.eot?npnksz#iefix') format('embedded-opentype'), url('/r/front/font/beicon/beicon.ttf?npnksz') format('truetype'), url('/r/front/font/beicon/beicon.woff?npnksz') format('woff'), url('/r/front/font/beicon/beicon.svg?npnksz#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] {font-family:'beicon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .icon-bars:before{content: "\e900";} .icon-bell:before{content: "\e901";} .icon-bolt:before{content: "\e902";} .icon-chat:before{content: "\e903";} .icon-chevron-bottom:before{content: "\e904";} .icon-chevron-left:before{content: "\e905";} .icon-chevron-right:before{content: "\e906";} .icon-chevron-top:before{content: "\e907";} .icon-close:before{content: "\e908";} .icon-deposit:before{content: "\e909";} .icon-earth:before{content: "\e90a";} .icon-faq:before{content: "\e90b";} .icon-help-rect-solid:before{content: "\e90c";} .icon-history:before{content: "\e90d";} .icon-inbox:before{content: "\e90e";} .icon-information:before{content: "\e90f";} .icon-intersect:before{content: "\e910";} .icon-lock:before{content: "\e911";} .icon-logout:before{content: "\e912";} .icon-minus-circle-solid:before{content: "\e913";} .icon-minus:before{content: "\e914";} .icon-mouse:before{content: "\e915";} .icon-multi-circle-chat:before{content: "\e916";} .icon-multichat:before{content: "\e917";} .icon-person-circle-solid:before{content: "\e918";} .icon-person:before{content: "\e919";} .icon-phone:before{content: "\e91a";} .icon-play:before{content: "\e91b";} .icon-plus-circle-solid:before{content: "\e91c";} .icon-plus:before{content: "\e91d";} .icon-plus18:before{content: "\e91e";} .icon-privacy:before{content: "\e91f";} .icon-rotate-left:before{content: "\e920";} .icon-star-fill:before{content: "\e921";} .icon-star:before{content: "\e922";} .icon-transaction:before{content: "\e923";} .icon-wallet:before{content: "\e924";} .icon-withdraw:before{content: "\e925";} ::-webkit-scrollbar {width: 9px; } ::-webkit-scrollbar-track {background: #141414; } ::-webkit-scrollbar-thumb {background: #707070; border:2px solid #090c1b; border-radius:10px; } /*COMMON CSS*/ body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select,pre{margin:0;padding:0;font-family:var(--main-font),var(--sub-font),var(--KR-font),"Malgun Gothic","Malgun Gothic","맑은 고딕","Hiragino Sans GB","Microsoft Yahei","돋움",Dotum,"굴림",Gulim,"Apple Gothic","Apple SD Gothic Neo",Sans-serif;color:#97a1af;font-size:13.5px;letter-spacing:-.2px;font-weight:400;line-height:normal} body{background:#090c1b;} .table, .table table{ width: 100% } .table th, .table td{ border: 1px solid #444; } .G005004{background: url(/r/theme/beteast_v2/comm/label_best.png) 0 0 no-repeat;width:50px;height:28px;background-size:contain;position:absolute;top:4px;left:4px;font-size:0px;text-indent:-999px; opacity: .9;} .G005002{background: url(/r/theme/beteast_v2/comm/label_hot.png) 0 0 no-repeat;width:50px;height:28px;background-size:contain;position:absolute;top:4px;left:4px;font-size:0px;text-indent:-999px;opacity: .9;} .G005003{background: url(/r/theme/beteast_v2/comm/label_new.png) 0 0 no-repeat;width:50px;height:28px;background-size:contain;position:absolute;top:4px;left:4px;font-size:0px;text-indent:-999px;opacity: .9;} .red {color: red;} .blue {color: #019AEF;} .white {color: #fff;} .fw-700 {font-weight: 700;} .bg-black {background: #090C1B !important;} /*::selection {background:var(--main-color); color:#4e0000; }*/ .w1280r{width:100%;max-width:1320px;margin:0 auto; padding:0 60px; box-sizing: border-box; position:relative;} .btn_input{display:flex;height:38px;padding:7px 12px;justify-content:center;align-items:center;border-radius:12px;border:1px solid #5a6483;background:#2a324b} .btn_input span.text{color:#fff;font-family:"Noto Sans";font-size:14px;font-style:normal;font-weight:700;line-height:normal} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px var(--screen-tertiary) inset !important; -webkit-text-fill-color: #fff !important; border:1px solid #fff; } .full-width {width: 100%} /*Common CSS end*/ /*HEADER*/ /*LOGO*/ .wrapper #theme_logo{min-height:72px; flex-basis:20%; position:relative; width:100%;} .theme_logo_img{width:116px;margin:0;height:72px;cursor:pointer;background:var(--main-logo)50% no-repeat; display: block; background-size: 100%;} .wrapper{min-width:1160px;width:100%;background:#090c1b} .header.fix_top{position:fixed!important;top:0!important;z-index:999;left:0;right:0;width:100%} /* LOADING */ .loading-overlay{position:fixed; width:100%; height:100%; background:#000; z-index: 1009; top: 0; left: 0; display: flex; justify-content: center; align-items: center;} .main-loading{background-image:var(--main-loading_icon);width:150px; height:150px;background-repeat:no-repeat; background-size:contain;} /*ERROR / INFO / INSPECTION*/ .container.info{display:flex;align-items:center;justify-content:center;height:100vh;background:#222;color:#fff;margin:0;} .logo{background:var(--main-logo) no-repeat center; width:200px; height:56px;background-size:contain;margin:auto;} .logo img{display:block;margin:auto;width:172px;} .info-title{text-align:center;font-weight:bold;} .info-title h2{font-weight:normal;margin:40px 0 20px;font-size:50px;line-height: 60px;} .info-title .white{color:#fff;} .info-msg > *{text-align:center;color:#aaa;font-size:18px;line-height:1.5;} .chrome_dl { margin: 40px 0; } .chrome_dl img { margin: 0 auto;display: block; } .error-btn button{display:block;margin:auto;cursor:pointer;color:#fff;border:none;padding:13px 30px;font-size:16px;margin-top:46px;transition:.3s all ease;background:var(--main-color);} .error-btn button:hover,.error-btn button:focus{background:#333;} .error-box{border:1px solid #777;text-align:center;} .error-box h2{font-size:24px;padding:10px;} .caution_title {color: var(--main-color);text-align: center;font-size: 45px;font-weight: bold;} .caution_img {text-align: center;margin-top: 150px;} .caution_content {text-align: center;margin-top: 150px;color: #fff;} .caution_time { text-align: center; color: #fff;font-size: 18px;font-weight: bold;} /*SELECT*/ select{background:transparent;color:#fff; padding:5px 10px;width:100%;height:100%; border-color:#344051; border-radius:12px;} select:focus-visible{outline:none;} /*LOGIN (HEADER)*/ .header_wallet{display:flex;align-items: center;height:100%;} .header_wallet p{display:flex;align-items: center;background:linear-gradient(180deg, #616A88 2.6%, #4D587A 10.42%, #3D455F 45.98%, #272D42 95.54%), #202B37; border:2px solid #344051;border-right:none; box-sizing: border-box;height:100%; padding:0 20px 0 10px; color:#fff; font-weight:bold; border-radius:8px 0 0 8px;} .header_wallet_deposit{display:flex;justify-content: center; align-items: center; height:100%;color:#fff;background:linear-gradient(180deg,#2cb4ff 2.6%,#019aef 10.42%,#3f8fed 45.98%,#2070ce 95.54%); border-radius:0 8px 8px 0;padding: 0 10px;font-size: 25px;line-height: 22px;} .wrapper .header .inner .header_wrap{justify-content:space-between;display:flex;width:100%;margin:0 auto;min-height:56px;min-width:1180px;position: relative;z-index:3;} .wrapper .header .inner #theme_login{flex-basis:30%;display:flex;align-items: center;justify-content: end; z-index:1002;} .wrapper .header .inner .quick_menu_wrapper{margin:0 ; } .wrapper .header .inner .mem_menu{/* float:initial;position:absolute;top:20px; right:110px; */display:flex;align-items: center;flex-basis: 30%;z-index: 1000;} .wrapper .header .inner .mem_menu:nth-child(8){display:none;} .wrapper .header .inner .mem_menu.login:nth-child(8){display:block;} /* .wrapper .header .inner .mem_menu.login{position:relative; width:180px; height:32px;border:1px solid var(--main-color);box-sizing:border-box;text-align:center;color:var(--main-color);border-radius:3px;} */ .wrapper .header .inner .mem_menu li{position:relative;display:inline-block;padding:0 15px 0 15px;margin:0px;} .wrapper .header .inner .mem_menu li:before { content: ""; position: absolute; top: 7px; right: -3px; width: 3px; height: 3px; border-radius: 50%; background: var(--main-color);} .wrapper .header .inner .mem_menu.login li{padding:0 5px 0 15px;} .wrapper .header .inner .mem_menu li:first-child{border:0px;padding:0 15px 0 50px;} .wrapper .header .inner .mem_menu li:last-child:before{display:none;} .wrapper .header .inner .mem_menu li a{display:flex;gap:5px;width:auto;height:auto;font-size:14px;line-height:14px;box-sizing:border-box;text-align:center;border-radius:0px;color:#aaa;border-right:1px solid #ccc;align-items: center;padding:0 10px 0 0;} .wrapper .header .inner .mem_menu li a:hover{background:none;color:var(--main-color);} .wrapper .header .inner .mem_menu li a:last-child{border:none;padding:0;} .wrapper .header .inner .mem_menu li.bt_notice a{display:none;} .wrapper .header .inner .mem_menu li.bt_notice:before{display:none;} .wrapper .header .inner .mem_menu_login li.bt_notice a{display:none;} .wrapper .header .inner .mem_menu_login li.bt_notice:before{display:none;} .wrapper .header .inner .mem_menu li a p{color:#fff;line-height:14px;} .wrapper .header .inner .mem_menu_login{/* position:absolute;top:-25px; right:0; */flex-basis:30%;display:flex;align-items: center;z-index:1;} .wrapper .header .inner .mem_menu_login li{position:relative;display:inline-block;padding:0 15px 0 15px;margin:0px;} .wrapper .header .inner .mem_menu_login li:first-child{border:0px;padding:0 15px 0 50px;} /* .wrapper .header .inner .mem_menu_login li:last-child{padding:0 0 0 15px;} */ .wrapper .header .inner .mem_menu_login li:before { content: ""; position: absolute; top: 7px; right: -3px; width: 3px; height: 3px; border-radius: 50%; background: var(--main-color);} .wrapper .header .inner .mem_menu_login li:last-child:before{display:none;} .wrapper .header .inner .mem_menu_login li a{display:block;width:auto;height:auto;font-size:14px;line-height:1.2;box-sizing:border-box;text-align:center;border-radius:0px;color:#999;border:none; white-space: nowrap;} .wrapper .header .inner .mem_menu_login li a:hover{background:none;color:var(--main-color);} .wrapper .header .inner .mem_menu_login li a.bt_login{background:none;} .wrapper .header .inner .mem_menu_login li a.bt_login:hover{border:0px;} .wrapper .header .inner .mem_menu_login li a.bt_join{background:none;} .wrapper .header .inner .mem_menu_login li a.bt_join:hover{border:0px;} .wrapper .header .inner .select_lang_flag ul{z-index:1011;} .wrapper .header .inner .select_lang_flag ul li:first-child{padding:3px 8px;} .wrapper .header .inner .select_lang_flag ul li:before{display:none;} .wrapper_login .select_lang_flag{display:none;} .wrapper .header .inner .quick_menu_wrapper.non_login li a{width:auto; padding:0 10px;text-indent: inherit;font-size:16px; height:40px;} .wrapper .header .inner .quick_menu{text-align:left;display:flex;justify-content: end;gap: 8px;} .wrapper .header .inner .quick_menu > li{position:relative;display:inline-block;} .wrapper .header .inner .quick_menu > li:first-child{margin-left:0px;} .wrapper .header .inner .quick_menu > li > a{display:block;width:40px;height:40px;line-height:38px;font-size:0;box-sizing:border-box;text-align:center;color:#999;} .wrapper .header .inner .quick_menu > li:hover > a{background:#555;color:#fff;} .wrapper .header .inner .quick_menu > li > a.bt_login{border:2px solid #344051; background:#202b37; box-sizing:border-box;color:#fff;font-weight:bold;border-radius:12px; padding:0 16px; cursor:pointer;} .wrapper .header .inner .quick_menu > li:hover > a.bt_login{border-color:var(--main-color);color:var(--main-color);background:transparent;} .wrapper .header .inner .quick_menu > li > a.bt_join{border:1px solid #e14f2c; background:linear-gradient(180deg,#ffa692 2.6%,#fe7657 10.42%,#ff1d00 45.98%,#cb2718 95.54%); box-sizing:border-box;color:#fff;font-weight:bold;border-radius:12px; box-shadow:0 4px 0 0 #9e1c0f;} .wrapper .header .inner .quick_menu > li:hover > a.bt_join{box-shadow:0 6px 0 0 #9e1c0f; transform:translate(0, -2px);} .wrapper .header .inner .quick_menu > li > a.bt_deposit{width:85px; line-height:40px; background:var(--main-color); text-indent:0; font-size:14px;font-weight:bold;color:#000;border-radius:4px; } /* .wrapper .header .inner .quick_menu > li > a.bt_deposit span{background: url(/r/theme/center_logo/img/pc/vip_btm_deposit_black.png)0 50% no-repeat; background-size:20px;font-size:14px;color:#000;padding:3px 0 3px 25px;} */ .wrapper .header .inner .quick_menu > li > a.bt_deposit:hover{background:#fcb826;} .wrapper .header .inner .quick_menu > li > a.bt_withdraw{width:85px; line-height:40px; background:#acacac; text-indent:0; font-size:14px;color:#000;border-radius:4px; margin-right:10px;} .wrapper .header .inner .quick_menu > li > a.bt_withdraw span{background: url(/r/theme/center_logo/img/pc/vip_btm_withdrawl_black.png)0 50% no-repeat; background-size:20px;font-size:14px;color:#000;padding:3px 0 3px 25px;} .wrapper .header .inner .quick_menu > li > a.bt_withdraw:hover{background:#fff;} .wrapper .header .inner .quick_menu li:hover a.bt_mypage{background:var(--main-color);color:#000;} .wrapper .header .inner .quick_menu li .count_alarm{position:absolute;top:-5px;right:-2px;width:25px;height:25px;background:#ff0000;border-radius:50%;color:#fff;text-align:center;line-height:25px;font-size:11px;} .wrapper .header .inner .quick_menu li .layer_list{display:none!important;position:absolute;right:0px;top:48px;background:#d5d3d3;z-index:1002;} .wrapper .header .inner .quick_menu li:hover .layer_list{display:block;} .wrapper .header .inner .quick_menu li .layer_list ul{width:100%;} .wrapper .header .inner .quick_menu li .layer_list ul li{width:214px;height:46px;border-bottom:1px solid #444;background:#d5d3d3 url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat;} .wrapper .header .inner .quick_menu li .layer_list ul li:hover{background:#ebebeb url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat;} .wrapper .header .inner .quick_menu li .layer_list ul li:last-child{border-bottom:0px;} .wrapper .header .inner .quick_menu li .layer_list ul li a{width:100%;height:100%;} .wrapper .header .inner .quick_menu li .layer_list ul li a span{float:left;width:45px;height:46px;line-height:46px;text-align:center;font-size:11px;color:#222;} .wrapper .header .inner .quick_menu li .layer_list ul li a p{float:left;width:160px;height:46px;line-height:46px;font-size:14px;color:#222;font-weight:bold;} .wrapper .header .inner .quick_menu li .layer_list ul li a .count{position:absolute;top:13px;right:40px;font-size:14px;color:#222;} .wrapper .header .inner .quick_menu li .btn-dimensional{transform:translateY(4px);white-space: nowrap;} /* Top Games */ .wrapper .list_wrap_comm .list_comm_sl .sl.top_games{gap:30px;} .wrapper .list_wrap_comm .list_comm_sl .sl.top_games li{width:auto;} .wrapper .list_wrap_comm .list_comm_sl .sl li{width:auto;} .wrapper .list_wrap_comm .list_comm_sl .sl li .list-box{width:180px;} /*login page*/ .wrapper_login #theme_logo{position:fixed;width:100%; padding:0 15px; box-sizing: border-box;} @media only screen and (max-width: 1180px) { .wrapper_login #theme_logo{position:relative;width:auto;} } .wrapper_login .header .inner h1 a{height:70px;} .wrapper_login.header .inner .mem_menu{float:initial;position:absolute;top:20px;right:110px;} .wrapper_login .header .inner .mem_menu{float:right;position:relative;margin:25px 100px 0 0; z-index:1;} .wrapper_login .wrapper_login .header .inner .mem_menu li a.bt_login{background:var(--main-color);color:#222;} .wrapper_login .wrapper_login .header .inner .mem_menu li a.bt_login:hover{border:1px solid var(--main-color);background:#222;color:var(--main-color);} .wrapper_login .header .inner .mem_menu.login{margin-right:0;position:absolute;top:49px;right:300px;width:160px;height:32px;border:1px solid var(--main-color);box-sizing:border-box;background:transparent;text-align:center;color:var(--main-color);border-radius:3px;} .wrapper_login .header .inner .mem_menu li{float:left;margin-left:8px;} .wrapper_login .header .inner .mem_menu li a{display:block;width:104px;height:32px;font-size:16px;line-height:30px;box-sizing:border-box;text-align:center;border-radius:25px;} .wrapper_login .header .inner .mem_menu li a.bt_login{background:var(--main-color);color:#222;} .wrapper_login .header .inner .mem_menu li a.bt_login:hover{border:1px solid var(--main-color);background:#222;color:var(--main-color);} .wrapper_login .header .inner .mem_menu li a.bt_join{background:#222;color:#fff;border:1px solid #fff;} .wrapper_login .header .inner .mem_menu li a.bt_join:hover{background:#fff;color:#222;} .wrapper_login .header .inner .quick_menu{display:none;} .wrapper_login .header .inner .quick_menu > li > a.bt_attendance{background:none; display:none;} .wrapper_login .header .inner .quick_menu > li > a.bt_leaderboard{background:none; display:none;} .wrapper_login .header .inner .quick_menu > li > a.bt_league{background:none; display:none;} .wrapper .header .inner .mem_menu li a.bt_login{background:none;border:1px solid var(--main-color);border-radius:3px;box-sizing:border-box;color:var(--main-color);display:block;font-size:13px;height:32px;line-height:30px;margin-left:7px;text-align:center;text-indent:0;width:84px} .wrapper .header .inner .mem_menu li a.bt_join{background:none;border:1px solid var(--main-color);border-radius:3px;box-sizing:border-box;color:var(--main-color);display:block;font-size:13px;height:32px;line-height:30px;margin-left:7px;text-align:center;text-indent:0;width:84px} .wrapper .header .inner .mem_menu li:hover a.bt_login{background:var(--main-color);color:#000;} .wrapper .header .inner .mem_menu li:hover a.bt_join{background:var(--main-color);color:#000;} .header .inner #theme_login .mem_menu{} .header .inner #theme_login .mem_menu.login{flex-basis:auto;display:flex;flex-wrap:wrap; align-items: center;margin:0 10px 0 0 ;} .header .inner #theme_login .mem_menu.login li:before{display:none;} .header .inner #theme_login .mem_menu li{float:left;margin-left:8px} /* .header .inner #theme_login .mem_menu li a{display:block;width:104px;height:32px;font-size:16px;line-height:32px;box-sizing:border-box;text-align:center;border-radius:25px} */ .header .inner #theme_login .mem_menu li a.bt_login{background:var(--subMain-color);color:#222} .header .inner #theme_login .mem_menu li a.bt_login:hover{border:1px solid var(--subMain-color);background:#222;color:var(--subMain-color)} .header .inner #theme_login .mem_menu li a.bt_join{background:transparent;color:#999;border:1px solid #555} .header .inner #theme_login .mem_menu li a.bt_join:hover{background:#555;color:#fff} .header .inner #theme_login .mem_menu li.user_info{text-align:right} .header .inner #theme_login .mem_menu li.user_info .user{font-size:13px;color:#fff;margin-bottom:2px;line-height:20px} .header .inner #theme_login .mem_menu li.user_info .money{font-size:16px;color:var(--main-color);margin-top:2px} .header .inner #theme_login .quick_menu{} .header .inner #theme_login .quick_menu li{position:relative;} .header .inner #theme_login .quick_menu li:first-child{margin-left:0} .header .inner #theme_login .quick_menu li a.bt_money{background:url(/r/theme/center_logo/img/pc/top_icon1.png) 50% 50% no-repeat;background-color:var(--subMain-color);border-radius:4px} .header .inner #theme_login .quick_menu li:hover a.bt_money{background-color:#b3b3b3;border-radius:4px } .header .inner #theme_login .quick_menu li a.bt_alarm{ background: linear-gradient(180deg, #616a88 2.6%, #4d587a 10.42%, #3d455f 45.98%, #272d42 95.54%);border: 1px solid rgb(52, 64, 81);border-radius:50%;} .header .inner #theme_login .quick_menu li a.bt_alarm .icon{background-color:#fff;mask-image:url(/r/theme/beteast/mypage/mail.png);mask-repeat: no-repeat; mask-position: 50%; mask-size:20px;width: 40px; height: 100%;display: block; margin:0 auto;} .header .inner #theme_login .quick_menu li.lang_selection:after{position:absolute;content:"";z-index:-1;background:#202b37;border:2px solid #344051;border-radius:50%; width:40px; height:40px; top:0; left:0; box-sizing: border-box;} .header .inner #theme_login .quick_menu li:hover a.bt_alarm{ } .header .inner #theme_login .quick_menu li a.bt_mypage{ background: linear-gradient(180deg, #616a88 2.6%, #4d587a 10.42%, #3d455f 45.98%, #272d42 95.54%);border: 1px solid rgb(52, 64, 81); border-radius:50%;} .header .inner #theme_login .quick_menu li a.bt_mypage .icon{background-color:#fff;mask-image:url(/r/theme/center_logo/img/pc/top_icon3.png);mask-repeat: no-repeat; mask-position: 50%; mask-size:16px;width: 40px; height: 100%;display: block; margin:0 auto;} .header .inner #theme_login .quick_menu li a.bt_mypage p{color:#fff;font-weight:bold;} .header .inner #theme_login .quick_menu li:hover a.bt_mypage{background-color:transparent; } .header .inner #theme_login .quick_menu li .count_alarm{position:absolute;top:-5px;right:0;width:15px;height:15px;background:red;border-radius:50%;color:#fff;text-align:center;line-height:15px;font-size:11px} .header .inner #theme_login .quick_menu li:hover .layer_list{display:block} .wrapper .header .inner #theme_login .mem_menu > li.user_info{text-align:right;position:relative;width:100%;box-sizing:border-box;display:flex;gap:10px; justify-content: end; padding:0; white-space: nowrap;} /*.wrapper .header .inner #theme_login .mem_menu > li.user_info:after{content:"보유금";position:absolute;top:-1px;left:-1px;width:60px;height:32px;background:var(--main-color);color:#000;text-align:center;line-height:30px;border-radius:3px}*/ .wrapper .header .inner #theme_login .mem_menu > li.user_info .user{display:block;font-size:13px;margin-bottom:0;line-height:20px;color:var(--subMain-color);font-weight:700;} .wrapper .header .inner #theme_login .mem_menu > li.user_info .user img{width:20px;height:20px;} .wrapper .header .inner #theme_login .mem_menu > li.user_info .money{font-size:13px;color:#fff;margin-top:0;line-height:20px;font-weight:700;display:block;width:auto} .wrapper .header .inner #theme_login .mem_menu > li.user_info p{} .wrapper .header .inner #theme_login .mem_menu > li.user_info .level_name{color:#fff;} .wrapper .header .inner #theme_login .mem_menu > li.user_info_cp{text-align:right;position:relative;padding:0;width:100%;box-sizing:border-box;display:flex;gap:10px; justify-content: end;white-space: nowrap;} /* .wrapper .header .inner #theme_login .mem_menu{float:initial;position:absolute;top:35px} .wrapper .header .inner #theme_login .mem_menu:nth-child(8){display:none} .wrapper .header .inner #theme_login .mem_menu.login:nth-child(8){display:block} .wrapper .header .inner #theme_login .mem_menu.login{margin-right:0;position:absolute;top:20px;right:200px;width:auto;height:32px;box-sizing:border-box;text-align:center} .wrapper .header .inner #theme_login .mem_menu li{float:left;padding:0 15px;margin:0;position:relative} .wrapper .header .inner #theme_login .mem_menu li:after{content:"";display:none;width:4px;height:4px;border-radius:50%;position:absolute;top:4px;right:-2px;background-color:var(--main-color)} .wrapper .header .inner #theme_login .mem_menu li:last-child:after{display:none} .wrapper .header .inner #theme_login .mem_menu.login > li{padding:0 5px} .wrapper .header .inner #theme_login .mem_menu li:first-child{border:0} .wrapper .header .inner #theme_login .mem_menu li a{display:block;width:auto;height:auto;font-size:12px;line-height:1.2;box-sizing:border-box;text-align:center;border-radius:0;color:#999;border:none} .wrapper .header .inner #theme_login .mem_menu li a:hover{background:none;color:var(--main-color)} .wrapper .header .inner #theme_login .mem_menu li a.bt_login{display:block;width:104px;height:32px;font-size:16px;line-height:28px;box-sizing:border-box;text-align:center;border-radius:25px;color:#222;border:1px solid var(--subMain-color)} .wrapper .header .inner #theme_login .mem_menu li a.bt_login:after{display:none} .wrapper .header .inner #theme_login .mem_menu li a.bt_login:hover{border:1px solid var(--subMain-color);color:var(--subMain-color)} .wrapper .header .inner #theme_login .mem_menu li a.bt_join{display:block;width:104px;height:32px;font-size:16px;line-height:28px;box-sizing:border-box;text-align:center;border-radius:25px;background:transparent;border:1px solid #555;color:#999} .wrapper .header .inner #theme_login .mem_menu li a.bt_join:hover{border:1px solid #555;color:#fff;background:#555} .wrapper .header .inner #theme_login .mem_menu_login{position:absolute;top:35px;left:50px} .wrapper .header .inner #theme_login .mem_menu_login > li{float:left;padding:0 15px;margin:0;position:relative} .wrapper .header .inner #theme_login .mem_menu_login > li:before{content:"";position:absolute;top:7px;left:-3px;width:3px;height:3px;border-radius:50%;background:var(--main-color)} .wrapper .header .inner #theme_login .mem_menu_login > li:first-child:before{display:none} .wrapper .header .inner #theme_login .mem_menu_login > li:first-child{border:0} .wrapper .header .inner #theme_login .mem_menu_login > li > a{display:block;width:auto;height:auto;font-size:14px;line-height:1.2;box-sizing:border-box;text-align:center;border-radius:0;color:#999;border:none} .wrapper .header .inner #theme_login .mem_menu_login > li > a:hover{background:none;color:var(--main-color)} .wrapper .header .inner #theme_login .mem_menu_login > li > a.bt_login{background:none} .wrapper .header .inner #theme_login .mem_menu_login > li > a.bt_login:hover{border:0} .wrapper .header .inner #theme_login .mem_menu_login > li > a.bt_join{background:none} .wrapper .header .inner #theme_login .mem_menu_login > li > a.bt_login:hover{border:0} */ .wrapper .header .inner #theme_login .quick_menu li .layer_list ul{width:100%} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li{width:214px;height:46px;border-bottom:none;background:#d5d3d3 url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li:nth-child(odd){background:#b3b3b3 url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li:nth-child(even){background:#bebebe url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li:hover{background:#fff url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li:hover > a > p{color:#222} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li:last-child{border-bottom:0} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li > a{width:100%;height:100%} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li > a > span{float:left;width:45px;height:46px;line-height:46px;text-align:center;font-size:11px;color:#222;background:none} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li > a > p{float:left;width:160px;height:46px;line-height:46px;font-size:14px;color:#222;font-family:NotoSansKRBold} .wrapper .header .inner #theme_login .quick_menu li .layer_list ul li > a .count{position:absolute;top:13px;right:40px;font-size:14px;color:#222} @media screen and (max-width:1148px) { .wrapper .header .inner #theme_login .quick_menu{right:60px!important} .wrapper .header .inner #theme_login .mem_menu.login{right:225px!important} } .wrapper_login .header > .inner > #theme_login > h1 a{display:block;width:200px;height:40px} .wrapper_login .header .inner #theme_login .mem_menu li a.bt_login{background:var(--main-color);color:#000} .wrapper_login .header .inner #theme_login .mem_menu li a.bt_login:hover{border:1px solid var(--main-color);background:#222;color:var(--main-color)} .wrapper .header .inner .quick_menu_sub{float:initial;margin-top:0;position:absolute;top:73px;right:43px} .wrapper .header .inner .quick_menu_sub > li{position:relative;float:left} .wrapper .header .inner .quick_menu_sub > li:first-child{margin-left:0} .wrapper .header .inner .quick_menu_sub > li > a{display:block;width:84px;height:32px;line-height:30px;margin-left:7px;font-size:13px;text-indent:0;border:1px solid var(--main-color);box-sizing:border-box;background:#000;text-align:center;color:var(--main-color);border-radius:3px} .wrapper .header .inner .quick_menu_sub > li > a.bt_money{background:none} .wrapper .header .inner .quick_menu_sub > li:hover > a.bt_money{background:var(--main-color);color:#000} .wrapper .header .inner .quick_menu_sub > li > a.bt_alarm{background:none} .wrapper .header .inner .quick_menu_sub > li:hover > a.bt_alarm{background:var(--main-color);color:#000} .wrapper .header .inner .quick_menu_sub > li > a.bt_attendance{background:none;display:none} .wrapper .header .inner .quick_menu_sub > li:hover > a.bt_attendance{background:var(--main-color);color:#000} .wrapper .header .inner .quick_menu_sub > li > a.bt_leaderboard{background:none;display:none} .wrapper .header .inner .quick_menu_sub > li:hover > a.bt_leaderboard{background:var(--main-color);color:#000} .wrapper .header .inner .quick_menu_sub > li > a.bt_league{background:none;display:none} .wrapper .header .inner .quick_menu_sub > li:hover > a.bt_league{background:var(--main-color);color:#000} .wrapper .header .inner .quick_menu_sub li a.bt_mypage{background:none} .wrapper .header .inner .quick_menu_sub li:hover a.bt_mypage{background:var(--main-color);color:#000} .wrapper .header .inner .quick_menu_sub li .count_alarm{position:absolute;top:-5px;right:-2px;width:25px;height:25px;background:red;border-radius:50%;color:#fff;text-align:center;line-height:25px;font-size:11px} .wrapper .header .inner .quick_menu_sub li .layer_list{display:none;position:absolute;right:0;top:31px;border:5px solid #444;background:#d5d3d3;z-index:1002} .wrapper .header .inner .quick_menu_sub li:hover .layer_list{display:block} .wrapper .header .inner .quick_menu_sub li .layer_list ul{width:100%} .wrapper .header .inner .quick_menu_sub li .layer_list ul li{width:214px;height:46px;border-bottom:1px solid #444;background:#d5d3d3 url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat} .wrapper .header .inner .quick_menu_sub li .layer_list ul li:hover{background:#ebebeb url(/r/front/img/comm/ico_arrow_r7x13.png) 183px 17px no-repeat} .wrapper .header .inner .quick_menu_sub li .layer_list ul li:last-child{border-bottom:0} .wrapper .header .inner .quick_menu_sub li .layer_list ul li a{width:100%;height:100%} .wrapper .header .inner .quick_menu_sub li .layer_list ul li a span{float:left;width:45px;height:46px;line-height:46px;text-align:center;font-size:11px;color:#222} .wrapper .header .inner .quick_menu_sub li .layer_list ul li a p{float:left;width:160px;height:46px;line-height:46px;font-size:14px;color:#222;font-family:NotoSansKRBold} .wrapper .header .inner .quick_menu_sub li .layer_list ul li a .count{position:absolute;top:13px;right:40px;font-size:14px;color:#222} .wrapper .header .inner .quick_menu_sub li a.bt_mypage{display:none} .wrapper_login .header .inner .quick_menu_sub > li > a.bt_attendance{background:none;display:none} .wrapper_login .header .inner .quick_menu_sub > li > a.bt_leaderboard{background:none;display:none} .wrapper_login .header .inner .quick_menu_sub > li > a.bt_league{background:none;display:none} body .wrapper .header > .inner:after{height:0!important} /*END - LOGIN (HEADER)*/ /*JOIN INDEX*/ .wrapper_login .join_index_wrap{width: 1250px; margin: 0 auto; padding-top: 10px; text-align: center;} .wrapper_login .join_index_wrap .join_index_title{display: inline-block; width: 100%; margin-bottom: 20px;} .wrapper_login .join_index_wrap .join_index_title p.title{color: #fff; font-size: 30px; line-height: 1.5;} .wrapper_login .join_index_wrap .join_index_title p.sub_title{color: #fff; font-size: 20px; line-height: 1.5;} .wrapper_login .join_index_wrap .join_index_inner_wrap{display:flex; justify-content: space-evenly;} .wrapper_login .normal_join{display: block; width:35%; background:var(--screen-tertiary); border-radius:20px;} .wrapper_login .normal_join p{text-align:left; width:70%; color: #fff; margin: 10px auto 0; font-size: 14px; line-height: 1.8; height: 90px;} .wrapper_login .private_join{display: block; width:35%;background:var(--screen-tertiary);border-radius:20px;} .wrapper_login .private_join p{text-align:left; width:70%; color: #fff; margin: 10px auto 0; font-size: 14px; line-height: 1.8; height: 90px;} .wrapper_login .join_index_normal_btn{width:100%;height:44px;font-weight: bold;background:var(--main-color);border:0;color:#222;border-radius:0;font-size:15px;position:relative} .wrapper_login .join_index_normal_btn:hover{} .wrapper_login .normal_join ul li{position:relative} .wrapper_login .normal_join ul li:after{content:"";position:absolute;left:50%;top:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--main-color)} .wrapper_login .normal_join_img{background:url('/r/front/img/comm/join_normal.png')no-repeat;background-size:120px; width:120px; height:120px; display:block; margin:10px auto;} .wrapper_login button.normal_join_btm_btn{width:70%;height:50px;background:var(--main-color);font-size:16px;border:1px solid transparent; border-radius:12px;color:#fff;margin:20px auto;display:block;font-weight: bold;} .wrapper_login button.normal_join_btm_btn:hover{background:transparent;color:var(--main-color); border-color:var(--main-color);} .wrapper_login .join_index_telegram_btn{width:100%;height:44px;font-weight: bold;background:#008be4;border:0;color:#fff;border-radius:0;font-size:15px;} .wrapper_login .join_index_telegram_btn:hover{} .wrapper_login .private_join_img{background:url('/r/front/img/comm/join_telegram.png')no-repeat;background-size:120px; width:120px; height:120px; display:block; margin:10px auto;} .wrapper_login button.private_join_btm_btn{width:70%;height:50px;background:#008be4;font-size:16px;color:#fff;border:1px solid transparent; border-radius:12px;margin:20px auto;display:block;font-weight: bold;} .wrapper_login button.private_join_btm_btn:hover{background:transparent;color:#008be4;border-color:#008be4;} .wrapper_login .private_join ul li{position:relative} .wrapper_login .private_join ul li:after{content:"";position:absolute;left:50%;top:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #008be4} .wrapper_login p.join_title {text-align: left; width: 70%; height:inherit; margin: 20px auto 0; font-weight:bold; font-size: 20px; color:var(--main-color);} .wrapper_login p.join_title.join_private{ color:#2498e9;} /*GNB*/ .wrapper .header{background:#090c1b;width:100%;position:relative;z-index:999;box-sizing: border-box;} .wrapper .header .inner{border-bottom:1px solid #202b37;max-width:100%;padding:0 40px;margin:auto;box-sizing: border-box;} /* .wrapper .header:before{content:"";bottom:39px;left:0;position:absolute;height:1px;width:100%;background:#444;} */ /* .wrapper .header > .inner .allmenu{position:absolute;top:90px;left:50%;margin-left:-574px;display:block;width:56px;height:40px;background-color: var(--main-color); z-index:10;} */ .wrapper .header > .inner .allmenu{display:block;width:56px;height:40px;background-color: var(--main-color); z-index:10;} .wrapper .header > .inner .allmenu a{font-size:0px;text-indent:-999px;display:block;width:100%;height:100%; background:url(/r/front/img/template3/comm/wbc__gnb_allmenu.png) 50% 50% no-repeat;} .wrapper #newSnb{display:none;text-align:center;top:130px;position:absolute;left:0px;width:100%;height:auto;background-color:#000;z-index:1000;} .wrapper #newSnb:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:radial-gradient(circle, var(--main-color) 0%, #000 92%);} .wrapper #newSnb #snb_bl{width:1180px;display:inline-flex;position:relative;height:100%;} .wrapper #newSnb #snb_bl > .snb_sl:before {content:"";position:absolute;top:250px;left:0;width:100%;height:1px;background:radial-gradient(circle, var(--main-color) 0%, #000 92%);} .wrapper #newSnb #snb_bl > .snb_sl:after {content:"";position:absolute;top:500px;left:0;width:100%;height:1px;background:radial-gradient(circle, var(--main-color) 0%, #000 92%);} .wrapper #newSnb #snb_bl > div.swiper-container{width:100%;margin-bottom:2px;} .wrapper #newSnb #snb_bl > div.swiper-container > .swiper-wrapper{display:block!important;} .wrapper #newSnb #snb_bl > div > ul > li {width: auto;display:inline-block;margin-bottom: 25px;margin-top:25px;margin-left:17.2px;padding:0 2px;vertical-align: top;} /* .wrapper #newSnb #snb_bl > div > ul > li:first-child,.wrapper #newSnb #snb_bl > div > ul > li:nth-child(7) {margin-left: 14px;} */ .wrapper #newSnb #snb_bl > div > ul > li a {position: relative;display: block;width: 170px;line-height: 28px;font-size: 14px;text-align: center;color: #ccc;margin: 0 auto;} .wrapper #newSnb #snb_bl > div > ul > li a:hover {color: var(--main-color);} .wrapper #newSnb #snb_bl > div > ul > li a img {display: block; width: 170px;height: 170px;border-radius: 10px;border: 1px solid #111;} .wrapper #newSnb #snb_bl > div > ul > li a:hover img{border: 1px solid var(--main-color);} .wrapper #newSnb #snb_bl > div > ul > li.newDivide:after{position:absolute;content:"";top:0;right:-10px;width:2px;height:100%;background:radial-gradient(circle, var(--main-color) 0%, #000 92%);} .wrapper #newSnb .next{cursor:pointer;outline:none;left:-60px;background:url(/r/front/img/comm/bt_snb_prev_on.png) 0 0 no-repeat;position:absolute;top:110px;width:60px;height:60px;} .wrapper #newSnb .prev{cursor:pointer;outline:none;right:-60px;background:url(/r/front/img/comm/bt_snb_next_on.png) 0 0 no-repeat;position:absolute;top:110px;width:60px;height:60px;} .header > .inner .snb .snb_sl .time{position:absolute;top:180px;left:62px;width:120px;height:40px;box-sizing:border-box;text-align:center;border-radius:20px;border:2px solid #444;background:#222;color:#fff;font-size:19px;line-height:40px;} .header > .inner .snb .snb_sl li a:hover .time{border:2px solid #fff;} .wrapper #newSnb #snb_bl > div > ul > li.newDivide:after{position:absolute;content:"";top:0;right:-10px;width:2px;height:100%;background:radial-gradient(circle, var(--main-color) 0%, #000 92%);} .wrapper #newSnb #snb_bl > div > ul > li.newAddLine{} .wrapper #newSnb #snb_bl > div > ul > li.newAddLine a{margin:0;} .wrapper .header .inner .gnb{position:relative;margin:0 0 0 30px;z-index:2;box-sizing:border-box;display:flex;align-items: center;} .wrapper .header .inner .gnb li{} .wrapper .header .inner .gnb li > a{display:block;height:39px;line-height:36px;font-size:16px;color:var(--content-400);font-weight:bold;box-sizing:border-box;margin:0 26px 0 0;white-space: nowrap;transition: all ease 0.3s;} .wrapper .header .inner .gnb li.main > a:hover{color:#fff;font-weight:bold;border-bottom:2px solid var(--main-color);} .wrapper .header .inner .gnb li.main.on > a{color:#fff;font-weight:bold;border-bottom:2px solid var(--main-color);} .wrapper .header .inner .gnb li.sup{padding-top:2px;background:url(/r/front/img/comm/bg_bar_wh2x10.png) left 13px no-repeat} .wrapper .header .inner .gnb li.sup > a{font-size:14px;} .wrapper .header .inner .gnb li.sup > a:hover{color:var(--main-color);} .minigameTime{top:-10px;right:-3px;border:2px solid var(--main-color);width:80px;height:32px;line-height:32px;border-radius:16px;text-align:center;font-size:12px;background-color:#222222;box-shadow:10px 10px 25px #000;position:absolute;font-weight:bold;color:#fff;} .no-drag{-webkit-user-drag:none} .wrapper .header > .inner > .allMenuLayer{display:none;position:absolute;top:130px;width:100%;z-index:100;background:#000; border-bottom:1px solid var(--main-color);} .wrapper .header > .inner > .allMenuLayer .inner{overflow:hidden;padding:30px;width:1148px;margin:auto;display:flex; justify-content: center;} .wrapper .header > .inner > .allMenuLayer .inner .row{float:left;margin-left:50px;} .wrapper .header > .inner > .allMenuLayer .inner .row:first-child{margin-left:0px;} .wrapper .header > .inner > .allMenuLayer .inner .row p{font-size:16px;color:var(--main-color);margin-bottom:20px;font-weight:bold;} .wrapper .header > .inner > .allMenuLayer .inner .row ul li{font-size:13px;color:#fff;margin-top:10px;} .wrapper .header > .inner > .allMenuLayer .inner .row ul li:hover{color:var(--main-color);} .wrapper .header > .inner > .allMenuLayer .inner .row ul li a{font-size:13px;color:#fff;} .wrapper .header > .inner > .allMenuLayer .inner .row ul li a:hover{color:var(--main-color);} .wrapper .header > .inner > .allMenuLayer.on{display:block;} .gameHyperLink{cursor:pointer;} /*hide gnb cs*/ .cs_center_gnb{display:none;} /*END GNB*/ /*QUICK*/ /*quick cs center*/ .cs_center{position:fixed;right:10px!important;top:250px !important;z-index:1001;display:none!important;background:#000;border:1px solid #444;border-radius:8px;} .cs_center .bt_cs{font-size: 0px;text-indent:-999px;display:none;} .cs_center .cs_con{width:71px;padding:0 0 10px;box-sizing:border-box;} .cs_center .cs_con li{position:relative;height:70px;box-sizing:border-box;padding:13px 0 0px 0px;margin-bottom:9px;} .cs_center .cs_con li:first-child{margin-top:0px;} .cs_center .cs_con li > a{display:block;width:100%;height:40px;color:#aaa;line-height:40px;background: url(/r/theme/center_logo/img/pc/quick_left_v1-1.png?20240308) 50% 50% no-repeat;} .cs_center .cs_con li:hover > a{color:var(--main-color); background: url(/r/theme/center_logo/img/pc/quick_left_on_v1-1.png?20240308) no-repeat;} .cs_center .cs_con li span{width:100%;display:block;height:24px;line-height:1.5;color:#ccc;font-size:12px;text-align:center;padding: 40px 0 0;} .cs_center .cs_con li:hover span{color:var(--main-color);} .cs_center .cs_con li.bt_cs1 > a{background-position:50% 4px;} /*.cs_center .cs_con li.bt_cs1:after{content:"입금하기";}*/ .cs_center .cs_con li.bt_cs2 > a{background-position:50% -58px;} /*.cs_center .cs_con li.bt_cs2:after{content:"출금하기";}*/ .cs_center .cs_con li.bt_cs3 > a{background-position:50% -120px;} /*.cs_center .cs_con li.bt_cs3:after{content:"머니이동";}*/ .cs_center .cs_con li.bt_cs4 > a{background-position:50% -306px;} /*.cs_center .cs_con li.bt_cs4:after{content:"고객센터";}*/ .cs_center .cs_con li.bt_cs5 > a{background-position:50% -182px;} /*.cs_center .cs_con li.bt_cs5:after{content:"베팅내역";}*/ .cs_center .cs_con li.bt_cs6 > a{background-position:50% -244px;} /*.cs_center .cs_con li.bt_cs6:after{content:"친구초대";}*/ .cs_center .cs_con li.bt_cs7 > a{background-position:50% -368px;} .cs_center .cs_con2{position:absolute;bottom:-70px;width:100%;} .cs_center .cs_con2 li{position:relative;width:100%;box-sizing:border-box;} .cs_center .cs_con2 li > a{display:block;width:100%;height:62px;color:#aaa;font-size:0px;text-indent:-99px;line-height:40px;background: url(/r/front/img/template5/comm/bt_top_st5.png) 50% 50% no-repeat;} /* .cs_center .cs_con2 li.bt_up > a{background-position:50% -34px;} .cs_center .cs_con2 li.bt_up > a:hover{background-position:50% 11px;} */ .cs_center .cs_con2 li.bt_down > a{display:none;background-position:50% -120px;} .cs_center .cs_con2 li.bt_down > a:hover{background-position:50% -75px;} .bubble_pop_box { position: fixed;right: -198px;top: 187px;z-index: 570;display:none !important; } .bubble_pop_box .bubble_pop { position: absolute;top: 30px;right: 240px;pointer-events: none; } .bubble_pop_box .bubble_pop_close { position: absolute;top: 5px;right: 255px; } .bubble_pop { width: 205px;height: 80px; } .bubble_pop_close { background: url(/r/front/img/comm/btn_simple_close.png);background-repeat: no-repeat;background-size: 20px 20px;width: 20px;height: 20px;cursor: pointer; } .bubble_pop_image { background: url(/r/front/img/comm/simple_bubble_bg.png);background-repeat: no-repeat;background-size: 200px 80px;height: 100%;width: 100%; } .bubble_info_title { font-size: 12px;padding-top: 15px;line-height: 15px;text-align: center;margin-right: 10px;color: #000000;font-weight: bold; } .bubble_info_content { font-size: 12px;padding-top: 4px;line-height: 17px;text-align: center;margin-right: 10px; color: #000000; } .cs_center .cs_con li.bt_cs8 > a{background: url(/r/front/img/template5/comm/quick_left_icon_v1-3.png) 50% 50% no-repeat;background-position:50% -182px;} .cs_center .cs_con li.bt_cs8:hover > a{color:var(--main-color); background: url(/r/front/img/template5/comm/quick_left_icon_on_v1-3.png) no-repeat;background-position:50% -182px;} /*.cs_center .cs_con li.bt_cs8:after{content:"보유 쿠폰";}*/ .bubble_pop_box{position:fixed;right:-198px;top:187px;z-index:570;display:none!important} .bubble_pop_box .bubble_pop{position:absolute;top:30px;right:240px;pointer-events:none} .bubble_pop_box .bubble_pop_close{position:absolute;top:5px;right:255px} .bubble_pop{width:205px;height:80px} .bubble_pop_close{background:url(/r/front/img/comm/btn_simple_close.png);background-repeat:no-repeat;background-size:20px 20px;width:20px;height:20px;cursor:pointer} .bubble_pop_image{background:url(/r/front/img/comm/simple_bubble_bg.png);background-repeat:no-repeat;background-size:200px 80px;height:100%;width:100%} .bubble_info_title{font-size:12px;padding-top:15px;line-height:15px;text-align:center;margin-right:10px;color:#000;font-weight:700} .bubble_info_content{font-size:12px;padding-top:4px;line-height:17px;text-align:center;margin-right:10px} .bubble_pop_box{position:fixed;right:-198px;top:187px;z-index:570;display:none} .bubble_pop_box .bubble_pop{position:absolute;top:30px;right:240px;pointer-events:none} .bubble_pop_box .bubble_pop_close{position:absolute;top:5px;right:255px} .bubble_pop{width:205px;height:80px} .bubble_pop_close{background:url(/r/front/img/comm/btn_simple_close.png);background-repeat:no-repeat;background-size:20px 20px;width:20px;height:20px;cursor:pointer} .bubble_pop_image{background:url(/r/front/img/comm/simple_bubble_bg.png);background-repeat:no-repeat;background-size:200px 80px;height:100%;width:100%} .bubble_info_title{font-size:12px;padding-top:15px;line-height:15px;text-align:center;margin-right:10px;color:#000;font-weight:700} .bubble_info_content{font-size:12px;padding-top:4px;line-height:17px;text-align:center;margin-right:10px} #pageViewBox{width:1067px;height:40px;display:none;} /*quick deposit*/ .quick_content{scrollbar-3dlight-color:none;scrollbar-arrow-color:none;scrollbar-darkshadow-color:none;scrollbar-face-color:#e0e0e0;scrollbar-highlight-color:#e0e0e0;scrollbar-shadow-color:#e0e0e0;scrollbar-track-color:#fff} .quick_content::-webkit-scrollbar{width:8px} .quick_content::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block} .quick_content::-webkit-scrollbar-track{background:#222} .quick_content::-webkit-scrollbar-thumb{background:rgba(85,85,85);height:50px;width:50px} .quick_wrap{background:#000;height:780px;width:1100px;z-index:1111} .quick_page{height:100%;width:100%} .quick_page .quick_left{background:#191816;box-sizing:border-box;float:left;height:100%;width:180px} .quick_page .quick_content{box-sizing:border-box;float:left;height:100%;padding:4px;width:890px;max-height:705px; overflow-y: auto; overflow-x: hidden;} .quick_page .quick_content .mypage_cont{width: 100%;padding:0;} .quick_page .quick_content .mypage_cont .contents{width:100%;margin:0;} .quick_page .quick_left > ul{overflow:hidden} .quick_page .quick_left > ul > li{background:#191816;color:#cccccc;cursor:pointer;font-size:16px;height:54px;line-height:54px;margin-bottom:1px;padding-left:19px;width:180px} .quick_page .quick_left > ul > li.menu01 { background-position: 29px 9px; } .quick_page .quick_left > ul > li.menu02 { background-position: 29px -51px; } .quick_page .quick_left > ul > li.menu03 { background-position: 29px -114px; } .quick_page .quick_left > ul > li.menu04{background-position:29px 9px} .quick_page .quick_left > ul > li:hover,.quick_page .quick_left > ul > li.on{background-color:#000;border-left:4px solid var(--main-color);color:var(--main-color);padding-left:15px} .quick_page .deposit_wrap .deposit_form{padding: 0 40px 10px 40px; position: relative;} .deposit_wrap .mybox .myboxTitle{color: #fff; font-size: 20px; margin-bottom: 15px;} .mypageTab{width:100%;} .mypageTab > ul{overflow:hidden;background: transparent; } .mypageTab > ul > li{background:#222;border-bottom:0;color:#999;cursor:pointer;float:left;font-size:16px;line-height:1.2;margin-right:5px;} .mypageTab > ul > li.on{color:#000;} /* .deposit_wrap .deposit_inp li .title{color:var(--main-color);float:left;font-size:12px;font-weight:bold;line-height:18px;min-width:10%} .deposit_wrap .deposit_inp li .title em{color:#aaa;font-weight:bold} .deposit_wrap .deposit_inp li .select_chk{float:left;margin:5px 0 0 30px} .deposit_wrap .deposit_inp li .select_chk .select_type1{overflow:hidden} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li{float:left;margin-left:50px} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li:first-child{margin-left:0} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li label{background:url(/r/front/img/mypage/ico_checkbox.png) left 0 no-repeat;color:#fff;cursor:pointer;display:inline-block;font-size:18px;height:21px;line-height:21px;padding-left:31px;padding-top:1px} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li label.checked{background-position:left -59px} */ .deposit_wrap .deposit_inp li .alrim_time{float: left; margin-left:15%; padding-left: 30px; color:#FF0000;} .deposit_wrap .moneybox .money_sel{margin-top:9px;overflow:hidden;padding:0 0 0 38px} .deposit_wrap .moneybox .money_sel > li{float:left;margin-left:4px} .deposit_wrap .moneybox .money_sel > li:first-child{margin-left:0} .deposit_wrap .moneybox .money_sel > li > button{width: 144px;} .deposit_wrap .moneybox .money_sel > li > button > em {color: #fff; font-weight: bold;} /*.deposit_wrap .moneybox .money_sel > li > a{display: block; width: 93px; height: 30px; vertical-align: middle; text-align: center; box-sizing: border-box; line-height: 28px; color: #fff; font-size: 14px; background: #039aef; border: none; border-radius: 6px; }*/ /*.deposit_wrap .moneybox .money_sel > li > a > em{color: #fff; font-weight: bold; font-size: 20px; vertical-align: top; margin-right:3px;}*/ .deposit_wrap .moneybox .money_sel > li > button:hover{ background:#50c0ff;} .deposit_wrap .coupon_sel{background:transparent;box-sizing:border-box;cursor:pointer;float:left;height:40px;padding:0 0 0 20px;position:relative;width:480px;color:#fff;} .deposit_wrap .coupon_sel > p{color:#fff;font-size:18px} .deposit_wrap .coupon_sel > span{background:url(/r/front/img/mypage/ico_arrow.png) 0 0 no-repeat;display:block;height:6px;position:absolute;right:17px;top:17px;width:11px} .deposit_wrap .coupon_sel > span.on{background-position:left -74px} .deposit_wrap .coupon_sel > .sel{background:#2b2b2b;border-radius:0 0 8px 8px;display:none;left:0;position:absolute;top:35px;width:600px;z-index:10} .deposit_wrap .coupon_sel > .sel li{color:#cbcbcb;font-size:14px;padding:5px 20px;text-align:left} .deposit_wrap .deposit_info{float:left;height:40px;margin-left:39px} .deposit_wrap .deposit_info > li{color:#fff;float:left;font-size:18px;height:40px;line-height:40px;padding:0 8px} .deposit_wrap .deposit_account{float:left;height:40px;width:100%} .deposit_wrap .deposit_account > li{color:#fff;float:left;font-size:15px;line-height:30px;padding:0 15px} .deposit_wrap .deposit_account > li:last-child{float:right} .deposit_wrap .deposit_account > li.ready{color:#CCC} .deposit_wrap .deposit_account > li > button{color:var(--main-color)} .deposit_wrap .agreebox{margin-top:25px;position:relative} .deposit_wrap .agreebox > p{color:#CCC;font-size:14px;text-align:center} .deposit_wrap .agreebox > .chkbox{position:absolute;right:140px;top:-3px} .deposit_wrap .agreebox > .chkbox label{background:url(/r/front/img/mypage/ico_checkbox.png) left 0 no-repeat;color:#aaa;cursor:pointer;display:inline-block;font-size:14px;height:21px;line-height:21px;padding-left:31px;padding-top:1px} .deposit_wrap .agreebox > .chkbox label.checked{background-position:left -59px} .deposit_process_button{display: flex;align-items: center;justify-content: center;width: 1.5rem;height: 1.5rem;border-radius: 9999px;border: 1px solid var(--primary-blue);background-color: var(--border-primary);transition-duration: .5s;animation-timing-function: cubic-bezier(.4, 0, 1, 1);animation-duration: .5s;} .deposit_process_button.active{background-color: var(--screen-tertiary);} .deposit_process_button.done{background-color: var(--primary-blue)} .deposit_process_button.done > div{background-image: url('/r/theme/beteast_v2/comm/white_check.png');width: 50%;height: 50%;background-repeat: no-repeat; background-size: contain;} .deposit_process_done{border-color: var(--primary-blue);} .deposit_process_2::before{content: "2";} .deposit_process_button.active::before{background-color: var(--primary);content: "";width: .6rem;height: .6rem;border-radius: 9999px;} /*quick withdraw*/ /* .withdraw_txt{color:#777;font-size:14px;text-align:center;width:680px} .withdraw_txt em{color:#fff;font-weight:bold} .withdraw_area{overflow:hidden} .withdraw_area > div{float:right;width:435px} .withdraw_area > div:first-child{float:left} .withdraw_area > div .mbox{margin-top:25px;text-align:right} .withdraw_area > div .mbox > p{background:#2b2b2b url(/r/front/img/template3/mypage/wbc__ico_won.png) 6px 6px no-repeat;border-radius:22px;color:#fff;display:inline-block;font-size:30px;font-weight:bold;height:44px;line-height:44px;padding:0 55px 0 98px} .withdraw_area > div .mbox > p em{font-size:16px} */ /*quick transfer*/ .transfer_txt{text-align:center;width:680px;font-size:14px;color:#777} .transfer_txt em{color:#fff;font-weight:700} .transfer_area{overflow:hidden;position:relative} .transfer_area > div.transfer_blank{float:left;width:22px;height:36px;background:url(/r/front/img/mypage/transfer_blank.png) no-repeat;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-11px} .transfer_area > div.mybox{float:right;padding:0; border:2px solid #344051;background: linear-gradient(99.56deg, #090C1B -5.1%, #171A28 113.29%);} .transfer_area > div.mybox:first-child{float:left} .transfer_area > div.mybox .mbox{text-align:center;margin:25px 0} .transfer_area > div.mybox .tit{height:50px;line-height:50px;width:100%;text-align:center;padding:0;border-bottom:2px solid #344051;position:relative} .transfer_area > div.mybox .tit > span{width:32px;height:28px;position:absolute;top:10px;right:10px;background:url(/r/theme/beteast_v2/comm/transfer_refresh.svg) no-repeat center;cursor:pointer} .transfer_area > div.mybox .mbox > p:first-child{height:75px;line-height:75px} .transfer_area > div.mybox .mbox > p > img{vertical-align:middle;width:150px;} #coinTransferArea .transfer_area > div.mybox .mbox > p > img{vertical-align:middle;width:auto;} .transfer_area > div.mybox .mbox > p.txt{color:#fff;margin-top:10px} .transfer_area > div.mybox .mbox > p.txt > em{color:var(--main-color);font-weight:700} .company_logo_box{height:80px} .mybox.amount{margin-top:15px;padding:15px 15px 30px} .mybox.amount > p{color:#fff;font-size:20px;margin-bottom:15px} .transfer_area select.input{height:40px;} .transfer_form > .deposit_inp li .title{width:100px} .quick_content .transfer_form > .deposit_inp .moneybox .top .inp_wrap{width:530px;} .transfer_form > .deposit_inp .moneybox .top .inp_wrap > input{width:400px} .transfer_area .siteLogo{display:inline-block;width:200px;height:80px;background:var(--main-logo) center center no-repeat;background-size:contain} .transfer_area .siteName{height:40px;display: inline-block;} .transfer_area > div.mybox .tit.from{width: 48%; float: left;} .transfer_area > div.mybox .tit.exchange{width: 4%; float: left;} .transfer_area > div.mybox .tit.to{width: 48%; float: right;} .quick_content .btnQuickChange{left:0;} .quick_content .quickTransferBox{width: 50%; float: left; margin-top: 30px; margin-bottom: 20px;} .quick_content .transfer_desc{margin-top: 20px; color: #fff;} .quick_content .transfer_img{border-radius: 0px; margin-bottom: 2px; padding: 25px 17px 30px;} .quick_content .transfer_img .img{text-align: center; margin-top: 20px; margin-bottom: 20px;} .quick_content .transfer_blank{float: left; width: 22px; height: 36px; background: url(/r/front/img/mypage/transfer_blank.png?0o3) no-repeat; position: absolute; top: 50%; left: 49%;} .quick_content .mypage_cont .mybox.amount{margin-top: 2px; padding: 25px 15px 30px; border-radius: 0px;} .quick_content .mypage_cont .mybox.amount .top p {width: 10%; float: left; margin-top: 12px; font-size: 12px; font-weight: bold;color:#fff;} /* .quick_content .mypage_cont .mybox.amount .top .inp_wrap{display: block; float: left; width: 70%;} .quick_content .mypage_cont .mybox.amount .money_sel{clear: both; padding: 10px 0 0 125px;} */ .quick_content .mypage_cont .mybox.amount .simple_coinDeposit .money_sel {padding: 10px 0 0 115px;} .quick_content .mypage_cont .mybox.amount .simple_coinDeposit .moneybox{width: 80%;} .quick_content .mypage_cont .mybox.amount .simple_coinDeposit.gameSel .left{float: left; width: 46%; padding-left: 26px; margin-right: -15px;} .quick_content .mypage_cont .mybox.amount .simple_coinDeposit.gameSel .left p{} .quick_content .mypage_cont .mybox.amount .simple_coinDeposit.gameSel .right{float: left; width: 46%;} .quick_content .mypage_cont .mybox.amount .simple_coinDeposit.gameSel .right p{margin-left: 0px; padding-right: 18px;} .quick_content .mypage_cont .mybox.amount .simple_coinDeposit .bonus_selection{float: left; width: 100%; padding-left: 26px;} /*END QUICK*/ /*LOGIN PAGE*/ /* .login_section{padding:100px 0;background:#222;} .login_section .loginwrap{width:1250px;margin:0 auto;padding:70px 0 0 0;} .login_section .loginwrap .logo{text-align:center;margin-bottom:65px;} .login_section .loginbox{position:relative;width:360px;padding:45px 30px 20px ;margin:0 auto;border-radius:10px;box-shadow: 1px 5px 10px #0c0c0c;box-sizing:border-box;} .login_section .loginbox .title{position:relative;text-align:center; color:#ccc;font-size:20px;margin-bottom:8px;font-weight: bold;} .login_section .loginbox .icon_mem{position:absolute;top:-28px;left:50%;margin-left:-27px;display:block;width:56px;height:56px;background:url(/r/front/img/template3/member/wbc__ico_member.png) 0 0 no-repeat;} .login_section .loginbox .inp_login{width:100%;} .login_section .loginbox .inp_login > li{position:relative;margin-top:24px;padding-left:43px;height:32px;border-bottom:2px solid #333;background:url(/r/front/img/template3/member/wbc__icons_login.png) -99px 0 no-repeat;} .login_section .loginbox .inp_login > li > input{width:230px;border:0px;padding:0 10px; background:#222;height:32px;line-height:32px;color:#ccc;font-size:14px;} .login_section .loginbox .inp_login > li.id{background-position:10px 6px;} .login_section .loginbox .inp_login > li.pw{background-position:10px -35px;} .login_section .loginbox .inp_login > li.inpimg{background-position:10px -75px;} .login_section .loginbox .inp_login > li .err_ico{position:absolute;right:0px;top:6px;width:20px;height:20px;display:none;background:url(/r/front/img/member/ico_err.png) 0 0 no-repeat;} .login_section .loginbox .imgchk{margin-top:18px;} .login_section .loginbox .bot_btn{margin-top:66px;text-align:center;} .login_section .loginbox .imgchk #captchaImage{width: 200px; height:54px;} .login_section .loginbox .bot_btn > ul{margin-top:15px;overflow:hidden;} .login_section .loginbox .bot_btn > ul > li{float:right;} .login_section .loginbox .bot_btn > ul > li:first-child{float:left;} .login_section .loginbox .bot_btn > ul > li a {color:#ccc;} .login_section .loginbox .bot_btn > ul > li a:hover{color:#dedede;} .login_captcha_refresh { display: inline-block; width: 40px; height: 40px; border: 2px solid #323232; border-radius: 10px; float: right; background: url(/r/front/img/comm/r-captcha.png) 50% 45% no-repeat; margin-top: 7px; cursor: pointer; } .login_captcha_refresh:hover { background: url(/r/front/img/comm/r-captcha-hover.png) 50% 45% no-repeat; } .login_section .loginbox .err_msg{position:relative;color:#ff0000; margin:5px 0 0 0; display:none;} .login_icon_telegram_wrap{position:relative;width:285px;margin:10px auto;cursor:pointer} .login_icon_telegram{position:relative;display:inline-block;vertical-align:middle;width:30px;height:34px;margin-right:5px;background:url(/r/front/img/member/icon_telegram.png) 50% 25% no-repeat;background-size:30px} .login_icon_telegram_wrap input.btn_telegram_clean{border-radius:12px;display:inline-block;height:40px;background:none;border:none;line-height:40px;font-size:18px;color:#FFF;font-weight: bold;box-sizing:border-box} input.btn_general_sign_up{margin-top:5px;width:285px;border-radius:12px;display:inline-block;height:40px;background:#FFF;border:1px solid #FFF;line-height:40px;font-size:18px;color:#000;font-weight: bold;box-sizing:border-box} input.btn_private_sign_up{margin-top:10px;width:285px;border-radius:12px;display:inline-block;height:40px;background:red;border:1px solid red;line-height:40px;font-size:18px;color:#FFF;font-weight: bold;box-sizing:border-box} .member_sec .searchbox.signmobile .inp_area .ico2 input{background: none; width: 80%;} .member_sec .searchbox.signmobile .inp_area .ico4 input{width: 70%;} .member_sec .searchbox.signmobile .inp_area .ico4 input a{cursor: pointer; right: 0;} #theme_p_login_signqr_imgchk img{width:200px;} .login_section .otpCheck .loginbox .title{margin-bottom:40px;} .login_section .otpCheck .loginbox .title:after{content: ""; width: 120px; height: 4px; position: absolute; bottom: -10px; right: 30%; background: var(--main-color);} .login_section .otpCheck .loginbox .inp_login > li{position: relative; margin-top: 18px; height: 42px; line-height: 42px; padding:0;border: 1px solid #333; background: url(/r/front/img/member/icons_login.png) -99px 0 no-repeat;} .login_section .loginbox .bot_btn .bt_login{display:inline-block;width:215px;height:40px;background:var(--main-color);border:1px solid var(--main-color);line-height:40px;border-radius:10px;font-size:16px;color:#222;font-weight: bold;box-sizing:border-box;margin-bottom:4px} .login_section .loginbox .bot_btn .bt_login:hover{color:var(--main-color);background:#222} .login_section .loginbox .bot_btn .deviderOr{margin:20px auto;width:215px;position:relative} .login_section .loginbox .bot_btn .deviderOr div{color:#aaa} .login_section .loginbox .bot_btn .deviderOr:before{position:absolute;content:"";background:#aaa;width:85px;height:1px;left:0;top:5px} .login_section .loginbox .bot_btn .deviderOr:after{position:absolute;content:"";background:#aaa;width:85px;height:1px;right:0;top:5px} .login_section .loginbox .bot_btn > ul{margin:30px 0} .login_section .loginbox .bot_btn > ul > li{width:100%;color:#fff;vertical-align:middle} .login_section .loginbox .bot_btn > ul > li > a{color:#fff;font-size:16px;font-weight: bold;padding:0 0 0 8px} .login_section .loginbox .bot_btn .btn_telegram{display:inline-block;width:215px;height:40px;background:#1e96c8;border:1px solid #1e96c8;line-height:40px;border-radius:10px;font-size:16px;color:#fff;font-weight: bold;box-sizing:border-box;margin-bottom:4px} .login_section .loginbox .bot_btn .btn_telegram:hover{color:#1e96c8;background:#fff} #loadingArea{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0.3;z-index: 1004;} .ajaxLoading{position: fixed; top: 50%; left: 50%; margin-left: -75px; margin-top: -75px; opacity: 0.3; z-index: 1005; } */ .login_section{padding:0} .login_section .loginwrap{} .login_section .loginwrap .logo{text-align:center;margin-bottom:65px} .login_section .loginbox{position:relative;width:430px;margin:0 auto;box-sizing:border-box;} .login_section .loginbox .login_inner_box{background:var(--screen-tertiary);border-radius:20px;padding:20px 30px;} .login_section .loginbox .title{text-align:center;font-weight:700;color:#fff;font-size:20px;margin-bottom:40px;position:relative} .login_section .loginbox .title:after{content:"";width:120px;height:4px;position:absolute;bottom:-10px;right:30%;background:var(--main-color)} .login_section .loginbox .inp_login{width:100%} .login_section .loginbox .inp_login > li{position:relative;margin-top:18px;height:42px;line-height:42px;} .login_section .loginbox .inp_login > li > p.label{display:none;position: absolute; top: -6px; left: 10px; color: #fff; background: var(--screen-tertiary); padding: 0 6px; font-size: 10px;} .login_section .loginbox .inp_login > li > p.label.show_label{display:block;} .login_section .loginbox .inp_login > li > input{width:100%;border-radius:12px;padding:0 10px;background:transparent;height:41px;line-height:42px;color:#fff;font-size:14px;border:1px solid #344051; box-sizing: border-box;} .login_section .loginbox .inp_login > li.id{background-position:10px 6px} .login_section .loginbox .inp_login > li.pw{background-position:10px -35px} .login_section .loginbox .inp_login > li.inpimg{background-position:10px -75px} .login_section .loginbox .inp_login > li .err_ico{position:absolute;right:0;top:6px;width:20px;height:20px;display:none;background:url(/r/front/img/member/ico_err.png) 0 0 no-repeat} .login_section .loginbox .imgchk{margin-top:18px} .login_section .loginbox .imgchk img{width:200px;} .login_section .loginbox .bot_btn{text-align:center} .login_section .loginbox .bot_btn > ul{margin-top:15px;overflow:hidden} .login_section .loginbox .bot_btn > ul > li{float:right} .login_section .loginbox .bot_btn > ul > li:first-child{float:inherit} .login_section .loginbox .bot_btn > ul > li a{color:#fff} .login_section .loginbox .bot_btn > ul > li a:hover{color:var(--main-color)} .imgchk {margin-top:20px;} .login_captcha_refresh{display:inline-block;width:30px;height:30px;border-radius:0;background:url(/r/front/img/comm/r-captcha.png) center/contain no-repeat;margin-top:0;cursor:pointer} .login_captcha_refresh:hover{background:#000 url(/r/front/img/template2/comm/r-captcha-hover.png) center/contain no-repeat} .login_section .loginbox .err_msg{position:relative;color:#ff0000; margin:5px 0 0 0; display:none;} .login_icon_telegram_wrap{position:relative;width:285px;margin:10px auto;cursor:pointer} .login_icon_telegram{position:relative;display:inline-block;vertical-align:middle;width:30px;height:34px;margin-right:5px;background:url(/r/front/img/member/icon_telegram.png) 50% 25% no-repeat;background-size:30px} .login_icon_telegram_wrap input.btn_telegram_clean{border-radius:0;display:inline-block;height:40px;background:none;border:none;line-height:40px;font-size:18px;color:#333;font-weight:bold;box-sizing:border-box} input.btn_general_sign_up{margin-top:5px;width:100%;border-radius:0;display:inline-block;height:40px;background:#eee;border:1px solid #FFF;line-height:40px;font-size:18px;color:#000;font-weight:bold;box-sizing:border-box} input.btn_private_sign_up{margin-top:10px;width:100%;border-radius:0;display:inline-block;height:40px;background:red;border:1px solid red;line-height:40px;font-size:18px;color:#FFF;font-weight:bold;box-sizing:border-box} .login_section .loginbox .bot_btn .bt_login{display:inline-block;width:100%;height:45px;background:linear-gradient(180deg,#e56466 .01%,#e22326);line-height:45px;font-size:18px;color:#fff;font-weight:bold;box-sizing:border-box;margin-bottom:4px; border-radius:12px;} .login_section .loginbox .bot_btn .bt_login:hover{background:linear-gradient(0deg,#e56466 .01%,#e22326)} .login_section .loginbox .bot_btn .deviderOr{margin:20px auto;width:215px;position:relative} .login_section .loginbox .bot_btn .deviderOr div{color:#aaa} .login_section .loginbox .bot_btn .deviderOr:before{position:absolute;content:"";background:#aaa;width:85px;height:1px;left:0;top:5px} .login_section .loginbox .bot_btn .deviderOr:after{position:absolute;content:"";background:#aaa;width:85px;height:1px;right:0;top:5px} .login_section .loginbox .bot_btn > ul{margin:10px 0} .login_section .loginbox .bot_btn > ul > li{width:100%;color:#fff;vertical-align:middle} .login_section .loginbox .bot_btn > ul > li > a{color:#fff;font-size:16px;font-family:'NotoSansKRBold';padding:0 0 0 8px} .login_section .loginbox .bot_btn .btn_telegram{display:inline-block;width:100%;height:45px;background:transparent;border:1px solid #1e96c8;border-radius:12px; line-height:45px;font-size:18px;color:#1e96c8;font-weight:bold;box-sizing:border-box;margin-bottom:4px} .login_section .loginbox .bot_btn .btn_telegram:hover{color:#fff;background:#1e96c8} #qrImg{background:#000} .login_bg_wrap{display:flex;} .login_bg_wrap > div{width:50%;} .login_bg_wrap .login_bg{position:relative;display:flex;justify-content: center; align-items: start; padding-top:100px;} .login_bg_wrap .login_bg:after{position:fixed;width:50%;height:100vh;content:"";background:url(/r/theme/beteast_v2/comm/auth-background.jpg)no-repeat 0 0/cover; opacity: .4;margin-top: -88px;z-index: -1;top: 0; left: 0;} .login_bg_wrap .login_bg .login_bonus{width:450px;display:flex;flex-wrap: wrap; position: fixed;} .login_bg_wrap .login_bg .login_bonus .bonus_selection{background:#fff5; border-radius:10px; width:100%; min-height:100px; margin:15px 0;} .login_bg_wrap .login_bg .login_bonus h1{color:#fff; font-size:56px; line-height:1.3; font-weight:bold;text-transform: uppercase;} .login_bg_wrap .login_bg .login_bonus p{color:#fff; font-size:18px;} .login_bg_wrap .login_bg .login_bonus ul li{background:url(/r/theme/beteast_v2/comm/check.png)no-repeat 0 50%/15px;padding:0 0 0 20px; color:#fff; margin:0 0 12px;} .login_shortcut{display: flex; gap:10px; margin:0 auto 15px;} .login_shortcut li a{color:#97a1af;font-weight:bold;padding: 8px; display:block;} .login_shortcut li.on{border-bottom:2px solid var(--main-color);} .login_shortcut li.on a{color:#fff;} .joinwrap .login_shortcut{width:450px; margin:0 auto 15px;} .joinwrap .bot_btn .bt_join{width: 340px;} .joinwrap .bot_btn .btn.btn-dimensional .text{font-size:18px;} .joinwrap .bot_btn .btn-telegram{width: 340px; padding: 10px 16px; box-sizing: border-box; height: 48px;} #loadingArea{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0.3;z-index: 1004;} .ajaxLoading{position: fixed; top: 50%; left: 50%; margin-left: -75px; margin-top: -75px; opacity: 0.5; z-index: 1005;width:150px;height:150px;background:var(--main-loading_icon) no-repeat } /*LOGIN POPUP*/ .popup-overlay{ position:fixed;z-index:1000; width:100%; height:100%; background:#33333390; top:0; left:0; display:flex; justify-content:center; align-items:center;} .popup-overlay .close-wrap{position:relative;display:flex;width:360px;max-width: 360px; height:100%;max-height: 680px;align-items: center;justify-content: center;overflow:auto;} .popup-overlay .close-wrap .close{ position: absolute; cursor:pointer; top: 18px; right: 13px; display: block; width: 20px; height: 20px; background: url(/r/front/img/m/comm/bt_close_wh.png) 0 0/contain no-repeat; font-size: 0px; text-indent: -99px; z-index:1;} .popup-overlay .login-box-header{background:#000; height:56px; box-sizing: border-box; } .popup-overlay .login-box-body{padding:20px ;} .popup-overlay .login-box{ background: #141414; position: relative; width:100%; height:100%; border-radius: 4px; padding: 0; background-size: contain; box-sizing: border-box;} .popup-overlay .login-box .logo{margin:0 auto; width:100px;height:56px;} .popup-overlay .login-box .imgchk {margin:0 0 15px;display:flex; justify-content: center; align-items: center; gap: 10px;} .popup-overlay .login-box .imgchk img{width:200px;} .popup-overlay .login-box .inp_login li label{display:block;color:#fff;margin:0 0 8px 8px;} .popup-overlay .login-box .inp_login li input{background:transparent;border:1px solid #707070;color:#fff;border-radius:4px;width:100%;height:40px;padding:10px;box-sizing: border-box; margin:0 0 15px;} .popup-overlay .login-box .inp_login li input::placeholder{color:#ccc;} .popup-overlay .login-box .err_msg{position: relative; color: #ff0000; margin: 5px 0 0 0; display: none;} .popup-overlay .login-box .bot_btn .bt_login{background:var(--main-color);color:#000;height:40px; font-weight:bold; line-height:40px; border-radius:4px;} .popup-overlay .login-box .bot_btn ul li{margin:15px 0;text-align: center;} .popup-overlay .login-box .bot_btn #qrArea{display: none; position: relative; width: 200px; height: 200px; margin: auto;} .popup-overlay .login-box .bot_btn .deviderOr{margin:20px auto;width:215px;position:relative} .popup-overlay .login-box .bot_btn .deviderOr div{color:#aaa;text-align:center;} .popup-overlay .login-box .bot_btn .deviderOr:before{position:absolute;content:"";background:#aaa;width:85px;height:1px;left:0;top:5px} .popup-overlay .login-box .bot_btn .deviderOr:after{position:absolute;content:"";background:#aaa;width:85px;height:1px;right:0;top:5px} .err_msg{position:relative;color:#ff0000; margin:5px 0 0 0; display:none;} .login_loading { width: 20px; height: 20px; border-radius: 50%; border: 3px solid rgba(151, 159, 208, 0.3); border-top-color: #fff; -webkit-animation: 1.5s spin infinite linear; animation: 1.5s spin infinite linear; } @-webkit-keyframes spin { to { transform: rotate(360deg); } } @keyframes spin { to { transform: rotate(360deg); } } /*JOIN POPUP*/ .popup-overlay .close-wrap.join{max-width: 1090px; max-height: 724px;background: #222939; } .popup-overlay .join_popup_wrap{display:flex; width:100%; height:100%;border-radius: 16px; box-sizing: border-box;} .popup-overlay .join_popup_wrap .joinInfo{width:40%;} .popup-overlay .join_popup_wrap .joinbox{width:60%;box-shadow: none;} .joinbox .form-group.contact-number{display:grid;grid-template-columns:25% 72%;gap:15px} .joinbox .form-group.contact-number > .mobile-icon{display: flex;justify-content: space-evenly;align-items: center;} .joinbox .requirements .title, .breadcrumbs a, .breadcrumbs i{color: #fff; font-weight: bold; margin: 10px 0 5px; font-size: 16px;} .joinbox .valid{color:#27f89e} .joinbox .circle{width:12px;height:12px;border:1px solid #97a1af;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle;position:relative} .joinbox .circle::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#27f89e;border-radius:50%;transform:translate(-50%,-50%);display:none} .joinbox .circle.valid::after{display:block} .joinbox #requirements{color:#97a1af} .joinbox #requirements.valid{color:#27f89e} .joinbox .error-msg {color: red;font-size: 0.9em; margin-top: 5px;} .joinbox #certifyTimer {position: absolute;right: 10px;font-size: unset;color: #fff;align-self: center;} .joinbox .bonus-container {max-height: 430px;overflow-y:scroll;} .joinbox .join-bonus-card {padding: 10px;border-radius: 15px;border:1px solid;border-color: #97a1af;background-color: #97a1af1f; min-height: 100px;margin-bottom: 15px;} .joinbox .join-bonus-card.selected {border-color: #4c94ff;background: #4c94ff17;} .joinbox .join-bonus-card .bonus-icon {padding-right: 10px;} .joinbox .join-bonus-card .bonus-icon img {width: 45px; height: 45px;border-radius: 12px;} .joinbox .join-bonus-card .bonus-content .label{border-radius:5px;padding:5px;width:fit-content;text-transform:uppercase;color:#000;font-size:10px;font-weight:800} .joinbox .join-bonus-card .bonus-content .label.white { color: #fff;background: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.2)} .joinbox .join-bonus-card .bonus-content{display:flex;flex-direction:column;gap:3px} .joinbox .join-bonus-card .bonus-content .title{font-size:20px;font-style:italic;font-weight:900;color:#fff} .joinbox .join-bonus-card .bonus-content .subtitle{font-size:12px;color:#fff} .joinbox .join-bonus-card .bonus-content .term-desc{font-size:12px} /* Modal class */ .modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);} .modal .modal-content {position: relative;margin: auto;top: 10%;padding: 20px;width: 90%;max-width: 450px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);background: var(--screen-tertiary);border: 2px solid var(--border-primary);overflow-y: auto;scrollbar-width: none;box-sizing:border-box;} .modal .stepper-wrapper,.modal .modal-content-inner {position: relative;margin: auto;padding: 20px;width: 95%;max-width: 550px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);background: var(--screen-tertiary);padding-bottom: 0px; margin-top: 35px;} .modal .small-card {width: 100%;background: var(--screen-secondary);border-radius: 10px;margin-bottom: 10px;height: fit-content !important;} .modal .small-card i,.modal .small-card img {font-size: 20px;color: var(--content-400);width: 18px;height: 18px;} .modal .top-section {position: fixed;top: 0;left: 0;z-index: 1001;width: 100%;padding: 20px;background: var(--primary-bg);} .modal .row-between {display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;} .modal .row-center {display: flex;justify-content: center;align-items: center;padding: 10px 0;gap: 5px;} .modal .row-start {display: flex;align-items: start;padding: 10px;gap: 10px;} .modal .modal-title {font-weight: 800;font-style: italic;color:#fff;font-size:16px;} .modal .modal-title-normal {font-size: larger;font-weight: 800;} .modal .modal-small-title {font-size: medium;font-weight: 600;} .modal .modal-small-title.grey {color: var(--content-400);text-align: center;} .modal .modal-cat-title {font-size: small;font-weight: 600;color: var(--content-400);} .modal .modal-subtitle {font-size: small;font-weight: 400;color: var(--content-400);} .modal .icon-btn {font-size: 18px;color: var(--primary-text);} .modal .btn-full-width {width: 100%;} /* .modal a {text-decoration: underline;font-size: small;} */ .modal a.blue {color: var(--secondary-light);} .modal .notice {color: var(--content-400);font-size: small;padding-bottom: 5px;} .modal .notice .tick-icon {display: inline-block;width: 16px;height: 16px;margin-right: 8px;background-image: url('/r/front/img/beteast/icons/icon-circle.svg');background-size: contain;background-repeat: no-repeat;background-position: center;} .modal .notice.ticked .tick-icon {background-image: url('/r/front/img/beteast/icons/icon-circle-ticked.svg');} .modal .notice.ticked {color: #27F89E;} .modal .small-title {font-size: small;padding-bottom: 5px;} .modal .phone-prefix {font-size: small;} .modal .form-group {position: relative; margin-top:20px;} .modal .form-group.focused .form-label, .modal .form-group.focused .form-input {background-color: var(--screen-tertiary);} .modal .column {display: grid;gap: 5px;text-align: right;} .modal .button-section {max-width: 250px;margin: auto;padding: 10px;} .modal .button-column {display: grid;gap: 5px;align-items: center;text-align: center;justify-items: center;} .modal .gap-1 {display: flex;gap: 5px;} .modal .gap-2 {display: flex;gap: 10px;} .modal .w-25 {width: 25%;} .modal .w-75 {width: 75%;} .modal .stepper-wrapper {display: flex;align-items: center;padding: 0;padding-top: 20px;background: var(--primary-bg);} .modal .stepper-item {display: flex;flex-direction: row;align-items: center;gap: 5px;position: relative;} .modal .step-counter {display: flex;justify-content: center;align-items: center;width: 20px;height: 20px;border-radius: 50%;background: var(--content-600);} .modal .fill-center {display: flex;justify-content: center;align-items: center;width: 8px;height: 8px;background-color: transparent;font-size: small;font-weight: 600;border-radius: 50%;} .modal .current .step-counter {border: 1px solid var(--secondary-light);background-color: transparent;} .modal .current .fill-center {background-color: var(--primary);color: transparent;} .modal .seperator.complete {border-bottom: 1.2px solid var(--secondary-light);opacity: 1;} .modal .complete .step-counter {background-color: var(--secondary-light);background-image: url('/r/front/img/beteast/icons/icon-blue-tick.svg');background-size: contain;background-repeat: no-repeat;background-position: center;} .modal .complete .fill-center {color: var(--primary);color: transparent;} .modal .step-name {font-size: small;white-space: nowrap;margin-top: 6px;font-weight: bold;} .modal .seperator {width: 100%;flex: 1;border-bottom: 1.2px solid #D9D9D9;opacity: 0.3;margin-top: 5px;} .modal .line {width: 100%;flex: 1;border-bottom: 1.2px solid #D9D9D9;opacity: 0.2;margin: 10px 0;} .modal .banner-area {display: none;position: fixed;width: 50%;height: 90%;left: 4%;overflow-y: hidden;background-size: contain;background-repeat: no-repeat;background-position: center;} .modal .banner-bg {width: 100%;height: 100%;filter: brightness(0.6);} .modal .banner-logo {position: absolute;z-index: 1002;top: 3%;left: 5%;} .modal .empty-noti {height: 60px;width: 60px;} .modal .player {position: absolute;bottom: -2%;left: 25%;height: 52%;width: 45%;} .modal .banner-title {position: absolute;z-index: 1002;top: 15%;left: 20%;font-size: 40px;font-weight: 800;} .modal .slogan-area {position: absolute;z-index: 1002;top: 25%;left: 20%;} .modal .banner-slogan {border: 2px solid;border-radius: 30px;padding: 10px 16px;display: flex;justify-content: center;align-content: space-between;gap: 15px;font-weight: 600;} .modal .banner-slogan.purple {border-color: rgba(104, 76, 178);background-color: rgba(104, 76, 178, 0.2);} .modal .banner-slogan.orange {border-color: rgba(254, 156, 6);background-color: rgba(254, 156, 6, 0.2);} .modal .banner-slogan.red {border-color: rgba(226, 35, 38);background-color: rgba(226, 35, 38, 0.2);} .modal .icon-round {border-radius: 999px;height: 25px;width: 25px;background-size: 20px 20px;background-repeat: no-repeat;background-position: center;} .modal .icon-round.purple {background-color: rgba(104, 76, 178);background-image: url('/r/front/img/beteast/icons/icon-crown.svg');} .modal .icon-round.orange {background-color: rgba(254, 156, 6);background-image: url('/r/front/img/beteast/icons/icon-fast.svg');} .modal .icon-round.red {background-color: rgba(226, 35, 38);background-image: url('/r/front/img/beteast/icons/icon-badge.svg');} .modal .form-area {position: relative;width: 100%;overflow-y: auto;} .modal .form-input.grey {background-color: var(--content-800) !important;} #myAccountModal .close {display: none;} @media (max-width: 425px) { .modal .w-25 {width: 40%;} .modal .w-75 {width: 60%;} } @media (max-width: 767px) { .modal .modal-content {position: fixed;width: 100vw;height: 100vh;top: 0%;bottom: 0;left: 0;z-index: 1000;margin: 0 !important;max-width: none;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);background: var(--screen-primary);border: none;} .modal .form-input,.modal .form-label {background-color: var(--screen-primary);} #signupModal.modal .form-input,#signupModal.modal .form-label,#forgotPasswordModal.modal .form-input,#forgotPasswordModal.modal .form-label {background-color: var(--screen-secondary);} } @media (min-width: 768px) { #signupModal.modal .form-input,#signupModal.modal .form-label,#forgotPasswordModal.modal .form-input,#forgotPasswordModal.modal .form-label {background-color: var(--screen-tertiary);} #signupModal.modal,#forgotPasswordModal.modal,#myAccountModal.modal,#notificationModal.modal {background-color: var(--secondary-dark);opacity: 1;} #signupModal .modal-content,#forgotPasswordModal .modal-content,#myAccountModal .modal-content,#notificationModal .modal-content {position: fixed;width: 80vw;height: 100vh;top: 0%;bottom: 0;left: 10%;margin: 0 !important;max-width: none;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);background: var(--primary-bg);border: none;padding: 30px !important;} .modal .top-section {left: 10%;width: 80%;} } @media (min-width: 1024px) { #signupModal .modal-content,#forgotPasswordModal .modal-content,#myAccountModal .modal-content,#notificationModal .modal-content {width: 60vw;left: 20%;} .modal .top-section {left: 20%;width: 60%;} } @media (min-width: 1280px) { #signupModal .modal-content,#forgotPasswordModal .modal-content {width: 95%;height: 95%;left: 2.5%;top: 2.5%;overflow-x: hidden;} .modal .banner-area {display: block;} .modal .form-area {position: relative;width: 50%;left: 53%;} .modal .top-section {position: fixed;top: 2.5%;left: 56%;width: 40%;} .modal .top-section .logo {opacity: 0;} .modal .stepper-wrapper,.modal .modal-content-inner {max-width: 450px;} .modal .grid-container {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px; } #myAccountModal.modal,#notificationModal.modal {background-color: rgba(0, 0, 0, 0.4);} #myAccountModal .modal-content,#notificationModal .modal-content {position: relative;margin: auto;top: 9%;left: 59%;padding: 20px;padding-bottom: 10px !important;width: 90%;height: 80vh;max-width: 450px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);background: var(--content-900) !important;border: 2px solid var(--border-secondary);overflow-y: auto;scrollbar-width: none;} #myAccountModal .modal-content {height: fit-content !important;} #notificationModal .modal-content {left: 55%;background: var(--primary-bg);} #myAccountModal .top-section,#myAccountModal .spacer {display: none;} #myAccountModal .close {display: flex;} #notificationModal .top-section {position: relative !important;width: 100% !important;left: 0;background-color: transparent;padding: 0 !important;} #myAccountModal .form-area,#notificationModal .form-area {position: relative;width: 100%;left: 0%;} } @media (min-width: 1440px) { .modal .banner-title {left: 25%;} .modal .slogan-area {left: 25%;} .modal .form-area {left: 55%;} .modal .top-section {left: 59%;width: 38%;} #myAccountModal .modal-content {top: 10%;left: 64%;} #notificationModal .modal-content {left: 60%;} } @media (min-width: 1800px) { #myAccountModal .modal-content {left: 61%;} #notificationModal .modal-content {left: 58%;height: 65vh;} } /*LOGIN PAGE - END*/ /* JOIN PAGE */ /*join*/ .center_box{margin:0 auto;position:relative;} .joinwrap .center_box{width:758px;margin-bottom:21px;box-sizing:border-box; background: #181B29;} .joinwrap .info_box{width:758px;margin-top:43px;padding:21px 0;box-sizing:border-box;} .joinwrap .info_box .info_title{display:none;} .joinInfo{width:300px;height:577px;float:left;margin:0 auto;border:1px solid #333333; display:none;} .joinwrap .bot_btn{display: flex;justify-content: center;} .join_greeting .center_box{width:1060px;text-align:right;} .join_greeting .center_box .visual_img{top:-165px;left:unset;right:-260px;display:inline-block;width:353px;height:350px;background:none;} .join_section{padding:0px 0px 100px 0px;} .join_greeting{position:relative;width:100%;} .join_greeting .inner{width:1040px;margin:0 auto;padding:60px 0 32px;} .join_greeting .inner .tit{font-size:30px;color:#fff;font-weight:700;text-align:center;position:relative;} /* .join_greeting .inner .tit:after{content:"";width:120px;height:4px;position:absolute;bottom:-10px;right:44%;background:var(--main-color);} */ .join_greeting .inner .txt{margin-top:18px;font-size:18px;color:#999;line-height:29px;text-align:center;} .join_greeting .inner .txt em{color:var(--main-color);font-size:18px;} .join_greeting .visual_img{position:absolute;top:15px;left:50%;display:block;margin-left:272px;width:353px;height:350px;background:url(/r/front/img/template3/member/bg_join2.png) 0 0 no-repeat;} .joinbox{position:relative;width:100%;margin:0 auto;border-radius:20px;box-sizing:border-box;} .joinbox .icon_mem{position:absolute;top:-28px;left:50%;margin-left:-27px;display:block;width:56px;height:56px;background:none!important;} .joinbox .inp_join{width:100%;margin:auto;display: grid;grid-template-columns: repeat(2, 1fr);} .joinbox .inp_join > li{position:relative;width:100%;float:left;padding-left:10px;height:42px;background:none !important;box-sizing:border-box;} .joinbox .inp_join > li.el2nd{float:right;} .joinbox .inp_join .bdnone{border:0px !important;} .joinbox .inp_join .bt_yellow{display:inline-block;width:20%!important;height:42px!important;background:var(--main-color)!important;line-height:42px!important;border-radius:0!important;font-size:14px!important;color:#000!important;text-align:center;font-family:NotoSansKRBold;box-sizing:border-box;} .joinbox .inp_join .bt_yellow:hover{background:var(--main-color);color:#222;} .joinbox .inp_join > li > input{width:100%;border-radius:12px;padding:0 10px;background:transparent;height:41px;line-height:42px;color:#fff;font-size:14px;border:1px solid #344051; box-sizing: border-box;} .joinbox .inp_join > li > input::-webkit-input-placeholder{color:#555;font-size:14px;font-family:NotoSansKRLight;} .joinbox .inp_join > li > input:-ms-input-placeholder{color:#555;font-size:14px;font-family:NotoSansKRLight;} .joinbox .inp_join > li.ico1{background-position:3px 6px;} .joinbox .inp_join > li.ico2{background-position:3px -35px;} .joinbox .inp_join > li.ico4{background-position:3px -161px;width:100%;} .join_ico3_required{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:none;background-position:3px -115px;} .join_ico5_required{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:none;background-position:3px -214px;} .join_ico3{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:none;background-position:3px -115px;} .join_ico5{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:none;background-position:3px -214px;} .joinbox .inp_join > li .bt_phone{position:absolute;right: 0;border: 1px solid;align-content: center;margin: 5px;padding: 5px 10px;border-radius: 10px;color: #535F82;background-color: #1E253A;} .joinbox .inp_join > li.confirm > p.label{display:none;position: absolute; top: -6px; left: 16px; color: #fff; background: var(--screen-tertiary); padding: 0 6px; font-size: 10px;} .joinbox .inp_join > li.confirm > p.label.show_label{display:block;} .joinbox .inp_join > li.confirm > select{} .joinbox .inp_join > li.confirm > div{} .joinbox .inp_join > li.confirm > div#user_email2{width:136px!important;height:42px!important;line-height:27px;border:1px solid #ccc;border-radius:0;} .joinbox .inp_join > li.confirm > div#bank_name { border: 1px solid #ccc; border-radius: 0; float: left; width: 412px !important;} .joinbox .inp_join > li.confirm > div > input{width:400px;border:1px solid #ccc;background:#fff;height:40px;line-height:40px;color:#333;font-size:16px;padding-left:10px;} .joinbox .inp_join > li.confirm > div > span{position:absolute;right:100px;top:12px;color:#333;font-size:15px;} .joinbox .inp_join > li.confirm > .bt_resend{position:absolute;top:-2px;right:-6px;} .joinbox .inp_join > li .err_msg{position:absolute;bottom: -1rem;font-size:11px;color:#fe0000;display:none;} .joinbox .inp_join > li.etc{margin-top:40px;} .joinbox .bot_btn{margin-top:35px;text-align:center;} .joinbox .bot_btn .bt_join{display:inline-block;width:140px;height:40px;background:linear-gradient(180deg,#e56466 .01%,#e22326);line-height:40px;border-radius:20px;font-size:14px;color:var(--main-color);font-family:NotoSansKRBold;box-sizing:border-box;} .joinbox .bot_btn .bt_join:hover{background:var(--main-color);color:#222;} .wrapper_login .joinbox .bot_btn .bt_join{display:inline-block;width:100%;height:50px;background:linear-gradient(180deg,#e56466 .01%,#e22326);line-height:40px;border-radius:12px;font-size:16px;color:#fff;font-family:NotoSansKRBold;box-sizing:border-box;} .wrapper_login .joinbox .bot_btn .bt_join:hover{background:transparent;color:var(--main-color);border:1px solid var(--main-color);} /*instruction box*/ .info_box{background:#232837 !important;padding:16px 24px;border-radius:12px;margin:0;position:relative;overflow:hidden;border-radius: 12px;} .info_box .info_title > span{color: #FFF;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 700;line-height: 30px;} .info_box .info_content > p{color: #97A1AF;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 14px; /* 100% */} .swiper-pagination-bullet{width:10px;height:10px;margin:7px 3px;display:inline-block;border-radius:100%;} .joinbox .inp_join > li > label{margin-right:30px;width:100px;display:inline-block;margin-left:5px;} .joinbox .inp_join > li > label{margin-right:30px;width:100px;display:inline-block;margin-left:5px;} .joinbox .inp_join .formInputAsterick{color:#FC5B5B;font-weight:bold;position:absolute;left:0px;top:8px;} .joinboxhr{height:1px;border:none;color:#333;background-color:#333;display:inline-block;width:100%;visibility:visible;} .joinbox .lefttitle{color:#333;font-family:'NotoSansKRBold';font-size:18px;display:inline-block;} .joinbox .righttitle{display:inline-block;float:right;color:#FC5B5B;font-size:15px;} /*#regist_partner_id{margin-left:3px;}*/ .joinwrap .joinbox .required{ color: #FC5B5B; font-weight: bold; position: absolute; left: 2px;} .join-title {font-size: 1.5rem !important;font-family:NotoSansKR-bold; text-transform: uppercase;} .join-sub-title {font-size: 1.5rem ; font-weight: 800; font-family:NotoSansKR-bold; color: white; padding-top: 20px;} .modal-content-inner > div > p {font-weight: bold;padding: 10px 0;color: white;} .joinwrap .joinbox .inp_join {gap: 32px 20px;} .joinwrap .joinbox .inp_join > li{border: 1px solid #344051;height: auto;border-radius: 10px;padding: 0 20px;display: flex;} .joinwrap .joinbox .inp_join > li > .icon{background-size: contain;background-repeat: no-repeat;padding-right: 20px;background-position:center;} .joinwrap .joinbox .inp_join > li > .icon-id{background-image: url('/r/theme/beteast_v2/comm/join/join_id.svg');} .joinwrap .joinbox .inp_join > li > .icon-holder{background-image: url('/r/theme/beteast_v2/comm/join/join_holder.svg');} .joinwrap .joinbox .inp_join > li > .icon-mobile{background-image: url('/r/theme/beteast_v2/comm/join/join_phone.svg');} .joinwrap .joinbox .inp_join > li > .icon-password{background-image: url('/r/theme/beteast_v2/comm/join/join_password.svg');} .joinwrap .joinbox .inp_join > li > .icon-email{background-image: url('/r/theme/beteast_v2/comm/join/join_email.svg');} .joinwrap .joinbox .inp_join > li > .icon-bitcoin{background-image: url('/r/theme/beteast_v2/comm/join/join_bitcoin.svg');} .joinwrap .joinbox .inp_join > li > .icon-bank{background-image: url('/r/theme/beteast_v2/comm/join/join_bank.svg');} .joinwrap .joinbox .inp_join > li > .icon-acc{background-image: url('/r/theme/beteast_v2/comm/join/join_acc.svg');} .joinwrap .joinbox .inp_join > li > .icon-name{background-image: url('/r/theme/beteast_v2/comm/join/join_name.svg');} .joinwrap .joinbox .inp_join > li > .icon-otp{background-image: url('/r/theme/beteast_v2/comm/join/join_otp.svg');} .joinwrap .joinbox .inp_join > li > .icon-friend{background-image: url('/r/theme/beteast_v2/comm/join/join_friend.svg');} .joinwrap .joinbox .inp_join > li > .icon-telegram{background-image: url('/r/theme/beteast_v2/comm/join/join_tele.svg');} .joinwrap .joinbox .inp_join > li > input, .joinwrap .joinbox .inp_join > li > select{border: none;border-radius:0;} .joinwrap .joinbox .inp_join > li > input::placeholder{color: white;} .joinwrap .joinbox .required{top: 3px;left: 10px;} .joinwrap .info_box .info_content > p{margin-top: 10px;} .joinwrap .joinbox .inp_join > li.error{ border: 1px solid #FC5B5B;} .joinwrap .joinbox .inp_join > li .errortxt_join{color: #FC5B5B;font-size: 12px;position: absolute; bottom: -19px;} /*JOIN TELEGRAM */ .joinwrap .center_box.qr_telegram{width: 780px; height: 600px;} .joinwrap .center_box.qr_telegram .swiper-container{height:550px;color:#ffffff; text-align:center;} .joinwrap .center_box.qr_telegram .swiper-pagination-wrapper{width:100%; height:26px;text-align: center;} .joinwrap .center_box.qr_telegram .swiper-pagination-wrapper .swiper-pagination{margin: 4px 5px;display: contents;} .joinwrap .center_box.qr_telegram .joinbox{float: left; position: relative; width: 400px; padding: 45px 30px 30px; margin: 0px 0px 30px 27px; border-radius: 10px; box-shadow: 1px 5px 10px #0c0c0c; box-sizing: border-box;} .joinwrap .center_box.qr_telegram .joinbox .info_box{padding:40px 0 0 0;} .joinwrap .center_box.qr_telegram .joinbox .info_box .info_title span{height: 34px;} .joinwrap .center_box.qr_telegram .joinbox .info_box .info_content p{font-size:14px;} .joinwrap .deviderOr{margin: 10px auto 10px;position: relative;text-align: center; width: 328px;} .joinwrap .deviderOr:before{position: relative;content: "";display: block;background: #414E62;width: 100%;height: 1px;left: 0;top: 13px;} .joinwrap .deviderOr div{position: relative;display: inline-block;color: var(--text-primary);font-size: 16px;background: #212436;z-index: 10;padding: 0 15px;} .joinwrap .btn-telegram{border: 1px solid #1797ef; line-height: 40px;font-size: 16px;color: #1797ef;font-family: NotoSansKRBold;box-sizing: border-box;margin-bottom: 4px;border-radius: 10px;display: flex;align-items: center;justify-content: center;} .joinwrap .btn-telegram:before{content: '';display: inline-block;width: 20px;height: 20px; margin-right: 10px;background: url(/r/front/img/member/ico_login_telegram.svg) center / auto 15px no-repeat;position: relative;padding: .3rem;border-radius: 25px;background-color: #1797ef;} /* JOIN PAGE - END*/ .mypage_cont .tab_container .tab_top{position:relative;height:54px;border-bottom:2px solid #fff} .mypage_cont .tab_container .tab_menu{top:0;left:0;overflow:hidden;height:56px;position:relative} .mypage_cont .tab_container .tab_menu > li{float:left;margin-left:4px;width:160px;height:54px;color:#777;border:2px solid #333;border-bottom:0;border-radius:5px 5px 0 0;text-align:center;background:#222;line-height:54px;font-size:18px;cursor:pointer;box-sizing:border-box} .mypage_cont .tab_container .tab_menu > li:first-child{margin-left:0} .mypage_cont .tab_container .tab_menu > li.on{height:60px;border:2px solid #fff;color:#fff;border-bottom:2px solid #333} /* .deposit_wrap .agreebox{margin-top:25px;position:relative} .deposit_wrap .agreebox > p{text-align:center;color:#ccc;font-size:14px} .deposit_wrap .agreebox > .chkbox{position:absolute;top:-3px;right:140px} .deposit_wrap .agreebox > .chkbox label{display:inline-block;height:21px;line-height:21px;padding-top:1px;font-size:14px;color:#aaa;padding-left:31px;background:url(/r/front/img/mypage/ico_checkbox.png) left 0 no-repeat;cursor:pointer} .deposit_wrap .agreebox > .chkbox label.checked{background-position:left -59px} */ /* TELEGRAM QR CSS */ #loginModal .deviderOr{margin: 0px auto 15px;position: relative;text-align: center;} #loginModal .deviderOr:before{position: relative;content: "";display: block;background: #414E62;width: 100%;height: 1px;left: 0;top: 13px;} #loginModal .deviderOr div{position: relative;display: inline-block;color: var(--text-primary);font-size: 16px;background: var(--screen-tertiary);z-index: 10;padding: 0 15px;} .join_qr_wrap{width: 1250px; margin: 0 auto; padding-top: 10px; text-align: center;} .join_greeting .theme_logo{background: var(--main-logo) 50% no-repeat;width: 195px;margin: 73px auto 0;height: 55px;background-size: 100%;} .join_greeting .row-center {display: flex;justify-content: center;align-items: center;padding: 0 0 30px;gap: 16px;} .join_greeting .banner-slogan {border: 2px solid;border-radius: 30px;padding: 10px 16px;display: flex;justify-content: center;align-content: space-between;gap: 15px;font-weight: 600;align-items: center;} .join_greeting .banner-slogan.purple {border-color: rgba(104, 76, 178);background-color: rgba(104, 76, 178, 0.2);} .join_greeting .banner-slogan.orange {border-color: rgba(254, 156, 6);background-color: rgba(254, 156, 6, 0.2);} .join_greeting .banner-slogan.red {border-color: rgba(226, 35, 38);background-color: rgba(226, 35, 38, 0.2);} .join_greeting .icon-round {border-radius: 999px;height: 25px;width: 25px;background-size: 20px 20px;background-repeat: no-repeat;background-position: center;} .join_greeting .icon-round.purple {background-color: rgba(104, 76, 178);background-image: url('/r/front/img/beteast/icons/icon-crown.svg');} .join_greeting .icon-round.orange {background-color: rgba(254, 156, 6);background-image: url('/r/front/img/beteast/icons/icon-fast.svg');} .join_greeting .icon-round.red {background-color: rgba(226, 35, 38);background-image: url('/r/front/img/beteast/icons/icon-badge.svg');} #loginModal #qrArea{display: none; position: relative;width: 200px;height: 240px; margin:auto;} #qrImg {width: 200px;height: 200px;position: relative;display: none; border-radius: 15px;} #qrCenterIconArea { height: 200px;width: 200px;position: absolute;top: 0;display: none; } #qrCenterIcon { width: 35px;height: 35px;position: absolute;display: none;top: 114.5px;left: 82.5px; } .qr_content{background: var(--screen-tertiary);display: flex;flex-direction: column;width: 50%;margin: 0 auto;border-radius: 15px;padding: 2rem;} .qr_step_img{margin: 30px 0; width: 50%;} .qr_wrap{display: block; width: 200px; height: 200px; position: relative; margin: 0 auto;} .qr_wrap:after{position:absolute; top:-23px;left:-23px;width:250px;height:250px; content:"";} .qr_paragraph{ color: #fff;; font-size: 15px; margin-top:30px;} .qr_paragraph span{font-weight: bold;} .qr_paragraph_small{color: #97A1AF;font-size: 12px;} .qr_steps_title{color: #fff;font-weight: bold; font-size: 30px;} .loader {background: url(/r/front/img/member/ico_member.png) 0 0 no-repeat; width: 56px;height: 56px; position: relative; top: -127px; margin: 0 auto; z-index: 1; display: block;} #loginModal .loader {background: url(/r/theme/beteast_v2/comm/spinner.svg) 0 0 no-repeat;top: 0;width: 30px;height: 30px;padding: .3rem;} /* .btn_telegram {display: inline-block; width: 215px; height: 40px; background: #1e96c8; border: 1px solid #1e96c8; line-height: 40px; border-radius:10px; font-size: 16px; color: #fff; font-weight: bold; box-sizing: border-box; margin-bottom:4px;} .btn_telegram:hover{color: #1e96c8; background: #fff;} */ .btn_telegram{display:inline-block;width:100%;border:1px solid #00B0F2;;line-height:40px;font-size:16px;color:#00B0F2;font-family:NotoSansKRBold;box-sizing:border-box;margin-bottom:4px;border-radius: 10px;display: flex;align-items: center;justify-content: center; } .btn_telegram:before{content: '';display: inline-block;width: 32px;height: 32px; margin-right: 10px;background: url(/r/front/img/member/ico_login_telegram.svg) center / auto 16px no-repeat;position: relative;padding: 0;border-radius: 25px;background-color: #00B0F2;} #login-global-overlay .modal .row-center{padding: 5px 0 !important;} #theme_p_login_captchatxt{margin-bottom:5px;} .faq_board{width:100%;border-top:1px solid #444} .faq_board tbody td{padding:15px 0;color:#aaa;font-size:14px;line-height:18px;text-align:center;border-bottom:1px solid #444;vertical-align:top} .faq_board tbody td.title{text-align:left;padding-left:168px} .faq_board tbody td.title .txt_q{display:inline-block;padding:0 0 0 42px;height:20px;color:#cdcdcd;font-size:20px;background:url(/r/front/img/comm/ico_faq.png) 0 0 no-repeat} .faq_board tbody td.title .txt_q:hover{background:url(/r/front/img/comm/ico_faq.png) 0 -66px no-repeat;color:var(--main-color)} .faq_board tbody .on td.title .txt_q{background:url(/r/front/img/comm/ico_faq.png) 0 -130px no-repeat;color:var(--main-color)} .faq_board tbody td.title > .answer{position:relative;display:none;margin-top:17px;padding:20px 0 7px 45px;font-size:16px;line-height:22px;color:#fff} .faq_board tbody td.title > .answer em{display:block;width:18px;height:18px} .faq_board tbody td.title > .answer > span.liner{width:1148px;height:1px;display:block;position:absolute;top:0;left:-168px;background:#444} .faq_top_search_area{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:550px;margin:0 auto;padding:20px 0} .faq_top_search_area .design_sel {width: 40%;} .faq_top_search_area > button {width: 20%;} .my_faq .question_blue{color:#32beff;font-weight:500;font-size: 12px;} .my_faq .fcg{color:#97a1af!important;text-align:center;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:400;line-height:20px} .rownum {color:#97a1af!important;} /* .event{position:relative;float:left;min-width:408px;min-height:408px} .event .info{position:relative;width:100%;height:160px;padding:30px 20px;box-sizing:border-box;background:#333} .event .info .tit{font-size:18px;color:#fff;line-height:25px} .event .info .date{position:absolute;bottom:13px;left:20px;color:#aaa;font-size:14px} */ .event.calendar{margin-left:0} .event.calendar:hover{top:0;box-shadow:none} .event .fin_layer{display:none;position:absolute;left:0;top:0;bottom:0;width:100%;background:url(/r/front/img/comm/bg_black40.png) 0 top repeat} .event .fin_layer > span{display:block;position:absolute;left:50%;top:50%;width:160px;height:44px;margin:-22px 0 0 -80px;background:#000;text-align:center;color:#fff;font-size:18px;line-height:44px} .event.fin .fin_layer{display:block} .event .thumb{height:185px;} .event .thumb img{border-radius:16px 16px 0 0;} .event .thumbCal{height:260px} .event_section .evt_detail{position:relative;width:1100px;margin:0 auto;padding-top:30px;padding-bottom:50px} .event_section .top_area .tit_evt{position:relative;padding-bottom:20px;font-size:24px;color:#fefefe;font-weight:bold;text-align:center} .event_section .top_area .tit_evt > em{position:absolute;left:50%;bottom:0;display:block;width:46px;margin-left:-23px;height:1px;background:#fff} .event_section .top_area .tit{margin-top:50px;margin-bottom:35px;color:#fefefe;font-size:35px;font-weight:bold;text-align:center} .event_section .evt_info{background:#1a1a1a;padding:37px 20px} .event_section .evt_info .info_table{width:100%;table-layout:fixed} .event_section .evt_info .info_table th{padding:0 0 0 5px;height:36px;border-bottom:1px solid #444;color:#fff;font-size:14px;text-align:left} .event_section .evt_info .info_table td{height:36px;border-bottom:1px solid #444;color:#fff;font-size:14px} .event_section .evt_info .info_table td > a{color:#222;font-size:14px} .event_section .evt_info .info_table td.contents{border-bottom:0} .event_section .evt_info .info_table td.contents .inbox{padding:40px 23px} .event_section .evt_info .info_table td.contents .inbox .title{margin-top:40px;color:#222;font-size:16px;font-weight:bold;line-height:28px} .event_section .evt_info .info_table td.contents .inbox .details{margin-top:5px} .event_section .evt_info .info_table td.contents .inbox .details li{color:#222;font-size:16px;line-height:28px} .event_section .evt_info .info_table td.contents .inbox img{width:100%} .event_section .bts{text-align:right;margin-top:30px} .event_section .bts .bt_go_list{display:inline-block;border:1px solid #fff;text-align:center;color:#fff;font-size:14px;} .event_section .event_join{width:240px;height:56px;line-height:56px;border:2px solid var(--main-color);color:var(--main-color);font-size:20px;border-radius:28px} .event_section .event_join:hover{background:var(--main-color);color:#222} .event_request{width:200px;height:48px;line-height:48px;border:2px solid var(--main-color);color:var(--main-color);font-size:20px;border-radius:28px;margin-top:20px} .event_request:hover{background:var(--main-color);color:#fff} .cs_section .cs_con .cs_board{width:1148px;overflow:hidden;margin:0 auto;padding:0 4px;box-sizing:border-box} .cs_section .cs_con .cs_board > div{float:right} .cs_section .cs_con .cs_board > div:first-child{float:left} .cs_section .cs_con .cs_board .board_box{width:567px;height:420px;border:1px solid #444;box-sizing:border-box} .cs_section .cs_con .cs_board .board_box .top{position:relative;height:57px;padding:15px 0 0 15px;background:#333;box-sizing:border-box} .cs_section .cs_con .cs_board .board_box .top h4{padding:0 0 0 21px;font-size:20px;height:24px;line-height:24px;color:#fff;font-weight:bold;background:url(/r/front/img/comm/bg_bar_yellow.png) 0 0 no-repeat} .cs_section .cs_con .cs_board .board_box .top a{display:block;position:absolute;top:12px;right:15px;width:80px;height:32px;font-size:0;text-indent:-999px;background:url(/r/front/img/comm/bt_cs_more.png) 0 0 no-repeat} .cs_section .cs_con .cs_board .board_box .top a:hover{background:url(/r/front/img/comm/bt_cs_more_on.png) 0 0 no-repeat} .cs_section .cs_con .cs_board .board_box .bot{width:100%;height:360px;padding:0 17px;background:#222;box-sizing:border-box} .cs_section .cs_con .cs_service{width:1148px;margin:0 auto;padding-top:8px} .cs_section .cs_con .cs_service .cs_list{overflow:hidden} .cs_section .cs_con .cs_service .cs_list > li{float:left;width:281px;height:200px;margin-left:8px;margin-top:8px;box-sizing:border-box;background:#333 url(/r/front/img/comm/cs_list_icon.png) 0 0 no-repeat} .cs_section .cs_con .cs_service .cs_list > li .top{position:relative;height:57px;padding:15px 0 0 12px;background:#333;box-sizing:border-box} .cs_section .cs_con .cs_service .cs_list > li .top h4{padding:0 0 0 18px;font-size:20px;height:24px;line-height:24px;color:#fff;font-weight:bold;background:url(/r/front/img/comm/bg_bar_yellow.png) 0 0 no-repeat} .cs_section .cs_con .cs_service .cs_list > li .top a{display:block;position:absolute;top:22px;right:15px;font-size:14px;color:#ccc;text-decoration:underline} .cs_section .cs_con .cs_service .cs_list > li .top a:hover{color:#fefefe} .cs_section .cs_con .cs_service .cs_list > li > p{margin-top:115px;text-align:center;color:#ccc;font-size:12px} .cs_section .cs_con .cs_service .cs_list > li.cs1{background-position:50% 72px;margin-top:0} .cs_section .cs_con .cs_service .cs_list > li.cs2{background-position:50% -149px;margin-top:0;margin-left:0} .cs_section .cs_con .cs_service .cs_list > li.cs3{background-position:50% -370px;margin-top:0} .cs_section .cs_con .cs_service .cs_list > li.cs4{background-position:50% -593px;margin-top:0} .cs_section .cs_con .cs_service .cs_list > li.cs5{background-position:50% -816px;margin-left:0} .cs_section .cs_con .cs_service .cs_list > li.cs6{background-position:50% -1251px} .cs_section .cs_con .cs_service .cs_list > li.cs7{position:relative;padding:20px 0 0 36px;background:#222;border:1px solid #444;width:570px;height:200px;float:right} .cs_section .cs_con .cs_service .cs_list > li.cs7 .txt1{font-size:18px;color:#ddd} .cs_section .cs_con .cs_service .cs_list > li.cs7 .txt2{font-size:20px;color:var(--main-color);font-weight:700;margin-top:5px} .cs_section .cs_con .cs_service .cs_list > li.cs7 .txt3{font-size:14px;color:#ccc;margin-top:10px;line-height:20px} .cs_section .cs_con .cs_service .cs_list > li.cs7 .tel{font-size:21px;color:var(--main-color);margin-top:35px} .cs_section .cs_con .cs_service .cs_list > li.cs7 .r_img{position:absolute;right:8px;top:8px;width:315px;height:182px;background:url(/r/front/img/comm/cs_tel.jpg) no-repeat} .guide_section{background:url(/r/front/img/mypage/bg_mypage.jpg) right 48px no-repeat} .guide_section .guide_top{width:1148px;margin:0 auto} .guide_section .guide_top .greeting{position:relative;text-align:center;padding:90px 0 47px;height:238px;box-sizing:border-box} .guide_section .guide_top .greeting h3{font-size:40px;color:#fff;line-height:1.2;font-family:NotoSansKR-bold} .guide_section .guide_bot{padding:42px 0 80px;background:#222} .guide_section .guide_bot .inbox{width:1148px;margin:0 auto;padding:0 4px;box-sizing:border-box} /*login header*/ .wrapper_login{position:relative;top:0;bottom:0;width:100%;overflow:hidden;background: #202436;} .wrapper_login .header{box-shadow: none;} .wrapper_login .header .inner{width: 100%;min-width:1180px; height: 88px; padding: 0; margin: 0 auto; box-sizing: border-box;} .wrapper_login .header .inner h1{float:left;height:70px;} .wrapper_login .header .inner h1 a{float: left; margin-right: 15px; margin-top: -13px;} hr, caption, legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden} .hide, .blindtext{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden} input[type=text]:focus{outline:none} input[type=password]:focus{outline:none} input[type=text].msg_err{color:red;font-size:12px;display:none} .idpw_section{width:1250px;padding:0 0 100px;margin:0 auto} .idpw_greeting{position:relative;width:100%;height:272px} .idpw_greeting .inner{width:1040px;margin:0 auto;padding:70px 0 0 40px} .idpw_greeting .inner .tit{font-size:33px;color:#fff} .idpw_greeting .inner .txt{margin-top:18px;font-size:18px;color:#fff;line-height:29px} .idpw_greeting .inner .txt em{color:var(--main-color);font-size:18px} .idpw_greeting .visual_img{position:absolute;top:50px;left:50%;display:block;margin-left:201px;width:258px;height:261px;background:url(/r/front/img/member/bg_idpw1.png) 0 0 no-repeat} .idpw_greeting .visual_img2{position:absolute;top:424px;left:50%;display:block;width:399px;height:319px;margin-left:-539px;background:url(/r/front/img/member/bg_idpw2.png) 0 0 no-repeat} .idpwboxwrap{width:360px;padding-bottom:0;margin:0 auto;position:relative;background:#222} .idpwboxwrap .idpwTab{position:absolute;left:0;top:0} .idpwboxwrap .idpwTab > li{width:154px;height:45px;float:left;margin-left:52px} .idpwboxwrap .idpwTab > li > a{width:154px;height:45px;display:block;position:relative;text-align:center;border-radius:16px 16px 0 0} .idpwboxwrap .idpwTab > li > a > span{display:inline-block;padding:8px 0 0;color:#ccc;font-size:14px;font-family:NotoSansKR-bold} .idpwboxwrap .idpwTab > li > a > span > em{color:#ccc} .idpwboxwrap .idpwTab > li:first-child{margin-left:0} .idpwboxwrap .idpwTab > li.li1 > a{background:#333} .idpwboxwrap .idpwTab > li.li2 > a{background:#333} .idpwboxwrap .idpwTab > li.on{border-radius:10px;box-shadow:1px 5px 10px #0c0c0c;box-sizing:border-box} .idpwboxwrap .idpwTab > li.li1:hover > a{background:#555} .idpwboxwrap .idpwTab > li.li2:hover > a{background:#555} .idpwboxwrap .idpwTab > li.li1:hover > a > span{color:#222} .idpwboxwrap .idpwTab > li.li1:hover > a > span > em{color:#222} .idpwboxwrap .idpwTab > li.li2:hover > a > span{color:#222} .idpwboxwrap .idpwTab > li.li2:hover > a > span > em{color:#222} .idpwboxwrap .idpwTab > li.li1.on > a{background:#222;z-index:99} .idpwboxwrap .idpwTab > li.li2.on > a{background:#222;z-index:99} .idpwboxwrap .idpwTab > li.li1.on > a > span{color:#ccc} .idpwboxwrap .idpwTab > li.li1.on > a > span > em{color:var(--main-color)} .idpwboxwrap .idpwTab > li.li2.on > a > span{color:#ccc} .idpwboxwrap .idpwTab > li.li2.on > a > span > em{color:var(--main-color)} .idpwboxwrap .idpwbox{position:relative;left:0;top:0;width:360px;padding:45px 30px 30px;margin:0 auto;border-radius:10px;box-shadow:1px 5px 10px #0c0c0c;box-sizing:border-box;background:#222} .idpwboxwrap .idpwbox .icon_mem{position:absolute;top:-28px;left:50%;margin-left:-27px;display:none;width:56px;height:56px;background:url(/r/front/img/member/ico_schidpw.png) 0 0 no-repeat;z-index:100} .idpw_section .idpwbox .inp_pwid{width:100%;margin-top:32px} .idpw_section .idpwbox .inp_pwid > li{position:relative;margin-top:24px;padding-left:37px;height:32px;border-bottom:2px solid #333;background:url(/r/front/img/member/icons_login_2.png) -99px 0 no-repeat} .idpw_section .idpwbox .inp_pwid > li > input{width:230px;border:0;background:#222;height:32px;line-height:32px;color:#ccc;font-size:14px} .idpw_section .idpwbox .inp_pwid > li.phon{background-position:3px -161px} .idpw_section .idpwbox .inp_pwid > li.id{background-position:3px 6px} .idpw_section .idpwbox .inp_pwid > li.mail{background-position:3px -115px} .idpwbox .inp_pwid > li > input{width:225px;border:0;background:#222;height:32px;line-height:32px;color:#ccc;font-size:14px} .idpwbox .inp_pwid > li > input::-webkit-input-placeholder{color:#ccc;font-size:11px;} .idpwbox .inp_pwid > li > input:-ms-input-placeholder{color:#ccc;font-size:11px;} .idpwBoxDiv{display:none} .idpwBoxDiv .inp_mbrRel .numbox input{background: #fff2 !important; border-radius: 5px; border: none; padding: 10px;color: #fff; margin-right: 10px; text-align: center; letter-spacing: 0;} .idpwbox .bot_btn{margin-top:35px;text-align:center} .idpwbox .bot_btn .bt_ipsch{display:inline-block;width:140px;height:40px;background: var(--main-color);line-height:40px;border-radius:20px;font-size:14px;font-weight:bold;box-sizing:border-box} .idpwbox .bot_btn .bt_ipsch:hover{color:#222} #btnSendCertificate{/*background-color: var(--main-color); padding: 10px;*/ border-radius: 5px;} #certifyTimer{display: flex;justify-content: center;font-size: 30px;font-weight: bold;} .layer_idpwCom{display:none;position:absolute;left:50%;top:50%;z-index:200} .layer_idpwCom.layer_idpwpopname{width:401px;margin:-250px 0 0 -201px} .layer_idpwCom.layer_idpw2popname{width:401px;margin:-190px 0 0 -201px} .layer_idpwCom .bt_close{position:absolute;top:0;right:0;display:block;width:40px;height:40px;background:url(/r/front/img/main/bt_close.png) 0 0 no-repeat;font-size:0;text-indent:-99px} .layer_idpwCom .layer_inner{width:401px;padding-bottom:24px;margin-top:50px;background:#fff;position:relative;text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px} .layer_idpwCom .layer_inner .icochk{padding-top:24px;text-align:center} .layer_idpwCom .layer_inner .txt_big{padding-top:15px;font-size:18px;color:#444;line-height:35px;font-family:NotoSansKR-bold} .layer_idpwCom .layer_inner .txt_big > span{color:var(--main-color)} .layer_idpwCom .layer_inner .txt{margin-top:5px;font-size:14px;color:#777;line-height:24px} .layer_idpwCom .layer_inner .txt span{color:#444;font-family:NotoSansKR-bold} .layer_tutorial .layer_inner .bt_area{margin-top:25px} .layerbot_btn{margin-top:10px;text-align:center} .layerbot_btn .layerbt_submit{display:inline-block;width:128px;height:32px;background:var(--main-color);border:1px solid var(--main-color);line-height:32px;border-radius:20px;font-size:14px;color:#fff;font-weight:bold;box-sizing:border-box} .layerbot_btn .layerbt_submit:hover{background:#e37d19;border:1px solid var(--main-color)} .mbrRel_section{padding:0 0 100px} .mbrRel_greeting{position:relative;width:100%;height:272px} .mbrRel_greeting .inner{width:1040px;margin:0 auto;padding:70px 0 0 40px} .mbrRel_greeting .inner .tit{font-size:33px;color:#fff} .mbrRel_greeting .inner .txt{margin-top:18px;font-size:18px;color:#fff;line-height:29px} .mbrRel_greeting .inner .txt em{color:var(--main-color);font-size:18px} .mbrRel_greeting .inner .txt .info_desc{color:#ccc;font-size:12px} .mbrRel_greeting .visual_img{position:absolute;top:23px;left:50%;display:block;margin-left:155px;width:319px;height:236px;background:url(/r/front/img/member/bg_mbrRel.png) 0 0 no-repeat} .mbrRel_section .mbrRelbox{position:relative;width:360px;padding:45px 30px 20px;margin:0 auto;border-radius:10px;box-shadow:1px 5px 10px #0c0c0c;box-sizing:border-box} .mbrRel_section .mbrRelbox .title{text-align:center;color:#ccc;font-size:20px;margin-bottom:8px} .mbrRel_section .mbrRelbox .icon_mem{position:absolute;top:-54px;left:50%;margin-left:-27px;display:block;width:56px;height:86px;background:url(/r/front/img/member/ico_mbrRel.png) 0 0 no-repeat;background-size:56px} .mbrRel_section .mbrRelbox .inp_mbrRel{width:100%;margin-top:32px} .mbrRel_section .mbrRelbox .inp_mbrRel > li{position:relative;width:284px;margin-top:10px;padding-left:37px;height:34px;border-bottom:2px solid #333;background:url(/r/front/img/member/icons_login_2.png) -99px 0 no-repeat;box-sizing:border-box} .mbrRelbox .inp_mbrRel > li.ico2{background-position:3px -35px} .mbrRelbox .inp_mbrRel > li.ico4{background-position:3px -161px} .mbrRelbox .inp_mbrRel > li .bt_phone{position:absolute;top:1px;right:-90px} .mbrRelbox .inp_mbrRel .bt_yellow{display:inline-block;width:80px;height:32px;background:#222;border:1px solid var(--main-color);line-height:32px;border-radius:5px;font-size:12px;color:var(--main-color);text-align:center;font-weight:bold;box-sizing:border-box} .mbrRelbox .inp_mbrRel .bt_yellow:hover{background:var(--main-color);color:#222} .mbrRelbox .inp_mbrRel > li.confirm > p{float:left;color:#ccc;font-size:12px;line-height:1.2;margin-top:8px;margin-right:10px} .mbrRelbox .inp_mbrRel > li.confirm > div{position:relative;float:left;width:115px;height:28px;padding:0 0 0 5px;border:1px solid #777;box-sizing:border-box;border-radius:5px} .mbrRelbox .inp_mbrRel > li.confirm > div > input{width:65px;border:0;height:26px;padding:0 0 0 5px} .mbrRelbox .inp_mbrRel > li.confirm > div > span{position:absolute;right:3px;top:6px;color:#fff} .mbrRelbox .inp_mbrRel > li.confirm > .bt_resend{position:absolute;top:-2px;right:-21px} .mbrRel_section .mbrRelbox .inp_mbrRel > li > input{width:225px;border:0;background:#222;height:32px;line-height:32px;color:#ccc;font-size:14px} .mbrRel_section .mbrRelbox .inp_mbrRel > li > input::-webkit-input-placeholder{color:#ccc;font-size:11px;} .mbrRel_section .mbrRelbox .inp_mbrRel > li > input:-ms-input-placeholder{color:#ccc;font-size:11px;} .mbrRel_section .msg_err{color:red;font-size:12px;padding:2px 0 0 36px;display:none} .mbrRelbox .bot_btn{margin-top:35px;text-align:center} .mbrRelbox .bot_btn .bt_mbrRel{display:inline-block;width:140px;height:40px;background:#222;border:1px solid var(--main-color);line-height:40px;border-radius:20px;font-size:14px;color:var(--main-color);font-weight:bold;box-sizing:border-box} .mbrRelbox .bot_btn .bt_mbrRel:hover{background:var(--main-color);color:#222} .partners_section .partners_vis{position:relative} .partners_section .partners_vis .banner{position:relative;width:1900px;left:50%;margin-left:-950px} .partners_section .partners_vis .banner .bt_partners{position:absolute;top:465px;left:444px;display:inline-block;width:240px;height:56px;background:var(--main-color);border:1px solid var(--main-color);line-height:56px;border-radius:28px;font-size:20px;color:#fff;font-weight:bold;box-sizing:border-box;text-align:center} .partners_section .infobox{text-align:center;background:#2b2b2b;width:1900px;height:580px;background:url(/r/front/img/comm/info_partners.jpg) no-repeat} .partners_section .join_form{width:820px;margin:0 auto;padding:90px 0 80px} .partners_section .join_form > h4{margin-bottom:70px;text-align:center;font-size:40px;color:var(--main-color);font-family:NotoSansKR-bold} .partners_section .join_form .inp_join{width:100%;overflow:hidden} .partners_section .join_form .inp_join > li{position:relative;width:400px;height:60px;float:left;border-bottom:1px solid #333;box-sizing:border-box} .partners_section .join_form .inp_join > li.scd{float:right} .partners_section .join_form .inp_join > li p.title{position:relative;float:left;width:45px;line-height:60px;background:url(/r/front/img/member/icons_modify.png) 0 0 no-repeat;font-size:0;text-indent:-999px} .partners_section .join_form .inp_join > li input{float:left;width:350px;margin-top:9px;border:0;background:#222;height:40px;line-height:40px;color:#fff;font-size:16px} .partners_section .join_form .inp_join > li input::-webkit-input-placeholder{color:#555;font-size:14px;} .partners_section .join_form .inp_join > li input:-ms-input-placeholder{color:#555;font-size:14px;} .partners_section .join_form .inp_join > li p.ico1{background-position:-4px -2px} .partners_section .join_form .inp_join > li p.ico2{background-position:-3px -76px} .partners_section .join_form .inp_join > li p.ico3{background-position:-2px -145px} .partners_section .join_form .inp_join > li p.ico4{background-position:-2px -214px} .partners_section .join_form .inp_join > li p.ico5{background-position:-2px -641px} .partners_section .join_form .inp_join > li p.ico6{background-position:-2px -719px} .partners_section .join_form .inp_join > li p.ico7{background-position:-2px -798px} .partners_section .join_form .inp_join > li .err_ico{position:absolute;right:0;top:6px;width:20px;height:20px;display:block;background:url(/r/front/img/member/ico_err.png) 0 0 no-repeat} .partners_section .join_form .inp_join > li .err_msg{position:absolute;top:40px;left:30px;font-size:11px;color:#fe0000} .partners_section .join_form .btn_wrap{text-align:center;margin-top:100px} .partners_section .join_form .btn_wrap .bt_ptn_join{display:inline-block;width:200px;height:56px;background:#222;border:1px solid var(--main-color);line-height:56px;border-radius:28px;font-size:20px;color:var(--main-color);font-weight:bold;box-sizing:border-box;text-align:center} .partners_section .join_form .btn_wrap .bt_ptn_join:hover{background:var(--main-color);color:#222} .alliance{margin-top:100px;width:100%} .alliance > ul{overflow:hidden} .alliance > ul > li{float:left;width:33.3%;text-align:left} .alliance > ul > li > div{padding-left:65px;height:60px;text-align:left;background:url(/r/front/img/comm/partner_contact.png) 0 0 no-repeat;background-size:60px} .alliance > ul > li > div.phone{background-position:0 -90px} .alliance > ul > li > div.email{background-position:0 0} .alliance > ul > li > div.telegram{background-position:0 -180px} .alliance > ul > li > div p{line-height:25px;padding-top:10px;font-size:15px;font-weight:700;padding-left:10px} .alliance > ul > li > div .alliance_title{color:#ccc} .alliance > ul > li > div .alliance_contact{color:var(--main-color);padding:0} .jackpot-alert-wrapper{position:fixed;top:100px;right:100px;width:260px;z-index:99999} .jackpot-alert .inner{display:block;padding:15px;margin:6px;border-radius:3px;background-color:#fff;box-shadow:3px 3px 10px #333} .jackpot-alert .inner p{font-size:11px;font-weight:700;color:#222} .jackpot-alert .inner p em{color:#222;font-size:12px;font-weight:bold} .jackpot-alert .inner span{display:block;margin-top:5px;font-weight:700;color:#444} .jackpot-alert .alrimClose{float:right;margin:3px 16px 0 0;cursor:pointer;width:inherit;color:#848484} .jackpot-alert .inner, .alert .close{color:#fff} .jackpot-alert input{display:none} .jackpot-alert input:checked ~ *{animation-name:dismiss, hide;animation-duration:300ms;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards;animation-delay:0s, 100ms} /* gamelist title */ .titlebox{position:relative;padding:70px 0 24px 0} .titlebox h4{ height: 30px; padding: 0 ; font-size: 20px; color: #fff; line-height: 30px; font-weight:bold;} .titlebox .bt_all{ position: absolute; right:110px;top: 78px;width: auto; height: 38px; line-height: 38px; text-align:center; padding:0 10px; font-size: 14px; font-weight: normal; background:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%); color: #fff; min-width: 80px; border-radius:25px;} .titlebox .bt_all:hover{color:#fff;} /* .titlebox.type2 h4{height:41px;padding:0 0 0 22px;font-size:16px;color:var(--main-color);line-height:41px;background:url(/r/front/img/template1/comm/bg_titlebox2.png) 0 0 no-repeat}*/ /*BANNER*/ #theme_banner_outer{position:relative;} #theme_banner_outer .swiper-slide{width:545px; height:auto;} #theme_banner_outer .swiper-slide .bannerLink { display: block; background-repeat: no-repeat; background-position: 50% 50%; filter: blur(5px) brightness(.5);height:auto; } #theme_banner_outer .swiper-slide .bannerLink img{width:100%;} #theme_banner_outer .swiper-pagination-fraction{bottom:35px;left:auto;right:15px;width:50px} #theme_banner_outer .swiper-container{width: 100%; height: auto; margin-left: auto; margin-right: auto;} /* #theme_banner_outer .swiper-container:after{background:#0b1016;content:"";display:block;height:350px;position:absolute;top:0;width:100%} */ #theme_banner_outer .swiper-btns{width:100%;height:100%;position: absolute; top:0; left:0; } #theme_banner_outer .swiper-btns .swiper-button-prev, #swiper-event-prev{width:40px;height:40px; border-radius:50%; color:#fff;left:0;background:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%); font-size:16px;} #theme_banner_outer .swiper-btns .swiper-button-next, #swiper-event-next{width:40px;height:40px; border-radius:50%; color:#fff;right:0;background:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%); font-size:16px;} #theme_banner_outer .swiper-btns .swiper-button-next:after,#theme_banner_outer .swiper-btns .swiper-button-prev:after{font-size:16px;} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{color:#ccc;right:calc(17% - 7px)} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{color:#ccc;left:calc(18% - 13px)} /* .swiper-slide.swiper-lazy.swiper-lazy-loaded .bannerLink{filter: blur(5px) brightness(.5);height:370px;margin-top:25px;} */ #theme_banner_outer .swiper-slide.swiper-slide-active .bannerLink{filter:none;height:auto;margin-top:0;} .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets{background-color:rgba(0,0,0,.5);border-radius:25px;bottom:35px;color:#fff;left:inherit;padding:10px 20px;right:21%;width:30px} /*.banner_wrap{width:100%;margin:auto;padding: 0 60px;box-sizing: border-box; background-image: linear-gradient(241deg, #f54253 17.25%, #ae0012 95.91%);}*/ #swiper-main .swiper-slide{width:100%;max-width:1180px;border-radius:var(--border-radius);overflow:hidden} #swiper-main .swiper-slide img{width:100%;height:auto;} /*Banner Event*/ #theme_banner_outer{--border-radius: 12px; margin: 40px 60px 20px;} /* main banner swiper */ #theme_banner_outer.swiper-3d .swiper-slide-shadow-left {padding: 20px 0;background: linear-gradient(90deg, var(--primary-bg) 0%, var(--primary-bg) 50%, rgba(0,0,0,0) 100%);} #theme_banner_outer.swiper-3d .swiper-slide-shadow-right {padding: 20px 0;background: linear-gradient(90deg, rgba(0,0,0,0) 0%, var(--primary-bg) 50%, var(--primary-bg) 100%);} #theme_banner_outer.swiper {padding-bottom: 30px;} #theme_banner_outer.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 0;} #theme_banner_outer.swiper-pagination-bullet {background: rgba(255, 255, 255, 0.5);} #theme_banner_outer.swiper-pagination-bullet-active{background:linear-gradient(180deg,#2cb4ff 2.6%,#2070ce 95.54%),linear-gradient(180deg,#ffa692 2.6%,#fe7657 10.42%,#ff1d00 45.98%,#cb2718 95.54%);border-radius:999px;width:25px;transition:width .3s} #theme_banner_outer .banner{position:relative;z-index:1;height:340px;border-radius:var(--border-radius);box-shadow:0 8px 12px 0 rgba(0,0,65,.4)} #theme_banner_outer .content .bg-img::before{height:310px;} /* banner content */ .event_wrapper .banner{position:relative;z-index:1;height:280px;border-radius:var(--border-radius);box-shadow:0 8px 12px 0 rgba(0,0,65,.4)} .event_wrapper .banner .content{height:100%;padding:20px;box-sizing:border-box;} .event_wrapper .banner .content .bg-img::before{content:"";position:absolute;top:0;left:0;background:var(--pattern-bg);filter:brightness(500%);height:280px;width:100%} .event_wrapper .banner .content .bg-img{width:100%} /* banner left */ .event_wrapper .banner .content .left{display:grid;grid-template-rows:1fr 1fr;width:100%;height:100%} .event_wrapper .banner .content .left .top{display:flex;flex-direction:column;gap:5px;z-index:3} .event_wrapper .banner .content .left .top .title{font-size:28px;font-style:italic;font-weight:900; color:white} .event_wrapper .banner .content .left .top .subtitle{font-size:16px;color:white} .event_wrapper .banner .content .left .bottom{z-index:3;position: absolute;bottom: 20px;} .event_wrapper .banner .content .left .bottom i{font-size:14px;border:2px solid #fff;border-radius:100%;padding:3px;opacity:.8;color:white} .event_wrapper .banner .content .left .bottom .items{display:flex;align-items:center;gap:15px} /* banner right */ .event_wrapper .banner .content .right{position:absolute;top:0;right:0;width:100%;height:100%;filter:drop-shadow(-8px 0px 0px rgba(0, 0, 0, .65));z-index:2} .event_wrapper .banner .content .right .bg-img{position:absolute;right:0;object-fit:cover;width:40%;height:100%;border-radius:0 var(--border-radius) var(--border-radius) 0;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%)} @media (min-width:992px){ section.main-banner .banner{height:310px} section.main-banner .banner .content .left{width:66.66%} section.main-banner .banner .content .left .top{gap:15px} section.main-banner .banner .content .right .bg-img{width:33.33%} } .main-banner-overlay-left{background-image: linear-gradient(90deg, #090c1b, rgba(9, 12, 27, .5) 50%, transparent);width: 30%;height: 100%;position: absolute;left:0;z-index: 1;} .main-banner-overlay-right{background-image: linear-gradient(270deg, #090c1b, rgba(9, 12, 27, .5) 50%, transparent);width: 30%;height: 100%;position: absolute;right:0;z-index: 1;} .banner.sport{background:linear-gradient(241deg,#f54253 17.25%,#ae0012 95.91%),linear-gradient(245deg,#fe9c06 40.5%,#ff7008 93.71%)} .banner.livecasino{background:linear-gradient(245deg,#fe9c06 40.5%,#ff7008 93.71%),linear-gradient(241deg,#f54253 17.25%,#ae0012 95.91%)} .banner.slot{background:linear-gradient(245deg,#6f52bb 16.47%,#4f3691 96.59%),linear-gradient(241deg,#f54253 17.25%,#ae0012 95.91%)} .banner .label{border-radius:5px;padding:5px;width:fit-content;text-transform:uppercase;color:#000;font-size:14px;font-weight:800} .banner .label.white { color: #fff;background: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.2)} /* MAIN SECTION - CONTENTS */ .main_section .contents{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;} .main_section .contents > *{flex:0 0 auto;z-index:0} /*EVENT*/ section.top-promotions{--border-radius:16px;/*background:rgba(2,116,220,.2)*/;padding:40px 0} section.top-promotions .inner{width:100%;padding:0 60px; box-sizing: border-box; margin:0 auto;position:relative; max-width:calc(100vw - 9px);} section.top-promotions .top-header{display: flex;justify-content: space-between;margin-bottom: 20px;align-items: center;} section.top-promotions .top-header h4{color: white;} section.top-promotions .top-header .view-more-row{display: flex; justify-content: space-between;align-items: center;gap: 15px;} section.top-promotions.blue{--border-radius:16px;background:linear-gradient(180deg, #0084FF 0%, #014088 100%);padding:40px 0} section.top-promotions .swiper{margin-top:30px} section.top-promotions .eventList .swiper-slide a > p {font-size: 28px;font-style: italic;font-weight: 900; color: white;margin-top: 5px;} section.top-promotions .eventList .swiper-slide a > em {font-size: 16px;} section.top-promotions .categories{display:flex;flex-direction:row;gap:10px;overflow:hidden;overflow-x:auto; margin-bottom: 10px; position: relative !important;} section.top-promotions .categories .btn{white-space:nowrap} section.top-promotions .banner{position:relative;z-index:1;width:100%;height:340px;border-radius:var(--border-radius);box-shadow:0 8px 12px 0 rgba(0,0,65,.4)} section.top-promotions .banner .content{height:100%;padding:20px} section.top-promotions .banner .content .bg-img::before{content:"";position:absolute;top:0;left:0;background:var(--pattern-bg);filter:brightness(500%);height:310px;width:100%} section.top-promotions .banner .content .bg-img{width:100%} /* eventlist */ section.top-promotions .container .tabContainer .tabCon .eventList{overflow:hidden;gap:25px} section.top-promotions .container .tabContainer .tabCon .eventList li{min-width:368px} section.top-promotions .container .tabContainer .tabCon .eventList li p{margin-top:30px;font-size:20px;color:#fff;font-weight:700} section.top-promotions .container .tabContainer .tabCon .eventList li em{display:block;margin-top:14px;font-size:14px;color:#ccc} /* left side */ section.top-promotions .banner .content .left{display:grid;grid-template-rows:1fr 1fr;width:100%;height:100%} section.top-promotions .banner .content .left .top{display:flex;flex-direction:column;gap:5px;z-index:3} section.top-promotions .banner .content .left .top .title{font-size:28px;font-style:italic;font-weight:900} section.top-promotions .banner .content .left .top .subtitle{font-size:16px} section.top-promotions .banner .content .left .bottom{align-self:flex-end;z-index:3} section.top-promotions .banner .content .left .bottom i{font-size:14px;border:2px solid #fff;border-radius:100%;padding:3px;opacity:.8} section.top-promotions .banner .content .left .bottom .items{display:flex;align-items:center;gap:15px} /* right side */ section.top-promotions .banner .content .right{position:absolute;top:0;right:0;width:100%;height:100%;filter:drop-shadow(-8px 0px 0px rgba(0, 0, 0, .65));z-index:2} section.top-promotions .banner .content .right .bg-img{position:absolute;right:0;object-fit:cover;width:50%;height:100%;border-radius:0 var(--border-radius) var(--border-radius) 0;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%)} section.top-promotions .banner .content .expiry{position:absolute;top:0;right:0;margin:20px;z-index:3;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#fdff67;color:#000;font-size:14px;width:fit-content;padding:2px;align-items:center;font-weight:800;text-transform:uppercase;filter:none} @media (min-width:992px){section.top-promotions .banner{height:310px}section.top-promotions .banner .content .left{width:66.66%}section.top-promotions .banner .content .left .top{gap:15px}section.top-promotions .banner .content .right .bg-img{width:33.33%}} /*JACKPOT*/ .main_section .contents .status .jackpot{width:496px;padding:0 125px 7px 7px} .main_section .contents .status .jackpot.swiper-container{height:330px;} .main_section .contents .status .jackpot .bx-viewport{height:340px!important;width:487px!important} .main_section .contents .status .jackpot .jackpot_list{width:365px} .main_section .contents .status .jackpot .jackpot_list > li{position:relative;width:360px;margin-left:-7px;margin-top:5px;cursor:pointer;} .main_section .contents .status .jackpot .jackpot_list > li:first-child{margin-top:0} .main_section .contents .status .jackpot .jackpot_list > li.on{height:87px} .main_section .contents .status .jackpot .jackpot_list > li .thumb{box-shadow:1px 4px 24px #1d1a1a} .main_section .contents .status .jackpot .jackpot_list > li .normal{position:relative;height:36px;background:#222;border-radius:3px} .main_section .contents .status .jackpot .jackpot_list > li.on .normal{display:none} .main_section .contents .status .jackpot .jackpot_list > li .normal .name{float:left;padding:0 0 0 10px;margin:0 10px 0 0;font-size:12px;color:#fff;line-height:34px;text-align:left} .main_section .contents .status .jackpot .jackpot_list > li .normal .game{float:left;font-size:12px;color:#fff;font-weight:700;line-height:34px;text-align:left} .main_section .contents .status .jackpot .jackpot_list > li .normal .money{position:absolute;font-family: var(--sub-font);right:8px;top:0;font-size:12px;font-weight:bold;color:#fff;line-height:34px} .main_section .contents .status .jackpot .jackpot_list > li .normal .thumb{position:absolute;width:80px;height:80px;top:-20px;right:-106px;z-index:3} .main_section .contents .status .jackpot .jackpot_list > li .normal .thumb img{width:100%} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox{display:none;position:relative;top:0;left:0;width:100%;height:85px;box-shadow:1px 5px 10px #0c0c0c;/* background:url(/r/front/img/main/bg_hover_detail2.jpg) 0 0 no-repeat; */background:linear-gradient(180deg, rgba(0,0,0,0.20) 20%, rgba(0,0,0,0.95) 50%, rgba(0,0,0,0.3) 56%);background-color:#333;z-index:10; border-top:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a;border-radius:4px;} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox:before{content:"";position: absolute; top: 2px; right: 0; height: 83px; width: 1px; background: linear-gradient(180deg, #6a6a6a 1%, var(--main-color) 50%, #6a6a6a 99%);} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox:after{content:"";position: absolute; top: 2px; left: 0; height: 83px; width: 1px; background: linear-gradient(180deg, #6a6a6a 1%, var(--main-color) 50%, #6a6a6a 99%);} .main_section .contents .status .jackpot .jackpot_list > li.on .hoverbox{display:block} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .img_money{display:block;position:absolute;top:14px;left:10px;width:95px;height:60px;background:url(/r/front/img/template1/main/bg_money.png) 0 0 no-repeat;z-index:1} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .name{position:absolute;left:114px;top:15px;font-size:14px;color:#ccc;line-height:1.2;text-align:left} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .game{position:absolute;right:13px;top:15px;font-size:14px;color:#fff;font-weight:700;line-height:1.2;text-align:left} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money{position:absolute;right:13px;top:38px;font-size:26px;color:var(--main-color);line-height:36px;font-weight: bold;background:-webkit-linear-gradient(#ffea74, #ea9f34, #604c1c, #bc9150);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money > em{font-weight:700;font-size:20px} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money_odd{position:absolute;right:13px;top:30px;font-size:26px;color:var(--main-color);line-height:36px;font-weight: bold;background:-webkit-linear-gradient(#ffea74, #ea9f34, #604c1c, #bc9150);-webkit-background-clip:text;-webkit-text-fill-color:transparent} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money_odd > em{font-weight:700;font-size:20px} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money_odd1{position:absolute;right:13px;top:54px;font-size:14px;color:#fff;line-height:36px} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .money_odd1 > em{font-weight:700;font-size:14px} .main_section .contents .status .jackpot .jackpot_list > li .edge{display:block;position:absolute;top:35px;right:-10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid var(--main-color);/*width:15px;height:18px; background:url(/r/front/img/template1/main/edge_orange.png) 0 0 no-repeat; */z-index:1} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .thumb{position:absolute;width:104px;height:104px;top:-8px;right:-118px;z-index:4} .main_section .contents .status .jackpot .jackpot_list > li .hoverbox .thumb img{width:100%} /*LATEST*/ .main_section .contents .recent{position:relative;width:1148px;margin:0 auto} .main_section .contents .recent .titlebox .favorbox_main{position:absolute;left:50%;top:24px;margin-left:-100px} .main_section .contents .recent .recent_sl{margin-top:8px} .main_section .contents .recent .recent_sl .sl li{float:left;border:1px solid #767676} .main_section .contents .recent .recent_sl .bx-controls-direction > a{position:absolute;display:block;width:54px;height:54px;top:50%;font-size:0} .main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-prev{left:-90px;background:url(/r/front/img/template1/comm/bt_snb_prev2.jpg) 0 0 no-repeat} .main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-prev:hover{background:url(/r/front/img/template1/comm/bt_snb_prev2_on.jpg) 0 0 no-repeat} .main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-next{right:-90px;background:url(/r/front/img/template1/comm/bt_snb_next2.jpg) 0 0 no-repeat} .main_section .contents .recent .recent_sl .bx-controls-direction > a.bx-next:hover{background:url(/r/front/img/template1/comm/bt_snb_next2_on.jpg) 0 0 no-repeat} .main_section .contents .recent .tabcontainer > div{display:none} .main_section .contents .recent .tabcontainer > div.on{display:block} .favorbox{position:relative;width:192px;height:40px;padding:0 16px;border:1px solid #444;border-radius:20px;box-sizing:border-box;box-shadow:0 2px 6px #000} .favorbox > span{color:#444;line-height:38px;font-size:12px} .favorbox > span.on{color:#fff} .favorbox .tab1{float:left;cursor:pointer} .favorbox .tab2{float:right;cursor:pointer} .favorbox .statbox{cursor:pointer;position:absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background:url(/r/front/img/template1/comm/bg_favor.png) left top no-repeat} .favorbox.type2 .statbox{position:absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background:url(/r/front/img/template1/comm/bg_favor2.png) left top no-repeat} .favorbox .statbox #stat_favor_ico{position:absolute;top:4px;width:24px;height:24px} .favorbox .statbox #stat_favor_ico.stat1{left:4px;background:url(/r/front/img/template1/comm/ico_favor_heart.png) left top no-repeat} .favorbox .statbox #stat_favor_ico.stat2{left:4px;background:url(/r/front/img/template1/comm/ico_favor_star.png) left top no-repeat} .favorbox.type2 .statbox #stat_favor_ico.stat1{left:4px;background:url(/r/front/img/template1/comm/ico_favor_check.png) left top no-repeat} .favorbox.type2 .statbox #stat_favor_ico.stat2{left:4px;background:url(/r/front/img/comm/ico_favor_jewel.png) left top no-repeat} .favorbox_main{position:relative;width:192px;height:40px;padding:0 16px;border:1px solid #444;border-radius:20px;box-sizing:border-box;box-shadow:0 2px 6px #000} .favorbox_main > span{color:#444;line-height:38px;font-size:12px} .favorbox_main > span.on{color:#fff} .favorbox_main .tab1{float:left;cursor:pointer} .favorbox_main .tab2{float:right;cursor:pointer} .favorbox_main .statbox{position:absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background:url(/r/front/img/comm/bg_favor.png) left top no-repeat} .favorbox_main.type2 .statbox{position:absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background:url(/r/front/img/comm/bg_favor2.png) left top no-repeat} .favorbox_main .statbox #stat_favor_ico{position:absolute;top:4px;width:24px;height:24px} .favorbox_main .statbox #stat_favor_ico.stat1{left:4px;background:url(/r/front/img/template1/comm/ico_favor_heart.png) left top no-repeat} .favorbox_main .statbox #stat_favor_ico.stat2{left:4px;background:url(/r/front/img/template1/comm/ico_favor_star.png) left top no-repeat} .favorbox_main.type2 .statbox #stat_favor_ico.stat1{left:4px;background:url(/r/front/img/template1/comm/ico_favor_check.png) left top no-repeat} .favorbox_main.type2 .statbox #stat_favor_ico.stat2{left:4px;background:url(/r/front/img/comm/ico_favor_jewel.png) left top no-repeat} /*NOTICE*/ .main_section .contents{padding:0 0 30px} .main_section .greybox{position:relative;background:#222;box-sizing:border-box} .main_section .greybox .boxtit{font-family:var(--sub-font);height:48px;font-size:20px;color:#fff;line-height:48px;text-align:center;border-bottom: 1px solid #000;} .main_section .greybox .bt_more{position: absolute; top: 12px; right: 12px; display: block; width: 24px; height: 24px; line-height: 24px; font-size: 30px; background: 0 0; color: #fff; text-align: center;} .main_section .greybox .bt_more:hover{border:1px solid #fff;color:#fff} .main_section .greybox .bt_more span{display:none;} .main_section .contents .status td,.main_section .contents .status p,.main_section .contents .status li,.main_section .contents .status span{font-family:var(--sub-font);} .main_section .contents .status{overflow:hidden;width:1148px;padding-top:30px;margin:0 auto} .main_section .contents .status > div{float:left;margin-left:8px;height:400px} .main_section .contents .status > div:first-child{margin-left:0} .main_section .contents .status .notice{padding:0 7px 7px;width:318px} .main_section .contents .status .notice .list_wrap{background:#222;box-sizing:border-box;padding:5px 7px 10px;width:100%} .main_section .contents .status .notice .noti_list{width:100%} .main_section .contents .status .notice .noti_list th{border-bottom:2px solid #363636;color:var(--main-color);font-size:12px;height:38px;text-align:left} .main_section .contents .status .notice .noti_list td span{color:var(--main-color);display:inline-block;font-size:12px;min-width:65px;text-align:center} .main_section .contents .status .notice .noti_list td{font-family: var(--sub-font);border-bottom:2px solid #363636;height:38px} .main_section .contents .status .notice .noti_list .title{color:#fff;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:228px;word-wrap:normal} .main_section .contents .status .notice .noti_list .title:hover{text-decoration:underline} .main_section .contents .status .notice .noti_list .date{color:#ccc;font-size:11px;text-align:right} .main_section .contents .status .notice .noti_list .title p{display: inline-block; text-align: center; margin: 0 5px; height: 15px;color: #fff;background: #FF0000;width: auto;border-radius: 5px;min-width: 49px; padding-bottom: 5px;} /*REALTIME_WITHDRAW*/ .main_section .contents .status .realtime{width:318px;padding:0px 7px 7px 7px;} .main_section .contents .status .realtime.swiper-container{height:330px;} .main_section .contents .status .realtime .bx-viewport{height:340px !important;} .main_section .contents .status .realtime .realtime_list{width:100%;height:388px;} .main_section .contents .status .realtime .realtime_list > li{font-family: var(--sub-font);position:relative;cursor:pointer;width:300px;margin-left:-7px;} .main_section .contents .status .realtime .realtime_list > li:first-child{margin-top:0px;} .main_section .contents .status .realtime .realtime_list > li.on{height:87px;} .main_section .contents .status .realtime .realtime_list > li .normal{height:36px;background:#222;border-radius:3px;} .main_section .contents .status .realtime .realtime_list > li.on .normal{display:none;} .main_section .contents .status .realtime .realtime_list > li .normal .time{display:block;float:left;width:80px;font-size:12px;color:#fff;line-height:34px;text-align:center;letter-spacing:1px;} .main_section .contents .status .realtime .realtime_list > li .normal .name{float:left;font-size:12px;color:#FFF;line-height:34px;text-align:left;} .main_section .contents .status .realtime .realtime_list > li .normal .money{position:absolute;font-family: var(--sub-font);right:8px;top:0px;font-size:12px;font-weight:bold;color:#FFF;line-height:34px;} .main_section .contents .status .realtime .realtime_list > li .hoverbox{display:none;position:relative;top:0px;left:0px;width:100%;height:85px;box-shadow: 1px 5px 10px #0c0c0c;/* background:url(/r/front/img/main/bg_hover_detail.jpg) 0 0 no-repeat;background-size: 300px 100%; */z-index:1; background:linear-gradient(180deg, rgba(0,0,0,0.20) 20%, rgba(0,0,0,0.95) 50%, rgba(0,0,0,0.3) 56%);background-color:#333;z-index:10; border-top:1px solid #6a6a6a; border-bottom:1px solid #6a6a6a;border-radius:4px;} .main_section .contents .status .realtime .realtime_list > li .hoverbox:before{content:"";position: absolute; top: 2px; right: 0; height: 83px; width: 1px; background: linear-gradient(180deg, #6a6a6a 1%, var(--main-color) 50%, #6a6a6a 99%);} .main_section .contents .status .realtime .realtime_list > li .hoverbox:after{content:"";position: absolute; top: 2px; left: 0; height: 83px; width: 1px; background: linear-gradient(180deg, #6a6a6a 1%, var(--main-color) 50%, #6a6a6a 99%);} .main_section .contents .status .realtime .realtime_list > li.on .hoverbox{display:block;} .main_section .contents .status .realtime .realtime_list > li .hoverbox .time{display:block;float:left;width:80px;margin-top:36px;font-size:14px;color:#fff;line-height:1.2;text-align:center;letter-spacing:1px;} .main_section .contents .status .realtime .realtime_list > li .hoverbox .name{float:left;font-size:14px;margin-top:14px;color:#ccc;line-height:1.2;text-align:left;} .main_section .contents .status .realtime .realtime_list > li .hoverbox .money{position:absolute;right:17px;top:38px;font-size:26px;color:var(--main-color);line-height:36px;font-weight: bold;background: -webkit-linear-gradient(#ffea74, #ea9f34, #604c1c, #bc9150);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .main_section .contents .status .realtime .realtime_list > li .hoverbox .money > em{font-weight:bold;font-size:20px;} /* home: reputation */ .reputation{--border-radius:16px;background:rgba(2,116,220,.2);padding:40px 0} .reputation .inner{width:100%; margin:auto; padding:0 60px; box-sizing: border-box;} .reputation .card-list{display:flex;flex-direction:row;gap:20px;overflow:hidden;overflow-x:auto} .reputation .card-list .card{position:relative;width:100%;height:100%;background:linear-gradient(104deg,#0283fc 21.84%,#0d5ab0 72.98%);box-shadow:0 8px 12px 0 rgba(0,0,65,.4);border-radius:var(--border-radius);padding:30px;margin-top:40px} .reputation .card-list .card .bg-img{width:100%} .reputation .card-list .card .bg-img::before{content:"";position:absolute;top:0;left:0;background:var(--pattern-bg);filter:brightness(500%);height:100%;width:100%} .reputation .card-list .card .card-icon{position:absolute;width:100px;top:-50px;left:50%;transform:translateX(-50%)} .reputation .card-list .card .content{display:flex;flex-direction:column;gap:20px;margin-top:40px;text-align:center} .reputation .card-list .card .content h3{font-size:40px;font-style:italic;font-weight:900;text-transform:uppercase;white-space:nowrap; color:#fff;} .reputation .card-list .card .content p{font-size:16px;font-style:normal;font-weight:300;line-height:24px;color:#fff;} .reputation .card-list .card .content .btn{width:100%;margin-top:20px} /* home: game studios */ section.game-studios {background:var(--bg-secondary-rgb);padding:40px 0} section.game-studios .inner{width:100%;padding:0 60px; margin:auto; box-sizing: border-box;} section.game-studios .list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} section.game-studios .btn{width:100%;height:80px;padding:12px;text-align:-webkit-center;background-color:#090c1b;border:0;border-radius:16px;} section.game-studios .btn:hover{background-color:#0e132d} section.game-studios .btn .logo{width:150px;height:100%} /*GAMELIST*/ .game_list1{position:relative; margin-bottom:20px;} .game_list > li{position:relative;} .game_list.in_main > li{margin-top:15px;} .game_list.in_main > li:first-child{margin-top:8px;} .game_list_wrap{position:relative;z-index:3;} .game_list_wrap .align_box_l .big_banner{position:relative;float:left;margin-top:8px;} .game_list_wrap .align_box_l .game_list{float:left;width:696px;} .game_list_wrap .align_box_l .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_r .big_banner{position:relative;float:left;margin-top:8px;border:1px solid rgba(0, 0, 0, 0);} .game_list_wrap .align_box_r .big_banner img{width:100%;} .game_list_wrap .align_box_r .game_list{float:left;width:690px;} .game_list_wrap .align_box_r .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_r .game_list > li:nth-child(3n+1){margin-left:0px;} .game_list_wrap .align_box_justi .big_banner{position:relative;float:left;margin-top:8px;border:1px solid rgba(0, 0, 0, 0);} .game_list_wrap .align_box_justi .game_list{float:left;width:232px;} .game_list_wrap .align_box_justi .game_list > li{position:relative;float:left;margin:8px 0 0 24px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_justi .big_banner.scond{float:left;margin-left:8px;} .game_list_wrap .game_list.outer > li{position:relative;float:left;margin:8px 0 0 24px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} /* .game_list_wrap .game_list.outer > li:nth-child(5n+1){margin-left:0px;} */ .game_list_wrap .game_list.outer > li.hide_list { display: none; } .game_list_wrap .game_list.outer > li img{border-radius:16px;width: 200px !important; height: auto !important; object-fit: cover;} .game_list_wrap .game_list.outer > li img:before { content: ' '; display: block; position: absolute; background: var(--main-bg_logo) 100% no-repeat; background-size: 100%; width: 100%; height: 100%; } .game_list_wrap .align_box_justi .big_banner img:before { content: ' '; display: block; position: absolute; background: var(--main-bg_logo) 100% no-repeat; background-size: 100%; width: 100%; height: 100%; } .game_list_wrap .big_banner .gameInfo { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6);backdrop-filter: blur(12px);} .game_list_wrap .big_banner .gameInfo p.gameTitle { font-size: 20px; color: #fff; font-weight: bold; padding: 0 20px;text-align: center;top: 50px;position: absolute;} .game_list_wrap .big_banner .gameInfo span.gameDetailInfo{position: absolute; top: 60px; cursor: pointer; right: 10px; width: 24px; height: 24px; background: url(/r/front/img/comm/bt_caution.png) 0 0 repeat; font-size: 0; text-indent: -999px; background-size: 24px;} .game_list_wrap .big_banner .gameInfo span.gameFavor { position: absolute; top: 33px; right: 10px; width: 24px; height: 20px; background: url(/r/front/img/template3/comm/wbc__ico_favor.png) left top no-repeat; font-size: 0; text-indent: -999px;} .game_list_wrap .gameInfo.fav{background:0;backdrop-filter:none} .btn.btn-game{position:absolute;top:-45px;cursor:pointer;z-index:1;display:flex} .view-more-row{display:flex;justify-content:space-between;align-items:center;gap:15px} .game-title{font-size:1rem;line-height:1.5rem;font-weight:700;color:#fff;margin:8px 0 0 0;} .provider-name{font-weight:500;font-size:.75rem;line-height:1rem;margin-top:4px;} /*게임 슬라이더 공통*/ .game_sl{width:100%;position:relative;margin-top:5px;} .game_sl .sl > li{position:relative;border:1px solid #767676;} .layer_popup_bg_alert{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1003;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} .layer_popup_bg_none{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;overflow:hidden} .layer_popup_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} #layer_info{width:100%} #layer_info>.inbox{position:relative;width:440px;box-sizing:border-box;background:var(--screen-tertiary);margin:8px auto 0;border:2px solid var(--border-primary);border-radius:20px;box-shadow:1px 0 6px #171717} #layer_info>.inbox .thumb{float:left;width:34%;display:none;} #layer_info>.inbox .game_info{width:100%;box-sizing:border-box; display: flex;align-items: center;gap: 5px; margin:10px 0;} #layer_info>.inbox .game_info .type{font-size:13px;color:var(--main-color);font-weight: bold;} #layer_info>.inbox .game_info .title{color:var(--common-color);font-size:14px;font-weight:bold;margin:15px 0 10px;} #layer_info>.inbox .game_info .name{padding:5px 0;font-size:24px;color:#fff;width:100%;font-weight:900;font-style:italic; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden} #layer_info>.inbox .game_info .description{font-size:12px; max-height:200px; overflow-y: auto; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #layer_info>.inbox .game_info .eng_name{padding-top:3px;font-size:11px;color:#aaa;width:95%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden} /* #layer_info>.inbox .game_info .bt_fabor{margin-top:13px;display:block;width:20px;height:20px;background:url(/r/front/img/m/comm/m_icon_fav_off.png) 0 0 no-repeat;background-size:100%;font-size:0;text-indent:-999px} #layer_info>.inbox .game_info .bt_fabor.on{background:url(/r/front/img/m/comm/m_icon_fav_hd.png) 0 0 no-repeat;background-size:100%} */ #layer_info>.inbox .bt_info{display:none;position:absolute;top:7px;right:7px;width:25px;height:25px;background:url(/r/front/img/m/comm/ico_info.png) 0 0 no-repeat;background-size:100%;font-size:0;text-indent:-999px} #layer_info>.inbox .bt_play{width:100%;display:block;font-size:16px;border-radius:5px;text-align:center;box-sizing:border-box;cursor:pointer;} #layer_info>.inbox .bt_play em{} #layer_info>.inbox .bottom{display:flex; background:var(--screen-secondary); border-radius:0 0 16px 16px; justify-content: space-between;gap:10px; padding:24px;border-top:2px solid var(--border-primary);} #layer_info>.inbox .bt_exp{display:block;font-size:14px;width:100%;color:var(--common-color);text-align:center;box-sizing:border-box; padding:0;cursor:pointer;} #layer_info>.inbox .bt_fabor{display:block;font-size:0;width:24px;height:24px;line-height:24px;color:var(--common-color);text-align:center;box-sizing:border-box; background:url(/r/theme/beteast_v2/comm/beteast_fav.png) left top 3px/24px no-repeat; background-size:24px; padding:0;cursor:pointer;} #layer_info>.inbox .bt_fabor.on{background:url(/r/theme/beteast_v2/comm/beteast_fav.png) left bottom 3px/24px no-repeat; background-size:24px;} #layer_info>.inbox .bt_close{display:block;position:absolute;right:30px;top:30px;width:15px;height:15px;background:url(/r/front/img/m/comm/bt_close_wh.png) 0 0 no-repeat;background-size:100%;font-size:0;text-indent:-999px;cursor:pointer;} #layer_main{width:100%} #layer_main>.inbox{width:88%;margin:0 auto;border:2px solid #fff} #layer_info>.inbox .inbox_scroll{max-height:600px;overflow-y: auto;padding:8px 24px;} #layer_info>.inbox .game_info_img_wrap{position:relative;border-radius: 12px;height: 180px; overflow: hidden;} #layer_info>.inbox .game_info_img_wrap .game_info_img_bg{position: relative; top: 0; left: 0; width: 100%; height: 100%; filter: blur(12px) brightness(1.5); object-fit: cover !important;} #layer_info>.inbox .game_info_img_wrap .game_info_img{ position: absolute;top: 0;left: 50%; transform: translateX(-50%);max-width:200px; max-height:180px; z-index: 1; object-fit: contain !important;} .hashtag_area_popup{border-top:none;margin:0;padding-bottom:15px;} .hashtag_area_popup .hashtag_wrap{justify-content: center; gap:10px;} .hashtag_area_popup .hashtag_wrap li{border:1px solid #2CB4FF;color:#2CB4FF;background:rgba(3, 169, 244, 0.125);border-radius:25px; padding:0 15px;} .hashtag_area_popup .hashtag_wrap .hashtag{line-height:24px;color:#2CB4FF;} #layer_info>.inbox pre.description{font-size: 14px; line-height: 20px;margin-top:15px;} .layer_item{position:absolute;width:306px;height:306px;box-sizing:border-box;z-index:10;box-shadow: 10px 10px 25px #000;display:none; top: -10px; left: -36px;} .layer_item .thumb{position:relative;width:100%; height: 100%;} .layer_item .thumb > img{width:100%;} .layer_item .thumb > a { display: block; height: 100%; background-size: 100%; } .layer_item .thumb * { outline: 0 !important; } .layer_item .thumb .iframe_wrap{width:306px;height:306px;} .layer_item .thumb .iframe_wrap iframe{border: none; position: absolute; top: 0; height: 100%; width: 100%;} .layer_item .thumb .item_img{width:306px;height:306px;} .layer_item .thumb .bt_wrap{position:absolute;top:0px;left:0px;width:100%;height:230px;z-index:2;} .layer_item .thumb .bt_wrap .bt_play{position:absolute;top:50px;left:50%;width:179px;height:50px;margin-left:-90px;font-size:0px;text-indent:-99px;} .layer_item .thumb .bt_wrap .bt_ex{position:absolute;top:110px;left:50%;width:122px;height:39px;margin-left:-61px;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:39px;box-sizing:border-box;border:1px solid #fff;border-radius:5px;} .layer_item .thumb .bt_wrap .bt_ex:hover{background: url(/r/front/img/comm/bg_wh_20.png) 0 0 repeat;} .layer_item .infobox{position:absolute;bottom:0px;left:0px;padding:28px 10px;width:100%;height:80px;box-sizing:border-box;z-index:3; background: url(/r/front/img/comm/info_back.png) repeat-x;} .layer_item .infobox .title{font-size:17px;color:#fff;font-weight:bold;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:195px;} .layer_item .infobox .title_en{margin-top:0;font-size:13px;color:#afafaf;} .layer_item .infobox .bt_ex{position:absolute;top: 40px; right: 9px; width: 83px; height: 30px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; } .layer_item .infobox .bt_ex:hover { background-color : rgba( 255, 255, 255, 0.2 ); } .layer_item .btns{position:absolute;left:16px;top:16px;z-index:100} .layer_item .btns > li > a{font-size:0px;text-indent:-99px;} .layer_item .btns > li .bt_favor{display:block;width:25px;height:29px;background: url(/r/front/img/comm/bt_favor.png) 0 0 repeat; margin-bottom: 16px;} .layer_item .btns > li .bt_favor:hover{background: url(/r/front/img/comm/bt_favor_hover.png) 0 0 repeat;} .layer_item .btns > li .bt_favor.on{background: url(/r/front/img/comm/bt_favor_on.png) 0 0 repeat !important;} .layer_item .btns > li .bt_caution{display:block;width:29px;height:29px;background: url(/r/front/img/comm/bt_caution.png) 0 0 repeat;} .layer_item .btns > li .bt_caution:hover{background: url(/r/front/img/comm/bt_caution_hover.png) 0 0 repeat;} .layer_item .gameLinkArea { width: 306px; height: 306px; position: absolute; left: 0; top: 0; cursor: pointer; } .layer_item_big{position:absolute;width:495px;height:495px;padding:0px;box-sizing:border-box;z-index:10;box-shadow: 10px 10px 25px #000; top: -1px; left: -1px;} .layer_item_big .thumb{position:relative;width:100%; cursor: pointer;} .layer_item_big .thumb * { outline: 0 !important; } .layer_item_big .thumb > img{width:100%;} .layer_item_big .thumb > a { display: block; height: 100%; background-size: 100%; } .layer_item_big .thumb .iframe_wrap{width:495px;height:495px;} .layer_item_big .thumb .iframe_wrap iframe{border: none; position: absolute; top: 0; height: 100%; width: 100%;} .layer_item_big .thumb .item_big_img{width:495px;height:495px;} .layer_item_big .thumb .bt_wrap{position:absolute;top:0px;left:0px;width:100%;height:414px;background: url(/r/front/img/comm/bg_black60.png) 0 0 repeat;z-index:2;} .layer_item_big .thumb .bt_wrap .bt_play{position:absolute;top:160px;left:50%;width:179px;height:50px;margin-left:-90px;background: url(/r/front/img/template1/comm/btn_play_red.png) 0 0 repeat;font-size:0px;text-indent:-99px;} .layer_item_big .thumb .bt_wrap .bt_play:hover{background: url(/r/front/img/template1/comm/btn_play_red_on.png) 0 0 repeat;} .layer_item_big .thumb .bt_wrap .bt_ex{position:absolute;top:219px;left:50%;width:122px;height:39px;margin-left:-61px;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:39px;box-sizing:border-box;border:1px solid #fff;border-radius:5px;} .layer_item_big .thumb .bt_wrap .bt_ex:hover{background: url(/r/front/img/comm/bg_wh_20.png) 0 0 repeat;} .layer_item_big .infobox{position:absolute;bottom:0px;left:0px;padding:28px 10px;width:100%;height:80px;background: url(/r/front/img/comm/info_back.png) repeat-x;box-sizing:border-box;z-index:3;} .layer_item_big .infobox .title{font-size:17px;color:#fff;font-weight:bold;cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:430px;} .layer_item_big .infobox .title_en{margin-top:5px;font-size:13px;color:#afafaf;font-weight:bold;} .layer_item_big .infobox .bt_ex{position:absolute;top: 40px; right: 9px; width: 83px; height: 30px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; } .layer_item_big .infobox .bt_ex:hover { background-color : rgba( 255, 255, 255, 0.2 ); } .layer_item_big .btns{position:absolute;left:16px;top:16px;z-index: 100;} .layer_item_big .btns > li > a{font-size:0px;text-indent:-99px;} .layer_item_big .btns > li .bt_favor{display:block;width:25px;height:29px;background: url(/r/front/img/comm/bt_favor.png) 0 0 repeat; margin-bottom: 16px;} .layer_item_big .btns > li .bt_favor:hover{background: url(/r/front/img/comm/bt_favor_hover.png) 0 0 repeat;} .layer_item_big .btns > li .bt_favor.on{background: url(/r/front/img/comm/bt_favor_on.png) 0 0 repeat !important;} .layer_item_big .btns > li .bt_caution{display:block;width:29px;height:29px;background: url(/r/front/img/comm/bt_caution.png) 0 0 repeat;} .layer_item_big .btns > li .bt_caution:hover{background: url(/r/front/img/comm/bt_caution_hover.png) 0 0 repeat;} .layer_item_big .gameLinkArea { width: 495px; height: 495px; position: absolute; left: 0; top: 0; cursor: pointer; } .txt_type_layer {width:485px;left:50%;} .txt_type_layer .bt_close{position:absolute;top:0px;right:0;display:block;width:40px;height:40px;background:url(/r/front/img/main/bt_close.png) 0 0 no-repeat;font-size:0px;text-indent:-99px;} .txt_type_layer .inbox{border:1px solid #344051 ; -moz-border-radius:20px;-webkit-border-radius:20px;background:#222432;border-radius:20px;padding-bottom:24px;position:relative;text-align:center;width:485px} .txt_type_layer .inbox .icochk {padding-top:45px; text-align:center;left: 50%;} .txt_type_layer .inbox .icochk img{width:60px;} .txt_type_layer .inbox .txt_big{padding-top:20px;font-size:22px;color:#fff; line-height:35px;font-weight:bold;} .txt_type_layer .inbox .txt_big > span{color:var(--main-color);} .txt_type_layer .inbox .txt{margin-top:5px;font-size:20px;color:#fff;line-height:160%;} .txt_type_layer .inbox .txt span {display:block; color:#444; font-weight:bold;} .txt_type_layer .layerbot_btn{margin-top:25px;text-align:center;display: flex;justify-content: space-around;} .txt_type_layer .layerbot_btn .bt_yellow{display:inline-block;width: 40%;height:48px;background:var(--main-color);border:1px solid var(--main-color);line-height:32px;border-radius:20px;font-size:14px;color:#000;font-weight:bold;box-sizing:border-box;} .txt_type_layer .layerbot_btn .bt_yellow:hover{background:transparent;border:1px solid var(--main-color); color:var(--main-color);} .txt_type_layer .layerbot_btn .bt_grey{display:inline-block;width: 40%;height:48px;border: 1px solid #1797ef;background: linear-gradient(180deg, #2cb4ff 2.6%, #019aef 10.42%, #3f8fed 45.98%, #2070ce 95.54%);line-height:48px;border-radius:12px;font-size:18px;color:#fff;font-weight:bold;box-sizing:border-box;} .txt_type_layer .layerbot_btn .bt_grey:hover{background: linear-gradient(0deg, #2cb4ff 2.6%, #019aef 10.42%, #3f8fed 45.98%, #2070ce 95.54%);} .txt_type_layer .layerbot_btn .bt_grey:focus{ outline: none; } .txt_type_layer .layerbot_btn .bt_grey_bd{display:inline-block;width: 40%;height:48px;background:#fff;border:2px solid #d0d0d0;line-height:30px;border-radius:20px;font-size:14px;color:#777;font-weight:bold;box-sizing:border-box;} .txt_type_layer .layerbot_btn .bt_grey_bd:hover{border:2px solid #aaa;color:#444;} .game_list_wrap.six_games_row .game_list.outer > li > img {width: 181px !important; height: 181px !important;} .game_list_wrap.six_games_row .game_list.outer > li:nth-child(5n+1) {margin-left: 8px !important;} .game_list_wrap.six_games_row .game_list.outer > li:nth-child(6n+1) { margin-left: 0px !important;} .game_list_wrap.six_games_row .layer_item{width:260px!important; height:260px!important;} .game_list_wrap.six_games_row .layer_item .gameLinkArea { width: 260px!important; height: 260px!important;} .game_list_wrap.six_games_row .layer_item .thumb > a > img{width:260px!important;height:260px!important;} .game_list_wrap.six_games_row .layer_item .thumb > a{background-size:100%!important;} .game_list_wrap.six_games_row .layer_item .infobox .title{width:155px!important;} .game_list_wrap.six_games_row .layer_item .infobox .title_en{width:155px!important;} .game_list_wrap.six_games_row .layer_item_set{width:181px!important; height:181px!important;} .game_list_wrap.six_games_row .layer_item_set .gameLinkArea { width: 181px!important; height: 181px!important;} .game_list_wrap.six_games_row .layer_item_set .thumb > a > img{width:181px!important;height:181px!important;} .game_list_wrap.six_games_row .layer_item_set .thumb > a{background-size:100%!important;} .game_list_wrap.six_games_row .layer_item_set .infobox .title{width:155px!important;} .game_list_wrap.six_games_row .layer_item_set .infobox .title_en{width:155px!important;} /*GAME_DETAIL*/ /*즐겨찾기 퀵메뉴*/ .sub_contents .gameArea {width: 100%; height: 820px; position: absolute; top: 0; left: 0; display: none;} .sub_contents .gameArea .caution_img{text-align: center;margin-top: 170px;} .sub_contents .gameArea .caution_img img{width: 100px;} .sub_contents .gameArea .check_service{text-align: center; color: #ff8d1e; font-size: 45px; font-weight: bold; margin-top: 30px;} .sub_contents.game_detail iframe{width: 100%; height: 90vh; border: 0; background: url(/r/front/img/game/sports_bg.jpg) 50% 0 no-repeat;} .sub_contents .game_wrap .game_frame .iframe_wrap #gameArea{width: 100%; height: 680px; position: absolute; top: 0; left: 0; display: none;} .sub_contents .game_wrap .game_frame .iframe_wrap .caution_img{text-align: center;margin-top: 170px;} .sub_contents .game_wrap .game_frame .iframe_wrap .caution_img img{width: 100px;} .sub_contents .game_wrap .game_frame .iframe_wrap .check_service{text-align: center; color: #ff8d1e; font-size: 45px; font-weight: bold; margin-top: 30px;} .sub_contents .game_wrap .game_frame .iframe_wrap iframe{width: 100%; height: 100%; border: 0; background: url(/r/front/img/game/slot_bg.jpg) 50% 0 no-repeat; background-size:cover;} /*즐겨찾기 퀵메뉴*/ .quick_game{position:absolute;top:0;width:240px;background:#000;} .quick_game.left_quick{left:-240px;} .quick_game.right_quick{right:-240px;} .quick_game .quick_top > a{position:absolute;top: 14px; right: 18px;width:58px;height:58px;background: url(/r/front/img/template1/comm/sub_quick_close.png) left top no-repeat;font-size:0px;text-indent:-999px;} .quick_game .quick_cont{width:240px;padding:18px 0 40px;margin-top:8px;border:none;} .quick_game .quick_cont ul{display:none;width:200px;margin:0 auto;} .quick_game .quick_cont ul.on{display:block;} .quick_game .quick_cont ul li {width:200px;margin-top:20px;border:1px solid #333;} .quick_game .quick_cont ul li:first-child{margin-top:0px;} .quick_game .quick_cont ul li img{width:100%;} /*즐겨찾기 박스*/ .sub_contents .favorbox{position: relative; width: 170px; height: 40px; padding: 0px 20px; margin-top: 20px; box-sizing: border-box;border:none;} .sub_contents .favorbox > span{color:#888;font-weight:bold;line-height:38px;font-size:15px;} .sub_contents .favorbox > span.on{color:#fff;border-bottom: 2px solid #fff;} .sub_contents .favorbox .tab1{float:left;cursor:pointer;} .sub_contents .favorbox .tab2{float:right;cursor:pointer;} .sub_contents .favorbox .statbox{display:none;cursor:pointer;position: absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background: url(/r/front/img/template1/comm/bg_favor.png) left top no-repeat;} .sub_contents .favorbox.type2 .statbox{position: absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background: url(/r/front/img/template1/comm/bg_favor2.png) left top no-repeat;} .sub_contents .favorbox .statbox #stat_favor_ico{position:absolute;top:4px;width:24px;height:24px;} .sub_contents .favorbox .statbox #stat_favor_ico.stat1{left:4px;background: url(/r/front/img/template1/comm/ico_favor_heart.png) left top no-repeat;} .sub_contents .favorbox .statbox #stat_favor_ico.stat2{left:4px;background: url(/r/front/img/template1/comm/ico_favor_star.png) left top no-repeat;} .sub_contents .favorbox.type2 .statbox #stat_favor_ico.stat1{left:4px;background: url(/r/front/img/template1/comm/ico_favor_check.png) left top no-repeat;} .sub_contents .favorbox.type2 .statbox #stat_favor_ico.stat2{left:4px;background: url(/r/front/img/comm/ico_favor_jewel.png) left top no-repeat;} .favorbox_main{position:relative;width:192px;height:40px;padding:0 16px;border:1px solid #444;border-radius:20px;box-sizing:border-box;box-shadow:0px 2px 6px #000;} .favorbox_main > span{color:#444;line-height:38px;font-size:12px;} .favorbox_main > span.on{color:#fff;} .favorbox_main .tab1{float:left;cursor:pointer;} .favorbox_main .tab2{float:right;cursor:pointer;} .favorbox_main .statbox{position: absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background: url(/r/front/img/comm/bg_favor.png) left top no-repeat;} .favorbox_main.type2 .statbox{position: absolute;top:3px;left:50%;margin-left:-30px;width:60px;height:32px;background: url(/r/front/img/comm/bg_favor2.png) left top no-repeat;} .favorbox_main .statbox #stat_favor_ico{position:absolute;top:4px;width:24px;height:24px;} .favorbox_main .statbox #stat_favor_ico.stat1{left:4px;background: url(/r/front/img/template1/comm/ico_favor_heart.png) left top no-repeat;} .favorbox_main .statbox #stat_favor_ico.stat2{left:4px;background: url(/r/front/img/template1/comm/ico_favor_star.png) left top no-repeat;} .favorbox_main.type2 .statbox #stat_favor_ico.stat1{left:4px;background: url(/r/front/img/template1/comm/ico_favor_check.png) left top no-repeat;} .favorbox_main.type2 .statbox #stat_favor_ico.stat2{left:4px;background: url(/r/front/img/comm/ico_favor_jewel.png) left top no-repeat;} /*game*/ .sub_section .game_wrap{position:relative;width:100%;padding:0;margin:0 auto;border:6px solid #444;border-radius:0;box-sizing:border-box;} .sub_section .game_wrap .game_tit{position:relative;width:100%;z-index:1;text-align:left; display:flex; padding:10px 0; gap:10px;} .sub_section .game_wrap .game_tit > p{display: inline-block;height: 44px;padding: 0 15px;border: 0;border-radius: 0;box-sizing: border-box;background: transparent;text-align: left;font-size: 23px;color: #fff;line-height: 44px;position: relative;min-width: 270px;} .sub_section .game_wrap .game_tit .btnSlotGame { display: inline-block; width: 44px; height: 44px; line-height: 44px; color: #fff; font-weight: bold; font-size: 16px;border-radius:12px; cursor: pointer; box-sizing:border-box;} .sub_section .game_wrap .game_tit .btnSlotGame.blue { background: rgb(32,43,55) url(/r/front/img/userboard/ico_chevron_left.svg) no-repeat 50% 50% / 10px; text-indent: -999px; border:2px solid rgb(52,64,81); font-size: 12px;line-height: 16px; text-align: center;} .sub_section .game_wrap .game_tit .btnSlotGame.blue:hover { } .sub_section .game_wrap .game_tit .btnSlotGame.green { display:none;background: rgb(32,43,55) url(/r/front/img/comm/full.png) no-repeat 50% 50% / 18px; border:2px solid rgb(52,64,81); text-indent: -999px; order:3;} .sub_section .game_wrap .game_tit .btnSlotGame.green:hover { } .sub_section .game_wrap .game_tit .btnSlotGame.blue.btnBack{margin:0 !important;} .sub_section .game_wrap .game_tit_full{position:absolute;width:100%;top:10px;left:0px;text-align:center; display: none;} .sub_section .game_wrap .game_tit_full > p{display:inline-block;height:52px;padding:0 60px;border:6px solid #444;border-radius:26px;box-sizing:border-box;background:#000;text-align:center;font-size:23px;color:#a4a4a4;line-height:40px; position: relative; min-width: 270px;} .sub_section .game_wrap .game_tit_full .btnSlotGame { display: inline-block; width: 150px; height: 52px; line-height: 52px; color: #000; font-weight: bold; font-size: 16px; position: absolute; top: 0; border-radius: 25px; cursor: pointer; } .sub_section .game_wrap .game_tit_full .btnSlotGame.blue { background: #0084ff url(/r/front/img/comm/back.png) no-repeat 10% 50%; right: 50%; margin-right: 25px; } .sub_section .game_wrap .game_tit_full .btnSlotGame.blue:hover { margin-right: 95px; } .sub_section .game_wrap .game_tit_full .btnSlotGame.green { background: #38aa00 url(/r/front/img/comm/full2.png) no-repeat 90% 50%; left: 50%; margin-left: 25px; } .sub_section .game_wrap .game_tit_full .btnSlotGame.green:hover { margin-left: 95px; } .sub_section .game_wrap .game_frame{width:100%;margin:0 auto;} .sub_section .game_wrap .game_frame iframe{width:100%;} .sub_section .game_wrap .game_frame.mini{position:relative;width:850px;margin:0 auto;padding:0 0 0 198px;} .sub_section .game_wrap .game_frame.mini .minigame_tab{position:absolute;top:0px;left:0px;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li{width:180px;height:95px;margin-top:8px;cursor:pointer;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li:first-child{margin-top:0px;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li .title{width:172px;text-align:center;height:38px;line-height:38px;border:4px solid #444;color:#aaa;font-family:NotoSansKRBold;font-size:16px;background:#111;border-radius:15px 15px 0 0;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li .time{width:172px;text-align:center;height:45px;line-height:45px;border:4px solid #444;border-width:0px 4px 4px 4px;color:#fff;font-size:25px;border-radius:0 0 15px 15px;background: #222 url(/r/front/img/comm/ico_clock.png) 12px 7px no-repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.on .title{color:#fff;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.on .time{background: #222 url(/r/front/img/comm/ico_clock_on.png) 12px 7px no-repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li:hover .title{color:#fff;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li:hover .time{background: #222 url(/r/front/img/comm/ico_clock_on.png) 12px 7px no-repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m1.on .title{background: #111 url(/r/front/img/comm/bg_green.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m2.on .title{background: #111 url(/r/front/img/comm/bg_green2.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m3.on .title{background: #111 url(/r/front/img/comm/bg_green3.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m4.on .title{background: #111 url(/r/front/img/comm/bg_green4.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m5.on .title{background: #111 url(/r/front/img/comm/bg_green5.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m1:hover .title{background: #111 url(/r/front/img/comm/bg_green.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m2:hover .title{background: #111 url(/r/front/img/comm/bg_green2.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m3:hover .title{background: #111 url(/r/front/img/comm/bg_green3.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m4:hover .title{background: #111 url(/r/front/img/comm/bg_green4.jpg) 0px 0px repeat;} .sub_section .game_wrap .game_frame.mini .minigame_tab > ul > li.m5:hover .title{background: #111 url(/r/front/img/comm/bg_green5.jpg) 0px 0px repeat;} /* one line notice */ .notice_area{width:1440px;margin:0 auto;height:48px;clear:both; padding:0 60px; box-sizing: border-box;} .notice_area .inner{width:100%;margin:0 auto;overflow:hidden;position:relative;} /*.notice_area .inner > .tit{float:left;padding-left:8px;margin-top:-1px;width:10%}*/ .notice_area .inner > .tit img { display: none;} .notice_area .inner > .tit span { position: absolute; top: 10px; left: 0px; width: 64px; height: 28px; line-height: 28px; color: #fff; font-size: 12px; background:var(--subMain-color); text-align: center; font-weight:bold;} .notice_area .inner > .tit { float:left;padding-left:8px;margin-top:-1px;width:10%;} .notice_area .inner > .txt_roll{float:left;width:1100px} .notice_area .inner > .txt_roll .txt{width:100%} .notice_area .bx-wrapper{width:1100px;float:left} .notice_area .bx-wrapper .txt{font-size:12px;color:#fff;line-height:48px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden} .marquee{width:99.5%;margin:0;overflow:hidden;white-space:nowrap;box-sizing:border-box;animation:marquee 20s linear infinite} .marquee > div{width: fit-content;height:48px;min-width:100%;} .marquee p{color:#fff!important; line-height:48px;} @keyframes marquee{ 0%{text-indent:100%} 100%{text-indent:-100%} } .thumb_list{width:100%} .thumb_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid #767676;cursor:pointer} .thumb_list > li > .layer_item{display:none;position:absolute;top:-31px;left:-31px;width:306px;height:306px;padding:10px;background:#4b4b4b;box-sizing:border-box;z-index:10;box-shadow:10px 10px 25px #000} .thumb_list > li > .layer_item .thumb{position:relative;width:100%} .thumb_list > li > .layer_item .thumb > img{width:100%} .thumb_list > li > .layer_item .thumb .bt_wrap{position:absolute;top:0;left:0;width:100%;height:230px;background:url(/r/front/img/template1/comm/bg_black60.png) 0 0 repeat;z-index:2} .thumb_list > li > .layer_item .thumb .bt_wrap .bt_play{position:absolute;top:50px;left:50%;width:179px;height:50px;margin-left:-90px;background:url(/r/front/img/template1/comm/btn_play_red.png) 0 0 repeat;font-size:0;text-indent:-99px} .thumb_list > li > .layer_item .thumb .bt_wrap .bt_play:hover{background:url(/r/front/img/template1/comm/btn_play_red_on.png) 0 0 repeat} .thumb_list > li > .layer_item .infobox{position:absolute;bottom:0;left:0;padding:18px 10px;width:100%;height:73px;background:#4b4b4b;box-sizing:border-box;z-index:3} .thumb_list > li > .layer_item .infobox .title{font-size:17px;color:#fff;font-family:NotoSansKR-bold} .thumb_list > li > .layer_item .infobox .title_en{margin-top:5px;font-size:13px;color:#afafaf;font-family:NotoSansKR-bold} .thumb_list > li > .layer_item .infobox .btns{position:absolute;right:10px;top:30px} .thumb_list > li > .layer_item .infobox .btns > li{float:left} .thumb_list > li > .layer_item .infobox .btns > li > a{font-size:0;text-indent:-99px} .thumb_list > li > .layer_item .infobox .btns > li .bt_favor{display:block;width:25px;height:29px;background:url(/r/front/img/template1/comm/bt_favor.png) 0 0 repeat} .thumb_list > li > .layer_item .infobox .btns > li .bt_favor:hover{background:url(/r/front/img/template1/comm/bt_favor_hover.png) 0 0 repeat} .thumb_list > li > .layer_item .infobox .btns > li .bt_favor.on{background:url(/r/front/img/template1/comm/bt_favor_on.png) 0 0 repeat!important} .thumb_list > li > .layer_item .infobox .btns > li .bt_caution{display:block;width:29px;height:29px;margin-left:10px;background:url(/r/front/img/comm/bt_caution.png) 0 0 repeat} .thumb_list > li > .layer_item .infobox .btns > li .bt_caution:hover{background:url(/r/front/img/comm/bt_caution_hover.png) 0 0 repeat} .sports_sl{width:100%;position:relative} .sports_sl .sl li{border:1px solid #444} .sports_sl .big_thumb{position:absolute;width:306px;height:306px;border:8px solid #767676;background:#000;z-index:60;box-shadow:10px 10px 25px #000} .sports_sl .big_thumb > img.thumb{width:100%} .sports_sl .big_thumb > a.play{display:block;position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px;width:97px;height:97px;padding-top:30px;text-align:center;box-sizing:border-box} .sports_sl .big_thumb > a.play::before{content:"";position:absolute;top:50%;left:50%;margin:-41px 0 0 -41px;width:83px;height:83px;background:url(/r/front/img/template1/comm/lotate1.png) 0 0 no-repeat;animation:target_image 1s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%} .sports_sl .big_thumb > a.play::after{content:"";position:absolute;top:50%;left:50%;margin:-48.5px 0 0 -48.5px;width:97px;height:97px;background:url(/r/front/img/template1/comm/lotate2.png) 0 0 no-repeat;animation:target_image2 1s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%} .sports_sl .big_thumb > a.play span{position:absolute;top:50%;left:50%;width:35px;height:40px;margin:-20px 0 0 -17px;background:url(/r/front/img/comm/bt_play_wh.png) 0 0 no-repeat} .sports_sl .big_thumb > p{display:block;position:absolute;bottom:11px;left:0;width:100%;text-align:center;font-size:17px;color:#fff} .sports_sl .big_thumb > a.play:hover span{background:url(/r/front/img/template1/comm/bt_play_orange.png) 0 0 no-repeat} .sports_sl .big_thumb > a.info{display:block;position:absolute;bottom:8px;right:8px;width:29px;height:29px;text-align:center;font-size:0;text-indent:-999px;background:url(/r/front/img/comm/bt_caution.png) 0 0 no-repeat} .sports_sl .big_thumb > a.info:hover{background:url(/r/front/img/comm/bt_caution_hover.png) 0 0 no-repeat} .sports_sl .bx-controls-direction > a{position:absolute;display:block;width:54px;height:54px;top:50%;font-size:0;margin-top:-25px} .sports_sl .bx-controls-direction > a.bx-prev{left:-90px;background:url(/r/front/img/template1/comm/bt_snb_prev.png) 0 0 no-repeat} .sports_sl .bx-controls-direction > a.bx-prev:hover{background:url(/r/front/img/template1/comm/bt_snb_prev_on.png) 0 0 no-repeat} .sports_sl .bx-controls-direction > a.bx-next{right:-80px;background:url(/r/front/img/template1/comm/bt_snb_next.png) 0 0 no-repeat} .sports_sl .bx-controls-direction > a.bx-next:hover{background:url(/r/front/img/template1/comm/bt_snb_next_on.png) 0 0 no-repeat} @keyframes target_image{ 0%{transform:rotate(0deg)} 50%{transform:rotate(-180deg)} 100%{transform:rotate(-360deg)} } @keyframes target_image2{ 0%{transform:rotate(0deg)} 50%{transform:rotate(180deg)} 100%{transform:rotate(360deg)} } .game_sl{width:100%;position:relative;margin-top:5px} .game_sl .sl > li{position:relative;border:1px solid #767676} .layer_popup_bg_alert{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1003;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} .layer_popup_bg_none{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;overflow:hidden} .layer_popup_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} /*main page ads popup*/ .simpleMenu_layer_popup_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} .wrap_layer_popup_box{display:none;position:absolute;left:50%;margin-left:-50%;z-index:10001} .wrap_layer_popup_box .wrap_layer_popup_web.layer_main{width:500px;border:2px solid #fff} .wrap_layer_popup_box .wrap_layer_popup_web .bot_btn{overflow:hidden} .wrap_layer_popup_box .wrap_layer_popup_web .bot_btn > a{display:block;width:50%;height:50px;float:left;background:#222;font-size:18px;color:#aaa;line-height:50px;text-align:center} .wrap_layer_popup_box .wrap_layer_popup_web .bot_btn > a:hover{color:#fff} .wrap_layer_popup_box .wrap_layer_popup_web .wrap_layer_popup_web_all_close{position:absolute;top:-52px;right:0;width:144px;height:50px;font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:50px;border:2px solid #fff;border-radius:0 0 0 0;border-bottom:0;cursor:pointer;background:#111} .wrap_layer_popup{display:none;position:absolute;left:50%;margin-left:-50%;z-index:112} .wrap_layer_popup .banner_thumb{position:relative} .wrap_layer_popup .banner_thumb figure{margin:0} .wrap_layer_popup .bot_btn{overflow:hidden} .wrap_layer_popup .bot_btn > a{display:block;width:50%;height:50px;float:left;background:#222;font-size:18px;color:#aaa;line-height:50px;text-align:center} .wrap_layer_popup .bot_btn > a:hover{color:#fff} .wrap_layer_popup.layer_main{width:500px;border:2px solid #fff} .wrap_layer_popup.layer_main .banner_thumb a.ban_in_link{display:block;width:100%;height:100%;position:absolute;top:0;left:0;font-size:0;text-indent:-999px} .wrap_layer_popup_box_evo_powerball { display: none;position: absolute;left: 50%;margin-left: -50%;z-index: 10001; } .wrap_layer_popup_box_evo_powerball .wrap_layer_popup_web.layer_main{ width: 500px;border: 2px solid #ffffff; } .wrap_layer_popup_box_evo_powerball .wrap_layer_popup_web .bot_btn{ overflow: hidden; } .wrap_layer_popup_box_evo_powerball .wrap_layer_popup_web .bot_btn > a{ display: block;width: 50%;height: 50px;float: left;background: #222222;font-size: 18px;color: #aaaaaa;line-height: 50px;text-align: center; } .wrap_layer_popup_box_evo_powerball .wrap_layer_popup_web .bot_btn > a:hover{ color: #ffffff; } .wrap_layer_popup_box_evo_powerball .wrap_layer_popup_web .wrap_layer_popup_web_all_close{position:absolute;top:-52px;right:0;width:144px;height:50px;font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:50px;border:2px solid #FFF;border-radius:0 0 0 0;border-bottom:0;cursor:pointer;background:#111} .wrap_layer_popup_box_evo_powerball1 { display: none;position: absolute;left: 50%;margin-left: -50%;z-index: 10001; } .wrap_layer_popup_box_evo_powerball1 .wrap_layer_popup_web.layer_main{ width: 500px;border: 2px solid #ffffff; } .wrap_layer_popup_box_evo_powerball1 .wrap_layer_popup_web .bot_btn{ overflow: hidden; } .wrap_layer_popup_box_evo_powerball1 .wrap_layer_popup_web .bot_btn > a{ display: block;width: 50%;height: 50px;float: left;background: #222222;font-size: 18px;color: #aaaaaa;line-height: 50px;text-align: center; } .wrap_layer_popup_box_evo_powerball1 .wrap_layer_popup_web .bot_btn > a:hover{ color: #ffffff; } .wrap_layer_popup_box_evo_powerball1 .wrap_layer_popup_web .wrap_layer_popup_web_all_close{position:absolute;top:-52px;right:0;width:144px;height:50px;font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:50px;border:2px solid #FFF;border-radius:0 0 0 0;border-bottom:0;cursor:pointer;background:#111} .wrap_layer_popup_box_evo_powerball2 { display: none;position: absolute;left: 50%;margin-left: -50%;z-index: 10001; } .wrap_layer_popup_box_evo_powerball2 .wrap_layer_popup_web.layer_main{ width: 500px;border: 2px solid #ffffff; } .wrap_layer_popup_box_evo_powerball2 .wrap_layer_popup_web .bot_btn{ overflow: hidden; } .wrap_layer_popup_box_evo_powerball2 .wrap_layer_popup_web .bot_btn > a{ display: block;width: 50%;height: 50px;float: left;background: #222222;font-size: 18px;color: #aaaaaa;line-height: 50px;text-align: center; } .wrap_layer_popup_box_evo_powerball2 .wrap_layer_popup_web .bot_btn > a:hover{ color: #ffffff; } .wrap_layer_popup_box_evo_powerball2 .wrap_layer_popup_web .wrap_layer_popup_web_all_close{position:absolute;top:-52px;right:0;width:144px;height:50px;font-size:16px;font-weight:700;color:#fff;text-align:center;line-height:50px;border:2px solid #FFF;border-radius:0 0 0 0;border-bottom:0;cursor:pointer;background:#111} .bt_orange{display:inline-block;width:128px;height:32px;background:var(--main-color);border:1px solid var(--main-color);line-height:32px;border-radius:20px;font-size:14px;color:#222!important;font-weight:bold;box-sizing:border-box} .bt_orange:hover{background:var(--main-color);border:1px solid var(--main-color);color:#222!important} .bt_orange:focus{outline:none} .event_popup_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:110;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} .event_type_layer{min-width:500px;display:none;position:absolute;left:50%;margin-left:-50%;z-index:111} .event_type_layer .bt_close{position:absolute;top:0;right:0;display:block;width:40px;height:40px;background:url(/r/front/img/main/bt_close.png) 0 0 no-repeat;font-size:0;text-indent:-99px} .event_type_layer .inbox{min-width:420px;padding:40px;margin-top:50px;background:#000;position:relative;text-align:center;border:2px solid #fff} .event_type_layer .inbox .icochk{padding-top:24px;text-align:center} .event_type_layer .inbox .txt_big{padding-top:40px;font-size:30px;color:#fff;line-height:35px;font-weight:bold;background:url(/r/front/img/template1/comm/event_tit.png) 50% 0 no-repeat} .event_type_layer .inbox .txt_big > span{color:var(--main-color)} .event_type_layer .inbox .txt{margin-top:5px;font-size:14px;color:#777;line-height:24px} .event_type_layer .inbox .txt span{display:block;color:#444;font-family:NotoSansKR-bold} .event_type_layer .layerbot_btn{margin-top:10px;text-align:center} .event_type_layer .layerbot_btn .bt_yellow{display:inline-block;width:128px;height:32px;background:var(--main-color);border:1px solid var(--main-color);line-height:32px;border-radius:20px;font-size:14px;color:#fff;font-weight:bold;box-sizing:border-box} .event_type_layer .layerbot_btn .bt_yellow:hover{background:#e37d19;border:1px solid var(--main-color)} .event_type_layer .layerbot_btn .bt_grey{display:inline-block;width:128px;height:32px;background:#eaeaea;border:1px solid #eaeaea;line-height:32px;border-radius:20px;font-size:14px;color:#777;font-weight:bold;box-sizing:border-box} .event_type_layer .layerbot_btn .bt_grey:hover{background:#dbdbdb;border:1px solid #dbdbdb} .event_type_layer .layerbot_btn .bt_grey_bd{display:inline-block;width:128px;height:32px;background:#fff;border:2px solid #d0d0d0;line-height:30px;border-radius:20px;font-size:14px;color:#777;font-weight:bold;box-sizing:border-box} .event_type_layer .layerbot_btn .bt_grey_bd:hover{border:2px solid #aaa;color:#444} .event_type_layer .selTeam{float:left;width:42%;text-align:center} .event_type_layer .selTeam img{width:114px;height:114px} .event_type_layer .selTeam input[type=number]{width:155px;height:48px;background:#000;border:2px solid #fff;padding-left:20px;color:#fff;font-size:20px} @media all and (min-width:0px) and (max-width:1610px){ .hideCon{display:none} } .event_book{position:fixed;left:-255px;top:187px;z-index:100} .event_book .bt_evt{float:left} .event_book .evt_con{float:left;width:255px;padding-bottom:20px;border:1px solid #fff;border-width:1px 1px 1px 0;box-sizing:border-box;background:url(/r/front/img/comm/bg_grey50.png) 0 0 repeat;border-radius:0 0 20px 0} .event_book .evt_con .evt_top{position:relative;width:216px;margin:0 auto;padding:36px 0 29px} .event_book .evt_con .evt_top .bt_more{position:absolute;top:35px;right:0;display:block;width:40px;height:20px;text-align:center;z-index:91} .event_book .evt_con .evt_top .bt_more > img{vertical-align:middle} .event_book .evt_con .evt_top .bg_gift{display:none;z-index:90;width:244px;height:138px;position:absolute;top:-77px;right:-35px;background:url(/r/front/img/comm/img_gift.png) 0 0 repeat} .event_book .evt_con .evt_list{width:216px;margin:0 auto} .event_book .evt_con .evt_list > li{position:relative;width:100%;padding-bottom:8px;margin-top:4px;background:#222;box-sizing:border-box} .event_book .evt_con .evt_list > li:first-child{margin-top:0} .event_book .evt_con .evt_list > li .bt_join{display:block;margin-top:10px;padding:0 0 0 8px;font-size:11px;color:var(--main-color)} .event_book .evt_con .evt_list > li .bt_go{position:absolute;display:block;width:45px;height:45px;bottom:15px;right:15px;border:1px solid #444;font-size:14px;color:#444;line-height:45px;text-align:center;border-radius:10px} .event_book .evt_con .evt_list > li:hover .bt_go{border:1px solid #aaa;color:#aaa} .event_book .evt_con .evt_list > li.type_blue{border:1px solid #11688e} .event_book .evt_con .evt_list > li.type_blue:hover{border:1px solid #0993ce} .event_book .evt_con .evt_list > li.type_blue .top{width:100%;height:30px;background:#222 url(/r/front/img/comm/bg_evt_blue.png) 0 0 no-repeat} .event_book .evt_con .evt_list > li.type_blue:hover .top{background:#222 url(/r/front/img/comm/bg_evt_blue2.png) 0 0 no-repeat} .event_book .evt_con .evt_list > li.type_blue .top > p{padding:7px 0 0 8px;color:#fff;font-size:11px;line-height:1.2} .event_book .evt_con .evt_list > li.type_blue .evt_txt{padding:12px 0 0 8px;font-size:12px;color:#aaa} .event_book .evt_con .evt_list > li.type_blue:hover .evt_txt{color:#fff} .event_book .evt_con .evt_list > li.type_blue .evt_txt > span{font-size:15px} .event_book .evt_con .evt_list > li.type_yellow{border:1px solid var(--main-color)} .event_book .evt_con .evt_list > li.type_yellow:hover{border:1px solid var(--main-color)} .event_book .evt_con .evt_list > li.type_yellow .top{width:100%;height:30px;background:#222 url(/r/front/img/comm/bg_evt_yellow.png) 0 0 no-repeat} .event_book .evt_con .evt_list > li.type_yellow .top > p{padding:7px 0 0 8px;color:#fff;font-size:11px;line-height:1.2} .event_book .evt_con .evt_list > li.type_yellow .evt_txt{padding:12px 0 0 8px;font-size:14px;color:#aaa;letter-spacing:0} .event_book .evt_con .evt_list > li.type_yellow:hover .evt_txt{color:#fff} .event_book .evt_con .evt_list > li.type_yellow .evt_txt > span{font-size:20px;color:var(--main-color)} .livechat{position:fixed;right:0;bottom:0;z-index:90;display:none} .livechat .bt_chat{float:left} .main_section .main_visual{position:relative} .main_section .main_visual .wrap_sl{position:relative;width:1900px;left:50%;margin-left:-950px} .main_section .main_visual .wrap_sl .bx-pager{position:absolute;bottom:10px;z-index:60;width:100%;text-align:center} .main_section .main_visual .wrap_sl .bx-pager > div{display:inline-block;width:20px} .main_section .main_visual .wrap_sl .bx-pager > div > a{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ccc;font-size:0;text-indent:-99px} .main_section .main_visual .wrap_sl .bx-pager > div > a.active{background:#333} .main_section .main_visual .wrap_sl li a{position:absolute;width:244px;height:70px;top:324px;left:50%;margin-left:-122px;font-size:0;text-indent:-99px} .layer_tutorial{display:none;position:absolute;top:100px;right:90px;z-index:60} .layer_tutorial .bt_close{position:absolute;top:0;right:13px;display:block;width:40px;height:40px;background:url(/r/front/img/main/bt_close.png) 0 0 no-repeat;font-size:0;text-indent:-99px} .layer_tutorial .inner{width:328px;height:361px;margin-top:45px;background:url(/r/front/img/main/bg_tutor_pop.png) 0 0 no-repeat;text-align:center} .layer_tutorial .inner .txt_big{padding-top:40px;font-size:30px;color:#444;line-height:35px;} .layer_tutorial .inner .txt_big > span{color:var(--main-color)} .layer_tutorial .inner .txt{margin-top:35px;font-size:12px;color:#777;line-height:18px} .layer_tutorial .inner .bt_area{margin-top:25px} .bt_area{background:var(--main-color);height:40px;display:inline-block;line-height:40px;color:#fff;padding:0 15px;border-radius:20px;font-size:14px} a:link{color:#fff;text-decoration:none} a:visited{color:#fff;text-decoration:none} a:hover{color:#fff;text-decoration:none} .bt_close_ico{width:40px;height:40px;background:url(/r/front/img/main/bt_close.png) 0 0 no-repeat} #pageViewBox .bt_close_ico{margin-left:-45px;text-align:right;display:inline;position:fixed} .pageView{width:1067px;height:720px;background:#222;border:0;overflow:hidden;display:none;} /* .layer_mixparlay{display:none;position:absolute;top:100px;left:19px;z-index:60;width:96%;box-sizing:border-box} .layer_mixparlay .bt_close{position:absolute;top:0;right:0;display:block;width:40px;height:40px;background:url(/r/front/img/main/bt_close.png) 0 0 no-repeat;font-size:0;text-indent:-99px} .layer_mixparlay .inner{width:850px;min-height:150px;margin-top:45px;background:#fff;text-align:center;border-radius:10px;padding:15px 10px} .layer_mixparlay .inner h3{width:100%;text-align:left;font-weight:700;margin-bottom:15px} .layer_mixparlay .inner table{width:100%;border:1px solid #000} .layer_mixparlay .inner table th{background:#000;color:#fff;height:40px;line-height:40px;border-right:1px solid #fff} .layer_mixparlay .inner table th:last-child{border-right:0} .layer_mixparlay .inner table tr td{border-right:1px solid #000;border-bottom:1px solid #000;padding:10px 0} .layer_mixparlay .inner table tr:last-child td{border-bottom:0} */ /*main page event*/ .main_section .contents .promotions{padding-top:8px;width:1148px;margin:0 auto} .main_section .contents .promotions > div{float:left;margin-left:8px} .main_section .contents .promotions > div:first-child{margin-left:0} .main_section .contents .promotions .greybox.promo{padding:0 13px 17px;width:644px} .main_section .contents .promotions .greybox.promo .ban_list li{margin-top:15px;overflow:hidden} .main_section .contents .promotions .greybox.promo .ban_list li:first-child{margin-top:8px} .main_section .contents .promotions .greybox.promo .ban_list li img{height:216px} .main_section .contents .promotions .greybox.newgame{padding:0 13px 17px} .main_section .contents .promotions .greybox.newgame .ban_list li{margin-top:15px} .main_section .contents .promotions .greybox.newgame .ban_list li img{width:216px} .main_section .contents .promotions .greybox.newgame .ban_list li:first-child{margin-top:8px} .main_section .contents .promotions .greybox.hotgame{padding:0 13px 18px} .main_section .contents .promotions .greybox.hotgame .ban_list li{margin-top:15px} .main_section .contents .promotions .greybox.hotgame .ban_list li img{width:216px} .main_section .contents .promotions .greybox.hotgame .ban_list li:first-child{margin-top:8px} .main_section .contents .best_casino{position:relative;width:1148px;margin:0 auto} .main_section .contents .best_casino .list_wrap{position:relative;z-index:3;left:-8px} .main_section .contents .best_casino .thumb_list{width:1260px} .main_section .contents .best_casino .girl1bg{position:absolute;bottom:0;left:50%;margin-left:597px;z-index:1} .main_section .contents .best_casino .girl2bg{position:absolute;bottom:0;left:50%;margin-left:-943px;z-index:1} .main_section .contents .best_slot{position:relative;width:1148px;margin:0 auto} .main_section .contents .best_slot .list_wrap{position:relative;z-index:3} .main_section .contents .best_slot .list_wrap > .main_game{float:left;margin-top:8px;border:1px solid #767676} .main_section .contents .best_slot .thumb_list{float:right;width:1008px} .main_section .contents .best_slot .girl3bg{position:absolute;bottom:-14px;left:50%;margin-left:-943px;z-index:1} .main_section .contents .sport{position:relative;width:100%;max-width:calc(100vw - 9px);min-width:1160px;padding:0 60px;margin:0 auto; box-sizing: border-box;} .main_section .contents .sport .sport_sl{position:relative;margin-top:8px} .main_section .contents .sport .sport_sl .sl li{float:left;border:1px solid #444} .main_section .contents .sport .sport_sl .bx-controls-direction > a{position:absolute;display:block;width:54px;height:54px;top:50%;font-size:0;margin-top:-25px} .main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-prev{left:-90px;background:url(/r/front/img/template1/comm/bt_snb_prev2.jpg) 0 0 no-repeat} .main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-prev:hover{background:url(/r/front/img/template1/comm/bt_snb_prev2_on.jpg) 0 0 no-repeat} .main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-next{right:-90px;background:url(/r/front/img/template1/comm/bt_snb_next2.jpg) 0 0 no-repeat} .main_section .contents .sport .sport_sl .bx-controls-direction > a.bx-next:hover{background:url(/r/front/img/template1/comm/bt_snb_next2_on.jpg) 0 0 no-repeat} .main_section .contents .sport .sport_sl .big_thumb{position:absolute;top:-34px;left:50%;margin-left:-153px;width:306px;height:306px;border:1px solid #444;background:#000;z-index:60;box-shadow:10px 10px 25px #000} .main_section .contents .sport .sport_sl .big_thumb > img{width:100%} .main_section .contents .sport .sport_sl .big_thumb > a{display:block;position:absolute;top:50%;left:50%;margin:-48px 0 0 -48px;width:97px;height:97px;padding-top:30px;text-align:center;box-sizing:border-box} .main_section .contents .sport .sport_sl .big_thumb > a::before{content:"";position:absolute;top:50%;left:50%;margin:-41px 0 0 -41px;width:83px;height:83px;background:url(/r/front/img/template1/comm/lotate1.png) 0 0 no-repeat;animation:target_image 2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%} .main_section .contents .sport .sport_sl .big_thumb > a::after{content:"";position:absolute;top:50%;left:50%;margin:-48.5px 0 0 -48.5px;width:97px;height:97px;background:url(/r/front/img/template1/comm/lotate2.png) 0 0 no-repeat;animation:target_image2 2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50% 50%} .main_section .contents .sport .sport_sl .big_thumb > p{display:none;position:absolute;bottom:20px;left:0;width:100%;text-align:center;font-size:17px;color:#fff} .main_section .contents .sport .sport_sl .big_thumb:hover > a{display:block} .main_section .contents .sport .sport_sl .big_thumb:hover > p{display:block} .main_section .contents .long_ban{width:100%;padding-top:30px;margin:0 auto} .main_section .contents .long_ban .long_sl{position:relative} .main_section .contents .long_ban .swiper-slide{max-height:400px;} .main_section .contents .long_ban .long_sl .swiper-container{width: 100%; height: 100%; margin-left: auto; margin-right: auto;} .main_section .contents .long_ban .long_sl .bx-controls-direction > a{position:absolute;display:block;width:32px;height:32px;top:50%;font-size:0;margin-top:-16px} .main_section .contents .long_ban .long_sl .bx-controls-direction > a.bx-prev{left:1px;background:url(/r/front/img/main/bt_long_prev.png) 0 0 no-repeat} .main_section .contents .long_ban .long_sl .bx-controls-direction > a.bx-next{right:1px;background:url(/r/front/img/main/bt_long_next.png) 0 0 no-repeat} .swiper-main-bottom_prev { left: 1px;background: url(/r/front/img/main/bt_long_prev.png) 0 0 no-repeat;width: 33px;height: 33px;float: left;position: absolute;top: 50%; margin-top:-16px;z-index: 5000; } .swiper-main-bottom_next { right: 1px;background: url(/r/front/img/main/bt_long_next.png) 0 0 no-repeat;width: 33px;height: 33px;float: left;position: absolute;top: 50%; margin-top:-16px;z-index: 5000; } .sub_main_banner{position:relative;height:441px} .sub_main_banner .wrap_sl{position:relative;width:1900px;left:50%;margin-left:-950px} .sub_main_banner .wrap_sl .bx-pager{position:absolute;bottom:10px;z-index:60;width:100%;text-align:center} .sub_main_banner .wrap_sl .bx-pager > div{display:inline-block;width:20px} .sub_main_banner .wrap_sl .bx-pager > div > a{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ccc;font-size:0;text-indent:-99px} .sub_main_banner .wrap_sl .bx-pager > div > a.active{background:#333} .sub_main_banner .wrap_sl ul > li a{position:absolute;width:244px;height:70px;top:324px;left:50%;margin-left:-122px;font-size:0;text-indent:-99px} .sub_section{padding:0} .sub_section .sub_contents{position:relative;padding-bottom:70px;margin:0 auto;} .sub_section .sub_contents.game_contents{padding-top:0 !important;} .sub_section .sub_contents .location{position:absolute;top:10px;left:-252px;width:240px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;color:#777;font-size:12px} .sub_section .sub_contents .location > span{color:#777;font-size:12px;text-decoration:underline} /*.sub_section .game_wrap{position:relative;width:1148px;padding:46px 0;margin:38px auto 0;border:6px solid #444;border-radius:20px;box-sizing:border-box;background:#000}*/ /*.sub_section .game_wrap .game_tit{position:absolute;width:100%;top:-28px;left:0;text-align:center}*/ /*.sub_section .game_wrap .game_tit > p{display:inline-block;height:52px;padding:0 60px;border:6px solid #444;border-radius:26px;box-sizing:border-box;background:#000;text-align:center;font-size:23px;color:#a4a4a4;line-height:40px;position:relative;min-width:270px}*/ /*.sub_section .game_wrap .game_tit .btnSlotGame{display:inline-block;width:150px;height:52px;line-height:52px;color:#000;font-weight:700;font-size:16px;position:absolute;top:0;border-radius:25px;cursor:pointer}*/ /*.sub_section .game_wrap .game_tit .btnSlotGame.blue{background:#0084ff url(/r/front/img/comm/back.png) no-repeat 10% 50%;right:50%;margin-right:25px}*/ /*.sub_section .game_wrap .game_tit .btnSlotGame.blue:hover{margin-right:95px}*/ /*.sub_section .game_wrap .game_tit .btnSlotGame.green{background:#38aa00 url(/r/front/img/comm/full.png) no-repeat 90% 50%;left:50%;margin-left:25px}*/ /*.sub_section .game_wrap .game_tit .btnSlotGame.green:hover{margin-left:95px}*/ /*.sub_section .game_wrap .game_tit_full{position:absolute;width:100%;top:10px;left:0;text-align:center;display:none}*/ /*.sub_section .game_wrap .game_tit_full > p{display:inline-block;height:52px;padding:0 60px;border:6px solid #444;border-radius:26px;box-sizing:border-box;background:#000;text-align:center;font-size:23px;color:#a4a4a4;line-height:40px;position:relative;min-width:270px}*/ /*.sub_section .game_wrap .game_tit_full .btnSlotGame{display:inline-block;width:150px;height:52px;line-height:52px;color:#000;font-weight:700;font-size:16px;position:absolute;top:0;border-radius:25px;cursor:pointer}*/ /*.sub_section .game_wrap .game_tit_full .btnSlotGame.blue{background:#0084ff url(/r/front/img/comm/back.png) no-repeat 10% 50%;right:50%;margin-right:25px}*/ /*.sub_section .game_wrap .game_tit_full .btnSlotGame.blue:hover{margin-right:95px}*/ /*.sub_section .game_wrap .game_tit_full .btnSlotGame.green{background:#38aa00 url(/r/front/img/comm/full2.png) no-repeat 90% 50%;left:50%;margin-left:25px}*/ /*.sub_section .game_wrap .game_tit_full .btnSlotGame.green:hover{margin-left:95px}*/ /*.sub_section .game_wrap .game_frame{width:1120px;margin:0 auto}*/ /*.sub_section .game_wrap .game_frame iframe{width:100%}*/ .sub_section .sub_contents .bg_vis_change{position:absolute;width:180px;height:220px;top:30px;right:1300px;background:url(/r/front/img/game/mini_monkey_01.png) right top no-repeat} .sub_section .sub_contents .bg_vis1{position:absolute;width:275px;height:279px;top:900px;left:42px;background:url(/r/front/img/game/monkey2.png) 0 0 no-repeat} .sub_section .sub_contents .bg_vis2{position:absolute;width:254px;height:363px;top:856px;left:1221px;background:url(/r/front/img/game/monkey3.png) 0 0 no-repeat} .sub_section .sport_wrap{width:100%;background:url(/r/front/img/comm/bg_sports_black.jpg) 50% 100% no-repeat;background-size:cover} .sub_section .sport_wrap .sport_con{width:1440px;margin:0 auto; padding:0 60px; box-sizing: border-box;} .sub_section .sub_contents .game_list1{position:relative;padding-bottom:30px} .sub_section .sub_contents .game_list1 .bg_line{position:absolute;bottom:-87px;width:100%;height:87px;background:url(/r/front/img/comm/bg_sub_line.png) 50% top no-repeat} .sub_section .sub_contents .game_list1 .inner{width:100%;margin:0 auto; padding:0 60px; box-sizing: border-box;} .sub_section .sub_contents .partner_section .inner{background:transparent} /*BRAND GAME MAIN*/ .brand.lotto{--main-color: #76ad2e; --main-logo:url('/r/front/img/comm/lottoland_logo.png')} .brand.lotto .theme_logo_img{background-size: 180px; background-position: left;} .brand .sub_section .sub_contents{background:#fff;} .brand .sub_section .sub_contents .game_list1 .bg_line{background: none; border-top: 1px solid #ccc; bottom: 0; height: 1px; width: 1148px; left: calc(50% - 574px);} .brand .tab_wrap{background:var(--main-color);} .brand.lotto .tab_wrap .tab_list > li.on a{color: #fff;border-bottom: 2px solid #fff;} .brand.lotto .tab_wrap .tab_list > li a{filter: brightness(0) invert(1);} .brand.lotto .tab_wrap.fix_top{background-color: rgba( 101, 165, 8, 0.7 );} .brand.lotto .titlebox h4{position: relative; height: 41px;font-size:22px; line-height: 39px; padding: 0 0 0 22px;background:linear-gradient(275deg, rgba(255,255,255,0) 0%, rgba(118,173,46,1) 45%);color:#fff; background-size: 300px 100%; background-repeat: no-repeat;} .brand.lotto .titlebox h4:after{background:#fff; position: absolute; content: ""; width: 4px; height: 30px; border-radius: 4px; top: 5px; left: 5px;} .brand.lotto .titlebox h4 em.sub_tit_box{ display: inline-block; background: #eee; color: #000; padding: 0 10px; font-size: 14px; position: absolute;left: 200px; height:100%;} .brand.lotto .titlebox .bt_all{background:linear-gradient(275deg, rgba(101,165,8,1) 0%, rgba(163,203,36,1) 100%);color:#fff;border:2px solid #fff;} .brand.lotto .titlebox .bt_all:hover {background: linear-gradient(275deg, rgba(163,203,36,1) 0%, rgba(101,165,8,1) 100%);} .brand.lotto .tab_wrap .searchbox{background:#fff url(/r/front/img/comm/lotto_search_icon.png) 95% 50% no-repeat; background-size: 30px;border:1px solid var(--main-color);} .brand.lotto .tab_wrap .searchbox > input{color:var(--main-color);} .brand.lotto .game_list_wrap .gameInfo{background:#ebebeb;} .brand.lotto .game_list_wrap .gameInfo p.gameTitle,.brand.lotto .game_list_wrap .big_banner .gameInfo p.gameTitle {color: var(--main-color);} /*BRAND GAME DETAIL*/ .brand.lotto.wrapper{background:#fff;} .brand.lotto .sub_section .game_wrap{background:#fff;border:none;} .brand.lotto .sub_section .game_wrap .game_tit{display:none;} .brand.lotto .quick_game{display:none;} .brand.lotto .notice_area{background:#222;} .brand.lotto .sub_contents .game_wrap .game_frame .iframe_wrap iframe{background:none;} .tab_wrap{position:relative;background:#000} .tab_wrap.fix_top{position:sticky;top:0;width:100%;margin:0 auto;z-index:99;background-color:var(--screen-tertiary);box-sizing:border-box;} .tab_wrap .inner{width:100%;margin:0 auto} .tab_wrap .bg_line{position:absolute;bottom:-87px;width:100%;height:87px;background:url(/r/front/img/comm/bg_sub_line.png) 50% top no-repeat} /* .tab_wrap.fix_top .bg_line{display:none} */ .tab_wrap .tab_list{float:left;height:auto; width:900px;} .tab_wrap .tab_list > li{float:left;width:auto;height:auto;margin-left:28px;text-align:center;white-space: normal;border-bottom: 2px solid transparent;} .tab_wrap .tab_list > li:first-child{margin-left:0} .tab_wrap .tab_list > li a{display:inline-block;min-width:43px;padding:15px;height:auto;color:#fff;opacity:.6;font-size:14px;font-weight:bold;box-sizing:border-box;background: none !important;white-space: nowrap;} .tab_wrap .tab_list > li a.ir1{background-position:10px -78px} .tab_wrap .tab_list > li.on a.ir1{background-position:10px 20px} .tab_wrap .tab_list > li a.ir2{background-position:-93px -78px} .tab_wrap .tab_list > li.on a.ir2{background-position:-93px 20px} .tab_wrap .tab_list > li a.ir3{background-position:-200px -78px} .tab_wrap .tab_list > li.on a.ir3{background-position:-200px 22px} .tab_wrap .tab_list > li a.ir4{background-position:-302px -78px} .tab_wrap .tab_list > li.on a.ir4{background-position:-302px 20px} .tab_wrap .tab_list > li a.ir5{background-position:-400px -78px} .tab_wrap .tab_list > li.on a.ir5{background-position:-400px 24px} .tab_wrap .tab_list > li a.ir6{background-position:-504px -78px} .tab_wrap .tab_list > li.on a.ir6{background-position:-504px 19px} .tab_wrap .tab_list > li a.ir7{background-position:-614px -78px} .tab_wrap .tab_list > li.on a.ir7{background-position:-614px 19px} .tab_wrap .tab_list > li a.ir8{background-position:-720px -78px} .tab_wrap .tab_list > li.on a.ir8{background-position:-720px 19px} .tab_wrap .tab_list > li a.ir9{background-position:-823px -78px} .tab_wrap .tab_list > li.on a.ir9{background-position:-823px 19px} .tab_wrap .tab_list > li a.ir10{background-position:-823px -78px} .tab_wrap .tab_list > li.on a.ir10{background-position:-823px -20px} .tab_wrap .tab_list > li.on a{color:var(--main-color);border-bottom:2px solid var(--main-color);opacity: 1;} .tab_wrap .tab_list > li.on a{color:var(--main-color);border-bottom:none;} .tab_wrap .tab_list > li.on{border-bottom:2px solid var(--main-color);} .tab_wrap .searchboxArea{width:240px;} .tab_wrap .searchbox{float:right; width: 200px; padding: 7px 0 0 20px; height: 40px; margin-top: 15px; margin-bottom: 20px; border: 1px solid #ccc; box-sizing: border-box; margin-left: auto; margin-right: auto; background: #dedede url(/r/theme/center_logo/img/mobile/search.png) 95% 6px no-repeat; background-size: 25px;} .tab_wrap .searchbox > input{border:0;width:160px;height:26px;background:none;color:#222;font-size:14px;} .tab_wrap .searchbox > input::placeholder{color:#555;} .tab_wrap .choiceGame{padding:0;border-radius:0;margin-bottom:20px;width:200px;height:40px;background:var(--main-color);border:1px solid var(--main-color);color:#000;} .btn_list{display:inline-block;width:128px;height:40px;border:1px solid var(--main-color);border-radius:7px;background:var(--main-color);text-align:center;color:#fff;font-size:14px;line-height:40px} .slot_jackpot{display:none;position:absolute;width:100%;height:20px;bottom:0;background:var(--main-color);font-size:14px;font-weight:normal;color:#000;text-align:center;line-height:20px;opacity: .9;} .slot_jackpot > em{font-weight:400} .sub_contents .user_guide_btn a{background:url(/r/front/img/comm/user_guide_btn.png) 115px 50% no-repeat;background-size:18px;background-color:var(--main-color);width:130px;padding:8px;position:absolute;font-size:12px;left:calc(50% - 73px);z-index:1} .design_sel.cate{position:relative;float:left;margin-left:0;width:90px;height:30px;border:1px solid #777;line-height:30px;cursor:pointer;box-sizing:border-box;border-radius:3px} .design_sel.cate.t1{width:62px;background:#222 url(/r/front/img/template1/mypage/ico_arrow.png) 44px 11px no-repeat} .design_sel.cate.t2{width:90px;background:#222 url(/r/front/img/template1/mypage/ico_arrow.png) 68px 11px no-repeat} .design_sel.cate label{position:absolute;top:0;left:0;color:#fff;font-size:12px;padding:0 0 0 10px;font-weight:700} .design_sel.cate select{width:100%;height:30px;min-height:30px;line-height:30px;padding:0 10px;opacity:0;filter:alpha(opacity=0)} .design_sel.cate select option{background:#222;color:#fff} .mypage_cont .tab_con > div{display:none} .mypage_cont .tab_con > div.on{display:block} .wrapper .mypage_cont .mybox .name > span{color:#fff} .list_my{margin-top:26px} .list_my > li{border:1px solid #344051;padding:20px 30px;margin-top:-1px;box-sizing:border-box;overflow:hidden; border-radius: 12px;background: #1C2235;margin-bottom: 8px;} #gameList.list_my > li > a{width:100%;} /*.list_my > li .left_c{float:left;width:400px;padding:0 30px 0 0;}*/ /*.list_my > li .left_c > p {font-size: 16px;color:#97A1AF;font-family: Pretendard;margin-top: 10px;}*/ /*.list_my > li .left_c .date{font-size:16px;color:#97A1AF;font-family: Pretendard;font-style: normal;font-weight: 400;line-height: normal;}*/ /*.list_my > li .left_c .g_type1{margin-top:12px;font-size:18px;color:#fff;font-weight:700;line-height:24px}*/ /*.list_my > li .left_c .g_type1 > em{color:#aaa;font-size:20px;font-weight:700;line-height:26px}*/ /*.list_my > li .left_c .g_type2{margin-top:20px;font-size:20px;color:#aaa;font-weight:700;line-height:26px}*/ /*.list_my > li .left_c .g_type2 em{font-size:16px}*/ /*.list_my > li .center_c{float:left;width:200px}*/ /*.list_my > li .center_c ul{margin-top:15px}*/ /*.list_my > li .center_c ul li{color:#97A1AF;font-size:16px;margin-top:10px;font-family: Pretendard;font-style: normal;font-weight: 400;line-height: normal;}*/ /*.list_my > li .center_c ul li > span{font-size:16px}*/ /*.list_my > li .center_c ul li.point{color:#4DBBFF}*/ /*.list_my > li .right_c{float:right;text-align:right;width:155px}*/ /*.list_my > li .right_c .ticket{color:#97A1AF;font-size:14px;word-break:break-all}*/ /*.list_my > li .right_c .ticket_bot{color:#97A1AF;font-size:16px;margin-top:5px}*/ /*.list_my > li .right_c .result{margin-top:10px;text-align:right}*/ /*.list_my > li .right_c .result > span{display:inline-block;width:100px;height:32px;line-height:32px;border-radius:10px;font-size:16px;color:#fff;text-align:right}*/ /*.list_my > li .right_c .result > span.win{background: #1489D0;padding: 0 25px;}*/ /*.list_my > li .right_c .result > span.loss{background: #5F5F5F;padding: 0 25px;}*/ /*.list_my > li .right_c .result > span.flag_win{background:#1489D0}*/ /*.list_my > li .right_c .result > span.flag_lose{background:#5F5F5F}*/ .list_my.type_normal > li .center_c ul{margin-top:0} .list_my.type_normal > li .right_c .result{margin-top:16px;text-align:right} input.id_check{position:absolute;left:-3000em} .list_my .gamelist{display:flex;align-items:center} .list_my .gamelist>a{position:relative;width:100%;margin-left:20px} .list_my .top_area{display:flex;align-items:center;justify-content:space-between} .list_my .top_area p{color:#97a1af;font-size:16px;font-family:Pretendard;font-style:normal;font-weight:400;line-height:normal} .list_my .middle_area{margin-top:5px} .list_my .middle_area p.g_type1{font-size:18px;color:#fff;font-weight:700;line-height:24px} .list_my .bottom_area{display:flex;align-items:flex-start;justify-content:space-between} .list_my .bottom_area>ul>li{color:#97a1af;font-size:16px;margin-top:10px;font-family:Pretendard;font-style:normal;font-weight:400;line-height:normal} .list_my .bottom_area>ul>li.point{color:#4dbbff} .list_my .bottom_area .result{position:relative} .list_my .bottom_area .result>span{display:inline-block;height:32px;line-height:32px;border-radius:10px;font-size:16px;color:#fff;text-align:right;padding:0 25px;position:absolute;right:0;top:12px} .list_my .bottom_area .result>span.win{background:#1489d0} .list_my .bottom_area .result>span.loss{background:#5f5f5f} /* 마이페이지 */ .mypage_cont{width:100%;min-width:1440px;padding:40px 60px 140px;margin:0 auto;overflow:hidden; box-sizing: border-box;} .mypage_cont .contents{float:left;width:calc(100% - 348px);margin-left:30px;max-width:966px;background: var(--screen-tertiary); border-radius: 16px; padding: 24px;box-sizing: border-box;min-height: 500px;} .mypage_cont .contents .location{overflow:hidden;width:100%;height:40px;padding:0 0 0 20px;background:#1d1d1d;border:1px solid #444;box-sizing:border-box;display:none;} .mypage_cont .contents .location > p{float:left;color:#aaa;font-size:14px;line-height:40px;} .mypage_cont .contents .location > em{float:left;color:#aaa;font-size:14px;line-height:40px;padding:0 18px;} .mypage_cont .contents .greeting{padding:10px 0 20px;text-align:left;font-size:30px;color:#fff;line-height:37px;font-weight: bold;} .mypage_cont .contents .greeting em{color:var(--main-color);font-weight: bold;} /*.setting_button_area { position: absolute; top: 14px; left: 250px; }*/ /*.switch_button { position: relative; display: inline-block; width: 80px; height: 34px; }*/ /*.switch_button input { opacity: 0; width: 0;height: 0;}*/ /*.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;background-color: #444444; -webkit-transition: .4s; transition: .4s; }*/ /*.slider:before { position: absolute; content: ""; height: 26px; width: 35px; left: 4px; bottom: 4px; background-color: white;-webkit-transition: .4s; transition: .4s; }*/ /*.checked { position: absolute; top: 30%; color: #fff; font-weight: bold; letter-spacing: 1px;}*/ /*.checked.on { left: 10px; }*/ /*.checked.off { right: 10px; }*/ /*.switch_button input:checked + .slider { background-color: var(--main-color); }*/ /*input[type="checkbox"]:checked + span.checked.off {color: #D6D6D6;}*/ /*.switch_button input:checked + .slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); }*/ /*slider.round { border-radius: 34px; }*/ /*.slider.round:before { border-radius: 15px; }*/ /*.setting_button_area { font-size: 14px; color: #fff; font-weight: bold; }*/ /*내정보수정*/ .greeting2 .reddot{display:inline-block;padding:0 0 0 13px;background: url(/r/front/img/comm/ico_redstar.png) 0 50% no-repeat;} .modify_wrap{padding: 15px 70px;position: relative;box-sizing: border-box;} /*.modify_wrap .modibox .inp_join{width:100%; border-top:1px solid #333; border-bottom:1px solid #333;position:relative;}*/ .modify_wrap .modibox .inp_join:before { width: 165px; height: 100%; background: none; content: ""; position: absolute;} .modify_wrap .modibox .inp_join > li{position:relative;width:100%;height:60px;border-bottom:1px solid #333;box-sizing:border-box;} .modify_wrap .modibox .inp_join > li p.title{position:relative;float:left;width:170px;padding-left:15px;line-height:42px;font-size:14px;color:#999;background: none;} .modify_wrap .modibox .inp_join > li p.title.ico4{font-size:16px;} .modify_wrap .modibox .inp_join > li p > em{position:absolute;top:15px;left:0px;display:block;width:9px;height:10px;background: url(/r/front/img/comm/ico_redstar.png) 0 50% no-repeat;font-size:0px;text-indent:-999px;} .modify_wrap .modibox .inp_join > li p.txt{line-height:60px;font-size:16px;color:#fff;padding-left:17px;} .modify_wrap .modibox .inp_join > li input{float:left;width:350px;margin-top: 9px;background:#222;height:40px;line-height:40px;color:#fff;font-size:16px; border:1px solid #707070;padding-left:15px; border-radius: 12px; border: 1px solid #344051;background: var(--screen-tertiary);} .modify_wrap .modibox .inp_join > li input::-webkit-input-placeholder {color:#ccc;font-size:11px;font-family:NotoSansKRLight;} .modify_wrap .modibox .inp_join > li input:-ms-input-placeholder{color:#ccc;font-size:11px;font-family:NotoSansKRLight;} .modify_wrap .modibox .inp_join > li p.ico1{background-position:-4px -2px;} .modify_wrap .modibox .inp_join > li p.ico2{background-position:-3px -76px;} .modify_wrap .modibox .inp_join > li p.ico3{background-position:-2px -145px;} .modify_wrap .modibox .inp_join > li p.ico4{background-position:-2px -214px;} .modify_wrap .modibox .inp_join > li p.ico5{background-position:-1px -285px;} .modify_wrap .modibox .inp_join > li p.ico6{background-position:2px -352px;} .modify_wrap .modibox .inp_join > li p.ico7{background-position:-2px -424px;} .modify_wrap .modibox .inp_join > li p.ico8{background-position:-2px -495px;} .modify_wrap .modibox .inp_join > li p.ico9{background-position:-2px -567px;} .modify_wrap .modibox .inp_join > li p.ico10{background-position:-2px -717px;} .modify_wrap .modibox .inp_join > li p.ico11{background-position:-2px -867px;} .modify_wrap .modibox .inp_join > li .err_ico{position:absolute;right:0px;top:6px;width:20px;height:20px;display:block;background:url(/r/front/img/member/ico_err.png) 0 0 no-repeat;} .modify_wrap .modibox .inp_join > li .bt_phone{float:left;margin-top:11px;} .modify_wrap .modibox .inp_join > li .conf{margin-left:140px;width:66px !important;padding-left:40px !important;} .modify_wrap .modibox .inp_join > li .numbox{position:relative;margin-top:10px;float:left;width:152px;height:36px;padding:0 0 0 5px;border:1px solid #777;box-sizing:border-box;border-radius:5px;} .modify_wrap .modibox .inp_join > li .numbox > input{width:80px;border:0px;height:26px;margin-top:5px;padding:0 0 0 5px;background:none;} .modify_wrap .modibox .inp_join > li .numbox > span{position:absolute;right:5px;top:10px;color:#fff;} .modify_wrap .modibox .inp_join > li .bt_resend{position:absolute;top:-2px;right:-6px;} .modify_wrap .modibox .inp_join > li .err_msg{position:absolute;top:40px;left:30px;font-size:11px;color:#fe0000;} .modify_wrap .modibox .inp_join > li.etc{margin-top:40px;} .modify_wrap .modibox .inp_join .bt_yellow{display:inline-block;width:88px;height:36px;background:#222;border:1px solid var(--main-color);line-height:36px;border-radius:5px;font-size:16px;color:var(--main-color);text-align:center;font-family:NotoSansKRBold;box-sizing:border-box;} .modify_wrap .modibox .inp_join .bt_yellow:hover{background:var(--main-color); color:#222;} .modify_wrap .modibox .bot_btn{margin-top:32px;text-align:center;} .modify_wrap .modibox .info_btn {text-align: center;margin-top: 20px;margin-bottom: 10px;} .modify_wrap .modibox .info_btn button {width: 248px;} .modify_wrap .modibox .info_btn button > span {font-size: 18px;height: 48px;box-sizing: border-box;padding: 12px 16px;} .modify_wrap .modibox .bot_btn .bt_modify{display:inline-block;width:140px;height:50px;background:var(--main-color);border:1px solid var(--main-color);line-height:50px;border-radius: 0;color:#000;font-size:18px;font-family:NotoSansKRBold;box-sizing:border-box;} .modify_wrap .modibox .bot_btn .bt_modify:hover{background:#222222;border:1px solid #fff;color:#fff;} .modify_wrap .modibox .bot_btn .bt_bye{margin-left:10px;display:inline-block;width:140px;height:50px;background:#222222;border:1px solid #fff;line-height:50px;border-radius:25px;font-size:18px;color:#fff;font-family:NotoSansKRBold;box-sizing:border-box;} .modify_wrap .modibox .bot_btn .bt_bye:hover{background:var(--main-color);color:#222;} .wrapper .modify_wrap .modibox .inp_join > li{position:relative;width:100%;height:42px;border:none;margin-bottom:25px;box-sizing:border-box} .wrapper .modify_wrap .modibox .inp_join > li p.txt{line-height:42px} .wrapper .modify_wrap .modibox .inp_join > li input{margin-top:0;background:0 0} .wrapper .modify_wrap .modibox .inp_join > li p.txt{color:#fff;background:0 0;width:350px;display:inline-block} .wrapper .modify_wrap .modibox .bt_white{position: absolute;top: 2px;right: 227px;} .wrapper .modify_wrap .modibox .inp_join > li p.title{color: #FFF;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 500;} .wrapper .modify_wrap .modibox .inp_join > li .setting_button_area{position:absolute;top:3px;left:188px} .wrapper .modify_wrap .modibox .inp_join > li .design_sel{margin-top:0} .wrapper .modify_wrap .modibox .inp_join > li .info_select{width:367px;margin:0} .wrapper .modify_wrap .modibox .inp_join > li.error > input {border: 1px solid red;} .wrapper .modify_wrap .modibox .inp_join > li.error .errortxt_info {color: red;font-size: 12px; position: absolute;bottom: -19px; left: 26%;} .wrapper .modify_wrap .modibox .bot_btn{margin-top:4px!important} .wrapper .modify_wrap .modibox .bot_btn.action_btn{text-align:left} .wrapper .modify_wrap .modibox .bot_btn .bt_bye{border-radius:0;color:#fff} .wrapper .modify_wrap .modibox .inp_join>li .design_sel{margin-top:0!important;border-radius:0;} .mybox .mbox .ico_comp{background:#2b2b2b url(/r/front/img/template1/mypage/ico_comp.png) 6px 6px no-repeat} .deposit_wrap .agree_wrap{padding:0 0 60px;margin-top:40px} .deposit_wrap .agree_wrap > p{text-align:center;color:#fff;font-size:14px} .deposit_wrap .agree_wrap > ul{padding-top:40px;width:420px;margin:0 auto} .deposit_wrap .agree_wrap > ul > li{overflow:hidden;margin-top:15px;padding-left:8px} .deposit_wrap .agree_wrap > ul > li:first-child{margin-top:0} .deposit_wrap .agree_wrap > ul > li > p{float:left;margin-top:5px;width:350px;color:#fff;font-size:14px} .deposit_wrap .agree_wrap > ul > li > div{float:left} .deposit_wrap .agree_wrap > ul > li > div label{display:inline-block;height:21px;line-height:21px;font-size:14px;color:#fff;padding-left:31px;background:url(/r/front/img/mypage/ico_checkbox.png) left 0 no-repeat;cursor:pointer} .deposit_wrap .agree_wrap > ul > li > div label.checked{background-position:left -59px} .deposit_wrap .agree_wrap > div{width:420px;height:60px;padding-top:16px;margin:0 auto;border-bottom:2px solid #444} .deposit_wrap .agree_wrap > div p.title{position:relative;float:left;width:153px;padding-left:57px;line-height:60px;font-size:14px;color:#ccc;background:url(/r/front/img/template1/member/icons_modify.png) 0 -146px no-repeat} .deposit_wrap .agree_wrap > div input{float:left;width:200px;margin-top:9px;border:0;background:#333;height:40px;line-height:40px;color:#fff;font-size:16px} .deposit_wrap .agree_wrap > div input::-webkit-input-placeholder{color:#ccc;font-size:11px;} .deposit_wrap .agree_wrap > div input:-ms-input-placeholder{color:#ccc;font-size:11px;} .cf-stream-menu-container{display:none} .templat .content_body_templat1{width:100%;overflow-y:auto;height:365px} .templat .content_body_templat1 .win_area{width:250px;text-align:center;margin:0 auto} .templat .content_body_templat1 .win_area .team_box > div{max-width:100%;height:180px;border:1px solid #fff} .templat .content_body_templat1 .win_area .team_box{margin-bottom:50px} .templat .content_body_templat1 .rank_area{width:100%;overflow-y:auto} .templat .content_body_templat1 .rank_area ul{overflow:hidden;width:600px} .templat .content_body_templat1 .rank_area ul li{float:left;width:150px;box-sizing:border-box;text-align:center} .templat .content_body_templat1 .rank_area ul li .team_box{width:90%;margin:0 0 30px} .templat .content_body_templat1 .rank_area .team_box{margin-bottom:70px} .templat .content_body_templat1 button{font-size:40px;color:#000;width:400px;height:80px;line-height:80px;background:#ff7e00;border-radius:2px} .templat .content_body_templat2{width:100%;overflow-y:auto;height:220px} .templat .content_body_templat2 .win_area{width:250px;text-align:center;margin:0 auto} .templat .content_body_templat2 .win_area .team_box > div{max-width:100%;height:180px;border:1px solid #fff} .templat .content_body_templat2 .win_area .team_box{margin-bottom:50px} .templat .content_body_templat2 .rank_area{width:100%;overflow-y:auto} .templat .content_body_templat2 .rank_area ul{overflow:hidden;width:600px} .templat .content_body_templat2 .rank_area ul li{float:left;width:150px;box-sizing:border-box;text-align:center} .templat .content_body_templat2 .rank_area ul li .team_box{width:90%;margin:0 0 30px} .templat .content_body_templat2 .rank_area .team_box{margin-bottom:70px} .templat .content_body_templat2 button{font-size:40px;color:#000;width:400px;height:80px;line-height:80px;background:#ff7e00;border-radius:2px} .templat .team_box > div{width:100%;border:1px solid #fff;margin-bottom:10px;box-sizing:border-box} .templat .team_box > div > img{max-width:100%;max-height:100%} .templat .content_footer{padding-bottom:388px} .templat select{width:100%;height:40px;line-height:40px;background:#000 url(/r/front/img/event/buff/arrow.png) no-repeat 95% 50%;border:1px solid #fff;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#fff;padding:0 20px;box-sizing:border-box} #powerBall_link{position:absolute;top:-30px;right:30px;text-align:center;display:none} #powerBall_link .text{border:1px solid var(--main-color);background:var(--main-color);font-weight:700;color:#222} #powerBall_link:hover .text{border:1px solid var(--main-color);background:#222;font-weight:700;color:var(--main-color)} #powerBall_link .text{padding-top:5px;border-radius:10px;width:100px;height:20px} p{color:#97a1af} .inspection{text-align:center;color:var(--main-color);font-size:45px;font-weight:700;margin-top:30px} #pageReload{height:30px;line-height:30px;background:var(--main-color);padding:0 10px;border-radius:5px;font-weight:700;color:#000;display:none} button[simpleid="pageReload"]{height:30px;line-height:30px;background:var(--main-color);padding:0 10px;border-radius:5px;font-weight:700;color:#000 !important;display:none} .btnMoveGame{ display: block; width: 500px; height: 50px; background: var(--main-color); text-align:center; line-height: 50px; margin: 0 auto; font-size: 20px; font-weight: bold; color: #000!important;} /*LNB*/ .header_mypage{width:100%;height:220px; background:#000;} .header_mypage .inner{width:1148px; margin:0 auto; padding:30px 0;} .header_mypage_left{float:left;width:495px;position:relative} .header_mypage_right{position:relative;display:flex;justify-content:flex-end} .header_mypage_level{margin-top:30px} .header_mypage_left h1{color:var(--main-color);font-size:40px} .header_mypage_left h1 span{color:#fff;font-size:18px;display:inline-block;padding-left:5px} .header_mypage_left h1 span#theme_lnb_username{color:var(--subMain-color);font-size:35px} .header_mypage_level img{width:51px;height:51px;display:inline-block;float:left;margin-right:15px} .header_mypage_level .level_label{font-size:14px;color:#fff;display:block} .header_mypage_level .level_value{font-size:26px;display:block;color:#fff} .wallet_wrapper{background:#191816;float:left;width:250px;height:100px;padding:20px 15px 10px;border:1px solid #333} .wallet_wrapper .wallet_label{font-size:14px;color:#999;display:block} .wallet_wrapper .wallet_value{color:#c00;font-size:22px;font-weight:700;padding-top:45px} .wallet_wrapper .wallet_value span#theme_lnb_real_amount{font-size:24px;font-family:'NotoSansKRBold'} .wallet_wrapper .wallet_value span{font-size:15px} .board_wrapper:nth-child(odd){float:left;width:250px;height:130px;padding:0 15px;background:#191816;border:1px solid #333;border-left:none} .board_wrapper:nth-child(even){float:left;width:250px;height:130px;padding:0 15px;background:#111;border:1px solid #333;border-left:none} .board_wrapper .board_label{font-size:14px;color:#999;display:block;margin-top:13px} .board_wrapper h3{font-size:17px;color:#fff;display:block;font-weight:700;margin-top:2px} .mypage_cont .lnb_wrap{float:left;width:300px;} .mypage_cont .lnb_wrap .top{width:100%;height:auto;padding:30px 20px;box-sizing:border-box;text-align:left; display:none;} .mypage_cont .lnb_wrap .top > a{display:inline-block;padding-top:0;color:#fff;font-size:20px;line-height:1.2;background:none} .mypage_cont .lnb_wrap .lnb > li{position:relative;border-top:1px solid #1d1d1d} .mypage_cont .lnb_wrap .lnb > div{background:var(--screen-tertiary); border-radius:12px; margin-bottom:12px;} .cs_lnb .header_lnb{position:relative;display:flex;justify-content: space-between; padding:0 20px 15px; align-items: center;} .cs_lnb .header_lnb .mypage_icon{background:url(/r/theme/beteast_v2/comm/cs_icon.svg)0 0 /contain no-repeat; padding:0 0 0 40px;} .cs_lnb .header_lnb .mypage_icon h2{color:#fff; font-size:16px; font-weight:bold; } .cs_lnb #close_lnb{background:url(/r/front/img/main/bt_close.png)0 0 /30px no-repeat;width:30px;height:30px; opacity: .5;} .mypage_lnb .header_lnb{position:relative;display:flex;justify-content: space-between; padding:0 20px 15px; align-items: center;} .mypage_lnb .header_lnb .mypage_icon{background:url(/r/theme/beteast_v2/comm/mypage_icon.svg)0 0 /contain no-repeat; padding:0 0 0 40px;} .mypage_lnb .header_lnb .mypage_icon h2{color:#fff; font-size:16px; font-weight:bold; } .mypage_lnb #close_lnb{background:url(/r/front/img/main/bt_close.png)0 0 /30px no-repeat;width:30px;height:30px; opacity: .5;} .wrapper .lnb_wrap .top > a{background:none} .wrapper .lnb_wrap .lnb{} .wrapper .lnb_wrap .lnb li{position:relative;padding:0 10px;} .wrapper .lnb_wrap .lnb li:hover{} .wrapper .lnb_wrap .lnb li a{position:relative;display:flex;width:100%;height:47px;padding:0;box-sizing:border-box;line-height:47px;color:#d6d6d6;font-size:15px;border-left:none; align-items: center;} .wrapper .lnb_wrap .lnb li a:hover{border-left:none;color:var(--main-color);background-position:right 50%} .wrapper .lnb_wrap .lnb li span{display:none;position:absolute;right: 11px;top:21px;width:13px;height:13px;font-size:0;cursor:pointer;z-index:10} .wrapper .lnb_wrap .lnb li a.on{color:var(--main-color);font-weight:700;} .wrapper .lnb_wrap .lnb li.on span{display:block} .wrapper .lnb_wrap .lnb li.no_bg a{background:none} .wrapper .lnb_wrap .lnb li .dep2{position:relative;top:0;display:none;padding-bottom:15px} .wrapper .lnb_wrap .lnb li .dep2 ul li a{display:block;width:100%;height:25px;padding:0 0 0 14px;line-height:26px;font-size:13px;color:#fff;box-sizing:border-box;background:none} .wrapper .lnb_wrap .lnb li .dep2 ul li a:hover{color:var(--main-color);background-position:26px -24px} .wrapper .lnb_wrap .lnb li .dep2 ul li a.on{color:var(--main-color);background-position:26px -24px} .wrapper .lnb_wrap .bottom{border-top:1px solid #333;padding:20px} .wrapper .lnb_wrap .bottom h4,.wrapper .lnb_wrap .bottom h4 a{font-size:16px;color:#fff;margin:0 0 10px;background:none;height:auto;padding:0;border:none;font-weight:700;line-height:16px} .wrapper .lnb_wrap .bottom p,.wrapper .lnb_wrap .bottom p a{font-size:14px;color:#999;margin:0 0 10px} .wrapper .lnb_wrap .bottom ul{margin-left:19px} .wrapper .lnb_wrap .bottom ul li,.wrapper .lnb_wrap .bottom ul li a{font-size:17px;margin:0 0 5px;color:var(--main-color);list-style-type:disc} .wrapper .lnb_wrap .lnb li a:before{content:"";display:inline-block;width:35px; height:57px; padding:0 15px 0 0; background-color:#d7d7d7;mask-repeat:no-repeat; mask-size:28px; mask-position:50%;} .wrapper .lnb_wrap .lnb li a.on:before, .wrapper .lnb_wrap .lnb li:hover > a:before{background:var(--main-color);} .wrapper .lnb_wrap .lnb li#lnbDw a:before{mask-image:url(/r/theme/beteast/lnb/dw.png);} .wrapper .lnb_wrap .lnb li#lnbComps a:before{mask-image:url(/r/theme/beteast/lnb/comppoint.png);} .wrapper .lnb_wrap .lnb li#lnbCoupons a:before{mask-image:url(/r/theme/beteast/lnb/coupon.png);} .wrapper .lnb_wrap .lnb li#lnbInquiry a:before{mask-image:url(/r/theme/beteast/lnb/inquiry.png);} .wrapper .lnb_wrap .lnb li#lnbNotice a:before{mask-image:url(/r/theme/beteast/lnb/note.png);} .wrapper .lnb_wrap .lnb li#lnbFriend a:before{mask-image:url(/r/theme/beteast/lnb/friend.png);} .wrapper .lnb_wrap .lnb li#lnbBetting a:before{mask-image:url(/r/theme/beteast/lnb/betting.png);} .wrapper .lnb_wrap .lnb li#lnbSecurity a:before{mask-image:url(/r/theme/beteast/lnb/otp.png);} .wrapper .lnb_wrap .lnb li a#lnbDeposit:before{mask-image:url(/r/theme/beteast/lnb/deposit.png);} .wrapper .lnb_wrap .lnb li a#lnbWithdraw:before{mask-image:url(/r/theme/beteast/lnb/withdraw.png);} .wrapper .lnb_wrap .lnb li a#lnbDepositList:before{mask-image:url(/r/theme/beteast/lnb/transaction.png);} .wrapper .lnb_wrap .lnb li a#lnbWithdrawList:before{mask-image:url(/r/theme/beteast/lnb/dw.png);} .wrapper .lnb_wrap .lnb li a#lnbAccount:before{mask-image:url(/r/theme/beteast/lnb/account.png);} .wrapper .lnb_wrap .lnb li a#lnbPoint:before{mask-image:url(/r/theme/beteast/lnb/point.png);} .wrapper .lnb_wrap .lnb li a#lnbCompPoint:before{mask-image:url(/r/theme/beteast/lnb/history.png);} .wrapper .lnb_wrap .lnb li a#lnbUseCoupon:before{mask-image:url(/r/theme/beteast/lnb/couponuse.png);} .sidenav nav.account-sidenav{display:flex;flex-wrap:wrap;flex-direction: unset;padding:0 15px 15px;} .sidenav nav.account-sidenav div.nav-block{width:calc(50% - 5px);} .sidenav nav.account-sidenav div.nav-block.transaction{width:100%;} .sidenav nav.account-sidenav div.nav-block.to-be-decide{display:none;} .sidenav nav.account-sidenav div.nav-block.lang{display:none;} .sidenav nav.account-sidenav div.nav-block .title{display:none;} .sidenav nav.account-sidenav div.nav-block .lnbDeposit{display:none;} .sidenav nav.account-sidenav div.nav-block .lnbWithdraw{display:none;} .sidenav nav.account-sidenav div.nav-block .lnbAccount{display:none;} /* my account: sidenav */ nav.account-sidenav {display:flex;flex-direction:column;gap:10px} nav.account-sidenav div.nav-block{--nav-padding:4px 12px;--border-radius:12px;background-color:var(--screen-secondary);border-radius:var(--border-radius)} nav.account-sidenav div.nav-block .title{height:50px;font-weight:600;align-content:center;padding:var(--nav-padding);color:#fff;font-size:16px;} nav.account-sidenav div.nav-block .nav-items .link{padding:var(--nav-padding);display:flex;flex-direction:row;gap:10px;align-items:center;height:45px;font-weight:600;color:var(--text-secondary);border-radius:var(--border-radius);transition:.3s ease-in-out} nav.account-sidenav div.nav-block .nav-items .link:hover{background:rgba(0,0,0,)} nav.account-sidenav div.nav-block .nav-items .link .icon{border-radius:6px;height:10px;width:10px;place-content:center;text-align:center;background:var(--text-secondary);} nav.account-sidenav div.nav-block .nav-items .link .icon i{font-size:22px;line-height:28px} nav.account-sidenav div.nav-block .nav-items .link.active{background: #1F2C43;color:var(--content-50)} nav.account-sidenav div.nav-block .nav-items .link.active .icon{background:var(--bg-gradient-primary)} nav.account-sidenav div.nav-block .nav-items .link.active .icon i{color:var(--content-50)} nav.account-sidenav div.nav-block .nav-items .link.language{color:var(--content-50);justify-content:space-between} nav.account-sidenav div.nav-block .nav-items .link.language > div > span {color: white;font-size: 1rem;font-weight: bold;margin-right: 10px;} nav.account-sidenav div.nav-block .nav-items .link.language i{color:var(--text-secondary)} nav.account-sidenav div.nav-block .nav-items .link.language:hover {background-color: transparent;} nav.account-sidenav div.nav-block .nav-items .language-items div a{height:50px !important;box-sizing: border-box ;align-content:center;display:flex;padding:var(--nav-padding);align-items:center;border-radius:var(--border-radius);color:var(--text-secondary);justify-content:space-between} nav.account-sidenav div.nav-block .nav-items .language-items div a:hover{background-color:var(--content-800)} nav.account-sidenav div.nav-block .nav-items .language-items div a img{height:22px !important;width:22px !important} nav.account-sidenav div.nav-block .nav-items .language-items .language{align-content:center;display:flex;gap:15px} nav.account-sidenav div.nav-block .nav-items .language-items {display: none;} nav.account-sidenav div.nav-block .nav-items .language-items div a.active {background-color: var(--content-800);} nav.account-sidenav div.nav-block .nav-items .language-items div a.active span{color: white;} nav.account-sidenav div.nav-block .nav-items .active-indicator{background-color:var(--primary-blue);border-radius:50%;height:10px;width:10px} nav.account-sidenav div.nav-block.logout{background:transparent;} nav.account-sidenav div.nav-block.logout .nav-items .link .icon{height:30px;width:30px;background:transparent;} nav.account-sidenav div.nav-block .header_lang_flag_beteast {width: 100% !important;} nav.account-sidenav div.nav-block.logout .nav-items .link:hover{background-color:transparent;color:var(--content-50)} .sidenav{z-index:10001;display:none;max-height: calc(100vh - 100px);height:auto;width:420px;padding: 10px;position:fixed;top:81px;right:60px;background-color:var(--screen-tertiary);overflow-x:hidden;transition:.5s;box-sizing:border-box;border:1px solid #202b37;border-radius:1rem} /* .sidenav a{padding:8px;text-decoration:none;font-size:16px;color:#97a1af;display:block} */ /* .sidenav a:hover{color:#f1f1f1} */ .sidenav .closebtn{position:absolute;top:0;right: 12px;font-size:25px;z-index:9999;padding-top:0} .sidenav .name{color:#fff;position:relative;font-size:18px} .sidenav .name em{font-weight:700} .sidenav .balance{border-bottom:1px solid #202b37;padding:10px;margin:0 20px;display:flex;justify-content:space-between} .sidenav .balance_amount {font-size: 20px;font-weight: 700;color: #fff;} .sidenav .balance,.sidenav .point_amount{color:#fff;text-align:center} .wrapper .sidenav .lnb_wrap .top{display:flex;justify-content:center;margin-bottom:15px;} .wrapper .sidenav .lnb_wrap .top > a{padding:45px 10px 4px;color:#fff;border-radius:2px;font-size:14px;margin:0 15px} .wrapper .sidenav .lnb_wrap .top > a.deposit_icon{background:url(/r/theme/beteast_v2/comm/icon_deposit.png)no-repeat 50% 0/40px} .wrapper .sidenav .lnb_wrap .top > a.withdraw_icon{background:url(/r/theme/beteast_v2/comm/icon_withdraw.png)no-repeat 50% 0/40px} .wrapper .sidenav .lnb_wrap .top > a.betting_icon{background:url(/r/theme/beteast_v2/comm/icon_wallet.png)no-repeat 50% 0/40px} .wrapper .sidenav .lnb_top .lnb_top_balance{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:0 20px} .wrapper .sidenav .lnb_top{} .test{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;pointer-events:auto} .wrapper .sidenav .lnb_wrap .lnb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .wrapper .sidenav .lnb_wrap .lnb div,.wrapper .sidenav .lnb_wrap .bottom{background:var(--screen-tertiary);margin:10px;border-radius:1rem;border-top:none} .wrapper .sidenav .lnb_wrap .bottom{margin:20px;width:41%;padding:10px} .wrapper .sidenav .lnb_wrap .lnb div li{border-bottom:1px solid #090c1b} .wrapper .sidenav .lnb_wrap .lnb div li:last-child{border-bottom:none} .wrapper .sidenav .balance_wrap{} .wrapper .sidenav .balance_item{display:flex; justify-content: space-between;} .wrapper .sidenav .balance_value{display:flex;} .my_menu.ver_new .top h1{width:100%;padding:0;background:var(--main-logo);background-repeat:no-repeat;background-position:50% 50%;background-size:50%; margin:0} .my_menu img{width:100%} .my_menu .top{position:relative;width:100%;height:auto;background:var(--bg-h);box-sizing:border-box;padding:0;min-height:60px;} .my_menu.ver_new .bt_my_close{position:absolute;top:50%;right:-20%;width:20px;height:20px;background:url(/r/front/img/m/comm/m_menu_prev.png) 0 0 no-repeat;background-size:35px;font-size:0;margin:0;padding:10px;border-radius:50%;} .my_menu .my_menu_cont{padding:0 15px 50px} .my_menu .mem_bts{overflow:hidden} .my_menu .mem_bts li{float:right;width:49.5%} .my_menu .mem_bts li:first-child{float:left} .my_menu .mem_bts li > a{display:block;width:100%;height:40px;line-height:40px;font-size:13px;text-align:center} .my_menu .mem_bts li > a.bt_login{background:var(--main-color);border-radius:4px 0 0 4px;color:var(--default-text-color)} .my_menu .mem_bts li > a.bt_join{background:#EBEBEB;border-radius:0 4px 4px 0;color:#222} .my_menu .my_menu_event{display:flex; justify-content: center; gap:10px; margin:0;} .my_menu .my_menu_event a{display:block; width:auto; text-align: center; padding:0 0 0 30px; height:30px; line-height:30px; font-size:12px; border-radius:12px; font-weight:bold; color:var(--common-color); background-size:18px; background-position:5px center; background-repeat: no-repeat;} .my_menu .my_menu_event a.bt_leaderboard{background-image:url(/r/front/img/comm/icon_white_leaderboard.png);} .my_menu .my_menu_event a.bt_attendance{background-image:url(/r/front/img/comm/icon_white_check.png);} .my_menu .my_menu_event a.bt_victory{background-image:url(/r/front/img/comm/icon_white_leaderboard.png);} .my_menu .my_menu_event a.bt_userboard{background-image:url(/r/front/img/icon_board_s.png);} .my_menu .menu_type1{display:flex; flex-wrap:wrap; gap:5px; padding:20px 15px;} .my_menu .menu_type1 .menu_ico {height: 36px;width: 36px;} .my_menu .menu_type1 li{position:relative;width:calc(33.33% - 5px);height:auto;border-radius:4px;background:#ffffff08} .my_menu .menu_type1 li > a{display:flex;flex-wrap:wrap; justify-content: center; gap:5px; min-height: 40px;align-items: center; flex-direction: column; width:100%;height:100%;padding:10px 0;font-size:14px; font-weight:400;color:var(--default-text-color);box-sizing:border-box;} .my_menu .menu_type1 li::before{content:"";position:absolute;top:10px;left:12px;display:block;width:20px;height:20px} .my_menu .menu_type1 li.mn_chat{background:#fff} .my_menu .menu_type1 li.mn_chat > a{color:#444} .my_menu .menu_type1 li.mn_chat::before{background:url(/r/front/img/m/comm/ico_chat.png) 0 0 no-repeat;background-size:100%} .my_menu .menu_type1 li.mn_setting::before{background:url(/r/front/img/m/comm/ico_setting.png) 0 0 no-repeat;background-size:100%} .my_menu .menu_type1 li > a.new span{position:relative;} .my_menu .menu_type1 li > a.new:after{content:"";position:absolute;width:15px;height:15px; top:10px; right:10px;background:url(/r/front/img/comm/new_label.svg)0 0/15px no-repeat;} .my_menu .menu_type2{margin:8px 0;border-radius:4px;background:#222;overflow:hidden} .my_menu .menu_type2 > li{position:relative;width:100%;background:#222} .my_menu .menu_type2 > li > a{display:block;width:100%;height:40px;padding:0 0 0 49px;font-size:15px;line-height:40px;color:var(--default-text-color);box-sizing:border-box} .my_menu .menu_type2 > li .dep2{display:none} .my_menu .menu_type2 > li .dep2 > li{background:#333;height:40px;line-height:40px} .my_menu .menu_type2 > li .dep2 > li > a{color:#aaa;display:block;padding:0 0 0 49px;width:100%;height:100%;box-sizing:border-box} .my_menu .menu_type2 > li.has-submenu span{display:inline-block;position:absolute;width:15px;height:15px;background:url(/r/front/img/m/comm/bt_arrow_grey_bottom.png) 100% 100% no-repeat;background-size:15px;position:absolute;top:10px;right:15px} .my_menu .menu_type2 > li.has-submenu.on span{transform:rotate(180deg);top:15px} .my_menu .menu_type2 > li::before{content:"";position:absolute;top:7px;left:12px;display:block;width:20px;height:20px} .my_menu .menu_type2 > li.mn_mypage::before{width:25px;height:25px;background:url(/r/front/img/m/comm/ico_mypage.png) 0 0 no-repeat;background-size:100%} .my_menu .menu_type2 > li.mn_cs::before{top:0;left:3px;width:40px;height:40px;background:url(/r/front/img/m/comm/ico_cs.png) 0 0 no-repeat;background-size:100%} .my_menu .app_down{margin-bottom:8px;border:2px solid #222;border-radius:4px;overflow:hidden;background:#222 url(/r/front/img/m/comm/app_down.png) 0 0 no-repeat;background-size:100%;min-height:100px} .my_menu .app_down > p{padding:10px 0 10px 15px;color:#aaa} .my_menu .app_down .app_list{width:50%;height:100px;float:right;text-align:center;color:var(--default-text-color)} .my_menu .app_down .app_list p{color:var(--default-text-color);padding-top:20px;padding-bottom:10px;font-weight:700} .my_menu .app_down .app_list button{width:120px;height:28px;background:var(--main-color) url(/r/front/img/m/comm/app_down_bg.png) 88% 50% no-repeat;background-size:17px;color:var(--default-text-color)} .my_menu .app_down > ul{padding:0 15px 10px;overflow:hidden} .my_menu .app_down > ul > li{float:left;text-align:center;margin-left:10px} .my_menu .app_down > ul > li:first-child{margin-left:0} .my_menu .app_down > ul > li > a{display:block;width:40px;height:40px} .my_menu .app_down > ul > li > p{margin-top:4px;color:#aaa;font-size:10px} .my_menu .app_down.middle{margin-top: 8px;} .my_menu .my_info .id{padding:0;color:#fff;font-weight:bold;font-size:24px;white-space: nowrap;} .my_menu .my_info .id > em{color:#fff;} .my_menu .my_info .myinfo_detail .edit_info{background:url(/r/theme/beteast_v2/comm/mypage_info.svg)no-repeat 0 0/contain;display:block;margin-top:10px;cursor:pointer; width:21px; height:21px;} .my_menu .my_info .welcome{color:#fff;} .my_menu .my_info p img{width: 15px; height: 15px; margin-right: 5px;} .my_menu .my_info .money{padding:0;color:#fff;font-size:16px; line-height:22px;} .my_menu .points{padding:0; } .my_menu .points li{display: flex;box-sizing: border-box;width: 100%;margin: 0 0 10px;} .my_menu .points li:last-child{margin:0;} .my_menu .points li a{display:flex;justify-content: space-between;width:100%;background: #272D42;border:1px solid #233853;padding: 4px 10px;border-radius:12px;min-height: 40px;box-sizing: border-box;} .my_menu .points li.partner_link a{border:1px solid #5A6483;background:linear-gradient(180deg, #616A88 2.6%, #4D587A 10.42%, #3D455F 45.98%, #272D42 95.54%), var(--Content-content-800, #202B37);} .my_menu .points li.partner_link a .full{text-align: center;display: flex; gap: 10px; align-items: center;justify-content: center; width:100%;} .my_menu .points li.partner_link a .full span{color:#fff;} .my_menu .points li.partner_link a .full img{width:22px;} .my_menu .points li a .left, .my_menu .points li a .right{display:flex; align-items: center;} .my_menu .points li a .left{gap:10px;} .my_menu .points li a .right{justify-content: end;padding:0 ; position:relative;} .my_menu .points li a .right span{color:#2CB4FF;font-weight:bold;} .my_menu .points li a .right .point_btn{padding: 5px 10px 6px;background: #1E253A;border: 1px solid #535F82;border-radius: 6px;margin: 0 0 0 12px;font-size:12px;min-width: 58px;text-align: center;} .my_menu .points li a .right .point_btn:hover{background: #535F82;} /* .my_menu .points li a .right:after{content:""; position:absolute; width: 12px; height: 12px; right:0; top:50%; margin-top:-6px; background:url(/r/front/img/m/comm/m_menu_small_arrow.png)0 0 no-repeat;} */ .my_menu .points li span{font-size:14px;color:#97a1af;} .my_menu .points li span.ico_bg{border-radius:50%; background-color:#333; width:36px;height:36px;} .my_menu .points li span.ico{position:relative;width:36px;height:36px; display: block;margin: 0;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center; -webkit-mask-size: 12px;background-color: var(--main-color);} /* .my_menu .points li.point_bg span.ico{-webkit-mask-image: url(/r/front/img/m/comm/icon_point.svg);} .my_menu .points li.comp_bg span.ico{-webkit-mask-image: url(/r/front/img/m/comm/icon_comp.svg);} .my_menu .points li.coupon_bg span.ico{-webkit-mask-image: url(/r/front/img/m/comm/icon_coupon.svg); -webkit-mask-size: 28px;} */ .my_menu .points li p{color:#fff;font-size:18px;font-weight:bold;float:left;padding:0 5px 0 0;} .my_menu .points li.coupon{} /* .my_menu .points li.coupon .bt_coupon{color:#a3a3a6;height:40px;line-height: 40px;font-size:12px;} */ .my_menu .points li.coupon .bt_coupon span.alarm{display:inline-block;width: 15px;height: 15px;text-align: center;background: #50db5f; color: var(--bg-h); line-height: 14px; font-size: 10px; border-radius: 3px;} .my_menu .logined_bts{position:relative;margin:8px 2px;padding:0 16px 16px;display:flex;} .my_menu .logined_bts .alarm{position:relative;margin:0 8px 0 0;width:40px;height:40px;border-radius:50%;background:#222 url(/r/front/img/m/comm/header_ico_alrim.png) 50% 50% no-repeat;background-size:22px} .my_menu .logined_bts .alarm em{position:absolute;top:2px;right:4px;width:18px;height:18px;text-align:center;background:red;color:var(--default-text-color);line-height:18px;border-radius:50%;font-size:11px} .my_menu .logined_bts > ul{width:100%;box-sizing:border-box;display:flex; gap:10px;} .my_menu .logined_bts > ul > li{width:33.33334%;float:left} .my_menu .menu_type3{display:flex;flex-wrap:wrap;gap: 10px;} .my_menu .menu_type3 li {position:relative;display:flex;flex-wrap:wrap;border-radius: 12px;/* width:calc(50% - 18px); */padding: 0 0 0 15px;} .my_menu .menu_type3 li:before{content:"";position:absolute;top:50%;width:6px;height:6px;background:#4D587A;left:0;border-radius:50%;/* transform: translateY(-50%); */margin-top: -3px;} .my_menu .menu_type3 li a{color:#97A1AF;text-align:left;width:100%;margin: 0px 0 0;font-size:12px;} /* .my_menu .menu_type3 li.menu_box span{position:relative;display:block; margin:0 auto; width:36px; height:36px;-webkit-mask-repeat: no-repeat;-webkit-mask-position:center; -webkit-mask-size:contain; background-color:var(--main-color);} */ .my_menu .menu_type3 li.menu_box em{width:8px; height:8px; background:#fc0000;top:10px; right:30px;border-radius:50%;display:block;position:absolute;} .my_menu .menu_type3 li.menu_box b{color:#97A1AF;font-weight:normal;} /* .my_menu .menu_type3 li.mn_event span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_event.svg); } .my_menu .menu_type3 li.mn_notice span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_notice.svg); } .my_menu .menu_type3 li.mn_cs span{-webkit-mask-image: url(/r/front/img/m/comm/icon_cs.svg);} .my_menu .menu_type3 li.mn_notice span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_notice.svg); } .my_menu .menu_type3 li.mn_attendance span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_attendance.svg); } .my_menu .menu_type3 li.mn_leaderboard span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_leaderboard.svg); } .my_menu .menu_type3 li.mn_userboard span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_board.svg); } .my_menu .menu_type3 li.mn_mynotice span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_memo.svg); } .my_menu .menu_type3 li.mn_inquiry span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_inqury.svg); } .my_menu .menu_type3 li.mn_friend span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_invitation.svg); } .my_menu .menu_type3 li.mn_cs_guide span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_guide.svg); } .my_menu .menu_type3 li.mn_betting span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_terms.svg); } .my_menu .menu_type3 li.mn_cs_connection span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_connect.svg); } .my_menu .menu_type3 li.mn_setting span{ -webkit-mask-image: url(/r/front/img/m/comm/icon_setting.svg); } */ .my_menu .menu_type4{display:flex;flex-wrap:wrap;margin:30px 0 15px;} .my_menu .menu_type4 li {display:flex;flex-wrap:wrap;width: calc(50% - 15px);margin:0 0 15px;padding-left: 10px; align-items: center;} .my_menu .menu_type4 li img{order:1;width:21px;height:21px;} .my_menu .menu_type4 li a{order:2;color:var(--default-text-color);text-align:center; margin:0 0 0 5px;} .my_menu .non_login_btns{display:flex;flex-wrap:wrap;} .non_login_btns .sign_up_area{border-bottom:2px solid var(--main-border-color); display: flex; justify-content: space-between; width: 100%; padding: 13px 15px 9px; align-items: center;} .non_login_btns .sign_up_area .bt_join{ background: var(--objective-color); border: 1px solid var(--main-border-color); color:var(--main-color); width:80px; height:28px; line-height: 28px; display:inline-block; border-radius:12px; text-align:center;} .non_login_btns .sign_up_area .sign_up_bonus{color:#dacc98;padding:0 0 0 22px; background:url(/r/front/img/m/comm/m_signup_gift.png)0 0 no-repeat;background-size: 20px;} .non_login_btns .sign_in_area{padding:32px 15px 0;width:100%;} .non_login_btns .sign_in_area .bt_login{width:100%;display:block;background: var(--main-color); border: 1px solid var(--main-color); color:#000;height:28px; line-height:28px; border-radius:12px;text-align:center;margin:0 0 30px;} .non_login_btns .sign_in_area .sign_in_speech{display:block;text-align:center; color:var(--main-color);padding:23px 0 14px;font-size:12px;line-height: 12px;} .my_menu_layer, .my_lnb_info_layer{position: absolute; width: 100%; height: 100%; background: #00000080; top: 0; left: 0;z-index:1005; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} .myinfo_top{ padding:10px;display:flex; justify-content: space-between; align-items:center; margin-bottom: 20px; border-bottom: 1px solid #344051;} .myinfo_top a{float:left;vertical-align: middle;} .myinfo_top a.menu_alarm{} .myinfo_top a.menu_attendance{margin:5px 0 0 5px;background:url(/r/front/img/comm/m_checklist_hd.png) 0 3px no-repeat; background-size: 15px; padding:0 0 0 20px; font-size:12px;} .myinfo_top .alarm{ position: relative; margin: 0 8px 0 0; width: 36px; height: 36px; background: url(/r/front/img/m/comm/m_header_alrim.png) 50% 50% no-repeat; background-size: 36px; } .myinfo_top .alarm em{position:absolute;top:5px;right:5px;width:8px;height:8px;text-align:center;background:red;color:#fff;line-height:18px;border-radius:50%;font-size:11px} .myinfo_top .menu_attendance{color:#dacc98;} .myinfo_top .myinfo_detail{white-space: nowrap;display:flex; gap:20px;} .myinfo_top .myinfo_level{white-space: nowrap;} .myinfo_top .myinfo_detail img{width:20px;vertical-align: middle;} .myinfo_top .myinfo_level .level_name{font-size:12px;} .myinfo_top .my_level{vertical-align: middle; } .myinfo_top .my_level em{color:var(--primary-blue);font-size: 14px;} .myinfo_top .betting_history_icon{width:49px;height:49px;margin: 0px 26px 0 0;background:url(/r/theme/beteast_v2/comm/history.svg)no-repeat 0 0/contain;cursor:pointer;} .myinfo_bottom{display:flex;justify-content: space-between;align-items: center;margin-bottom: 20px;gap:10px;} .myinfo_bottom .currency_label_wrap{display:flex; gap:5px;align-items: center;} .myinfo_bottom .currency_label_wrap span{display:block;} .myinfo_bottom .currency_label_wrap .currency_icon{width:18px;height:18px;background:#333333;font-size:12px;text-align:center;color:var(--main-color);border-radius:50%; } .myinfo_bottom .currency_label_wrap .currency_label{font-size:14px; color:#97a1af;white-space: nowrap;} .myinfo_bottom .wallet_wrap{display:flex; gap:5px;align-items: end;} .myinfo_bottom .wallet_wrap .money{font-weight:bold;font-size:18px;} .myinfo_bottom .wallet_wrap span{color:#fff;font-size:14px; } .wallet_top_wrap {background: #272D42;border: 1px solid var(--primary-blue);border-radius:12px;padding: 8px 10px;width:100%;display:flex;justify-content: space-between;} .login_btns{display:flex;gap:10px;} .login_btns, .login_btns button{white-space:nowrap;} .my_menu .menu_bottom{background:#14141C;padding:11px 13px;display:flex;justify-content: space-between;align-items: center;} .my_menu .menu_bottom .channel {} .my_menu .menu_bottom .channel span{font-size:16px;font-weight:bold;color:var(--default-text-color); padding:0 0 10px; display:block;} .my_menu .menu_bottom .channel .notice_channel{width:80px;height:80px;display:inline-block;vertical-align: middle;margin:0 9px 0 0;} .my_menu .menu_bottom .channel .notice_channel img{width:100%;} .my_menu .menu_bottom .partner_area .bt_partner{ color: #000;font-size: 12px;padding: 50px 20px 10px;background: var(--main-color) url(/r/front/img/m/comm/icon_partner.svg) 50% 14px no-repeat;background-size: 35px;border-radius: 12px;display: block;text-align: center; width:85px; box-sizing: border-box;} .my_menu .menu_bottom .logout_area .bt_logout{ color: #929399;font-size: 12px;padding: 50px 20px 10px;background: #434349 url(/r/front/img/m/comm/icon_logout.svg) 50% 10px no-repeat;background-size: 30px;border-radius: 12px;display: block;text-align: center; width:85px; box-sizing: border-box;} .lnb_levelbox{margin-top:20px; border-top:1px solid #344051; padding:23px 0 0 0;} .lnb_levelbox .title_wrap{display:flex; justify-content: space-between; } /* .lnb_levelbox p{color:#97a1af;font-size:12px;white-space: nowrap; background: #272D42; border: 1px solid #233853; padding: 10px;border-radius: 12px;margin-bottom: 10px;} */ .lnb_levelbox .lnb_levelname{color:#FD7200;font-weight:bold;} .lnb_levelbox .registday{color:#00C5FF;font-weight:bold;} .lnb_levelbox .deposit_sum_min{color:#FEE735;font-weight:bold;} .lnb_levelbox .myinfo_level{white-space: nowrap;} .lnb_levelbox .levelbox_wrap{color:#97a1af;font-size:12px;white-space: nowrap; background: #272D42; border: 1px solid #233853; padding: 10px;border-radius: 12px;margin-bottom: 20px;} .lnb_levelbox .title_wrap{display:flex; justify-content: space-between;margin:0 0 10px;align-items: center;} .lnb_levelbox .title_wrap .lnb_levelbox_title{color:#fff;} .lnb_levelbox .title_wrap .lnb_levelbox_title span{color:#2CB4FF;} .lnb_levelbox .title_wrap a{border-radius:6px; padding:5px 10px; color:#fff;} .lnb_levelbox .levelbox_wrap h5{color:#fff;font-weight:bold;} .lnb_levelbox .levelbox_wrap h5 em{font-weight:bold;} .menu_bottom_wrap{display:flex;border-top: 1px solid #344051;padding:20px 0 0 0;margin-top:20px;justify-content: space-between;} .menu_bottom_wrap .menu_bottom_left{/* width:55%; */padding: 0 10px;box-sizing: border-box;} .menu_bottom_wrap .menu_bottom_title{display:flex;gap:20px;align-items: center;margin-bottom: 14px;} .menu_bottom_wrap .menu_bottom_title h4{color:#fff; font-weight:bold; font-size:14px;} .menu_bottom_wrap .menu_bottom_title a{background:#1E253A; color: #97A1AF; border:1px solid #535F82; padding:3px 7px; border-radius:6px; font-size:12px;} .menu_bottom_wrap .menu_bottom_right{/* width:45%; */padding: 0 10px;box-sizing: border-box;} .menu_bottom_wrap .footer_notice_channel{margin: 0 0 20px;padding:0;} .menu_bottom_wrap .footer_notice_channel h4{color:#fff;font-weight:bold;font-size:14px !important;line-height: 25px;} .menu_bottom_wrap .footer_notice_channel img{width:40px;} .menu_bottom_wrap .logout_area{margin-bottom: 5px;} .menu_bottom_wrap .logout_area a{display:flex; gap:5px;color:#97A1AF; font-size:16px; align-items:center;} .menu_bottom_wrap .logout_area a i{font-size:16px; line-height:16px;} .menu_bottom_wrap .logout_area a span{color:#97A1AF;} .my_menu.my_lnb_info{left:unset;right:-100%;} .my_menu.ver_new.my_lnb_info .bt_my_close{top:50%;left:-20%;right:unset; transform: rotate(180deg);} .my_menu.ver_new .my_menu_cont{padding:0; overflow-y: auto;overflow-x: hidden; height:calc(100% - 198px);} .my_menu.ver_new .my_menu_cont.before{height:calc(100% - 198px);} .my_menu.ver_new.my_lnb_info .my_menu_cont{height:calc(100% - 160px);} .my_menu.ver_new .mem_bts{overflow:hidden;width:100%;} .my_menu.ver_new .mem_bts li{float:right;width:33.33334%} .my_menu.ver_new .mem_bts li:first-child{float:left} .my_menu.ver_new .mem_bts li > a{display:block;width:100%;height:40px;line-height:40px;font-size:16px;text-align:center;font-weight:400;} .my_menu.ver_new .mem_bts li > a.bt_login{background:var(--main-color);border-radius:4px;color:#000} .my_menu.ver_new .mem_bts li > a.bt_join{background:#EBEBEB;border-radius:4px;color:#222} .my_menu.ver_new .app_down > ul > li > a{display:block;width:40px;height:auto} .my_menu.ver_new .menu_type2 > li.mn_mypage::before{background:url(/r/front/img/m/comm/ico_menu_member.png) no-repeat;background-size:90%;position:absolute;top:10px;left:12px} /* .my_menu .points li > span{display:block;height:40px;line-height:40px;font-size:12px;color:#aaa;background:none} */ .my_menu .logined_bts .bt_mypage{display:block;width:100%;height:53px;line-height:53px;font-size:14px;text-align:center;background:var(--main-color);border-radius:12px;color:#000;border:1px solid var(--main-color); font-weight:bold;} .my_menu .logined_bts .bt_mypage_sub{display:block;width:100%;height:53px;line-height:53px;font-size:14px;text-align:center;background:var(--objective-color);border-radius:12px;color:var(--main-color); border:1px solid var(--main-border-color); font-weight:bold;} .my_menu .logined_bts .bt_logout{display:block;margin-left:8px;width:100%;height:30px;line-height:30px;font-size:12px;text-align:center;background:#222;border-radius:12px;color:var(--default-text-color);} .sidenav_overlay{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:#0008;z-index:9998;} /*CS COMMON*/ /*CS_CENTER*/ div.help-centre-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} div.help-centre-list .item{text-align:-webkit-center;height:100px;background-color:var(--screen-tertiary);border:2px solid var(--screen-secondary);align-content:center;border-radius:12px} div.help-centre-list .item p{margin-top:10px;font-weight:600;color: white;font-size: 16px;} .cs_service.tertiary-container .info > p {font-weight:600;color: 600;color:white;font-size: 16px;} .cs_service.tertiary-container .info > p.contact-number {display: flex;justify-content: center;align-items: center;} .cs_service.tertiary-container .info > p.contact-number > i {font-size: 18px;margin-right: 5px;} .cs_service.tertiary-container .info > p.contact-number > a {text-decoration: underline;color: #4c94ff;} .cs_service.tertiary-container .notice-board {min-height:225px;background-color:var(--screen-tertiary);border:2px solid var(--screen-secondary);border-radius:12px} .cs_service.tertiary-container .notice-board .content-list .item{padding:12px;} /* cs_faq: content-list */ .cs_service.tertiary-container .notice-board .content-list .item .btn-dropdown{display:flex;width:100%;justify-content:space-between;align-items:center} .cs_service.tertiary-container .notice-board .content-list .item .btn-dropdown div{display:flex;align-items:center;gap:15px;text-align: left;} .cs_service.tertiary-container .notice-board .content-list .item .btn-dropdown div.important_notice , .cs_service.tertiary-container .notice-board .content-list .item .btn-dropdown div.general_notice {color:var(--text-primary)} .cs_service.tertiary-container .notice-board .content-list .item .btn-dropdown div.date-arrow {min-width: 107px;} .cs_service.tertiary-container .notice-board .content-list .item .btn-dropdown div i{color:var(--text-secondary)} .cs_service.tertiary-container .notice-board .content-list .item .details{display:none;gap:15px;border-top:1px solid rgba(151,161,175,.25);padding-top:12px} .cs_service.tertiary-container .notice-board .content-list .item .details div{display:flex;justify-content:space-between} .cs_service.tertiary-container .notice-board .content-list .item .details div div{font-size:14px} .cs_service.tertiary-container .notice-board .content-list .item .details div div:first-child{color:var(--text-secondary)} .cs_service.tertiary-container .notice-board .content-list .item .details.visible,div.my-account .content .content-list .item .faq-details.visible{display:grid} .cs_service.tertiary-container .notice-board .content-list .important_notice {background: url(/r/theme/beteast_v2/comm/important_notice.png) 14px 4px no-repeat; background-size: 16px; padding-left: 40px;} .cs_service.tertiary-container .notice-board .content-list .important_notice:after{content:"";position:absolute;left:587px;border-radius:5px;height:24px;width:3px;background:#e84f51} .cs_service.tertiary-container .notice-board .content-list .general_notice {background: url(/r/theme/beteast_v2/comm/general_notice.png) 14px 49% no-repeat; background-size: 16px; padding-left: 38px;} .cs_service.tertiary-container .notice-board .content-list .general_notice:after{content:"";position:absolute;left:587px;border-radius:5px;height:24px;width:3px;background:#ffc839} /* .cs_section { background: url(/r/front/img/mypage/bg_mypage.jpg) right 48px no-repeat } */ .cs_section.bg_none { background: 0 0 } .cs_section .cs_vis { position: relative } .cs_section .cs_vis #btnInquiry { display: inline-block; position: absolute; width: 300px; height: 70px; top: 125px; right: 383px } .cs_section .cs_vis .img_cs_vis { position: relative; width: 1900px; height: 260px; left: 50%; margin-left: -950px; background: url(/r/front/img/comm/cs_visual_v3.png) no-repeat } .cs_section .cs_con_new .cs_service { width: 1148px; margin: 0 auto; padding-top: 8px } .cs_section .cs_con_new .cs_service .cs_list { display: flex; flex-wrap: wrap; gap: 8px } .cs_section .cs_con_new .cs_service .cs_list>li { float: left; width: 281px; height: 200px; box-sizing: border-box; background: #333 url(/r/front/img/template3/comm/wbc__cs_list_icon.png) 0 0 no-repeat } .cs_section .cs_con_new .cs_service .cs_list>li .top { position: relative; height: 57px; padding: 35px 0 0 12px; background: #333; box-sizing: border-box } .cs_section .cs_con_new .cs_service .cs_list>li .top h4 { position: relative; padding: 0 0 0 18px; font-size: 20px; height: 24px; line-height: 24px; color: #fff; font-weight: 700 } .cs_section .cs_con_new .cs_service .cs_list>li .top h4:after { content: ""; position: absolute; top: 0; left: 5px; border-radius: 5px; height: 24px; width: 4px; background: var(--main-color) } .cs_section .cs_con_new .cs_service .cs_list>li .top a { display: block; position: absolute; top: 22px; right: 15px; font-size: 14px; color: #ccc; text-decoration: underline } .cs_section .cs_con_new .cs_service .cs_list>li .top a:hover { color: #fefefe } .cs_section .cs_con_new .cs_service .cs_list>li>p { margin-top: 107px; text-align: center; color: #ccc; font-size: 12px } .cs_section .cs_con_new .cs_service .cs_list>li.cs1 { background-position: 50% 92px } .cs_section .cs_con_new .cs_service .cs_list>li.cs2 { background-position: 50% -129px } .cs_section .cs_con_new .cs_service .cs_list>li.cs3 { background-position: 50% -350px } .cs_section .cs_con_new .cs_service .cs_list>li.cs4 { background-position: 50% -573px } .cs_section .cs_con_new .cs_service .cs_list>li.cs5 { background-position: 50% -796px } .cs_section .cs_con_new .cs_service .cs_list>li.cs6 { background-position: 50% -1231px } .cs_section .cs_con_new .cs_service .cs_list>li.cs7 { position: relative; padding: 20px 0 0 36px; background: #222; border: 1px solid #444; width: 570px; height: 200px; float: right; } .cs_section .cs_con_new .cs_service .cs_list>li.cs7 .txt1 { font-size: 18px; color: #ddd } .cs_section .cs_con_new .cs_service .cs_list>li.cs7 .txt2 { font-size: 20px; color: var(--quarternary-text); font-weight: 700; margin-top: 5px } .cs_section .cs_con_new .cs_service .cs_list>li.cs7 .txt3 { font-size: 14px; color: #ccc; margin-top: 10px; line-height: 20px } .cs_section .cs_con_new .cs_service .cs_list>li.cs7 .tel { font-size: 21px; color: var(--quarternary-text); margin-top: 15px } .cs_section .cs_con_new .cs_service .cs_list>li.cs7 .csinfo { z-index: 2; padding: 20px; position:relative; } .cs_section .cs_con_new .cs_service .cs_list>li.cs7 .r_img { position: absolute; background: url(/r/front/img/beteast/icons/be_center_wide.png) no-repeat; background-size: cover; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .cs_section .cs_con_new .cs_board { width: 1148px; overflow: hidden; margin: 0 auto; padding: 0 4px; box-sizing: border-box; margin-top: 8px } .cs_section .cs_con_new .cs_board>div { float: right } .cs_section .cs_con_new .cs_board>div:first-child { float: left } .cs_section .cs_con_new .cs_board .board_box { width: 567px; height: 420px; border: 1px solid #444; box-sizing: border-box } .cs_section .cs_con_new .cs_board .board_box .top { position: relative; height: 57px; padding: 15px 0 0 15px; background: #333; box-sizing: border-box } .cs_section .cs_con_new .cs_board .board_box .top h4 { position: relative; padding: 0 0 0 21px; font-size: 20px; height: 24px; line-height: 24px; color: #fff; font-weight: 700 } .cs_section .cs_con_new .cs_board .board_box .top h4:after { content: ""; position: absolute; top: 0; left: 5px; border-radius: 5px; height: 24px; width: 4px; background: var(--main-color) } .cs_section .cs_con_new .cs_board .board_box .top a { display: block; position: absolute; top: 12px; right: 15px; width: auto; color: #ccc; height: 20px; padding: 5px 20px 5px 15px; border: 1px solid #777; border-radius: 4px } .cs_section .cs_con_new .cs_board .board_box .top a:after { content: ""; position: absolute; right: 10px; top: 12px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff } .cs_section .cs_con_new .cs_board .board_box .top a:hover { color: #fff; border: 1px solid #fff } .cs_section .cs_con_new .cs_board .board_box .top a:hover:after { border-left: 4px solid var(--main-color) } .cs_section .cs_con_new .cs_board .board_box .bot { width: 100%; height: 360px; padding: 0 17px; background: #222; box-sizing: border-box } .cs_cont .cs_top { width: 1148px; margin: 0 auto } .cs_cont .cs_top .greeting { position: relative; text-align: center; display: flex; height: 200px; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box } .cs_cont .cs_top .greeting.search { height: 300px } .cs_cont .cs_top .greeting h3 { font-size: 40px; color: #fff; line-height: 1.2; font-weight: 700 } .cs_cont .cs_top .greeting .search_faq { overflow: hidden; width: 635px; margin: 0 auto; padding-top: 50px } .cs_cont .cs_top .greeting .search_faq .search_word { float: left; margin-left: 12px; width: 421px; height: 60px; padding: 0 10px; box-sizing: border-box; border: 1px solid #777; border-width: 1px 0 1px 1px; background: #222; color: #fff; font-size: 20px } .cs_cont .cs_top .greeting .search_faq .bt_search { float: left; display: block; box-sizing: border-box; border: 1px solid #777; border-width: 1px 1px 1px 0; background: #222; color: #fff; font-size: 20px; width: 59px; height: 60px; background: url(/r/front/img/template6/m/comm/ico_search.png) no-repeat center; background-color: var(--main-color); background-size: 35px } .cs_cont .cs_top .greeting .design_sel { height: 58px; line-height: 58px; margin: 0; background: #222 url(/r/front/img/mypage/ico_select_arrow.png) 115px -26px no-repeat } .cs_cont .cs_top .greeting .design_sel.focus { background: #222 url(/r/front/img/mypage/ico_select_arrow.png) 115px 24px no-repeat } .cs_cont .cs_top .greeting .design_sel select { height: 58px } .cs_cont .cs_top .greeting>p { font-size: 14px; color: #fff; line-height: 24px; margin-top: 5px } .cs_cont .cs_top .greeting>p em { color: var(--main-color) } .cs_cont .cs_bot { padding: 40px 0 80px } .cs_cont .cs_bot .inbox { width: 1148px; margin: 0 auto; padding: 0 4px; box-sizing: border-box } .cs_cont .cs_bot .inbox img { max-width: 100% } .cs_cont .cs_bot h4 { height: 58px; line-height: 58px; text-align: center; font-size: 30px; color: #fff; border: 1px solid #444; background: #333; font-family: NotoSansKRBold } .cs_cont .cs_bot .tab_board_wrap { width: 1148px; margin: 0 auto } .cs_cont .cs_bot .my_board th.title { text-align: left; padding-left: 150px } .cs_cont .cs_bot .my_board th.title2 { text-align: left; padding-left: 320px } .cs_cont .cs_bot .my_board td.title { position: relative } .cs_cont .cs_bot .my_board td.title .txt_q { color: #cdcdcd } .cs_cont .cs_bot .my_board td.title .txt_q:hover { color: #fff } .cs_cont .cs_bot .my_board .on td.title .txt_q { color: #fff } .cs_cont .cs_bot .my_board td.title em.edge { position: absolute; top: 18px; right: 21px; display: block; width: 16px; height: 10px; background: url(/r/front/img/mypage/ico_select_arrow.png) 0 bottom no-repeat } .cs_cont .cs_bot .my_board .on td.title em.edge { background: url(/r/front/img/mypage/ico_select_arrow.png) 0 top no-repeat } .cs_cont .cs_bot .my_board td .liner { left: -287px!important; width: 1148px!important } .title_bottom_line { width: 1140px; height: 1px; display: block; position: absolute; top: 43px; left: -174px; background: #444 } .cs_cont .cs_bot .faq_ban { position: relative; margin-top: 50px; width: 1140px; height: 144px; background: url(/r/front/img/comm/faq_ban3.png)no-repeat; background-size: contain } .cs_cont .cs_bot .faq_ban>a { display: block; position: absolute; top: 50px; right: 63px; width: 280px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; font-weight: 700; border: 1px solid #777; background: #222; box-sizing: border-box } .mini_board { width: 100% } .mini_board thead th { padding: 10px 6px; color: #fff; font-size: 14px; font-weight: 700 } .mini_board tbody td { min-width: 60px; height: 36px; color: #fff; font-size: 14px; font-family: var(--sub-font) } .mini_board .title { text-align: center } .mini_board .title_link { padding: 0 5px; font-size: 14px; color: #fff; display: block; height: 36px; line-height: 36px; text-align: center } .mini_board .title_link span[notice] { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px } .mini_board .date { font-size: 14px; color: #aaa; text-align: center } .mini_board .flag_yellow { display: inline-block; padding: 0 5px; margin-left: 8px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; font-family: NotoSansKRBold; background: var(--main-color) } .mini_board .important_notice span { display: block; padding: 5px; height: 15px; line-height: 15px; color: #fff; background: red; margin: auto; text-align: center; border-radius: 5px; width: 65px } .cs_cont { width: 1148px; margin: 0 auto; overflow: hidden } .cs_cont img { max-width: 100% } /*cs_board*/ .cs_section .cs_con_new .cs_board{width:1148px;overflow:hidden;margin:0 auto;padding:0 4px;box-sizing:border-box;margin-top:8px;} .cs_section .cs_con_new .cs_board > div{float:right;} .cs_section .cs_con_new .cs_board > div:first-child{float:left;} .cs_section .cs_con_new .cs_board .board_box{width:567px;height:420px;border:1px solid #444;box-sizing:border-box;} .cs_section .cs_con_new .cs_board .board_box .top{position:relative;height:57px;padding:15px 0 0 15px;background:#333;box-sizing:border-box;} .cs_section .cs_con_new .cs_board .board_box .top h4{position:relative;padding:0 0 0 21px;font-size:20px;height:24px;line-height:24px;color:#fff; font-weight:bold;} .cs_section .cs_con_new .cs_board .board_box .top h4:after{content:""; position:absolute; top:0; left: 5px; border-radius:5px; height:24px; width:4px; background:var(--main-color);} .cs_section .cs_con_new .cs_board .board_box .top a{ display: block; position: absolute; top: 12px; right: 15px; width: auto; color: #ccc; height: 20px; /* font-size: 0px; */ /* text-indent: -999px; background: url(/r/front/img/comm/bt_cs_more.png) 0 0 no-repeat;*/ padding: 5px 20px 5px 15px; border: 1px solid #777; border-radius: 4px;} .cs_section .cs_con_new .cs_board .board_box .top a:after { content: ""; position: absolute; right: 10px; top: 12px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff;} .cs_section .cs_con_new .cs_board .board_box .top a:hover{ color: #fff;border: 1px solid #fff;} .cs_section .cs_con_new .cs_board .board_box .top a:hover:after{border-left: 4px solid var(--main-color);} /* .cs_section .cs_con_new .cs_board .board_box .top a:hover{background: url(/r/front/img/comm/bt_cs_more_on.png) 0 0 no-repeat;} */ .cs_section .cs_con_new .cs_board .board_box .bot{width:100%;height:360px;padding:0 17px;background:#222;box-sizing:border-box;} .cs_cont .cs_top{width:1148px;margin:0 auto;} .cs_cont .cs_top .greeting{position:relative;text-align:center;display:flex;height:200px;flex-wrap:wrap; flex-direction: column; justify-content: center; align-items: center; box-sizing:border-box;} .cs_cont .cs_top .greeting.search{height:300px;} .cs_cont .cs_top .greeting h3{font-size:30px;color:#fff;line-height:1.2;font-weight: bold;margin: 30px 0 50px;} .cs_cont .cs_top .greeting .search_faq{overflow: hidden;width:100%;margin:0 auto;padding:50px 0;background:#000;} .cs_cont .cs_top .greeting .search_faq .search_word{float:left;margin-left:12px;width:421px;height:42px;padding:0px 10px;box-sizing:border-box;border:1px solid #777;border-width:1px 0 1px 1px;background:#fff;color:#222;font-size:20px;} .cs_cont .cs_top .greeting .search_faq .bt_search{float:left;display:block;box-sizing:border-box;border:1px solid var(--main-color);border-width:1px 1px 1px 0px;background:var(--main-color);color:#000;font-size:14px;width: 78px; height: 42px; line-height: 42px;background-color:var(--main-color);} .cs_cont .cs_top .greeting .design_sel{ height:40px;line-height: 40px;margin:0 0 0 253px;background:#fff url(/r/theme/center_logo/img/pc/arrow_down.png) 115px 18px no-repeat;} .cs_cont .cs_top .greeting .design_sel.focus{background:#fff url(/r/theme/center_logo/img/pc/arrow_down.png) 115px 18px no-repeat;} /* .cs_cont .cs_top .greeting .design_sel label{font-size:20px;} */ .cs_cont .cs_top .greeting > p{font-size:14px;color:#fff;line-height:24px;margin-top:5px;} .cs_cont .cs_top .greeting > p em{color:var(--main-color);} .cs_cont .cs_bot{padding:40px 0 80px;} .cs_cont .cs_bot .inbox{width:100%;margin:0 auto;padding:0;box-sizing:border-box;} .cs_cont .cs_bot .inbox img { max-width: 100%; display:block; margin:0 auto;} .cs_cont .cs_bot h4{height:58px;line-height:58px;text-align:center;font-size:30px;color:#fff;border:1px solid #444;background:#333;font-family: NotoSansKRBold;} .cs_cont .cs_bot .tab_board_wrap{width:1148px;margin:0 auto;} .cs_cont .cs_bot .my_board th.title{text-align:left;padding-left:150px;} .cs_cont .cs_bot .my_board th.title2{text-align:left;padding-left:320px;} .cs_cont .cs_bot .my_board td.title{position:relative;} .cs_cont .cs_bot .my_board td.title .txt_q{color:#cdcdcd;} .cs_cont .cs_bot .my_board td.title .txt_q:hover{color:#fff;} .cs_cont .cs_bot .my_board .on td.title .txt_q{color:#fff;} .cs_cont .cs_bot .my_board td.title em.edge{position:absolute;top:18px;right:21px;display:block;width:16px;height:10px;background:url(/r/front/img/mypage/ico_select_arrow.png) 0 bottom no-repeat;} .cs_cont .cs_bot .my_board .on td.title em.edge{background:url(/r/front/img/mypage/ico_select_arrow.png) 0 top no-repeat;} .cs_cont .cs_bot .my_board td .liner{left:-287px !important;width:1148px !important;} .title_bottom_line {width:1140px;height:1px;display:block;position:absolute;top:43px;left:-174px;background:#444;} .cs_cont .cs_bot .faq_ban{position:relative;margin-top:50px;} .cs_cont .cs_bot .faq_ban > a{display:block;position:absolute;top:50px;right:63px;width:280px;height:60px;line-height:60px;text-align:center;font-size:24px;color:#fff;font-weight: bold;border:1px solid #777;background:#222;box-sizing:border-box;} .mini_board{width:100%;} .mini_board thead th{padding:10px 6px;color:#fff;font-size:14px;font-weight: bold;} .mini_board tbody td{min-width:60px;height:36px; color:#fff;font-size:14px;font-family:var(--sub-font);} .mini_board .title{text-align:center;} .mini_board .title_link{padding:0px 5px;font-size:14px;color:#fff; display: block; height: 36px; line-height: 36px; text-align:center;} .mini_board .title_link span[notice] {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width:300px;} .mini_board .date{font-size:14px;color:#aaa;text-align:center;} .mini_board .flag_yellow{display:inline-block;padding:0 5px;margin-left:8px;height:20px;line-height:20px;color:#fff;font-size:12px;font-family: NotoSansKRBold;background:var(--main-color);} .mini_board .important_notice span{display: inline-block;padding: 5px;height: 15px;line-height:15px;color: #fff;background: #FF0000;min-width: 55px; width:auto; text-align: center;border-radius: 5px;} /*COMPANY INFO*/ .cs_cont { width: 1148px; margin: 0 auto; overflow: hidden; } .cs_cont img { max-width: 100%; } /* CS_NOTICE */ .cs_top .search_cs {display: flex;justify-content: center;align-items: center;} .cs_top .search_cs .search_word {width: 35%;} .cs_top .search_cs .search_word > button {position: absolute;right: 3px;top: 4px;height: 40px;} /*CS_FAQ*/ .faq_cont { width: calc(100% - 1140px); margin: 0 auto; overflow: hidden; } .faq_cont img { max-width: 100%; } /* cs_faq: top header */ .faq_cont .content .top-header{flex-direction:column;align-items:flex-start} .faq_cont .content .top-header .help-text{display:flex;flex-direction:row;gap:10px;font-size:14px} .faq_cont .content .top-header .help-text i{margin-right:5px} .faq_cont .content .top-header .help-text span{color:var(--text-secondary)} .faq_cont .content .top-header .help-text a{color:var(--secondary-light);text-decoration:underline} .faq_cont .content .content-list .item{background-color:var(--screen-tertiary);border-radius:12px;padding:12px;margin-bottom:20px;width: 100%;overflow: hidden;} /* cs_faq: content-list */ .faq_cont .content .content-list .item .btn-dropdown{display:flex;width:100%;justify-content:space-between;align-items:center} .faq_cont .content .content-list .item .btn-dropdown div{display:flex;align-items:center;gap:15px;} .faq_cont .content .content-list .item .btn-dropdown div.important_notice , .faq_cont .content .content-list .item .btn-dropdown div.general_notice {color:var(--text-primary)} .faq_cont .content .content-list .item .btn-dropdown div i{color:var(--text-secondary)} .faq_cont .content .content-list .item .btn-dropdown div.date-arrow {min-width: 107px;} .faq_cont .content .content-list .item .details{display:none;gap:15px;border-top:1px solid rgba(151,161,175,.25);padding-top:12px} .faq_cont .content .content-list .item .details div{display:flex;justify-content:space-between} .faq_cont .content .content-list .item .details div div{font-size:14px} .faq_cont .content .content-list .item .details div div:first-child{color:var(--text-secondary)} .faq_cont .content .content-list .item .details.visible,div.my-account .content .content-list .item .faq-details.visible{display:grid} .faq_cont .content .content-list .important_notice {background: url(/r/theme/beteast_v2/comm/important_notice.png) 2px 4px no-repeat; background-size: 16px; padding-left: 27px;} .faq_cont .content .content-list .important_notice:after{content:"";position:absolute;left:587px;border-radius:5px;height:24px;width:3px;background:#e84f51} .faq_cont .content .content-list .general_notice {background: url(/r/theme/beteast_v2/comm/general_notice.png) 1px 2px no-repeat; background-size: 16px; padding-left: 27px;} .faq_cont .content .content-list .general_notice:after{content:"";position:absolute;left:587px;border-radius:5px;height:24px;width:3px;background:#ffc839} .faq_cont div.tertiary-container .title{/*display:flex;align-items:center;gap:10px;*/padding:12px;} .faq_cont div.tertiary-container .cs_title{display:flex;align-items:center;gap:10px;padding:12px;} .faq_cont div.tertiary-container .cs_title i{font-size:18px;} .faq_cont div.tertiary-container .cs_title h3{color: white;font-weight:600; font-size:32px;} .faq_cont div.tertiary-container .info{background-color:var(--screen-tertiary);height:100px;width:100%;align-content:center;border-radius:12px;text-align:-webkit-center;margin-top:20px} .faq_cont div.tertiary-container .info p:first-child{margin-bottom:10px} .faq_cont div.tertiary-container .info a{color:var(--secondary-light);text-decoration:underline} .faq_cont div.tertiary-container .content{background-color:var(--screen-tertiary);padding:20px;border-radius:12px;margin-bottom: 8px;} .faq_cont div.tertiary-container.faq-container .btn-dropdown{font-weight:600} /*.faq_cont div.tertiary-container.faq-container .btn-dropdown div i {color: #fff !important}*/ .faq_cont div.tertiary-container.faq-container .content-list{display:grid;gap:10px; max-width: 530px;} .faq_cont div.tertiary-container.faq-container .item {margin-bottom: 0px !important} .faq_cont div.tertiary-container.faq-container .item.active {background-color: var(--screen-secondary)} .faq_cont div.tertiary-container.faq-container .faq-details{display:none;padding-top:10px;font-size:14px;color:var(--text-secondary)} .faq_cont div.tertiary-container.faq-container .faq-search-kind{display:grid;grid-template-columns:15% 75% 10%;gap:15px} .faq_cont div.tertiary-container.faq-container .search_faq{margin-top: 3px;margin-bottom: 15px;} .faq_cont .category-nav{display:flex;gap:15px;margin-bottom:20px;overflow:hidden;overflow-x:auto} .faq_cont .category-nav a{color:var(--text-secondary);font-size:14px;font-weight:600;transition:.3s ease-in-out;white-space:nowrap} .faq_cont .category-nav a:hover, .faq_cont .category-nav li.on a{color:var(--content-50)} .faq_cont .category-nav a.active, .faq_cont .category-nav li.on{color:var(--content-50);padding-bottom:10px;border-bottom:2px solid var(--primary)} .faq_cont .category-nav ul{display: flex;gap: 15px;} /*CS_GUIDE*/ #flexDepth1Tab{height: 45px; width: 100%; overflow: hidden; position: relative; margin: 0 auto 5px; float: left;} .cs_guide #flexDepth1Tab{width: 1000px;} .tab_guide_wrap{width:100%;overflow: hidden;} .tab_guide_wrap .search_area{background:var(--screen-tertiary);} .tab_guide_wrap .tab_guide_arrow{float:right; } .tab_guide_wrap .tab_guide_arrow .prev{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:#344051;--tw-bg-opacity:1;background-color:rgba(var(--content-800),var(--tw-bg-opacity));background-image:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%)} .tab_guide_wrap .tab_guide_arrow .prev span{font-size: 18px; text-align: center; line-height: 48px; display: block; color: #505050;} .tab_guide_wrap .tab_guide_arrow .next{background: #222; border: 2px solid #ffffff; width: 34px; height: 49px; float: right; border-radius: 10px;} .tab_guide_wrap .tab_guide_arrow .next span{font-size: 18px; text-align: center; line-height: 48px; display: block; color: #ffffff;} .tab_guide_wrap .tab_guide_arrow.cs_arrow {display: flex;align-items: center;margin-bottom: 5px;} .tab_guide_wrap .tab_guide_arrow .cs_prev{background: #1F2539; border: 2px solid #344051; width: 28px; height: 42px; float: left; margin-right: 1px; border-radius: 10px;} .tab_guide_wrap .tab_guide_arrow .cs_prev span{font-size: 12px; text-align: center; line-height: 43px; display: block; color: #5f6886;} .tab_guide_wrap .tab_guide_arrow .cs_next{background: #1F2539; border: 2px solid #ffffff; width: 28px; height: 42px; float: right; border-radius: 10px;} .tab_guide_wrap .tab_guide_arrow .cs_next span{font-size: 12px; text-align: center; line-height: 43px; display: block; color: #ffffff;} .tabm_guide{position: relative;;overflow:hidden;width:100%;height:52px;} .tabm_guide.js-tabm-comm{position: absolute; top: 0; left: 0; font-size: 0; width: auto; height: 50px; background: transparent;} .tabm_guide::after{content:"";position: absolute;width:100%;top:50px;left:0px;height:2px;background:#fff;z-index:0;} .tabm_guide > li{position: relative; float: left; margin-left: 0px; width: 127px; height: 44px; color: #B4BBD0; text-align: center; background: #1F2539; line-height: 44px; font-size: 14px; cursor: pointer; box-sizing: border-box;border-bottom:2px solid transparent;} .tabm_guide > li:first-child{margin-left:0px;border-radius: 12px 0 0 0;} .tabm_guide > li:last-child{margin-left:0px;border-radius: 0 12px 0 0;} .tabm_guide > li.on{background:#090c1b;height:44px;color:#000;z-index:1;border-bottom:2px solid var(--secondary-light)} .tabm_guide > li:hover{height:52px;z-index:1;} .tabm_guide > li > a { display: block; color:#ccc;font-family: var(--sub-font);} .tabm_guide > li.on > a { color:#fff;font-weight:bold;} .tabm_guide_2dep{overflow:hidden;width:100%;background:var(--screen-tertiary);border-top:none;/*padding:10px 0;*/border-radius: 12px;margin-bottom: 25px;} .tabm_guide_2dep > li{float:left;margin-left:5px;width:126px;height:46px;line-height: 46px;color:#344051;text-align:center;font-size:16px;cursor:pointer;box-sizing:border-box;margin-bottom:5px;border-radius: 12px;border: 1px solid #344051;background: #1F2539;} .tabm_guide_2dep > li > a{display:block;color:#5f6886;font-size:14px;font-weight: bold;} .tabm_guide_2dep > li:first-child{margin-left:0} .tabm_guide_2dep > li:nth-child(8){margin-left:0} .tabm_guide_2dep > li:nth-child(15){margin-left:0} .tabm_guide_2dep > li.on{color:#fff;background: #2b324b;} .tabm_guide_2dep > li.on a{color:#fff!important} .tabm_guide_2dep > li:hover{color:#fff;} .tabm_guide_2dep > li:nth-child(5),.tabm_guide_2dep > li:nth-child(10){border-right:none} .tabm_guide_3dep{width:100%;padding:20px 0 0px;text-align:center;background:transparent;border-bottom: 1px solid #343D5A;/*border-radius: 12px;margin-bottom: 8px;*/} /*.tabm_guide_3dep{width:100%;height:60px;padding-top:18px;border:1px solid #444;border-width:1px 0;text-align:center;box-sizing:border-box}*/ .tabm_guide_3dep > li{display:inline-block;background: #1F2539;width:127px;height:48px;color:#fff;text-align:center;line-height:48px;font-size:16px;cursor:pointer;box-sizing:border-box; margin-left: 3px;} .tabm_guide_3dep > li > a{color:#5f6886;font-size:14px;font-weight: bold;} .tabm_guide_3dep > li:first-child{margin-left:0} .tabm_guide_3dep > li.virtual{width:120px} /*.tabm_guide_3dep > li:first-child{border-left:0}*/ .tabm_guide_3dep > li.on {background: #171c2c;} .tabm_guide_3dep > li.on > a{color:#fff} .tabm_guide_3dep > li:hover > a{color:#fff} .tabc_guide3 {background: #272d42;border-radius: 12px;} .tabc_guide3 .cke_chrome{ padding: 12px} /* .tab_board_contents img { max-width: 100%; } */ /* MYPAGE COMMON*/ .greeting2{position:relative;text-align:left;padding:0 0 20px 0;height:auto;box-sizing:border-box;} .greeting2 h3{font-size:28px;color:#fff;line-height:1.2;font-weight: bold;} .greeting2 > p{font-size:14px;color:var(--secondary-text);line-height:normal;margin-top:15px;font-weight: 500;font-family: Pretendard;} .greeting2 > p em{color:var(--secondary-text);} .greeting2 .bt_greet{position: absolute;top:85px;left:50%;margin-left:-70px;display:block;width:140px;height:40px;background:#222;border:2px solid #fff;border-radius:20px;text-align:center;line-height:40px;font-size:18px;color:#fff;box-sizing: border-box} .greeting2 .bt_greet:hover{color:#222;background:var(--main-color);border:2px solid var(--main-color);} .mypage_cont .mybox.tab{border-radius: 0px} .mypage_cont .mybox{position:relative;padding:10px 0;border-radius:12px;box-sizing:border-box;font-weight: bold;} .mypage_cont .mybox .tit{color:#fff;font-size:16px;font-weight:bold;width: 30%;} .mypage_cont .mybox .name{padding:12px 0 0 9px;color:#666;font-size:16px;font-weight: bold;} .mypage_cont .mybox .name > em{font-size:30px; font-weight: bold;color:var(--main-color);line-height:1.2;} .mypage_cont .mybox .info {margin-top: 20px;} .mypage_cont .mybox .info th {min-width:75px;padding:0 0 0 9px;text-align:left;height:24px;font-size:12px;font-weight:bold;color:#aaa;line-height:1.2;} .mypage_cont .mybox .info td {font-size:14px;color:#fff;line-height:1.2; overflow: hidden; max-width: 180px; text-overflow: ellipsis; white-space: nowrap;} /* .mypage_cont .mybox .btnbox{position:absolute;bottom:10px;left:10px;width:268px;text-align:center;} */ .mypage_cont .info01.mybox .btnbox > button {width: 45%;} .mypage_cont .info02.mybox .btnbox > button {width: 45%;} .mypage_cont .info03 .mybox .btnbox > button {width: 80%;} .mypage_cont .info01.mybox .btnbox{position:absolute;bottom:10px;left:0px;width:100%;text-align:center;} .mypage_cont .info02.mybox .btnbox{position:absolute;bottom:10px;left:0px;width:100%;text-align:center;} .mypage_cont .info03 .mybox .btnbox{position:absolute;bottom:10px;left:0px;width:100%;text-align:center;} .mypage_cont .mybox .alarm{position:absolute;top:15px;right:19px;display:block;width:32px;height:37px;background: url(/r/front/img/m/comm/header_ico_alrim.png) 0 0 no-repeat; background-size: 32px;} .mypage_cont .mybox .alarm > em{position:absolute;top:-8px;right:-10px;display:block;min-width:24px;height:24px;background:var(--main-color);border-radius:12px;text-align:center;color:#222;font-size:14px;line-height:24px;} .mypage_cont .mybox .btnbox .bt_grey{display:inline-block;width:144px;height:40px;border:1px solid #222;border-radius:7px;background:#333;text-align:center;color:#aaa;font-size:14px;line-height:40px;} .mypage_cont .mybox .btnbox .bt_grey:hover{border:1px solid #e7e7e7;color:#e7e7e7;} .mypage_cont .mybox .btnbox .bt_yellow{display:inline-block;width:128px;height:40px;border:1px solid var(--main-color);border-radius:7px;background:var(--main-color);text-align:center;color:#000;font-size:14px;line-height:40px;} .mypage_cont .mybox .btnbox .bt_yellow:hover{border:1px solid var(--main-color);color:var(--main-color);background:#333;font-weight: bold;} .mypage_cont .mybox .btnbox .bt_white{display:inline-block;width:128px;height:40px;border-radius:4px;background:#fff;text-align:center;color:#222;font-size:14px;line-height:40px;} .mypage_cont .mybox .btnbox .bt_white.single{width:100px;} .mypage_cont .mybox .btnbox .bt_white:hover{border:1px solid #fff;color:#fff;background:#333;} .mypage_cont .mybox .money{text-align:right;padding:30px 28px 10px 0;color:#fff;font-size:16px;} .mypage_cont .mybox .money > em{font-size:30px;color:var(--main-color);line-height:1.2;} .mypage_cont .mybox .m_info{overflow:hidden;margin-top:1px;width:100%;border:1px solid #222;border-radius:7px;box-sizing:border-box;} .mypage_cont .mybox .m_info > li{float:left;height:54px; width: 130px;} .mypage_cont .mybox .m_info > li:first-child{width:133px;border-right:1px solid #222;} .mypage_cont .mybox .m_info > li a { display: block; } .mypage_cont .mybox .m_info > li span{display:block;padding:0 0 0 12px;height:24px;line-height:24px;color:#aaa;font-size:12px;} .mypage_cont .mybox .m_info > li p{display:block;padding:0 0 0 12px;height:30px;line-height:30px;color:#fff;font-size:14px;} .mypage_cont .mybox .friend{text-align:center;padding-top:7px;font-size:16px;color:#fff;font-weight:bold;} .mypage_cont .mybox .friend > em{color:var(--main-color);font-size:30px;font-weight:bold;line-height:1;} .mypage_cont .mybox .coupon{text-align:center;padding:10px 0;font-size:16px;color:#fff;font-weight:bold;} .mypage_cont .mybox .coupon > em{color:var(--main-color);font-size:30px;font-weight:bold;} /* .mypage_cont{width:1148px;padding-top:40px;padding-bottom:140px;margin:0 auto;overflow:hidden} .mypage_cont .contents{float:right;width:910px;margin-left:8px} .mypage_cont .contents .location{overflow:hidden;width:100%;height:40px;padding:0 0 0 20px;background:#1d1d1d;border:1px solid #444;box-sizing:border-box;display:none} .mypage_cont .contents .location > p{float:left;color:#aaa;font-size:14px;line-height:40px} .mypage_cont .contents .location > em{float:left;color:#aaa;font-size:14px;line-height:40px;padding:0 18px} .mypage_cont .contents .greeting{padding:10px 0;text-align:left;font-size:28px;color:#fff;line-height:37px} .mypage_cont .contents .greeting em{color:var(--main-color);font-weight:bold;} */ /*MYPAGE - GUIDE*/ .mypage_guide_steps{display:flex;justify-content: start; margin:0 0 30px;} .mypage_guide_steps .steps{display:flex;flex-wrap:wrap;width:100%;flex-direction: column;background: #25293F;position: relative;padding: 0 0 15px 15px;} .mypage_guide_steps .steps:after{content:"";clip-path: polygon(0% 0%, 100% 50%, 0% 100%);width: 20px;right: -20px;position: absolute;height: 100%;bottom: 0;z-index:1;} .mypage_guide_steps .steps:first-child{background: #303754;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .mypage_guide_steps .steps:first-child:after{background: #303754;} .mypage_guide_steps .steps:nth-child(2){background: #2B2F49;} .mypage_guide_steps .steps:nth-child(2):after{background: #2B2F49;} .mypage_guide_steps .steps:nth-child(3){background: #25293F;} .mypage_guide_steps .steps:nth-child(3):after{background: #25293F;} .mypage_guide_steps .steps:last-child{background: #1E2237;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .mypage_guide_steps .steps:last-child:after{display:none;} .mypage_guide_steps .steps .step-title{color:#fff;padding:10px 0 0; text-align: center;font-weight:bold;} .mypage_guide_steps .steps .step-title > span{padding: .5rem 1rem; display: flex;} .mypage_guide_steps .steps .step_content{} .mypage_guide_steps .steps:last-child .step-content{width:100%;} .mypage_guide_steps .steps .step-content{padding: 0 1rem;box-sizing:border-box;} .mypage_guide_steps .steps .step-content ol{list-style: decimal;padding:0 0 0 15px;} .mypage_guide_steps .steps .step-content ol li{list-style: decimal;color:#fff;text-align: left; padding-left: 1rem;} .design_sel{position:relative;float:left;margin-left:0;width:140px;height:48px;/*line-height:40px;*/cursor:pointer;/*background: url(/r/theme/center_logo/img/pc/arrow_down.png) 115px 18px no-repeat;*/} .design_sel.focus{} .design_sel label{position:absolute;color:#fefefe;font-size:16px; /*padding:0 0 0 20px;*/} .design_sel select{width:100%;/*height:40px;min-height:40px;line-height:40px;*/padding:0 10px;background:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;} .design_sel select option{background:#232737;color:#fff;} .design_sel > i {position: absolute;top: 18px; right: 14px;} .design_sel2{position:relative;float:left;width:240px;height:38px;line-height:40px;cursor:pointer;} .design_sel2 select{background:var(--screen-primary);color:#fff;border:1px solid #707070;font-size:16px;width:100%;height:40px;min-height:40px;line-height:40px;padding:0 0 0 20px;} .design_sel2 select option{background:#fff;color:#222;} .design_sel2.long{width:580px!important;} .my_list_wrap .search_area{/*overflow:hidden;*/width:100%;margin:0 auto;} .my_list_wrap .search_area .left{float:left;} .my_list_wrap .search_area .left .type1{margin-left:0px;} .my_list_wrap .search_area .left .type2{margin-left:8px;} /* .my_list_wrap .search_area .left .type2.focus{background-position:95px 16px;} */ .my_list_wrap .search_area .left .design_sel label {padding: 0 0 0 12px;} .my_list_wrap .search_area .left > input{width:160px;height:38px;margin-left:8px;padding:0 10px;border:1px solid #344051;background:0 0; color: #fff; border-radius:12px;} .my_list_wrap .search_area .left > input::webkit-input-placeholder {color:#ccc;font-size:13px;font-family:NotoSansKRLight;} .my_list_wrap .search_area .right{float:right; width:60%; padding:1px 0;} .my_list_wrap{width:100%;/*background:var(--screen-tertiary);border-radius:12px; padding: 1.5rem; box-sizing: border-box;*/} .my_list_wrap .my_list_top{position:relative;width:100%;margin:0 auto 10px;padding:10px 0 0 0;} .my_list_wrap .my_list_top > p{float:left;font-size:18px;color:#fff;margin-right:14px;} .my_list_wrap .my_list_top > p > em{color:var(--main-color);} .my_list_wrap .my_list_top .date_pick{float:right;margin:20px 0 15px 0;} .my_list_wrap .my_list_cont{overflow:hidden;width:100%;margin:0 auto;padding-bottom:20px} .my_list_wrap .my_list_cont .my_list{width:100%;} .my_list_wrap .my_list_cont .my_list thead th{position:relative;height:48px;color:#fff;background: #253A57;font-size:12px;font-weight:bold;white-space: nowrap;} .my_list_wrap .my_list_cont .my_list thead th:first-child{border-radius:12px 0 0 0;} .my_list_wrap .my_list_cont .my_list thead th:last-child{border-radius:0 12px 0 0;} .my_list_wrap .my_list_cont .no_list td.empty{border-bottom-left-radius: 12px !important;} .my_list_wrap .my_list_cont .no_list .empty{text-align:-webkit-center;align-content:center; height: 100%;padding: 60px 0;} .my_list_wrap .my_list_cont .no_list .empty .icon{height:50px;width:50px} .my_list_wrap .my_list_cont .no_list .empty .info{margin:10px 0;color:var(--text-secondary);font-weight:300} .my_list_wrap .my_list_cont .my_list tbody td{padding:16px 8px;color:#97A1AF;font-size:14px;line-height:18px;text-align:center;word-break: auto-phrase;} .my_list_wrap .my_list_cont .my_list tbody td.title {color: #fff;font-weight: 700;font-size:14px;font-family: Pretendard;} .my_list_wrap .my_list_cont .my_list tbody .sm_title {color: #fff;font-weight: 700;font-size:12px;font-family: Pretendard;} .my_list_wrap .my_list_cont .my_list tbody td > strong{color:#fff;/* text-align:right; */display:block;/* padding:0 13px 0 0; */} /*.my_list_wrap .my_list_cont .my_list tbody td > em{text-align:right;display:block;padding:0 30px 0 0;}*/ .my_list_wrap .my_list_cont .my_list tbody td > span{display:inline-block;/*width:11px;height:11px;*/} .my_list_wrap .my_list_cont .my_list tbody td > span.flag_ing{background:var(--main-color);} .my_list_wrap .my_list_cont .my_list tbody td > span.flag_del{background:#767676;} .my_list_wrap .my_list_cont .my_list tbody td > span.flag_fin{background:#3acc2f;} .my_list_wrap .my_list_cont .my_list tbody td > span.check-null{width:auto;height:auto;} .my_list_wrap .my_list_cont .my_list tbody td.pl80{padding-left:80px !important;} .my_list_wrap .my_list_cont .my_list tbody td.pr90{padding-right:90px !important;} /*.my_list_wrap .my_list_cont .my_list tbody tr:nth-child(odd) {background-color: #272D42;}*/ /*.my_list_wrap .my_list_cont .my_list tbody tr {background-color: #1C2235;}*/ .striped tr:nth-child(odd) {background-color: #272D42;} .striped tr:nth-child(even) {background-color: #1C2235;} /*.my_list_wrap .my_list_cont .my_list tbody tr:only-child {background-color: #1C2235;}*/ /*.my_list_wrap .my_list_cont .my_list tbody tr:nth-child(2n+1) {background-color: #272D42;}*/ /*.my_list_wrap .my_list_cont .my_list tbody tr:nth-child(2n) {background-color: #1C2235;}*/ .my_list_wrap .my_list_cont .my_list tbody tr:last-child > td:first-child{border-radius: 0 0 0px 12px;} .my_list_wrap .my_list_cont .my_list tbody tr:last-child > td:last-child{border-radius: 0 0 12px 0px;} /*.my_list_wrap .my_list_cont .my_list tbody tr.on{background-color: #1C2235;border-top: 1px solid #253A57;}*/ /*.my_list_wrap .my_list_cont .my_list tbody tr.on td {padding-bottom: 30px}*/ .my_list_cont tr .checkcontainer .checkmark{border: 1px solid #5A6483;} .my_list_cont tr .checkcontainer .checkmark:after{border:solid transparent;border-width: 0 3px 3px 0;} .my_list_cont tr .checkcontainer input:checked~.checkmark, .checkcontainer:hover input~.checkmark, .checkmark{background-color: transparent;border: 1px solid var(--primary-blue);} .my_list_cont tr .checkcontainer input:checked~.checkmark:after{border-color: var(--primary-blue);} .list_my > li .checkcontainer .checkmark:after {border: solid transparent !important;} /* dropdown list */ .wrapper .jqx-fill-state-normal{background:#2b2b2b;border-color:#2b2b2b;} .wrapper .input{ width: 90%; border: 0; padding: 0; background: transparent; height: 48px; line-height: 22px; color: #fff; font-size: 16px; display: inline-block;} /*myNotice*/ .mypage_cont_notice{width:1440px;padding:40px 60px 140px;overflow:hidden; box-sizing: border-box;} .mypage_cont_notice .contents{float:left;/*width:calc(100% - 240px);*/; width: 100%;} .mypage_cont_notice .contents .location{overflow:hidden;width:100%;height:40px;padding:0 0 0 20px;background:#1d1d1d;border:1px solid #444;box-sizing:border-box;display:none;} .mypage_cont_notice .contents .location > p{float:left;color:#aaa;font-size:14px;line-height:40px;} .mypage_cont_notice .contents .location > em{float:left;color:#aaa;font-size:14px;line-height:40px;padding:0 18px;} .mypage_cont_notice .contents .greeting{padding:10px 0 20px;text-align:left;font-size:30px;color:#fff;line-height:37px;font-weight: bold;} .mypage_cont_notice .contents .greeting em{color:var(--main-color);font-weight: bold;} .mybox-notice {display: grid;grid-template-columns: 35% 60%;gap: 5%;} .mybox-notice .notice-title-menu > .mybox {border: 2px solid #090c1b; background: var(--screen-tertiary);padding: 15px;} .mybox-notice .notice-title-menu > .mybox > .notice-title {display: flex;justify-content: space-between;align-items: center;} .mybox-notice .notice-title-menu > .mybox > .notice-title > .title {color: white;font-size: 18px;font-weight: bold;} .mybox-notice .notice-title-menu > .mybox:first-child{border-top-left-radius: 15px;border-top-right-radius: 15px;} .mybox-notice .notice-title-menu > #noticeList_outer > .mybox {border: 2px solid #090c1b; background: var(--screen-tertiary);padding: 15px;} .mybox-notice .notice-title-menu > #noticeList_outer > .mybox.on{border-left-width: 4px;border-left-color: #4c94ff;background: #4c94ff33;} .mybox-notice .notice-title-menu > #noticeList_outer > .mybox.notification-item {cursor: pointer;} .mybox-notice .notice-title-menu > #noticeList_outer > .mybox > .mybox-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} .mybox-notice .notice-title-menu > #noticeList_outer > .mybox > .mybox-header > .title {color: white;} .mybox-notice .notice-title-menu > #noticeList_outer > .mybox > .content {color: #97a1af;} .mybox-notice .notice-title-menu > #noticeList_outer > .mybox:last-child{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;} .mybox-notice .notice-content > .mybox {border: 2px solid #090c1b; background: var(--screen-tertiary);padding: 15px;border-radius: 15px;} .mybox-notice .notice-content > .mybox > .mybox-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} .mybox-notice .notice-content > .mybox > .mybox-header > .title {color: white; margin-bottom: 10px;font-weight: bold;font-size: 20px;} .mybox-notice .notice-content > .mybox > .content {color: white;} .notice_cont .top_btns>a{display:flex;width:114px;height:46px;justify-content:center;align-items:center;border-radius:10px;border:1px solid #5a6483;background:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%),var(--Content-content-800,#202b37);color:#fff;font-size:14px;line-height:normal;float:right} /*1:1문의*/ .tab_board_wrap{position: relative;height:46px;border-bottom: 2px solid #fff;margin:25px auto 0;width:100%;} .tab_menu_board{ overflow: hidden; border-bottom: 1px solid #344051; } .tab_menu_board > li{float:left;margin-left:4px;width:150px;height:47px;color:#999;border-bottom:0px;text-align:center;background:transparent;line-height:44px;font-size:16px;cursor:pointer;box-sizing:border-box;} .tab_menu_board > li.long{width:150px;} .tab_menu_board > li:first-child{margin-left:0px;} .tab_menu_board > li.on{ height: 48px; border: none; color: #fff; border-bottom: 2px solid var(--main-color); } .tab_menu_board > li.on a{color:#fff;} .tab_menu_board > li > a { display: block; } .tab_board_contents > div{display:none;} .tab_board_contents > div.on{display:block;} /* mypage_depositList */ .mypage_depositList .tab_menu_board_deposit{ overflow: hidden;} .mypage_depositList .tab_menu_board_deposit > li{float:left;width:150px;height:47px;color:#999;border-bottom:0px;text-align:center;background:#232737;line-height:44px;font-size:16px;cursor:pointer;box-sizing:border-box;} .mypage_depositList .tab_menu_board_deposit > li.long{width:150px;} .mypage_depositList .tab_menu_board_deposit > li:first-child{border-top-left-radius: 12px;} .mypage_depositList .tab_menu_board_deposit > li:last-child{border-top-right-radius: 12px;} .mypage_depositList .tab_menu_board_deposit > li.on{ height: 50px; border: none; color: white; border-bottom: 2px solid var(--secondary-light);background-color: var(--bg-input);} .mypage_depositList .tab_menu_board_deposit > li.on a{color:#fff;} .mypage_depositList .tab_menu_board_deposit > li > a { display: block; } .my_list_wrap.mypage_depositList .my_list_top {padding: 0 !important;} .my_list_wrap.mypage_depositList .mybox .my_list_top {margin:0 !important;padding: 12px 0 0 0 !important;} .betting-click-all{border: 1px solid;margin: 5px 5px 5px 0;border-radius: 25px;color: #9298AA;background-color: #1E253A;width: auto;text-wrap: nowrap;padding: 0 14px;} .betting-click-all:hover{border: none;color: #fff;background-color: transparent;} .betting-desc{color: #5A6483;} /* 마이페이지 */ .account_btns{text-align:center;margin-top:20px; margin-bottom: 10px;gap: 10px;} .account_btns button.bt_enter{width: 248px;} /*.account_btns a.bt_enter{background:#019aef;border:2px solid #019aef;display:inline-block;width:100%;padding:0 20px;height:50px;color:#fff;font-size:18px;line-height:48px;border-radius:6px;box-sizing:border-box;text-align:center;cursor: pointer;}*/ /*.account_btns a.bt_enter:hover{background:transparent;border:2px solid #019aef;color:#019aef;}*/ .mypage_account_btns{display: flex;justify-content: center; height: 48px;margin: 24px 0;} .mypage_account_btns span.bt_enter{width: 248px;text-align: center;} .mypage_account_btns span.btn.btn-dimensional .text {padding: 12px 16px;transform: translateY(0px);} .info_box .info_content>p>p{line-height: 28px;color: #97A1AF;} /* MYPAGE COMMON - END*/ /* MYPAGE */ /* .mypage_cont .mypage_box .mybox {border:1px solid #333;} .mypage_cont .infobox{overflow:hidden;} .mypage_cont .infobox > div{float:left;} .mypage_cont .infobox > div.info01{width:625px;height:288px;} .mypage_cont .infobox > div.info02{width:625px;height:288px;margin-top:-1px;} .mypage_cont .infobox > div.info03{width:286px;height:288px;margin-left:-1px;} .mypage_cont .infobox > div.info04{width:286px;height:193px;margin-left:-1px;margin-top: 94px;} */ .mypage_cont .infobox{display:flex; flex-wrap:wrap; gap:10px;} .mypage_cont .infobox > div.info01{width:40%;height:260px;background:#fff1} .mypage_cont .infobox > div.info02{width:40%;height:260px;background:var(--screen-tertiary)} .mypage_cont .infobox > div.info03{width:40%;height:auto;display:flex;flex-wrap:wrap;gap:10px} .mypage_cont .infobox > div.info04{width:40%;height:auto;background:var(--screen-tertiary)} .mypage_cont .infobox > div.info04 .btnbox{width:100%;text-align: center;} .mypage_cont .mybox.small{background:var(--screen-tertiary);width:calc(50% - 5px)} .mypage_cont .mybox.small .tit{text-align:left;padding:7px 0 0} /*.mypage_cont .mybox.small .btnbox{width:100%;text-align:left;margin:10px auto}*/ .mypage_cont .mybox.small .btnbox .bt_grey{width:117px} .mypage_cont h4 {width:100%;height:58px;padding:0 0 0 48px;background:#333;border:1px solid #444;box-sizing:border-box;color:#fff;font-size:20px;line-height:58px;} .mypage_cont .mybox .info td.level_name{line-height:20px;} .mypage_cont .mybox .info td.level_name img{width: 20px; height: 20px; margin-right: 5px;} /* .mypage_cont .mybox.small{height:192px;} .mypage_cont .mybox.small .tit{text-align:center;padding:7px 0 0 0;} .mypage_cont .mybox.small .btnbox{position:absolute;bottom:10px;left:28%;width:120px;text-align:center;} .mypage_cont .mybox.small .btnbox .bt_grey{width:117px;} .mypage_cont h4 {width:100%;height:58px;padding:0 0 0 48px;background:#333;border:1px solid #444;box-sizing:border-box;color:#fff;font-size:20px;line-height:58px;} .mypage_cont .mybox .info td.level_name{line-height:20px;} .mypage_cont .mybox .info td.level_name img{width: 20px; height: 20px; margin-right: 5px;} */ /* levelbox */ .levelbox{margin:12px 0 0 0;max-width:770px;} .levelbox .mybox{background:var(--screen-tertiary);} .levelbox .btn_check_progress{ margin:0 0 0 10px;display: inline-block; width: 100px; height: 30px; border: 1px solid var(--main-color); border-radius: 7px; background: var(--main-color); text-align: center; color: #000; font-size: 14px; line-height: 28px;} .levelbox .btn_check_progress:hover{border: 1px solid var(--main-color); color: var(--main-color);background:#333;} .levelbox .lvl_img{width: 25px;height: 25px; vertical-align: middle;} .levelbox .currentLevel{color:#d38f38;} .levelbox .nextLevel{color:#c4c5c5;} .cont_title{position:relative; color:#d38f38; font-weight:bold; font-size:16px; text-align: center; margin:30px 0 0; text-decoration: underline; text-underline-offset: 8px;} .progress_wrap{display:flex;flex-direction: column;justify-content: space-around;width: 80%;margin: 35px auto 0;} .progress{background: #fff ;border-radius:7px; height:20px; padding:10px;position: relative;margin-bottom:8px} .progress h2{position: absolute;left: 20px;color: #000;top: 50%;margin-top: -10px;font-size: 14px;font-weight: bold;} .progress p{position: absolute; left: 20px;color:#000;top:50%; font-size:14px; margin-top: -10px; } .progress h5{position: absolute; right: 20px;color:#000;top:50%; margin-top:-10px;font-size:14px;font-weight:bold;} .progress h5 em{font-weight:bold;} .progress span{position: absolute; top: 0; left: 0; border-radius: 7px; height: 100%;background-color: var(--main-color);} /*masking*/ .mypage_cont .mybox .masking{position:absolute;top:15px;right:60px;display:block;cursor:pointer;width:37px;height:37px;background: url(/r/front/img/mypage/w_eva_eye-off-outline.png) 0 0 no-repeat; background-size: 37px;} .mypage_cont .mybox .masking.active{background: url(/r/front/img/mypage/w_ic_baseline-remove-red-eye.png) 0 0 no-repeat; background-size: 37px;} .masking_popup_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 1002;} .masking_popup_bg .txt_type_layer{z-index: 1004; position: absolute; top: 306px; margin-left: -200px;} .masking_popup_bg .txt_type_layer .txt{width:80%; margin:auto;} .masking_popup_bg .txt_type_layer .layerbot_btn{margin-top:30px;} .txt_type_layer .inbox .masking_input{background:#eee; border: 1px solid rgb(197, 197, 197); width: 250px; height: 30px; padding-left: 6px; border-radius: 5px;} .txt_type_layer .inbox .masking_radio{margin:15px auto;display:flex;justify-content: center; gap:15px; align-items: center;} .txt_type_layer .inbox .masking_radio input[type=radio]{accent-color: var(--main-color);} .txt_type_layer .inbox .masking_radio .unmasked_icon{display:inline-block; width:25px; height:25px; vertical-align: middle; margin:0 5px 0 0; background: url(/r/front/img/mypage/ic_outline-remove-red-eye.png) 0 0 no-repeat; background-size:contain;} .txt_type_layer .inbox .masking_radio .masked_icon{display:inline-block; width:25px; height:25px; vertical-align: middle; margin:0 5px 0 0; background: url(/r/front/img/mypage/eva_eye-off-outline.png) 0 0 no-repeat; background-size:contain;} .txt_type_layer .inbox .masking_radio label{margin-right:20px;} .txt_type_layer .inbox .masking_checkbox{margin:30px 0;} /* MYPAGE - ACCOUNT */ .account_info{overflow:hidden;width:100%;margin:0 auto;} .account_info .info01{/*float:left;*/width:100%; height:100%;margin-right:16px;background: #232737;border-radius: 12px;box-sizing: border-box;padding-bottom: 14px;} .account_info .info01 p.tit{padding: 20px;border-bottom: 1px solid #344051;width: 100%;box-sizing: border-box;} .account_info .info01 > table{width:100%;/*margin:20px;*/} .account_info .info01 > table th{width:95px;font-size:14px;color: #D9D9D9; text-align: left; padding: 15px 40px 15px 0px; border-top: none;border-bottom: none;} .account_info .info01 > table td{height:52px;} .account_info .info01 > table td p{width:100%;height:48px;padding:0 0 0 20px;color:#fff;font-size:18px;line-height:33px;box-sizing:border-box;background: var(--screen-tertiary); border: 1px solid #344051; border-radius: 12px; } .account_info .info01 > table td #bank_alias{width:70%;} .account_info .info01 > table td #bank_name{width:90%;height:40px;background:transparent;color:#fff;font-size:16px;box-sizing:border-box;margin:0 0 0 30px;padding: 0 0 0 27px;} .account_info .info01 > table td #coin_type_code{width:90%;height:40px;background:transparent;color:#fff;font-size:16px;box-sizing:border-box;} .account_info .info02{float:left;width:434px;} .account_info .info02 > div{height:138px;} .account_info .info02 > div:first-child{margin-bottom:12px;} .account_info .account {position: relative;} .account_info .account .bt_file {border-radius:12px;border:1px solid #5a6483;background:rgb(42, 50, 75);position:absolute;right:55px;top:7px;color:#fff;font-family:"Noto Sans";font-size:13px;font-style:normal;font-weight:700;line-height:normal;padding:7px} .account_info .info01 > table tbody tr {display: flex;align-items: center;margin-top: 15px;padding: 0 23px;} .account_info .info01 > table tbody tr > td {width: 100%;} .account_info2{overflow:hidden;width:100%;display:none;} .account_info2 .info01{float:left;width:100%;/* height:288px;*/margin-right:16px;border-radius:0 12px 12px;} .account_info2 .info01 > table{width:100%;margin:47px auto 0;} .account_info2 .info01 > table th{width:73px;color:var(--main-color);font-size:12px;} .account_info2 .info01 > table td{height:52px;} .account_info2 .info01 > table td p{width:80%;height:40px;padding:0 0 0 20px;background:#2b2b2b;border-radius:10px;color:#fff;font-size:18px;line-height:40px;box-sizing:border-box;} .account_info2 .info02{float:left;width:434px;} .account_info2 .info02 > div{height:138px;} .account_info2 .info02 > div:first-child{margin-bottom:12px;} .wrap_file{ position: relative; box-sizing: border-box; height: 40px; padding: 0 100px 0 30px; background: 0 0; width: 100%; border: 1px solid #707070; border-radius: 0;} .wrap_file .ico_chk{position:absolute;display:none;left:16px;top:14px;width:15px;height:10px;background:url(/r/front/img/mypage/check_file.png?JVR) 0 0 no-repeat;} .wrap_file input[type='text']{width:300px;height:30px;margin-top:5px;border:0;line-height:30px;font-size:13px;color:#aaa;background:none;} .wrap_file .bt_file{position:absolute;right:5px;top:5px;display:block;width:90px;height:30px;background:transparent;border:1px solid var(--main-color);color:var(--main-color);line-height:30px;text-align:center;box-sizing:border-box;} .wrap_file .bt_file:hover{background:var(--main-color);color:#222;} .wrap_file input[type='file']{position:absolute;left:0px;top:5px;width:80%;height:30px;opacity:0;filter:alpha(opacity=0);cursor:pointer} .wrap_fileinfo{margin-top:10px;padding-bottom:40px;} .wrap_fileinfo li{line-height:1.5;font-size:14px;color:#ccc;} .account_info .wrap_file{margin-left:30px; width:90%;} .account_info .wrap_file .file{width:80%;} .account_info .account_regist{padding:0;} .account_info .account_regist input{margin-top: 7px; float: right; display: none;} .account_info .account_regist_table{padding: 20px 0px 0px 0;} .account_info .account_regist_table table{width: 750px; background: #fff; border-collapse: separate; margin:auto;} .account_info .account_regist_table table tr th{width: 15%; color: #222; height: 30px; background: #f8f8f8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align:center;} .account_info .account_regist_table table tbody{background: #333;} .account_info .info_box{width: 100%; padding: 20px 40px 20px 40px;box-sizing: border-box;} .account_info .account_regist .reset{margin-top: 0; float: right; display: none;background: #2a324b; color: white; border: 1px solid #5A6483; border-radius: 12px; width: 80px; height: 34px; text-align: center; cursor: pointer;font-size: 14px;} .account_info.coin input{width:70%;} .account_info .form-group.select .custom-select .select-selected, .account_info .form-group.select .custom-select .select-items {background-color: #090C1B !important;} /** Multi Account */ #withdrawAccountList a {display: flex;justify-content: center;} #withdrawAccountList .bt_delete {width: 62px;padding: 7px;border-radius: 12px;border: 1px solid #5A6483; background: #2A324B;} /*#withdrawAccountList tr{height:30px;}*/ /*#withdrawAccountList tr td a input{background:#fff;color:var(--main-color);border:1px solid var(--main-color);border-radius:5px;width:60px;height:26px;}*/ input.reset{background:#222222;color:var(--main-color);border:1px solid var(--main-color);border-radius:5px;width:80px;height:26px;text-align:center;cursor:pointer;} /* .input{width:89%;border:0;padding:0 10px;background:#2b2b2b;height:32px;line-height:32px;color:#fff;font-size:14px} */ /* MYPAGE - BETTING*/ .mypage_betting_wrap {width: inherit;position:relative; padding: 18px;/*background: var(--screen-tertiary);*/border-radius: 12px;} .mypage_betting_wrap .top-header h1 {font-family: NotoSansKRBold; font-size: 32px;font-weight: 800; font-style: italic;text-transform: uppercase;color: #fff;} .mypage_betting_wrap .top-header .live-chat {background:url(/r/front/img/mypage/beteast_livechat_icon.png) 0 -1px no-repeat;background-size: 16px 16px; padding-left: 20px;} .mypage_betting_wrap .search_area {margin:10px 0 20px;} .mypage_betting_wrap .category-nav{display:flex;gap:15px;overflow:hidden;overflow-x:auto} .mypage_betting_wrap .category-nav a{text-align: center; color:var(--text-secondary);font-size:14px;font-weight:600;transition:.3s ease-in-out;white-space:nowrap} .mypage_betting_wrap .category-nav a:hover, .faq_cont .category-nav li.on a{color:var(--content-50)} .mypage_betting_wrap .category-nav a.active, .faq_cont .category-nav li.on{color:var(--content-50);padding-bottom:10px;border-bottom:2px solid var(--primary)} /*.mypage_betting_wrap .category-nav ul{display: flex;gap: 15px;}*/ .mypage_betting_wrap .content {padding: 15px;border-radius: 12px;background: var(--screen-secondary); } .mypage_betting_wrap .empty{text-align:-webkit-center;align-content:center; height: 100%;min-height: 130px;} .mypage_betting_wrap .empty .icon{height:50px;width:50px} .mypage_betting_wrap .empty .info{color:var(--text-secondary);padding-top: 18px;font-size: 18px;} .mypage_betting_wrap .content-list {padding: 15px;border-radius: 12px;background: var(--screen-tertiary);margin: 15px 0} .mypage_betting_wrap .content-list .item .btn-dropdown {width: 100%;} .mypage_betting_wrap .content-list .item .space-between-area {display: flex; width:100%; justify-content: space-between; align-items: center;padding: 4px 0;} .mypage_betting_wrap .content-list .item .space-between-area .title {display:flex;width:100%;gap: 10px;align-items: center;color:var(--text-primary); font-weight: bold;} .mypage_betting_wrap .content-list .item .space-between-area .status{font-family: NotoSansKRBold;color:#97a1af;padding:0 .5rem;background:#97a1af33;border-radius:9999px;--tw-bg-opacity:0.2;border:1px solid #97a1af;font-size:10px;text-transform:uppercase;font-weight:700;height:19px;display:flex;align-items:center;justify-content: center;min-width: 30px;} .mypage_betting_wrap .content-list .item .space-between-area .status.expired{color:#97a1af;background:#97a1af33;border:1px solid #97a1af;} .mypage_betting_wrap .content-list .item .space-between-area .status.declined{color:#E62225;border:1px solid #E62225;} .mypage_betting_wrap .content-list .item .space-between-area .status.betting{color:#4c94ff;border:1px solid #4c94ff;} .mypage_betting_wrap .content-list .item .space-between-area .detail-value{font-family: NotoSansKRBold;font-weight: 700;color: #fff;} .mypage_betting_wrap .content-list .item .space-between-area .detail-value > button.copy-game-id {background:url(/r/front/img/mypage/beteast_copy_icon.png) 0 -1px no-repeat;background-size: 22px 22px; padding-left: 21px; margin-left: 5px;cursor: pointer;} .mypage_betting_wrap .content-list .item .space-between-area .detail-value > button.copy-game-id.copied {background:url(/r/front/img/mypage/beteast_copied_icon.png) 0 -1px no-repeat;background-size: 22px 22px; padding-left: 21px; margin-left: 5px;cursor: pointer;} .mypage_betting_wrap .content-list .item .details{display:none;gap:15px;border-top:1px solid rgba(151,161,175,.25);padding-top:12px; margin-top: 12px;} .mypage_betting_wrap .content-list .item .details div{display:flex;justify-content:space-between} .mypage_betting_wrap .content-list .item .details div div{font-size:14px} .mypage_betting_wrap .content-list .item .details div div:first-child{color:var(--text-secondary)} .mypage_betting_wrap .content-list .item .details.visible,.mypage_betting_wrap .content-list .item .faq-details.visible{display:grid} .mypage_betting_wrap .tab_guide_wrap.mypage_betting {display: flex;} .mypage_betting_wrap .tabm_guide_2dep{overflow:hidden;width:100%;background:var(--screen-secondary);border-top:none;padding:10px 0;border-radius: 12px;margin-bottom: 8px;} .mypage_betting_wrap .tabm_guide_2dep > li{float:left;margin-left:0;width:200px;height:20px;color:#ccc;text-align:center;line-height:20px;font-size:16px;cursor:pointer;box-sizing:border-box;margin-bottom:5px;margin-top:5px;border-right:1px solid #333} .mypage_betting_wrap .tabm_guide_2dep > li > a{display:block;color:#999;font-size:14px} .mypage_betting_wrap .tabm_guide_2dep > li:first-child{margin-left:0} .mypage_betting_wrap .tabm_guide_2dep > li:nth-child(7){margin-left:0} .mypage_betting_wrap .tabm_guide_2dep > li:nth-child(13){margin-left:0} .mypage_betting_wrap .tabm_guide_2dep > li.on{height:20px;color:#fff;} .mypage_betting_wrap .tabm_guide_2dep > li.on a{color:var(--main-color)!important} .mypage_betting_wrap .tabm_guide_2dep > li:hover{height:20px;color:#fff;} /*.mypage_betting_wrap .tabm_guide_2dep > li:nth-child(3),.mypage_betting_wrap .tabm_guide_2dep > li:nth-child(6),.tabm_guide_2dep > li:nth-child(9),.mypage_betting_wrap .tabm_guide_2dep > li:nth-child(10){border-right:none}*/ .betting_bottom_search_area {display: flex;align-items: center;gap: 20px;padding:10px 15px; background: #232737;} .betting_bottom_search_area .design_sel {height: 40px;} .betting_bottom_search_area .custom-select-manual .select-selected {border: 0;height: 40px; background-color: #ffffff0d !important;} .betting_bottom_search_area #searchDateNewform > input[type=text].date {border: 0;height: 40px;} /*.mypage_betting_wrap > div.form-group {margin-top: 18px;}*/ /*.mypage_betting_wrap .form-group.contact-number{display:grid;grid-template-columns:19% 60% 18%;gap:15px}*/ /*.mypage_betting_wrap .form-group.contact-number > .mobile-icon{display: flex;justify-content: space-evenly;align-items: center;}*/ /*.mypage_betting_wrap .form-group.dw_sms{display: flex; align-items: center;}*/ /*.mypage_betting_wrap .form-group.dw_sms > p {color: white;margin:0 10px}*/ /*.mypage_betting_wrap .bot_btn {margin-top: 18px;}*/ /*.mypage_betting_wrap .bot_btn > button {width: 100%;}*/ /*.mypage_betting #flexDepth1Tab{width: 832px; }*/ /*.mypage_betting .search_area{overflow: hidden; width: 100%; padding: 18px 0 18px 20px; box-sizing: border-box; margin-top: 20px;border-radius: 12px;}*/ /*.mypage_betting .search_area .date_pick{margin-right: 15px;}*/ /*.mypage_betting .tabm_guide_2dep {border-radius: 12px;}*/ /*.mypage_cont .my_list_wrap {margin-top: 5px;}*/ /*.mypage_cont .tab_guide_wrap button {border: 0px !important;}*/ /*.mypage_cont .tab_guide_wrap .btn-arrow .text{padding:8px 12px!important}*/ /*.mypage_cont .tab_container .date_pick{position:absolute;top:0px;left:390px;}*/ /*.mypage_cont .date_pick > p{float:left;height:40px;line-height:40px;color:#aaa;font-size:16px;padding:0 5px;}*/ /*.mypage_cont .date_pick > .date{float:left;cursor:pointer;width:138px;height:40px;padding:5px;box-sizing:border-box;border:1px solid #344051; color:#fff;background: url(/r/front/img/mypage/calendar.png?qEv) 115px 11px no-repeat; background-size:15px; border-radius:12px;}*/ /*.mypage_cont .date_pick > button {margin-left: 10px;margin-top: 4px;}*/ /*.mypage_cont .date_pick > button > span.text{padding: 6px 16px}*/ /*.mypage_cont .date_pick .bt_search{float:left;margin-left:10px;width:80px;height:40px;border:1px solid var(--main-color);background:var(--main-color);text-align:center;color:#fff;font-size:16px;line-height:39px;box-sizing:border-box; cursor: pointer; border-radius:12px;}*/ /*.mypage_cont .date_pick .bt_search:hover{border:1px solid var(--main-color);background:transparent;color:var(--main-color);}*/ .layer_mixparlay{display:none;position:absolute;top:100px;left:19px;z-index:60; width: 96%; box-sizing: border-box;} .layer_mixparlay .bt_close{position:absolute;top:5%;right:1%;display:block;width:32px;height:32px;background:url(/r/theme/beteast_v2/comm/bt_close.png?qEv) 0 0 no-repeat;font-size:0px;text-indent:-99px;} .layer_mixparlay .inner{width:850px; min-height:150px;margin-top:45px;background:#222432;text-align:center; border-radius: 16px; padding: 15px 10px;border: 2px solid #344051;} .layer_mixparlay .inner h3 { width: 100%; text-align: center; font-weight: bold; margin-bottom: 20px; color: white; } /*.layer_mixparlay .inner table { width: 100%; border: 1px solid #000; }*/ /*.layer_mixparlay .inner table th { background: #000; color: #FFF; height: 40px; line-height: 40px; border-right: 1px solid #FFF; }*/ /*.layer_mixparlay .inner table th:last-child { border-right: 0; }*/ /*.layer_mixparlay .inner table tr td { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0; }*/ /*.layer_mixparlay .inner table tr:last-child td { border-bottom: 0;}*/ .layer_mixparlay.small .inner {max-height: 380px; overflow-y: auto;} .red_important {display: inline-block; color:red; font-weight: bold; text-align: center; line-height: 0px; } .red_important span {display: inline-block; padding-top: 50%; padding-bottom: 50%; margin-left: 8px; margin-right: 8px;} /* MYPAGE - COMP*/ /*.comp_txt p{text-align:center;font-size:14px;color:#999; margin-top: 10px;}*/ .comp_txt {display: flex; justify-content: space-between; align-items: center; /*border-radius: 16px;background: #232737;height: 51px;*/} .comp_txt > p {width: 100%;font-size:14px;color:var(--secondary-text); } .comp_txt em{font-size:14px;} .comp_area{display:flex; justify-content: space-evenly;align-items: center;gap: 20px;} /*.comp_area > div.mybox{width:50%;border:none;background:var(--screen-tertiary); border-radius:12px;}*/ .comp_area>div.mybox_comp{width:100%;display:flex;justify-content:space-between;background:#232737;border:1px solid #344051;height:50px;align-items:center} .comp_area > div .tit{float:left;} .comp_area > div:first-child{} /*.comp_area > div .mbox{text-align:right;}*/ .comp_area>div .mbox>p{color:#fff;text-align:right;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;line-height:normal} .comp_area > div .mbox > p em{font-size:16px;} .comp_area > div.sec2 .mbox{margin-top:6px;overflow:hidden;} .comp_area > div.sec2 .mbox:first-child{margin-top:3px;} .comp_area > div.sec2 .mbox > span{float:left;color:#fff;font-size:12px;padding:15px 0 0 9px;} .comp_area > div.sec2 .mbox > p{float:right;} .mypage_cont .comp_area .mybox_comp .tit{color:#fff;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:normal;opacity:.8} .mypage_cont .comp_area .mybox_comp .comp{font-size: 24px;font-style: normal;font-weight: 700;color:#fff} .mypage_cont .comp_area .mybox_comp .comp_logo{color:#2cb4ff;text-align:right;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;line-height:normal;background: url(/r/theme/beteast_v2/comm/black_circle.png) 2px -1px no-repeat; margin-left: 3px;width: 28px;background-size: 25px 25px; text-align: center;} .mypage_cont .mybox_comp{position:relative;padding:24px;border-radius:12px;box-sizing:border-box;font-weight: bold;} .mypage_cont .mybox_comp .tit{color:#fff;font-size:20px;line-height:1.2;font-weight:bold;width: 30%;} .mypage_cont .mybox_comp .tit{color:#fff;font-size:16px;line-height:1.2;font-weight:bold;width: 30%;} /* MYPAGE - COMPPPOINT*/ /* MYPAGE - FRIEND*/ .my_friend{width:100%;} .my_friend thead {background-color: #283651;border-top-right-radius: 12px;border-top-left-radius: 12px;} .my_friend thead th{position:relative;padding:17px 0;color:#aaa;font-size:12px;font-weight:bold;} .my_friend thead th:first-child{border-top-left-radius: 12px;} .my_friend thead th:last-child{border-top-right-radius: 12px;} .my_friend tbody td{padding:13px 0;color:#aaa;font-size:14px;line-height:18px;text-align:center;} .my_friend tbody td.grade{text-align:left;} .my_friend tbody td.grade > p {position:relative;padding:0 0 0 58px;font-size:14px;} .my_friend tbody td.grade > p > em{position: absolute;top:-9px;left:24px;display:block;width:25px;height:33px;background:url(/r/front/img/mypage/grade.png?qEv) 0 19px no-repeat;} .my_friend tbody td.grade > p.silver > em{background-position:0 0px;} .my_friend tbody td.grade > p.bronze > em{background-position:0 -56px;} .my_friend tbody td.grade > p.gold > em{background-position:0 -113px;} .my_friend tbody td.grade > p.vip > em{background-position:0 -167px;} .my_friend tbody td.id{color:#fff;} .my_friend tbody td.bonus{text-align:right;padding:15px 20px 15px 0;color:#fff;} .my_friend tbody td.price{padding:0 10px 0 0;text-align:right;color:#fff;} .my_friend tbody td.remain{padding:0 10px 0 0;text-align:right;color:#fff;} .my_friend .category{padding:0 17px 0 0;display:inline-block;background:url(/r/front/img/mypage/ico_arrow.png?qEv) right 5px no-repeat;cursor: pointer;} .my_friend .saving{color:var(--main-color);} .my_friend .used{color:#3acc2f;} .my_friend .detail{text-align:left;padding:0 10px;width:200px;font-size:14px;color:#aaa;} .my_friend .recomm{text-align:left;padding:0 10px;width:75px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:14px;color:#aaa;} .my_friend .bt_send{display: inline-block;width: 80px;height: 32px;background: #222;border: 1px solid var(--main-color);line-height: 32px;border-radius: 5px;font-size: 12px;color: var(--main-color);text-align: center;font-weight: bold;box-sizing: border-box;} .my_friend .bt_send:hover{background: var(--main-color);color: #222;} .my_friend .design_sel.cate{position:absolute;top:8px;left:0px;display:none;} /* MYPAGE - COUPON */ .coupon_usebtn {border:1px solid var(--main-color); background:var(--main-color);color: #222;display: inline-block;width: 80px;height: 20px; font-size:12px; margin-top:3px; border-radius: 4px;text-align: center;line-height: 18px;box-sizing: border-box;cursor: pointer;} /* MYPAGE - COUPONINFO*/ .coupon_wrap {padding: 22px 26px;background-color: #232837;border-radius: 8px;border: 1px solid #1b1d2c;margin-top: 20px;} .coupon_game_guide_wrap .banner{background:url(/r/front/img/template3/mypage/use_coupon_banner.png) no-repeat;background-size:contain;width:910px;height:244px;} .coupon_game_guide_wrap .banner img{width:100%;height:auto;} .coupon_game_guide_wrap .greeting2 {height:inherit;} .coupon_game_guide_title{position:relative;background:transparent;color:var(--primary-blue);margin-bottom: 5px;font-size:16px;display:flex;align-items: center;font-weight: 700;} /*.coupon_game_guide_title:after{content: ""; position: absolute; top: 5px; left: 4px; background: var(--main-color); width: 3px; height: 30px; border-radius: 5px;}*/ .coupon_game_guide_content p {color:#aaa; line-height: 1.95;} .coupon_game_guide_content .badge_guide{display:flex;align-items: center;} .coupon_game_guide_content .badge_guide .badge_icon{display:block;width:70px;height:70px;background:url(/r/front/img/comm/badge_coupongame.svg) 100% no-repeat; background-size:contain; margin-right:15px;} .coupon_game_guide_wrap .guide_img{background:url(/r/front/img/template3/mypage/couponinfo_guide.png)no-repeat;width:100%;height:3451px;background-size:cover;} a.coupon_usebtn { border: var(--main-color); background: var(--main-color);} /* MYPAGE - DEPOSIT*/ .deposit_wrap .deposit_inp .moneybox .inp_wrap .coin_name{color:#000;} .deposit_wrap .deposit_inp .moneybox .real_time_rate{text-align: center; color: #fff; font-size: 12px; margin-top: 10px;} .deposit_wrap .deposit_inp .moneybox .inp_wrap .wallet_address{width:78%;} .deposit_wrap .deposit_inp .moneybox .inp_wrap .wallet_address li input{height: 30px; border: none; background: none; font-size: 18px; color: #fff;width:100%;} .deposit_noti{text-align: center; margin-bottom: 20px; width:870px; height:290px; background:url(/r/theme/center_logo/img/pc/vip_deposit_normal_flow.png)no-repeat;background-size:contain;} .deposit_coin_noti{text-align: center; margin-bottom: 20px; width:870px; height:177px; background:url(/r/theme/center_logo/img/pc/vip_deposit_crypto_flow.png)no-repeat;background-size:contain; } .checkbox_disclaimer{margin-left:155px;margin-top:20px;} /* MYPAGE - DEPOSITLIST */ .my_list_wrap .tab_border{} .my_list_wrap .my_list_top .my_list_top_header{display: block; width: 100%; height: 50px;} .my_list_wrap .my_list_top .my_list_top_header .total_money_area span{color: #ccc; display: flex; font-size:12px; font-weight:bold; height: 100%; justify-content: center; align-items: center;} .total_money_area { display: block; width:100%;background: #232737; border-radius: 12px 0 0 12px; text-align:center; font-size:12px;padding: 1rem; align-content: center;border: 1px solid #344051;border-right: none} .total_money { display: block; text-align:right; width:100%; background: #232737; border-radius: 0 12px 12px 0; font-size:12px;padding: 1rem;align-content: center; color: #fff;font-weight: bold;border: 1px solid #344051;border-left: none;} .totalResultCnt{margin: 1rem 0 10px;color: #fff;} .totalResultCnt em{font-weight:bold;} /* MYPAGE - DETOUR DEPOSIT*/ .detour_noti{text-align: center; margin: 0 auto; width:700px; height:200px; background-image:url('/r/front/img/mypage/detour_kbc_info.png?sdf'); background-repeat:no-repeat; background-position:center; background-size:contain;} .deposit_wrap .moneybox .detour_rate{text-align: center; color: #fff; font-size: 12px; margin-top: 10px;} .deposit_wrap .deposit_form .virtual_box{width:200px; margin:auto;} .mybox .transferBankNotiOuter{display:none;} /*MYPAGE - FRIEND*/ .mypage_cont .friend_wrap{} .mypage_cont .friend_top{overflow:hidden;background:#242736; border-radius:12px;padding: 1rem;} .mypage_cont .friend_top > div.mybox{display: flex;align-items: center;} .wrap_bts{position:relative;right: -5px;box-sizing:border-box;width:415px;height:36px;border:1px solid #344051; padding:0 100px 0 15px;background:0 0; border-radius:12px;} .wrap_bts input[type='text']{width:300px;height:36px;border:0;line-height:36px;font-size:13px;color:#fff;background:none;} .wrap_bts input::-webkit-input-placeholder {color:#ccc;font-size:13px;font-family:NotoSansKRLight;} .wrap_bts .bt_file{position:absolute;right:0;top:0;display:block;height:36px;background:var(--main-color);border:1px solid var(--main-color);color:#fff;line-height:12px;text-align:center;box-sizing:border-box;border-radius:12px;} .wrap_bts .bt_file_make{position:absolute;right:93px;top:0;display:block;height:36px; background: var(--main-color); border: 1px solid var(--main-color);color:#fff;line-height:12px;text-align:center;box-sizing:border-box;border-radius:12px;} .wrap_bts .bt_file_none{position:absolute;right:0;top:0;display:block;width:90px;height:36px; background: #666; border: 1px solid #666;color:#fff;line-height:12px;text-align:center;box-sizing:border-box;border-radius:12px;} /* .wrap_bts .bt_file:hover{background:var(--main-color);color: #222;} */ .friendTitle .titleColor { color:var(--main-color); } /* 안내사항 박스 */ .tb-board{margin:0 auto} .tb-board th{padding-top:15px;font-size:15px;color:#444;line-height:15px;font-family:NotoSansKRBold} .tb-board td{padding-top:15px;font-size:15px;color:#999;line-height:15px;font-family:NotoSansKRBold} .tb-board input{width:160px;height:40px;margin-left:8px;padding:0 10px;border:1px solid var(--border-primary)!important;color: #fff;background: var(--screen-primary)!important;} .tb-board.tb-info {width: 100%;} .tb-board.tb-info > tr > th {width:25%;height:40px;} .tb-board.tb-info > tr > td {width:75%;height:40px;text-align:left;padding: 15px 15px 0;position:relative;} .tb-board.tb-info > tr > td > input {border: 1px solid #344051;width: 90%;height: 40px;padding-left: 6px;border-radius: 12px;} .tb-board.tb-info > tr > td .bt_grey{display: block;position: absolute;top: 20px;right: 30px;width: 85px;height: 32px;background: #2a324b;border: 1px solid #5a6483; border-radius: 6px;font-size: 12px;text-align: center;color: #fff;line-height: 32px;box-sizing: border-box; margin-left: 10px; padding: 0; } .tb-board.tb-info > tr > td #certifyTimer {text-align: center;width: 85px;position: absolute;top: 27px;right: 30px;justify-content: end;color: #fff;font-size: 12px;} /*MYPAGE - INFORMATION*/ .design_sel.cate{position:relative;float:left;margin-left:0px;width:90px;height:30px;border:1px solid #777;line-height:30px;cursor:pointer;box-sizing: border-box;border-radius:3px} .design_sel.cate.t1{width:62px;background:#222 url(/r/front/img/template1/mypage/ico_arrow.png) 44px 11px no-repeat;} .design_sel.cate.t2{width:90px;background:#222 url(/r/front/img/template1/mypage/ico_arrow.png) 68px 11px no-repeat;} .design_sel.cate label{position:absolute;top:0px;left:0px;color:#fff;font-size:12px;padding:0 0 0 10px;font-weight:bold;} .design_sel.cate select{width:100%;height:30px;min-height:30px;line-height:30px;padding:0 10px;opacity: 0;filter: alpha(opacity=0); /* IE 8 */} .design_sel.cate select option{background:#222;color:#fff;} .modify_wrap .modibox .bot_btn .bt_white{display:inline-block;width:78px;height:30px;border:1px solid #fff;border-radius:7px;background:#fff;text-align:center;color:#222;font-size:14px;line-height:30px} .modify_wrap .modibox .bot_btn .bt_white:hover{border:1px solid #fff;color:#fff;background:#333} .setting_button_area { position: absolute; top: 14px; left: 250px; } .switch_button { position: relative; display: inline-block; width: 70px; height: 30px; } .switch_button input { opacity: 0; width: 0;height: 0;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;background-color: var(--screen-tertiary); -webkit-transition: .4s; transition: .4s; border: 1px solid #344051;} .slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 4px; bottom: 2px; background-color: #344051;-webkit-transition: .4s; transition: .4s; z-index: 1;} .checked { position: absolute; top: 30%; color: #fff; font-weight: bold; letter-spacing: 1px;} .checked.on { left: 10px; } .checked.off { right: 10px; } /*.switch_button input:checked + .slider { background-color: var(--main-color); }*/ .switch_button input:checked + .slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); background-color: #14B1FF; } .switch_button span.checked{color:#fff;text-align:center;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:normal; top: 50%; margin-top: -7.5px;} .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 15px; } .setting_button_area { font-size: 14px; color: #fff; font-weight: bold; } .info_select{margin-top: 10px;width:180px;height:40px;} .mypage_info_select{background:var(--screen-primary);color:#fff;padding:10px;width:20%;height:100%;border-color:#344051;border-radius:12px;border:1px solid var(--border-primary)} /*MYPAGE INQUIRY*/ /* .checkcontainer{border: 1px solid #5A6483;} */ .my_list_wrap .top_btns{width:100%;margin:0 auto;} .my_list_wrap .top_btns > .btn_readAll {float: right;} .my_list_wrap .top_btns .btn_inquiry{cursor: pointer; width: 100px;} .my_list_wrap .my_list_cont .my_list tbody td.title {text-align: left;} /*.my_list_cont tr .check-container{content:'';display:flex;justify-content:center;align-items:center;width:16px;height:16px;background:0 0;border:1px solid #5a6483;border-radius:2px;cursor:pointer;transition:all 250ms cubic-bezier(.4,0,.23,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}*/ .top_btns > a{display: inline-block;width: 80px;height: 32px;background: var(--main-color);border: 1px solid var(--main-color);line-height: 32px;font-size: 12px;color: #222;text-align: center;font-weight: bold;box-sizing: border-box;} .top_btns > a:hover{background: transparent;color: var(--main-color);} .my_board tbody td input[type='checkbox'] + label:before {margin-right: 0px;} .my_board tbody td.location_path{text-align:left;padding:15px 0;} .my_board tbody tr.on.rate{height:70px;background-color: transparent !important;} .my_board{width:100%;} /*.my_board tbody tr:hover{background:#1a1a1a;}*/ /*.my_board tbody tr.on{background:#1a1a1a;}*/ .my_board tbody td {vertical-align: top;padding-top: 20px !important;} .my_board tbody td.title em { color:#32BEFF; font-weight: bold; } .my_board tbody td.title > .answer{position:relative;padding:20px 0 15px 18px;font-size:14px;line-height:20px;color:#fff;display:none;} .my_board.cs_notice tbody td.title > .answer {display: block;padding: 40px 0 0 0;} .my_board.cs_notice tbody td.title>.answer:before{width:942px;height:1px;content:"";position:absolute;top:24px;left:-219px;background:#253A57} .my_board tbody td.title > .answer *{color:#ecf0f1;} .my_board tbody td.title > .answer a { text-decoration: underline; } .my_board tbody td.title > .answer.myNotice a { color: #fff; display: block; text-align: center; border: 1px solid #fff; width: 100px; height: 30px; line-height: 30px; margin: 10px 0; text-decoration: none; padding: 0 20px; } .my_board tbody td.title > .answer p{font-size:14px;line-height:20px;color:#fff;} .my_board tbody td.title > .answer pre{white-space: pre-wrap;} .my_board tbody td.title > .answer em{color:var(--main-color);} .my_board tbody td.title > .answer > span.liner{width:1300px;height:1px;display:block;position:absolute;top:0px;left:-278px;background:#444;} .my_board tbody td.id{color:#fff;} .my_board tbody td.bonus{text-align:right;padding:15px 20px 15px 0;color:#fff;} .my_board tbody tr.not_read .stat_read{color:#fff;} .my_board tbody tr.readed .stat_read{color:#aaa;} .my_board tbody tr.on .stat_read{color:#fff;} .my_board tbody tr.not_read .txt_q{color:#fff;} .my_board tbody tr.readed .txt_q{color:#aaa;} .my_board tbody tr.on .txt_q{color:#fff;} .my_board .txt_q{font-size:16px;color:#fff;} .my_board .txt_q em{color:var(--main-color);font-weight: bold;} .my_board .re_fin{color:var(--main-color);} .my_board .bt_none{border-top:0px;} .my_board .flag_red{display:inline-block;padding:0 5px;height:20px;line-height:20px;color:#FFF3F3;font-size:14px;font-family: var(--sub-font);font-weight:700; background:#ff0000;border-radius: 5px;} .my_board .flag_yellow{display:inline-block;padding:0 5px;margin-left:8px;height:20px;line-height:20px;color:#fff;font-size:14px;font-family: NotoSansKRBold;background:var(--main-color);} .my_board .bt_send{display: inline-block;width: 80px;height: 32px;background: #222;border: 1px solid var(--main-color);line-height: 32px;border-radius: 5px;font-size: 12px;color: var(--main-color);text-align: center;font-weight: bold;box-sizing: border-box;} .my_board .bt_send:hover{background: var(--main-color);color: #222;} .rating_inquiry_wrap{text-align: left; /*padding-left: 25px;*/} .rating_inquiry{color: #fff; float: left;} .rating_inquiry_wrap .starRev{float:right;height:30px;width:150px;} .rate_grade{height: 30px; line-height: 30px; color: #fff;} .starR1{background:url(/r/front/img/comm/ico_review.png) no-repeat -52px 0;background-size:auto 100%;width:15px;height:30px;float:left;text-indent:-9999px;cursor:pointer} .starR2{background:url(/r/front/img/comm/ico_review.png) no-repeat right 0;background-size:auto 100%;width:15px;height:30px;float:left;text-indent:-9999px;cursor:pointer} .starR1.on{background-position:0 0;} .starR2.on{background-position:-15px 0;} .answer img { max-width:100%;} .btnAddGrade{width: 70px; height: 30px; line-height: 30px; color: #fff; border: 1px solid #fff;} .btnInquiry {text-align: center;cursor:pointer;margin-top: 15px;} /*MYPAGE INQUIRY WRITE*/ /*.q_write_wrap{width:850px;}*/ .q_write_wrap .category_box{overflow:initial;display: inline-block;} .q_write_wrap .category_box .design_sel{width:150px;margin-right:10px; } .q_write_wrap .inp_inquiryCategory {margin: 10px 0;} .q_write_wrap .inp_inquiryCategory select{background:var(--screen-primary);color:#fff; padding:10px 10px;width:20%;height:100%; border-color:#344051; border-radius:12px; border: 1px solid var(--border-primary);} .q_write_wrap .mypage_title_inquiryWrite {margin-top: 10px;} .q_write_wrap .text_box .q_title_inp{margin-top:10px;width:100%;height: 40px;padding:0 20px;border: 1px solid #707070;line-height: 40px;background:0 0;box-sizing:border-box;font-size:16px;color:#fff;} .q_write_wrap .text_box p{margin-top:10px;width:100%;height: 179px;padding:20px;border: 1px solid rgb(52, 64, 81);background:#090c1b;box-sizing:border-box;font-size:16px;color:#fff;border-radius: 12px;overflow-y: auto} .q_write_wrap .bt_box{text-align:center;margin-top:23px;} .q_write_wrap .bt_box .bt_q_submit{display:inline-block;min-width:140px;padding:0 20px;height:50px;border:2px solid var(--main-color);background:var(--main-color);color:#000;font-size:18px;line-height:48px;box-sizing:border-box;text-align:center; cursor: pointer;} .q_write_wrap .bt_box .bt_q_submit:hover{background:transparent; border: 2px solid var(--main-color); color:var(--main-color);} /*MYPAGE MYNOTICE*/ .myNoticeImportant{color:var(--main-color);font-weight:bold;} /*MYPAGE NORMALCOUPON*/ /*MYPAGE POINT*/ /*point*/ .point_txt p{text-align:center;font-size:14px;color:#B2B2B2; width: 100%;} .point_txt em{font-size:14px;color:#fff;font-weight:bold;} .my_point_area{overflow: hidden;} .my_point_area > div{width:100%; background:var(--screen-tertiary); border-radius:12px;} .my_point_area > div:first-child { float: left;} .my_point_area > div p.tit{float:left;} .my_point_area > div .mbox{text-align:right;margin-top:0;} .my_point_area > div .mbox > p{height:44px;display:inline-block;min-width:180px;padding:0 55px 0 128px;background:transparent;line-height:44px;color:var(--main-color);font-size:30px;font-weight:bold;} .my_point_area > div .mbox > p em{font-size:16px;} .my_point_area>div.mybox_point{width:100%;padding: 0 24px;display:flex;justify-content:space-between;background:#232737;border:1px solid #344051;height:50px;align-items:center} .mypage_cont .my_point_area .mybox .tit{padding:9px 0 0 9px;} .mypage_cont .my_point_area .mybox_point .tit{color:#fff;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:normal;opacity:.8} .mypage_cont .my_point_area .mybox_point .point{font-size: 24px;font-style: normal;font-weight: 700;color:#fff} .mypage_cont .my_point_area .mybox_point .point_logo{color:#2cb4ff;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;line-height:normal;background: url(/r/theme/beteast_v2/comm/black_circle.png) 1px -1px no-repeat; margin-left: 3px;background-size: 24px 24px; text-align: center;} .mypage_cont .my_point_area{display: flex;} .mypage_cont .my_point_area .tit{color:#fff;font-size:20px;line-height:1.2;font-weight:bold;width: 30%;} .mypage_cont .my_point_area .tit{color:#fff;font-size:16px;line-height:1.2;font-weight:bold;width: 30%;} .deposit_wrap .deposit_inp > li.point_txt {display: flex;justify-content: center;align-items: center;border-radius: 16px;background: #232737;height: 51px;padding: 0 24px;} /*MYPAGE COMP POINT*/ .my_comp_point .search_area .top_search_area {display: flex;justify-content: space-between;align-items: center;gap: 15px;} .my_comp_point .search_area .top_search_area .design_sel {background: #232737;width: 100%;height: 50px;border-radius: 16px;} /*.my_comp_point .search_area .top_search_area .design_sel > i {position: absolute;top: 40%; right: 15px;}*/ .my_comp_point .search_area .bottom_search_area {display: flex;justify-content: space-between;align-items: center;gap: 15px;margin-top: 20px;} .my_comp_point .search_area .bottom_search_area .date_pick .bt_search {border-radius: 12px; border: 1px solid #233853; background: #272D42;/*background: #232737;*/ width: 100%;height: 48px;display: flex;justify-content: center;align-items: center;} .my_comp_point .search_area .bottom_search_area .date_pick > button {width: 101px;} .my_comp_point .search_area .bottom_search_area div#searchDateOldform {display: flex;justify-content: center;align-items: center;} .my_comp_point .search_area .bottom_search_area .date_pick .design_sel {background: #232737;width: 100%;height: 50px;border-radius: 16px;} /*MYPAGE SECURITYGUIDE*/ /*MYPAGE - SECURITYMANAGE*/ .mypage_cont .mybox .titL { padding: 10px 0px 30px 100px; color: var(--primary-blue); font-size: 20px; line-height: 1.2;} .mypage_cont .mybox .titR {padding: 10px 0px 30px 100px; color: #FFF; font-size: 15px; line-height: 1.5;} /*MYPAGE SECURITYMANAGEREGIST*/ table.securityManage th{text-align: left; width: 100px; vertical-align: top;} table.securityManage td{height:auto;} table.securityManage td span{font-size: 14px; font-weight: bold;display:block; margin:10px 0 0 30px;color:#97A1AF;} table.securityManage td .wrap{margin: 20px 0 30px 0; overflow: hidden;} table.securityManage td .wrap img{margin-bottom: 10px; width: 200px;margin-left:30px;} table.securityManage td .wrap p, .securityManage td .wrap .wrap_file{width: 94.5%;margin: 0 30px;} /*MYPAGE - SECURITYMANAGERELEASE*/ table.securityRelease th{width:100px;text-align:left;} /* MYPAGE - TRANSFER*/ div#bankTransferArea { background: transparent; padding: 0; border: none;} .mypageTab.transfer{margin-bottom: 0px; padding: 0; width: 890px;} .transfer_noti_img{text-align: center; margin: 0 auto 20px; width:890px; height:202px; background-image:url('/r/theme/center_logo/img/pc/vip_transfer_normal_flow.png?sdf'); background-repeat:no-repeat; background-position:center; background-size:contain;} .transfer_coin_noti_img{text-align: center; margin: 0 auto 20px; width:890px; height:202px; background-image:url('/r/theme/center_logo/img/pc/vip_transfer_crypto_flow.png?sdf'); background-repeat:no-repeat; background-position:center; background-size:contain;} .btnQuickChange { width: 35px;height: 30px;position: absolute;top: 10px;left: 50%;background: url(/r/front/img/mypage/exchange.png?w7B0) no-repeat;cursor: pointer; } .transfer_area .design_sel2{ float: none; width:200px; margin:5px auto;} .transfer_area .design_sel2 select{width:100%;} .transfer_area .tradeInfoWrap{display: inline-block;background-color: #34405180;display: flex;justify-content: center;} .transfer_area .tradeInfoWrap .sub-title{text-align: left; color: #fff; font-size: 12px; padding: 1rem;} .transfer_area .tradeInfoWrap .sub-title .realTimeInfo{font-weight: bold;} .transfer_area > div.mybox .mbox > .title{color: #fff;} .transfer_area > div.mybox .mbox > .title .coinBalance{color: #3BE3B7;} /* .coinDeposit.mybox .deposit_inp .moneybox .inp_wrap.coinTransferAmount{float: left; margin-left:27px;} .coinDeposit.mybox .deposit_inp .moneybox .money_sel{clear: both; padding: 20px 0 0 30px;} .coinDeposit.mybox .deposit_inp .moneybox.single{width: 80%; margin-left: 28px;} .coinDeposit.mybox .deposit_inp .gameSel .first{float: left; width: 49%; padding-left: 0;} .coinDeposit.mybox .deposit_inp .gameSel .last{float: left; width: 50%;} .coinDeposit.mybox .deposit_inp .gameSel .first select{color: #fff; font-size: 16px;} .coinDeposit.mybox .deposit_inp .gameSel .last select{color: #fff; font-size: 16px; line-height: 32px;margin-left:0;} */ .depositBalanceTitle{color: #fff; font-size: 20px; line-height: 1.2; margin-bottom: 10px;} /*MYPAGE - USECOUPON*/ /*coupon popup gamelist*/ .coupon_game_popup_overlay{position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,.8); top: 0; left: 0; display: flex; justify-content: center; align-items: center; } .coupon_game_popup_close_wrap{position:relative;width:1160px;height:auto;overflow-y:auto;padding:35px;border-radius:16px;background:#222432;border:1px solid #344051;} .coupon_gamelist_wrap{margin:15px 0 0 0;} .coupon_game_title{position:relative;color:#fff;font-size:24px;padding:0 0 0 15px;display:flex;align-items: center;font-weight: 700;} .coupon_game_title:after{content: ""; position: absolute; top: 3px; left: 4px; background: var(--main-color); width: 4px; height: 38px; border-radius: 5px;} .coupon_gamelist_wrap .top{display:flex;justify-content: space-between;} .coupon_gamelist_wrap .searchbox{width: 200px; padding: 7px 0 0 20px; height: 40px; border: 1px solid #ccc; box-sizing: border-box; background: #dedede url(/r/theme/center_logo/img/mobile/search.png) 95% 6px no-repeat; background-size: 25px;} .coupon_gamelist_wrap .searchbox input{border: 0; width: 160px; height: 26px; background: none; color: #222; font-size: 14px;} .coupon_gamelist_wrap .indicates{display:flex;justify-content: space-between;margin:30px 15px;} .coupon_gamelist_wrap .indicates p{color:#ccc;} .coupon_gamelist_wrap .bt_all{position: absolute;right: 0;top: -55px;width: 800px;height: 32px;line-height: 32px;padding-left: 10px;font-size: 14px;font-weight: 700;border: 2px solid #fff;color: #ccc;border-radius: 5px;min-width: 80px;} .coupon_gamelist_wrap .bt_all:hover{color:#fff;border:2px solid #fff} .coupon_gamelist_wrap .game_list_wrap .game_list.outer > li img {width: 220px !important;height: 220px !important} .coupon_gamelist_wrap .game_list_wrap .game_list.outer > li .badgeCoupon{bottom: 18%;} .coupon_game_title:after {background:transparent;} .use_coupon_wrap a.coupon_usebtn{border:1px solid #5b6584;padding:7px 0;color:#fff;margin:5px auto 0;display:flex;height:28px;justify-content:center;align-items:center;border-radius:var(--Radius-8px,8px);background:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%),var(--Content-content-800,#202b37)} .coupon_gamelist_wrap .search-container{position:relative;width:100%;max-width:300px} .coupon_gamelist_wrap .search-container button{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:none;background:#2A324B;padding:7px 0;color:#000;cursor:pointer;font-size:14px;border: 1px solid #5A6483;font-weight: 700;border-radius: 8px;width: 23%;height: 40px;} .use_coupon_wrap tr > td {font-size: 12px !important;} .use_coupon_wrap table thead tr > th {color: #B3BFCF!important;font-size: 12px!important;font-weight: 500!important;font-family: Pretendard;} /*MYPAGE WITHDRAW*/ .deposit_wrap{margin:0; position:relative; /*box-sizing: border-box;background-color: var(--screen-tertiary);padding: 24px;border-radius: 12px;*/} /* .deposit_wrap .deposit_form{overflow: hidden; } */ .deposit_wrap .deposit_inp{position:relative;} /* .deposit_wrap .deposit_inp:before{ width: 127px; height: 100%; background: #191816; content: ""; position: absolute;} */ .deposit_wrap .deposit_inp > li{position:relative;} .deposit_wrap .deposit_inp > li.point_txt {display: flex; justify-content:space-between ; align-items: center;} .deposit_wrap .deposit_inp > li:after{content:"";display:table;clear:both;} .deposit_wrap .deposit_inp > li:first-child{} .deposit_wrap .deposit_inp > li:last-child{margin-bottom:18px;} .deposit_wrap .deposit_inp li .title{font-size:16px;color:#fff;font-weight:bold;line-height: 18px; padding: 10px;} .deposit_wrap .deposit_inp li .title2{margin-bottom: 8px;} .deposit_wrap .deposit_inp li .title em{color:#aaa;font-weight:bold;} .deposit_wrap .deposit_inp li .select_chk{float:left;margin:5px 0 0 30px;} .deposit_wrap .deposit_inp li .select_chk .select_type1{overflow:hidden;} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li{float:left;margin-left:50px;} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li:first-child{margin-left:0px;} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li label{display:inline-block;height:21px;line-height:21px;padding-top:1px;font-size:18px;color:#fff;padding-left:31px;background:url(/r/front/img/mypage/ico_checkbox.png?JVR) left 0px no-repeat;cursor:pointer;} .deposit_wrap .deposit_inp li .select_chk .select_type1 > li label.checked{background-position:left -59px;} .deposit_wrap .moneybox{} .deposit_wrap .moneybox .top .inp_wrap{position:relative;width:100%;border:1px solid #344051;height:50px;padding: 5px 0 5px 20px;box-sizing:border-box;/*background:var(--screen-primary);*/ border-radius:12px;} .deposit_wrap .moneybox .top .inp_wrap > input{width:90%;padding: 0;border:none;background:none;color:#fff; -webkit-box-shadow: none; box-shadow: none; border-radius:0;height: -webkit-fill-available;} .deposit_wrap .moneybox .top .inp_wrap > a{position:absolute;display:block;top:8px;right:8px;width:24px;height:24px;background:url(/r/theme/center_logo/img/pc/reset.png) left 0 no-repeat;} .deposit_wrap .moneybox .top .inp_wrap > button { position:absolute;display:block;top:5px;right:5px; border-radius:12px;} /* .deposit_wrap .moneybox .top .inp_wrap > button:hover { color: #fff; background: var(--main-color); } */ .deposit_wrap .moneybox .money_sel{overflow:hidden;margin-top:9px;padding: 0 0 0 38px;} .deposit_wrap .moneybox .money_sel > li{float:left;margin-left:10px;} .deposit_wrap .moneybox .money_sel > li:first-child{margin-left:0px;} /*.deposit_wrap .moneybox .money_sel > li > a{display:block;width:100px;height:30px;text-align:center;box-sizing:border-box;border-radius:5px;background:#555;line-height:30px;color:#cbcbcb;font-size:16px;} .deposit_wrap .moneybox .money_sel > li > a > em{color:var(--main-color);} .deposit_wrap .moneybox .money_sel > li > a:hover{background:#222;color:#fff;}*/ .deposit_wrap .moneybox .money_sel{padding:0 ;} .deposit_wrap .deposit_info > li{color:#222;} p.estimated_time{position:relative;margin: 15px 10px;} p.estimated_time span{ color: #fff; padding: 0 0 0 15px;} p.estimated_time em{ font-weight:bold;color: #fff;} p.estimated_time:before { content: ""; width: 5px; height: 5px; position: absolute; top: 4px; left: 3px; background: #fff;} .deposit_wrap .deposit_info{height:40px;float:left;margin-left:39px;} .deposit_wrap .deposit_info > li{height:40px;float:left;line-height:40px;color:#fff;font-size:18px;padding:0 8px;} .deposit_wrap .deposit_account{height:40px;float:left;/* margin-left:30px; */ width: 100%;} .deposit_wrap .deposit_account > li{/* height:40px; */float:left;line-height:30px;color:#666;font-size:15px;padding:0 8px;} .deposit_wrap .deposit_account > li:last-child { float: right; } .deposit_wrap .deposit_account > li.ready { color: #666; } .deposit_wrap .deposit_account > li span#certifyTimer { font-weight: bold;color:#333;} .withdraw_txt p{text-align:left;width:680px;font-size:14px;color:#777;font-weight:bold; margin-top: 10px;} .withdraw_txt em{font-size:14px;color:#fff;font-weight:bold;} .mypage_cont .withdraw_area{overflow:hidden;border:1px solid #333;} .mypage_cont .withdraw_area > div{float:right;height:auto;border:none;width:49%;} .mypage_cont .withdraw_area > div.border-right{border-right:1px solid #ccc;} .mypage_cont .withdraw_area > div:first-child{float:left;} .mypage_cont .withdraw_area > div .mbox{text-align:right;margin-top:0;float:left;} .mypage_cont .withdraw_area > div .mbox > p{height:44px;display:inline-block;padding-right:55px; min-width: 260px; background:#2b2b2b url(/r/front/img/template3/mypage/wbc__ico_withdraw.png) 6px 6px no-repeat;border-radius:22px;line-height:44px;color:#fff;font-size:30px;font-weight:bold;} .mypage_cont .withdraw_area > div .mbox > p em{font-size:16px;} .mypage_cont .withdraw_area > div.sec2 .mbox{margin-top:6px;overflow:hidden;} .mypage_cont .withdraw_area > div.sec2 .mbox:first-child{margin-top:3px;} .mypage_cont .withdraw_area > div.sec2 .mbox > span{float:left;color:#fff;font-size:12px;padding:15px 0 0 9px;} .mypage_cont .withdraw_area > div.sec2 .mbox > p{float:right;} .mypage_cont .withdraw_area .mybox .tit{float:left;} .mypage_cont .mybox table.withdraw_detail {width:100%; background: #fff;} .mypage_cont .mybox table.withdraw_detail tr th{color:#666;height:30px;text-align: center; padding:5px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background: #f8f8f8;} .mypage_cont .mybox table.withdraw_detail tr td{color:#666;height:30px;text-align: center;padding:10px 0;border-bottom:1px solid #ccc;} span#currencyToChange{border:1px solid #ccc;} .wrapper .withdraw_area > div .mbox > p {background: 0 0;min-width: 190px; color: var(--main-color)} .exchangeCurrency{padding: 0px; position: absolute; top:6px; right:6px; text-align: right;} .exchangeCurrency .design_sel2 select{border-radius:12px;width:160px;font-size:14px;padding:5px 10px;} .rolling_status{background:var(--screen-tertiary);height: auto !important;} /*MYPAGE - WITHDRAWAL*/ .deposit_wrap .agree_wrap > div input.withdrawal_pass{border: 1px solid #444;} .rolling_status .rolling_collapse_btn{top:18px;} .rolling_status .status_wrap{width: 100%;margin-top: 1rem;border-top: 1px solid var(--content-700);padding-top: 1rem;} .rolling_status .status_wrap .status_content{display: grid;grid-template-columns: repeat(3, 1fr); width: 100%;gap: 1rem;} .rolling_status .status_wrap .status_item{width: 100%;background:var(--screen-tertiary);border: 1px solid var(--content-700);border-radius: 10px;} .rolling_status .status_wrap .status_item h5{text-align: center;color: #fff;border-bottom: 1px solid var(--content-700);} .rolling_status .status_wrap .status_item .status_inner_wrap .rolling_percentage span{color: #35CDFF;} .rolling_status .status_wrap .status_item .status_inner_wrap .rolling_amount span{color: #838796;} /*MYPAGE WITHDRAWLIST*/ .tab_menu_board > li.clickTab.coin{width:150px;} /*MYPAGE WITHDRAW VIEW*/ .coinInfo_simple p{text-align: left ; color: #fff; font-size: 16px; margin: 3px auto 0; width: 100%;padding:8px;} .modal_top_header {position: relative;padding: 0 20px 10px; text-align: center;} .modal_top_header .modal_title {font-weight: 700;color: #fff;font-size: 20px;} .modal_top_header .modal_close_btn {position:absolute;background: url(/r/theme/beteast_v2/comm/bt_close.png)no-repeat; top: -5px; right: 0px; width: 30px; height: 30px;z-index: 1;} .security_manage_popup_overlay{position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,.8); top: 0; left: 0; display: flex; justify-content: center; align-items: center; } .security_manage_popup_close_wrap{border-radius: 16px;width: 355px;position:relative;border: 2px solid #344051;background: #222432;padding: 20px 15px;} .security_manage_popup .inp_phone {display: flex; align-items: center;margin-bottom: 10px;} .security_manage_popup .inp_phone > p {width: 25%;} .security_manage_popup .inp_phone > div {width: 75%;} .security_manage_popup .inp_certify {display: flex; align-items: center;} .security_manage_popup .inp_certify > p {width: 25%;} .security_manage_popup .inp_certify > div {width: 75%;} .security_manage_popup .inp_certify #auth_codePop {width: 100% ;} .security_manage_popup .bt_phone {position: absolute;border-radius: 16px!important;border: 1px solid #5A6483!important;background: #2A324B !important;color: #fff;padding: 10px 16px!important; top: 8%;font-weight: 700;right: 1%;} .security_manage_popup .inp_certify #certifyTimerPopup {position: absolute;right: 38%;top: 28%;} .security_manage_popup .bot_btn {display: flex;justify-content: center;align-items: center;margin-top: 10px;} .security_manage_popup .account_btns{width: 165px;} /*EVENT_LIST*/ .tab_event_wrap{position: relative;height:52px;margin:0 auto;width:100%; margin-bottom: 17px; max-width: 1440px;} .tab_event_wrap .tab_event_arrow{float:right;} .tab_event_wrap .tab_event_arrow .prev{background: #222; border: 2px solid #505050; width: 34px; height: 49px; float: left; margin-right: 1px; border-radius: 10px;} .tab_event_wrap .tab_event_arrow .prev span{font-size: 18px; text-align: center; line-height: 48px; display: block; color: #505050;} .tab_event_wrap .tab_event_arrow .next{background: #222; border: 2px solid #ffffff; width: 34px; height: 49px; float: right; border-radius: 10px;} .tab_event_wrap .tab_event_arrow .next span{font-size: 18px; text-align: center; line-height: 48px; display: block; color: #ffffff;} .tab_menu_event{overflow: hidden; position: relative; margin: 0 0 0 20px; z-index: 2; box-sizing: border-box; display: flex; align-items: center; } .tab_menu_event > li{ float: left; margin-left: -1px; height: 36px; color: #777; text-align: center; line-height: 52px; font-size: 16px; cursor: pointer; box-sizing: border-box;} .tab_menu_event > li > a { display: block; height: 39px; line-height: 36px; font-size: 14px; color: white; box-sizing: border-box; padding: 0 26px 0 26px;} .tab_menu_event > li:first-child{margin-left:0px;} .tab_menu_event > li.on{ color: #fff; border-bottom: 3px solid var(--main-color)} .tab_menu_event > li.on > a{color:#fff;} .tab_menu_event > li:hover > a{} .tab_menu_event > li:hover{} .event_section .evt_cont{position:relative;width:1320px;margin:0 auto;padding-top:30px;padding-bottom:50px;} .event_section .evt_banner{position:relative;} .event_section .evt_banner .bx-pager{width:100%;text-align:center;margin:15px 0 28px 0;} .event_section .evt_banner .bx-pager > div{display:inline-block;width:20px;} .event_section .evt_banner .bx-pager > div > a{display:inline-block;width:10px;height:10px;border-radius:50%;background:#444;font-size:0px;text-indent:-99px;} .event_section .evt_banner .bx-pager > div > a.active{background:var(--main-color);} .event_section .sort_wrap{overflow:hidden;margin-bottom:17px} .event_section .sort_wrap .sort{float:right;} .event_section .sort_wrap .sort > li{float:left;margin-left:34px;height:22px;padding:0 0 0 36px;background: url(/r/front/img/comm/bg_sort.png) 0 bottom no-repeat;} .event_section .sort_wrap .sort > li > a{font-size:18px;color:#555;line-height:22px;} .event_section .sort_wrap .sort > li.on{background: url(/r/front/img/comm/bg_sort.png) 0 top no-repeat;} .event_section .sort_wrap .sort > li.on > a{color:#fff;} .event_section .evt_list_wrap .evt_list > li{position:relative;float:left;margin-left:24px;margin-bottom:24px; min-width: 354px; min-height: 273px;transition:0.3s ease all;max-width: 366px;} .event_section .evt_list_wrap .evt_list > li:first-child{ margin-left: 0; } .event_section .evt_list_wrap .evt_list > li:nth-child(3n+1){margin-left:0px;} .event_section .evt_list_wrap .evt_list > li .info{position:relative;width:100%;height:100px;padding:20px 15px;box-sizing:border-box;background:#333; border-radius:0 0 16px 16px; box-shadow:inset 0px 5px 12px #1b1b1b;} .event_section .evt_list_wrap .evt_list > li .info .tit{font-family: var(--sub-font);font-weight:bold;font-size:18px;color:#fff;line-height:25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .event_section .evt_list_wrap .evt_list > li .info .date{font-family: var(--sub-font);position:absolute;bottom:15px;left:15px;color:#bbb;font-size:16px;} .event_section .evt_list_wrap .evt_list > li:hover{box-shadow: 5px 5px 20px #000;transform:scale(1.1);} .event_section .evt_list_wrap .evt_list > li.calendar{margin-left: 0;} .event_section .evt_list_wrap .evt_list > li.calendar:hover {top:0;box-shadow: none;} .event_section .evt_list_wrap .evt_list > li .fin_layer{display:none;position:absolute;left:0px;top:0px;bottom:0px;width:100%;background: url(/r/front/img/comm/bg_black40.png) 0 top repeat;} .event_section .evt_list_wrap .evt_list > li .fin_layer > span{display:block;position:absolute;left:50%;top:50%;width:160px;height:44px;margin:-22px 0 0 -80px;background:#000;text-align:center;color:#fff;font-size:18px;line-height:44px;} .event_section .evt_list_wrap .evt_list > li.fin .fin_layer{display:block;} .event_section .info-category{display:flex; align-items: center; gap:15px;} .event_section .info-category .cat{background:#CD0000; border-radius:10px; font-size:14px; padding:0 15px;color:#fff;height:24px; line-height:24px; white-space: nowrap;} .tab_board_contents .my_list_cont .my_board #scheduleList_outer tr td{line-height: 34px; padding-top: 0;} figure img{width:100%} figure.table, figure.image{margin-left:0;margin-right:0} .wrapper .tab_event_wrap{position:relative;height:52px;border-bottom:4px solid var(--main-color);margin:25px auto 0;width:100%;margin-bottom:17px;display:none;} .wrapper .btn_event_list{border:2px solid var(--main-color);width:140px;height:40px;position:absolute;bottom:20px;right:20px;font-size:18px;color:#000;z-index:10;background-color:var(--main-color);border-radius:20px} .wrapper .btn_event_list:hover{border:2px solid var(--main-color);background-color:#222;color:var(--main-color)} /* .wrapper .btn_event_list{border:2px solid var(--main-color);width:140px;height:40px;position:absolute;bottom:20px;right:20px;font-size:18px;color:#000;z-index:10;background-color:var(--main-color);border-radius:20px} .wrapper .btn_event_list:hover{border:2px solid var(--main-color);background-color:#222;color:var(--main-color)} */ /*balance transfer*/ .rb_wrap p{text-align:center;color:#888;margin-bottom:5px;} .rb_wrap p.rb_title { font-size: 30px; color: #fff; text-align: center; margin:20px 0; } .rb_details { border: 1px solid #555; border-radius: 10px; padding: 15px 30px; margin: 20px 0 30px; text-align:center; color:#fff;} .rb_details h1 {margin:-30px auto 20px; background:#1a1a1a;padding:0 10px; color:#fff; font-size:25px; max-width:180px;} .rb_details p {text-align:left; color:#fff;} .rb_details .column1,.rb_details .column2{display:inline-block;width:49%; } .balance_transfer_wrap{display:flex;width:80%;margin:50px auto; flex-wrap: wrap; row-gap: 10px; column-gap: 1%;} .balance_transfer_banner img{width:100%;} .balance_transfer_item{flex-basis:49%;} .balance_transfer_item input[type="radio"]{display:none} .balance_transfer_radio_btn{display:flex;justify-content:center;align-items:center;font-size:26px;padding:15px 5px 25px;min-height:100px;border:2px solid #979797;border-radius:4px;cursor:pointer} .balance_transfer_item input[type="radio"]:checked + .balance_transfer_radio_btn{border:2px solid var(--main-color);box-shadow:0 0 16px -6px rgba(0,0,0,.5);color:var(--main-color)} .balance_transfer_item input[type="radio"]:checked + .balance_transfer_radio_btn h3{color:var(--main-color)} /*EVENT_DETAIL*/ /* 이벤트 line. 2085 */ .templat .content_body_templat1 { width: 100%; overflow-y: auto; height: 365px; } .templat .content_body_templat1 .win_area { width: 250px; text-align: center; margin: 0 auto; } .templat .content_body_templat1 .win_area .team_box > div { max-width: 100%; height: 180px; border: 1px solid #FFF; } .templat .content_body_templat1 .win_area .team_box { margin-bottom: 50px; } .templat .content_body_templat1 .rank_area { width: 100%; overflow-y:auto; } .templat .content_body_templat1 .rank_area ul { overflow: hidden; width: 600px; } .templat .content_body_templat1 .rank_area ul li { float: left; width: 150px; box-sizing: border-box; text-align: center; } .templat .content_body_templat1 .rank_area ul li .team_box { width: 90%; margin: 0 0 30px 0px; } .templat .content_body_templat1 .rank_area .team_box { margin-bottom: 70px; } .templat .content_body_templat1 button { font-size: 40px; color: #000; width: 400px; height: 80px; line-height: 80px; background: #ff7e00; border-radius: 2px; } .templat .content_body_templat2 { width: 100%; overflow-y: auto; height: 220px; } .templat .content_body_templat2 .win_area { width: 250px; text-align: center; margin: 0 auto; } .templat .content_body_templat2 .win_area .team_box > div { max-width: 100%; height: 180px; border: 1px solid #FFF; } .templat .content_body_templat2 .win_area .team_box { margin-bottom: 50px; } .templat .content_body_templat2 .rank_area { width: 100%; overflow-y:auto; } .templat .content_body_templat2 .rank_area ul { overflow: hidden; width: 600px; } .templat .content_body_templat2 .rank_area ul li { float: left; width: 150px; box-sizing: border-box; text-align: center; } .templat .content_body_templat2 .rank_area ul li .team_box { width: 90%; margin: 0 0 30px 0px; } .templat .content_body_templat2 .rank_area .team_box { margin-bottom: 70px; } .templat .content_body_templat2 button { font-size: 40px; color: #000; width: 400px; height: 80px; line-height: 80px; background: #ff7e00; border-radius: 2px; } .templat .content_body_templat3 { width: 100%; overflow-y: auto; height: 220px; } .templat .content_body_templat3 .win_area { width: 250px; text-align: center; margin: 0 auto; } .templat .content_body_templat3 .win_area .team_box > div { max-width: 100%; height: 180px; border: 1px solid #FFF; } .templat .content_body_templat3 .win_area .team_box { margin-bottom: 50px; } .templat .content_body_templat3 .rank_area { width: 100%; overflow-y:auto; } .templat .content_body_templat3 .rank_area ul { overflow: hidden; width: 600px; text-align: center; } .templat .content_body_templat3 .rank_area ul li { width: 150px; box-sizing: border-box; text-align: center; display: inline-block; } /*.templat .content_body_templat3 .rank_area ul li:nth-child(n+5) { float: left !important; }*/ .templat .content_body_templat3 .rank_area ul li .team_box { width: 90%; margin: 0 0 30px 0px; } .templat .content_body_templat3 .rank_area .team_box { margin-bottom: 70px; } .templat .content_body_templat3 button { font-size: 40px; color: #000; width: 400px; height: 80px; line-height: 80px; background: #ff7e00; border-radius: 2px; } .templat .team_box > div { width: 100%; border: 1px solid #FFF; margin-bottom: 10px; box-sizing: border-box; } .templat .team_box > div > img { max-width: 100%;max-HEIGHT: 100%; } /*leaderboard*/ .leaderboard_section{} .leaderboard_section .notice_area{background:#222;} .leaderboard_section .evt_detail{width:100%;background:#fff url("/r/front/img/event/leaderboard/v2/leaderboard_bg.jpg")no-repeat; background-size:100% 765px;} .leaderboard_section .evt_detail .ldrboard_position{margin:auto;} .leaderboard_section .evt_info.leaderboard_table{margin:auto;} .ldrboard_position{background:url("/r/front/img/event/leaderboard/new/ldrboard_title.png")no-repeat;background-size:500px;width:1148px;height:550px;position:relative;margin-top: 35px; background-position: top center;} .ldrboard_position > div > div{position: absolute;width: 307px; height: 185px; bottom: 0; text-align: center; color:#000; font-size:20px;} .ldrboard_position .position_middle{left:424px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 25px; } .ldrboard_position .position_left{left:175px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 25px; z-index:1;} .ldrboard_position .position_right{right:165px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 25px; z-index:1;} .ldrboard_position .position_left.prize_1{left:150px;} .ldrboard_position .position_right.prize_1{right:150px;} .ldrboard_position .position_middle.prize_1 .rank_pic{background:url("/r/front/img/event/leaderboard/v2/top1_middle.png")no-repeat; background-size:300px;width: 100%;height: 300px;display: block;background-position: 50% 50%;} .ldrboard_position .position_left.prize_1 .rank_pic{background:url("/r/front/img/event/leaderboard/v2/top1_left.png")no-repeat; background-size:300px;width: 100%;height: 300px;display: block;background-position: 50% 50%;} .ldrboard_position .position_right.prize_1 .rank_pic{background:url("/r/front/img/event/leaderboard/v2/top1_middle.png")no-repeat; background-size:300px;width: 100%;height: 300px;display: block;background-position: 50% 50%;} .ldrboard_position .position_left.prize_2 .rank_pic{background:url("/r/front/img/event/leaderboard/v2/top2_left.png")no-repeat; background-size:220px;width: 100%;height: 220px;display: block;background-position: 50% 50%;} .ldrboard_position .position_right.prize_2 .rank_pic{background:url("/r/front/img/event/leaderboard/v2/top2_right.png")no-repeat;background-size:220px;width: 100%;height: 220px;display: block;background-position: 50% 50%;} .ldrboard_position .position_right.prize_3 .rank_pic{background:url("/r/front/img/event/leaderboard/v2/top3_right.png")no-repeat; background-size:220px;width: 100%;height: 220px;display: block;background-position: 50% 50%;} .ldrboard_position .ldrboard_date{position: absolute; color: #fff; font-size: 18px; width:100%; top:70px; text-align:center;} .ldrboard_position .main_wrap{width:300px;} .ldrboard_position .prize_1 .detail_wrap{width:220px; margin:auto;} .ldrboard_position .prize_1 .detail_wrap h3{color: #fff;display: block; width: 100%; font-size: 30px;margin:5px 0 0;padding:0;font-family: 'NotoSansKRBold';} .ldrboard_position .prize_1 .detail_wrap .details .row .label{float: left; width: 35%; color: #fff; text-align: left; font-size: 16px; padding: 5px 0;} .ldrboard_position .prize_1 .detail_wrap .details .row .content{float: left; width: 60%; color: #fff; text-align: right; font-size: 16px; padding: 5px 0;} .ldrboard_position .prize_2 .detail_wrap{width:220px; margin:auto;} .ldrboard_position .prize_2 .detail_wrap h3{color: #fff;display: block; width: 100%; font-size: 30px;margin:5px 0 0;padding:0;font-family: 'NotoSansKRBold';} .ldrboard_position .prize_2 .detail_wrap .details .row .label{float: left; width: 35%; color: #fff; text-align: left; font-size: 16px; padding: 5px 0;} .ldrboard_position .prize_2 .detail_wrap .details .row .content{float: left; width: 60%; color: #fff; text-align: right; font-size: 16px; padding: 5px 0;} .ldrboard_position .prize_3 .detail_wrap{width:220px; margin:auto;} .ldrboard_position .prize_3 .detail_wrap h3{color: #fff;display: block; width: 100%; font-size: 30px;margin:5px 0 0;padding:0;font-family: 'NotoSansKRBold';} .ldrboard_position .prize_3 .detail_wrap .details .row .label{float: left; width: 35%; color: #fff; text-align: left; font-size: 16px; padding: 5px 0;} .ldrboard_position .prize_3 .detail_wrap .details .row .content{float: left; width: 60%; color: #fff; text-align: right; font-size: 16px; padding: 5px 0;} .event_section .evt_info.leaderboard_table { background: none; padding: 0; width: 1148px;} .event_section .evt_info.leaderboard_table .info_table {margin-top: 15px;} .event_section .evt_info.leaderboard_table .info_table tr:first-child td{border-bottom: 1px solid #fff;} .event_section .evt_info.leaderboard_table .info_table th{text-align:center; padding: 7px 0;position:relative;border-bottom:1px solid #fff;color:#000;} .event_section .evt_info.leaderboard_table .info_table th:after{content:"";position:absolute;width:1px; height:13px; top:18px; right:0;background:#000;} .event_section .evt_info.leaderboard_table .info_table th:last-child:after{display:none;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board{margin-bottom:20px; width:100%;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr{background-color:#faf3ff;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr.active{background-color:#260074;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr.active td{color:#fff;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr td.table_prize_1{width:130px; background-image: url(/r/front/img/event/leaderboard/ldrboard_icon.png);background-repeat:no-repeat;background-size: 50px;background-position: 0px 0;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr td.table_prize_2{width:130px; background-image: url(/r/front/img/event/leaderboard/ldrboard_icon.png);background-repeat:no-repeat;background-size: 50px;background-position: 0px -50px;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr td.table_prize_3{width:130px; background-image: url(/r/front/img/event/leaderboard/ldrboard_icon.png);background-repeat:no-repeat;background-size: 50px;background-position: 0px -100px;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr td{position:relative; text-align:center;padding-top: 15px; vertical-align: top; line-height: 18px; color:#000;} .event_section .evt_info.leaderboard_table .tab_board_contents .my_list_cont .my_board tr td .myposition{position: absolute;top: 14px; left: 3px;} /*hide bottom btn*/ .leaderboard_section .bts{ display:none;} /*footer*/ .loading-overlay{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8);} /*FOOTER*/ .footer{background:var(--screen-tertiary);} .footer .util{width:1320px;margin:auto;padding:20px 0 30px 0;border-bottom:1px solid #444444;} .footer .util .inner{position:relative; width:1320px;margin:0 auto;display: flex;flex-wrap: wrap; justify-content: space-between;} .footer .util .inner .sitemap{/* overflow:hidden; */} .footer .util .inner .sitemap > li{display:inline-block;vertical-align:top;margin-right:35px;} .footer .util .inner .sitemap > li.map4{margin-right:50px;} .footer .util .inner .sitemap > li.map4 ul{display: flex;flex-direction: column;flex-wrap: wrap;height: 180px;} .footer .util .inner .sitemap > li.map4 ul li{padding-right:15px;} .footer .util .inner .sitemap > li.map4 ul li:nth-child(7), .footer .util .inner .sitemap > li.map4 ul li:nth-child(12), .footer .util .inner .sitemap > li.map4 ul li:nth-child(17) {padding-top: 42px;} .footer .util .inner .sitemap > li > ul > li > p{color:#FFF;font-size:16px;padding-bottom:18px;font-weight:bold;} .footer .util .inner .sitemap > li > ul > li > a{color:#CCC;font-size:14px;line-height:26px;} .footer .util .inner .sitemap > li > ul > li > a:hover{ color: #FFF; } .footer .util .inner .sitemap > li > ul > li .comment{line-height:26px;color:#CCC;} .footer .util .inner .connectus{margin-top:40px;flex-basis:100%;} .footer .util .inner .connectus .tit{color:#CCC;font-weight:bold; font-size:16px;padding-bottom:18px;} .footer .util .inner .connectus ul > li{display:inline-block;margin-right:35px;vertical-align: middle;} .footer .util .inner .connectus .noti{color:#CCC;font-size:12px;padding-top:10px;} .footer .util .inner .cs{background:url('/r/theme/beteast_v2/comm/footer_cs.png')0 0/cover no-repeat; border-radius:12px;} .footer .util .inner .cs .cs_link{display:flex;justify-content:end; } .footer .util .inner .cs .txt1{font-size:22px;line-height:22px;color:#fff;display:block; } .footer .util .inner .cs .txt3{font-size:14px;color:#CCC;line-height:20px; margin-top:4px;} .footer .util .inner .cs > div{} .footer .util .inner .cs .tel{ background: url(/r/front/img/comm/tel.png) no-repeat; padding-left: 30px; margin-top:5px;font-size:16px;color:var(--main-color); line-height:20px;} .footer .util .inner .cs .tel2{ background: url(/r/front/img/comm/tel2.png) no-repeat; padding-left: 30px; margin-top:5px;font-size:16px;color:var(--main-color); line-height:20px;} .footer .util .inner .cs .cs_info{padding:15px;} .footer .util .inner .cs .cs_img{ margin-left: 40px; width:204px; height:120px;} .footer .foot_con{padding:18px 0 30px 0;} .footer .foot_con > p{text-align:center;} .footer .foot_con > p.copy{font-size:12px;color:#CCC;} .footer .foot_con > p.foot_logo{margin: 0 auto; margin-bottom:20px; width: 135px; height: 45px; background: var(--main-footer_logo);background-repeat:no-repeat; background-size:contain;} .footer .foot_con > div.partners{width:1320px; margin:0 auto;} .footer .foot_con > div.partners > p.partner_title{display: inline-block;width: 170px;height: 146px;line-height: 46px;font-size: 20px;color: #888;} .footer .foot_con > div.partners > p{/* width:1148px;margin:0 auto;color:#aaaaaa; */} .footer .foot_con > div.partners > ul{width:100%;padding:50px 0 100px 0;} .footer .foot_con > div.partners > ul > li{width:12.5%;padding:0 1%;float:left;text-align:center;box-sizing:border-box;} .footer .foot_con > div.partners > ul > li img{width:100%;} .footer .foot_con > div.partners .swiper-container{float: right;width: 85%;} #footerBanner .footSlider{flex-shrink:1;height:56px;margin-right:40px;padding-top:10px;} #footerBanner .footSlider img{height:30px;} .footer_notice_channel{ flex-direction: column;border: none;top: unset;gap: 15px;position: relative;width: auto;left: unset;} .footer .inner .footer_notice_channel h4{font-size:18px !important; font-style:normal;} /* .footer .util .inner .connectus ul > li.connectus_chrome img{display:none} .footer .util .inner .connectus ul > li.connectus_chrome a{background:#c4c4c4 url(/r/theme/center_logo/img/pc/foot_chrome.png) no-repeat 50% 50%;background-size:30px;width:45px;height:45px;border-radius:50%;display:block} .footer .util .inner .connectus ul > li.connectus_twitter img{display:none} .footer .util .inner .connectus ul > li.connectus_twitter a{background:#c4c4c4 url(/r/theme/center_logo/img/pc/foot_twitter.png) no-repeat 50% 50%;background-size:30px;width:45px;height:45px;border-radius:50%;display:block} .footer .util .inner .connectus ul > li.connectus_facebook img{display:none} .footer .util .inner .connectus ul > li.connectus_facebook a{background:#c4c4c4 url(/r/theme/center_logo/img/pc/foot_fb.png) no-repeat 50% 50%;background-size:15px;width:45px;height:45px;border-radius:50%;display:block} .footer .util .inner .connectus ul > li.connectus_youtube img{display:none} .footer .util .inner .connectus ul > li.connectus_youtube a{background:#c4c4c4 url(/r/theme/center_logo/img/pc/foot-youtube.png) no-repeat 50% 50%;background-size:30px;width:45px;height:45px;border-radius:50%;display:block} */ .popupTile table{width:100%} .popupTile table,.popupTile thead,.popupTile tbody,.popupTile tfoot,.popupTile tr,.popupTile th,.popupTile td{padding:0;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0} .popupTile table .tile_item{cursor:pointer} .popupTile table .tile_item button{width:100%} .popupTile table .tile_item img{width:100%!important;height:auto!important} /*WBC STYLE FOOTER*/ .footer .cs .inner .sitemap{ display: grid;grid-template-columns: auto auto auto auto;width: 100%; } .footer .cs .inner .sitemap > li{display:inline-block;vertical-align:top;} /* .footer .cs .inner .sitemap > li.map4{margin-right:50px;} */ .footer .cs .inner .sitemap > li.map4 ul{display: flex;flex-direction: column;flex-wrap: wrap;} /* .footer .cs .inner .sitemap > li.map4 ul li{padding-right:15px;} */ /* .footer .cs .inner .sitemap > li.map4 ul li:nth-child(7),.footer .cs_style_2 .inner .sitemap > li.map4 ul li:nth-child(12),.footer .cs_style_2 .inner .sitemap > li.map4 ul li:nth-child(17) {padding-top: 42px;} */ .footer .cs .inner .sitemap > li > ul > li > p{color:#FFF;font-size:16px;padding-bottom:18px;font-weight:bold;} .footer .cs .inner .sitemap > li > ul > li > a{color:#CCC;font-size:14px;line-height:26px;} .footer .cs .inner .sitemap > li > ul > li > a:hover{ color: #FFF; } .footer .cs .inner .sitemap > li > ul > li .comment{line-height:26px;color:#CCC;} /* .footer .cs_style_2{width:100%;padding:20px 0 30px 0;background:#222;} .footer .cs_style_2 .inner{position:relative; width:1148px;margin:0 auto;display: flex;flex-wrap: wrap;} .footer .cs_style_2 .inner .sitemap{ overflow:hidden; flex-basis:55%;} .footer .cs_style_2 .inner .sitemap > li{display:inline-block;vertical-align:top;margin-right:35px;} .footer .cs_style_2 .inner .sitemap > li.map4{margin-right:50px;} .footer .cs_style_2 .inner .sitemap > li.map4 ul{display: flex;flex-direction: column;flex-wrap: wrap;height: 180px;} .footer .cs_style_2 .inner .sitemap > li.map4 ul li{padding-right:15px;} .footer .cs_style_2 .inner .sitemap > li.map4 ul li:nth-child(7),.footer .cs_style_2 .inner .sitemap > li.map4 ul li:nth-child(12),.footer .cs_style_2 .inner .sitemap > li.map4 ul li:nth-child(17) {padding-top: 42px;} .footer .cs_style_2 .inner .sitemap > li > ul > li > p{color:#FFF;font-size:16px;padding-bottom:18px;font-weight:bold;} .footer .cs_style_2 .inner .sitemap > li > ul > li > a{color:#CCC;font-size:14px;line-height:26px;} .footer .cs_style_2 .inner .sitemap > li > ul > li > a:hover{ color: #FFF; } .footer .cs_style_2 .inner .sitemap > li > ul > li .comment{line-height:26px;color:#CCC;} .footer .cs_style_2 .inner .connectus{margin-top:40px;flex-basis:100%;} .footer .cs_style_2 .inner .connectus .tit{color:#CCC;font-weight:bold; font-size:16px;padding-bottom:18px;} .footer .cs_style_2 .inner .connectus ul > li{display:inline-block;margin-right:35px;vertical-align: middle;} .footer .cs_style_2 .inner .connectus .noti{color:#CCC;font-size:12px;padding-top:10px;} .footer .cs_style_2 .inner .cs{flex-basis:45%;} .footer .cs_style_2 .inner .cs > a{display:block;display:flex;justify-content:end;} .footer .cs_style_2 .inner .cs .txt1{font-size:22px;line-height:22px;color:#dddddd;display:block; } .footer .cs_style_2 .inner .cs .txt3{font-size:14px;color:#CCC;line-height:20px; margin-top:4px;} .footer .cs_style_2 .inner .cs > div{margin-top:25px;} .footer .cs_style_2 .inner .cs .tel{ background: url(/r/front/img/comm/tel.png) no-repeat; padding-left: 30px; margin-top:5px;font-size:16px;color:var(--main-color); line-height:20px;} .footer .cs_style_2 .inner .cs .tel2{ background: url(/r/front/img/comm/tel2.png) no-repeat; padding-left: 30px; margin-top:5px;font-size:16px;color:var(--main-color); line-height:20px;} .footer .cs_style_2 .inner .cs .cs_info{} .footer .cs_style_2 .inner .cs .cs_img{ margin-left: 40px;} */ /*END FOOTER*/ /*EVENT ATTENDANCE*/ #product_list{scrollbar-face-color:#e0e0e0;scrollbar-track-color:#fff;scrollbar-arrow-color:none;scrollbar-highlight-color:#e0e0e0;scrollbar-3dlight-color:none;scrollbar-shadow-color:#e0e0e0;scrollbar-darkshadow-color:none} #product_list::-webkit-scrollbar {width: 8px;} #product_list::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block;} #product_list::-webkit-scrollbar-track {background: #222;} #product_list::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(85, 85, 85);} .nav-tab-active {} .tab-content {display: none;} .tab-content.active {display: block;border:1px solid var(--main-color);padding:15px;} .nav-tab-wrapper{margin-top:20px;overflow:hidden;} .nav-tab-wrapper a.nav-tab { width: 50%; display: block; float: left; text-align: center; height: 50px; line-height: 50px; background: #333;} .nav-tab-wrapper a.nav-tab.nav-tab-active{background:var(--main-color);color:#000;font-weight:bold;} .event_popup_wrap{position:fixed;width:100%;height:100%;left:0; top:calc( 35% - 130px );z-index:2;} .event_popup{width:700px;margin:auto;background:#000;} .event_popup_title{background:#fff;overflow: hidden;padding: 15px;} .event_popup_title h2{float:left;font-size:18px;color: #000; font-family: 'NotoSansKRBold';padding:11px;} .event_popup_title a{float:right;background:var(--main-color);border-radius:25px;border:2px solid var(--main-color); padding:10px 15px;} .event_popup_content{padding:15px;border:1px solid #fff;} .event_popup_content .reward_wrap{margin-bottom:20px;} .event_popup_content .reward_wrap #product_list{overflow-y: auto; height: 385px;} .event_popup_content .reward_wrap h3{color:#fff;text-align:left;margin-bottom: 10px;} .event_popup_content .reward_wrap .reward_box{background:#181818;border:1px solid #333;overflow:hidden;margin-bottom:5px;} .event_popup_content .reward_wrap .reward_box .reward_img{float:left;width:100px;padding:10px;} .event_popup_content .reward_wrap .reward_box .reward_img img{width:100%;} .event_popup_content .reward_wrap .reward_box .reward_detail{float:left;width: 275px;padding: 35px;} .event_popup_content .reward_wrap .reward_box .reward_detail h4{color:#fff;font-size:18px;font-weight:bold;padding-bottom:5px;} .event_popup_content .reward_wrap .reward_box .reward_detail p{color:#fff;font-size:16px;padding-top:5px;} .event_popup_content .reward_wrap .reward_box .reward_detail p.prize{color:var(--main-color);font-weight:bold;} .event_popup_content .reward_wrap .reward_box .reward_btn{float:left;width:125px;padding:30px;} .event_popup_content .reward_wrap .reward_box .reward_btn a{display:block;color:var(--main-color);border-radius:25px;border:2px solid var(--main-color);padding: 15px 15px;font-size:18px;text-align:center;font-family: 'NotoSansKRBold';} .event_popup_content .reward_wrap .reward_box .reward_btn a:hover{background:var(--main-color);color:#fff;} .event_popup_content .reward_wrap .reward_box .reward_btn a.not_achieve{color:#fff;border:1px solid #fff;} .event_popup_content .reward_wrap .reward_box .reward_btn a.not_achieve:hover{background:#fff;color:#333;} .event_popup_content .close_btn a{width:125px;display:block;color:#fff;background:var(--main-color);border-radius:25px;border:2px solid var(--main-color); padding:13px 15px;font-size:18px;text-align:center;margin:15px auto;font-family: 'NotoSansKRBold';} .event_popup_content .close_btn a:hover{color:var(--main-color);background:transparent;} * { margin: 0; padding: 0 } #calendarBody { overflow: hidden;width: 100%;padding-top: 30px;margin: 0 auto;margin-bottom: 50px;text-align: center; } .calendarSize { max-width: 1440px; margin: 0 auto;} #cal_table_head { width: 100%;font-size: 35px;color: #fff;font-weight: bold;margin-bottom: 40px; } #cal_table_head button.prev { width: 200px;font-size: 35px;color: #fff;font-weight: bold; } #cal_table_head button.next { width: 200px;font-size: 35px;color: #fff;font-weight: bold; } #cal_table_body { width: 100%;border: 1px solid #444; } #cal_table_body td { text-align: center; border-left: 1px solid #444; border-bottom: 1px solid #444; } #cal_table_body th { border-top: 0px; border-left: 0px; border-right: 0px; } #cal_table_body thead.cal_date th { font-size: 1.5rem; } #cal_table_body thead.cal_date th button { font-size: 1.5rem; background: none; border: none; } #cal_table_body thead.cal_week th { background-color: #000000; color: #fff; height: 50px; } #cal_table_body thead.cal_week th.sun { color: #FF0000;font-weight: bold; border-bottom: 1px solid #444; font-size: 20px; } #cal_table_body thead.cal_week th.mon { color: #FFFFFF;font-weight: bold;border-left: 1px solid #444; border-bottom: 1px solid #444; font-size: 20px; } #cal_table_body thead.cal_week th.tue { color: #FFFFFF;font-weight: bold;border-left: 1px solid #444; border-bottom: 1px solid #444; font-size: 20px; } #cal_table_body thead.cal_week th.wed { color: #FFFFFF;font-weight: bold;border-left: 1px solid #444; border-bottom: 1px solid #444; font-size: 20px; } #cal_table_body thead.cal_week th.thu { color: #FFFFFF;font-weight: bold;border-left: 1px solid #444; border-bottom: 1px solid #444; font-size: 20px; } #cal_table_body thead.cal_week th.fri { color: #FFFFFF;font-weight: bold;border-left: 1px solid #444; border-bottom: 1px solid #444; font-size: 20px; } #cal_table_body thead.cal_week th.sat { color: #00c4ff;font-weight: bold;border-left: 1px solid #444; border-bottom: 1px solid #444; font-size: 20px; } #cal_table tbody td { cursor: pointer; } /* #cal_table tbody td:nth-child(1) div { color: red; } */ /* #cal_table tbody td:nth-child(7) div { color: blue; } */ /* #cal_table_body tbody td.select_day { border: 2px solid #fff !important; } */ #cal_table #cal_table_td { border: 0px; } #cal_table #cal_table_td #cal_table_sub { height: 60px; line-height: 60px; } .css_star { position: relative;left: 0px;top: 10px; } .stamp_stop{left:0;top:0;position:relative;z-index:0;transform:rotate(-15deg) scale(1)} .stamp_start{left:0;top:0;position:relative;z-index:0;-webkit-animation-name:pulse;animation-name:pulse;animation-delay:2.5s;-webkit-animation-delay:.5s;-webkit-animation-duration:1.5s;animation-duration:1.5s;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform:rotate(0deg) scale(1)} @-webkit-keyframes pulse{ 0%{opacity: 0;} 10%{opacity:.50;transform-origin: 50% 50%;transform: rotate(-2deg) scale(5);transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);} 100%{opacity:1; transform: rotate(-15deg) scale(1);} } .selectBoxChangeCurrencyStyle select {background:transparent;float:left; width:40%; line-height:normal; padding: 1px 5px;color: #fff; font-size: 16px;} .selectBoxShortStyle select {background:transparent;box-sizing:border-box;cursor:pointer;float:left;height:40px;padding:0 0 0 20px;position:relative;margin-left:33px; width:240px;color: #fff; font-size: 16px;border-color:#707070;} .selectBoxLongStyle select {background:transparent;box-sizing:border-box;cursor:pointer;float:left;height:40px;padding:0 0 0 20px;position:relative; width:580px;color: #fff; font-size: 16px;border-color:#707070;} #withdrawAccountList_simple tr { height: 30px; } #withdrawAccountList_simple tr td { color: #fff; text-align: center; background:transparent; } #withdrawAccountList_simple tr td a input { background: transparent; color: var(--main-color); border: 1px solid var(--main-color); border-radius: 5px; width: 60px; height: 26px; } .simpleWithdrawList tbody{background: #fff;} .pwreset_section{padding:0 0 100px 0;} .pwreset_section .pwresetbox{position:relative;width:360px;padding:45px 30px 20px ;margin:0 auto;border-radius:10px;box-shadow: 1px 5px 10px #0c0c0c;box-sizing:border-box;} .pwreset_section .pwresetbox .title{text-align:center; color:#ccc;font-size:20px;margin-bottom:8px;} .pwreset_section .pwresetbox .icon_mem{position:absolute;top:-28px;left:50%;margin-left:-27px;display:block;width:56px;height:56px;background:url(/r/front/img/member/ico_pwreset.png) 0 0 no-repeat;} .pwreset_section{padding:0px 0px 100px 0px;} .pwreset_greeting{position:relative;width:100%;height:272px;} .pwreset_greeting .inner{width:1040px;margin:0 auto;padding:70px 0 0 40px;} .pwreset_greeting .inner .tit{font-size:33px;color:#fff;} .pwreset_greeting .inner .txt{margin-top:18px;font-size:18px;color:#fff;line-height:29px;} .pwreset_greeting .inner .txt em{color:var(--main-color);font-size:18px;} .pwreset_greeting .visual_img{position:absolute;top:42px;left:50%;display:block;margin-left:243px;width:393px;height:317px;background:url(/r/front/img/member/bg_pwreset.png) 0 0 no-repeat;} .pwreset_section .pwresetbox .inp_pwreset{width:100%; margin-top:32px;} .pwreset_section .pwresetbox .inp_pwreset > li{position:relative;margin-top:24px;padding-left:43px;height:32px;border-bottom:2px solid #333;background:url(/r/front/img/member/icons_login.png) -99px 0 no-repeat;} .pwreset_section .pwresetbox .inp_pwreset > li > input{width:230px;border:0px; background:#222;height:32px;line-height:32px;color:#ccc;font-size:14px;} .pwreset_section .pwresetbox .inp_pwreset > li.pw{background-position:10px -35px;} .pwreset_section .pwresetbox .inp_pwreset > li > input{width:225px;border:0px;background:#222;height:32px;line-height:32px;color:#ccc;font-size:14px;} .pwreset_section .pwresetbox .inp_pwreset > li > input::-webkit-input-placeholder {color:#ccc;font-size:11px;font-family:NotoSansKRLight;} .pwreset_section .pwresetbox .inp_pwreset > li > input:-ms-input-placeholder{color:#ccc;font-size:11px;font-family:NotoSansKRLight;} .pwresetbox .bot_btn{margin-top:35px;text-align:center;} .pwresetbox .bot_btn .bt_pwreset { display:inline-block;width:140px;height:40px; background:#222;border:1px solid var(--main-color);line-height:40px;border-radius:20px; font-size:14px;color:var(--main-color);font-family:NotoSansKRBold;box-sizing:border-box; } .pwresetbox .bot_btn .bt_pwreset:hover {background:var(--main-color);color:#222;} /*custom fonts*/ /*mypage*/ body .mypage_cont .mybox .info th,body .mypage_cont .mybox .info td,body .mypage_cont .mybox .m_info li,body .mypage_cont .mybox .m_info p{font-family: var(--sub-font);} /*league victory*/ .evt_cont{width:820px;margin:0 auto;} .evt_cont.victory_cont{padding:30px 20px;background:#111;margin:20px auto;} .evt_tab_wrap{overflow:hidden;margin-bottom:20px} .evt_tab_wrap li{float:left;width:50%;background:#1c1c1c;} .evt_tab_wrap li.active{border-bottom: 2px solid var(--main-color);} .evt_tab_wrap li.active a{color:#fff;} .evt_tab_wrap li a{color:#fff;text-align:center;display:block;padding:10px;font-size:20px;font-weight:bold;} .evt_slide_wrap{overflow: hidden;margin-bottom:20px;position:relative;} .evt_slide_wrap ul{width:90%;white-space: nowrap;margin:auto;display:block;overflow:hidden;} .evt_slide_wrap li{display:inline-block} .evt_slide_wrap li a{display:block;font-size:20px;color:#888;padding:0 10px;} .evt_slide_wrap li.active a{color:#fff;font-family: 'NotoSansKR-bold';} .evt_slide_wrap a.left-arrow{display:block;position:absolute; top:5px;width: 0;height: 0;border-style: solid;border-width: 10px 15px 10px 0;border-color: transparent var(--main-color) transparent transparent;} .evt_slide_wrap a.right-arrow{display:block;position:absolute; top:5px;right:0;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent var(--main-color);} .evt_date_wrap{overflow-x:auto;margin-bottom:20px; white-space: nowrap; padding:0 0 8px;} .evt_date_wrap li{display:inline-block;width:155px;background:#1c1c1c;margin:0 2.5px;border-radius:10px;border:2px solid transparent;} .evt_date_wrap li p{color:#888;} .evt_date_wrap li.active{border-color:var(--main-color);} .evt_date_wrap li.active .status{color:var(--main-color);} .evt_date_wrap li.active .round{color:#fff;} .evt_date_wrap li a{color:#888;text-align:center;display:block;padding:12px;font-size:14px;font-weight:bold;} .evt_date_wrap li a .round{font-size:20px;font-family: 'NotoSansKR-bold';} .evt_date_wrap::-webkit-scrollbar { width: 8px;height:8px;} .evt_date_wrap::-webkit-scrollbar-track {background: #000;} .evt_date_wrap::-webkit-scrollbar-thumb {background: #888; border-radius:10px;} .evt_prediction_rate{background-color:#1c1c1c;text-align:center;padding:15px;margin:15px 0 30px} .evt_prediction_rate p{color:#fff;font-size:18px;} .evt_prediction_rate .rate span{font-family: 'NotoSansKR-bold';font-size:22px;color:var(--main-color);} .evt_content {text-align:center;} .evt_content p{color:#888;font-size:18px;} .evt_content .evt_main_tit{font-size: 50px; font-family: 'NotoSansKR-bold';color:#fff;} .evt_content .evt_tit{text-align:center;font-size: 30px; font-family: 'NotoSansKR-bold';color:var(--main-color);} .evt_content .reward{color:#fff;font-size:25px;} .match_date {font-size:18px;color:#b2b2b2;} .match_prediction_wrap{display:flex;margin-bottom:20px;} .match_prediction_wrap input[type="radio"]{-webkit-appearance:none; margin:1px;} .match_prediction_wrap label{height: 70px;width: 33.33%;background-color:#1c1c1c;position: relative;margin: auto;color: #888;transition: 0.5s;padding:10px;} .match_prediction_wrap label.left{ border-radius:5px 0 0 5px;} .match_prediction_wrap label.center{ text-align:center;} .match_prediction_wrap label span{display:block;font-size:20px;} .match_prediction_wrap label span.percentage{font-size:25px; font-family: 'NotoSansKR-bold';} .match_prediction_wrap label img{ display: block; margin:auto; float: left; width:64px; height:64px;padding:0 10px;} .match_prediction_wrap label.right img{ float: right; } .match_prediction_wrap label.right{ border-radius:0 5px 5px 0;text-align: right;} .match_prediction_wrap input[type="radio"]:checked + label{ background-color: var(--main-color); color: #fff;} .match_prediction_wrap.type2 {text-align:center;justify-content: center;align-items: center; } .match_prediction_wrap.type2 > div{width:33%; margin-top:15px;} .match_prediction_wrap.type2 .team img{width:250px; height:250px;} .match_prediction_wrap.type2 .score p{font-size:20px;margin:5px 0;font-family: 'NotoSansKR-bold';color:#fff;} .match_prediction_wrap.type2 .score span{font-size:20px;} .match_prediction_wrap.type2 .score .final_score{font-size:20px;color:#fff;font-family: 'NotoSansKR-bold';padding:0 10px;} .match_prediction_wrap.type2 p{color:#fff;margin:10px 0;} .match_prediction_wrap.type2 input{background:#1c1c1c;text-align: center; font-size:20px;padding:10px; border-radius:5px; border: none; color:#fff;} .match_prediction_wrap.type2.won .score p{color:var(--main-color);} .match_prediction_wrap.type2.lost .team img{filter: grayscale(100%);} .winner_wrap{background:#1c1c1c;text-align:center;} .winner_header{background:#0e0e0e;padding:15px;} .winner_header h2{color:#fff;font-size :22px;font-family: 'NotoSansKR-bold';} .winner_header h2 span{font-size :28px;color:#fff;} .winner_header p{font-size:18px;color:#888;} .winner_wrap .winner_content{padding:20px 10px;} .winner_wrap .winner_box{border:2px solid var(--main-color);border-radius:10px;background-color:#0e0e0e;margin:5px;display:inline-block;width:200px;padding:10px 5px;} .winner_wrap .winner_box img { width: 32px; height: 32px; vertical-align: middle;} .winner_wrap .winner_box p{font-size:16px;color:#888;} .winner_wrap .winner_box span{font-size:20px;font-family: 'NotoSansKR-bold';color:#fff;} .evt_submit{display:inline-block;border: 2px solid var(--main-color); min-width:140px; margin:10px 0;padding:10px; font-size: 18px; color: #fff; background-color: var(--main-color); border-radius: 25px;} .evt_submit:hover {border: 2px solid var(--main-color); background-color: #222; color: var(--main-color);} .manage_selected { background-color: #444 !important;color: #fff !important;} /* gamelist */ .game_list1{position:relative;} .game_list > li{position:relative;} .game_list.in_main > li{margin-top:15px;} .game_list.in_main > li:first-child{margin-top:8px;} .game_list_wrap{position:relative;z-index:1;} .game_list_wrap .align_box_l .big_banner{position:relative;float:left;margin-top:8px;/* border:1px solid rgba(0, 0, 0, 0); */} .game_list_wrap .align_box_l .game_list{float:left;width:696px;} .game_list_wrap .align_box_l .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_r .big_banner{position:relative;float:left;margin-top:8px;border:1px solid rgba(0, 0, 0, 0);} .game_list_wrap .align_box_r .big_banner img{width:100%;} .game_list_wrap .align_box_r .game_list{float:left;width:690px;} .game_list_wrap .align_box_r .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_r .game_list > li:nth-child(3n+1){margin-left:0px;} .game_list_wrap .align_box_justi .big_banner{position:relative;float:left;margin-top:8px;border:1px solid rgba(0, 0, 0, 0);} .game_list_wrap .align_box_justi .game_list{float:left;width:232px;} .game_list_wrap .align_box_justi .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_justi .big_banner.scond{float:left;margin-left:8px;} .game_list_wrap .game_list.outer{display:flex;gap:20px 25px;overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none;overflow-y:hidden;} .game_list_wrap .game_list.outer > li{flex:0 0 auto;position:relative;float:none;margin:0;display:inline-block;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;height:260px;border-radius:var(--border-radius);overflow:hidden} /*.game_list_wrap .game_list.outer > li:first-child{margin:8px 0 0 0;}*/ /* .game_list_wrap .game_list.outer > li:nth-child(5n+1){margin-left:0px;} */ .game_list_wrap .game_list.outer > li.hide_list { display: none; } .game_list_wrap .game_list.outer > li img:before { content: ' '; display: block; position: absolute; background: var(--main-bg_logo) 100% no-repeat; background-size: 100%; width: 100%; height: 100%; } .game_list_wrap .align_box_justi .big_banner img:before { content: ' '; display: block; position: absolute; background: var(--main-bg_logo) 100% no-repeat; background-size: 100%; width: 100%; height: 100%; } .game_list_wrap .game_list.outer > li .game_company{display:none;position: absolute;width: 80px;height: 35px;background: #fff;right: 0;top: 0;border-radius: 0 12px 0 12px;z-index: 11;} .game_list_wrap .game_list.outer > li .game_company.evolution{background:#fff url(/r/front/img/beteast/provider_logo/evolution.svg)no-repeat 50% 50%/contain;} .game_list_wrap .gameInfo{position: absolute;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,.6);backdrop-filter: blur(2px);border-radius:0;} .game_list_wrap .gameInfo p{white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; ;width: -webkit-fill-available;} .game_list_wrap .gameInfo p.gameTitle{font-size:14px;color:#fff;font-weight:bold;padding:0 10px;text-align: center;top: 50px;position: absolute;} .game_list_wrap .gameInfo p.gameTitleEn{font-size:12px;color:#ccc;padding:0 0 0 16px;} .game_list_wrap .gameInfo span.gameFavor{position:absolute;bottom:12px;left:12px;width:24px;height:22px;background: url(/r/theme/beteast_v2/comm/beteast_fav.png) left top/24px no-repeat;font-size:0px;text-indent:-999px;} .game_list_wrap .gameInfo span.gameFavor.on{background: url(/r/theme/beteast_v2/comm/beteast_fav.png) left bottom/24px no-repeat;} .game_list_wrap .gameInfo span.gameDetailInfo{position:absolute;bottom:12px;right:12px;width:24px;height:24px;background: url(/r/theme/beteast_v2/comm/btn_info_white.png) 0 0 repeat;font-size:0px;text-indent:-999px;background-size:24px; opacity: .9;} .game_list_wrap .gameInfo span.gameDetailInfo:hover{background: url(/r/theme/beteast_v2/comm/btn_info_white.png) 0 0 repeat; background-size:24px;} .game_list_wrap .game-details .gameInfo span.gameDetailInfo{background-image:url(/r/theme/beteast_v2/comm/btn_info_dark.png);} .inner h4{font-weight:900;font-style:italic;text-transform:uppercase;font-size:32px!important} .game_list_wrap .game_list.outer>li{--border-radius:12px} .top_games .game_list_wrap .game_list.outer>li{width:153px;height:200px;} .red-01{background-image:linear-gradient(to bottom,#a01d1400,#a01d1400,#a01d1460,#a01d1470,#a01d14,#a01d14)} .game-details{box-sizing:border-box;height:100%;width:100%;text-align:center;position:absolute;top:0;left:0;border-radius:14px;z-index:1;} .game-details .text{position:absolute;text-align:center;width:100%;bottom:0;padding:0 5px 15px;box-sizing:border-box;filter:drop-shadow(0 0 2px #333)} .game-details .text .game-title{font-size: 16px;font-weight:600;text-transform:uppercase;word-wrap:break-word;line-height: 1.25;color:#fff;white-space: pre-line;word-break: keep-all;} .game-details .text .provider-name{font-size:10px;text-transform:uppercase;word-wrap:break-word;letter-spacing:0;color:#fff} .game-details .ranking{width:75%;left:69px} .game_list_wrap.temp_1 .game-details,.game_list_wrap.temp_1 .layer_item_set{height:260px;} .game_list_wrap.temp_2 .game-details,.game_list_wrap.temp_2 .layer_item_set{width:calc(100% - 70px);height:200px;left:unset;right:0;} .game_list_wrap.temp_3 .game-details,.game_list_wrap.temp_3 .layer_item_set{height:260px;} .game_list_wrap.temp_4 .game-details,.game_list_wrap.temp_4 .layer_item_set{height:160px;} .game_list_wrap.temp_5 .game-details,.game_list_wrap.temp_5 .layer_item_set{height:260px;} .game_list_wrap .game_list.outer.top_list li:nth-child(10) .game-details, .game_list_wrap .game_list.outer.top_list li:nth-child(10) .layer_item_set{width:calc(100% - 100px)} .top_games .top_list li .layer_item_set{width:158px;height:200px;margin-left:70px} .top_games .toplist li{width:158px;height:200px;margin-left:70px} .layer_item_set{width:100%;height:100%} .game_list_wrap .game_list.outer{white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none} .game_list_wrap .game_list.outer.top_games>li{width:auto;height:200px;} .game_list_wrap .game_list.outer.top_games>li:first-child{margin-left:0;} .game_list_wrap .game_list.outer.top_games>li img{width:155px!important;height:auto!important} .game_list_wrap .game_list.outer.top_games .layer_item_set{width:158px;height:200px;} .game_list_wrap .game_list.outer.small>li{width:250px;height:160px} .game_list_wrap .game_list.outer.small>li img{width:250px!important;height:160px!important} .game_list_wrap .game_list.outer.small>li.placeholder{border:4px dashed #344051; border-radius: 16px; vertical-align: top; width: 246px; height: 152px; background:url(/r/theme/beteast_v2/comm/beteast_placeholder.png) 50% 50%/100px no-repeat;} .game_list_wrap .game_list.outer.small .layer_item_set{width:250px;height:160px} .view_more_popup{position:fixed!important;bottom:0;left:0;margin:0;width:100%;height:calc(100% - 73px);background:#000;z-index:1002;overflow:auto;padding-bottom:30px;box-sizing: border-box;} .view_more_popup .game_list_wrap .game_list.outer{white-space:unset;width:100%;margin:auto;display:flex;flex-wrap:wrap;justify-content: start; gap:24px;} .view_more_popup .bt_all{display:none} .view_more_popup .view-more-row {display: none;} .view_more_popup .game_list_wrap .game_list.outer.small>li{height:auto;margin:0;} .view_more_popup .game_list_wrap .game_list.outer.small>li.placeholder{display:none;} .titlebox .back-button{display:none} .view_more_popup .titlebox{display:flex;gap:10px;align-items:center} .view_more_popup .titlebox .back-button{display:flex;gap:10px;align-items:center;cursor:pointer;} .view_more_popup .sport.inner{margin:auto;width:100%} .game_list_wrap > ul >li.hide_list_new{display:none} .view_more_popup .game_list_wrap > ul >li.hide_list_new {position: relative;float: none;display: inline-block;} .layer_item_set{position:absolute;width:100%;box-sizing:border-box;z-index:10;background:linear-gradient(to bottom,#000, transparent);top:0 !important; left:0 !important;} .layer_item_set .thumb{position:relative;width:100%; height: 100%;} .layer_item_set .thumb > img{width:100%;} .layer_item_set .thumb > a {display: none;height: 100%;background-size: 100%;background: transparent!important;} .layer_item_set .thumb * { outline: 0 !important; border-radius:16px;} .layer_item_set .thumb .bt_play_wrap{position:absolute;bottom:28%;left:50%;transform:translateX(-50%);width:80%;display:flex; flex-wrap:wrap; gap:12px; z-index:1;} .layer_item_set .thumb .bt_play{width:100%;text-align:center; box-sizing:border-box;z-index: 100;} .layer_item_set .thumb .bt_play:hover{} .layer_item_set .thumb .bt_play:focus{} .layer_item_set .thumb .bt_play_demo{width:100%;text-align:center; box-sizing:border-box;z-index: 100;} .layer_item_set .thumb .bt_play_demo:hover{} .layer_item_set .thumb .bt_play_demo:focus{} .layer_item_set .thumb .bt_ex{position:absolute;top:120px;left:50%;width:122px;height:39px;margin-left:-61px;color:#fff;font-size:14px;font-weight:bold;font-family:NotoSansKRBold;text-align:center;line-height:39px;box-sizing:border-box;z-index: 100;} /* .layer_item_set .thumb .bt_play:hover{background-color: rgba(0,0,0,0.6);color:var(--main-color);border:1px solid var(--main-color);} */ .layer_item_set .thumb .bt_ex:hover{color:var(--main-color);} .layer_item_set .infobox{position:absolute;bottom:0px;left:0px;padding:28px 10px;width:100%;height:80px;box-sizing:border-box;z-index:3; background: url(/r/front/img/comm/info_back.png) repeat-x;} .layer_item_set .infobox .title{font-size:17px;color:#fff;font-family:NotoSansKRBold;} .layer_item_set .infobox .title_en{margin-top:5px;font-size:13px;color:#afafaf;font-family:NotoSansKRBold;} .layer_item_set .infobox .bt_ex{position:absolute;top: 40px; right: 9px; width: 83px; height: 30px; color: #fff; font-size: 12px; font-family: NotoSansKRBold; text-align: center; line-height: 30px; box-sizing: border-box; border: 1px solid #fff; border-radius: 5px; } .layer_item_set .infobox .bt_ex:hover { background-color : rgba( 255, 255, 255, 0.2 ); } .layer_item_set .btns{position:absolute;left:16px;top:16px;z-index: 100;} .layer_item_set .btns > li{} .layer_item_set .btns > li > a{font-size:0px;text-indent:-99px;} .layer_item_set .btns > li .bt_favor{display:block;width:25px;height:29px;background: url(/r/front/img/comm/bt_favor.png) 0 0 repeat; margin-bottom: 16px;} .layer_item_set .btns > li .bt_favor:hover{background: url(/r/front/img/comm/bt_favor_hover.png) 0 0 repeat;} .layer_item_set .btns > li .bt_favor.on{background: url(/r/front/img/comm/bt_favor_on.png) 0 0 repeat !important;} .layer_item_set .btns > li .bt_caution{display:block;width:29px;height:29px;background: url(/r/front/img/comm/bt_caution.png) 0 0 repeat;} .layer_item_set .btns > li .bt_caution:hover{background: url(/r/front/img/comm/bt_caution_hover.png) 0 0 repeat;} .layer_item_set .gameLinkArea { width: 218px; height: 218px; position: absolute; left: 0px; top: 0px; cursor: pointer; z-index: 1;} .layer_item_set[style*="display: none"]{animation: fade-in 300ms;} @keyframes fade-in { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fade-out { 0% {opacity: 1;} 100% {opacity: 0;} } /* .layer_item_set:before, .layer_item_set:after, .game_list > li:after, .game_list > li:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:var(--main-color); z-index:100;} .layer_item_set:before {top:0; left:0; right:100%; height:1px; } .layer_item_set:after {top:0; right:0; bottom:100%; width:1px; } .layer_item_set:hover:before{-webkit-transition-delay:0s; transition-delay:0s; right:0;} .layer_item_set:hover:after {-webkit-transition-delay:.2s; transition-delay:.2s; bottom:0;} .game_list > li:after {bottom:60px; right:0; left:100%; height:1px;} .game_list > li:before {bottom:60px; left:0; top:100%; width:1px;} .game_list > li:hover:after {-webkit-transition-delay:.0s; transition-delay:.0s; left:0;} .game_list > li:hover:before {-webkit-transition-delay:.2s; transition-delay:.2s; top:0;} */ .layer_item_big_set{position:absolute;width:450px;height:450px;padding:0px;box-sizing:border-box;z-index:10;box-shadow: 0px 0px 1px 1px;transform: scale(1.02);background:linear-gradient(to bottom,#000, transparent);} .layer_item_big_set .thumb{position:relative;width:100%; cursor: pointer;} .layer_item_big_set .thumb * { outline: 0 !important; } .layer_item_big_set .thumb > img{width:100%;} .layer_item_big_set .thumb > a { display: block; height: 100%; background-size: 100%; } .layer_item_big_set .thumb .bt_wrap{position:absolute;top:0px;left:0px;width:100%;height:414px;background: url(/r/front/img/comm/bg_black60.png) 0 0 repeat;z-index:2;} .layer_item_big_set .thumb .bt_play{position:absolute;bottom:5%;left:50%;width:100px;height:30px;line-height:30px;color:#000;font-weight:bold;border:1px solid #FC0;text-align:center; background-color:#FC0;z-index:100;transform:translate(-50%, -50%);} /* .layer_item_big_set .thumb .bt_ex{position:absolute;top:240px;left:50%;width:122px;height:39px;margin-left:-61px;color:#fff;font-size:14px;font-weight:bold;font-family:NotoSansKRBold;text-align:center;line-height:39px;box-sizing:border-box;} */ .layer_item_big_set .thumb .bt_ex{position:absolute;bottom:5%;left:50%;width:80%;height:30px;line-height:30px;border:1px solid #e14f2c;text-align:center; background:linear-gradient(180deg,#ffa692 2.6%,#fe7657 10.42%,#ff1d00 45.98%,#cb2718 95.54%);z-index:100;transform:translate(-50%, -50%);box-sizing:border-box;color:#fff;font-weight:bold;border-radius:.75rem; font-size: 18px; box-shadow:0 4px 0 0 #9e1c0f;} .layer_item_big_set .thumb .bt_ex:hover{box-shadow:0 6px 0 0 #9e1c0f; transform:translate(-50%, -60%);;} /* .layer_item_big_set .thumb .bt_play:hover{background: url(/r/front/img/comm/bg_wh_20.png) 0 0 repeat;color:var(--main-color);border:1px solid var(--main-color);} */ /* .layer_item_big_set .thumb .bt_ex:hover{color:var(--main-color);} */ /* .layer_item_big_set .thumb .bt_ex:hover{background-color: rgba(0,0,0,0.6);color:var(--main-color);border:1px solid var(--main-color);} */ .layer_item_big_set .infobox{position:absolute;bottom:0px;left:0px;padding:28px 10px;width:100%;height:80px;background: url(/r/front/img/comm/info_back.png) repeat-x;box-sizing:border-box;z-index:3;} .layer_item_big_set .infobox .title{font-size:17px;color:#fff;font-family:NotoSansKRBold;} .layer_item_big_set .infobox .title_en{margin-top:5px;font-size:13px;color:#afafaf;font-family:NotoSansKRBold;} .layer_item_big_set .btns{position:absolute;left:16px;top:16px;z-index: 100;} .layer_item_big_set .btns > li{} .layer_item_big_set .btns > li > a{font-size:0px;text-indent:-99px;} .layer_item_big_set .btns > li .bt_favor{display:block;width:25px;height:29px;background: url(/r/front/img/comm/bt_favor.png) 0 0 repeat; margin-bottom: 16px;} .layer_item_big_set .btns > li .bt_favor:hover{background: url(/r/front/img/comm/bt_favor_hover.png) 0 0 repeat;} .layer_item_big_set .btns > li .bt_favor.on{background: url(/r/front/img/comm/bt_favor_on.png) 0 0 repeat !important;} .layer_item_big_set .btns > li .bt_caution{display:block;width:29px;height:29px;background: url(/r/front/img/comm/bt_caution.png) 0 0 repeat;} .layer_item_big_set .btns > li .bt_caution:hover{background: url(/r/front/img/comm/bt_caution_hover.png) 0 0 repeat;} .layer_item_big_set .gameLinkArea { width: 450px; height: 450px; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1;} /* .layer_item_big_set:before, .layer_item_big_set:after, .game_list_wrap .big_banner:after, .game_list_wrap .big_banner:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:var(--main-color); z-index:100;} .layer_item_big_set:before {top:0; left:0; right:100%; height:1px; } .layer_item_big_set:after {top:0; right:0; bottom:100%; width:1px; } .layer_item_big_set:hover:before{-webkit-transition-delay:0s; transition-delay:0s; right:0;} .layer_item_big_set:hover:after {-webkit-transition-delay:.2s; transition-delay:.2s; bottom:0;} .game_list_wrap .big_banner:after {bottom:120px; right:0; left:100%; height:1px;} .game_list_wrap .big_banner:before {bottom:120px; left:0; top:100%; width:1px;} .game_list_wrap .big_banner:hover:after {-webkit-transition-delay:.0s; transition-delay:.0s; left:0;} .game_list_wrap .big_banner:hover:before {-webkit-transition-delay:.2s; transition-delay:.2s; top:0;} */ /*占쎈눇?뙼?봿?뮝?뜝?럥?뿮 占쎈쐻占쎈윥獒뺚뮪?쐻占쎈윪?앗껊쐻占쎈윪?얠±?쐻占쎈윥占쎈쭬 ?뜝?뜦維?甕곕쪋?삕?땻占?*/ .game_sl{width:100%;position:relative;margin-top:5px;} .game_sl .sl > li{position:relative;border:1px solid #767676;} .layer_popup_bg_alert{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1003;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} .layer_popup_bg_none{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;overflow:hidden} .layer_popup_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1003;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} .simpleMenu_layer_popup_bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:url(/r/front/img/comm/bg_opacity.png) repeat;overflow:hidden} .txt_type_layer {width:485px;background:none;} .txt_type_layer .bt_close{position:absolute;top:24px;right:24px;display:block;width:30px;height:30px;background:url(/r/front/img/main/bt_close.png) 0 0/contain no-repeat;font-size:0px;text-indent:-99px; opacity:0.5;} /* .txt_type_layer .inbox .icochk {padding-top:24px; text-align:center;} .txt_type_layer .inbox .txt_big{padding-top:15px;font-size:18px;color:#444; line-height:35px;font-family:NotoSansKRBold;} .txt_type_layer .inbox .txt_big > span{color:var(--main-color);} .txt_type_layer .inbox .txt{margin-top:5px;font-size:14px;color:#777;line-height:24px;} .txt_type_layer .inbox .txt span {display:block; color:#444; font-family:NotoSansKRBold;} */ /* .txt_type_layer .layerbot_btn{margin-top:10px;text-align:center;} .txt_type_layer .layerbot_btn .bt_yellow{display:inline-block;width:128px;height:32px;background:var(--main-color);border:1px solid var(--main-color);line-height:32px;border-radius:20px;font-size:14px;color:#000;font-family:NotoSansKRBold;box-sizing:border-box;} .txt_type_layer .layerbot_btn .bt_yellow:hover{background:transparent;border:1px solid var(--main-color);color:var(--main-color);} .txt_type_layer .layerbot_btn .bt_grey{display:inline-block;width:128px;height:32px;background:#eaeaea;border:1px solid #eaeaea;line-height:32px;border-radius:20px;font-size:14px;color:#777;font-family:NotoSansKRBold;box-sizing:border-box;} .txt_type_layer .layerbot_btn .bt_grey:hover{background:#dbdbdb;border:1px solid #dbdbdb;} .txt_type_layer .layerbot_btn .bt_grey:focus{ outline: none; } .txt_type_layer .layerbot_btn .bt_grey_bd{display:inline-block;width:128px;height:32px;background:#fff;border:2px solid #d0d0d0;line-height:30px;border-radius:20px;font-size:14px;color:#777;font-family:NotoSansKRBold;box-sizing:border-box;} .txt_type_layer .layerbot_btn .bt_grey_bd:hover{border:2px solid #aaa;color:#444;} */ .sub_contents .user_guide_btn a{display:none;background: url(/r/front/img/comm/user_guide_btn.png) 115px 50% no-repeat; background-size: 18px; background-color: var(--main-color); width: 130px;color:#fff; padding: 8px; position: absolute; font-size: 12px; left: calc(50% - 73px); z-index:1;} .game_main_swiper { padding: 15px 0; overflow:hidden; } .slide_wrap, .slide_wrap img { width: 350px; height: 350px; } .slide_wrap .overlay_content { position: absolute; bottom: 0; width: 320px; height: 50px; padding:15px 15px 0; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6699054621848739) 52%, rgba(0,212,255,0) 100%); } .slide_wrap .overlay_content p{ float:left; width:220px; color:#fff; font-size: 14px; line-height: 20px; } .slide_wrap .overlay_content a{ float: right; border: 1px solid var(--main-color); color: var(--main-color); font-size: 15px; padding: 5px 10px; border-radius: 25px; } .tab_wrap .tab_list > li:first-child, .tab_wrap .tab_list > li:nth-child(10){margin-left:0px;} .game_list_wrap .game_list.outer > li .badgeCoupon{position:absolute;bottom:70px;left:10px;width:50px;height:50px;background:url(/r/front/img/comm/badge_coupongame.svg) 100% no-repeat; background-size:contain;} #lnbTransfer {display:none;} .join_phone_warning{color:#FC5B5B; font-size: 12px;position: absolute;bottom: -20px;} .join_anni_warning{color:#FC5B5B; font-size: 12px; } .joinbox li.ico4.confirm.phone { margin-top: 30px; margin-bottom: 10px; } .required{position:absolute; top: -10px;left: 10px;z-index: 10;color: #FC5B5B;} #gameList{z-index:1;position:relative;} .select_lang_flag{ width:40px; height:100%; justify-content: center; box-sizing: border-box; padding: 5px !important; background: none !important; } .header_lang_flag{ width:100% !important; height:100% !important; } .select_lang_flag.login{ padding: 15px 15px 0 10px !important; background-position: right 70% !important; } .wrapper .header .inner .select_lang_flag ul li:first-child, .wrapper .header .inner .select_lang_flag ul li:last-child, .wrapper .header .inner .select_lang_flag ul li{ margin: 3px !important; padding:3px; } .wrapper .header .inner .select_lang_flag ul li:after{ display:none; } #noticeList .important_notice{text-align: center;} /*BETEAST V2 Theme main page*/ .scroll-button{position:absolute;top:-45px;background-color:#202B37;border:2px solid #344051;color:#fff;padding:7px;cursor:pointer;z-index:1;border-radius:10px;display:flex;align-items:center} .scroll-left{right:47px;margin-right:8px;} .scroll-right{right:0} .scroll-button svg{width:24px;height:24px} .btn.btn-game.disabled{cursor:not-allowed;opacity:.5} .btn.btn-game.disabled:hover .text{transform:translateY(-4px);} .h-48{height: 48px !important;} /*.h-scrollbar{width:100%;height:200px;overflow:auto}*/ .h-scrollbar::-webkit-scrollbar{display:none} /* Hide scrollbar for Chrome, Safari and Opera */ .h-scrollbar{scrollbar-width:none} /* Hide scrollbar for Firefox */ .h-scrollbar{-ms-overflow-style:none} /* Hide scrollbar for Edge and IE */ .gameListInfo .gameTitle{color:#fff;font-size:16px;} .gameListInfo .gameDetailInfo{color:rgb(151,161,175);font-size:12px;} .why-be-flex-wrap {display: flex;justify-content: center;align-items: center;margin: 0 auto;gap:30px; } .why-be-wrap{flex:1 0 0;position:relative;padding:20px;height:170px;border-radius:16px;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat} /*.why-be-wrap .background-image{position:absolute;height:100%;width:100%;inset:0;object-fit:cover;color:transparent;}*/ .why-be-wrap .overlay-text{} .why-be-wrap .title{font-size:40px;font-weight:900;text-transform:uppercase;line-height:1.2;color:#fff;} .why-be-wrap .description{font-size:18px;font-weight:500;line-height:1.5;color:#fff;margin-top:15px;word-break:keep-all;} .partner_section .inner{background:var(--screen-tertiary);padding:30px; margin:30px 60px; border-radius:16px;} .partner_section .titlebox{padding-top:0} .sub_section .sub_contents .partner_section .titlebox{padding-top:40px} .main-partners-wrap{display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;padding: 0 15px 15px;} .main-partners-wrap .partners-logo{ background:var(--screen-secondary); border-radius:10px;height:100px;width:100%;box-sizing: border-box; display:flex; justify-content: center; align-items: center; cursor:pointer;} .main-partners-wrap .partners-logo img{height:50px;width:150px;object-fit: contain;} .game_list_wrap .game_list.outer.top_list{counter-reset:li;} .game_list_wrap .game_list.outer.top_list li{padding:0 0 0 70px;} .game_list_wrap .game_list.outer.top_list li:nth-child(10){padding-left: 100px;} .game_list_wrap .game_list.outer.top_list li:before{counter-increment: li;content: counter(li);position:absolute;line-height: 1;font-size: 170px;color: transparent;z-index: -1;left: 0;bottom: -16px;font-weight: bold;letter-spacing: -40px;-webkit-text-stroke-width: 4px;-webkit-text-stroke-color: #484848;} .game_list_wrap .game_list.outer.top_list li .layer_item_set{right:0; left:unset!important;} #marquee_beteast_sports_data_section .game_list.outer > li{height:auto;} .match-wrap{display:flex;justify-content:center;align-items:center} .container-shadow{} .match-info{background-color:rgb(34,36,50);width:324px;min-width:324px;height:auto;display:flex;flex-direction:column;justify-content:space-between} .match-header{display:flex;justify-content: space-between; align-items:center;padding:10px 16px} .competition-info{display:flex;gap:8px;align-items:center} .game_list_wrap .game_list.outer li .competition-icon img{width:20px!important;height:20px!important;border-radius:0;} .competition-name{font-size:11px;font-weight:700;color:#fff} .match-time p{font-size:12px;color:#bbb} .match-time p:empty{display:none} .divider{height:1px;background-color:rgb(52,64,81);width:100%} .teams-info{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:0 8px;height:55px;margin-bottom:-8px;} .team{flex:1;display:flex;align-items:center;justify-content:start;flex-direction: row-reverse; gap:8px;} .match-info .teams-info .team img{width:20px;height:20px;object-fit:contain;border-radius:0!important} .match-info .teams-info .team img:before{display:none;} .reverse{flex-direction:row;text-align:right; justify-content: end;} .team-name{display:block;display:-webkit-box;font-size:12px;font-weight:700;max-width:88px;word-break:keep-all;color:#fff;white-space:normal;max-height:35px;overflow:hidden;} .teams-info .vs{display:flex;justify-content:center;align-items:center} .teams-info .vs p{color:var(--white);font-size:13px;font-weight:700} .teams-info .score{display:flex;justify-content:center;align-items:center;font-size:13px;color:var(--white);gap:5px} .teams-info .score > span{font-weight:700;} .divider-container{display:flex;align-items:center;} .divider-text{padding:0 8px;font-size:10px;color:#bbb;white-space:nowrap} .odds{display:flex;justify-content:space-between;padding:12px 16px;gap:10px} .odds-item{flex:1;height:40px;background-color:rgb(65,78,98);border-radius:8px;display:flex;justify-content:center;align-items:center;position:relative} .odds-item:hover{background-color:#555} .odds-label{position:absolute;top:-6px;left:50%;transform:translateX(-50%);background-color:rgb(32,43,55);border:1.5px solid rgb(65,78,98);border-radius:4px;padding:0 6px;font-size:10px;color:#bbb} .odds-value{font-size:14px;font-weight:700;color:#fff} .score.tennis{display:grid;padding:0 16px;gap:4px 12px;align-items:center;grid-template-rows:12px auto auto;grid-template-columns:1fr auto 18px 18px} .score.tennis .score-label{font-size:12px;font-weight:300;color:var(--text-secondary);text-align:center;margin:0} .score.tennis .score-label.set{position:relative} .score.tennis .score-label.set:after{content:'';display:block;width:0;height:40px;border:.5px solid var(--white);position:absolute;left:-6px;bottom:-44px} .score.tennis .team{flex-direction:row;} .score.tennis .team img{width:20px;height:20px;object-fit:contain;} .score.tennis .team .team-name{max-width:unset;} .score.tennis *[class^="score-"]{color:var(--white);text-align:center;font-size:12px} .score.tennis .score-point{position:relative} .score.tennis .score-point:before{content:'';display:none;width:6px;height:6px;border-radius:50%;background-color:var(--primary-blue);position:absolute;top:3px;left:-12px;} .score.tennis .score-point.serve:before{display:block} .quick-main{width:1148px;margin:30px auto 0 auto;display:none;} .quick-main ul{display:flex;gap:10px;justify-content:center;} .quick-main ul li{flex:1} .quick-main ul li a{display:block;text-align:center;transition:.2s;cursor:pointer;} .quick-main ul li a:hover{transform:scale(1.04);filter:brightness(140%)} .quick-main ul li a img{width:100%} .event_chk_main{width:495px !important;} .event_chk_main .event_check_main_list{overflow-y: scroll; height:100%;-ms-overflow-style: none;scrollbar-width: none;} .main_section .contents .status .notice .noti_list #eventListChk .title{width:428px !important; } /*BETEAST THEME*/ .new-contact-page-wrapper .main-heading { display: block; font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 1.5; margin: var(--site-spacer-l) 0; margin-top: 16px; color: white; } .new-contact-page-wrapper .focus-contact-sub-heading, .new-contact-page-wrapper .main-heading { display: block; font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 1.5; margin: var(--site-spacer-l) 0; margin-top: 16px; } .new-contact-page-wrapper .user-menu-item { align-items: center; border: 1px solid #5c5c5c; cursor: pointer; padding: 2%; } .new-contact-page-wrapper { margin: 0 15px; color: white; } .new-contact-page-wrapper .contact-bredcrumb { letter-spacing: -.01px; line-height: var(--site-spacer); margin-bottom: 30px; max-width: 700px; margin: 0 auto; } .new-contact-page-wrapper .contact-bredcrumb-content { letter-spacing: -.01px; line-height: var(--site-spacer); margin-bottom: 30px; max-width: 70%; margin: 0 auto 0 100px; } .new-contact-page-wrapper .user-menu { background-color: var(--theme-body-bg); border-radius: 4px; } .new-contact-page-wrapper .header-margin { margin: var(--site-spacer) 0; } .new-contact-page-wrapper .user-menu-wrapper{ max-width:700px; margin:10px auto; } .new-contact-page-wrapper .focus-contact-sub-heading, .new-contact-page-wrapper .main-heading { display: block; font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 1.5; margin: var(--site-spacer-l) 0; margin-top: 16px; } .new-contact-page-wrapper .help-table-border { box-shadow: 0 -1px 2px #0000000d, 0 2px 4px #00000026; } .new-contact-page-wrapper .user-menu-item-click { display: flex; align-items: center; position: relative; } .new-contact-page-wrapper .help-table-border { box-shadow: 0 -1px 2px #0000000d, 0 2px 4px #00000026; } .new-contact-page-wrapper .user-menu-item-end-icon { margin-left: auto; } .new-contact-page-wrapper .user-menu-item-middle-content .content-header { font-size: 14px; margin-bottom: var(--site-spacer-xs); } .new-contact-page-wrapper .user-menu-item-middle-content .content-header { color: white; } .new-contact-page-wrapper .user-menu-item-end-icon { margin-left: auto; } .new-contact-page-wrapper .user-menu-item-end-icon .theme-right { margin-left: auto; color: #d6d6d6 !important; position: absolute; width: 10px; height: 17px; background: url(/r/front/img/m/comm/bt_arrow_grey.png) 0 0 no-repeat; background-size: 100%; top: 0; right: 0; } #newPageContentTitleContent .content-wrapper{ display: flex; justify-content: space-between; } .theme-right { background: url(/r/front/img/m/comm/bt_arrow_grey.png) 0 0 no-repeat; background-size: 100%; } .new-contact-page-wrapper .user-menu-item-end-icon .theme-right, .new-contact-page-wrapper .user-menu-item-start-icon { color: #d6d6d6 !important; } .new-contact-page-wrapper .focus-contact-sub-heading, .new-contact-page-wrapper .main-heading { display: block; font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 1.5; margin: var(--site-spacer-l) 0; margin-top: 16px; color: white; } .new-contact-page-wrapper .help-table-border { box-shadow: 0 -1px 2px #0000000d, 0 2px 4px #00000026; } .new-contact-page-wrapper .help-search-area { margin: 10px 20px; position: relative; display: inline-block; width: 20%; } .new-contact-page-wrapper .help-table-border .active{ border-left: 3px solid #fc0; } .contact-video { display: inline-block; vertical-align: top; } .contact-video p{ color:#fff; } .contact-video .answer{ overflow-wrap: break-word; } .new-contact-page-wrapper .thirdleveltitle { font-size: 1.25rem; line-height: 1.5rem; font-weight: 700; margin: .875rem 0 var(--site-spacer-l) 0; } .new-contact-page-wrapper .user-menu { background-color: var(--theme-body-bg); border-radius: 4px; } .new-contact-page-wrapper .help-search-area .user-menu-wrapper .user-menu-item { position: relative; padding: 2%; } .new-contact-page-wrapper .user-menu-wrapper-content{ max-width: 700px; margin:0 auto; } .contact-video .bonus-card { background-color: var(--theme-body-bg); border: 1px solid #5c5c5c !important; border-radius: 0 !important; } .bonus-card { padding: .6667rem; } .contact-video .bonus-card .btn-dark { --btn-bg-hover: hsla(0, 0%, 100%, .2); } .new-contact-page-wrapper .help-search-area.user-menu-wrapper .user-menu-item .user-menu-item-active { position: absolute; background: var(--theme-cta-01); content: ""; height: 100%; left: 0; top: 0; width: 4px; } /* EVENT LIST */ .tab_event_wrap #flexDepth1Tab{height: 36px; width: 100%; overflow: hidden; position: relative; margin: 0 auto; float: left;} #theme_p_event_list_info { max-width: 100%; margin: 0 auto; padding:0 60px;} .eventList_box{ /* width: 300px; */ } /* .eventList_box .thumb1{height:185px;width:300px} */ .event_section .evt_list_wrap .evt_list > li .info .eventList_box { font-family: var(--sub-font); /* position: absolute; bottom: 48px; left: 100px; */ color: #aaa; font-size: 14px; display: flex; justify-content: center; margin-top: 1.5rem; } /* .event_section .evt_list_wrap .evt_list > li .info .eventList_boxBtn { border: 2px solid #c7c6c6; width: 108px; height: 35px; position: absolute; font-size: 16px; font-weight: 500; color: #000; z-index: 10; background-color: #c7c6c6; border-radius: 6px; } */ .event_section .evt_list_wrap .evt_list > li .btn_event_list { /* border: 2px solid #c7c6c6; */ width: auto; /* height: 35px; */ position: absolute; /* font-size: 16px; font-weight: 500; */ bottom: 125px; /* right: 95px; */ /* color: #000; */ z-index: 10; /* background-color: #c7c6c6; border-radius: 6px; */ } /* buttons */ .btn{position:relative;border:none;background:0 0;padding:0;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:.3s ease-in-out;} .btn.btn-block{width:100%} .btn.btn-dimensional{transform:translateY(2px)} .btn.btn-dimensional:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:999px} .btn.btn-dimensional .text{display:block;position:relative;padding:8px 12px;border-radius:999px;will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3, .7, .4, 1)} .btn.btn-basic .text,.btn.btn-dimensional .text{color:var(--primary-text);font-size:14px;font-style:normal;font-weight:700} .btn.btn-dimensional.btn-big .text{font-size:18px;} .btn.btn-dimensional:hover .text{transform:translateY(-6px);transition:transform 250ms cubic-bezier(.3, .7, .4, 1.5)} .btn.btn-dimensional:active .text{transform:translateY(0);transition:transform 34ms} .btn.btn-dimensional:focus:not(:focus-visible){outline:0} .btn.btn-basic{color:var(--primary-text)} /* primary button */ .btn-primary.btn-basic{border:1px solid #1797ef;border-radius:var(--border-radius);background:linear-gradient(180deg,#2cb4ff 2.6%,#019aef 10.42%,#3f8fed 45.98%,#2070ce 95.54%);padding:8px 16px} .btn-primary.btn-dimensional:before{background:#1a4f8d} .btn-primary.btn-dimensional:disabled{opacity: 0.5;} .btn-primary.btn-dimensional .text{border:var(--border-width) solid #1797ef;background:linear-gradient(180deg,#2cb4ff 2.6%,#019aef 10.42%,#3f8fed 45.98%,#2070ce 95.54%)} /* secondary button */ .btn-secondary.btn-basic{display: flex; justify-content: center; align-items: center; gap: 10px;border:1px solid #5b6584;border-radius:var(--border-radius);background:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%);padding:8px 15px} .btn-secondary.btn-dimensional:before{background:rgba(255,255,255,.1)} .btn-secondary.btn-dimensional:disabled{opacity: 0.5;} .btn-secondary.btn-dimensional .text{ border:var(--border-width) solid #5b6584;background:linear-gradient(180deg,#616a88 2.6%,#4d587a 10.42%,#3d455f 45.98%,#272d42 95.54%)} /* red button */ .btn-red.btn-basic{border:1px solid #ff7276;border-radius:var(--border-radius);background:linear-gradient(180deg,#ffa692 2.6%,#fe7657 10.42%,#ff1d00 45.98%,#cb2718 95.54%);padding:8px 16px} .btn-red.btn-dimensional:before{background:#9d0e00} .btn-red.btn-dimensional:disabled{opacity: 0.5;} .btn-red.btn-dimensional .text{border:var(--border-width) solid #ff7276;background:linear-gradient(180deg,#ffa692 2.6%,#fe7657 10.42%,#ff1d00 45.98%,#cb2718 95.54%)} /* red outline button */ .btn-outline-red.btn-basic{border:1px solid #e22326;border-radius:var(--border-radius);background:0 0;padding:8px 16px} .btn-outline-red.btn-dimensional .text{border:2px solid #e22326} .btn-outline-red.btn-dimensional:before{transform:translateY(-6.5px);box-shadow:0 6.5px 0 0 #9e1c0f} .btn-outline-red.btn-dimensional:active:before{box-shadow:0 0 0 0 #9e1c0f} /* blue outline button */ .btn-outline-primary.btn-basic{border:1px solid rgba(62,142,236);border-radius:var(--border-radius);background:0 0;padding:8px 16px} .btn-outline-primary.btn-dimensional .text{border:2px solid rgba(62,142,236)} .btn-outline-primary.btn-dimensional:before{transform:translateY(-6.5px);box-shadow:0 6.5px 0 0 #003d99} .btn-outline-primary.btn-dimensional:active:before{box-shadow:0 0 0 0 #003d99} /* blue button */ .btn-blue{padding:12px;border-radius:var(--border-radius);color:var(--white);font-size:16px;font-weight:600;background:linear-gradient(0deg,rgba(62,142,236,.05) 0,rgba(62,142,236,.05) 100%),var(--Screen-Background-background-primary,#090c1b);border:2px solid #3e8EEC30;transition:.3s ease-in-out} .btn-blue:hover{background:linear-gradient(0deg,rgba(62,142,236,.2) 0,rgba(62,142,236,.2) 100%),var(--Screen-Background-background-primary,#090c1b);border:2px solid #3e8EEC40} .btn-blue.active,.btn-blue:active{background:linear-gradient(0deg,rgba(62,142,236,.2) 0,rgba(62,142,236,.2) 100%),var(--Screen-Background-background-primary,#090c1b);border:2px solid #3e8eec} /* gray button */ .btn-function{display:flex;align-items:center;gap:10px;padding:12px 30px 12px 10px;border-radius:var(--border-radius);color:var(--white);font-size:14px;font-weight:400;text-align:left;background:var(--screen-secondary);border:1px solid var(--border-primary);transition:.3s ease-in-out} .btn-function.btn-arrow:after{content:'\e906';font-family:'beicon';display:block;font-size:14px;color:var(--content-400);position:absolute;right:10px;} .btn-function:hover{background:linear-gradient(0deg,rgba(62,142,236,.2) 0,rgba(62,142,236,.2) 100%),var(--Screen-Background-background-primary,#090c1b);border:1px solid #3e8EEC40} .btn-function.active,.btn-function:active{background:linear-gradient(0deg,rgba(62,142,236,.2) 0,rgba(62,142,236,.2) 100%),var(--Screen-Background-background-primary,#090c1b);border:1px solid #3e8eec} .btn-function .icon{display:inline-flex;width:24px;height:24px;border-radius:5px;justify-content:center;align-items:center;padding:3px;background:linear-gradient(180deg, #ff7d7f 2.6%, #ff5255 10.42%, #e22326 45.98%, #db2653 95.54%);} .btn-function .icon i{font-size:16px} .btn-delete {border-radius: 12px;border: 1px solid #535F82; background: #1E253A;padding: 7px 23px;} .btn-delete:disabled {opacity: .7;} /* form */ .form-group {position: relative;} .form-label {position: absolute;left: 15px;top: 15px;padding: 0 5px;color: #999;z-index: 10;transition: transform .15s ease-out, font-size .15s ease-out;} .form-group.focused .form-label, .form-group.filled .form-label {transform: translateY(-125%);font-size: 12px;background-color: var(--screen-tertiary);} .form-input {position: relative;padding:15px 16px 13px;height: 48px;line-height: 48px;color: #fff;font-size: 16px;width: -webkit-fill-available;outline: 0;background-color: var(--bg-input);border: 1px solid var(--border-primary);border-radius: 12px;transition: box-shadow 200ms ease-out;box-sizing: border-box; } .form-input:focus {border-color: var(--border-primary);box-shadow: inset 0px 0px 0px 1px var(--secondary);} .form-group.error .form-input {border-color: var(--error-primary);box-shadow: inset 0px 0px 0px 1px var(--error-primary);} .form-group .error-msg {display: none;font-size: 14px;margin-top: 4px;color: var(--error-primary);} .form-group.error .error-msg {display: block;} .form-input.date{background-image: url(/r/front/img/mypage/calendar.png?qEv);background-repeat: no-repeat;background-position: right;background-origin: content-box;} /*.custom-select {position: relative;}*/ /*.custom-select select {display: none;}*/ /*.select-selected:after {position: absolute;content: "\e904";top: 20px;right: 16px;display: block;font-family: 'beicon';font-size: 14px;transition: transform .3s;}*/ /*.select-selected.select-arrow-active:after {transform: rotate(180deg);}*/ /*.form-group.select .form-label {transform: translateY(-125%);font-size: 14px;background: var(--screen-primary);}*/ /*.select-selected {color: white; padding: 20px 16px 13px;cursor: pointer;background-color: var(--screen-primary);border: 1px solid var(--border-primary);border-radius: 12px;transition: box-shadow 200ms ease-out;}*/ /*.form-group .select-arrow-active {border-color: var(--border-primary);box-shadow: inset 0px 0px 0px 1px var(--secondary);}*/ /*.select-items {position: absolute;top: 100%;left: 0;right: 0;z-index: 99;max-height: 250px;overflow-y: auto;background: var(--screen-primary);border: 1px solid var(--border-primary);}*/ /*.select-items > div {padding: 8px 16px;cursor: pointer; color: white;}*/ /*.select-items > div:hover {background: var(--secondary-dark);}*/ /*.select-hide {display: none;}*/ .custom-select{position:relative;width:100%} .custom-select select{display:none} .custom-select-manual{position:relative;width:100%} .custom-select-manual select{display:none} .select-selected{color:#fff;padding:0px 16px;cursor:pointer;background-color:#232737;border:1px solid #344051;;border-radius:12px;transition:box-shadow .2s ease-out;position:relative;box-sizing:border-box;height: 48px;display: flex;align-items: center;} .select-selected:after{content:"\e904";position:absolute;top:50%;right:16px;transform:translateY(-50%);display:block;font-family:beicon;font-size:14px;transition:transform .3s} .select-selected.select-arrow-active:after{transform:translateY(-50%) rotate(180deg)} .select-items{position:absolute;top:100%;left:0;right:0;z-index:1001;max-height:250px;overflow-y:auto;background:#232737;border:1px solid #344051;;border-radius:12px;box-sizing:border-box} .select-items>div{padding:8px 16px;cursor:pointer;color:#fff;min-height: 20px;} .select-items>div:hover{background:var(--secondary-dark)} .select-hide{display:none} .form-group.select .form-label {transform: translateY(-125%);font-size: 14px;background: var(--screen-primary);} input[type='checkbox'] {width: 0;height: 0;} input[type='checkbox'] + label {position: relative;display: flex;margin: 5px 0;align-items: center;transition: color 250ms cubic-bezier(.4,.0,.23,1);color: #fff;font-weight: 700;} input[type='checkbox'] + label > span {width: 100%;} input[type='checkbox'] + label:before {content: '';display: flex;justify-content: center;align-items: center;margin-right: 5px;width: 16px;height: 16px;background: transparent;border: 1px solid #5A6483;border-radius: 2px;cursor: pointer;transition: all 250ms cubic-bezier(.4,.0,.23,1);} input[type='checkbox']:checked + label:before {border-color: #1E80DE; /*background-color:#1E80DE;*/ background-size: 22px 22px;} input[type=checkbox]:checked+label:after{content:'';position:absolute;top:1px;background:url(/r/theme/beteast_v2/comm/blue-tick.png) 0 0 no-repeat;width:22px;height:22px;background-size:19px} input[type='checkbox']#confirmation:checked + label:after {top: .45rem;left: .2rem;} input[type=text].date{height:48px;border-radius:9px;border:1px solid var(--Border-border-primary,#344051);background:rgba(255,255,255,.05) url(/r/theme/beteast_v2/comm/calendar.png) no-repeat; background-position:right 10px center;padding:0 11px;color:#fff;font-size:14px;font-weight:600;font-family:Pretendard} @keyframes checkbox-check { 0%{width: 0;height: 0;border-color: #fff;transform: translate3d(0, 0, 0) rotate(45deg);} 33%{width: 5px;height: 0;transform: translate3d(0, 0, 0) rotate(45deg);} 100%{width: 5px;height: 9px;border-color: #fff;transform: translate3d(0, -.5em, 0) rotate(45deg);} } .form-group input:disabled { background-color:none !important; } button:disabled{pointer-events: none;opacity: .5;} /* gamelist color code */ .game-details.blue-01 {background-image:linear-gradient(to bottom, #0342f900, #0342f900, #0342f900, #0342f900, #0342f9, #0342f9)} .game-details.blue-02 {background-image:linear-gradient(to bottom, #029cd400, #029cd400, #029cd400, #029cd400, #029cd4, #029cd4)} .game-details.blue-03 {background-image:linear-gradient(to bottom, #6591d000, #6591d000, #6591d000, #6591d000, #6591d0, #6591d0)} .game-details.lavender-01 {background-image:linear-gradient(to bottom, #5161ce00, #5161ce00, #5161ce00, #5161ce00, #5161ce, #5161ce)} .game-details.purple-01 {background-image:linear-gradient(to bottom, #c72efb00, #c72efb00, #c72efb00, #c72efb00, #c72efb, #c72efb)} .game-details.purple-02 {background-image:linear-gradient(to bottom, #c86bf100, #c86bf100, #c86bf100, #c86bf100, #c86bf1, #c86bf1)} .game-details.purple-03 {background-image:linear-gradient(to bottom, #5a4fd700, #5a4fd700, #5a4fd700, #5a4fd700, #5a4fd7, #5a4fd7)} .game-details.pink-01 {background-image:linear-gradient(to bottom, #ff30f400, #ff30f400, #ff30f400, #ff30f400, #ff30f4, #ff30f4)} .game-details.pink-02 {background-image:linear-gradient(to bottom, #e64cb600, #e64cb600, #e64cb600, #e64cb600, #e64cb6, #e64cb6)} .game-details.red-01 {background-image:linear-gradient(to bottom, #a01d1400, #a01d1400, #a01d1400, #a01d1400, #a01d14, #a01d14)} .game-details.red-02 {background-image:linear-gradient(to bottom, #fe365200, #fe365200, #fe365200, #fe365200, #fe3652, #fe3652)} .game-details.green-01 {background-image:linear-gradient(to bottom, #01c52600, #01c52600, #01c52600, #01c52600, #01c526, #01c526)} .game-details.green-02 {background-image:linear-gradient(to bottom, #6caa2100, #6caa2100, #6caa2100, #6caa2100, #6caa21, #6caa21)} .game-details.green-03 {background-image:linear-gradient(to bottom, #3cce8100, #3cce8100, #3cce8100, #3cce8100, #3cce81, #3cce81)} .game-details.mint-01 {background-image:linear-gradient(to bottom, #36c5a000, #36c5a000, #36c5a000, #36c5a000, #36c5a0, #36c5a0)} .game-details.orange-01 {background-image:linear-gradient(to bottom, #efce7200, #efce7200, #efce7200, #efce7200, #ce7250, #ce7250)} .game-details.yellow-01 {background-image:linear-gradient(to bottom, #cab44a00, #cab44a00, #cab44a00, #cab44a00, #cab44a, #cab44a)} .game-details.peach-01 {background-image:linear-gradient(to bottom, #f3618000, #f3618000, #f3618000, #f3618000, #f36180, #f36180)} .game-details.peach-02 {background-image:linear-gradient(to bottom, #f2917000, #f2917000, #f2917000, #f2917000, #f29170, #f29170)} .game-details.brown-01 {background-image:linear-gradient(to bottom, #8c3d2c00, #8c3d2c00, #8c3d2c00, #8c3d2c00, #8c3d2c, #8c3d2c)} .game-details.gold-01 {background-image:linear-gradient(to bottom, #8e631200, #8e631200, #8e631200, #8e631200, #8e6312, #8e6312)} /* Slot filter style */ .game_contents .slot_filter.tab_wrap{padding:29px 60px} .game_contents .slot_filter.tab_wrap .searchbox{display:none} .slot_filter.tab_wrap .company_tab_list li{border-radius:.75rem;display:flex;justify-content:space-between;min-width:120px;width:auto;border-width:2px;border-color:rgba(226,35,38,1);background-color:transparent} .slot_filter.tab_wrap .company_tab_list li.on a{border-width:2px;border-color:rgba(226,35,38,1);background-color:#2e303d} .slot_filter.tab_wrap .company_tab_list li a{background-color:#000} .spinner-provider{background: url(/r/theme/beteast_v2/comm/spinner.svg) 0 0 no-repeat;top: 0;width: 30px;height: 30px;padding: .3rem;} .match-time.flex{display:flex;gap:5px} .alarm-badge {width: 20px;font-weight: 800;text-transform: uppercase;font-style: italic;border-radius: .375rem;--tw-bg-opacity: 1; background-color: rgba(226,35,38, 1);padding: 3px 6px;font-size: 10px; --tw-text-opacity: 1;color: rgba(255,255,255, 1);} .spinner-login{width:25px; height:25px;} .mem_fin_agreebox { position: relative; width: auto; margin: 0 auto; background: #232837; padding: 20px; border-radius: 12px; } .mem_fin_agreebox > p.memtitle { font-weight:bold; color:#fff; } .mem_fin_agreebox > p { font-size: 14px; color: #97A1AF; line-height: 1.6; } .mem_fin_agreebox > p + p { margin-top: 8px } .mem_fin_agreebox > p > em { font-size: 18px; font-weight: bold; color: #fff; } .sub_section .provider_list.game_list{padding:0 60px} /* new footer */ /* footer */ .footer{min-width:1180px;padding:32px 0} .footer .container-new{width:100%;max-width:1440px;min-width: 1100px;padding-left:15px;padding-right:15px;margin:0 auto;box-sizing: border-box;} .footer .copyright{display:flex;gap:20px;align-items:center;} .footer .copyright p{font-size:14px} .footer hr{margin:40px 0;height:1px;border:0;background:var(--border-primary);display:block;width:100%;visibility:visible;} .footer .footer-menu{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));} .footer .footer-menu .menu-depth1{display:flex;flex-direction:column;gap:10px;} .footer .footer-menu .menu-depth1 h5{font-size:18px;font-weight:600;color:#fff} .footer .footer-menu .menu-depth1 a{color:var(--text-secondary)} .footer .provider-list{display:flex;justify-content:space-between;align-items:center;gap:16px;/* flex-wrap:wrap; */} .footer .provider-list img{width:auto;max-width: 110px;min-width:80px;width:100%;} .footer .bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;} .footer .bottom .license{display:flex;gap:30px;align-items:center} .footer .bottom .license p{font-size:14px;color:var(--text-secondary)} .footer .bottom .license img{height:60px;} .footer .bottom .right{display:flex;gap:15px} .footer .bottom .right a{font-size:24px;color:var(--text-secondary)} /* gap by px */ .gap-5 {gap:5px;} .gap-10 {gap: 10px;} .gap-15 {gap: 15px;} .gap-20 {gap: 20px;} .text-white{color: #fff !important;} .font-18{font-size: 18px !important;}