/** 2023/2/27 **/ /** WBC THEME v0.1 **/ :root{ --common-color:#9f9573; --main-color:#39E5B3; --subMain-color:#39E5B3; --main-border-color:#2f6a56; --objective-color:#063246; --quick-link:#009884; --bg-h:#14141b; --bg-c:#18242c; --play-btn-color:#00ff1c; --default-text-color:#fff; --gradient-color1:#18242c; --gradient-color2:#262937; --main-logo:url(/r/front/img/logo/main_logo/wbc_new_logo.png); --main-footer_logo:url(/r/front/img/logo/footer_logo/wbc_footer_logo.png); --main-loading_icon:url(/r/front/img/logo/loading_icon/wbc_loading_icon.gif); --main-bg_logo:url(/r/front/img/logo/background_logo/wbc_bg_logo.gif); --main-font:"NotoSansKR"; --sub-font:"NotoSansKR"; } /*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),"Malgun Gothic","Malgun Gothic","맑은 고딕","Hiragino Sans GB","Microsoft Yahei","돋움",Dotum,"굴림",Gulim,"Apple Gothic","Apple SD Gothic Neo",Sans-serif;color:#666;font-size:13.5px;letter-spacing:-.2px;font-weight:400;line-height:normal;} body{background:#222;} .table, .table table{width:100%;} .table th, .table td{border:1px solid #444;} /* #13237 badge */ .G005004,/* BEST */ .G005002,/* HOT */ .G005003{display:block;width:90px;height:50px;position:absolute;top:-23px;z-index:20;} /* NEW */ .w1280r{width:1148px;margin:0 auto;position:relative;} /*Common CSS end*/ /*chuseok*/ /* .container.xmas-login-bg{background:url(/r/front/img/chuseok/wbc_pc.png)no-repeat 0 0/cover;min-height:calc(100vh - 89px);} .wrapper_login .container.xmas-login-bg .join_index_wrap .join_index_title p.title{color:#333;} .wrapper_login .container.xmas-login-bg .join_index_wrap .join_index_title p.sub_title{color:#333;} .container.xmas-login-bg .qr_paragraph{color:#333;} .container.xmas-login-bg .qr_steps_title{color:#333;} .container.xmas-login-bg .join_greeting .inner .tit{color:#333;} .container.xmas-login-bg .join_greeting .inner .txt{color:#333;} .container.xmas-bg{background:url(/r/front/img/chuseok/main_bg.png)no-repeat bottom/cover;background-attachment:fixed;}*/ /*HEADER*/ /*LOGO*/ .theme_logo_img{width:310px;height:89px;margin-left:-15px;cursor:pointer;background:var(--main-logo);background-position:center;background-repeat:no-repeat;display:block;background-size:contain;position:relative;z-index:22;} .wrapper_login .header .inner .theme_logo_img{margin-top:-32px;} .wrapper{min-width:1160px;width:100%;background:#1a1a1a;} .header.fix_top{position:fixed!important;top:0!important;z-index:999;box-shadow:0 1px 10px #000;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:89px;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:#3E3E42;color:#fff;padding:5px 10px;border-radius:6px;border:none;width:100%;height:100%;} select:focus-visible{outline:none;} /*LOGIN (HEADER)*/ .wrapper .header .inner .header_wrap{display:flex;justify-content:space-between;width:1148px;margin:0 auto;min-height:90px;} .wrapper .header .inner .quick_menu_wrapper{/* position:absolute;right:120px;top:43px;*/ text-align:right;margin:10px 0 0 0;} .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:auto;height:32px;margin-left:10px;border:1px solid var(--main-color);box-sizing:border-box;text-align:center;color:var(--main-color);border-radius:3px;margin-left:10px;} .wrapper .header .inner .mem_menu li{display:inline-block;padding:0 15px 0 15px;margin:0px;border-left:1px solid #666;} .wrapper .header .inner .mem_menu.login li{padding:0 5px 0 15px;} .wrapper .header .inner .mem_menu li:first-child{border:0px;} .wrapper .header .inner .mem_menu 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:#fff;border:none;} .wrapper .header .inner .mem_menu li a:hover{background:none;color:var(--main-color);} .wrapper .header .inner .mem_menu li.user_info{position:relative;padding:0 10px;text-align:right;width:100%;box-sizing:border-box;font-weight:bold;} .wrapper .header .inner .mem_menu li.user_info em{display:none;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 .mem_menu li.user_info .user{display:none;font-size:12px;color:#fff;margin-bottom:2px;line-height:20px;} .wrapper .header .inner .mem_menu li.user_info .money{font-size:12px;color:var(--main-color);margin-top:0px;line-height:30px;} .wrapper .header .inner .mem_menu li.user_info p{width:100%;} .wrapper .header .inner .mem_menu li.user_info p img{display:none;width:20px;height:20px;margin-right:5px;} .wrapper .header .inner .mem_menu li.user_info .tooltip{position:absolute;top:120%;left:65%;transform:translateX(-50%);margin-bottom:8px;background-color:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease;z-index:999;} .wrapper .header .inner .mem_menu li.user_info:hover .tooltip{opacity:1;visibility:visible;color:#aaa;display:flex;align-items:center;gap:10px;} .wrapper .header .inner .mem_menu li.user_info .tooltip p{color:#fff;} .wrapper .header .inner .mem_menu_login li{display:inline-block;padding:0 15px 0 15px;margin:0px;border-left:1px solid #4e4e4e;} .wrapper .header .inner .mem_menu_login li:first-child{border:0px;} .wrapper .header .inner .mem_menu_login li:last-child{padding:0 0 0 15px;} .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:#fff;border:none;opacity:0.7;} .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 .mem_menu_login .select_lang_flag ul{width:55px;} .wrapper .header .inner .mem_menu_login .select_lang_flag ul li{padding:3px 8px;display:flex;justify-content:center;} .wrapper .header .inner .mem_menu_login .select_lang_flag ul li:last-child{border:none;} .wrapper .header .inner .quick_menu{margin-top:8px;text-align:left;display:flex;justify-content:end;} .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:auto;padding:0 20px;height:32px;line-height:30px;margin-left:10px;font-size:13px;text-indent:0px;border:1px solid #1f6b55;background:#1d352e;box-sizing:border-box;text-align:center;color:var(--main-color);border-radius:3px;white-space:nowrap;} .wrapper .header .inner .quick_menu>li:hover>a{background:var(--main-color);color:#000;} .wrapper .header .inner .quick_menu>li>a.bt_join{background:var(--main-color);color:#000;position:relative;z-index:2;min-width:94.28px;width:auto;} .wrapper .header .inner .quick_menu>li>a.bt_join:hover{background:#fff;} .wrapper .header .inner .quick_menu>li>a.bt_money{background:var(--main-color);color:#000;} .wrapper .header .inner .quick_menu>li>a.bt_money:hover{background:#fff;} .wrapper .header .inner .quick_menu li a.bt_mypage{background:none;} .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;position:absolute;right:0px;top:31px;border:5px solid #444;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 a.bt_mypage{display:none;} .wrapper .header .inner .quick_menu>li>a.bt_join:before{content:'';display:block;width:100%;height:100%;animation:join_pulse 2s infinite;position:absolute;top:0;left:0;z-index:-1;border-radius:1px;} .wrapper .header .inner .quick_menu>li>a.bt_login:before{content:'';display:inline-block;width:14px;height:14px;background:url(/r/front/img/comm/ico_login.svg) center / 14px auto no-repeat;filter:invert(71%) sepia(71%) saturate(398%) hue-rotate(106deg) brightness(94%) contrast(95%);position:relative;top:2px;margin-right:3px;} .wrapper .header .inner .quick_menu>li>a.bt_login:hover:before{filter:unset;} .wrapper .header .inner .quick_menu li.menu_join{order:7;} @keyframes join_pulse{ 0%{ box-shadow:0 0 0 0 rgba(57, 229, 179, 0.7); } 70%{ box-shadow:0 0 0 7px rgba(57, 229, 179, 0); } 100%{ box-shadow:0 0 0 0 rgba(57, 229, 179, 0); } } /*login page*/ .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;top:0;right:0;} .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:32px;box-sizing:border-box;text-align:center;border-radius:3px;} .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;} /*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{border:4px solid #404040;display:block;width:35%;} .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{border:4px solid #404040;display:block;width:35%;} .wrapper_login .private_join p{text-align:left;width:70%;color:#fff;margin:10px auto 0;font-size:14px;line-height:1.9;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 .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:76px;background:var(--main-color);font-size:25px;border:1px solid var(--main-color);color:#222;margin:20px auto;display:block;font-weight:bold;} .wrapper_login button.normal_join_btm_btn:hover{background:transparent;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 .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:76px;background:#008be4;font-size:25px;border:1px solid #008be4;color:#fff;margin:20px auto;display:block;font-weight:bold;} .wrapper_login button.private_join_btm_btn:hover{background:transparent;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:#141414;border-bottom:1px solid var(--main-color);position:relative;} .wrapper .header:before{content:"";bottom:0;left:0;height:40px;position:absolute;width:100%;background:#000;} .wrapper .header>.inner .allmenu{position:absolute;top:90px;left:50%;margin-left:-574px;display:block;width:16px;height:40px;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;filter:invert(100%) sepia(97%) saturate(12%) hue-rotate(226deg) brightness(104%) contrast(102%);} .wrapper .header>.inner .allmenu.on a, .wrapper .header>.inner .allmenu a:hover{filter:invert(100%) sepia(37%) saturate(3623%) hue-rotate(82deg) brightness(91%) contrast(96%);} .wrapper #newSnb{display:none;text-align:center;border-bottom:1px solid var(--main-color);top:131px;position:absolute;left:0px;width:100%;height:auto;background-color:#000000c0;;z-index:1000;backdrop-filter:blur(20px);box-shadow:0 5px 20px #0008;} /* .wrapper #newSnb:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:radial-gradient(circle, var(--main-color) 0%, transparent 92%);}*/ .wrapper #newSnb #snb_bl{width:1180px;display:inline-flex;position:relative;height:100%;text-align:left;} /* .wrapper #newSnb #snb_bl>.snb_sl:before{content:"";position:absolute;top:210px;left:0;width:100%;height:1px;background:radial-gradient(circle, var(--main-color) 0%, transparent 92%);} .wrapper #newSnb #snb_bl>.snb_sl:after{content:"";position:absolute;top:410px;left:0;width:100%;height:1px;background:radial-gradient(circle, var(--main-color) 0%, transparent 92%);}*/ .wrapper #newSnb #snb_bl>div.swiper-container{width:100%;padding-bottom:24px;} .wrapper #newSnb #snb_bl>div.swiper-container>.swiper-wrapper{display:block!important;} .wrapper #newSnb #snb_bl>div>ul>li{position:relative;width:auto;display:inline-block;margin-top:25px;margin-left:17.2px;padding:0;max-height:155px;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:126px;line-height:28px;font-size:14px;text-align:center;color:#fff;margin:0 auto;white-space:nowrap;} .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:124px;height:auto;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 a .menu_name{width:126px;display:block;text-overflow:ellipsis;overflow:hidden;} .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%, transparent 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%, transparent 92%);} .wrapper #newSnb #snb_bl>div>ul>li.newAddLine a{margin:0;} .wrapper .header>.inner>.gnb{position:relative;float:initial;width:1148px;height:39px;padding-left:56px;margin:0 auto;overflow:initial;z-index:2;box-sizing:border-box;} .wrapper .header>.inner>.gnb>li{display:inline-block;} .wrapper .header>.inner>.gnb>li>a{display:flex;align-items:center;font-weight:bold;height:39px;line-height:36px;font-size:16px;color:#fff;box-sizing:border-box;padding:0 15px;} .wrapper .header>.inner>.gnb>li.main>a:hover{color:var(--main-color);border:0;} .wrapper .header>.inner>.gnb>li>a.on{color:var(--main-color);} .wrapper .header>.inner>.gnb>li.main.on>a{color:var(--main-color);border:0;} .wrapper .header>.inner>.gnb>li>a em{font-weight:bold;} .wrapper .header>.inner>.gnb>li>a>span{background-size:contain;width:28px;height:28px;display:inline-block;vertical-align:middle;} .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);} .wrapper .header>.inner>.gnb>li>a.new{position:relative;} .wrapper .header>.inner>.gnb>li>a.new:after{content:"";position:relative;width:15px;height:15px;top:1px;right:0;margin-left:3px;background:url(/r/front/img/comm/new_label.svg)0 0/15px no-repeat;} .minigameTime{top:-10px;right:-3px;border:2px solid var(--main-color);width:60px;height:30px;line-height:30px;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-image:linear-gradient(#000, #21352e);border-bottom:1px solid var(--main-color);} .wrapper .header>.inner>.allMenuLayer .inner{overflow:hidden;padding:15px;width:1148px;margin:auto;} .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{display:grid;grid-auto-flow:column;grid-template-rows:repeat(25, auto);gap:5px 35px;list-style:none;padding:0;margin:0;} .wrapper .header>.inner>.allMenuLayer .inner .row ul li{font-size:13px;color:#fff;} .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 .inner .row ul li a.cs{opacity:0.5;} .wrapper .header>.inner>.allMenuLayer.on{display:block;} .wrapper .header>.inner>.allMenuLayer .inner .row ul li a.new{position:relative;} .wrapper .header>.inner>.allMenuLayer .inner .row ul li a.new:after{content:"";position:absolute;width:15px;height:15px;top:50%;margin-top:-7.5px;right:-20px;background:url(/r/front/img/comm/new_label.svg)0 0/15px no-repeat;} .gameHyperLink{cursor:pointer;} /*hide gnb cs*/ .cs_center_gnb{display:none;} /*END GNB*/ /*SPORT QUICK*/ .cs_center.sport_quick{right:-72px!important;} .btnGameDetailHeader{position:fixed;background:#3b3b3b;left:50%;width:40px;height:30px;cursor:pointer;z-index:1000;display:none;margin:1px 0 0 0;border-radius:0 0 6px 6px;padding:5px 5px;border:1px solid #707070;border-top:none;transition:0.3s ease-in-out all;} /* .btnGameDetailHeader.on{margin:38px 0 0 0;}*/ .btnGameDetailHeader img{transform:rotate(0deg);transition:0.3s ease-in-out all;margin-top:5px;} .btnGameDetailHeader.on img{transform:rotate(180deg);margin-top:5px;} .btnGameDetailQuick{position:fixed;background:#3b3b3b;right:0;top:50%;width:22px;height:40px;cursor:pointer;z-index:1000;text-align:center;display:none;border-radius:6px 0 0 6px;padding:0 5px;border:1px solid #707070;border-right:none;transition:0.2s ease-in-out all;} .btnGameDetailQuick img{vertical-align:middle;transform:rotate(90deg);margin-top:-4px;transition:0.2s ease-in-out all;} .btnGameDetailQuick.on{right:72px;} .btnGameDetailQuick.on img{transform:rotate(270deg);} /*QUICK*/ .cs_center{position:fixed;right:0!important;top:0!important;bottom:0;z-index:1001;display:block;padding-top:130px;background:#1d352e;border-left:1px solid #222;transition:0.3s ease-in-out all;} .cs_center .bt_cs{font-size:0;text-indent:-999px;display:none;} .cs_center .cs_con{width:71px;padding:0;box-sizing:border-box;} .cs_center .cs_con li{position:relative;border-bottom:1px solid #222;height:70px;box-sizing:border-box;padding:13px 0 0;} .cs_center .cs_con li:first-child{margin-top:0;} .cs_center .cs_con li>a{display:block;width:100%;height:40px;color:#aaa;line-height:40px;background:url(/r/front/img/template3/comm/wbc__quick_left_v1-1.png) 50% 50% no-repeat;} .cs_center .cs_con li>a:hover{color:var(--main-color);background:url(/r/front/img/template3/comm/wbc__quick_left_on_v1-1.png) no-repeat;} .cs_center .cs_con li.bt_cs1>a{background-position:50% 4px;} .cs_center .cs_con li:hover.bt_cs1:before{content:"";position:absolute;left:-8px;top:33px;width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--main-color);border-bottom:6px solid transparent;} .cs_center .cs_con li.bt_cs2>a{background-position:50% -58px;} .cs_center .cs_con li:hover.bt_cs2:before{content:"";position:absolute;left:-8px;top:33px;width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--main-color);border-bottom:6px solid transparent;} .cs_center .cs_con li.bt_cs3>a{background-position:50% -120px;} .cs_center .cs_con li:hover.bt_cs3:before{content:"";position:absolute;left:-8px;top:33px;width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--main-color);border-bottom:6px solid transparent;} .cs_center .cs_con li.bt_cs4>a{background-position:50% -306px;} .cs_center .cs_con li:hover.bt_cs4:before{content:"";position:absolute;left:-8px;top:33px;width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--main-color);border-bottom:6px solid transparent;} .cs_center .cs_con li.bt_cs5>a{background-position:50% -182px;} .cs_center .cs_con li:hover.bt_cs5:before{content:"";position:absolute;left:-8px;top:33px;width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--main-color);border-bottom:6px solid transparent;} .cs_center .cs_con li.bt_cs6>a{background-position:50% -244px;} .cs_center .cs_con li:hover.bt_cs6:before{content:"";position:absolute;left:-8px;top:33px;width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--main-color);border-bottom:6px solid transparent;} .cs_center .cs_con li.bt_cs8>a{background:url(/r/front/img/template3/comm/quick_left_icon_v1-3.png) 50% 50% no-repeat;background-position:50% -182px;} .cs_center .cs_con li.bt_cs8:hover>a{background:url(/r/front/img/template3/comm/quick_left_icon_on_v1-3.png) no-repeat;background-position:50% -182px;} .cs_center .cs_con li:hover.bt_cs8:before{content:"";position:absolute;left:-8px;top:33px;width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--main-color);border-bottom:6px solid transparent;} .cs_center .cs_con li span{display:none;min-width:78px;width:auto;min-height:30px;height:auto;line-height:1.5;position:absolute;top:23px;right:79px;color:#000;border-radius:5px;font-size:16px;text-align:center;background:var(--main-color);justify-content:center;align-items:center;} .cs_center .cs_con li:hover span{display:flex;} .cs_center .cs_con2{position:absolute;bottom:0;width:100%;} .cs_center .cs_con2 li{position:relative;border-bottom:1px solid #222;width:100%;height:70px;box-sizing:border-box;padding:13px 0 0;} .cs_center .cs_con2 li:first-child{border-top:1px solid #222;} .cs_center .cs_con2 li>a{display:block;width:100%;height:40px;color:#aaa;font-size:0;text-indent:-99px;line-height:40px;background:url(/r/front/img/template3/comm/quick_arrows.png) 0 0 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{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:#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;color:#000;} .quick_page .quick_left>ul>li.menu04{background-position:29px 16px;} #pageViewBox{width:1067px;height:40px;display:none;} .cs_center .bt_cs.is-login-quick{height:192px;padding-top:90px;} .cs_center .cs_con.is-login-quick{height:284px;} /*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:#222;height:780px;width:1100px;z-index:1111;} .quick_page{height:100%;width:100%;} .quick_page .quick_left{background:#292929;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:#292929 url(/r/front/img/template3/comm/wbc__quick_left.png) no-repeat;color:#cccccc;cursor:pointer;font-size:16px;height:54px;line-height:54px;margin-bottom:1px;padding-left:80px;width:180px;} .quick_page .quick_left>ul>li.menu01, .quick_page .quick_left>ul>li.menu05{background-position:29px 9px;} .quick_page .quick_left>ul>li.menu02, .quick_page .quick_left>ul>li.menu06{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:#222;background-image:url(/r/front/img/template3/comm/wbc__quick_left_on.png);background-position-x:25px;border-left:4px solid var(--main-color);color:var(--main-color);padding-left:76px;} .deposit_wrap .mybox .myboxTitle{color:#fff;font-size:20px;margin-bottom:15px;} .mypageTab{width:100%;} .mypageTab>ul{overflow:hidden;} .mypageTab>ul>li{background:#222;border:2px solid #333;border-bottom:0;border-radius:12px 12px 0 0;color:#fff;cursor:pointer;float:left;font-size:20px;line-height:1.2;margin-right:5px;padding:10px 30px;} .mypageTab>ul>li.on{background:#333;} .deposit_wrap{margin:0 auto;position:relative;} .deposit_wrap .deposit_form{margin-top:20px;padding:0 10px 10px;} .deposit_wrap .deposit_inp>li{margin-top:10px;position:relative;} /* .deposit_wrap .deposit_inp>li:after{clear:both;content:"";display:table;}*/ .deposit_wrap .deposit_inp>li:first-child{margin-top:0;} .deposit_wrap .deposit_inp li .input_wrap{background:#2b2b2b;padding:0 10px;display:flex;border-radius:10px;} /* .deposit_wrap .deposit_inp li .input_wrap .title{flex:0 0 1%;}*/ .deposit_wrap .deposit_inp li .title{color:var(--main-color);font-size:12px;font-weight:bold;line-height:18px;min-width:120px;} .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{padding-left:30px;color:#FF0000;text-align:end;} .deposit_wrap .moneybox{width:100%;} .deposit_wrap .moneybox .top .inp_wrap{background:#2b2b2b;border-radius:8px;box-sizing:border-box;height:40px;padding:5px 0 5px 20px;position:relative;} .deposit_wrap .moneybox .top .inp_wrap>input{background:none;border:none;color:#fff;font-size:18px;height:30px;width:100%;} .deposit_wrap .moneybox .top .inp_wrap>a{background:url(/r/front/img/template3/mypage/wbc__ico_close.png) left 0 no-repeat;display:block;height:24px;position:absolute;right:8px;top:8px;width:24px;} .deposit_wrap .moneybox .top .inp_wrap>a:hover{background-position:left -76px;} .deposit_wrap .moneybox .top .inp_wrap>button{background:#222222;border:1px solid var(--main-color);border-radius:5px;color:var(--main-color);display:block;min-width:88px;padding:5px 10px;position:absolute;right:4px;top:4px;} .deposit_wrap .moneybox .top .inp_wrap>button:hover{background:var(--main-color);color:#222;} .deposit_wrap .moneybox .top .inp_wrap .deposit_account em{color:#fff;} .deposit_wrap .moneybox .money_sel{margin-top:9px;overflow:hidden;padding:0;display:flex;gap:5px;width:100%;} .deposit_wrap .moneybox .money_sel>li{width:100%;} .deposit_wrap .moneybox .money_sel>li>a{background:#555;border-radius:5px;box-sizing:border-box;color:#cbcbcb;display:block;font-size:16px;height:35px;line-height:35px;text-align:center;width:100%;} .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 .coupon_sel{background:#2b2b2b;border-radius:8px;box-sizing:border-box;cursor:pointer;float:left;height:40px;margin-left:30px;padding:0 0 0 20px;position:relative;width:600px;} .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 8px;} .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;} /*quick withdraw*/ .withdraw_txt{color:#777;font-size:14px;text-align:center;width:100%;} .withdraw_txt em{color:var(--main-color);font-weight:bold;font-size:20px;} .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;width:420px;padding:0;} .transfer_area>div.mybox:first-child{float:left;} .transfer_area>div.mybox .mbox{text-align:center;margin:5px 10px 15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;} .transfer_area>div.mybox .tit{height:50px;line-height:50px;width:100%;text-align:center;padding:0;border-bottom:2px solid #222;position:relative;} .transfer_area>div.mybox .tit>span{width:35px;height:30px;position:absolute;top:10px;right:10px;background:url(/r/front/img/mypage/exchange.png) no-repeat;cursor:pointer;} .transfer_area>div.mybox .tit>span:hover{background:url(/r/front/img/mypage/exchange_on3.png) no-repeat;} /* .transfer_area>div.mybox .mbox>p:first-child{height:75px;line-height:75px;}*/ .transfer_area>div.mybox .mbox>p>img{vertical-align:middle;width:80px;} #coinTransferArea .transfer_area>div.mybox .mbox>p>img{vertical-align:middle;width:auto;} .transfer_area>div.mybox .mbox>p.txt{color:#fff;} .transfer_area>div.mybox .mbox>p.txt>em{color:var(--main-color);font-weight:700;} .company_logo_box{height:auto;margin:10px auto;} .mybox.amount{margin-top:15px;padding:15px 15px 30px;} .mybox.amount>p{color:#fff;font-size:20px;margin-bottom:15px;} /* .transfer_form .deposit_inp{padding-left:100px;}*/ .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:150px;height:67px;background:var(--main-logo) 100% no-repeat;background-size:contain;} .transfer_area .siteName{height:40px;display:inline-block;} .transfer_area select{width:150px;height:40px;} .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;} .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;} .quick_content .mypage_cont .mybox.amount .top .inp_wrap{display:block;float:left;width:70%;} .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:34px;margin-right:-15px;} .quick_content .mypage_cont .mybox.amount .simple_coinDeposit.gameSel .left p{padding-right:18px;} .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_page .quick_content .tit.exchange{position:absolute;left:42%;} /*END QUICK*/ /*LOGIN PAGE*/ .login_section{padding:60px 0 40px;background:#222;} .login_section .loginwrap{width:1250px;margin:0 auto;padding:30px 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:30px;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;border:1px solid #444;border-radius:10px;overflow:hidden;} .login_section .loginbox .inp_login>li>input{width:100%;border:0;padding:0 15px 0 50px;box-sizing:border-box;background:transparent;height:48px;line-height:48px;color:#fff;font-size:14px;background-color:#171717;background-size:28px 28px;background-repeat:no-repeat;background-position:left 13px center;box-shadow:-1px 3px 5px 1px rgba(0,0,0,1) inset;border-radius:10px;} .login_section .loginbox .inp_login>li.pw{margin-top:10px;} .login_section .loginbox .inp_login>li.id>input{background-image:url('/r/front/img/member/ico_login_id.svg');} .login_section .loginbox .inp_login>li.pw>input{background-image:url('/r/front/img/member/ico_login_pw.svg');} .login_section .loginbox .bot_btn{margin-top:30px;text-align:center;} .login_section .loginbox .bot_btn .bt_login, .login_section .loginbox .bot_btn .bt_join{display:block;width:100%;height:50px;line-height:50px;border-radius:10px;font-size:18px;font-weight:600;color:#222;box-sizing:border-box;} .login_section .loginbox .bot_btn .bt_login{background:var(--main-color);} .login_section .loginbox .bot_btn .bt_join{background-color:var(--objective-color);color:var(--main-color);border:1px solid var(--main-border-color);margin-top:16px;} .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/template3/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;} /*anniversary12*/ .anniversary12_login{display:flex;width:100%;height:100px;background:url(/r/front/img/comm/anniversary14_wbc.png)no-repeat 50% 50%/100px;margin-top:40px;} .anniversary12_join_index{width:1148px;height:120px;background:url(/r/front/img/comm/anniversary14_small_banner_wbc.jpg)no-repeat 50% 50%/100%;margin:60px auto 0;} .anniversary12_footer{position:absolute;right:55px;width:100px;height:100px;background:url(/r/front/img/comm/anniversary14_wbc.png)no-repeat 50% 50%/100px;margin-top:80px!important;} #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;} /*change btn design 20210909*/ .login_section .loginbox .deviderOr{margin:30px auto 10px;position:relative;} .login_section .loginbox .deviderOr:before{position:relative;content:"";display:block;background:#555;width:100%;height:1px;left:0;top:13px;} .login_section .loginbox .deviderOr div{position:relative;display:inline-block;color:#888;font-size:16px;background:#222;z-index:10;padding:0 15px;} .login_section .loginbox .cs_box{width:calc(100% + 60px);padding:30px 0;margin:40px -30px -20px;background:#1C1C1C;border-radius:0 0 10px 10px;} .login_section .loginbox .cs_box p{font-size:16px;color:#888;text-align:center;} .login_section .loginbox .cs_box ul{display:flex;gap:20px;margin-top:20px;justify-content:center;} .login_section .loginbox .cs_box ul li .social{display:block;width:58px!important;height:58px;padding:0;text-indent:-9999px;background-position:center;margin:0;background-size:38px auto;} .login_section .loginbox .cs_box ul li .social.telegram{background-image:url(/r/front/img/member/ico_telegram.svg);} .login_section .loginbox .cs_box ul li .social.kakao{background-image:url(/r/front/img/member/ico_kakaotalk.svg);} .login_section .loginbox .cs_box ul li .social.twitter{background-image:url(/r/front/img/member/ico_twitter.svg);} .login_section .loginbox .btn_telegram{display:block;width:100%;height:54px;line-height:54px;background:#1E96C8;border-radius:10px;font-size:18px;font-weight:600;color:#fff;box-sizing:border-box;margin-bottom:10px;} .login_section .loginbox .btn_telegram:before{content:'';display:inline-block;width:25px;height:20px;margin-right:10px;background:url(/r/front/img/member/ico_login_telegram.svg) center / auto 20px no-repeat;position:relative;top:3px;} #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 PAGE - END*/ /* JOIN PAGE */ .center_box{margin:0 auto;position:relative;} .joinwrap .center_box{width:1060px;height:600px;} .joinInfo{width:300px;height:577px;float:left;margin:0 auto;border:1px solid #333333;background:#222;} .joinwrap .center_box .joinbox{float:right;} .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:url(/r/front/img/member/bg_join2.png) 0 0 no-repeat;} .join_section{padding:0px 0px 100px 0px;} .join_greeting{position:relative;width:100%;/* height:272px;*/height:242px;} .join_greeting .inner{width:1060px;margin:0 auto;padding:70px 0 0 0;} .join_greeting .inner .tit{font-size:33px;color:#fff;font-weight:bold;} .join_greeting .inner .txt{margin-top:18px;font-size:18px;color:#fff;line-height:29px;} .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:192px;*/ margin-left:272px;width:353px;height:350px;background:url(/r/front/img/member/bg_join2.png) 0 0 no-repeat;} .joinbox{position:relative;width:740px;padding:45px 30px 30px;margin:0 auto;border-radius:10px;box-shadow:1px 5px 10px #0c0c0c;box-sizing:border-box;} .joinbox .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;} .joinbox .inp_join{width:100%;display:flex;flex-wrap:wrap;gap:0 20px;} .joinbox .inp_join>li{position:relative;width:calc(50% - 10px);margin-top:24px;padding-left:37px;min-height:34px;border-bottom:2px solid #333;background:url(/r/front/img/template3/member/wbc__icons_login_2.png) -99px 0 no-repeat;box-sizing:border-box;} /* .joinbox .inp_join>li:nth-child(odd){margin-right:20px;}*/ .joinbox .inp_join>li.el2nd{float:right;} .joinbox .inp_join .bdnone{border:0px !important;} .joinbox .inp_join .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;} .joinbox .inp_join .bt_yellow:hover{background:var(--main-color);color:#222;} .joinbox .inp_join>li>input{width:100%;border:0px;background:#222;height:32px;line-height:32px;color:#ccc;/* font-size:14px;*/ font-size:16px;} .joinbox .inp_join>li>input::-webkit-input-placeholder{color:#ccc;/* font-size:11px;*/ font-size:14px;font-family:NotoSansKRLight;} .joinbox .inp_join>li>input:-ms-input-placeholder{color:#ccc;/* font-size:11px;*/ 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;} .join_ico3_required{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:url(/r/front/img/member/icons_login_2.png) -99px 0 no-repeat;background-position:3px -115px;} .join_ico5_required{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:url(/r/front/img/member/icons_login_2.png) -99px 0 no-repeat;background-position:3px -214px;} .join_ico3{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:url(/r/front/img/member/icons_join.png) -99px 0 no-repeat;background-position:3px -115px;} .join_ico5{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:url(/r/front/img/member/icons_join.png) -99px 0 no-repeat;background-position:3px -214px;} .join_ico6{position:absolute;left:0px;top:-2px;width:30px;height:34px;background:url(/r/front/img/member/icons_join_06_mint.svg) 5px center / 25px auto no-repeat;} .joinbox .inp_join>li .err_ico{position:absolute;right:15px;top:6px;width:20px;height:20px;display:none;background:url(/r/front/img/member/ico_err.png) 0 0 no-repeat;} .joinbox .inp_join>li .bt_phone{position:absolute;top:1px;right:0;} .joinbox .inp_join>li.confirm>p{float:left;color:#ccc;font-size:14px;line-height:1.2;margin-top:8px;/* margin-right:10px;*/ margin-right:43px;} .joinbox .inp_join>li.confirm>div{position:relative;float:left;width:190px;height:28px;padding:0 0 0 5px;border:1px solid #777;box-sizing:border-box;border-radius:5px;} .joinbox .inp_join>li.confirm>div>input{width:80%;border:0px;height:26px;padding:0 0 0 5px;background:none;color:#ccc;} .joinbox .inp_join>li.confirm>div>span{position:absolute;right:3px;top:2px;color:#fff;} .joinbox .inp_join>li.confirm>.bt_resend{position:absolute;top:-2px;right:-6px;} .joinbox .inp_join>li .err_msg{position:absolute;top:40px;left:30px;font-size:11px;color:#fe0000;display:none;} .joinbox .inp_join>li.etc{margin-top:40px;} .joinbox .inp_join>li span.required{color:#ff0000;font-weight:bold;position:absolute;left:-3px;top:-3px;} /* .joinbox .inp_join>li.bank_type{float:right;}*/ .joinbox .inp_join>li.bank_type>div{position:relative;border-bottom:2px solid #333;} .joinbox .inp_join>li.bank_type>div + div{margin-top:24px;} .joinbox .inp_join>li.bank_type>div>input{background:transparent;border:0;width:100%;height:32px;line-height:32px;} .joinbox .bot_btn{margin-top:35px;text-align:center;} .joinbox .bot_btn .bt_join{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;font-family:NotoSansKRBold;} .joinbox .bot_btn .bt_join:hover{background:var(--main-color);color:#222;} /*instruction box*/ /*.joinwrap .center_box .joinbox .inp_join .phone{width:200px;}*/ .joinwrap .center_box .joinbox .inp_join .phone #user_mobile{width:120px;vertical-align:top;} /*.joinwrap .center_box .joinbox .inp_join .bank_type input{border-bottom:2px solid #333;margin-bottom:10px;}*/ .joinwrap .center_box .joinbox .inp_join .countryArea{color:#fff;display:inline-block;background-color:#3e3e42;width:217px;height:25px;padding-left:10px;border-radius:8px;vertical-align:middle;margin-top:0px;} .joinwrap .center_box .joinbox .inp_join .countryBox{padding-top:5px;display:block;} .joinwrap .center_box .joinbox .inp_join .info_box{padding:0px;padding-top:40px;} .joinwrap .center_box .joinbox .inp_join .info_box .info_title span{height:34px;} .joinwrap .center_box .joinbox .inp_join .info_box p{font-size:14px;} .joinwrap .center_box .joinInfo .swiper-container{height:550px;color:#ffffff;text-align:center;} .joinwrap .center_box .joinInfo .swiper-pagination-wrapper{width:100%;height:26px;text-align:center;} .joinwrap .center_box .joinInfo .swiper-pagination-wrapper .swiper-pagination{margin:4px 5px;display:contents;} .swiper-pagination-bullet{width:10px;height:10px;margin:7px 3px;display:inline-block;border-radius:100%;} /*update telegram login 20210907*/ .join_ico_bitcoin{position:absolute;left:0px;top:0;width:30px;height:34px;background:url(/r/front/img/member/icon_bitcoin.png) 50% 25% no-repeat;background-size:25px;} .join_ico_crypto{position:absolute;left:0px;top:0;width:30px;height:34px;background:url(/r/front/img/member/ico_join_crypto.svg) 50% 25% no-repeat;background-size:25px;} .login_icon_telegram_wrap{position:relative;width:285px;margin:10px auto;} .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;} .joinwrap .joinbox ul li .ico_bank{position:absolute;left:3px;top:0;width:30px;height:34px;background:url(/r/front/img/member/icons_join-2.png) -99px 0 no-repeat;background-size:30px;background-position:3px -487px;} .joinwrap .joinbox ul li .ico_bank_acc{position:absolute;left:3px;top:0;width:30px;height:34px;background:url(/r/front/img/member/icons_join-2.png) -99px 0 no-repeat;background-size:30px;background-position:3px -594px;} .joinwrap .joinbox ul li .ico_bank_owner{position:absolute;left:3px;top:0;width:30px;height:34px;background:url(/r/front/img/member/icons_join-2.png) -99px 0 no-repeat;background-size:30px;background-position:3px -542px;} .joinwrap .joinbox .inp_join>li.confirm>p{float:left;color:#ccc;font-size:14px;line-height:1.2;margin-top:8px;margin-right:23px;} .joinwrap .joinbox ul li .ico_bank.required{background:url(/r/front/img/template3/member/icons_join-2.png) -99px 0 no-repeat;background-size:30px;background-position:0px -491px;} .joinwrap .joinbox ul li .ico_bank_acc.required{background:url(/r/front/img/template3/member/icons_join-2.png) -99px 0 no-repeat;background-position:0px -596px;} .joinwrap .joinbox ul li .ico_bank_owner.required{background:url(/r/front/img/template3/member/icons_join-2.png) -99px 0 no-repeat;background-size:30px;background-position:0px -544px;} .joinbox .inp_join>li>select.country_selection{width:100px;padding:0;background:transparent;} /*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 18px;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 .center_box.qr_telegram .joinbox .inp_join li.join_crypto{width:100%!important;} .joinwrap .center_box.qr_telegram .joinbox .inp_join li.join_crypto .crypto_address_form{display:flex;gap:5px;align-items:center;} .joinwrap .center_box.qr_telegram .joinbox .inp_join li.join_crypto .crypto_address_form select{width:135px;box-sizing:border-box;} .joinwrap .center_box.qr_telegram .joinbox .inp_join li.join_crypto .crypto_address_form input{width:calc(100% - 112px);padding:10px 3px;height:32px;border:0;box-sizing:border-box;background-color:transparent;color:#ccc;} .joinwrap .center_box.qr_telegram .joinbox .inp_join > li .err_ico{display:none!important;} /* 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 */ .join_qr_wrap{width:1250px;margin:0 auto;padding-top:10px;text-align:center;} .loginwrap .loginbox .bot_btn #qrArea{display:none;position:relative;width:200px;height:200px;margin:auto;} #qrImg{width:200px;height:200px;position:relative;display:none;} #qrCenterIconArea{height:200px;width:200px;position:absolute;top:0;display:none;} #qrCenterIcon{width:35px;height:35px;position:absolute;display:none;top:82.5px;left:82.5px;} .qr_step_img{margin:30px 0;width:50%;} .qr_wrap{display:block;width:200px;height:200px;position:relative;margin:80px auto 120px;} .qr_wrap:after{position:absolute;top:-23px;left:-23px;width:250px;height:250px;content:"";background:url('/r/front/img/comm/telegram_qr_bg.png')no-repeat;} .qr_paragraph{color:#fff;font-size:35px;margin-top:30px;} .qr_paragraph span{font-weight:bold;} .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;} .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;} .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;} .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;width:366px;} .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;width:160px;height:40px;border:1px solid #fff;text-align:center;color:#fff;font-size:14px;line-height:40px;} .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:#222;} .wrapper_login .header{border-bottom:1px solid #333;background:#222;} .wrapper_login .header .inner{width:1160px;height:88px;padding:29px 10px 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:150px;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:31px;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:block;width:56px;height:56px;background:url(/r/front/img/template3/member/wbc__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:3px;border-radius:5px;} #certifyTimer{margin-right:10px;} .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:20px 0 4px 0;display:flex;justify-content:space-between;} .titlebox h4{height:45px;padding:0 0 0 22px;font-size:24px;color:#fff;line-height:41px;border-left:8px solid var(--main-color);font-weight:bold;} .titlebox .bt_all{position:absolute;right:0;bottom:4px;width:auto;height:40px;line-height:40px;padding-left:10px;font-size:16px;font-weight:700;border:2px solid #fff;color:#ccc;background:0 0;border-radius:5px;min-width:105px;} .titlebox .bt_all:hover{color:#fff;border:2px solid #fff;} .expandbox{position:relative;padding:0;} .expandbox .bt_all{position:relative;right:0px;top:0;display:block;width:300px;height:35px;line-height:35px;margin:5px auto 0;padding:0;font-size:14px;font-weight:normal;border:1px solid transparent;color:#CCC;background:#6f6f6f30;border-radius:10px;min-width:80px;text-align:center;} .expandbox .bt_all:hover{color:#fff;border-color:var(--common-color);} .expandbox .bt_all span{padding:0 0 0 20px;background:url(/r/front/img/comm/btn_more.png)0 50%/15px no-repeat;} .titlebox .game_sorting{display:flex;gap:5px;align-items:center;} .titlebox .game_sorting label{color:var(--common-color);font-size:14px;white-space:nowrap;} .titlebox .game_sorting select.bt_all_sort{padding:0 10px;border:1px solid #9f957330;background:#3E3E4230;color:#fff5;height:30px;line-height:30px;} .titlebox .game_sorting select.bt_all_sort:hover{border:1px solid var(--common-color);background:#000;color:#fff;} .titlebox .game_sorting select.bt_all_sort_search{padding:0 25px 0 10px;border:1px solid #9f957330;background:url(/r/front/img/m/comm/bt_arrow_grey_bottom.png) no-repeat right 8px center/8px;background-color:#3E3E4230;color:#fff5;height:30px;line-height:30px;-webkit-appearance:none;} .titlebox .game_sorting select.bt_all_sort_search:hover, .titlebox .game_sorting select.bt_all_sort_search:focus, .titlebox .game_sorting select.bt_all_sort_search option{border:1px solid var(--common-color);background-color:#000;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;overflow:hidden;} #theme_banner_outer .swiper-slide{width:1148px;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;visibility:hidden;} #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:1148px;height:100%;position:absolute;top:0;left:50%;margin-left:-574px;} #theme_banner_outer .swiper-btns .swiper-button-prev, #swiper-event-prev{color:var(--main-color);left:-35px;} #theme_banner_outer .swiper-btns .swiper-button-next, #swiper-event-next{color:var(--main-color);right:-35px;} .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;visibility:visible;} .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;} /*EVENT*/ .main_section .contents{padding:0 0 30px;} .main_section .contents .mainEvent{width:100%;} .main_section .contents .mainEvent .inner{width:1148px;margin:0 auto;position:relative;} .main_section .contents .mainEvent .inner .addTab{padding:40px 0 16px;} .main_section .contents .mainEvent .inner .addTab .main_event_area{position:absolute;top:45px;left:125px;overflow:hidden;height:43px;width:900px;} .main_section .contents .mainEvent .inner .addTab .tabMenus{height:40px;position:absolute;top:0;left:0;} .main_section .contents .mainEvent .inner .addTab .tabMenus li{float:left;padding:0 25px;height:100%;text-align:center;} .main_section .contents .mainEvent .inner .addTab .tabMenus li a{font-size:16px;color:#ccc;} .main_section .contents .mainEvent .inner .addTab .tabMenus li:hover a{color:#fff;font-weight:700;} .main_section .contents .mainEvent .inner .addTab .tabMenus li.on{border-bottom:3px solid var(--main-color);} .main_section .contents .mainEvent .inner .addTab .tabMenus li.on a{color:#fff;font-weight:700;} .main_section .contents .mainEvent .inner .addTab .btnPrev{display:block;position:absolute;right:50px;top:35px;width:40px;height:40px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;font-size:0;text-indent:-999px;background:url(/r/front/img/template3/comm/wbc__tab_move_prev.png) 50% 50% no-repeat;} .main_section .contents .mainEvent .inner .addTab .btnPrev:hover{border:1px solid var(--main-color);} .main_section .contents .mainEvent .inner .addTab .btnNext{display:block;position:absolute;right:0;top:35px;width:40px;height:40px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;font-size:0;text-indent:-999px;background:url(/r/front/img/template3/comm/wbc__tab_move_next.png) 50% 50% no-repeat;} .main_section .contents .mainEvent .inner .addTab .btnNext:hover{border:1px solid var(--main-color);} .main_section .contents .mainEvent .tabContainer{padding-bottom:60px;position:relative;} .main_section .contents .mainEvent .tabContainer .tabCon.on{display:block;} .main_section .contents .mainEvent .tabContainer .tabCon .eventList{position:relative;} .main_section .contents .mainEvent .tabContainer .tabCon .eventList li{min-width:368px;} .main_section .contents .mainEvent .tabContainer .tabCon .eventList li p{margin-top:30px;font-size:20px;color:#fff;font-weight:700;} .main_section .contents .mainEvent .tabContainer .tabCon .eventList li em{display:block;margin-top:14px;font-size:14px;color:#ccc;} .event_arrows_wrap{position:absolute;width:1148px;top:50%;left:0;} .event_arrows_wrap .prev_arrow{position:absolute;left:-35px;margin-top:-28px;} .event_arrows_wrap .next_arrow{position:absolute;right:-35px;margin-top:-28px;} /*JACKPOT*/ .main_section .greybox .boxtit{padding:0 20px;height:48px;font-size:20px;color:#fff;line-height:48px;text-align:center;border-bottom:1px solid #000;font-weight:700;} .main_section .contents .status .jackpot{width:377px;} .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!important;margin-top:5px;cursor:pointer;height:auto;} .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{display:none;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;right:8px;top:0;font-size:12px;font-family:NotoSansKRBold;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:block;position:relative;width:100%;height:190px;padding:25px 20px 0 180px;box-sizing:border-box;} .main_section .contents .status .jackpot .jackpot_list>li.on .hoverbox{display:block;} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .img_money{display:none;} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .name{position:absolute;top:35px;left:180px;font-size:13px;color:#fff;line-height:1.8;text-align:left;} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .money{position:absolute;top:60px;left:180px;font-size:15px;color:var(--main-color);} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .money1{position:absolute;top:73px;left:180px;font-size:15px;color:var(--main-color);} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .money2{position:absolute;top:85px;left:180px;font-size:15px;color:var(--main-color);} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .game{position:absolute;top:107px;left:180px;font-size:14px;color:#fff;line-height:1.8;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:190px;overflow:hidden;} .main_section .contents .status .jackpot .jackpot_list>li .edge{position:absolute;top:136px;left:180px;display:block;width:80px;height:28px;border:1px solid #fff;color:#fff;text-align:center;line-height:28px;box-sizing:border-box;} .main_section .contents .status .jackpot .jackpot_list>li .edge:after{content:'PLAY';position:absolute;top:0;left:23px;display:block;} .main_section .contents .status .jackpot .jackpot_list>li .edge:hover{border:1px solid #fff;background:#fff;} .main_section .contents .status .jackpot .jackpot_list>li .edge:hover:after{content:'PLAY';position:absolute;top:0;left:23px;display:block;color:#000;} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .thumb{position:absolute;top:25px;left:20px;} .main_section .contents .status .jackpot .jackpot_list>li .hoverbox .thumb img{width:140px;height:140px;border-radius:10px;} /*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 .status td, .main_section .contents .status p, .main_section .contents .status li, .main_section .contents .status span{font-family:var(--sub-font);} .main_section .greybox{position:relative;background:#222;box-sizing:border-box;} .main_section .greybox .bt_more{position:absolute;top:12px;right:12px;display:block;width:24px;height:24px;line-height:24px;font-size:30px;background:#222;color:#CCC;text-align:center;} .main_section .greybox .bt_more span{display:none;} .main_section .contents .status{overflow:hidden;width:1148px;padding-top:20px;margin:0 auto;} .main_section .contents .status>div{float:left;margin-left:8px;height:240px;overflow:hidden;} .main_section .contents .status>div:first-child{margin-left:0;} .main_section .contents .status .notice{width:376px;} .main_section .contents .status .notice .list_wrap{width:100%;padding:10px 0;background:#222;box-sizing:border-box;} .main_section .contents .status .notice .noti_list{width:100%;} .main_section .contents .status .notice .noti_list th{height:35px;border-bottom:2px solid #363636;font-size:12px;color:var(--main-color);text-align:left;} .main_section .contents .status .notice .noti_list td span{display:inline-block;font-size:12px;color:var(--main-color);min-width:65px;text-align:center;} .main_section .contents .status .notice .noti_list td{height:35px;padding:0 20px;} .main_section .contents .status .notice .noti_list .title{display:block;font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:230px;overflow:hidden;} .main_section .contents .status .notice .noti_list .title:hover{text-decoration:underline;} .main_section .contents .status .notice .noti_list .date{font-size:14px;color:#ccc;text-align:right;} .main_section .contents .status .notice .bt_more{display:block;} .main_section .contents .status .notice .noti_list .title p{display:inline-block;text-align:center;padding:3px;margin:0 5px;height:15px;line-height:15px;color:#fff;background:#FF0000;min-width:65px;width:auto;border-radius:5px;} /*REALTIME_WITHDRAW*/ .main_section .contents .status .realtime{width:376px;} .main_section .contents .status .realtime .bx-viewport{height:240px !important;} .main_section .contents .status .realtime .realtime_list{width:100%;height:240px !important;} .main_section .contents .status .realtime .realtime_list>li{position:relative;cursor:pointer;width:100% !important;} .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 .hoverbox{display:none !important;} .main_section .contents .status .realtime .realtime_list>li .normal{height:33px !important;background:#222;border-radius:3px;} .main_section .contents .status .realtime .realtime_list>li.on .normal{display:block;} .main_section .contents .status .realtime .realtime_list>li.on .hoverbox{display:none;} .main_section .contents .status .realtime .realtime_list>li .normal .time{display:block;float:left;width:80px;font-size:13px;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:13px;color:#FFF;line-height:34px;text-align:left;} .main_section .contents .status .realtime .realtime_list>li .normal .money{position:absolute;right:8px;top:0px;font-size:13px;font-family:NotoSansKRBold;color:#FFF;line-height:34px;} /*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: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 10px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_r .big_banner{position:relative;float:left;margin-left:4px;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 10px;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 10px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;} .game_list_wrap .align_box_justi .big_banner.scond{float:left;margin-left:6px;} .game_list_wrap .game_list.outer>li{position:relative;float:left;margin:9.5px 0 0 9.5px;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: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_sl{width:100%;position:relative;margin-top:5px;} .game_sl .sl>li{position:relative;border:1px solid #767676;} .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:400px;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{box-shadow:1px 5px 10px #0c0c0c;-moz-border-radius:20px;-webkit-border-radius:20px;background:#fff;border-radius:20px;margin-top:50px;padding-bottom:24px;position:relative;text-align:center;width:401px;} .txt_type_layer .inbox .icochk{padding-top:24px;text-align:center;left:50%;} .txt_type_layer .inbox .txt_big{padding-top:15px;font-size:18px;color:#444;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:14px;color:#777;line-height:24px;} .txt_type_layer .inbox .txt span{display:block;color:#444;font-weight:bold;} .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:#fff;font-weight:bold;box-sizing:border-box;} .txt_type_layer .layerbot_btn .bt_yellow:hover{background:#e37d19;border:1px solid #e37d19;} .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-weight:bold;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-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_DETAIL*/ /*즐겨찾기 퀵메뉴*/ .quick_game{position:absolute;top:30px;width:240px;} .quick_game.left_quick{left:-252px;} .quick_game.right_quick{right:-252px;} .quick_game .quick_top>a{position:absolute;top:-7px;right:-11px;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:16px 0;margin-top:8px;border:1px solid #444;border-radius:15px;box-shadow:0px 10px 25px #000;} .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:10px;border:1px solid #777;} .quick_game .quick_cont ul li:first-child{margin-top:0px;} .quick_game .quick_cont ul li img{width:100%;} .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:100.5vh;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;} /*즐겨찾기 박스*/ .favorbox{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>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: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:1148px;padding:46px 0;margin:38px auto 0;border:none;border-radius:20px;box-sizing:border-box;background:#000;} .sub_section .game_wrap .game_tit{position:absolute;width:100%;top:-28px;left:0px;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:bold;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: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:1120px;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-weight:bold;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:100%;margin:0 auto;height:36px;border:1px solid #444;border-width:1px 0;clear:both;} .notice_area .inner{width:1148px;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:3px;left:-1px;width:auto;height:28px;padding:0 10px 0 30px;background:#000 url(/r/front/img/m/comm/megaphone.png) 10px 50% no-repeat;background-size:15px;border-radius:25px;line-height:28px;color:#ff8900;font-size:12px;text-align:center;z-index:1;} .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:36px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .marquee{width:100%;margin:0;overflow:hidden;white-space:nowrap;box-sizing:border-box;animation:marquee 25s linear infinite;margin-left:10px;} .marquee>div{width:fit-content;height:36px;min-width:100%;} .marquee p{color:#fff;line-height:36px;opacity:0.7;} @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;} #layer_info{width:100%;} #layer_info>.inbox{position:relative;width:320px;padding:8px 11px;background:#fff;margin:8px auto 0;border:3px solid #ada68f;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%;padding:0;box-sizing:border-box;} #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:10px 0 5px;font-size:18px;border-bottom:1px solid #000;color:#000;width:100%;font-weight:700;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{margin-bottom:5px;margin-top:25px;width:100%;display:block;height:52px;line-height:50px;background:linear-gradient(135deg, rgba(0,54,115,1) 0%, rgba(119,16,149,1) 100%);font-size:16px;color:var(--play-btn-color);border-radius:5px;text-align:center;box-sizing:border-box;border:2px solid var(--play-btn-color);cursor:pointer;} #layer_info>.inbox .bt_play em{background:url(/r/front/img/m/comm/m_game_play_icon.png)0 4px no-repeat;padding:11px 0 11px 46px;background-size:37px;} #layer_info>.inbox .bottom{display:flex;justify-content:space-between;margin:28px 0 18px;} #layer_info>.inbox .bt_exp{display:block;font-size:14px;height:24px;line-height:24px;color:var(--common-color);text-align:center;box-sizing:border-box;background:url(/r/front/img/m/comm/m_game_bt_exp.png)0 0 no-repeat;background-size:24px;padding:0 0 0 32px;cursor:pointer;} #layer_info>.inbox .bt_fabor{display:block;font-size:14px;height:24px;line-height:24px;color:var(--common-color);text-align:center;box-sizing:border-box;background:url(/r/front/img/m/comm/m_icon_fav_off.png) 86px 0 no-repeat;background-size:24px;padding:0 32px 0 0;cursor:pointer;} #layer_info>.inbox .bt_fabor.on{background:url(/r/front/img/m/comm/m_icon_fav_hd.png) 86px 0 no-repeat;background-size:24px;} #layer_info>.inbox .bt_close{display:block;position:absolute;right:0;top:-35px;width:30px;height:30px;background:url(/r/front/img/m/comm/m_game_popup_close.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;} /*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;} .wrap_layer_popup_box_evo_powerball3{display:none;position:absolute;left:50%;margin-left:-50%;z-index:10001;} .wrap_layer_popup_box_evo_powerball3 .wrap_layer_popup_web.layer_main{width:500px;border:2px solid #ffffff;} .wrap_layer_popup_box_evo_powerball3 .wrap_layer_popup_web .bot_btn{overflow:hidden;} .wrap_layer_popup_box_evo_powerball3 .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_powerball3 .wrap_layer_popup_web .bot_btn>a:hover{color:#ffffff;} .wrap_layer_popup_box_evo_powerball3 .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;} .ajaxLoading{width:150px;height:150px;background:var(--main-loading_icon) no-repeat;} @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:1148px;margin:0 auto;} .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;padding-top:0 !important;} /* .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:1148px;margin:0 auto;} .sub_section .sub_contents .game_list1{position:relative;padding-bottom:0;} .sub_section .sub_contents .game_list1.game_list_recent{padding-bottom:0;} .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:1148px;margin:0 auto;} /*BRAND GAME MAIN*/ .brand.lotto{--main-color:#76ad2e;--main-logo:url('/r/front/img/comm/lottoland_logo.png')20px 20px no-repeat;} .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{display:block;} .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;border-left:none;} .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;bottom:2px;} .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) 5px 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);} /*LOTTO BRAND*/ .lotto .tab_wrap{background:#222;} .list-container{width:1148px;margin-left:auto;margin-right:auto;padding:20px 0;overflow:hidden;} .bg-lightgray{background-color:#f2f2f2;} .lotto .leaderboard-section{position:relative;background:transparent;} .lotto .leaderboard-section:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/r/front/img/lottoland/img_leaderboard_bg.jpg) center / cover no-repeat;z-index:0;opacity:.13;} .brand.lotto .titlebox{padding:0;} .brand.lotto .titlebox h4{font-size:22px;color:#000;background:unset;padding-left:11px;} .brand.lotto .titlebox h4:before{content:'';display:block;width:0;height:28px;border-left:3px solid var(--main-color);position:absolute;top:6px;left:0;} .brand.lotto .titlebox h4:after{display:none;} .brand.lotto .titlebox h4 em.sub_tit_box{color:#888;background:unset;position:static;margin-left:12px;padding:0;} .brand.lotto .titlebox{margin-bottom:10px;} .lotto-main *{box-sizing:border-box;} .lotto-list .badge.--new{background:#80FF00;color:#000;} .lotto-list .badge.--hot{background:#FF0000;color:#fff;} .lotto-list .badge.--best{background:#00B1FF;color:#fff;} .lotto-list .play-btn{display:block;font-weight:700;color:#000;font-weight:600;text-align:center;border-radius:5px;background:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 46%, #D1D1D1 100%);box-shadow:0px 3px 6px #00000029;transition:.4s;cursor:pointer;} .lotto-list .play-btn:hover{transform:scale(1.03);filter:brightness(1.5);} .lotto-list .fav-btn, .lotto-list .info-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 46%, #D1D1D1 100%);cursor:pointer;transition:.3s;} .lotto-list .fav-btn{margin-bottom:5px;} .lotto-list .fav-btn:hover, .lotto-list .info-btn:hover{filter:brightness(1.5);} .lotto-list .fav-btn:hover:before, .lotto-list .info-btn:hover:before{transform:scale(1.3);} .lotto-list .fav-btn.on{border:0.5px solid #777;background:#4e4e4e;} .lotto-list .fav-btn:before{content:'';display:block;width:10px;height:10px;background:url(/r/front/img/lottoland/ico_star.svg) center / 100% auto no-repeat;} .lotto-list .fav-btn.on:before{background:url(/r/front/img/lottoland/ico_star_on.svg) center / 100% auto no-repeat;} .lotto-list .info-btn:before{content:'';display:block;width:9px;height:9px;background:url(/r/front/img/lottoland/ico_infomation.svg) center / auto 100% no-repeat;} .lotto-list .lotto-swiper{position:relative;} .lotto-list .swiper-wrapper{flex-wrap:nowrap!important;gap:unset!important;} .lotto-list .swiper-function{position:absolute;display:flex;flex-direction:row-reverse;gap:5px;width:auto;height:35px;top:-50px;right:0;} .lotto-list .swiper-function .swiper-button-prev, .lotto-list .swiper-function .swiper-button-next{position:static;width:35px;height:35px;background:#E5E8ED;border-radius:50%;margin-top:0;} .lotto-list .swiper-function .swiper-button-prev:after{content:'';display:block;width:100%;height:100%;background:url(/r/front/img/lottoland/ico_arrow_left.svg)center / 14px auto no-repeat;} .lotto-list .swiper-function .swiper-button-next:after{content:'';display:block;width:100%;height:100%;background:url(/r/front/img/lottoland/ico_arrow_right.svg)center / 14px auto no-repeat;} .lotto-list .swiper-function .swiper-pagination-progressbar{width:100px;height:3px;position:absolute;top:50%;right:90px;} .lotto-list .swiper-function .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;} .lotto-list .game_list>li:after{display:none;} .lotto-list .timer{display:flex;width:100%;justify-content:center;align-items:center;color:#4D4D4D;} .lotto-list .timer.red{filter:brightness(0) saturate(100%) invert(34%) sepia(67%) saturate(6461%) hue-rotate(346deg) brightness(97%) contrast(91%);} .lotto-list .timer:before{content:'';display:inline-block;width:12px;height:12px;background:url(/r/front/img/lottoland/ico_hourgass.svg) center / 12px auto no-repeat;margin-right:3px;} .lotto-list .timer strong{font-weight:700;margin-right:3px;} .lotto-list .list-type-01{display:flex;flex-wrap:wrap;gap:20px 16px;} .lotto-list .list-type-01 li{flex:0 0 auto;box-sizing:border-box;width:calc(33.3333% - 11px);position:relative;} .lotto-list .list-type-01 li .list-box{width:100%;height:186px;padding:16px 18px;position:relative;border-radius:10px;overflow:hidden;} .lotto-list .list-type-01 li:nth-child(1) .list-box, .lotto-list .list-type-01 li:nth-child(3) .list-box{background:url('/r/front/img/lottoland/img_jackpotLotto_bg_01.png') top center / 100% auto no-repeat;} .lotto-list .list-type-01 li:nth-child(2) .list-box{background:url('/r/front/img/lottoland/img_jackpotLotto_bg_02.png') top center / 100% auto no-repeat;} .lotto-list .list-type-01 li:nth-child(4) .list-box, .lotto-list .list-type-01 li:nth-child(6) .list-box{background:url('/r/front/img/lottoland/img_jackpotLotto_bg_03.png') top center / 100% auto no-repeat;} .lotto-list .list-type-01 li:nth-child(5) .list-box{background:url('/r/front/img/lottoland/img_jackpotLotto_bg_04.png') top center / 100% auto no-repeat;} .lotto-list .list-type-01 li .list-box .left{padding-top:22px;position:relative;} .lotto-list .list-type-01 li .list-box .left .badge{text-indent:0;position:absolute;top:0;display:block;width:38px;height:15px;font-size:9px;font-weight:600;border-radius:8px;text-align:center;line-height:15px;} .lotto-list .list-type-01 li .list-box .left .game-title{display:block;font-size:24px;font-weight:600;color:#fff;} .lotto-list .list-type-01 li .list-box .left .play-btn{width:132px;height:34px;padding:5px 0;margin-top:5px;font-size:14px;} .lotto-list .list-type-01 li .list-box figure{display:block;width:128px;height:128px;position:absolute;top:0;right:17px;} .lotto-list .list-type-01 li .list-box .prize{border-radius:0;display:flex;height:56px;align-items:center;justify-content:center;gap:10px;position:absolute;left:0;bottom:0;width:100%;font-size:24px;color:#fff;font-weight:600;background:linear-gradient(90deg, #270021 0%, #0C0033 100%);} .lotto-list .list-type-01 li .list-box .prize strong{letter-spacing:-0.5px;} .lotto-list .list-type-01 li:nth-child(1) .list-box .prize strong, .lotto-list .list-type-01 li:nth-child(3) .list-box .prize strong{color:#FF79FF;} .lotto-list .list-type-01 li:nth-child(2) .list-box .prize strong{color:#00CCFF;} .lotto-list .list-type-01 li:nth-child(4) .list-box .prize strong, .lotto-list .list-type-01 li:nth-child(6) .list-box .prize strong{color:#FFAA00;} .lotto-list .list-type-01 li:nth-child(5) .list-box .prize strong{color:#00FFA7;} .lotto-list .list-type-01 .timer{font-size:14px;margin-top:10px;} .lotto-list .list-type-02{display:flex;flex-wrap:wrap;gap:8px;} .lotto-list .list-type-02 li{flex:0 0 auto;width:calc(20% - 6.4px);position:relative;} .lotto-list .list-type-02 li .list-box{width:100%;height:140px;padding:12px 17px;position:relative;border-radius:10px;overflow:hidden;} /*.lotto-list .list-type-02 li:before{content:'';display:none;width:190px;height:172px;position:absolute;left:-8px;bottom:-74px;opacity:.2;}*/ .lotto-list .list-type-02 li:nth-child(6n+1) .list-box{background:linear-gradient(180deg, #F7843C 0%, #9C613D 100%);} .lotto-list .list-type-02 li:nth-child(6n+2) .list-box{background:linear-gradient(180deg, #0243F4 0%, #01227A 100%);} .lotto-list .list-type-02 li:nth-child(6n+3) .list-box{background:linear-gradient(180deg, #A700AD 0%, #540057 100%);} .lotto-list .list-type-02 li:nth-child(6n+4) .list-box{background:linear-gradient(180deg, #00900B 0%, #005D08 100%);} .lotto-list .list-type-02 li:nth-child(6n+5) .list-box{background:linear-gradient(180deg, #D6008C 0%, #980063 100%);} .lotto-list .list-type-02 li:nth-child(6n+6) .list-box{background:linear-gradient(180deg, #00A4B2 0%, #006871 100%);} .lotto-list .list-type-02 li .list-box .left{padding-top:20px;position:relative;z-index:2;} .lotto-list .list-type-02 li .list-box .left .badge{position:absolute;top:0;display:block;width:38px;height:15px;font-size:9px;font-weight:600;border-radius:8px;text-align:center;line-height:15px;text-indent:0;} .lotto-list .list-type-02 li .list-box .left .game-title{display:block;font-size:15px;font-weight:600;color:#fff;width:calc(100% - 85px);line-height:1.2;word-break:keep-all;} .lotto-list .list-type-02 li .list-box .left .play-btn{width:82px;height:28px;padding:5px 0;font-size:12px;margin-top:5px;} .lotto-list .list-type-02 li .list-box figure{display:block;width:76px;height:76px;position:absolute;top:23px;right:24px;} .lotto-list .list-type-02 li .list-box .prize{border-radius:0;display:flex;height:30px;align-items:center;justify-content:center;gap:5px;position:absolute;left:0;bottom:0;width:100%;font-size:10px;color:#fff;font-weight:600;background:rgba(0,0,0,.8);} .lotto-list .list-type-02 li .list-box .prize strong{font-size:14px;letter-spacing:-0.5px;color:#F7ED00;} .lotto-list .list-type-02 li .list-box .function-wrap{position:absolute;top:12px;right:8px;z-index:3;} .lotto-list .list-type-02 .timer{font-size:14px;margin-top:5px;} .lotto-list .list-type-03{display:flex;flex-wrap:wrap;gap:15px 8px;} .lotto-list .list-type-03 li{flex:0 0 auto;width:calc(20% - 6.4px);position:relative;} .lotto-list .list-type-03 li .list-box{height:140px;padding:13px 17px;position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(180deg, #B4A178 0%, #80755C 100%);} .lotto-list .list-type-03 li .list-box figure{display:block;width:76px;height:76px;margin-left:-12px;position:relative;z-index:2;} .lotto-list .list-type-03 li .list-box .right{padding-top:18px;position:absolute;top:12px;left:85px;z-index:2;width:calc(100% - 120px);} .lotto-list .list-type-03 li .list-box .right .badge{position:absolute;top:0;display:block;width:38px;height:15px;font-size:9px;font-weight:600;border-radius:8px;text-align:center;line-height:15px;text-indent:0;} .lotto-list .list-type-03 li .list-box .right .game-title{display:block;font-size:14px;font-weight:500;letter-spacing:-1px;color:#fff;line-height:1.2;word-break:keep-all;} .lotto-list .list-type-03 li .list-box .right .play-btn{width:82px;height:28px;padding:5px 0;font-size:12px;margin-top:5px;} .lotto-list .list-type-03 li .list-box .prize{border-radius:0;display:flex;height:30px;align-items:center;justify-content:center;gap:5px;position:absolute;left:0;bottom:0;width:100%;font-size:10px;color:#fff;font-weight:600;background:rgba(0,0,0,.8);} .lotto-list .list-type-03 li .list-box .prize strong{font-size:14px;letter-spacing:-0.5px;color:#F7ED00;} .lotto-list .list-type-03 li .list-box .function-wrap{position:absolute;top:12px;right:8px;z-index:3;} .lotto-list .list-type-03.korea-japan li .list-box:before{content:'';display:block;width:130px;height:170px;position:absolute;top:0;left:-68px;background:yellow;transform:rotate(-22deg);} .lotto-list .list-type-03.korea-japan .list-box.korea:before{background:linear-gradient(#0070D0 0%, #003868 100%);} .lotto-list .list-type-03.korea-japan .list-box.japan:before{background:linear-gradient(#CC0404 0%, #660202 100%);} .lotto-list .list-type-03 .timer{font-size:14px;margin-top:5px;} .lotto-list .list-type-04{display:flex;flex-wrap:wrap;gap:8px;} .lotto-list .list-type-04 li{flex:0 0 auto;width:calc(20%);position:relative;} .lotto-list .list-type-04 li .list-box{height:150px;padding:15px 12px;position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(180deg, #506474 0%, #28323A 100%);} .lotto-list .list-type-04 li .list-box .left{padding-top:18px;position:relative;z-index:2;} .lotto-list .list-type-04 li .list-box .left .badge{position:absolute;top:0;display:block;width:38px;height:15px;font-size:9px;font-weight:600;border-radius:8px;text-align:center;line-height:15px;text-indent:0;} .lotto-list .list-type-04 li .list-box .left .game-title{display:block;font-size:15px;font-weight:600;color:#fff;word-break:keep-all;} .lotto-list .list-type-04 li .list-box .left .interval{padding-left:17px;font-size:10px;font-weight:400;color:#fff;position:relative;margin-top:7px;} .lotto-list .list-type-04 li .list-box .left .interval strong{font-size:12px;color:#FFFF00;font-weight:400;} .lotto-list .list-type-04 li .list-box .left .interval:before{content:'';display:block;width:13px;height:15px;background:url(/r/front/img/lottoland/ico_clock.svg) center / 100% auto no-repeat;position:absolute;top:0;left:0;} .lotto-list .list-type-04 li .list-box .play-btn{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);width:132px;height:34px;padding:6px 0;font-size:14px;} .lotto-list .list-type-04 li .list-box figure{display:block;width:76px;height:76px;position:absolute;top:18px;right:38px;} .lotto-list .list-type-04 li .list-box .prize{border-radius:0;display:flex;height:30px;align-items:center;justify-content:center;gap:5px;position:absolute;left:0;bottom:0;width:100%;font-size:10px;color:#fff;font-weight:600;background:rgba(0,0,0,.8);} .lotto-list .list-type-04 li .list-box .prize strong{font-size:14px;letter-spacing:-0.5px;color:#F7ED00;} .lotto-list .list-type-04 li .list-box .function-wrap{position:absolute;top:12px;right:8px;z-index:3;} .lotto-list .list-type-04 .timer{font-size:14px;margin-top:5px;} .lotto-list .game_list>li:after, .lotto-list .game_list>li:before{display:none;} .lotto-list .game_list>li:after{display:none;} .lotto-list .game_list>li:before{display:none;} .leaderboard-section>*{position:relative;z-index:2;} .leaderboard-section .video-container{width:100%;padding-bottom:56.25%;position:relative;background:#999;border-radius:10px;margin-top:30px;} .leaderboard{margin-top:30px;} .leaderboard-tab{display:flex;align-items:center;margin-bottom:16px;gap:8px;} .leaderboard-tab li a{display:block;min-width:80px;padding:0 14px;height:36px;line-height:34px;border:1px solid #fff;border-radius:10px;color:#000;background:#e3e3e3;text-align:center;font-weight:600;} .leaderboard-tab li.on a{background:#6AA509;color:#fff;} .table-wrapper{border-radius:10px;overflow-x:auto;} .leaderboard-table{width:100%;border-collapse:collapse;} .leaderboard-table th, .leaderboard-table td{color:#fff;padding:8px 20px;font-weight:600;} .leaderboard-table th{background-color:#545F69;} .leaderboard-table tbody tr:nth-child(even){background-color:#76828D;} .leaderboard-table tbody tr:nth-child(odd){background-color:#7F8993;} .leaderboard-table td[data-label="date"]{opacity:.5;} .leaderboard-table td[data-label="result"] span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;font-size:12px;font-weight:600;color:#777;border-radius:50%;text-align:center;} .leaderboard td[data-label="result"] .on{background:linear-gradient(180deg, #78D701 0%, #00D32E 100%);color:#000;box-shadow:0px 0px 3px #EBFF00D6;} .leaderboard td[data-label="result"] span:last-child.on{background:linear-gradient(180deg, #F1FF4A 0%, #D39200 100%);box-shadow:0px 0px 3px #FF00E2D6;} .leaderboard td[data-label="result"] .yellow{background:linear-gradient(180deg, #F1FF4A 0%, #D39200 100%);box-shadow:0px 0px 3px #FF00E2D6;} .leaderboard-table td[data-label="amount"]{text-align:right;} .badge-jackpot{display:inline-block;height:18px;line-height:18px;font-size:8px;font-weight:600;background-color:#F7ED00;color:#000;padding:0 10px;border-radius:10px;position:relative;top:-1px;margin-right:10px;} /*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:#222;} .tab_wrap.fix_top{position:sticky;top:130px;width:100%;margin:0 auto;z-index:99;background-color:rgba( 34, 34, 34, 0.8);} .tab_wrap .inner{width:1148px;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;display:flex;flex-wrap:wrap;gap:10px 20px;} .tab_wrap .tab_list>li{float:left;width:auto;height:auto;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-top:50px;height:74px;color:#fff;white-space:nowrap;font-size:12px;font-weight:bold;box-sizing:border-box;background:url(/r/front/img/template1/comm/icons_slotgames.png) 0 0 no-repeat;} .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);} .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:240px;padding:7px 0px 5px 38px;height:40px;margin-top:25px;margin-bottom:20px;border:1px solid var(--main-color);box-sizing:border-box;border-radius:0;background:#222 url(/r/front/img/template3/comm/wbc__icons_slotgames.png) -1033px -90px no-repeat;} .tab_wrap .searchbox>input{border:0;width:160px;height:26px;background:none;color:#ccc;font-size:14px;} .tab_wrap .searchbox>input::placeholder{color:#ccc;} .tab_wrap .choiceGame{padding:0;border-radius:0;margin-bottom:20px;width:240px;height:40px;} .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{position:absolute;width:100%;height:40px;bottom:32px;background:linear-gradient(0deg, rgba(103,221,27,1) 0%, rgba(105,145,123,1) 25%, rgba(99,226,179,1) 50%, rgba(49,92,185,1) 100%);font-size:20px;font-weight:700;color:#000;text-align:center;line-height:40px;z-index:1;} .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 #444;padding:20px 30px;margin-top:-1px;box-sizing:border-box;overflow:hidden;} .list_my>li .left_c{float:left;width:400px;padding:0 30px 0 0;} .list_my>li .left_c .date{font-size:16px;color:#aaa;} .list_my>li .left_c .g_type1{margin-top:12px;font-size:16px;color:#fff;font-weight:700;line-height:26px;} .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:#aaa;font-size:16px;font-weight:700;margin-top:10px;} .list_my>li .center_c ul li>span{font-size:16px;} .list_my>li .center_c ul li.point{color:var(--main-color);} .list_my>li .right_c{float:right;text-align:right;width:155px;} .list_my>li .right_c .ticket{color:#aaa;font-size:10px;word-break:break-all;} .list_my>li .right_c .ticket_bot{color:#aaa;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:7px;font-size:16px;color:#fff;text-align:right;} .list_my>li .right_c .result>span.flag_win{background:var(--main-color);} .list_my>li .right_c .result>span.flag_lose{background:#444;} .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;} .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{width:100%;position:relative;padding:15px 120px;background:#222;border-radius:12px;box-sizing:border-box;} .modify_wrap .modibox .inp_join{width:100%;} .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:80px;line-height:60px;font-size:14px;color:#ccc;background:url(/r/front/img/template3/member/wbc__icons_modify.png) 0 0 no-repeat;} .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:0;display:block;width:9px;height:10px;background:url(/r/front/img/comm/ico_redstar.png) 0 50% no-repeat;font-size:0;text-indent:-999px;} .modify_wrap .modibox .inp_join>li p.txt{line-height:60px;font-size:16px;color:#fff;} .modify_wrap .modibox .inp_join>li p#user_id{width:250px;display:inline-block;} .modify_wrap .modibox .inp_join>li input{float:left;width:55%;margin-top:9px;border:0;background:#222;height:40px;line-height:40px;color:#fff;font-size:16px;} .modify_wrap .modibox .inp_join>li input::-webkit-input-placeholder{color:#ccc;font-size:11px;} .modify_wrap .modibox .inp_join>li input:-ms-input-placeholder{color:#ccc;font-size:11px;} .modify_wrap .modibox .inp_join>li input#user_email{width:230px;} .modify_wrap .modibox .inp_join>li input#user_mobile{width:150px;} .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 -871px;} .modify_wrap .modibox .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;} .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:0;height:26px;margin-top:5px;padding:0 0 0 5px;background:0 0;} .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-weight:bold;box-sizing:border-box;} .modify_wrap .modibox .inp_join .bt_yellow:hover{background:var(--main-color);color:#222;} .modify_wrap .modibox .bot_btn.action_btn{display:inline-block;position:absolute;margin-top:20px;right:0px;} .modify_wrap .modibox .bot_btn#themeteleSocialInfo a{width:auto;padding:0 10px;} .modify_wrap .modibox .bot_btn{margin-top:32px;text-align:center;} .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:25px;font-size:18px;color:#222;font-weight:bold;box-sizing:border-box;} .modify_wrap .modibox .bot_btn .bt_modify:hover{background:#222;border:1px solid #fff;color:#fff;} .modify_wrap .modibox .bot_btn .bt_bye{margin-left:10px;display:inline-block;width:140px;height:50px;background:#222;border:1px solid #fff;line-height:50px;border-radius:25px;font-size:18px;color:#fff;font-weight:bold;box-sizing:border-box;} .modify_wrap .modibox .bot_btn .bt_bye:hover{background:var(--main-color);color:#222;} .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;} #contents{border:1px solid #777;margin-top:10px;} #contents p{color:#fff;} .cf-stream-menu-container{display:none;} .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:#444;-webkit-transition:.4s;transition:.4s;} .slider:before{position:absolute;content:"";height:26px;width:35px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;} .checked{position:absolute;top:30%;color:#fff;font-weight:700;letter-spacing:1px;line-height:1;} .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);} .slider.round{border-radius:34px;} .slider.round:before{border-radius:15px;} .setting_button_area{font-size:14px;color:#fff;font-weight:700;} .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:var(--main-color);} .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;} #pageCopyDep{height:30px;line-height:30px;background:var(--main-color);padding:0 10px;border-radius:5px;font-weight:700;color:#000;display:none;} button[simpleid="pageCopyDep"]{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*/ .mypage_cont .lnb_wrap{float:left;width:200px;margin-left:8px;} .mypage_cont .lnb_wrap .top{width:100%;height:180px;padding:50px;background:#292929;box-sizing:border-box;text-align:center;} .mypage_cont .lnb_wrap .top>a{display:inline-block;padding-top:40px;color:#fff;font-size:20px;line-height:1.2;background:url(/r/front/img/template3/mypage/wbc__ico_my.png) 50% 0 no-repeat;} .mypage_cont .lnb_wrap .lnb>li{position:relative;background:#292929;border-top:1px solid #1d1d1d;} .mypage_cont .lnb_wrap .lnb>li>a{position:relative;display:block;width:200px;height:54px;padding:0 0 0 14px;box-sizing:border-box;line-height:54px;color:#aaa;font-size:16px;border-left:4px solid #292929;/*background:url(/r/front/img/mypage/bg_lnb_hover.png) 165px 18px no-repeat*/;} .mypage_cont .lnb_wrap .lnb>li>a:before{content:"";position:absolute;top:18px;right:22px;width:2px;height:17px;background:#444;} .mypage_cont .lnb_wrap .lnb>li>a:after{content:"";position:absolute;top:18px;right:22px;width:2px;height:17px;background:#444;transform:rotate(90deg);} .mypage_cont .lnb_wrap .lnb>li:hover>a:before{background:var(--main-color);} .mypage_cont .lnb_wrap .lnb>li:hover>a:after{background:var(--main-color);} .mypage_cont .lnb_wrap .lnb>li>a:hover{border-left:4px solid var(--main-color);color:#e1e1e1;/*background-position:165px -66px;*/font-weight:bold;} .mypage_cont .lnb_wrap .lnb>li>span{display:none;position:absolute;right:22px;top:17px;width:13px;height:13px;font-size:0;/*background:url(/r/front/img/mypage/bt_close.png) 0 0 no-repeat;*/cursor:pointer;z-index:10;} .mypage_cont .lnb_wrap .lnb>li>span:before{content:"";position:absolute;top:0;right:0;width:2px;height:17px;background:var(--main-color);transform:rotate(135deg);} .mypage_cont .lnb_wrap .lnb>li>span:after{content:"";position:absolute;top:0;right:0;width:2px;height:17px;background:var(--main-color);transform:rotate(45deg);} .mypage_cont .lnb_wrap .lnb>li.on>a{border-left:4px solid var(--main-color);color:#e1e1e1;background-position:165px -100px;font-weight:bold;} .mypage_cont .lnb_wrap .lnb>li.on>a:before,.mypage_cont .lnb_wrap .lnb>li.on>a:after{background:none;} .mypage_cont .lnb_wrap .lnb>li.on>span{display:block;} /*.mypage_cont .lnb_wrap .lnb>li.no_bg>a{background:none;}*/ .mypage_cont .lnb_wrap .lnb>li.no_bg>a:before,.mypage_cont .lnb_wrap .lnb>li.no_bg>a:after{background:none;} .mypage_cont .lnb_wrap .lnb>li.no_bg>a:after{background:none;} .mypage_cont .lnb_wrap .lnb>li .dep2{position:relative;top:0;display:none;background:#1a1a1a;} .mypage_cont .lnb_wrap .lnb>li .dep2>ul>li>a{display:block;position:relative;width:200px;height:44px;padding:0 0 0 40px;line-height:46px;font-size:13px;color:#777;box-sizing:border-box;/*background:url(/r/front/img/mypage/bg_lnb_hover2.png) 26px 20px no-repeat*/;} .mypage_cont .lnb_wrap .lnb>li .dep2>ul>li>a:before{content:"";position:absolute;top:20px;left:26px;background:#2a2a2a;width:6px;height:6px;border-radius:50%;} .mypage_cont .lnb_wrap .lnb>li .dep2>ul>li:hover>a{color:#e1e1e1;} .mypage_cont .lnb_wrap .lnb>li .dep2>ul>li:hover>a:before{background:var(--main-color);} .mypage_cont .lnb_wrap .lnb>li .dep2>ul>li>a.on{color:#e1e1e1;} .mypage_cont .lnb_wrap .lnb>li .dep2>ul>li>a.on:before{background:var(--main-color);} /*CS COMMON*/ /*CS_CENTER*/ .cs_section{background:url(/r/front/img/mypage/bg_mypage.jpg) right 48px no-repeat;} .cs_section.bg_none{background:none;} .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:15px 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:bold;} .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% 72px;} .cs_section .cs_con_new .cs_service .cs_list>li.cs2{background-position:50% -149px;} .cs_section .cs_con_new .cs_service .cs_list>li.cs3{background-position:50% -370px;} .cs_section .cs_con_new .cs_service .cs_list>li.cs4{background-position:50% -593px;} .cs_section .cs_con_new .cs_service .cs_list>li.cs5{background-position:50% -816px;} .cs_section .cs_con_new .cs_service .cs_list>li.cs6{background-position:50% -1251px;} .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(--main-color);font-weight:bold;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(--main-color);margin-top:15px;} .cs_section .cs_con_new .cs_service .cs_list>li.cs7 .r_img{position:absolute;right:8px;top:8px;width:315px;height:182px;background:url(/r/front/img/template3/comm/wbc__cs_tel.png) no-repeat;} /*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:40px;color:#fff;line-height:1.2;font-weight:bold;} .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:0px 10px;box-sizing:border-box;border:1px solid #777;border-width:1px 0px 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 0px;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 label{font-size:20px;}*/ .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:bold;border:1px solid #777;background:#222;box-sizing:border-box;} .mini_board{width:100%;} .mini_board thead th{padding:20px 6px 10px;border-bottom:2px solid #333;color:#fff;font-size:14px;font-weight:bold;} .mini_board tbody td{min-width:60px;height:36px;border-bottom:1px solid #333;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:block;padding:5px;height:15px;line-height:15px;color:#fff;background:#FF0000;margin:auto;text-align:center;border-radius:5px;width:65px;} /*COMPANY INFO*/ .cs_cont{width:1148px;margin:0 auto;overflow:hidden;} .cs_cont img{max-width:100%;} /* CS_NOTICE */ /*CS_FAQ*/ /*게시판 Notice Board*/ .my_board{width:100%;} .my_board thead th{font-family:var(--sub-font);position:relative;padding:17px 0;border:2px solid #444;border-width:2px 0 2px 0;color:#fff;font-size:12px;font-weight:bold;vertical-align:top;} .my_board thead th:after{content:"";position:absolute;top:18px;right:0;width:1px;height:10px;background:var(--main-color);} .my_board thead th:last-child:after{background:none;} .my_board tbody tr:hover{background:#1a1a1a;} .my_board tbody tr.on{background:#1a1a1a;} .my_board tbody td{font-family:var(--sub-font);padding-top:15px;color:#aaa;font-size:14px;line-height:18px;text-align:center;border-bottom:1px solid #444;vertical-align:top;} .my_board tbody td.title{text-align:left;padding-left:30px;padding-right:10px;padding-bottom:10px;color:#fff;} .my_board tbody td.title a{color:#fff;} .my_board tbody td.title em{color:var(--main-color);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 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 .txt_q .badge-new{display:inline-block;width:18px;height:18px;background:#ff0000;color:var(--white);font-weight:600;font-size:12px;text-align:center;line-height:18px;border-radius:4px;position:relative;top:-1px;} .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:#fff;font-size:14px;font-family:var(--sub-font);font-weight:700;background:#ff0000;} .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;} /*CS_GUIDE*/ #flexDepth1Tab{height:52px;width:1070px;overflow:hidden;position:relative;margin:0 auto;float:left;} .tab_guide_wrap{width:100%;overflow:hidden;} .tab_guide_wrap .tab_guide_arrow{float:right;} .tab_guide_wrap .tab_guide_arrow .prev{background:#222;border:2px solid #505050;width:34px;height:49px;float:left;margin-right:1px;border-radius:10px;} .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;} .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:100%;height:52px;border-bottom:2px solid #fff;border-radius:5px 5px 0 0;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:2px;/* width:140px;*/width:117px;height:52px;color:#ccc;border:2px solid #333;border-bottom:2px solid #fff;border-radius:5px 5px 0 0;text-align:center;background:#222;line-height:52px;font-size:16px;cursor:pointer;box-sizing:border-box;} .tabm_guide>li:first-child{margin-left:0px;} .tabm_guide>li.on{height:52px;border:2px solid #fff;color:#fff;border-bottom:2px solid #222;z-index:1;} .tabm_guide>li:hover{height:52px;border:2px solid #fff;color:#fff;border-bottom:2px solid #222;z-index:1;} .tabm_guide>li>a{display:block;color:#fff;font-family:var(--sub-font);font-weight:bold;} .tabm_guide_2dep{overflow:hidden;width:100%;} .tabm_guide_2dep>li{float:left;margin-left:2px;width:162px;height:60px;color:#ccc;text-align:center;background:#333;line-height:60px;font-size:16px;cursor:pointer;box-sizing:border-box;margin-bottom:2px;} .mypage_betting .tabm_guide_2dep>li{width:180px;} .tabm_guide_2dep>li:first-child{margin-left:0px;} .cs_cont .tabm_guide_2dep>li:nth-child(7n+8){margin-left:0px;} .mypage_betting .tabm_guide_2dep>li:nth-child(6n+7){margin-left:2px;} .mypage_betting .tabm_guide_2dep>li:nth-child(5n+6){margin-left:0;} .tabm_guide_2dep>li.on{height:60px;color:#fff;background:var(--main-color);} .tabm_guide_2dep>li.on a{color:#222;} .tabm_guide_2dep>li:hover{height:60px;color:#222;background:var(--main-color);} .tabm_guide_2dep>li:hover a{color:#222;} .tabm_guide_2dep>li>a{display:block;} .tabm_guide_3dep{padding-left:80px;padding-right:80px;height:fit-content !important;} .tabm_guide_3dep li{width:fit-content !important;padding-left:20px;padding-right:20px;margin-top:20px;margin-bottom:20px;} .tabm_guide_3dep{width:100%;height:60px;padding-top:18px;border:1px solid #444;border-width:1px 0px;text-align:center;box-sizing:border-box;} .tabm_guide_3dep>li{display:inline-block;width:150px;height:20px;color:#fff;text-align:center;line-height:20px;font-size:16px;cursor:pointer;border-left:2px solid #444;box-sizing:border-box;} .tabm_guide_3dep>li.virtual{width:120px;} .tabm_guide_3dep>li:first-child{border-left:0px;} .tabm_guide_3dep>li.on{color:var(--main-color);} .tabm_guide_3dep>li:hover{color:var(--main-color);} .tabm_guide_3dep>li a{color:inherit;} /* .tab_board_contents img{max-width:100%;}*/ /* MYPAGE COMMON*/ .greeting2{position:relative;text-align:left;background:#4D4D4D;margin:0 auto 10px;padding:15px;box-sizing:border-box;border-radius:10px;} .greeting2 h3{font-size:30px;color:#fff;line-height:1.2;padding:0 10px 0 0;font-weight:bold;display:inline-block;} .greeting2>p{font-size:14px;color:#fff;line-height:24px;margin-top:5px;font-weight:bold;display:inline-block;} .greeting2>p em{color:var(--main-color);} .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 12px 12px 12px;} .mypage_cont .mybox{position:relative;padding:10px 8px;background:#333;border-radius:12px;box-sizing:border-box;font-weight:bold;} .mypage_cont .mybox .tit{padding:7px 0 0 9px;color:#fff;font-size:20px;line-height:1.2;font-weight:bold;} .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 .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:1px solid #1f6b55;border-radius:7px;background:#1d352e;text-align:center;color:var(--main-color);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:#fff;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:32px 0 98px 0;font-size:16px;color:#fff;font-weight:bold;background:url(/r/front/img/mypage/coupon.png) 50% bottom no-repeat;} .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-right: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:15px;margin:0 auto 10px;background:#4d4d4d;text-align:left;font-size:30px;color:#fff;line-height:37px;font-weight:bold;border-radius:10px;} .mypage_cont .contents .greeting em{color:var(--main-color);font-weight:bold;} /*MYPAGE - GUIDE*/ .mypage_guide_steps{display:flex;justify-content:start;} .mypage_guide_steps .steps{display:flex;width:100%;flex-direction:column;} .mypage_guide_steps .steps .step-title{background:var(--main-color);color:#222;position:relative;width:100%;padding:10px 0;text-align:center;font-weight:bold;border-radius:6px;} .mypage_guide_steps .steps:last-child .step-title:before,.mypage_guide_steps .steps:last-child .step-title:after{display:none;} .mypage_guide_steps .steps .step-title:before{content:"";position:absolute;right:-5px;top:0;width:6px;height:50%;background:#333;transform:skew(30deg);z-index:1;} .mypage_guide_steps .steps .step-title:after{content:"";position:absolute;right:-5px;top:50%;width:6px;height:50%;background:#333;transform:skew(-30deg);z-index:1;} .mypage_guide_steps .steps .step-content{background:#222;width:98%;height:100%;padding:10px;box-sizing:border-box;margin:5px 0 0 0;border-radius:6px;} .mypage_guide_steps .steps:last-child .step-content{width:100%;} .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;} .design_sel{position:relative;float:left;margin-left:0;width:140px;height:40px;border:1px solid #777;line-height:40px;cursor:pointer;border-radius:5px;background:url(/r/front/img/mypage/ico_select_arrow.png) 115px -35px no-repeat;} .design_sel.focus{background:url(/r/front/img/mypage/ico_select_arrow.png) 115px 16px no-repeat;} .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:#222;color:#fff;} .design_sel2{position:relative;float:left;width:240px;height:40px;line-height:40px;cursor:pointer;} .design_sel2 select{background:#2b2b2b;color:#fff;border:none;font-size:16px;width:100%;height:40px;min-height:40px;line-height:40px;padding:0 0 0 20px;border-radius:5px;} .design_sel2 select option{background:#222;color:#fff;} .design_sel2.long{width:100%;} .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;width:120px;background-position:95px -35px;border-radius:6px;} .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:40px;margin-left:8px;padding:0 10px;border:1px solid #777;background:#222;border-radius:6px;color:#FFF;} .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%;} .my_list_wrap{width:100%;background:transparent;border-radius:12px;padding:0;box-sizing:border-box;} .my_list_wrap .my_list_top{position:relative;width:100%;margin:0 auto;padding: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_top .date_pick .design_sel{border:none;background-color:#222;} .mypage_cont .my_list_wrap .my_list_top .date_pick .date{border:none;} .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;border:2px solid #444;border-width:2px 0 2px 0;color:#fff;font-size:12px;font-weight:bold;} .my_list_wrap .my_list_cont .my_list thead th:after{content:"";position:absolute;top:20px;right:0;width:1px;height:10px;background:var(--main-color);} .my_list_wrap .my_list_cont .my_list thead th:last-child:after{background:none;} .my_list_wrap .my_list_cont .my_list tbody td{padding:15px 0;color:#aaa;font-size:14px;line-height:18px;text-align:center;border-bottom:1px solid #444;} .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;} /* dropdown list */ .wrapper .jqx-fill-state-normal{background:#2b2b2b;border-color:#2b2b2b;} .wrapper .input{width:150px;border:0;padding:0 10px;background:#2b2b2b;height:24px;line-height:22px;color:#fff;font-size:16px;display:inline-block;} /*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;} .tab_menu_board>li{float:left;margin-left:4px;width:120px;height:48px;color:#777;border:2px solid #262626;border-bottom:0px;border-radius:5px 5px 0 0;text-align:center;background:#262626;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:2px solid #333;color:#fff;border-bottom:2px solid #333;background:#333;} .tab_menu_board>li>a{display:block;} .tab_board_contents>div{display:none;} .tab_board_contents>div.on{display:block;} /* 마이페이지 */ .account_btns{text-align:center;margin-top:30px;margin-bottom:30px;} .account_btns a.bt_enter{display:inline-block;min-width:140px;padding:0 20px;height:50px;border:2px solid var(--main-color);background:var(--main-color);border-radius:25px;color:#000;font-size:18px;line-height:48px;box-sizing:border-box;text-align:center;cursor:pointer;} .account_btns a.bt_enter:hover{border:2px solid var(--main-color);background:transparent;color:var(--main-color);} .info_box{background:transparent;padding:0;margin-top:50px;position:relative;overflow:hidden;} .info_box .info_title{margin-bottom:15px;} .info_box .info_title>span{font-size:20px;font-weight:bold;color:#FFFFFF;height:24px;display:inline-block;} .info_box .info_content>p{font-size:12px;color:#888;width:100%;line-height:23px;} /* MYPAGE COMMON - END*/ /* MYPAGE */ .mypage_cont .infobox{overflow:hidden;} .mypage_cont .infobox>div{float:left;} .mypage_cont .infobox>div.info01{width:288px;height:288px;} .mypage_cont .infobox>div.info02{width:288px;height:288px;margin-left:12px;} .mypage_cont .infobox>div.info03{width:149px;height:288px;margin-left:12px;} /* .mypage_cont .infobox>div.info04{width:288px;height:288px;margin-left:12px;}*/ .mypage_cont .infobox>div.info04{width:149px;height:288px;margin-left:12px;} .mypage_cont .infobox>div.info04 .btnbox{width:128px;} .mypage_cont .info03 .mybox:first-child{margin-bottom:12px;} .mypage_cont .info04 .mybox:first-child{margin-bottom:12px;} .mypage_cont .mybox.small{height:138px;} .mypage_cont .mybox.small .tit{text-align:center;padding:7px 0 0 0;} .mypage_cont .mybox.small .btnbox{position:absolute;bottom:10px;left:10px;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;} .mypage_cont .mybox.deposit_bonus{display:flex;justify-content:space-between;flex-direction:column;} .mypage_cont .mybox .deposit_bonus_type{color:var(--main-color);text-align:center;} .mypage_cont .mybox .deposit_bonus_amount{color:var(--main-color);text-align:center;font-weight:bold;font-size:20px;} .mypage_cont .mybox .deposit_bonus_amount em{color:#fff;font-size:15px;} /* levelbox */ .levelbox{margin:12px 0 0 0;} .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:#a9a9a9;font-weight:bold;font-size:16px;text-align:center;margin:30px 0 0;text-decoration:underline;text-underline-offset:8px;} .progress_wrap{display:flex;justify-content:space-around;margin:50px 0 30px;} .progress{background:#fff;border-radius:7px;width:320px;height:20px;padding:10px;position:relative;} .progress h2{position:absolute;top:-25px;left:0;color:#fff;} .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;margin:0 auto;} .account_info .info01{width:100%;/* height:288px;*/margin-right:16px;} .account_info .info01>table{width:100%;margin:20px auto;} .account_info .info01>table th{width:80px;color:var(--main-color);font-size:12px;} .account_info .info01>table td{height:52px;} .account_info .info01>table td p{width:90%;height:40px;padding:0 0 0 20px;background:#2b2b2b;border-radius:10px;color:#fff;font-size:18px;line-height:33px;box-sizing:border-box;} .account_info .info01>table td #bank_alias{width:70%;} .account_info .info01>table td #bank_name{width:90%;height:40px;background:#2b2b2b;border-radius:10px;color:#fff;font-size:16px;box-sizing:border-box;padding:0 0 0 27px;} .account_info .info01>table td #coin_type_code{width:90%;height:40px;background:#2b2b2b;border-radius:10px;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_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:800px;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 40px;background:#2b2b2b;border-radius:6px;width:100%;} .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:#222;border:1px solid var(--main-color);color:var(--main-color);line-height:30px;text-align:center;border-radius:6px;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:93%;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{width:96%;} .account_info .wrap_file .file{width:80%;} .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:100%;background:transparent;} .account_info .account_regist_table table tr th{width:15%;color:#fff;height:30px;background:transparent;border-bottom:1px solid #555;border-top:1px solid #555;} .account_info .account_regist_table table tr td{border-bottom:1px solid #555;} .account_info .account_regist_table table tbody{background:#333;} .account_info .info_box{width:100%;padding:10px;box-sizing:border-box;margin:0;} .account_info .account_regist .reset{margin-top:7px;float:right;display:none;background:#222222;color:var(--main-color);border:1px solid var(--main-color);border-radius:5px;width:80px;height:26px;text-align:center;cursor:pointer;} .account_info .account_radio{appearance:none;background:var(--main-color);width:8px;height:8px;border-radius:999px;} .account_info.coin input{width:70%;} /** Multi Account */ #withdrawAccountList tr{height:30px;} #withdrawAccountList tr td{color:#fff;text-align:center;} #withdrawAccountList tr td a input{background:#222222;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 #flexDepth1Tab{width:832px;} .mypage_betting .search_area{overflow:hidden;width:100%;height:58px;padding:9px 0 9px 20px;box-sizing:border-box;margin-top:20px;} .mypage_betting .search_area .date_pick{margin-right:15px;} .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:140px;height:40px;padding:5px;border-radius:6px;box-sizing:border-box;border:1px solid #777;color:#fff;background:#252526 url(/r/front/img/mypage/calendar.png?qEv) 115px 11px no-repeat;background-size:15px;} .mypage_cont .date_pick .bt_search{float:left;margin-left:10px;width:80px;height:40px;border:1px solid #1f6b55;border-radius:4px;background:#1d352e;text-align:center;color:var(--main-color);font-size:16px;line-height:39px;box-sizing:border-box;cursor:pointer;} .mypage_cont .date_pick .bt_search:hover{border:1px solid #fff;background:#333;color:#fff;} .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:0px;right:0;display:block;width:40px;height:40px;background:url(/r/front/img/main/bt_close.png?qEv) 0 0 no-repeat;font-size:0px;text-indent:-99px;filter:opacity(0.5) drop-shadow(0 0 0 #000);} .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:bold;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;} .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;width:100%;font-size:14px;color:#777;font-weight:bold;margin-top:10px;} .comp_txt em{font-size:14px;color:#fff;font-weight:bold;} .comp_area{overflow:hidden;} .comp_area>div{float:right;width:435px;height:120px;} .comp_area>div:first-child{float:left;} .comp_area>div .mbox{text-align:right;margin-top:25px;} .comp_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_comp.png?qEv) 6px 6px no-repeat;border-radius:22px;line-height:44px;color:#fff;font-size:30px;font-weight:bold;} .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 - COMPPPOINT*/ /* MYPAGE - FRIEND*/ .my_friend{width:100%;} .my_friend thead th{position:relative;padding:17px 0;border:2px solid #444;border-width:2px 0 2px 0;color:#fff;font-size:12px;font-weight:bold;} .my_friend thead th:after{content:"";position:absolute;top:22px;right:0;width:1px;height:10px;background:var(--main-color);} .my_friend thead th:last-child:after{background:none;} .my_friend tbody td{padding:13px 0;color:#aaa;font-size:14px;line-height:18px;text-align:center;border-bottom:1px solid #444;} .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_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:#222;color:#aaa;height:40px;font-size:16px;padding:0 0 0 15px;margin:20px 0 20px;display:flex;align-items:center;} .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;margin:5px 15px 10px;line-height:1.5;} .coupon_game_guide_content .badge_guide{display:flex;} .coupon_game_guide_content .badge_guide .badge_icon{display:block;width:50px;height:50px;background:url(/r/front/img/comm/badge_coupongame.svg?24.1) 100% no-repeat;background-size:contain;margin:0 15px;} .coupon_game_guide_wrap .guide_img{background:url(/r/front/img/template3/mypage/couponinfo_guide.png)no-repeat;width:910px;height:3451px;background-size:contain;} a.coupon_usebtn{border:var(--main-color);background:var(--main-color);} /* MYPAGE - DEPOSIT*/ .deposit_wrap .deposit_inp li.gameSel{display:flex;gap:10px;} .deposit_wrap .deposit_inp li.gameSel .input_wrap{width:100%;} /* .deposit_wrap .deposit_inp li.gameSel>div{float:left;width:50%;} .deposit_wrap .deposit_inp li.gameSel>div p.right{margin-left:17px;}*/ .deposit_wrap .exchangeCurrency{padding:0px;position:absolute;right:0;} .deposit_wrap .deposit_inp .moneybox .inp_wrap .coin_name{color:#fff;} .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%;} .quick_content .deposit_wrap .exchangeCurrency{right:5px;} /* .deposit_noti{text-align:center;margin-bottom:20px;margin-left:-50px;width:800px;height:136px;background:url(/r/front/img/template3/mypage/deposit_bank_noti.png)no-repeat;background-size:contain;} .deposit_coin_noti{text-align:center;margin-bottom:20px;margin-left:-50px;width:800px;height:136px;background:url(/r/front/img/template3/mypage/deposit_coin_noti.png)no-repeat;background-size:contain;}*/ .virtual_box{margin-top:15px;text-align:center;} .virtual_box p img{width:150px;margin:30px 0;} .virtual_box .virtual_company_input select{width:200px;height:40px;} /* MYPAGE - DEPOSITLIST */ .my_list_wrap .tab_border{border:1px solid #333;position:unset;margin:0 auto;margin-top:-2px;width:100%;} .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:#222;font-weight:bold;padding:13px 0px 0px 2px;display:block;} .total_money_area{display:block;width:115px;height:40px;float:left;background:var(--main-color);padding-left:5px;padding-right:5px;line-height:14px;border-radius:6px 0 0 6px;} .total_money{display:block;width:163px;height:38px;float:left;border:1px solid var(--main-color);border-radius:0 6px 6px 0;} .total_money>span{color:var(--main-color);font-weight:bold;display:block;margin-top:4px;text-align:right;padding-right:8px;font-size:20px;} .totalResultCnt{width:auto;padding-top:20px;position:absolute;right:0px;text-align:right;} /* MYPAGE - DETOUR DEPOSIT*/ .detour_noti{text-align:center;margin:0 auto;width:700px;height:200px;background-image:url('/r/front/img/mypage/detour_wbc_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;} /*MYPAGE - FRIEND*/ .mypage_cont .friend_top{overflow:hidden;} .mypage_cont .friend_top>div.mybox{float:right;width:443px;} .mypage_cont .friend_top>div.mybox:first-child{float:left;} .wrap_bts{position:relative;right:-5px;box-sizing:border-box;width:415px;height:40px;padding:0 100px 0 15px;background:#2b2b2b;border-radius:6px;} .wrap_bts input[type='text']{width:300px;height:30px;margin-top:5px;border:0;line-height:30px;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:5px;top:5px;display:block;width:90px;height:30px;background:var(--main-color);border:1px solid var(--main-color);color:#222;line-height:30px;text-align:center;border-radius:6px;box-sizing:border-box;} .wrap_bts .bt_file_make{position:absolute;right:100px;top:5px;display:block;width:90px;height:30px;background:var(--main-color);border:1px solid var(--main-color);color:#222;line-height:30px;text-align:center;border-radius:6px;box-sizing:border-box;} .wrap_bts .bt_file_none{position:absolute;right:5px;top:5px;display:block;width:90px;height:30px;background:#222;border:1px solid #777777;color:#CCCCCC;line-height:30px;text-align:center;border-radius:6px;box-sizing:border-box;} .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 #777;} /*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: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);} .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;} .info_select{margin-top:10px;width:180px;height:40px;} /*MYPAGE INQUIRY*/ .my_list_wrap .top_btns{width:100%;margin:0 auto;text-align:right;} .my_list_wrap .top_btns .btn_inquiry{cursor:pointer;width:100px;} .top_btns>a{display:inline-block;width:80px;height:32px;background:var(--main-color);border:1px solid var(--main-color);line-height:32px;border-radius:5px;font-size:12px;color:#222;text-align:center;font-weight:bold;box-sizing:border-box;} .top_btns>a:hover{background:#222;color:var(--main-color);} .top_btns.line>a{display:inline-block;width:80px;height:32px;background:var(--main-color);border:1px solid var(--main-color);line-height:32px;border-radius:5px;font-size:12px;color:#222;text-align:center;font-weight:bold;box-sizing:border-box;} .top_btns.line>a:hover{background:#222;color:var(--main-color);} .my_board tbody td.location_path{text-align:left;padding:15px 0;} .my_board tbody tr.on.rate{height:70px;} .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;} /*MYPAGE INQUIRY WRITE*/ .q_write_wrap{width:850px;margin:0 auto;padding:30px 0 80px;} .q_write_wrap .category_box{overflow:hidden;} .q_write_wrap .category_box .design_sel{width:150px;margin-left:0px;margin-right:14px;padding:0 10px;} .q_write_wrap .text_box .q_title_inp{margin-top:10px;width:100%;height:40px;padding:0 20px;border:1px solid #777;line-height:40px;background:#222;box-sizing:border-box;font-size:16px;color:#fff;} .q_write_wrap .text_box>div{margin-top:10px;width:100%;height:320px;padding:20px;border:1px solid #777;background:#222;box-sizing:border-box;font-size:16px;color:#fff;overflow-y:auto;} .q_write_wrap .text_box>div>div{color:#fff;} .q_write_wrap .bt_box{text-align:right;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 #fff;border-radius:25px;color:#fff;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:var(--main-color);border:2px solid var(--main-color);color:#222;} /*MYPAGE MYNOTICE*/ .myNoticeImportant{color:var(--main-color);font-weight:bold;} .note_top_btn a{border-radius:6px;padding:5px 20px;} .note_top_btn .btn-read-all{background:var(--main-color);border:1px solid transparent;font-size:16px;line-height:39px;color:#000;} .note_top_btn .btn-read-all:hover{border:1px solid var(--main-color);background:transparent;color:var(--main-color);} /*MYPAGE NORMALCOUPON*/ /*MYPAGE POINT*/ /*point*/ .point_txt p{text-align:center;width:100%;font-size:14px;color:#777;font-weight:bold;margin-top:10px;} .point_txt em{font-size:14px;color:#fff;font-weight:bold;} .my_point_area>div{width:100%;} .my_point_area>div .mbox{text-align:center;padding:0px 0 30px 0;} .my_point_area>div .mbox>p{height:44px;display:inline-block;padding:0 55px 0 128px;background:#2b2b2b url(/r/front/img/template3/mypage/wbc__ico_point.png?qEv) 6px 6px no-repeat;border-radius:22px;line-height:44px;color:#fff;font-size:30px;font-weight:bold;} .my_point_area>div .mbox>p em{font-size:16px;} /*MYPAGE SECURITYGUIDE*/ /*MYPAGE - SECURITYMANAGE*/ .mypage_cont .mybox .titL{padding:10px 0px 30px 100px;color:var(--main-color);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;margin-left:0;} table.securityManage td .wrap{margin:20px 0 30px 0;overflow:hidden;} table.securityManage td .wrap img{margin-bottom:10px;width:200px;} table.securityManage td .wrap p, .securityManage td .wrap .wrap_file{width:96%;} /*MYPAGE - SECURITYMANAGERELEASE*/ table.securityRelease th{width:100px;text-align:left;} /* MYPAGE - TRANSFER*/ .mypageTab.transfer{margin-bottom:0px;/*padding:16px;*/ margin:auto;} /* .transfer_noti_img{text-align:center;margin:0 auto 20px;width:700px;height:200px;background-image:url('/r/front/img/template3/mypage/transfer_bank_noti.png?sdf');background-repeat:no-repeat;background-position:center;background-size:contain;} .transfer_coin_noti_img{text-align:center;margin:0 auto 20px;width:700px;height:200px;background-image:url('/r/front/img/template3/mypage/transfer_coin_noti.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{margin-left:0px;width:100%;float:none;} .transfer_area .design_sel2 select{width:100%;} .deposit_wrap .transfer_area .moneybox .inp_wrap{width:355px;} .transfer_area .moneybox #fromCoinText{width:310px;text-align:right;} .transfer_area .tradeInfoWrap{display:block;text-align:center;margin-bottom:10px;} .transfer_area .tradeInfoWrap .title{text-align:left;color:#fff;font-size:16px;margin:10px auto 0;width:300px;font-weight:bold;} .transfer_area .tradeInfoWrap .sub-title{text-align:left;color:#aaa;font-size:11px;margin:10px auto 0;width:300px;} .transfer_area .tradeInfoWrap .title .coinithdrawQuantity{display:inline-block;width:160px;} .transfer_area .tradeInfoWrap .title .coinBalance{width:40%;display:inline-block;float:right;text-align:right;color:var(--main-color);padding-right:5%;} .transfer_area .tradeInfoWrap .sub-title .realTimeInfoTit{display:inline-block;width:120px;} .transfer_area .tradeInfoWrap .sub-title .realTimeInfo{width:50%;display:inline-block;float:right;text-align:right;padding-right:5%;} .coinDeposit.mybox{padding:15px 10px;} /* .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 123px;}*/ .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;margin-left:52px;} .coinDeposit.mybox .deposit_inp .gameSel .last select{color:#fff;font-size:16px;line-height:32px;} .depositBalanceTitle{padding:7px 0 0 9px;color:#fff;font-size:20px;line-height:1.2;margin-bottom:10px;} .coinDeposit .realtimeinfo{margin:10px 0 0 50px;white-space:nowrap;} /*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;} .coupon_game_popup_close_btn{position:absolute;background:url(/r/front/img/main/bt_close.png)no-repeat;top:-45px;right:0px;width:49px;height:49px;z-index:1;} .coupon_game_popup{width:1160px;height:600px;overflow-y:auto;padding:0 35px 80px;border-radius:6px;background:#1a1a1a;border:1px solid #444;} .coupon_gamelist_wrap{margin:15px 0 0 0;} .coupon_game_title{position:relative;color:#aaa;font-size:20px;padding:0 0 0 15px;display:flex;align-items:center;} .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:244px;padding:7px 0px 5px 38px;height:40px;border:1px solid var(--main-color);box-sizing:border-box;border-radius:0;background:#222 url(/r/front/img/template3/comm/wbc__icons_slotgames.png) -1033px -90px no-repeat;} .coupon_gamelist_wrap .searchbox input{border:0;width:160px;height:26px;background:none;color:#ccc;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:100px;height:40px;line-height:40px;padding-left:20px;font-size:16px;font-weight:700;border:2px solid #aaa;color:#ccc;border-radius:25px;min-width:105px;} .coupon_gamelist_wrap .bt_all:hover{color:#fff;border:2px solid #fff;} /*MYPAGE WITHDRAW*/ /* .withdraw_noti{text-align:center;margin:0 auto 20px;width:700px;height:150px;background-image:url('/r/front/img/template3/mypage/withdraw_bank_noti.png?sdf');background-repeat:no-repeat;background-position:center;background-size:contain;} .withdraw_coin_noti{text-align:center;margin:0 auto 20px;width:700px;height:150px;background-image:url('/r/front/img/template3/mypage/withdraw_coin_noti.png?sdf');background-repeat:no-repeat;background-position:center;background-size:contain;}*/ .deposit_wrap .mypageTab .mybox .deposit_inp .withdraw_txt p{color:#CCC;} .deposit_wrap .mypageTab .mybox .deposit_inp .withdraw_txt p span{color:#CCC;} .deposit_wrap .mypageTab .withdraw_detail{padding-top:0px;width:100%;background:#222;border-spacing:1px;border-collapse:separate;} .deposit_wrap .mypageTab .withdraw_detail tr th{color:#fff;height:30px;background:#2b2b2b;} .deposit_wrap .mypageTab .withdraw_detail tbody{background:#333;} /* #theme_p_mypage_withdraw_coin_img{margin-left:-83px;text-align:center;margin-bottom:20px;}*/ #coin_type_name{color:#fff;position:absolute;white-space:nowrap;right:40px;top:11px;} .tradeInfo_withdraw{text-align:center;color:#fff;font-size:12px;margin-top:10px;} .tradeInfo_withdraw .title{text-align:left;color:#ffffff;font-size:16px;margin:10px auto 0;width:100%;} .tradeInfo_withdraw .title .label{display:inline-block;width:50%;} .tradeInfo_withdraw .title .data{width:40%;display:inline-block;float:right;text-align:right;padding-right:5%;} #coinInfo p{text-align:left;color:#fff;font-size:16px;margin:3px auto 0;width:100%;padding:8px;} .deposit_wrap .mypageTab .wallet_info{color:white;margin-left:110px;} .deposit_wrap .mypageTab .wallet_info span{color:red;font-weight:bold;} /*MYPAGE - WITHDRAWAL*/ .deposit_wrap .agree_wrap>div input.withdrawal_pass{border:1px solid #444;} /*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;} /*EVENT_LIST*/ .tab_event_wrap{position:relative;height:52px;border-bottom:4px solid var(--main-color);margin:25px auto 0;width:100%;margin-bottom:17px;} .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;} .tab_menu_event>li{float:left;margin-left:2px;width:150px;height:52px;color:#777;text-align:center;background:#333;line-height:52px;font-size:16px;cursor:pointer;box-sizing:border-box;} .tab_menu_event>li>a{display:block;color:#fff;font-family:var(--sub-font);font-weight:bold;} .tab_menu_event>li:first-child{margin-left:0px;} .tab_menu_event>li.on{background:var(--main-color);color:#222;} .tab_menu_event>li.on>a{color:#222;} .tab_menu_event>li:hover>a{color:#222;} .tab_menu_event>li:hover{background:var(--main-color);color:#fff;} .event_section .evt_cont{position:relative;width:1148px;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;} .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:30px 20px;box-sizing:border-box;background:#333;} .event_section .evt_list_wrap .evt_list>li .info .tit{font-family:var(--sub-font);font-weight:900;font-size:18px;color:#fff;line-height:25px;text-overflow:ellipsis;overflow:hidden;width:325px;white-space:nowrap;} .event_section .evt_list_wrap .evt_list>li .info .date{font-family:var(--sub-font);position:absolute;bottom:13px;left:20px;color:#aaa;font-size:14px;} .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;} .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;} .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 .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;} /*YUTNORI*/ .yutnori .yutnori_title .logo{background:url(/r/front/img/template3/comm/logo.png)no-repeat;background-position:top center;width:180px;height:50px;background-size:contain;display:inline-block;vertical-align:middle;margin:0 10px;} /*CEOCOUPON*/ .ceocoupon .detail_banner{background-image:url(/r/front/img/ceocoupon/ceocoupon_detail_wbc.png);} .ceocoupon_popup .detail_banner{background-image:url(/r/front/img/ceocoupon/popup_detail_wbc.png);} .ceocoupon.low .detail_banner{background-image:url(/r/front/img/ceocoupon/ceocoupon_detail_wbc_low.png);} .ceocoupon.low .buttonCouponGet{background-image:url(/r/front/img/ceocoupon/ceocoupon_btn_low.png);} .ceocoupon.low .tnc{background-image:url(/r/front/img/ceocoupon/ceocoupon_tnc_low.png);} /*footer*/ .loading-overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);} /*FOOTER*/ .footer{background:#262626;} .footer .util{width:100%;padding:20px 0 30px 0;border-bottom:1px solid #444444;} .footer .util .inner{position:relative;width:1148px;margin:0 auto;display:flex;flex-wrap:wrap;} .footer .util .inner .sitemap{/* overflow:hidden;*/flex-basis:55%;} .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{flex-basis:45%;} .footer .util .inner .cs .cs_link{display:flex;justify-content:end;} .footer .util .inner .cs .txt1{font-size:22px;line-height:22px;color:#dddddd;display:block;} .footer .util .inner .cs .txt3{font-size:14px;color:#CCC;line-height:20px;margin-top:4px;} .footer .util .inner .cs>div{margin-top:25px;} .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_img{margin-left:40px;} .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-top:30px;width:135px;height:45px;background:var(--main-footer_logo);background-repeat:no-repeat;background-size:contain;} .footer .foot_con>div.partners{width:1148px;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>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;} .floating_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;} .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;} /*notice_channel*/ .footer_notice_channel{gap:15px;flex-direction:column;top:218px;border:none;} .floating_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;} .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;} /*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);} .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;} #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{position:relative;top:0;left:0;z-index:0;transform:rotate(0deg) scale(1);opacity:0;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-delay:.5s;animation-delay:1.5s;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;pointer-events:all;} @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:#2b2b2b;float:left;width:40%;line-height:normal;padding:1px 5px;color:#fff;font-size:16px;} .selectBoxShortStyle select{background:#2b2b2b;border-radius:8px;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:#2b2b2b;} .selectBoxLongStyle select{background:#2b2b2b;border-radius:8px;box-sizing:border-box;cursor:pointer;float:left;height:40px;padding:0 0 0 20px;position:relative;margin-left:33px;width:600px;color:#fff;font-size:16px;border-color:#2b2b2b;} #withdrawAccountList_simple tr{height:30px;} #withdrawAccountList_simple tr td{color:#fff;text-align:center;} #withdrawAccountList_simple tr td a input{background:#222222;color:var(--main-color);border:1px solid var(--main-color);border-radius:5px;width:60px;height:26px;} .simpleWithdrawList tbody{background:#333;} .pwreset_section{padding:0 0 100px 0;} .pwreset_section .pwresetbox{position:relative;background:#222;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/template3/member/wbc__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/template3/member/wbc__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{background:var(--main-color);} .evt_tab_wrap li.active a{color:#000;} .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;} /*컨텐츠*/ /*타이틀 공통*/ /* .game_list1{position:relative;} .wrapper .game_list_recent .titlebox{padding:20px 0 4px 0;} .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 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>li{position:relative;float:left;margin:8px 0 0 8px;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: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 .gameInfo{position:relative;height:32px;background:#222;} .game_list_wrap .gameInfo p{width:187px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .game_list_wrap .gameInfo p.gameTitle{font-size:14px;color:#fff;font-weight:bold;padding:6px 16px;} .game_list_wrap .gameInfo p.gameTitleEn{font-size:12px;color:#ccc;padding:0 0 0 16px;} .game_list_wrap .gameInfo span.gameFavor{display:none;position:absolute;top:-25px;right:3px;width:22px;height:22px;background:url(/r/front/img/template3/comm/wbc__ico_favor.png) left top no-repeat;font-size:0px;text-indent:-999px;z-index:15; ;} .game_list_wrap .gameInfo span.gameFavor.on{display:block;background:url(/r/front/img/m/comm/m_icon_fav_hd.png) 0 0 no-repeat;z-index:15;background-size:contain;} .game_list_wrap .gameInfo span.gameDetailInfo{position:absolute;top:18px;right:10px;width:24px;height:24px;background:url(/r/front/img/comm/bt_caution.png) 0 0 repeat;font-size:0px;text-indent:-999px;background-size:24px;z-index:15;} .game_list_wrap .gameInfo span.gameDetailInfo:hover{background:url(/r/front/img/comm/bt_caution_hover.png) 0 0 repeat;background-size:24px;z-index:15;} .game_list_wrap .big_banner .gameInfo{position:relative;height:64px;background:#222;} .game_list_wrap .big_banner .gameInfo p.gameTitle{font-size:20px;color:#fff;font-weight:bold;padding:18px 20px;width:412px;cursor:pointer;} .game_list_wrap .big_banner .gameInfo p.gameTitleEn{font-size:14px;color:#ccc;padding:10px 0 0 20px;width:412px;} .game_list_wrap .big_banner .gameInfo span.gameFavor{display:none;position:absolute;top:-26px;right:3px;width:22px;height:22px;background:url(/r/front/img/template3/comm/wbc__ico_favor.png) left top no-repeat;font-size:0px;text-indent:-999px;z-index:15;} .game_list_wrap .big_banner .gameInfo span.gameFavor.on{display:block;background:url(/r/front/img/m/comm/m_icon_fav_hd.png) 0 0 no-repeat;z-index:15;background-size:contain;} .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:0px;text-indent:-999px;background-size:24px;z-index:15;} .game_list_wrap .big_banner .gameInfo span.gameDetailInfo:hover{background:url(/r/front/img/comm/bt_caution_hover.png) 0 0 repeat;background-size:contain;z-index:15;} .sub_contents .user_guide_btn a{background:url(/r/front/img/comm/user_guide_btn_dark.png) 115px 50% no-repeat;background-size:18px;background-color:var(--main-color);width:130px;padding:8px;color:#000;position:absolute;font-size:12px;left:calc(50% - 73px);z-index:1;} .layer_item_set{position:absolute;width:218px;height:218px;box-sizing:border-box;z-index:10;box-shadow:0px 0px 1px 1px #222;} .layer_item_set .thumb{position:relative;width:100%;height:100%;} .layer_item_set .thumb>img{width:100%;} .layer_item_set .thumb>a{display:block;height:100%;background-size:100%;} .layer_item_set .thumb *{outline:0 !important;} .layer_item_set .thumb .bt_play{position:absolute;bottom:5px;right:5px;width:80px;height:24px;line-height:24px;margin-left:-50px;color:#fff;font-size:12px;border:1px solid #fff;text-align:center;background-color:rgba(0,0,0,0.3);z-index:100;} .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>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;} .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:32px;right:0;left:100%;height:1px;} .game_list>li:before{bottom:32px;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;} .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;top:210px;left:50%;width:100px;height:30px;line-height:30px;margin-left:-50px;color:#fff;font-size:14px;font-weight:bold;border:1px solid #fff;text-align:center;z-index:100;} /* .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:5px;right:5px;width:80px;height:24px;line-height:24px;margin-left:-50px;color:#fff;font-size:12px;border:1px solid #fff;text-align:center;background-color:rgba(0,0,0,0.3);z-index:100;} .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>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;} .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:64px;right:0;left:100%;height:1px;} .game_list_wrap .big_banner:before{bottom:64px;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;} .txt_type_layer{width:400px;} .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{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;box-shadow:1px 5px 10px #0c0c0c;} .txt_type_layer .inbox .icochk{padding-top:24px;text-align:center;} .txt_type_layer .inbox .icochk img{width:32px;} .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-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: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;} .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_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_list_wrap.six_games_row .gameInfo p{width:149px;} .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?24.1) 100% no-repeat;background-size:contain;} .join_phone_warning{color:red;font-size:12px;float:left;width:300px;position:absolute;left:38px;bottom:-20px;} .join_anni_warning{color:red;font-size:12px;float:left;width:300px;} #floatingBanner{background:#5ee2b150;backdrop-filter:blur(10px);} /*.container.xmas-bg{background:url(/r/front/img/newyear/2025/2025_new_bg.jpg) center no-repeat;background-size:cover;background-attachment:fixed;} .container.xmas-login-bg{background:url(/r/front/img/newyear/2025/2025_new_login_wbc.jpg) center no-repeat;background-size:cover;background-attachment:fixed;min-height:calc(100vh - 89px);box-sizing:border-box;height:auto;}*/ .joinbox,.login_section .loginbox, .wrapper_login .private_join, .wrapper_login .normal_join{background:#222;} .notice_channel_title{display:none;} /* header snow */ /*.wrapper .header{position:relative;z-index:21;background:transparent;} .wrapper .header.slide-header{overflow:hidden;} .wrapper_login .header{z-index:21;background:transparent;} .wrapper .header .inner{position:relative;z-index:2;} .header-snow{z-index:0;position:absolute;top:0;left:0;width:100%;height:89px;background:linear-gradient(#123, #111);display:block!important;} .wrapper_login .header-snow{height:89px;background:transparent;} @keyframes main-loadup{from{opacity:0;}to{opacity:1;};} @keyframes main-loadup-bg{from{background-size:100% 100%;background-position:0% 0%;}to{background-size:400% 400%;background-position:0% 100%;};} .initial-snow{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .initial-snow>*{font-size:12px;color:#fff;opacity:.75;position:absolute;top:-5vh;} @keyframes snowfall{0%{transform:translate3d(var(--left-ini), 0, 0);}100%{transform:translate3d(var(--left-end), 110vh, 0);};} .snow:nth-child(2n){filter:blur(1px);font-size:40px;} .snow:nth-child(6n){filter:blur(2px);font-size:30px;} .snow:nth-child(10n){filter:blur(5px);font-size:30px;} .snow:nth-child(1){--size:0.8vw;--left-ini:0vw;--left-end:-1vw;left:70vw;animation:snowfall 9s linear infinite;animation-delay:-1s;} .snow:nth-child(2){--size:0.2vw;--left-ini:-7vw;--left-end:10vw;left:65vw;animation:snowfall 15s linear infinite;animation-delay:-8s;} .snow:nth-child(3){--size:1vw;--left-ini:6vw;--left-end:6vw;left:1vw;animation:snowfall 9s linear infinite;animation-delay:-7s;} .snow:nth-child(4){--size:0.2vw;--left-ini:-3vw;--left-end:9vw;left:88vw;animation:snowfall 14s linear infinite;animation-delay:-5s;} .snow:nth-child(5){--size:0.4vw;--left-ini:-2vw;--left-end:-9vw;left:74vw;animation:snowfall 6s linear infinite;animation-delay:-4s;} .snow:nth-child(6){--size:0.2vw;--left-ini:5vw;--left-end:1vw;left:35vw;animation:snowfall 6s linear infinite;animation-delay:-7s;} .snow:nth-child(7){--size:0.4vw;--left-ini:-2vw;--left-end:-1vw;left:27vw;animation:snowfall 10s linear infinite;animation-delay:-8s;} .snow:nth-child(8){--size:1vw;--left-ini:-9vw;--left-end:-2vw;left:69vw;animation:snowfall 8s linear infinite;animation-delay:-8s;} .snow:nth-child(9){--size:0.2vw;--left-ini:-1vw;--left-end:-5vw;left:84vw;animation:snowfall 11s linear infinite;animation-delay:-6s;} .snow:nth-child(10){--size:0.2vw;--left-ini:7vw;--left-end:-9vw;left:82vw;animation:snowfall 10s linear infinite;animation-delay:-3s;} .snow:nth-child(11){--size:0.6vw;--left-ini:-2vw;--left-end:-1vw;left:48vw;animation:snowfall 10s linear infinite;animation-delay:-1s;} .snow:nth-child(12){--size:0.2vw;--left-ini:5vw;--left-end:6vw;left:39vw;animation:snowfall 15s linear infinite;animation-delay:-8s;} .snow:nth-child(13){--size:0.2vw;--left-ini:6vw;--left-end:5vw;left:3vw;animation:snowfall 9s linear infinite;animation-delay:-8s;} .snow:nth-child(14){--size:0.8vw;--left-ini:-5vw;--left-end:-2vw;left:49vw;animation:snowfall 11s linear infinite;animation-delay:-8s;} .snow:nth-child(15){--size:0.6vw;--left-ini:10vw;--left-end:4vw;left:77vw;animation:snowfall 7s linear infinite;animation-delay:-4s;} .snow:nth-child(16){--size:0.8vw;--left-ini:-3vw;--left-end:1vw;left:86vw;animation:snowfall 14s linear infinite;animation-delay:-8s;} .snow:nth-child(17){--size:1vw;--left-ini:6vw;--left-end:-7vw;left:18vw;animation:snowfall 9s linear infinite;animation-delay:-6s;} .snow:nth-child(18){--size:1vw;--left-ini:-9vw;--left-end:4vw;left:64vw;animation:snowfall 13s linear infinite;animation-delay:-7s;} .snow:nth-child(19){--size:1vw;--left-ini:2vw;--left-end:-7vw;left:52vw;animation:snowfall 15s linear infinite;animation-delay:-9s;} .snow:nth-child(20){--size:0.4vw;--left-ini:0vw;--left-end:8vw;left:5vw;animation:snowfall 8s linear infinite;animation-delay:-9s;} .snow:nth-child(21){--size:0.6vw;--left-ini:-9vw;--left-end:-2vw;left:10vw;animation:snowfall 12s linear infinite;animation-delay:-3s;} .snow:nth-child(22){--size:0.8vw;--left-ini:-3vw;--left-end:-8vw;left:54vw;animation:snowfall 11s linear infinite;animation-delay:-9s;} .snow:nth-child(23){--size:0.6vw;--left-ini:-7vw;--left-end:-8vw;left:20vw;animation:snowfall 6s linear infinite;animation-delay:-3s;} .snow:nth-child(24){--size:0.4vw;--left-ini:10vw;--left-end:-4vw;left:68vw;animation:snowfall 10s linear infinite;animation-delay:-8s;} .snow:nth-child(25){--size:1vw;--left-ini:3vw;--left-end:5vw;left:90vw;animation:snowfall 7s linear infinite;animation-delay:-9s;} .snow:nth-child(26){--size:1vw;--left-ini:-7vw;--left-end:5vw;left:71vw;animation:snowfall 13s linear infinite;animation-delay:-2s;} .snow:nth-child(27){--size:0.6vw;--left-ini:9vw;--left-end:4vw;left:2vw;animation:snowfall 15s linear infinite;animation-delay:-5s;} .snow:nth-child(28){--size:1vw;--left-ini:-5vw;--left-end:3vw;left:23vw;animation:snowfall 12s linear infinite;animation-delay:-1s;} .snow:nth-child(29){--size:0.4vw;--left-ini:-2vw;--left-end:-1vw;left:39vw;animation:snowfall 14s linear infinite;animation-delay:-9s;} .snow:nth-child(30){--size:0.6vw;--left-ini:-9vw;--left-end:-5vw;left:76vw;animation:snowfall 10s linear infinite;animation-delay:-5s;} .snow:nth-child(31){--size:0.4vw;--left-ini:-5vw;--left-end:3vw;left:14vw;animation:snowfall 8s linear infinite;animation-delay:-5s;} .snow:nth-child(32){--size:0.2vw;--left-ini:5vw;--left-end:-1vw;left:86vw;animation:snowfall 10s linear infinite;animation-delay:-9s;} .snow:nth-child(33){--size:0.4vw;--left-ini:-3vw;--left-end:10vw;left:66vw;animation:snowfall 6s linear infinite;animation-delay:-6s;} .snow:nth-child(34){--size:1vw;--left-ini:-3vw;--left-end:6vw;left:75vw;animation:snowfall 14s linear infinite;animation-delay:-9s;} .snow:nth-child(35){--size:1vw;--left-ini:-6vw;--left-end:7vw;left:22vw;animation:snowfall 7s linear infinite;animation-delay:-5s;} .snow:nth-child(36){--size:1vw;--left-ini:3vw;--left-end:4vw;left:10vw;animation:snowfall 11s linear infinite;animation-delay:-10s;} .snow:nth-child(37){--size:0.6vw;--left-ini:2vw;--left-end:10vw;left:95vw;animation:snowfall 13s linear infinite;animation-delay:-6s;} .snow:nth-child(38){--size:0.8vw;--left-ini:5vw;--left-end:8vw;left:34vw;animation:snowfall 9s linear infinite;animation-delay:-10s;} .snow:nth-child(39){--size:0.8vw;--left-ini:4vw;--left-end:0vw;left:80vw;animation:snowfall 11s linear infinite;animation-delay:-2s;} .snow:nth-child(40){--size:0.8vw;--left-ini:1vw;--left-end:-7vw;left:45vw;animation:snowfall 11s linear infinite;animation-delay:-4s;} .snow:nth-child(41){--size:0.2vw;--left-ini:9vw;--left-end:10vw;left:82vw;animation:snowfall 8s linear infinite;animation-delay:-2s;} .snow:nth-child(42){--size:1vw;--left-ini:9vw;--left-end:-9vw;left:22vw;animation:snowfall 10s linear infinite;animation-delay:-6s;} .snow:nth-child(43){--size:0.6vw;--left-ini:5vw;--left-end:8vw;left:66vw;animation:snowfall 11s linear infinite;animation-delay:-1s;} .snow:nth-child(44){--size:0.6vw;--left-ini:-5vw;--left-end:-2vw;left:75vw;animation:snowfall 12s linear infinite;animation-delay:-4s;} .snow:nth-child(45){--size:0.2vw;--left-ini:0vw;--left-end:3vw;left:2vw;animation:snowfall 7s linear infinite;animation-delay:-5s;} .snow:nth-child(46){--size:0.2vw;--left-ini:8vw;--left-end:-3vw;left:94vw;animation:snowfall 8s linear infinite;animation-delay:-9s;} .snow:nth-child(47){--size:0.6vw;--left-ini:-6vw;--left-end:-9vw;left:95vw;animation:snowfall 11s linear infinite;animation-delay:-4s;} .snow:nth-child(48){--size:0.2vw;--left-ini:-5vw;--left-end:6vw;left:34vw;animation:snowfall 10s linear infinite;animation-delay:-6s;} .snow:nth-child(49){--size:0.8vw;--left-ini:4vw;--left-end:8vw;left:22vw;animation:snowfall 12s linear infinite;animation-delay:-10s;} .snow:nth-child(50){--size:0.2vw;--left-ini:-4vw;--left-end:4vw;left:100vw;animation:snowfall 14s linear infinite;animation-delay:-9s;}*/ /* vvip custom */ .skyeagles_area{display:block!important}