@charset "UTF-8";

* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline } 
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block } 
dl,ul,ol,menu,li { list-style:none } 
blockquote,q { quotes:none } 
blockquote:before,blockquote:after,q:before,q:after { content:""; content:none } 
table { border-collapse:collapse; border-spacing:0 } 
body,th,td,input,select,textarea,button { font-family:'Pretendard', sans-serif } 
p,a,h1,h2,h3,h4,h5,h6,tr,span,input,textarea,select,caption,table th,table td { font-family:'Pretendard', sans-serif } 
body,html { font-size:10px; letter-spacing:0; min-width:0 } 
html,body { background:#1E0B3B; line-height:1.3; color:#fff; font-weight:400 } 
fieldset,img { border:0 none } 
img { vertical-align:top } 
a { text-decoration:none; cursor:pointer; color:#fff } 
a:active,a:hover { text-decoration:none } 
input,select,textarea,button { vertical-align:top; cursor:pointer } 
button { color:#222; border:0 none; padding:0; background-color:transparent; cursor:pointer } 
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:400 } 
legend,caption { visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 } 
input { outline:none } 
input[type="text"]::-ms-clear { display:none } 
input[type="file"] { background:transparent; border:0; cursor:pointer }

body.popup-open{overflow: hidden!important;}
.hidden { display: none !important; visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0 } 
::-webkit-scrollbar { width:6px; height:0px; border:0 } 
::-webkit-scrollbar-track { background:inherit } 
::-webkit-scrollbar-thumb { width:6px; height:auto; background:#4B4C5B; -webkit-border-radius:0; border-radius:0 } 

#wrap { position:relative; width:100%; margin:0 auto; min-width:0; overflow-x:hidden } 

#header { z-index:999; position:fixed; left:0; top:0; height:90px; width:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 100%) } 
.header { width:100%; height:100% } 
.header_wrap { position:relative; height:100%; width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 20px 0 35px; } 

.theme_logo_img { position: relative; } 
.theme_logo_img a { display:block; width:auto; height:58px; position: relative; } 
.theme_logo_img a::after { content: 'Beta'; display: inline-block; position: absolute; bottom: 0; padding: 3px 15px; border-radius: 20px; background: linear-gradient(180deg, #c90ce2 0%, #500b72 100%); font-size: 14px; font-weight: bold; } 
.theme_logo_img img { width:auto; height:100% } 

.theme_login { display:flex } 
.mem_menu_wrapper { display:flex; align-items:center; height:100% } 
.mem_menu { display:flex; flex-direction:row; align-items:center; justify-content:flex-end } 
.mem_menu li { margin:0 9px 0 0 } 
.mem_menu li a { display:block; padding:0 14px; font-size:1.4rem; color:#fff; height:42px; line-height:40px; text-align:center; border-radius:10px; font-weight:700 } 
.m_login { display:inline-block; padding:0 14px; height:42px; line-height:42px; font-size:1.4rem; color:#fff; border-radius:10px; font-weight:700; cursor:pointer; text-align:center; background:linear-gradient(180deg, #796387 0%, #3B2E41 100%); min-width:85px; margin:0 15px 0 0 } 
.m_join { border:2px solid #5F5565; background:#140132; display:inline-block; padding:0 14px; height:42px; line-height:38px; font-size:1.4rem; color:#fff; border-radius:10px; font-weight:700; cursor:pointer; text-align:center; min-width:85px; margin:0 15px 0 0 } 
.m_login2 { display:inline-block; padding:0 14px; height:42px; line-height:42px; font-size:1.4rem; color:#fff; border-radius:10px; font-weight:500; cursor:pointer; text-align:center; background:#ff9202; min-width:85px; margin:0 15px 0 0 } 

.select_lang { position:relative; margin-left: 12px; } 
.selectLangCont { display:flex; justify-content:center; align-items:center; height: 42px; background:#373737; border-radius:20px; cursor:pointer; padding: 5px; } 
.selectLangCont img { width:28px; height:28px } 
.selectLangCont .ico_arrow { width:10px; height:5px; margin-left:8px } 
.select_lang li { text-align:center; padding:0 12px 6px } 
.select_lang li:last-child { padding-bottom:0 } 
.select_lang li img { width:20px; height:20px } 
.lang_inner { display:none; height:auto; padding:4px 0; width:56px; border-radius:10px; background:#373737; transition:all .3s; position:absolute; top:48px; right:0 } 
.lang_inner.show { display:block } 
.select_lang.mLang { display:none } 
.theme_myMenu { display:none } 

.login #header .mem_menu { display:none } 
.login .theme_myMenu { display:block } 
.theme_myMenu { width:100%; height:46px; padding:0; display:none; flex-direction:row; align-items:center; justify-content:space-between } 
/* .theme_myMenu span { display:inline-block; font-size:1.3rem; font-weight:300; color:rgba(255,255,255,0.7); cursor:pointer } */
.theme_myMenu .ico { width:26px; height:26px; display:inline-block; margin-right:5px } 
.theme_myMenu .ico img { width:100%; height:100% } 

.hd_r_pf_btn_wrap { display: flex; align-items: center; gap: 15px; } 
.hd_r_pf_btn_wrap.mo { display: none; align-items: center; gap: 15px; } 
.myMenuPage { display:flex; flex-direction:row; align-items:center } 
.btn_buy { display:inline-block; padding:0 14px; height:42px; line-height:42px; font-size:1.4rem; color:#fff; border-radius:42px; font-weight:700; cursor:pointer; text-align:center; background:linear-gradient(180deg, #FF26B7 0%, #BD0084 100%); min-width:85px; } 
.btn_redeem { display:inline-block; padding:0 14px; height:42px; line-height:42px; font-size:1.4rem; color:#fff; border-radius:42px; font-weight:700; cursor:pointer; text-align:center; background:linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); min-width:102px; } 
.btn_noti { position:relative; display:block; } 
.hd_r_btn_chat { position: relative; width: 42px; height: 42px; background-image: url("/images/chat/i_org_chat.png"); background-size: 36px 36px; background-position: center; background-repeat: no-repeat; } 
.topBtnUserPf { position: relative; display: block; width: 42px; height:42px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: top; } 

.count_alarm { position:absolute; top:5px; right:-4px; width:14px; padding:0 2px 0 2px; height:14px; background:#F10821; color:#fff; text-align:center; line-height:14px; font-size:1rem; border-radius:100%; letter-spacing:-0.1px } 

.coin_wrap { position: relative; min-width:250px; margin-right: 15px } 
.coin_wrap.mo { display: none; position: relative; min-width:unset; width: 100%; margin-right: 15px } 
.coin_wrap .toggle_switch_wrap { border:1px solid #A60CFF; border-radius:42px; background:#222; width:100%; overflow:hidden; transition:width 0.3s ease } 
.coin_wrap .toggle_switch { display:grid; grid-template-columns: 1fr 1fr; width:100%; align-items:stretch; position:relative; background:transparent; border-radius:42px; overflow:hidden; user-select:none; transition:width 0.3s ease; border:2px solid #000 } 
.coin_wrap .toggle_switch input[type="radio"]:not(:checked) + label em { color:#626262 } 
.coin_wrap .toggle_option { display:flex; align-items:center; justify-content:space-between; padding:0 15px 0 0; height:36px; cursor:pointer; font-weight:bold; color:#A60CFF; position:relative; z-index:1; transition:all 0.3s } 
.coin_wrap .toggle_option em { font-size:1.4rem; font-weight:700; transition:visibility 0.3s ease; white-space:nowrap } 
.coin_wrap .toggle_option::before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#A60CFF; border-radius:42px; opacity:0; z-index:-1; transition:opacity 0.3s } 
.coin_wrap .toggleSc input[type="radio"]:checked + label.toggle_option::before,
.coin_wrap .toggleBc input[type="radio"]:checked + label.toggle_option::before { opacity:1 } 
.coin_wrap .toggleSc input[type="radio"]:checked + label.toggle_option,
.coin_wrap .toggleBc input[type="radio"]:checked + label.toggle_option { color:#fff } 
.coin_wrap .toggleSc input[type="radio"]:not(:checked) + label.toggle_option,
.coin_wrap .toggleBc input[type="radio"]:not(:checked) + label.toggle_option { color:#A60CFF } 
.coin_wrap .toggle_option .on { display:none } 
.coin_wrap .toggle_option .off { display:inline-block } 

.coin_wrap .toggleSc input[type="radio"]:checked + label .on,
.coin_wrap .toggleBc input[type="radio"]:checked + label .on { display:inline-block } 
.coin_wrap .toggleSc input[type="radio"]:checked + label .off,
.coin_wrap .toggleBc input[type="radio"]:checked + label .off { display:none } 
.coin_wrap .toggleSc input[type="radio"]:not(:checked) + label .on,
.coin_wrap .toggleBc input[type="radio"]:not(:checked) + label .on { display:none } 
.coin_wrap .toggleSc input[type="radio"]:not(:checked) + label .off,
.coin_wrap .toggleBc input[type="radio"]:not(:checked) + label .off { display:inline-block } 

.coin_wrap .toggle_switch label em { font-size:1.4rem; font-weight:700; color:#fff; display:inline-block; padding:0 15px 0 5px; cursor: pointer; line-height:1 } 
.coin_wrap .toggle_switch .toggleSc label em { text-align: right } 
.coin_wrap .toggle_switch img { width:29px; height:30px; margin:0 0 0 8px } 
.coin_wrap .toggleSc input[type="radio"], .coin_wrap .toggleBc input[type="radio"] { position:absolute; opacity:0; width:0; height:0; margin:0; pointer-events:none } 
.coin_wrap .toggleBc img { margin-left:5px } 
.coin_wrap .toggleBc .toggle_option { padding: 0 0 0 8px } 

.t_coin_tab_toast { display: none; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); z-index: 1000; } 
.t_coin_tab_toast_inner { width: 300px; padding: 15px; border-radius: 10px; border: 1px solid #C8C8C8; display: grid; grid-template-columns: 1fr 70px; align-items: center; column-gap: 10px; background-color: #161740 } 
.t_coin_tab_toast_inner .vals .col_t { font-size: 17px; font-weight: bold; color: #FFF; margin-bottom: 5px; } 
.t_coin_tab_toast_inner .vals .col { font-size: 15px; color: #FFF; } 
.t_coin_tab_toast_inner .ill { position: relative; width: 100%; padding-bottom: 100%; } 
.t_coin_tab_toast_inner .ill::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; } 

.t_coin_tab_toast.sc { } 
.t_coin_tab_toast.sc .vals .col_t { color: #43BAFF; } 
.t_coin_tab_toast.bg .vals .col_t { color: #F5D045; } 
.t_coin_tab_toast .t_coin_tab_toast_inner .ill::before { background-image: url("/images/home/ill_toast_ec.png") } 
.t_coin_tab_toast.sc .t_coin_tab_toast_inner .ill::before { background-image: url("/images/home/ill_toast_ec.png") } 
.t_coin_tab_toast.bg .t_coin_tab_toast_inner .ill::before { background-image: url("/images/home/ill_toast_bg.png") } 

.section { position:relative } 
.section_inner { position:relative; width:100%; display:flex; flex-direction:row; justify-content:space-between; padding:90px 0 0 } 
.side_bar { position:relative; flex:0 0 232px; background-color:#160333; color:#CDADFF; min-width:0; padding:32px 20px; } 

.side_lnb { width:100% } 
.lnb_title { position:relative; display:block; height:50px; line-height:50px; padding-left:10px; cursor:pointer } 
.lnb_title span,.lnb_title a { display:flex; align-items:center; color:#FFF; font-size:1.6rem; font-weight:700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.lnb_item.current .lnb_title span,.lnb_item.current .lnb_title a { color:#FFBA00 } 

.lnb_item .ico_side { position:relative; padding-left:30px } 
.lnb_item .ico_side:before { content:''; display:inline-block; width:22px; height:22px; margin-right:8px; position:absolute; left:0; background-repeat:no-repeat; background-size:cover; background-color:#CDADFF; -webkit-mask-size:cover; mask-size:cover } 
.lnb_item.current .ico_side:before { background-color:#FFBA00 } 
.lnb_item .ico_side span { color:#CDADFF; position: relative; } 

.lnb_item .ico_01:before { width:25px; -webkit-mask:url('../../images/side_left/ico_leftSide_01.svg') no-repeat center; mask:url('../../images/side_left/ico_leftSide_01.svg') no-repeat center } 
.lnb_item .ico_02:before { -webkit-mask:url('../../images/side_left/ico_leftSide_02.svg') no-repeat center; mask:url('../../images/side_left/ico_leftSide_02.svg') no-repeat center } 
.lnb_item .ico_03:before { -webkit-mask:url('../../images/side_left/ico_leftSide_03.svg') no-repeat center; mask:url('../../images/side_left/ico_leftSide_03.svg') no-repeat center } 
.lnb_item .ico_04:before { -webkit-mask:url('../../images/side_left/ico_leftSide_04.svg') no-repeat center; mask:url('../../images/side_left/ico_leftSide_04.svg') no-repeat center } 
.lnb_item .ico_05:before { -webkit-mask:url('../../images/side_left/ico_leftSide_05.svg') no-repeat center; mask:url('../../images/side_left/ico_leftSide_05.svg') no-repeat center } 
.lnb_item .ico_06:before { -webkit-mask:url('../../images/side_left/ico_panel_partner.png') no-repeat center; mask:url('../../images/side_left/ico_panel_partner.png') no-repeat center } 
.lnb_item .ico_slot:before { -webkit-mask:url('../../images/side_left/ico_slot.png') no-repeat center; mask:url('../../images/side_left/ico_slot.png') no-repeat center } 
.lnb_item .ico_new:before { -webkit-mask:url('../../images/side_left/ico_new.png') no-repeat center; mask:url('../../images/side_left/ico_new.png') no-repeat center } 
.lnb_item .ico_poker:before { -webkit-mask:url('../../images/side_left/ico_poker.png') no-repeat center; mask:url('../../images/side_left/ico_poker.png') no-repeat center } 
.lnb_item .ico_rank:before { -webkit-mask:url('../../images/side_left/ico_rank.png') no-repeat center; mask:url('../../images/side_left/ico_rank.png') no-repeat center } 
.lnb_item .ico_tournament:before { -webkit-mask:url('../../images/side_left/ico_tournament.png') no-repeat center; mask:url('../../images/side_left/ico_tournament.png') no-repeat center } 
.lnb_item .ico_league:before { -webkit-mask:url('../../images/side_left/ico_menu_league.png') no-repeat center; mask:url('../../images/side_left/ico_menu_league.png') no-repeat center } 
.lnb_item .ico_tier:before { -webkit-mask:url('../../images/side_left/ico_menu_league.png') no-repeat center; mask:url('../../images/side_left/ico_menu_league.png') no-repeat center } 
.lnb_item .ico_get_2:before { background-image: url("../../images/side_left/ico_get_2.png"); background-size: contain; background-color: inherit; } 
.lnb_item .ico_reward_event:before { background-image: url("../../images/side_left/ico_reward_event.png"); background-size: contain; background-color: inherit; } 
.lnb_item .ico_side.ico_get_2 .inn_ico { margin-left: 3px; padding-right: 20px; margin-right: 3px; } 
.lnb_item .ico_side.ico_get_2 .inn_ico::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 18px; height: 18px; background-image: url("/images/ico_sc.png"); background-repeat: no-repeat; background-size: contain; background-position: center } 

.lnb_toggle .btn_show { position:absolute; right:20px; top:23px; width:10px; height:5px; cursor:pointer } 
.lnb_toggle.active .btn_show { transform:rotate(-180deg) } 
.lnb_sub_menu { display:none; background-color:#1E0B3B; border-radius:10px } 
.lnb_item.open .lnb_sub_menu { display:block } 
.lnb_sub_menu li { padding-left:10px; height:50px; line-height:50px; color:#fff; font-size:1.4rem; font-weight:700; border-bottom:1px solid #321D53 } 
.lnb_sub_menu li:last-child { border-bottom:0 } 
.lnb_sub_menu li a { display:block } 
.lnb_sub_menu li.current a { color:#FFBA00 } 
.claim_wrap { margin:10px 0 13px } 
.claim_item { margin-top:10px } 
.img_claim { z-index:1; display:inline-block; width:56px; height:58px; position:absolute; left:-23px; top:-8px } 
.img_claim img { width:100%; height:100% } 
.claim_item li + li { margin-top:12px } 
.claim_item li { position:relative; width:192px !important; padding:0 10px; height:82px!important } 
.claim_item .claim { position:relative; display:block; height:42px; width:100%; padding-left:13px; line-height:42px; color:#fff; border-radius:10px; font-size:1.4rem; font-weight:700; text-align:center } 
.claim_item .claim_bc { background:linear-gradient(90deg, #FE5100 49.52%, #FF9E02 100%) } 
.claim_item .claim_sc { background:linear-gradient(90deg, #500EA6 49.52%, #A559F7 100%) } 
.claim_item li em { font-weight:700 } 
.claim_item .clickClaim .claimBefore { display:block } 
.claim_item .clickClaim .claimAfter { display:none } 

.claim_item .clickClaim .claimAfter.show { display:block !important } 
.claim_item .clickClaim .claimBefore.hide { display:none !important } 
.claim_item .clickClaim.active .claimAfter em { display: block; text-align: center; line-height:1.1 } 

.claim_item .clickClaim.active { position: relative } 
.claim_item .clickClaim.active::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); border-radius:10px; z-index:1; pointer-events: none } 

.lm_lang_select_wrap { width: 100%; padding: 10px; border-radius: 10px; margin-top: 5px; background: #1E0B3B; } 
.lm_lang_select_wrap select { width: 100%; font-size: 14px; color: #CDADFF; background: #1E0B3B; border: none; } 

.panel { width:100%; display:none } 

.contents { position:relative; flex:1 1 auto; min-width:0 } 
.contents_inner { max-width:1144px; margin:0 auto; padding:30px 20px 50px; min-height:680px } 
.contents_inner.main { max-width:1376px; padding:0 20px 50px; } 
.main .contents_inner { padding:30px 0 70px } 
.page_title { display:block; font-size:3rem; font-weight:700; text-align:center } 
.page_sub_title { display:block; font-size:1.8rem; font-weight:800 } 

.cont_top { display:flex; flex-direction:row; align-items:flex-start; width:100%; height:490px } 
.welcome_bonus { position:relative; width:328px; height:490px; padding:20px 10px 20px 18px; color:#fff; border-radius:15px; background-image:url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_01.png); background-repeat:no-repeat } 
.welcome_bonus p { font-size:4.0rem; font-weight:800; line-height:34px; text-align:center; margin-top:20px } 
.welcome_bonus div { font-size:1.8rem; font-weight:800; line-height:24px; text-align:center; margin-top:10px } 
.btn_bonus { z-index:2; position:absolute; bottom:50px; left:40px; display:inline-block; padding:0 28px; width:260px; height:46px; line-height:46px; border-radius:46px; background:#FED900; color:#510404; font-size:18px; font-weight:800 } 
.img_bonus { z-index:1; position:absolute; right:10px; bottom:38px } 

.main_slide_wrap { width:100%; } 

.slide_wrap { position:relative; width:100% } 
.slide_wrap.main_slide .add_nav { margin-top:10px; height:10px } 
.slide_wrap.main_slide .swiper-pagination { width:100%; text-align:center } 
.slide_wrap .swiper-pagination-bullet { opacity:1; margin:0 3px 0 2px; width:10px; height:10px; background:#404040; transition:all .5s; cursor:pointer; border-radius:10px } 
.slide_wrap .swiper-pagination-bullet-active { background:#FFBA00 } 

.slide { overflow:hidden; position:relative; width:100%; margin:0 auto; height:530px } 
.slide .swiper-slide a { width:100%; display:block } 
.slide .swiper-slide a img { width:100%; height:100% } 
.slide.horizontalTopSlide { height: 290px } 
.main_slide { width:100% } 
.main_slide .swiper-slide a { width:100%; height:490px; padding:20px 30px; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:15px } 
.main_slide .tit { display:block; font-size:44px; font-weight:800; line-height:50px; margin-top:40px } 
.main_slide .tit strong { color:#FED900 } 
.main_slide .s_tit { display:block; font-size:18px; font-weight:800; margin-top:5px } 
.main_slide .btn_bonus { left:46px } 

.horizontal_slide { width:100%; margin:0 auto } 
.horizontal_slide .swiper-wrapper { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center } 
.horizontal_slide .swiper-slide { position:relative; width:239px; height:280px; margin-right:15px } 
.horizontal_slide .swiper-slide a { overflow:hidden; display:flex; position:relative; width:100%; height:100%; flex-direction:row; justify-content:flex-end; align-items:flex-end } 
.horizontal_slide .slide:after { content:''; z-index:1; display:block; height:313px; width:243px; position:absolute; right:-210px; top:0; background:url(../../images/bg_main_slide.png) no-repeat; background-size: cover; background-position: left center } 

.img_game { z-index:1; position:relative; display:inline-block; width:calc(100% - 69px); height:100%; border-radius:10px; background-size:cover; background-repeat:no-repeat } 

.week_rank { z-index:2; width:auto; height:120px; display:inline-block; position:absolute; left:0; bottom:0 } 
.week_rank img { width:100%; height:100% } 
.horizontal_slide .swiper-slide:first-child .week_rank { left:-18px } 

.lazy-bg { opacity: 0; transition: opacity 0.5s ease-in-out; background-size: cover; background-position: center; background-repeat: no-repeat; } 
.lazy-bg.lazy-loaded { opacity: 1; } 
.site_title { position:relative; font-size:3.2rem; font-weight:700; margin:70px 0 25px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:0 17px } 
.site_title img { margin-right:10px } 
.site_title .btn_view { position:absolute; right:0; padding:0 18px; display:inline-block; height:46px; line-height:46px; background:#2F1A50; text-align:center; border-radius:10px; font-size:1.8rem; color:#fff; font-weight:800 } 
.site_title.title_pd0 { padding:0 } 


.ma_top_cards { width: 100%; margin: 0 auto; padding: 20px 0; } 

.ma_top_cards_inner { display: grid; grid-template-columns: 1fr 32%; gap: 15px; aspect-ratio: 1336 / 440; max-height: 440px; width: 100%; align-items: stretch; } 

.ma_top_card_lf { position: relative; min-width: 0; padding-bottom: 7px; } 
.ma_top_card_lf,
.ma_top_card_rt { height: 100%; min-height: 0; } 

.ma_top_card_lf_sw_cont { height: 100%; overflow: hidden; } 

.ma_top_card_lf_sw_cont .swiper-slide { display: flex; align-items: center; padding: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 15px; overflow: hidden; position: relative; border: 0 solid transparent; z-index: 1; } 

.ma_top_card_lf_sw_cont .swiper-slide::before { content: ""; position: absolute; inset: 0; border-radius: 15px; padding: 1px; background: linear-gradient(180deg, #16C1FF 0%, #96FF1E 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: 2; } 

.ma_top_card_content { position: relative; z-index: 3; } 

.ma_top_card_content { position: relative; z-index: 2; flex: 1; } 

.ma_top_card_title { font-size: 32px; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; background: linear-gradient(180deg, #FFFFFF 39.58%, #8A99A2 100%); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; } 

.ma_top_card_desc { font-size: 42px; font-weight: 800; line-height: 1.1; color: #fff; margin-bottom: 30px; max-width: 450px; } 

.ma_top_card_btn { background: #4eff00; color: #000; border: none; padding: 12px 40px; font-size: 18px; font-weight: 800; border-radius: 8px; cursor: pointer; box-shadow: 0 4px 15px rgba(78, 255, 0, 0.4); } 

.ma_top_card_img { flex-shrink: 0; } 

.ma_top_card_img img { max-height: 280px; } 

.ma_top_card_pagination { position: absolute; bottom: 0; left: 0 !important; width: 100% !important; height: 2px; display: flex; z-index: 10; } 

.ma_top_card_pagination .swiper-pagination-bullet { flex: 1; height: 100%; background: rgba(255, 255, 255, 0.15); border-radius: 2px; margin: 0 !important; opacity: 1; transition: background 0.3s; } 

.ma_top_card_pagination .swiper-pagination-bullet-active { background: #00e0ff; box-shadow: 0 0 8px rgba(0, 224, 255, 0.6); } 

.ma_top_card_rt { display: flex; flex-direction: column; gap: 10px; padding-bottom: 7px; } 

.ma_top_card_rt_item { flex: 1; border-radius: 15px; padding: 25px; display: flex; flex-direction: column; justify-content: center; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; border: 0 solid transparent; transition: transform 0.3s ease; overflow: hidden; } 

.ma_top_card_rt_item::before { content: ""; position: absolute; inset: 0; border-radius: 15px; padding: 1px; background: linear-gradient(180deg, #16C1FF 0%, #96FF1E 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } 

.ma_top_card_rt_txt h5 { font-size: 18px; color: #fff; font-weight: 800; margin-bottom: 8px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); } 

.ma_top_card_rt_txt p { font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 1.4; text-shadow: 0 1px 3px rgba(0,0,0,0.5); } 

.ma_top_card_rt_img img { width: 80px; } 




/* 추가 게임플레이 이미지 */
.game_list_wrap { width: 100% } 
.game_play_wrap { width:calc(100% + 34px); margin-left:-17px } 
.game_play { position:relative; display: flex; flex-wrap: wrap } 
.game_item { position:relative; overflow:hidden; width:170px; height:170px; border-radius:10px; cursor:pointer; margin-bottom:12px; margin-left:17px } 
.game_image_wrap { position:relative; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition: transform .3s ease, opacity 0.5s ease-in-out; } 
.game_overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s ease } 
.btn_play { display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; transition:transform .2s ease } 
.btn_play img { width:30px; height:60px } 
.game_item:hover .game_image_wrap { transform:scale(1.1) } 
.game_item:hover .game_overlay { opacity:1 } 
.game_item:hover .btn_play { transform:scale(1.05) } 
.game_item.new:after { content:''; position:absolute; left:12px; top:0; display:block; background:url(../../images/ico_new.svg) no-repeat; width:59px; height:36px; background-size:cover } 
.game_check_btn { overflow:hidden; margin:18px auto 0; display:flex; align-items:center; justify-content:center; width:300px; height:42px; border-radius:42px; background:linear-gradient(to right, rgba(251, 191, 0, 1), rgba(227, 3, 0, 1)) } 
.game_check_btn button { display:inline-block; width:298px; height:40px; background:#1E0B3B; border-radius:42px; text-align:center; color:#fff; font-size:2rem; font-weight:700 } 



/* footer */
.web_footer { width:100%; border-top:1px solid #3F167D; padding:35px 15px; } 
.footer_inner { max-width:1104px; margin:0 auto } 
.footer_info { color:#7A55B2; display:flex; flex-direction:column; text-align:center; font-size:1.4rem } 
.footer_info_wrap { display: flex; align-items: center; justify-content: center; column-gap: 5px; } 
.footer_info_sub { width: 100px; } 
.footer_info_sub img { width: 100%; } 
.footer_link { display:flex; flex-direction:column; margin-bottom:38px } 
.link_area { display:flex; flex-wrap:wrap; justify-content:center } 
.link_area a { color:#fff; font-size:1.8rem; text-decoration-line:underline } 
.link_area a + a { margin-left:22px } 
#footer_mo { display:none } 


/**/
.input input::-webkit-input-placeholder { color:#d4d4d4; font-size:1.4rem } 
.input input:-ms-input-placeholder { color:#d4d4d4; font-size:1.4rem } 
.input input::placeholder { color:#d4d4d4; font-size:1.4rem } 

.inpClear { z-index:10; display:none; position:absolute; right:13px; top:9px; width:16px; height:16px; vertical-align:top } 
.inpClear:after { content:''; display:inline-block; width:7px; height:7px; background-image:url(../../images/login/ico_clear.svg); background-repeat:no-repeat; background-size:cover } 
.inpShow { display:none; position:absolute; right:15px; top:12px; width:20px; height:12px; background-image:url(../../images/login/ico_pw.png); background-size:cover; background-repeat:no-repeat } 
.inpShow.hide { background-image:url(../../images/login/ico_pw.png) } 

.form_area { padding:10px 30px } 

.form + .form { margin-top:15px } 
.form_text + .form_text { margin-top:6px } 
.form { position:relative } 
.form .form_title { width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-end; font-size:1.4em; color:#000; margin-bottom:8px; line-height:1 } 
.form .form_title h3 { font-weight:400; position:relative } 
.form .desc { display:block; color:#a0a0a0; font-size:1.1rem; margin:2px 0 0 0; text-align:left } 

.form .form_text { position:relative } 
.form .input { overflow:hidden; position:relative; display:block; padding:0 15px; width:100%; height:38px; border-radius:10px; background-color:#fff; border:1px solid #9BA6ED } 
.form .input input { width:100%; height:100%; border:0; padding:0; font-size:1.4rem; color:#000; background-color:transparent } 
.form .input.focus { background-color:#fff } 

.form .input select { width:100%; height:100%; border:0; padding:0; font-size:1.4rem; color:#000; background-color:transparent } 
.form .input .select2-container--default .select2-selection--single { width:100%; height:100%; border:0; padding:0; font-size:1.4rem; color:#000; background-color:transparent; display: flex; align-items: center; } 
.select2-container--default .select2-results__option { color: #333 !important; font-size: 1.4rem; padding: 8px 12px; } 
.form .input .select2-container { height: 35px; } 
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f0f0f0 !important; color: #000 !important; } 
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #e8e8e8; color: #000; } 
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #000 !important; line-height: 1; padding-left: 5px; } 
.form .input .select2-container--default .select2-selection--single .select2-selection__arrow { height:100%; } 
.form .input .img-flag { box-shadow: 0 0 1px rgba(0,0,0,0.2); } 

.profile_info .form .input .select2-container--default .select2-selection--single { width:100%; height:100%; border:0; padding:0; font-size:1.6rem; color:#FFF; background-color:transparent; display: flex; align-items: center; } 
.profile_info .select2-container--default .select2-results__option { color: #333 !important; font-size: 1.6rem; padding: 8px 12px; } 
.profile_info .form .input .select2-container { height: 48px; } 
.profile_info .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f0f0f0 !important; color: #000 !important; } 
.profile_info .select2-container--default .select2-results__option[aria-selected=true] { background-color: #e8e8e8; color: #000; } 
.profile_info .select2-container--default .select2-selection--single .select2-selection__rendered { color: #FFF !important; line-height: 1; padding-left: 5px; } 
.profile_info .form .input .select2-container--default .select2-selection--single .select2-selection__arrow { height:100%; } 
.profile_info .form .input .img-flag { box-shadow: 0 0 1px rgba(0,0,0,0.2); } 

.form.error .form_title { color:#E53636 } 
.form.error .input { border-color:#E53636 } 
.form.error .desc { color:#E53636 } 

.form.correct .form_title { color:#00EDD2 } 
.form.correct .input { border-color:#00d5bc } 
.form.correct .desc { color:#00d5bc } 

/* login */
.register_page { position:relative; max-width:932px; margin:0 auto; height:100vh; display:flex; justify-content:center; align-items:center } 
.link_cancel { position:fixed; top:36px; right:74px; font-size:1.4rem; font-weight:700; color:#fff; text-decoration:underline } 
.register_h1 { width:100%; height:100%; font-size:3rem; font-weight:700; text-align:center; margin-bottom:80px } 
.register_h1 .regi_logo img { height:85px } 
.register_h1 p { margin-top:16px } 
.register_inner { display:flex; flex-wrap:wrap; justify-content:center; align-items:center } 
.register_page .title { color:#000; font-size:1.8rem; font-weight:700; text-align:center; margin-bottom:18px } 

.register_page .regi_form { display: grid; grid-template-columns:360px auto; } 
.register_page .regi_form .form_area { width:360px; border-radius:20px; background-color:#fff; padding:20px 20px 30px } 
.jfv_ill { max-width: 466px } 
.jfv_ill img { width:100%; } 
.register_page .regi_form1 { display: grid; grid-template-columns: 360px auto; } 
.register_page .regi_form1 .form_area { width:360px; border-radius:20px; background-color:#fff; padding:20px 20px 30px } 
.lfv_ill img { width:100%; } 

.register_page .button_area { z-index:2; overflow:hidden; position:relative; width:100%; height:42px; margin:20px 0 0; display:flex; justify-content:center; align-items:center; border-radius:42px; background:linear-gradient(90deg, rgba(251, 191, 0, 1), rgba(227, 3, 0, 1)) } 
.register_page .button_area .btn { background:#fff; width:calc(100% - 2px); height:40px; color:#FF1AE8; font-size:1.8rem; font-weight:700 } 
.regi_link { color:#4753A7; font-size:1.4rem; font-weight:400; margin-top:26px } 
.regi_link a { color:#9BA6ED; font-size:1.4rem; text-decoration:underline; font-weight:400 } 
.register_page .regi_link.text_center { padding-top:14px } 
/*.register_page.join .register_h1 { margin-bottom:50px } 
.register_page.join .regi_form { overflow:hidden; width:810px; height:450px; background-image:url(../../images/login/img_join.png) } 
.register_page.join .regi_form .form_area { position:relative; height:100%; overflow:hidden; padding:20px 10px 30px 20px } 
.register_page.join .regi_form .form_area .top { height:100%; overflow-y:auto; padding-right:10px } */

/* Webkit 브라우저 스크롤바 스타일링 */
.register_page.join .regi_form .form_area .top { scrollbar-color:transparent } 
.register_page.join .regi_form .form_area .top::-webkit-scrollbar { width:4px } 
.register_page.join .regi_form .form_area .top::-webkit-scrollbar-track { background:transparent; border-radius:10px } 
.register_page.join .regi_form .form_area .top::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px } 

.register_page.join .regi_form1 .form_area .top { scrollbar-color:transparent } 
.register_page.join .regi_form1 .form_area .top::-webkit-scrollbar { width:4px } 
.register_page.join .regi_form1 .form_area .top::-webkit-scrollbar-track { background:transparent; border-radius:10px } 
.register_page.join .regi_form1 .form_area .top::-webkit-scrollbar-thumb { background:#ccc; border-radius:10px } 

/* 스크롤바 숨김처리 */
/* .register_page.join .regi_form .form_area { scrollbar-width:none; -ms-overflow-style:none } 
.register_page.join .regi_form .form_area::-webkit-scrollbar { display:none } */

.register_page .input_check { position:relative } 
.register_page .input_check input[type="checkbox"] + label { color:#000; font-weight:400; line-height:36px; padding:0 0 0 40px; font-size:1.4rem } 
.register_page .input_check input[type="checkbox"] + label:before { top:8px; left:14px } 
.register_page .input_check input[type="checkbox"]:checked + label:after { left:18px; top:12px } 
.register_page .input_check input[type="checkbox"]:checked + label { color:#000 } 
.register_page .input_check input[type="checkbox"]:checked + label:after { background-color:#000 } 
.register_page .input_check .agreeDetail { position:absolute; right:5px; top:0; display:inline-block; width:36px; height:36px; background-image:url(../../images/login/ico_agree_view.png); background-repeat:no-repeat; background-size:16px 10px; background-position:center } 

.register_page .check_form { margin-top:20px; margin-bottom:32px } 
.register_page .check_form .check_all .input_check { border:1px solid #9BA6ED; border-radius:10px; height:38px } 
.register_page .check_form .check_all .input_check.type1 { border:0; margin-bottom:0 } 
.register_page .check_form .check_all .input_check.type1 input[type="checkbox"] + label { padding:0 0 0 30px } 
.register_page .input_check.type1 input[type="checkbox"] + label:before { left:0 } 
.register_page .input_check.type1 input[type="checkbox"]:checked + label:after { left:4px } 

.register_page { scrollbar-width:none; -ms-overflow-style:none } 
.register_page::-webkit-scrollbar { display:none } 



/* market place */
.cont_top_banner { display:flex; flex-direction:column; justify-content:flex-start; width:100%; height:240px; padding:40px 44px; color:#fff; background-repeat:no-repeat; background-size:cover; border-radius:15px } 
.cont_top_banner h2 { font-size:3.4rem; font-weight:800 } 
.cont_top_banner p { font-size:1.8rem; font-weight:500; line-height:1.1; margin:5px 0 } 
.cont_top_banner p span { display:block } 
.cont_top_banner.txtBtm { justify-content:flex-end } 
.sort_wrap { display:flex; flex-direction:row; justify-content:space-between; align-items:center } 
.sort_tt { min-width:80px; font-size:1.8rem; font-weight:400 } 

.sort_by { margin:16px 0; width:calc(100% - 240px); display:flex; flex-direction:row; align-items:center; font-size:1.8rem } 
.sort_by .check_area { display:flex; flex-direction:row } 
.sort_by .check_area .input_check + .input_check { margin-left:15px } 
.sort_by .input_check input[type="checkbox"] + label { font-weight:400; font-size:1.8rem; padding:0 0 0 25px } 
.sort_by .input_check input[type="checkbox"] + label:before { width:18px; height:18px } 
.sort_by .input_check input[type="checkbox"] + label:after { width:12px; height:12px } 
.sort_by .input_check input[type="checkbox"]:checked + label { color:#FE5100 } 
.sort_by .input_check input[type="checkbox"]:checked + label:before { border-color:#FE5100 } 
.sort_by .input_check input[type="checkbox"]:checked + label:after { background-color:#FE5100; top:3px; left:3px } 

/* radio Button */
.radio_area { width:100% } 
.input_radio { position:relative; margin:0 0 8px 0 } 
.input_radio input[type="radio"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0 } 
.input_radio input[type="radio"] + label { position: relative; display:inline-block; font-size:1.8rem; padding:0 0 0 25px; line-height:20px; color:#fff; cursor:pointer; font-weight:400 } 
.input_radio input[type="radio"] + label:before { content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); display:inline-block; border:1px solid #D9D9D9; width:18px; height:18px; vertical-align:top; border-radius:100% } 
.input_radio input[type="radio"]:checked + label { color:#FE5100 } 
.input_radio input[type="radio"]:checked + label { color:#FE5100 } 
.input_radio input[type="radio"]:checked + label:before { border-color:#FE5100 } 
.input_radio input[type="radio"]:checked + label:after { content:''; position:absolute; left:5px; top:50%; transform: translateY(-50%); width:11px; height:11px; background-color:#FE5100; border-radius:100% } 
.sort_by .radio_area { display:flex; flex-direction:row } 
.sort_by .radio_area .input_radio + .input_radio { margin-left:15px } 
.sort_by .radio_area .input_radio + .input_radio input[type="radio"]:checked + label:after { left: 4px; } 

.new_offer button { height:46px; padding:12px 28px; background:#FFBA00; font-size:1.8rem; color:#510404; font-weight:800; border-radius:46px } 
.sort_list { width:100% } 
.sort_dt { width:100%; display:flex; flex-wrap:wrap; align-items:center; color:#fff; padding:8px 30px; font-size:1.8rem; font-weight:800 } 
.sort_dt .dt { width:30%; text-align:center } 
.sort_dt .dt:first-child,.sort_dt .dt:last-child { width:20% } 
.sort_dd { width:100% } 
.sort_dd_item { width:100%; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px; font-size:1.8rem; font-weight:700; background:#2F1A50; border-radius:15px; padding:8px 30px } 
.sort_dd_item li { position:relative; width:30%; display:flex; align-items:center; justify-content:center } 
.sort_dd_item li:first-child,.sort_dd_item li:last-child { width:20% } 
.user_pic { display:inline-block; margin-right:16px; width:54px; height:54px; border-radius: 50%; background-repeat:no-repeat; background-size:cover } 
.sort_dd_item li:first-child { justify-content:flex-start } 
.sort_dd_item li .user_name { width:calc(100% - 54px - 16px); display:block; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap } 
.c_bg { display:flex; justify-content:center; width:192px; height:42px; background:linear-gradient(90deg, #FE5100 49.52%, #FF9E02 100%); border-radius:10px; color:#fff; font-size:1.8rem; font-weight:800; text-align:center; line-height:42px } 
.c_bg .img_claim { left:20px } 
.c_bg .c_amount { font-size:1.8rem; font-weight:800; display:inline-block; padding-left:15px } 
.c_chat { background:#2BFF01; padding:10px 16px; border-radius:46px } 
.c_chat button { display:flex; align-items:center } 
.c_chat button img { width:34px; height:27px } 
.c_chat button em { font-size:1.8rem; font-weight:700; margin-left:4px; line-height:1 } 



/* game play */
.matchSearchBox { z-index:1; background:#1E0B3B; border-radius:10px; display:flex; width:300px; height:46px; overflow:hidden; border:1px solid #FFBA00 } 
.matchSearchBox .icoSearch { z-index:2; cursor:pointer; background-image:url("../../images/ico_search.png"); background-position:top 8px center; background-repeat:no-repeat; background-size:31px 25px; flex-shrink:0; height:52px; width:46px } 
.matchSearchBox .inputBox { display:flex; align-items:center; position:relative; width:100% } 
.matchSearchBox .inputBox input { background-color:transparent; color:#FFBA00; font-size:1.8rem; font-weight:400; outline:none; padding:10px 16px 10px 16px; width:100%; border:0 } 
.matchSearchBox .inputBox input::-webkit-input-placeholder { color:#3B3C56; font-size:1.8rem } 
.matchSearchBox .inputBox input:-ms-input-placeholder { color:#3B3C56; font-size:1.8rem } 
.matchSearchBox .inputBox input::placeholder { color:#3B3C56; font-size:1.8rem } 
.matchSearchBox + .gamePlayTab,.matchSearchBox + .gamePlayTab1 { margin-left:8px } 

.searchBox { z-index:1; background:#1E0B3B; border-radius:54px; display:flex; width:100%; height:54px; overflow:hidden; border:1px solid #A60CFF; padding:0 0 0 14px } 
.searchBox .icoSearch { z-index:2; display:inline-block; background-image:url("../../images/ico_search_purple.png"); background-position:center; background-repeat:no-repeat; background-size:34px 28px; height:50px; width:40px; cursor:pointer } 
.searchBox .inputBox { display:flex; align-items:center; position:relative; width:100% } 
.searchBox .inputBox input { background-color:transparent; color:#fff; font-size:1.7rem; font-weight:400; outline:none; padding:15px 15px 15px 12px; width:100%; border:0; letter-spacing:-0.5px } 
.searchBox .inputBox input::-webkit-input-placeholder { color:#fff; font-size:1.8rem } 
.searchBox .inputBox input:-ms-input-placeholder { color:#fff; font-size:1.8rem } 
.searchBox .inputBox input::placeholder { color:#fff; font-size:1.8rem } 

/* Search */
.search_list_wrap { height:calc(100% - 50px); overflow-y:auto; padding-bottom:20px; -ms-overflow-style:none; scrollbar-width:none } 
.search_list_wrap::-webkit-scrollbar { display:none } 
.search_list { margin:33px 0 0 } 
.search_list .search_tt { font-size: 1.8rem; margin: 0 0 12px 0 } 
.search_result_list { width:100% } 
.search_item { background: #4B2D7B; border-radius:10px; height:48px; margin-bottom:6px } 
.search_item button { display:flex; align-items:center; width:100%; height:100%; padding:9px 18px } 
.search_item span { color:#fff; font-size:1.6rem; font-weight:700 } 
.search_item .thumb { width:30px; height:30px; margin-right:10px; background-color:rgba(217, 217, 217, 1); text-align:center } 
.search_item .thumb img { width:auto; height:30px } 

/* tab */
.menu_tab { position:relative; display:flex; margin:16px 0 40px } 
.menu_tab ul { position:relative; display:flex } 
.menu_tab li { margin:0 0 0 8px; height:54px; cursor:pointer; position:relative; background-color:#2F1A50; transition:all .3s; border-radius:10px } 
.menu_tab li:first-child { margin:0 } 
.menu_tab li a,
.menu_tab li button { display:flex; flex-direction:row; justify-content:center; align-items:center; padding:0 18px; position:relative; width:100%; height:100%; font-size:1.8rem; color:#fff; font-weight:800; text-align:center; cursor:pointer; } 
.menu_tab li a:after,
.menu_tab li button:after { visibility:hidden } 
.menu_tab li.active a,
.menu_tab li.active button { color:#000; transition:all .3s; background:#FFBA00; border-radius:10px } 
.menu_tab li .ico { margin-right:6px } 
.menu_tab li a span,
.menu_tab li button span { display:inline-block; line-height:1; white-space:nowrap } 
.game_tab li { height:46px } 
.game_tab li.active button { color:#fff } 

.menu_tab.type_02 { justify-content:center } 
.menu_tab.type_02 li { height:52px; background:transparent; border:1px solid #A60CFF; border-radius:52px } 
.menu_tab.type_02 li.active a,
.menu_tab.type_02 li.active button { background:#A60CFF; color:#fff; border-radius:52px } 

.menu_tab.mypageLink ul { width:100% } 
.menu_tab.mypageLink li { width:calc(100% / 5 - 8px) }

.menu_tab.type_03 { justify-content:flex-start } 
.menu_tab.type_03 li { height:42px; background:linear-gradient(180deg, #898989 0%, #555555 100%); border-radius:42px; line-height:42px } 
.menu_tab.type_03 li a,
.menu_tab.type_03 li button { font-size:1.4rem; border-radius:42px } 
.menu_tab.type_03 li.active a,
.menu_tab.type_03 li.active button { background:linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); color:#fff; border-radius:42px } 

.cont_tab { width:100% } 
.cont_tab_area { padding-bottom:80px } 
.cont_tab_area .site_title { margin:50px 0 20px } 


/* mypage : my info */
.my_profile { display:flex; flex-wrap:wrap; margin-top:35px } 
.my_profile .profile { width:114px } 
.profile .file_img { position:relative; width:103px; height:103px; margin:0 auto } 
.profile .file_area { position:absolute; left:0; top:0; width:103px; height:103px } 
.profile .file_list { z-index:1; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background-color:transparent; background-repeat:no-repeat; background-size:cover; background-position:center top; border-radius:100% } 
.profile .file_list input { width:0; height:0; visibility:hidden } 
.profile .file_list .btn_file { z-index:2; position:absolute; right:0; bottom:0; cursor:pointer; display:inline-block; background:#2bff01 url(../../images/mypage/ico_file.png) center no-repeat; width:28px; height:28px; background-size:20px; border-radius:100% } 
.profile .file_list .img_view { overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100% } 
.profile .file_list .img_view img { width:100%; height:100%; object-fit:cover } 
.profile .file_list .file_del { display:none } 

.profile_edit { position:relative; display:flex; align-items:center; align-items:center; padding:0 20px; justify-content:center } 
.profile_edit .list_level span { display:block; text-align:center; color:red; font-size:1.5rem } 
.profile_edit .thumb_area { width:114px; border:0 } 

.my_profile .form_area { padding:0 } 
.profile_info { width:calc(100% - 114px); padding-left:42px } 
.profile_info .form + .form { margin-top:5px } 
.profile_info .form { display:flex; flex-direction:row; height:50px; align-items:center; padding:0 26px; background-color:#2F1A50; border-radius:5px } 

.profile_info .form .form_title { position:relative; width:172px; color:#fff; background-color:transparent; height:100%; margin-bottom:0; line-height:50px; font-size:1.6rem } 
.profile_info .form .form_title h3 { position:relative; display:inline-block; height:50px } 
.profile_info .form .form_title.required h3:after { content:'*'; display:inline-block; color:#FF6200; font-size:1.6rem; margin:3px 0 0 5px; vertical-align:top } 

.profile_info .form .form_text { width:calc(100% - 172px) } 
.profile_info .form .input { background-color:#2F1A50; border-radius:5px; border-color:#2F1A50; border-radius:0; height:50px } 
.profile_info .form .input input { font-size:1.6rem; width:100%; color:#fff } 
.profile_info .form .input .inpClear { width:22px; height:22px; right:0; top:14px } 
.profile_info .form .input .inpClear:after { width:14px; height:14px } 
.profile_info .form input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; filter: invert(100%); } 
/* 날짜 구분자 외의 "년, 월, 일" 텍스트 숨기기/조정 */
.profile_info .form input[type="date"]::-webkit-datetime-edit-text { padding: 0 4px; /* 숫자 사이 간격 조정 */ } 

/* 값이 없을 때 브라우저가 강제로 넣는 텍스트 스타일 조정 */
.profile_info .form input[type="date"]::-webkit-datetime-edit-year-field,
.profile_info .form input[type="date"]::-webkit-datetime-edit-month-field,
.profile_info .form input[type="date"]::-webkit-datetime-edit-day-field { color: #999; /* 텍스트 색상을 흐리게 해서 거슬리지 않게 함 */ } 

/* 아예 텍스트가 안 나오게 하고 싶다면 (브라우저마다 다를 수 있음) */
.profile_info .form input[type="date"]::-webkit-datetime-edit-year-field[aria-valuetext="blank"],
.profile_info .form input[type="date"]::-webkit-datetime-edit-month-field[aria-valuetext="blank"],
.profile_info .form input[type="date"]::-webkit-datetime-edit-day-field[aria-valuetext="blank"] { /* 필요한 경우 커스텀 스타일 적용 */ } 
input[type="date"] { position: relative; -webkit-appearance: none; /* 기본 스타일 제거 */ } 

/* 날짜 편집 영역의 요일 부분을 숨기려는 시도 */
input[type="date"]::-webkit-datetime-edit-day-field[aria-label="요일"],
input[type="date"]::-webkit-datetime-edit-text { /* 이 부분은 브라우저마다 구현이 달라 완벽하게 막기는 어렵습니다. */ } 

.profile_info .form .input input::-webkit-input-placeholder { color:#b6b6c0; font-size:1.6rem } 
.profile_info .form .input input:-ms-input-placeholder { color:#b6b6c0; font-size:1.6rem } 
.profile_info .form .input input::placeholder { color:#b6b6c0; font-size:1.6rem } 
.profile_info .mid { margin-top:20px } 


/* datepicker */
.date_pick_search { display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; margin-top:80px } 
.date_pick_search .left { display:flex; flex-direction:row; align-items:center } 
.datepicker_area { display:flex; flex-direction:row; align-items:center } 
.datepickerWrap { overflow:hidden; position:relative; display:block; width:155px; padding:0 40px 0 16px; border:1px solid #2B2B5D; height:46px; background-color:transparent; border-radius:10px; line-height:46px } 
.datepickerWrap input { width:100%; height:100%; border:0; padding:0; font-size:1.8rem; background-color:transparent; color:#fff } 
.datepickerWrap input::-webkit-input-placeholder { color:#fff; font-size:1.8rem } 
.datepickerWrap input:-ms-input-placeholder { color:#fff; font-size:1.8rem } 
.datepickerWrap input::placeholder { color:#fff; font-size:1.8rem } 
.datepickerWrap:after { content:''; display:inline-block; position:absolute; right:15px; top:10px;; width:22px; height:22px; vertical-align:top; background:url(../../images/ico_cal.svg) center no-repeat; background-size:cover } 
.datepicker_area .to { color:#fff; display:inline-block; font-size:1.8rem; margin:0 3px } 
.date_search .bt_search { display:inline-block; height:46px; line-height:46px; padding:0 22px; background:#2F1A50; color:#fff; border-radius:10px; font-size:1.8rem; font-weight:400; text-align:center } 
.date_range_buttons { display:flex; flex-direction:row; align-items:center } 
.date_range_buttons button { display:inline-block; margin-left:8px; width:102px; height:46px; background:#2F1A50; color:#fff; border:1px solid #2F1A50; border-radius:10px; line-height:46px; text-align:center; font-size:1.8rem; font-weight:700; cursor:pointer } 
.date_range_buttons button.active { color:#A60CFF; border-color:#A60CFF } 

/* mypage :TRANSACTIONS */
.trans_list { color:#fff; width:100%; margin-top:0px } 
.trans_list span { display:inline-block; width:30%; text-align:center } 
.trans_list span:nth-child(3),.trans_list span:nth-child(4) { width:20% } 
.trans_list_th { text-transform:uppercase } 
.trans_list_th,.trans_list_td { width:100%; font-size:1.8rem; font-weight:700 } 
.trans_list_th li,.trans_list_td li { width:100%; display:flex; flex-wrap:wrap; align-items:center; height:64px } 
.trans_list_th li { height:54px } 
.trans_list_td li { background:#2F1A50; border-radius:15px; font-weight:400; margin-bottom:8px } 
.button_state { display:flex; justify-content:center; width:100% } 
.button_state .btn { display:inline-block; width:158px; height:42px; line-height:42px; color:#565656; font-size:1.6rem; font-weight:700; text-align:center; border-radius:42px; background:#898989 } 
.trans_list_td.h_54 li { height:54px } 


/* mypage : referral */
.mypage_referral { width:100%; background:#2E096D; padding:25px 0; border-radius:10px } 
.mypage_referral ul { display:grid; grid-template-columns: repeat(4, 1fr); align-items: center; } 
.mypage_referral li { width:100%; color:#fff; font-size:2.2rem; display:flex; flex-direction:column; align-items: center; justify-content:center; text-align:center; font-weight:800 } 
.mypage_referral .ref_code { display:flex; height:48px; align-items:center; justify-content:center } 
.mypage_referral .ref_code .ref_code_btn_wrap { display: flex; align-items: center; gap: 10px; margin-left: 10px; } 
.mypage_referral .tt { font-size:1.8rem; font-weight:800; margin-bottom:6px; height:22px } 

.mypage_referral .num_big { font-size:4rem; font-weight:800; margin:0 5px } 
.mypage_referral .num_big.point { color:#E718A5 } 
.mypage_referral .btn_copy { width: 30px; height: 30px; } 
.mypage_referral .btn_copy img { width: 100%; } 
.mypage_referral .txt_down { display:inline-block; font-weight:800 } 
.mypage_referral .ref_coin_earned_wrap { display: flex; align-items: center; } 

.mypage_vs { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding-top:88px; margin-top:50px }
.mypage_vs .vs_box { position:relative; width:271px; height:202px; border-radius:10px; margin:0 40px; cursor:pointer }
.mypage_vs .vs_box .vs_bg { display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:3rem; font-weight:800; border-radius:10px }
.mypage_vs .vs_box .vs_img { position:absolute; left:50%; top:-43%; margin-left:-64px }
.mypage_vs .vs_myinfo .vs_bg { background:linear-gradient(180deg, #FFBA00 0%, #151532 80.77%) }
.mypage_vs .vs_myfriends .vs_bg { background:linear-gradient(180deg, #3934A6 0%, #151532 80.77%) }
.mypage_vs .vs_box .vs_bg { background:linear-gradient(180deg, #3934A6 0%, #151532 80.77%) }
.mypage_vs .vs_box.current .vs_bg { background:linear-gradient(180deg, #FFBA00 0%, #151532 80.77%) }

.referral_txt { margin:15px 0 30px; border:3px solid #EFAF03; width:100%; height:80px; border-radius:10px; display:flex; justify-content:center; align-items:center } 
.referral_txt .tt { font-size:1.8rem; color:#fff } 
.referral_txt .yt { color:#EFAF03; font-weight:800; margin-right:32px } 

.referral_wrap { display:flex; flex-wrap:wrap; position:relative; justify-content:flex-end } 
.referral_wrap .referral_spb { position:absolute; left:0; top:0; width:182px; height:232px; padding:18px 18px 22px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; border:3px solid #BB94FF; border-radius:10px; margin-top:48px } 
.referral_wrap .referral_spb ul { display:flex; flex-direction:row; align-items:center; width:100% } 
.referral_wrap .referral_spb span { display:block; text-align:left; font-size:1.5rem; line-height:1.1 } 
.referral_wrap .referral_spb span:nth-child(1) { font-weight:800; font-size:2rem; margin-bottom:4px } 
.referral_wrap .referral_spb li { width:60px } 
.referral_wrap .referral_spb li:nth-child(2) { width: calc(100% - 60px); padding-left:15px } 
.referral_wrap .referral_spb ul:first-child img { width:61px; height:33px } 
.referral_wrap .referral_spb ul:nth-child(2) img { width:60px; height:48px } 
.referral_wrap .referral_spb ul:last-child img { width:50px; height:47px } 

.referral_wrap .date_pick_search { width:calc(100% - 222px); margin-top:0 } 
.referral_wrap .trans_list { width:calc(100% - 222px); display:flex; flex-direction:row } 
.referral_wrap .trans_scroll { width:calc(100% - 198px) } 
.referral_wrap .trans_list_td .bonus { color:#FFBA00 } 
.referral_wrap .trans_left_tt { width:198px; margin-top:54px } 
.referral_wrap .trans_left_tt span { display:block; width:100%; text-align:left; font-size:1.8rem; height:54px; font-weight:700; line-height:54px; margin-bottom:8px } 

.referral_txt + .date_pick_search { margin-top:0 } 
.trans_list + .referral_txt { margin-top:50px } 

.ref_wrap { display:flex; flex-direction:row; align-items:flex-end; justify-content: space-between; } 
.ref_wrap .l_ref { width:calc(100% - 195px - 10px); margin-right:10px; } 
.ref_wrap .r_ref { width:195px; } 
.ref_input .input_num { display:inline-block; width:108px; border: 1px solid #414180; border-radius:10px; height:46px; background-color:transparent; text-align:center; color:#fff; font-size:1.8rem; font-weight:400 } 
.ref_input .input_num:focus { border-color:#EFAF03; outline:none } 
.ref_btn { margin-bottom: 8px; } 
.ref_btn .btn { display:inline-block; width:195px; background: #EFAF03; color:#000; font-size:1.8rem; font-weight:400; text-align:center; height:64px; line-height:64px; border-radius:15px } 



.current_online_title { font-size:2rem; font-weight:800; margin:15px 0 } 
.current_online_title span + span { margin-left:4px } 
.current_online { display:flex; background:#2F1A50; border-radius:10px; padding:15px 30px 7px 30px } 
.current_online_scroll { display:flex; flex-wrap:wrap } 
.current_online .cop { margin-right:8px; margin-bottom:8px; border:1px solid #FFFFFF; border-radius:50px; padding:6px 15px 6px 6px; display:flex; align-items:center; font-size:1.8rem } 
.current_online .cop .ico { width:38px; height:38px; display:inline-block; margin-right:8px } 
.current_online .cop .ico img { width:100%; height:100%; object-fit:cover } 


/* trans_list type 2 */
.trans_list.type_02 span { width:20% } 
.trans_list.type_02 li.bonus { color:#FFBA00 } 
.trans_list.type_02 li.bonus span:first-child { color:#fff } 
.trans_list.type_02 li span:first-child { text-align:left; padding-left:30px } 

/* trans_list type 3 */
.trans_list.type_03 span { text-align:center } 
.trans_list.type_03 span:nth-child(1) { width:4% } 
.trans_list.type_03 span:nth-child(2) { width:12% } 
.trans_list.type_03 span:nth-child(3) { width:10% } 
.trans_list.type_03 span:nth-child(4) { width:23% } 
.trans_list.type_03 span:nth-child(5) { width:10% } 
.trans_list.type_03 span:nth-child(6) { width:14% } 
.trans_list.type_03 span:nth-child(7) { width:12% } 
.trans_list.type_03 span:nth-child(8) { width:15% } 

/* trans_list type 4 */
.trans_list.type_04 span { width:25% } 

.trans_list.depth2 { display:flex; flex-direction:row } 
.trans_list.depth2 .trans_scroll { width:calc(100% - 28px) } 
.depth2_img { width:28px; height:64px; margin-right:10px; margin-top:0px; display:flex; align-items:center } 
.depth2_img img { width:32px } 
.trans_list.type_03.depth2 span:nth-child(1) { width:3% } 
.trans_list.type_03.depth2 span:nth-child(7) { width:13% } 
.trans_list .state { position:relative; display:inline-block; border-radius:5px; width:68px; height:40px; line-height:40px; text-align:center; font-size:1.8rem; color:#000; font-weight:400 } 
.trans_list .state_y { background:#EFAF03 } 
.trans_list .state_r { background:#FE5100 } 
.trans_list .state.up img { transform:rotate(180deg) } 
.trans_list .state img { margin-left:8px; margin-top:18px } 
.data_bg_balance { font-size:1.8rem; margin:40px 0 35px; font-weight:700 } 
.data_bg_balance .point { color:#FFBA00 } 
.mob_fsBgBalance { display:none } 



/* mypage : MY OFFERS */
.my_offers_list { display:flex; flex-wrap:wrap; margin-bottom:8px } 
.my_offers_list li { width:144px; margin-left:12px; font-size:1.8rem; font-weight:400; height:68px; display:flex; align-items:center; justify-content:space-between } 
.my_offers_list li.myo_close_admin { width: 300px; } 
.my_offers_list li:nth-child(1) { background:#2F1A50; border-radius:10px; width:calc(100% - 144px - 144px - 24px); margin-left:0; padding:0 24px } 
.my_offers_list li button { display:block; width:100%; height:100%; color:#fff; font-size:1.6rem; font-weight:700; border-radius:10px } 
.my_offers_list li button span { display:block } 
.my_offers_list .btn_send button { background:linear-gradient(180deg, #FF9D02 0%, #FE5100 100%) } 
.my_offers_list .btn_close button { background:linear-gradient(180deg, #898989 0%, #555555 100%) } 
.my_offers_list .coin { font-weight:800; display:flex; align-items:center } 
.my_offers_list .coin img { width:36px; height:38px; object-fit:cover; margin-right:8px } 
.my_offers_list li:nth-child(1) span { width:38% } 
.my_offers_list li:nth-child(1) span:nth-child(2) { text-align:center } 
.my_offers_list li:nth-child(1) span:nth-child(3) { width:24% } 
.empty_offer { text-align: center; padding: 50px 0; font-size: 20px; color: #4B2D7B } 


/* mypage : messages */
.mypage_messages { background:#2F1A50; border-radius:10px } 
.mypage_messages_item { display:flex; flex-direction:row; align-items:center; border-top:1px solid #484882; padding:30px } 
.mypage_messages_item:last-child { border-bottom:0 } 
.mypage_messages_thumb { width:55px; height:55px; border-radius: 50%; background-position: center; background-size:cover; background-repeat:no-repeat } 
.mypage_messages_msg { width:calc(100% - 55px); display:flex; flex-direction:column; padding-left:14px; font-size:1.8rem; word-break:break-all } 
.mypage_messages_msg p { word-break:break-all; font-size:1.8rem; font-weight:700 } 
.mypage_inbox_title { font-size:1.8rem; font-weight:700; padding:25px 30px } 

.message_write { padding:0 100px; } 
.message_head { font-size:1.8rem; font-weight:400 } 
.message_head .page { display:inline-block; padding:4px 12px; margin-left:8px; background:#A60CFF; color:#fff; text-align:center; border-radius:26px; font-weight:400; line-height:1 } 
.message_list { margin-top:10px } 
.message_list .message_th { border-top:1px solid #1F1F47 } 
.message_list .message_th,.message_list .message_td { display:flex; flex-direction:row } 
.message_list .message_th li,.message_list .message_td li { position:relative; display:block; align-items:center; justify-content:center; width:30%; font-size:1.8rem; text-align:center; height:68px; line-height:68px } 
.message_list .message_th li { height:60px; line-height:60px } 
.message_list .message_th li:nth-child(1),.message_list .message_td li:nth-child(1) { width:10% } 
.message_list .message_th li:nth-child(3),.message_list .message_td li:nth-child(3) { width:40% } 
.message_list .message_td li:nth-child(2) { display:block; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.message_list .message_td li:nth-child(3) { display:block; padding:0 10px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.message_list .message_td { background:#2F1A50; border-radius:10px; margin-bottom:8px } 
.message_list .input_check { margin:0; line-height:22px; position:absolute; left:28px; top:5px } 
.message_list .message_th .input_check { top:0 } 
.message_list .message_td.checked li,.message_list .message_td.checked li a { color:#fff } 

.message_btn { margin-top:20px } 
.message_btn li { display:flex; flex-direction:row; align-items:center; justify-content:flex-start } 
.message_btn button { margin-right:6px; display:flex; flex-direction:row; align-items:center; justify-content:center; height:36px; line-height:34px; padding:0 18px; text-align:center; color:#fff; font-size:1.8rem; border:1px solid #A60CFF; border-radius:36px } 
.message_btn button span { display:inline-block; margin-left:5px } 
.message_th li .mobile { display:none } 
.my_editor .text_area { overflow: hidden; width: 100%; height: 100%; border: 0; outline: none; font-size: 1.5rem; font-weight: 400; color: #fff; background: transparent; } 

.my_editor .text_area textarea { width: 100%; height: 350px; padding: 12px 20px; font-size: 1.5rem; font-weight: 400; color: #fff; background:#333336; word-break: break-all; resize: none; } 
/* editor custom */
.my_editor { width:100%; } 
.my_editor .ql-editor.ql-blank::before { content:attr(data-placeholder); color:#808080; font-size:16px; position:absolute; left:15px; right:15px; pointer-events:none } 
.my_editor .note-toolbar { background:#333336 } 
.my_editor .note-btn { background:#333336; color:#fff; border-color:#5C5C5C } 
.my_editor .note-placeholder { color:#767A7B; font-size:1.6rem } 
.editor_header { display:flex; align-items:center; background:#333336; color:#fff; padding: 0 25px; font-size:1.8rem; height:43px; line-height:43px } 
.editor_header .recipient { margin-left:16px } 
.button_area.btn_2.comments { padding: 20px; margin: 0; } 


/* Terms of Use and Service */
.terms_service .page_title { text-align:left } 
.terms_service_cont h3 { font-size:1.6rem; font-weight:700; margin:30px 0 20px } 
.terms_service_cont h4 { font-size:1.6rem; font-weight:500; margin:20px 0 12px } 
.terms_service_cont p { font-size:1.6rem; font-weight:500; color:#DBC4FF; margin-top:12px } 
.terms_service_cont .terms_note { font-weight:500; color:#FF9D02; font-size:2.6rem } 
.terms_service_cont .last { padding:48px 0 80px; font-size:1.6rem; color:#fff; font-weight:500 } 


/* landing */
.landing_page .button_area { margin-top:75px } 
.landing_page .button_area .btn { width:270px; height:58px; font-size:2.2rem } 
.img_landing { position:relative; width:100%; height:490px } 
.img_landing img { width:100%; height:100% } 
.img_pc_landing { display:block } 
.img_m_landing { display:none } 
.img_landing .img_center { z-index:1; display:block; width:641px; height:212px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } 
.img_landing .img_center img { width:100%; height:100% } 
.img_landing_logo { margin:18px 0 34px; text-align:center; display:flex; justify-content:center } 
.landing_info { position:relative; height:315px; display:flex; justify-content:center; align-items:center; background: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/poker/text_bg.png); background-repeat:no-repeat; background-position:center; border-radius:20px; margin-top:30px; } 
.landing_txt { width:700px; font-size:1.8rem; line-height:30px; color:#fff; margin-left:100px; } 
.img_chip { position:absolute; bottom:-47px; right:12px } 
.landing_txt span { display:block } 
.landing_txt span .ico { margin-right:5px; margin-top:4px } 
.landing_page.baccarat .img_left { width:407px; height:442px; bottom:-11px; left:4px } 
.button_area.poker { position:relative; top:-200px; } 

/* common */
.hide { display:none !important } 
.text_center { text-align:center !important } 
.pdtb0 { padding-top:0; padding-bottom:0 } 
.clFfba00 { color:#FFBA00 !important } 
.mt0 { margin-top:0 !important; } 
/* checkBox */
.check_form { width:100%; margin-top:12px } 
.check_area { width:100% } 
.input_check { position:relative; margin:0 0 8px 0 } 
.input_check label { position:relative; color:#6a6a6a } 
.input_check input[type="checkbox"] { position:relative } 
.input_check input[type="checkbox"] { position:absolute; left:0; top:0; width:22px; height:22px; margin:0; opacity:0 } 
.input_check input[type="checkbox"] + label { display:inline-block; font-size:1.6rem; padding:0 0 0 30px; line-height:22px; color:#fff; cursor:pointer; font-weight:700 } 
.input_check input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top:0; display:inline-block; border:1px solid #D9D9D9; width:20px; height:20px; vertical-align:top; border-radius:100% } 
.input_check input[type="checkbox"]:checked + label { color:#fff } 
.input_check input[type="checkbox"]:checked + label:after { content:''; position:absolute; left:4px; top:4px; width:14px; height:14px; background-color:#fff; border-radius:100% } 

/* button */
.button_area { display:flex; justify-content:center; width:100%; margin:22px 0 0 } 
.button_area .btn { display:inline-block; width:263px; height:42px; line-height:42px; color:#fff; font-size:1.4rem; font-weight:700; text-align:center; border-radius:42px; background:linear-gradient(180deg, #5C5C5C 0%, #434343 100%) } 
.button_area .btn.active { background:linear-gradient(180deg, #FF9D02 0%, #FE5100 100%) } 
.button_area .btn.poker { width:305px; height:58px; background:linear-gradient(180deg, #D81909 0%, #FFA000 100%); border: 3px solid #FFF28D; border-radius: 42px; } 
.button_area .btn.basic { background:#9A9A9A } 
.button_area.btn_2 { justify-content:center } 
.button_area.btn_2 .btn { width:192px } 
.button_area.btn_2 .btn + .btn { margin-left:10px } 

.button_area.comments .btn { width:100px; height:47px; border-radius:10px; line-height:47px; font-size:1.8rem; font-weight:800; text-transform:uppercase } 
.button_area.comments .btnSend { background:#A60CFF } 
.button_area.comments .btnCancel { background:#585858 } 


/* popup */
.bg_mask { z-index:8000; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6) } 
.bg_mask + .bg_mask { background-color:transparent } 
.popup_box { display:none; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width:800px; max-height: 95vh; overflow-y: auto; min-height:280px; border:1px solid #C8C8C8; border-radius:10px; background-color:#161740 }
.popup_box.view { z-index:9000; display:block } 
.popup_box .close { z-index:9001; position:absolute; top:15px; right:20px; width:25px; height:25px } 
.popup_box .close svg { width:100%; height:100% } 
.popup_box.type_02 { border:0; border-radius:0; width:100% } 
.popup_box.type_03 { border:0; border-radius:0; width:460px; height:241px; } 
.popup_box.type_04 { background-color:#30126B; max-width:900px; max-height: 95vh; overflow-y: auto; }

.popup_multi { display:none; overflow:hidden; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width:460px; min-height:230px; max-height: 95vh; overflow-y: auto; border-radius:10px; background-image: url('/images/join_popup.png'); background-size: cover; background-repeat: no-repeat; background-position: center; padding:27px 0 36px }
.popup_multi.view { z-index:9002; display:block } 
.multi_body { padding:0 50px } 
.multi_btn { text-align:center; margin-top:27px } 
.multi_btn .btn { display:inline-block; border:1px solid #000; padding:0 52px; height:42px; line-height:42px; border-radius:10px; font-size:2rem; } 
.multi_form { position: relative; display:flex; align-items:center; flex-direction:column; justify-content:center }
.multi_form .multi_txt { font-size:2rem; font-weight:400; text-align:center; color:#000; line-height:22px } 
.multi_ico { margin-bottom:5px; display:block } 

/* popup :all_popup */
.popup_box.all_popup { width:800px; min-height:300px; max-height: 98vh; overflow-y:auto } 
.layer_content { overflow:hidden; position:relative; display:flex; flex-direction:column; width:100%; height:100%; padding:30px 0 } 
.layer_head { display:flex; align-items:center; width:100%; border-bottom:1px solid #363880 } 
.layer_head .title { display:block; width:100%; font-size:2.4rem; height:56px; text-align:center; line-height:56px; padding-bottom:8px } 
.layer_body { padding:0 24px; height:100% } 
.layer_head.mobile { display:none } 
.popup_box.type_02 { background:#1E0B3B } 
.popup_box.type_02 .layer_head .title { text-align:left; background:#140132; padding:0 18px } 

/* common layer */
.layer_common_cont { padding:20px 0 0; height:100%; overflow-y:auto; -ms-overflow-style:none } 
.layer_common_cont::-webkit-scrollbar { display:none } 
.layer_common_body { padding:0 48px; height:100% } 
.layer_common_cont .title { display:block; margin-bottom:18px; font-size:3rem; font-weight:700; text-align:center } 
.layer_common_cont.bonus { padding-top:10px; }



.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9000; display: none; }
.popup_box.payment_success { width: 450px; max-width: 100%; height: auto; }
.join_bonus { width: 95%; max-width: 550px; background-image: url(/images/join_popup.png); background-repeat: no-repeat; background-size: cover; background-position: center; display: none; }
.join_bonus.view { z-index: 9000; display: block; text-align: center; }
.join_bonus .gold_box { width: 60%; margin: 0 auto; }
.join_bonus .gold_box img{width: 100%;}
.join_bonus .gold_text { margin: 10px 0; }
.join_bonus .gold_text strong { font-size: 22px; font-weight: 700; }
.join_bonus .gold_text p { font-size: 20px; font-weight: 400; }
.join_bonus .coin_img { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.join_bonus .coin_img .bg_coin { font-size: 42px; font-weight: 900; color: #FBD21A; margin-right: 8px; }
.join_bonus .coin_img .sc_coin { font-size: 42px; font-weight: 900; }
.btn_claim { display: inline-block; padding: 0 14px; width: 200px; height: 42px; line-height: 42px; font-size: 1.4rem; color: #fff; border-radius: 42px; font-weight: 700; cursor: pointer; background: linear-gradient(180deg, #FF26B7 0%, #BD0084 100%); margin-top: 4%; }

.special { margin-top: 50px; gap: 10px; display: flex; }
.special_offer { position: relative; width: 543px; height: 270px; color: #fff; background-repeat: no-repeat }
.special_offer p { font-size: 24px; font-weight: 800; line-height: 34px; margin-top: 30px; margin-left: 30px; }
.special_offer div { font-size: 24px; font-weight: 800; line-height: 34px; margin-top: 10px; margin-left: 30px; }
.special_offer strong { font-size: 50px; font-weight: 800; line-height: 50px; margin-left: 30px; background: linear-gradient(#FBFB3C, #FEFECF, #959524, #6B6B0D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.btn_offer { z-index: 2; position: absolute; bottom: 20px; left: 10px; display: inline-block; padding: 0 28px; width: 260px; height: 46px; line-height: 46px; border-radius: 46px; background: #FED900; color: #510404; font-size: 18px; font-weight: 800; }
.main_banner1 { background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/img_bn_01.png); }
.main_banner2 { background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_03.png); }
.main_banner3 { background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_04.png); }
.main_banner4 { background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_05.png); }
.btn_banner { z-index: 2; position: absolute; bottom: 50px; left: 40px; display: inline-block; padding: 0 28px; width: 260px; height: 46px; line-height: 46px; border-radius: 46px; background: #FED900; color: #510404; font-size: 18px; font-weight: 800 }
.btn_banner2 { z-index: 2; position: absolute; bottom: 50px; left: 40px; display: inline-block; padding: 0 28px; width: 260px; height: 46px; line-height: 46px; border-radius: 46px; background: #FED900; color: #510404; font-size: 18px; font-weight: 800 }


/* layer : Notifications */
.popup_box.notiLayer { height:490px } 
.notifications_list { height:100%; width:100% } 
.notifications_list ul { display:block; height:100%; overflow-y:auto; -ms-overflow-style:none } 
.notifications_list ul::-webkit-scrollbar { display:none } 
.noti_item { width:100%; padding:16px 10px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; border-bottom:1px solid #3E3E91; cursor:pointer } 
.noti_item:last-child { border-bottom:0 } 
.noti_item .n_ico { width:32px; height:36px } 
.noti_item .n_ico img { width:100%; height:100% } 
.noti_item .n_tt { color:#707070; width:calc(100% - 32px - 11px); padding:0 12px } 
.noti_item.checked .n_tt { color:#fff; text-align:left } 
.noti_item .n_tt em { display:block; font-size:1.5rem; font-weight:700; word-break:break-all } 
.noti_item .n_tt span { display:block; font-size:1.3rem } 
.noti_item .state { background:#707070; width:11px; height:11px; border-radius:100% } 
.noti_item.checked .state { background:#F10821 } 



/* text */
.p_txt_box { width:100%; padding:16px 0; background:#5A085F; border:1px solid #C407D0; text-align:center; color:#fff; font-size:1.6rem; font-weight:700; border-radius:10px } 
.box_txt { margin:22px 0 26px; color:#fff; font-size:1.5rem; font-weight:700; text-align:center } 
.box_txt_left_20 { margin:14px 0; color:#fff; font-size:2rem; font-weight:400; text-align:left } 
.box_txt_left_15 { margin:14px 0; color:#fff; font-size:1.5rem; font-weight:400; text-align:left } 


/* layer : Select A Coin Package */
.coinBuyLayer { min-width:1104px }
.coin_list { display:grid; grid-template-columns: repeat(6, 1fr); margin:20px 0; gap: 15px; }
.coin_item { overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:20px 0 22px; width:100%; height:295px; background:url(../../images/img_coin_bg.png) no-repeat; background-size:cover }
.coin_item li { width:100%; font-size:2rem; color:#fff; font-weight:700; text-align:center; line-height:1 }
.coin_item .free_spin { display:flex; justify-content:center; width:119px; height:20px; font-size:1.2rem; font-weight:700; text-align:center; border-radius:5px; background-color: #FFBA00; margin-left: 16px; align-items: center; position:relative; top:10px; }

.coin_item .img_coin { position: relative; }
.coin_item .img_coin img { width:138px; height:126px }
.coin_item .img_coin .img_tag { width:76px; height:76px }
.coin_item .img_coin .img_tag_30 { width:auto; height:76px }
.coin_item .img_coin .img_popular_tag1 { width:auto; height:76px }
.coin_item .img_coin .img_popular_tag2 { width:auto; height:76px }
.coin_item .img_coin .img_popular_tag3 { width:auto; height:76px }
.coin_item .img_coin .img_popular_tag4 { width:auto; height:76px }
.coin_item .txt { font-size:1.1rem; font-weight:400; margin:9px 0 1px }
.coin_item .price { display:flex; align-items:center; justify-content:center }
.coin_item .price img { width:24px; height:25px; margin-right:5px }
.coin_item .totalPrice { margin-top:26px }
.coin_item .totalPrice .btn { display:block; height:47px; text-align:center; width:calc(100% - 12px); margin:0 auto; color:#fff; font-size:2.2rem; text-shadow:0px 4px 4px rgba(0, 0, 0, 0.3); font-weight:700 }
.coin_item .totalPrice .btn.idn { font-size:2rem; }



/* layer : Verification is required */
.verificationLayer { width:620px } 
.verification_info { padding-top:20px } 
.verification_info .tt { display:block; font-family:Pretendard; font-weight:700; font-size:1.5rem; text-align:center } 
.verification_info .st { display:block; margin:10px 0 0; color:#C7635F; font-weight:700; font-size:1.5rem; text-align:center } 
.follow_info { display:flex; flex-direction:row; justify-content:center; margin:26px 0 0 } 
.follow_info a { display:flex; flex-direction:column; width:215px; height:195px; padding:15px; background:#040524; border-radius:10px; font-size:1.5rem } 
.follow_info a + a { margin-left:46px } 
.follow_info span { text-align:center } 
.follow_info span + span { margin-top:10px; display:block } 
.follow_info img { display:block; margin:0 auto } 


/* layer : My Bonuses */
.bonus_cont { padding:18px 35px 0 } 
.bonus_inner { background:#2E1356; border-radius:10px } 
.bonus_cont .tt { display:flex; justify-content:center; align-items:center; border-bottom:1px solid #46227D; font-size:1.8rem } 
.bonus_cont .tt img { width:40px; height:42px; margin-right:10px } 
.bonus_list { font-size:2rem; font-weight:700; padding:20px 30px 30px } 
.bonus_list li { display:flex; flex-direction:row; justify-content:space-between; align-items:center } 
.bonus_list li + li { margin-top:8px } 
.bonus_list img { width:36px; height:37px; margin-right:10px } 
.bonus_list li .num { display:flex; flex-direction:row; align-items:center } 
.bonus_list li em { display:inline-block; font-size:2rem; font-weight:700 } 
.claim { display:inline-block; background:#FFBA00; color:#520A0A; font-size:1.4rem; width:72px; height:30px; line-height:30px; border-radius:30px; text-align:center } 

/* REDEEM Layer*/
.redeemLayer { z-index:1000; width:330px; position:absolute; top:100%; margin:7px 0 0; min-height:300px; border:1px solid #C8C8C8; border-radius:10px; background-color:#161740; display:none } 
.redeemLayer.view { z-index:7999; display:block } 
.redeemLayer .close { display:none; z-index:9001; position:absolute; top:15px; right:20px; width:25px; height:25px } 
.redeemLayer .close svg { width:100%; height:100% } 
.redeemLayer { width:330px; min-height:300px } 
.redeemLayer .close { display:none } 
.redeemLayer .layer_head { display:none } 
.redeemLayer .layer_content { padding:20px 0 } 
.layer_redeem .redeem_info { font-size:1.5rem; margin-bottom:10px } 
.layer_redeem .redeem_info img { margin-right:5px } 
.balance_box { padding:14px 10px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; border-radius:10px; font-size:1.5rem } 
.balance_box span { text-align:left } 
.balance_box .total_sc { font-size:1.8rem; font-weight:700; display:block; width:calc(100% - 47px); text-align:right } 
.balance_box .total_sc img { width:22px; height:23px; margin-right:4px } 
.total_balance { border:1px solid #FF8501 } 
.redeem_balance { background:#FFBA00; color:#520A0A } 
.balance_verified { border:1px solid #2BFF01 } 
.pending_balance { border:1px solid #2BFF01; display:flex; flex-direction:column } 
.pending_balance div { width:100%; display:flex; justify-content:space-between; align-items:center } 
.pending_balance .pending_date { display:none; font-size:1.2rem; margin-top:4px } 
.pending_balance .pending_date.active { display:block } 
.total_balance_input { border:1px solid #FF8501 } 
.total_balance_input .b_input { width:80%; height:100% } 
.total_balance_input .b_input input { width:100%; height:100%; background:transparent; border:0; font-size:2rem; color:#fff } 
.total_balance_input .total_sc { width:20% } 
.b_input input::-webkit-input-placeholder { color:#3B3C56 } 
.b_input input:-ms-input-placeholder { color:#3B3C56 } 
.b_input input::placeholder { color:#3B3C56 } 
.balance_msg { display:block; padding:12px 14px; margin:15px 0; border:1px solid #2BFF01; background:#DFFF96; color:#0B3C02; font-size:1.3rem; border-radius:10px } 
.btn_verified { display:inline-block; padding:0 18px; height:26px; background:#2BFF01; border-radius:26px; font-size:1.6rem; color:#123D09; text-align:center; line-height:26px } 
.img_check { display:inline-block; margin:0 5px 0 0; background:#2BFF01; border-radius:100%; width:18px; height:18px; line-height:18px; text-align:center } 
.img_check img { width:10px; height:7px; margin-top:6px } 
.redeemToGiftCardLayer { width:428px } 
.redeem_progress .tt { color:#CDADFF; font-size:1.5rem; font-weight:700; text-align:center; padding:20px 0 } 
.redeem_progress .st { display:block; padding:14px 38px; margin:0 0 24px; background:#363880; color:#fff; font-size:1.5rem; text-align:center; border-radius:10px } 


/* layer : Post a new offer */
.all_popup.offerLayer { width:460px } 
.offerLayer .layer_common_body { padding:0 40px } 
.offerLayer .layer_common_cont { padding:0 } 
.offerLayer .layer_common_cont .title { text-align:left } 
.btn_k_wrap { display:flex; flex-wrap:wrap } 
.btn_k_wrap .btn { width:calc(25% - 7px); margin-left:7px; display:inline-block; background:linear-gradient(180deg, #FFEDD0 0%, #A9A9A9 100%); border-radius:10px; height:42px; line-height:42px; text-align:center; color:#101010; font-size:1.4rem; font-weight:700 } 
.btn_k_wrap .btn.active { background:linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); color:#fff } 
.balance_box + .box_txt_left_20 { margin:26px 0 9px } 

/* layer : offer chat */
.all_popup.offerChatLayer { width:460px } 
.offerChatLayer .layer_common_body { padding:0 40px } 
.offerChatLayer .layer_common_cont { padding:0 } 
.chat_info { margin:15px 0; display:flex; justify-content:space-between; align-items:center; font-size:1.8rem; font-weight:700 } 
.chat_info li { display:flex; align-items:center } 
.chat_info .chat_coin { width:22px; height:23px; margin-right:5px } 
.chat_info .chat_coin img { width:100%; height:100% } 
.offerChatLayer .text_area { overflow:hidden; width:100%; height:154px; border:1px solid #C8C8C8; font-size:1.5rem; font-weight:400; color:#fff; background:transparent; border-radius:10px } 
.offerChatLayer .text_area textarea { width:100%; height:100%; padding:12px 20px; font-size:1.5rem; font-weight:400; color:#fff; background:transparent; word-break:break-all } 
.chat_receiver { font-size:2rem; font-weight:700; margin:9px 0 25px } 

.mpl_p_type_box { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; margin-bottom: 10px; } 
.mpl_p_type_box .mpl_p_type_btn button { width: 100%; font-size: 1.4rem; font-weight: 500; padding: 10px 0; color: #202020; background:linear-gradient(180deg, #9f9f9f 0%, #464646 100%); border-radius: 10px; } 
.mpl_p_type_box .mpl_p_type_btn button.on { width: 100%; padding: 10px 0; color: #141116; background:linear-gradient(180deg, #C9A0FE 0%, #A817FF 100%); border-radius: 10px; } 
.mpl_p_noti_txt { color:#CC710E; font-size: 1.2rem; font-weight:500; margin-bottom: 15px; } 



/* layer : game play */
.playGameLayer { width:294px } 
.playGameLayer .layer_common_body { padding:0 40px } 
.gp_tt { font-size:1.5rem; font-weight:700 } 
.gp_thumb { display:block; margin:10px 0; width:100%; height:210px; background-repeat:no-repeat; background-size:cover; border-radius: 10px; } 
.gp_thumb_poker { display:block; margin:10px 0; width:100%; height:340px; background-repeat:no-repeat; background-size:cover } 
.gp_choose { font-size:1.5rem; font-weight:400; text-align:center; display:block; margin:10px 0 8px } 
.playGameLayer .button_area { margin:12px 0 0 } 
.playGameLayer .layer_content { padding:32px 0 20px } 

/* toggle switch */
.toggle_switch_wrap { border:1px solid #A60CFF; border-radius:42px; background:#222; width:100%; overflow:hidden; transition:width 0.3s ease } 
.toggle_switch { display:flex; width:100%; align-items:stretch; position:relative; background:transparent; border-radius:42px; overflow:hidden; user-select:none; transition:width 0.3s ease; border:2px solid #000 } 
.toggle_switch .toggleReward { width:55% } 
.toggle_switch .toggleFun { width:45% } 
.toggle_switch input[type="radio"]:not(:checked) + label em { color:#3B3C56 } 
.toggle_option { display:flex; align-items:center; justify-content:center; padding:0 12px; height:36px; cursor:pointer; font-weight:bold; color:#A60CFF; position:relative; z-index:1; transition:all 0.3s } 
.toggle_option em { font-size:1.4rem; font-weight:700; transition:visibility 0.3s ease; white-space:nowrap } 
.toggle_option::before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#A60CFF; border-radius:42px; opacity:0; z-index:-1; transition:opacity 0.3s } 
.toggleReward input[type="radio"]:checked + label.toggle_option::before,
.toggleFun input[type="radio"]:checked + label.toggle_option::before { opacity:1 } 
.toggleReward input[type="radio"]:checked + label.toggle_option,
.toggleFun input[type="radio"]:checked + label.toggle_option { color:#fff } 
.toggleReward input[type="radio"]:not(:checked) + label.toggle_option,
.toggleFun input[type="radio"]:not(:checked) + label.toggle_option { color:#A60CFF } 
.toggle_option .on { display:none } 
.toggle_option .off { display:inline } 
.toggleReward input[type="radio"]:checked + label .on,
.toggleFun input[type="radio"]:checked + label .on { display:inline } 
.toggleReward input[type="radio"]:checked + label .off,
.toggleFun input[type="radio"]:checked + label .off { display:none } 
.toggleReward input[type="radio"]:not(:checked) + label .on,
.toggleFun input[type="radio"]:not(:checked) + label .on { display:none } 
.toggleReward input[type="radio"]:not(:checked) + label .off,
.toggleFun input[type="radio"]:not(:checked) + label .off { display:inline } 
.toggle_switch label em { font-size:1.4rem; font-weight:700; color:#fff; display:inline; padding:0 15px 0 5px } 
/* .toggle_bg { display:none !important } */
.toggle_switch img { width:29px; height:30px; margin:0 0 0 15px } 
.toggleReward input[type="radio"], .toggleFun input[type="radio"] { position:absolute; opacity:0; width:0; height:0; margin:0; pointer-events:none } 
.button_area .btnReward,.button_area .btnFun { display:none } 
.button_area .btnReward.active,.button_area .btnFun.active { display:block } 
.button_area .btnReward img,.button_area .btnFun img { width:21px; height:22px; margin-right:6px; margin-top:10px } 
.button_area .btnDemo { display:none } 
.button_area .btnDemo.active { display:block } 



/* layer : alert_layer */
.all_popup.commonAlertLayer { width: 90%; max-width: 360px; min-height: unset; z-index: 9100 } 
.all_popup.commonAlertLayer .layer_common_cont { padding: 0 } 
.alertLayer_tt { text-align: center; font-size: 2.3rem; font-weight: 700; margin-bottom: 20px; } 
.alertLayer_txt { text-align: center; font-size: 1.5rem; font-weight: 400; margin-bottom: 20px; } 
.alertLayer_btn { width: 100%; padding: 10px; color: #fff; font-size: 1.4rem; font-weight: 700; text-align: center; border-radius: 42px; background: linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); } 

.popup_box.ref_reward_waiting_pop { width: 90%; max-width: 480px; min-height: unset; z-index: 9100 } 
.popup_box.ref_reward_waiting_pop .rr_ill_wrap { text-align: center; } 
.popup_box.ref_reward_waiting_pop .rr_ill_wrap img { width: 60%; } 
.popup_box.ref_reward_waiting_pop .rrw_desc_wrap { text-align: center; } 
.popup_box.ref_reward_waiting_pop .rrw_desc_wrap h6 { text-align: center; font-size: 3rem; margin-bottom: 20px; font-weight: 900 } 
.popup_box.ref_reward_waiting_pop .rrw_desc_wrap p { font-size: 1.6rem; margin-bottom: 12px; } 
.popup_box.ref_reward_waiting_pop .rrw_close { padding: 10px; margin: 0 auto; width: 80%; font-size: 1.4rem; color: #fff; border-radius: 42px; font-weight: 700; cursor: pointer; text-align: center; background: linear-gradient(180deg, #FF26B7 0%, #BD0084 100%); } 

.popup_box.ref_reward_claim_pop { width: 90%; max-width: 480px; min-height: unset; z-index: 9100 } 
.popup_box.ref_reward_claim_pop .rr_ill_wrap { text-align: center; } 
.popup_box.ref_reward_claim_pop .rr_ill_wrap img { width: 60%; } 
.popup_box.ref_reward_claim_pop .rrw_desc_wrap { text-align: center; } 
.popup_box.ref_reward_claim_pop .rrw_desc_wrap h6 { text-align: center; font-size: 3rem; margin-bottom: 12px; font-weight: 900 } 
.popup_box.ref_reward_claim_pop .rrw_desc_wrap p { font-size: 1.6rem; margin-bottom: 15px; } 
.popup_box.ref_reward_claim_pop .rrw_close { padding: 10px; margin: 0 auto; width: 80%; font-size: 1.4rem; color: #fff; border-radius: 42px; font-weight: 700; cursor: pointer; text-align: center; background: linear-gradient(180deg, #FF26B7 0%, #BD0084 100%); } 
.popup_box.ref_reward_claim_pop .coin_img { display: flex; align-items: center; justify-content: center; column-gap: 10px; margin-bottom: 12px; } 
.popup_box.ref_reward_claim_pop .coin_img img { width: 30px; } 
.popup_box.ref_reward_claim_pop .coin_img em { font-size: 25px; font-weight: 900; } 

/* layer : send coin */
.all_popup.sendCoinLayer { width: 100%; max-width: 480px; } 
.sendCoinLayer .layer_common_body { padding:0 40px } 
.sendCoinLayer .layer_common_cont .title { text-align:left } 
.send_search { border:1px solid #FF8501; border-radius:10px } 
.search_form { display:flex; align-items:center; height:54px; padding-right: 10px; } 
.search_form button { width:31px; height:25px; margin-left:14px } 
.search_form input { width:calc(100% - 31px); background:transparent; border:0; height:100%; padding:0 14px; font-size:2rem; color:#fff } 
.search_result { display:none; overflow:hidden; padding:10px 10px 10px 24px; max-height:92px; border:1px solid #FF8501; background:#161740; border-bottom-left-radius:10px; border-bottom-right-radius:10px } 
.search_result ul { overflow-y:auto; max-height:72px } 
.search_result li { display:flex; align-items:center; margin-bottom:3px; color:#fff; font-size:1.6rem; cursor:pointer } 
.search_result .userThumb { width:22px; height:22px; margin-right:8px } 
.search_form input::-webkit-input-placeholder { color:#3B3C56 } 
.search_form input:-ms-input-placeholder { color:#3B3C56 } 
.search_form input::placeholder { color:#3B3C56 } 
.sendCoinLayer img { width:100%; height:100% } 



.game-frame { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0,0,0,1.0); } 
/*.game-frame .game-area { position: absolute; top: 50%; left: 50%; z-index: 1001; width: calc(100% - 100px); max-width: 1600px; height: calc(100% - 100px); max-height: 900px; background-color: black; transform: translate(-50%, -50%); } */
.game-frame .game-area { position: absolute; top: 50%; left: 50%; z-index: 1001; width:calc(100% - 334px); height:100%; background-color: black; transform: translate(-50%, -50%); } 
.game-frame iframe { width: 100%; height: 100%; overflow: hidden; border: 0; } 
.game-frame [data-method="close"] { position: absolute; top: 0; left:0; z-index: 1001; cursor: help; width:50px; height: 50px; } 
/*
.game-frame [data-method="close"]:before,
.game-frame [data-method="close"]:after { position: absolute; left: 25px; content:''; height: 50px; width: 2px; background-color: #fff; } 
.game-frame [data-method="close"]:before { transform: rotate(45deg); } 
.game-frame [data-method="close"]:after { transform: rotate(-45deg); } 
*/
#game-modal .game-area { display: flex; align-items: center; justify-content: center; } 
#game-modal .game-area #game_iframe { width: 100%; height: calc(100vh - 23px); } 
#game-modal.pd_on .game-area #game_iframe { width: 95%; padding: 10px 0; } 
#game-modal.pd_on .game-area #game_iframe.slot-lo { width: 85%; padding: 30px 0; } 
#game-modal.pd_on .game-area ul.control { height: 35px; padding-bottom: 10px; } 

/* 게임 닫기, 전체 창 버튼 영역 */
.game-frame .control { position: fixed; bottom: 0; width: 100%; height: 24px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; z-index: 9999; } 
.game-frame .control > li { padding: 0 10px; font-size:13px; color:#d9d9d9; font-weight: 500 } 
.game-frame .control .close { cursor: pointer; } 
.game-frame .control .fullscreen { cursor: pointer; color: #FF4E4F; } 
/* START: layer : Select a Gift Card */
.giftCardLayer { min-width:1100px; max-height: 97vh; overflow-y: auto; } 
.giftCardLayer.view { transform: translate(0%, 0%); top: 50%; left: 50%; } 
.gcl_tt { border-bottom: 1px solid #292B6C; padding-bottom: 10px; } 
.gcl_main { margin-bottom: 30px; } 
.gcl_main_grid { display: grid; grid-template-columns: 360px 1fr; column-gap: 20px; row-gap: 20px; align-items: stretch; } 
.gcl_filter_box { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; row-gap: 15px; padding: 10px; border-radius: 10px; background-color: #292B62; margin-bottom: 40px; } 
.gcl_filter_col { } 
.gcl_filter_tt { font-size: 18px; color: #FFF; margin-bottom: 10px; font-weight: bold; margin-left: 5px; } 
.gcl_filter_sch { margin-bottom: 10px; } 
.gcl_filter_sch_inner { position: relative; padding: 5px 35px 5px 8px; border-radius: 5px; } 
.gcl_filter_sch_inner input { width: 100%; font-size: 16px; color: #FFF; background-color: #161740; border: none; cursor: text; } 
.gcl_filter_sch_inner input::placeholder { color: #3B3C56; } 
.gcl_sch_btn { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } 
.gcl_sch_btn span { display: block; width: 20px; height: 20px; background-image: url('/images/ico_search.png'); background-repeat: no-repeat; background-size: contain; background-position: center; } 
.gcl_f_chk_row { display: flex; align-items: center; position: relative; margin-bottom: 5px; } 
.gcl_f_chkbox { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; margin: -1px; clip-path: inset(50%); } 
.gcl_f_chk_row .lb_box { position: relative; } 
.lb_box_chk_ico { width: 18px; height: 18px; border-radius: 2px; background-color: inherit; border: 1px solid #585AA3; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.gcl_filter_chk_wrap.countries .gcl_f_chk_row label { padding-left: 25px; position: relative; cursor: pointer; font-size: 16px; } 
.gcl_filter_chk_wrap.countries .gcl_filter_chk_inner { max-height: 150px; overflow-y: auto; } 
.gcl_filter_chk_wrap.countries .gcl_filter_chk_inner::-webkit-scrollbar { height: auto; } 
.gcl_filter_chk_wrap.countries .gcl_filter_chk_inner::-webkit-scrollbar-thumb { height: auto; } 
.gcl_filter_chk_wrap.countries .gcl_f_chk_row [type="checkbox"]:checked + .lb_box .lb_box_chk_ico { border-color: #EFAF03; background-color: #EFAF03; } 
.gcl_filter_chk_wrap.countries .gcl_f_chk_row [type="checkbox"]:checked + .lb_box .lb_box_chk_ico::before { content: ""; position: absolute; box-sizing: border-box; width: 30%; height: 55%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-70%) rotateZ(40deg); border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; } 
.gcl_filter_chk_wrap.cate .gcl_filter_chk_inner { display: flex; flex-wrap: wrap; gap: 5px; } 
.gcl_filter_chk_wrap.cate .gcl_f_chk_row label { padding: 5px 10px; color: #000; border-radius: 3px; position: relative; cursor: pointer; font-size: 14px; background-color: #FFF; } 
.gcl_filter_chk_wrap.cate .gcl_f_chk_row [type="checkbox"]:checked + label { background-color: #EFAF03; color: #FFF; } 
.gcl_item_param_wrap { overflow: hidden; margin-bottom: 10px; } 
.swiper-slide.gcl_item_param_col { padding: 5px 8px; border-radius: 5px; background-color: #EFAF03; display: flex; align-items: center; column-gap: 5px; width: auto; margin-right: 3px; } 
.gcli_param_name { font-size: 14px; color: #000; } 
.gcli_param_del_btn { width: 14px; height: 14px; padding: 0; border: none; background: transparent; cursor: pointer; position: relative; } 
.gcli_param_del_btn span { display: block; width: 100%; height: 100%; position: relative; } 
.gcli_param_del_btn span::before,
.gcli_param_del_btn span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #fff; transform-origin: center; } 
.gcli_param_del_btn span::before { transform: translate(-50%, -50%) rotate(45deg); } 
.gcli_param_del_btn span::after { transform: translate(-50%, -50%) rotate(-45deg); } 
.gcli_param_del_btn:hover span::before,
.gcli_param_del_btn:hover span::after { background-color: #c5c5c5; } 
.gcl_item_box { width: 100%; overflow: hidden; } 
.gcl_item_list_wrap { overflow: hidden; } 
.gcl_item_slide_box { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 10px; row-gap: 15px; } 
.gcl_item_col { position: relative; padding-bottom: 150%; background-color: #FFF; cursor: pointer; } 
.gcl_item_col .gcl_item_bg { position: absolute; top: 2%; left: 0%; width: 120px; height: 50px; background-repeat: no-repeat; background-position: center; } 
.gcl_item_col .gcl_item_gift { position: absolute; top: 50%; left: 0%; width: 120px; height: 50px; color:black; font-size:1.2em; text-align:center; } 
.gcl_item_col .gcl_item_text { position: absolute; top: 80%; left: 0%; width: 120px; height: 50px; color:black; font-size:1.2em; text-align:center; } 
.gcl_item_pn_wrap { display:flex; align-items:center; justify-content:flex-end; gap:10px; padding:12px 16px; } 
.gcli_sw_pn_prev,
.gcli_sw_pn_next { width: 13px; height: 13px; cursor: pointer; } 
.gcli_sw_pn_prev { border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(45deg); } 
.gcli_sw_pn_next { border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); } 
.gcli_sw_nums { display:flex; align-items:center; } 
.gcli_sw_num { position:relative; border:0; background:transparent; color:#fff; font-weight:700; font-size:16px; text-align:center; cursor:pointer; border-radius: 50%; width: 30px; height: 30px; } 
.gcli_sw_num.is-active { background:#F2AE0A; } 
.gcl_bottom { } 
.gcl_notice h5 { font-size: 18px; color: #FFF; font-weight: bold; margin-bottom: 15px; } 
.gcl_noti_ul_wrap ul { list-style: disc; padding-left: 20px } 
.gcl_noti_ul_wrap ul li { list-style: disc; font-size: 15px; margin-bottom: 3px; } 



/* END: layer : Select a Gift Card */


/* START: layer : Select a Gift Card Detail Layer */
.giftCardLayerDetails { min-width:800px; height: 720px; max-height: 97vh; overflow-y: auto; } 
.giftCardLayerDetails .layer_content { padding-bottom: 95px; } 
.giftCardLayerDetails.view { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); justify-content: center; align-items: center; } 

.gcdl_main { } 
.gcd_grid { display: grid; grid-template-columns: 280px 1fr; column-gap: 30px; row-gap: 20px; margin-bottom: 20px; padding: 20px; border-radius: 10px; background-color: #292B62; } 
.gcd_item_img { width: 100%; padding-bottom: 80%; position: relative; border-radius: 10px; background-color: #d9d9d9; } 
.gcd_item_img .gcd_item_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.gcd_cont { } 
.gcd_item_name { font-size: 18px; font-weight: 500; margin:10px 0 20px; } 

.gcd_select_wrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; margin-bottom: 30px; } 
.gcd_inp_wrap { display: flex; align-items: center; justify-content: space-between; padding: 5px 8px; border: 1px solid #585AA3; } 
.gcd_inp_wrap label { font-size: 14px; color: #FFF; } 
.gcd_inp_wrap select { border: 0; font-size: 14px; color: #FFF; background-color: #292B62; } 

.gcd_calc_wrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; margin-bottom: 10px; } 
.gcd_calc_cols { width: 100%; overflow: hidden; } 
.gcd_cc_lb { font-size: 14px; margin-bottom: 5px; color: #FFF; } 
.gcd_calc_inner { padding: 0 5px; border: 1px solid #585AA3; display: flex; align-items: center; justify-content: space-between; height: 30px; } 
.gcd_calc_ico { width: 20px; height: 20px; background-image: url('/images/ico_sc.png'); background-repeat: no-repeat; background-size: contain; } 
.gcd_calc_txt { font-size: 14px; font-weight: bold; color: #EFAF03; } 
.gcd_beneficiary { font-size: 14px; color: #FFF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.gcd_cont_noti { font-size: 13px; color: #FFF; } 
.gcd_cont_noti b { color: #FF0100; } 

.gcd_accor_wrap { margin-bottom: 20px; } 
.gcd_accor_inner { background-color: #292B62; padding: 20px; border-radius: 10px; } 
.gcd_accor_tt { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } 
.gcd_accor_tt h6 { font-size: 20px; font-weight: 500; color: #FFF; } 
.gcd_accor_tt .gcd_accor_arrow { width: 18px; height: 18px; border-bottom: 3px solid #FFF; border-right: 3px solid #FFF; transform: rotate(45deg); margin-bottom: 10px; } 
.gcd_accor_tt .gcd_accor_arrow.visi { transform: rotate(225deg); margin-bottom: 2px; } 
.gcd_accor_main { display: none; max-height: 100px; overflow-y: auto; } 
.gcd_accor_main p { padding: 10px; font-size: 15px; } 
.gcd_accor_main
.gcd_accor_main::-webkit-scrollbar { height: auto; } 
.gcd_accor_main::-webkit-scrollbar-thumb { height: auto; } 

.gcdl_foot { position: absolute; width: 100%; bottom: 0; padding: 20px; background-color: #161740; z-index: 1000; } 
.gcdl_foot_inner { } 
.gcdl_foot_btn_wrap { display: flex; align-items: center; justify-content: center; column-gap: 10px; } 
.gcdl_foot_btn { width: 250px; height: 50px; border-radius: 40px; color: #FFF; font-size: 20px; font-weight: bold; } 
.gcdl_foot_btn.back { background: linear-gradient(180deg, #787878 0%, #323232 100%); } 
.gcdl_foot_btn.req { background: linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); } 



/* END: layer : Select a Gift Card Detail Layer */



/* START: layer : Select a Gift Card Confirm Layer */
.popup_box.all_popup.giftCardLayerConfirm { width:480px; max-height: 97vh; overflow-y: auto; } 
.giftCardLayerConfirm .layer_content { padding-bottom: 95px; } 
.giftCardLayerConfirm.view { transform: translate(-50%, -50%); top: 50%; left: 50%; } 
.giftCardLayerConfirm .layer_common_body { padding: 0 30px; } 

.gclc_main { } 
.abt_sc_confirm_txt { margin-bottom: 20px; text-align: center; } 
.abt_sc_confirm_txt { font-size: 16px; color: #CDADFF; } 
.abt_sc_confirm_txt b { color: #A60CFF; font-weight: bold; } 
.abt_sc_confirm_txt p { font-size: 16px; color: #CDADFF; } 
.abt_sc_confirm_txt p b { color: #A60CFF; font-weight: bold; } 

.busn_chk_txt { padding: 20px 40px; border-radius: 10px; background-color: #363880; } 
.busn_chk_txt p { font-size: 14px; color: #FFF; text-align: center; } 

.gclc_foot { position: absolute; width: 100%; bottom: 0; padding: 20px; background-color: #161740; z-index: 1000; } 
.gclc_foot_inner { } 
.gclc_foot_btn_wrap { display: flex; align-items: center; justify-content: center; column-gap: 10px; } 
.gclc_foot_btn { width: 250px; height: 50px; border-radius: 40px; color: #FFF; font-size: 20px; font-weight: bold; } 
.gclc_foot_btn.cancel { background: linear-gradient(180deg, #787878 0%, #323232 100%); } 
.gclc_foot_btn.confirm { background: linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); } 




.side_button { text-align:left; padding-top:18px } 
.side_text1 { font-size:1.6rem; color:#FFF; font-weight:bold; } 
.side_text2 { font-size:1.3rem; color:#FF26B7; font-weight:bold; } 
.side_text3 { font-size:1.3rem; color:#CDADFF; font-weight:bold; } 
.side_text4 { font-size:11px; color:#FF9D02; font-weight:bold; } 
.side_image { z-index:1; display:inline-block; width:82px; height:81px; position:absolute; left:114px; top:6px } 
.side_image img { width:100%; height:100% } 
.side_image2 { z-index:1; display:inline-block; width:59px; height:58px; position:absolute; left:124px; top:19px } 
.side_image2 img { width:100%; height:100% } 
.side_image3 { z-index:1; display:inline-block; width:70px; position:absolute; left:120px; top:10px }
.side_image3 img { width:100%; height:100% } 
.side_line { height:1px; } 
/* END: layer : Select a Gift Card Confirm Layer */

/* PC 사이드바 메뉴 추가 2025-09-23 */
.lm_apk_wrap { padding: 10px 15px; border-radius: 10px; background: linear-gradient(360deg, #0A5174 0%, #2A84B2 100%); } 
.lm_apk_wrap a { display: grid; grid-template-columns: 32px 1fr; gap: 5px; align-items: center; } 
.lm_apk_wrap a img { width: 100%; } 
.lm_apk_wrap a .lm_apk_txt h4 { font-size: 24px; line-height: 24px; font-weight: 800; letter-spacing: -0.2px; color: #FFF; } 
.lm_apk_wrap a .lm_apk_txt h5 { font-size: 20px; line-height: 20px; color: #79C257; letter-spacing: -0.1px; font-weight: 400; } 
.lm_apk_wrap a .lm_apk_txt h5 b { font-weight: 700 } 

.side_ms_wrap { margin-bottom:13px } 
.side_ms_wrap .side_ms_item { width:100% } 
.side_ms_item .ms_item { display:flex; flex-direction:row; width:100%; height:82px; justify-content:space-between; align-items:center } 
.side_ms_item .ms_item span { display:flex } 
.side_ms_item .ms_item .info { width:calc(100% - 82px); flex-direction:column; text-align:left } 
.side_ms_item .ms_item .info em { display:block; color:#fff; font-size:1.6rem; font-weight:700 } 
.side_ms_item .ms_item .info strong { display:block; color:#FF26B7; font-size:1.3rem; font-weight:700; line-height:1; margin-top:4px } 
.side_ms_item .ms_item .thumb { display:flex; width:82px; height:100%; text-align:center; flex-shrink:0; align-items:center; justify-content:center } 
.side_ms_item .ms_item .info .etc span { height:auto; display:block; } 
.side_ms_item .ms_item .info .etc .tt { font-size:1.1rem; color:#CDADFF; line-height:1 } 
.side_ms_item .ms_item .info .etc .st { font-size:1.1rem; color:#FF9D02; line-height:1 } 

.side_ms_item.msQuest { flex-direction:row; display:flex; justify-content:space-between; margin-bottom:12px } 
.side_ms_item.msQuest .btn_quest + .btn_quest { margin-left:10px } 
.side_ms_item.msQuest .btn_quest { position:relative; display:block; width:calc(50% - 5px); height:62px; border-radius:10px; padding-bottom:7px } 
.side_ms_item.msQuest .btn_quest img { display:inline-block; margin-top:-8px } 
.side_ms_item.msQuest .bq_01 { background:linear-gradient(180deg, #A907B5 0%, #7913B3 100%) } 
.side_ms_item.msQuest .bq_02 { background:linear-gradient(180deg, #FFD400 0%, #E85200 100%) }

.popup_box.blb_cont{width: 95%; max-width: 1100px;}
.blb_inner{position: relative; background-image: url('/images/mission/bg_layer_mission.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width:100%; height:100%; padding: 35px 0 50px;}

.blb_tt { font-size: 54px; text-align: center; font-weight: 900; background: linear-gradient(#FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.blb_tt_sub { font-size: 20px; text-align: center; font-weight: 600; margin: 0 auto 30px; }
.blb_inner .blb_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: stretch; padding: 0 125px; }
.blb_grid_item{ display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border-radius: 15px; }
.blb_grid_item_t{width: 100%; background-color: #FFF; padding: 20px 25px; border-bottom: 2px dashed #000; }
.blb_grid_item_t_inner{position: relative; width: 100%; display: flex; align-items: center; justify-content: center; gap: 5px; }
.blb_grid_item_t_inner img{position: relative; z-index: 1; display: block; width: 35px;}
.blb_grid_item_t_inner span{position: relative; z-index: 1; font-size: 22px; color: #580B9D; font-weight: bold; }
.blb_grid_item_t_inner::before{content: ''; position: absolute; width: 100%; height: 14px; bottom: 0; background-color: #DFE4ED;  }
.blb_grid_item_box{flex: 1; position: relative; background: radial-gradient(50% 50% at 50% 20%, rgba(255, 27, 240, 1) 10%, rgba(71, 6, 129, 1) 100%); padding: 25px 0; }
.blb_grid_item_box::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/layer/blb_ill_01.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }

.blb_grid_item.bgc .blb_grid_item_box{position: relative; width: 100%; background: radial-gradient(50% 50% at 50% 20%, rgba(27, 213, 255, 1) 10%, rgba(6, 26, 129, 1) 100%); padding: 25px 0; }
.blb_grid_item.bgc .blb_grid_item_box::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/layer/blb_ill_02.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }

.blb_grid_item_box_inner{position: relative; z-index: 1; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 10px; }
.blb_g_val{ font-size: 24px; color: #FDE915; font-weight: bold; }
.blb_g_txt{ font-size: 15px; color: #FFF; font-weight: bold; text-align: center; padding: 0 40px; }
.blb_grid_item.bgc .blb_g_txt{ margin-bottom: 30px;}
.blb_g_btn_wrap{width: 100%; padding: 0 40px; }
.blb_g_btn_wrap button{cursor: default; width: 100%; padding: 10px 0; border-radius: 30px; color: #FFF; background-color: #11FF21; font-size: 15px; font-weight: bold;}
.blb_g_btn_wrap.on button {cursor: pointer;}
.blb_g_btn_wrap.on button:hover{background-color: #20cf2d; }
.blb_g_btn_wrap.off button{cursor: default; background-color: #979797; }

.blb_grid_item.ofw{background-color: #FFF;}
.blb_grid_item.ofw .blb_grid_item_box{width: 100%; padding: 20px 0 0 0; position: relative; background: radial-gradient(50% 50% at 50% 75%, rgba(254, 208, 255, 1) 40%, rgba(223, 6, 183, 1) 100%); border-radius: 15px; }
.blb_grid_item.ofw .blb_grid_item_box::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/layer/blb_ill_02.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }
.blb_grid_item.ofw .blb_grid_item_box_inner{ gap: 0;}
.blb_g_ofw_tt{font-size: 20px; color: #FDE915; font-weight: bold; }
.blb_g_ofw_tt_sub{font-size: 15px; color: #FFF; font-weight: bold; padding: 0 40px; text-align: center; }
.blb_g_ofw_ill{width: 150px; }
.blb_g_ofw_ill img{display: block; width: 100%;}
.blb_g_ofw_btn_wrap{background-color: #FFF;width: 100%;}
.blb_g_ofw_btn_inner button{ width: 100%; padding: 15px 0; color: #8C8A8B; font-size: 20px; font-weight: bold;}
.blb_g_ofw_btn_inner.on button{color: #B80497;}
.blb_g_ofw_btn_inner.off button{color: #8C8A8B; cursor: default;}

.daily_reward_layer_inner{position: relative; background-image: url('/images/daily_popup/daily_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width:100%; height:100%; padding: 35px 0;}
.daily_reward_layer_inner .daily { display: grid; grid-template-columns: 55% 1fr; gap: 20px; align-items: center; }
.daily_reward_layer_inner .daily .daily_popup { position:relative; padding-left: 80px; }
.drl_box_ill img{width: 100%;}
.daily_reward_layer_item_grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 15px;}
.daily_reward_layer_item_grid.day7{grid-template-columns: 1fr;}
.rounded-box { position:relative; width:100%; border-radius:12px; padding: 10px 0; background:transparent; border:2px solid #E391FF; display:flex; flex-direction: column; align-items:center; justify-content:center; color:#FFF; }
.rounded-box.today { background:#FCBD12; border:2px solid #D00011; }
.daily_img { position: relative; top: -430px; left: 236px; }
.daily-text { position:relative; font-size:20px; font-weight:800; margin-bottom: 10px; }
.daily_reward_layer_inner .daily_coin{width: 60%; margin-bottom: 10px;}

.rounded-box2 { position:relative; display: grid; grid-template-columns: 1fr 100px; align-items: center; gap: 10px; padding: 15px 20px; width: 100%; border-radius: 12px; background: transparent; border: 2px solid #E391FF;}
.rounded-box2.today { background: #FCBD12; border: 2px solid #D00011; }
.daily-text2 { text-align: left; font-size:20px; font-weight:800; }
.daily_gold_box { display:block; position:relative; width: 100%; }
.day7_lf_reward_wrap{display: flex; align-items: center; gap: 5px;}
.day7_lf_reward_wrap img{width: 30px; }
.day7_lf_reward_wrap span{font-size: 27px; font-weight: bold}

.day-check { display:none; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:10; }
.day-check.active { display:block; }
.day-check.active.streak { top:-30px; right: -20px; left: unset; transform: unset; }
.day-today { position:absolute; display:none; top:-8px; left:-10px; z-index:10; }
.day-today.active { display:block; }
.daily-text-coin { visibility: hidden; font-size:20px; font-weight:800; }
.daily-text-coin.active { visibility: visible; }
.btn_buy.daily_btn { position:relative; width: 100%;}

.popup_box.clc_pop { width: 95%; min-height: unset; max-width: 420px; padding:30px 20px; background:#1E0B3B; border:1px solid #FDDC23; }
.popup_box.clc_pop .clc_pop_cont { height:100%; display:flex; align-items: center; flex-direction: column; justify-content: center; }
.clc_pop_cont_inner{width: 100%; margin-bottom: 20px;}
.clc_pop_tt{text-align:center;font-size: 3.4rem; font-weight: 700; color:#fff; margin-bottom: 5px;}
.clc_pop_tt_sub{width: 100%; text-align:center;font-size:15px;font-weight:700;color:#CDADFF; margin-bottom: 10px; }
.clc_pop_val{display: flex; align-items: center; justify-content: center; gap: 5px;}
.clc_pop_val img{width: 55px;}
.clc_pop_val h6{font-size: 50px; font-weight: bold; background: linear-gradient(#FFC72D, #FEFECF, #BF7F17, #97570E); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.clc_pop_btn_wrap{width: 100%; text-align: center}
.clc_pop_btn_wrap button{background: linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); width: 80%; min-width: 200px; padding: 15px 0; border-radius: 30px; color: #FFF; font-size: 1.4rem; font-weight: bold; }


.starImg { position:absolute; opacity:0; } 
.starImg img { width:100%; height:100%; object-fit:contain; } 
.starImg1 { width:60px; height:60px; top:2%; left:44%; animation:sparkle 2.5s infinite ease-in-out 0.2s; } 
.starImg2 { width:40px; height:40px; top:30%; left:45%; animation:sparkle 3.2s infinite ease-in-out 0.8s; } 
.starImg3 { width:60px; height:60px; top:38%; left:45%; animation:sparkle 1.8s infinite ease-in-out 1.1s; } 
.starImg4 { width:46px; height:46px; top:64%; left:50%; animation:sparkle 2.8s infinite ease-in-out 0.5s; } 
.starImg5 { width:54px; height:54px; top:20%; left:30%; animation:sparkle 2.1s infinite ease-in-out 1.4s; } 
.starImg6 { width:42px; height:42px; top:85%; left:30%; animation:sparkle 3.5s infinite ease-in-out 0.3s; } 
.starImg7 { width:70px; height:80px; bottom:33%; left:30%; animation:sparkle 2s infinite ease-in-out 0.2s; } 
.starImg8 { width:48px; height:48px; top:72%; left:45%; animation:sparkle 2.7s infinite ease-in-out 1.0s; } 
.starImg9 { width:65px; height:65px; top:58%; left:55%; animation:sparkle 1.9s infinite ease-in-out 0.7s; } 

.starImg11 { width:60px; height:60px; top:13%; left:43%; animation:sparkle 2.5s infinite ease-in-out 0.2s; } 
.starImg12 { width:40px; height:40px; top:30%; left:75%; animation:sparkle 3.2s infinite ease-in-out 0.8s; } 
.starImg13 { width:60px; height:60px; top:38%; left:55%; animation:sparkle 1.8s infinite ease-in-out 1.1s; } 
.starImg14 { width:46px; height:46px; top:64%; left:75%; animation:sparkle 2.8s infinite ease-in-out 0.5s; } 
.starImg15 { width:54px; height:54px; top:20%; left:65%; animation:sparkle 2.1s infinite ease-in-out 1.4s; } 
.starImg16 { width:42px; height:42px; top:85%; left:30%; animation:sparkle 3.5s infinite ease-in-out 0.3s; } 
.starImg17 { width:70px; height:80px; bottom:33%; left:45%; animation:sparkle 2s infinite ease-in-out 0.2s; } 
.starImg18 { width:48px; height:48px; top:72%; left:70%; animation:sparkle 2.7s infinite ease-in-out 1.0s; } 
.starImg19 { width:65px; height:65px; top:58%; left:55%; animation:sparkle 1.9s infinite ease-in-out 0.7s; } 
@keyframes twinkle { 0%,100% { opacity:0; transform:scale(0.8); } 50% { opacity:1; transform:scale(1.2); } 
 }
@keyframes sparkle { 0%,100% { opacity:0; transform:scale(0.5); filter:blur(2px); } 50% { opacity:1; transform:scale(1.3); filter:blur(0px); } 
 }

.free_spin1 { width:660px; height:374px; } 











/* ********** Rewards & Events *********** */

.contents_inner.rev_cont { background-color: #000; padding: 0; margin-top: 13px; margin-bottom: 20px; } 
.rev_section { } 
.rev_section.bg_top { position: relative; } 
.rev_section.bg_top .rev_bg_wrap { position: relative; padding-bottom: 100%; } 
.rev_section.bg_top .rev_bg_wrap::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/event/rev_bg_top.png"); background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.7; } 

.rev_sec_top_area { position: absolute; width: 100%; z-index: 10; top: 0; left: 50%; transform: translateX(-50%); } 
.rev_sec_top_area .rev_sec_top_area_logo { margin: 95px auto 25px; width: 200px; } 
.rev_sec_top_area .rev_sec_top_area_logo img { width:100%; } 
.rev_sec_top_area .rev_sec_top_desc { } 
.rev_sec_top_area .rev_sec_top_desc h2 { padding: 0 75px; font-size: 40px; color: #FFF; font-weight: bold; margin-bottom: 20px; text-align: center; } 
.rev_sec_top_area .rev_sec_top_desc p { padding: 0 115px; font-size: 20px; color: #FFF; text-align: center; font-weight: 200; } 


.rev_section.bg_2 { position: relative; padding: 30px 0; background-image: url("/images/event/rev_bg_2.png"); background-size: contain; background-repeat: no-repeat; background-position: top; } 
.rev_sec_2_area { width: 100%; } 

.rev_sec_2_area .rev_sec_2_desc { margin: 20px auto 70px; width: 100%; } 
.rev_sec_2_area .rev_sec_2_desc h2 { text-align: center; font-size: 50px; font-weight: 900; background: linear-gradient(180deg, rgba(255, 251, 126, 1) 0%, rgba(245, 159, 0, 1) 76%, rgba(245, 114, 0, 1) 100%); color: transparent; -webkit-background-clip: text; -webkit-text-stroke: 1px #000000; filter: drop-shadow(4px 4px 4px #9b1205); } 
.rev_sec_2_area .rev_sec_2_desc p { font-size: 22px; color: #FFF; text-align: center; } 


.rev_sec_2_card_wrap { width: 860px; margin: 0 auto; display: grid; grid-template-columns:1fr 1fr; grid-gap:50px; } 
.rev_sec_2_card { position: relative; padding: 135px 35px 50px; border-radius: 20px; } 
.rev_sec_2_card.bg { background-color: #11FF4F } 
.rev_sec_2_card.ec { background-color: #1398FF } 
.rev_sec_2_card_ill { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 150px; height: 150px; background-repeat: no-repeat; background-size: contain; background-position: center; } 
.rev_sec_2_card.bg .rev_sec_2_card_ill { background-image: url("/images/event/ico_rev_bg.png") } 
.rev_sec_2_card.ec .rev_sec_2_card_ill { background-image: url("/images/event/ico_rev_ec.png") } 

.rev_sec_2_card_text { text-align: center; } 
.rev_sec_2_card_text .tt { display: inline-block; font-size: 30px; font-weight: bold; color: #000; box-shadow: inset 0 -12px 0 #F6FF0B; margin-bottom: 12px; line-height: 34px; } 
.rev_sec_2_card.ec .rev_sec_2_card_text .tt { box-shadow: inset 0 -12px 0 #46ECFF; } 
.rev_sec_2_card_text .tt_sub { font-size: 26px; font-weight: 300; color: #000; } 

.rev_switch_card { width: 860px; margin: 30px auto 100px; padding: 20px 30px 20px 75px; border: 5px solid #E807FD; border-radius: 20px; display: grid; grid-template-columns: 150px auto; column-gap: 60px; align-items: center; } 
.rev_switch_card .revs_ill img { width: 100%; } 
.revs_txt_wrap { } 
.revs_txt_wrap .revs_ill_2 { width: 280px; margin-bottom: 10px; } 
.revs_txt_wrap .revs_ill_2 img { width: 100%; } 
.revs_txt_wrap p { font-size: 22px; color: #FFF; } 

.rev_sec_3_area { } 
.rev_sec_3_area .rev_sec_3_desc { margin: 0 auto; width: 100%; } 
.rev_sec_3_area .rev_sec_3_desc h2 { margin-bottom: 50px; text-align: center; font-size: 50px; font-weight: 900; background: linear-gradient(180deg, rgba(255, 251, 126, 1) 0%, rgba(245, 159, 0, 1) 76%, rgba(245, 114, 0, 1) 100%); color: transparent; -webkit-background-clip: text; -webkit-text-stroke: 1px #000000; filter: drop-shadow(4px 4px 4px #9b1205); } 
.rev_sec_3_area .rev_sec_3_desc p { margin-bottom: 20px; font-size: 22px; color: #FFF; text-align: center; } 

.rev_sec_3_card_wrap { width: 860px; margin: 0 auto 50px; display: grid; grid-template-columns:1fr 1fr; column-gap:50px; row-gap: 25px; } 
.rev_sec_3_card { padding: 25px 20px 20px 25px; border-radius: 20px; } 
.rev_sec_3_card_wrap.fe .rev_sec_3_card { background-color: #802FC2 } 
.rev_sec_3_card_wrap.fc .rev_sec_3_card { background-color: #9A4304 } 
.rev_sec_3_card_tt { font-size: 38px; margin-bottom: 10px; font-weight: bold; color: #FFF; } 
.rev_sec_3_card_ill_wrap { display: grid; grid-template-columns: auto 110px; column-gap: 5px; } 
.rev_sec_3_card_txt { font-size: 20px; font-weight: 300; color: #FFF; } 
.rev_sec_3_card_ill { height: 100%; display: flex; align-items: center; justify-content: center; } 
.rev_sec_3_card_ill img { width: 100%; } 

.rev_section.bg_3 { position: relative; padding: 30px 0; background-image: url("/images/event/rev_bg_3.png"); background-size: contain; background-repeat: no-repeat; background-position: top; } 
.rev_sec_4_area .rev_sec_4_desc { margin: auto 30px; } 
.rev_sec_4_area .rev_sec_4_desc h2 { text-align: center; font-size: 50px; font-weight: 900; background: linear-gradient(180deg, rgba(255, 251, 126, 1) 0%, rgba(245, 159, 0, 1) 76%, rgba(245, 114, 0, 1) 100%); color: transparent; -webkit-background-clip: text; -webkit-text-stroke: 1px #000000; filter: drop-shadow(4px 4px 4px #9b1205); } 
.rev_sec_4_area .rev_sec_4_desc p { padding: 0 190px; font-size: 22px; color: #FFF; text-align: center; } 
.rev_sec_4_lg_ill { padding: 0 15px; } 
.rev_sec_4_lg_ill img { width: 100%; } 
.rev_sec_4_card { position: relative; width: 860px; margin: -35px auto 120px; padding: 45px 80px; border-radius: 20px; background-color: #00355D; } 
.rev_sec_4_card_tt { font-size: 22px; font-weight: bold; color: #FF9809; margin-bottom: 25px; } 
.rev_sec_4_card_subs { display: grid; grid-template-columns: 1fr; row-gap: 5px; margin-bottom: 25px; } 
.rev_sec_4_card_sub { width: 100%; padding: 7px 30px; font-size: 22px; font-weight: bold; color: #FFF; border-radius: 40px; background-color: #0165B1; } 
.rev_sec_4_card_nums { display: grid; grid-template-columns: 1fr; row-gap: 3px; } 
.rev_sec_4_card_num_flex { display: flex; column-gap: 3px; } 
.rev_sec_4_card_num_flex div { font-size: 22px; font-weight: 300; color: #FFF; } 
.rev_sec_4_sm_ill { position: absolute; bottom: -60px; right: -60px; width: 250px; } 
.rev_sec_4_sm_ill img { width: 100%; } 




/* *********** Rewards & Events ********** */




/* ********** event > my-ref *********** */
.contents_inner.ivf_cont { padding: 0 100px 30px; } 
.ivf_bg_top img { width: 100%; } 

.ivf_guide_1 { position: relative; background-color: #FFF; padding: 80px 0; margin-bottom: 50px; border-radius: 20px; text-align: center; } 
.ivf_guide_1_ill { position: absolute; z-index: 10; background-repeat: no-repeat; background-size: contain; background-position: center; } 
.ivf_guide_1_ill.red { top: -30px; left: 30px; background-image: url("/images/event/ivf_ill_2.png"); width: 160px; height: 110px; } 
.ivf_guide_1_ill.gr { bottom: -100px; right: 20px; background-image: url("/images/event/ivf_ill_3.png"); width: 170px; height: 170px; } 
.ivf_guide_1 h3 { padding: 0 85px; font-size: 45px; font-weight: bold; color: #1E0B3B; margin-bottom: 18px; text-align: center; } 
.ivf_guide_1 p { padding: 0 40px; font-size: 23px; color: #1E0B3B; text-align: center; } 
.ivf_guide_1 .ivf_guide_or { display: inline-block; padding: 6px 25px; font-size: 23px; color: #FFF; background-color: #1E0B3B; border-radius: 40px; margin: 12px 0; } 

.ivf_guide_2 { padding: 0 250px 0 30px; margin-bottom: 40px; } 
.ivf_guide_2 p { font-size: 28px; color: #FFF; line-height: 36px; } 
.ivf_guide_2 p span { color: #26FFDE } 

.ivf_guide_3 { padding: 0 30px; margin-bottom: 30px; display: grid; grid-template-columns: 330px auto; column-gap: 30px; align-items: center; } 
.ivf_guide_3_ill img { width: 100%; } 
.ivf_guide_3_txt p { font-size: 28px; color: #FFF; line-height: 36px; } 
.ivf_guide_3_txt p span.gold { color: #FFB401 } 
.ivf_guide_3_txt p span.ec { color: #26FFDE } 

.ivf_guide_4 { padding: 0 5px 0 30px; display: grid; grid-template-columns: auto 375px; align-items: center; margin-top: -40px; } 
.ivf_guide_4_txt { display: flex; flex-direction: column; row-gap: 25px; } 
.ivf_guide_4_txt p { font-size: 28px; color: #FFF; line-height: 36px; } 
.ivf_guide_4_txt p span { color: #FFB401; } 
.ivf_guide_4_ill img { width: 100%; } 

.ivf_my_sts { } 
.ivf_my_sts .cols_01 { padding: 20px; border-radius: 20px; background-color:#341663; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 12px; } 
.ivf_my_sts .cols_01 .col_1 { display: flex; flex-direction: column; row-gap: 10px; overflow: hidden; } 
.ivf_my_sts .cols_01 .col_1 .lb_box { padding: 10px 3px; text-align: center; border-radius: 5px; background-color: #1E0B3B; color: #FFF; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.ivf_my_sts .cols_01 .col_1 .vl_box { padding: 5px 3px; text-align: center; color: #FFF; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.ivf_my_sts .cols_01 .col_1 .act_btns_box { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 5px; } 
.ivf_my_sts .cols_01 .col_1 .act_btns_box .act_btn button { width: 100%; padding: 10px 0; border-radius: 5px; background-color: #1E0B3B; } 
.ivf_my_sts .cols_01 .col_1 .act_btns_box .act_btn button img { width: 30px; height: 30px; object-fit: contain; } 



.ivf_share_pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 8600; } 
.ivf_share_pop_cont { position: relative; background: #522993; max-width: 360px; width: 95%; max-height: 90vh; padding: 20px 0 30px; overflow-y: auto; border-radius: 20px; color: #fff; } 
.ivf_share_pop_title { font-size: 25px; text-align: center; margin-bottom: 35px; } 
.ivf_share_pop_btn_close { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; background: transparent; border: none; cursor: pointer; } 
.ivf_share_pop_btn_close::before,
.ivf_share_pop_btn_close::after { content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; background: #fff; } 
.ivf_share_pop_btn_close::before { transform: translate(-50%, -50%) rotate(45deg); } 
.ivf_share_pop_btn_close::after { transform: translate(-50%, -50%) rotate(-45deg); } 
.ivf_share_pop_apps { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 30px; column-gap: 12px; } 
.ivf_share_pop_app_btn { position: relative; width: 100%; padding-bottom: 100%; } 
.ivf_share_pop_app_btn::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; } 
.ivf_share_pop_app_btn.fb::after { background-image: url("/images/event/lvf_pop_app_fb.png"); } 
.ivf_share_pop_app_btn.tw::after { background-image: url("/images/event/lvf_pop_app_tw.png"); } 
.ivf_share_pop_app_btn.line::after { background-image: url("/images/event/lvf_pop_app_line.png"); } 
.ivf_share_pop_app_btn.wa::after { background-image: url("/images/event/lvf_pop_app_wa.png"); } 





/* *********** event > my-ref ********** */


.layer_redeem.redeemEventLayer { width: 620px; border-radius: 0; background-color: #16174000; border: 0; transform: translate(-50%, 0%); } 
.layer_redeem.redeemEventLayer .redeem_img { cursor: pointer; width: 100%; height: 100%; } 
.layer_redeem.redeemEventLayer .redeem_period { font-size: 20px; position: absolute; top: 707px; width: 100%; color: #2F2301; font-weight: 700; text-align: center } 
.layer_redeem.redeemEventLayer .redeem_text1 { font-size: 20px; position: absolute; top: 770px; width: 100%; color: #FFF; font-weight: 400; text-align: center } 
.layer_redeem.redeemEventLayer .redeem_text2 { font-size: 16px; position: absolute; top: 60px; right: 10px; color: #FFF; font-weight: 400; text-align: center } 
.layer_redeem.redeemEventLayer .redeem_text3 { font-size: 60px; position: absolute; top: 150px; width: 100%; background: linear-gradient(180deg, #FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; line-height: 1.0; } 
.layer_redeem.redeemEventLayer .redeem_text3_1 { font-size: 60px; position: absolute; top: 130px; width: 100%; background: linear-gradient(180deg, #FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; line-height: 1.0; } 
.layer_redeem.redeemEventLayer .redeem_text3_2 { font-size: 50px; position: absolute; top: 150px; width: 100%; background: linear-gradient(180deg, #FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; line-height: 1.0; } 
.layer_redeem.redeemEventLayer .redeem_text4 { font-size: 20px; position: absolute; top: 260px; width: 100%; color: #FFF; font-weight: 700; text-align: center } 
.layer_redeem.redeemEventLayer .redeem_text5 { font-size: 34px; position: absolute; top: 555px; width: 100%; color: #FFF; font-weight: 700; text-align: center } 


.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9000; display: none; } 
.overlaymulty { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9001; display: none; } 
.dailyWheelLayer { width: 550px; max-height: 95vh; overflow-y: auto; }
.howWorksLayer { border: 1px solid #C8C8C8; width: 500px; height: 700px; max-height: 95vh; overflow-y: auto; padding: 0 0 0 0; }
.popup_box.redeem_success { width: 450px; max-width: 100%; } 
.img_tag { position: absolute; z-index: 10; width: 76px; height: 76px; left: 380px; top: 174px; } 
.img_tag_30 { position: absolute; z-index: 10; width: 73px; height: 76px; left: 910px; top: 174px; }
.img_popular_tag1 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; }
.img_popular_tag2 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; }
.img_popular_tag3 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; }
.img_popular_tag4 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; }
.buyCheckLayer2close { position: absolute; top: 0; right: -25px; }
.mission_reward_layer { transform: scale(1); } 
.del_money { font-size: 14px; position: relative; top: -6px; color: red; } 

.center { display: flex; justify-content: center; align-items: center; height: 100vh; } 
.redeemOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: none; } 
.gradient-text { font-size: 50px; font-weight: bold; background: linear-gradient(#FFC72D, #FEFECF, #BF7F17, #97570E); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.daily_reward_title { font-size: 54px; text-align: center; font-weight: 900; background: linear-gradient(#FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.daily_reward_text { font-size: 20px; text-align: center; font-weight: 600; margin-bottom: 10px; }
.coin_info { display: block; }

.alarm_popup { position: absolute; width: 313px; height: 104px; border: 1px solid #C8C8C8; border-radius: 10px; background-color: #161740; top: 60px; right: 300px; } 
.alarm_popup .alarm_layer { overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; padding-top: 20px; padding-left: 10px; } 



.hd_grade_lb { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); z-index: 1; padding: 1px 7px; font-size: 10px; color: #fff; white-space: nowrap; border-radius: 15px; } 
.topBtnUserPf.iron .hd_grade_lb { background: linear-gradient(198.25deg, #1E0B3B 23.06%, #511CA3 87.6%); } 
.topBtnUserPf.bronze .hd_grade_lb { background: linear-gradient(196.17deg, #1E0B3B 16.39%, #69460C 88.76%); } 
.topBtnUserPf.silver .hd_grade_lb { background: linear-gradient(196.17deg, #1E0B3B 16.39%, #4F4F4F 88.76%); } 
.topBtnUserPf.gold .hd_grade_lb { background: linear-gradient(198.25deg, #1E0B3B 23.06%, #A48D0C 87.6%); } 
.topBtnUserPf.platinum .hd_grade_lb { background: linear-gradient(196.17deg, #1E0B3B 16.39%, #134D74 88.76%); } 
.topBtnUserPf.diamond1 .hd_grade_lb { background: linear-gradient(196.17deg, #1E0B3B 16.39%, #2F532A 88.76%); } 
.topBtnUserPf.diamond2 .hd_grade_lb { background: linear-gradient(198.25deg, #1E0B3B 23.06%, #950F50 87.6%); } 


.contents_inner.mbsp_cont { max-width: 1336px; } 
.mbsp_section { margin-bottom: 100px; } 
.mbsp_exp_sec_grid { display: grid; grid-template-columns: 450px 1fr; gap: 40px; align-items: center; } 
.mbsp_exp_tier_card { border-radius: 15px; padding: 25px; display: flex; flex-direction: column; gap: 30px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.3); height: 100%; } 
.mbsp_exp_sec_grid.iron .mbsp_exp_tier_card { background: linear-gradient(195deg, #1E0B3B 20%, #511CA3 80%); border: 1px solid #511CA3; }
.mbsp_exp_sec_grid.bronze .mbsp_exp_tier_card { background: linear-gradient(195deg, #1E0B3B 20%, #69460C 80%); border: 1px solid #69460C; }
.mbsp_exp_sec_grid.silver .mbsp_exp_tier_card { background: linear-gradient(195deg, #1E0B3B 20%, #4F4F4F 80%); border: 1px solid #4F4F4F; }
.mbsp_exp_sec_grid.gold .mbsp_exp_tier_card { background: linear-gradient(195deg, #1E0B3B 20%, #A48D0C 80%); border: 1px solid #A48D0C; }
.mbsp_exp_sec_grid.platinum .mbsp_exp_tier_card { background: linear-gradient(195deg, #1E0B3B 20%, #134D74 80%); border: 1px solid #134D74; }
.mbsp_exp_sec_grid.diamond1 .mbsp_exp_tier_card { background: linear-gradient(195deg, #1E0B3B 20%, #2F532A 80%); border: 1px solid #2F532A; }
.mbsp_exp_sec_grid.diamond2 .mbsp_exp_tier_card { background: linear-gradient(195deg, #1E0B3B 20%, #950F50 80%); border: 1px solid #950F50; }
.mbsp_exp_tier_card_grid { display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: center; } 
.mbsp_tier_badge img { width: 100%; } 
.mbsp_tier_info .mbsp_tier_name { color: #FECC00; font-size: 24px; font-weight: bold; } 
.mbsp_tier_benefits { color: #FFF; font-size: 24px; font-weight: 300; }
.mbsp_tier_footer { margin-top: auto; display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: bold; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px; font-size: 24px; }
.mbsp_current_level_label { font-size: 30px; color: #FFF; font-weight: bold; } 
.mbsp_level_title { color: #FF26B7; font-size: 50px; margin-bottom: 20px; line-height: 1; font-weight: 700; }
.mbsp_progress_wrapper { margin: 20px 0; }
.mbsp_progress_stats { display: flex; justify-content: space-between; margin-bottom: 5px; font-weight: bold; font-size: 24px; }
.mbsp_progress_bar_container { width: 100%; height: 12px; background-color: #333; border-radius: 10px; overflow: hidden; }
.mbsp_progress_bar_fill { height: 100%; background: linear-gradient(90deg, #a020f0, #ff2d95); box-shadow: 0 0 10px rgba(160, 32, 240, 0.5); border-radius: 10px; }
.mbsp_progress_bar_fill.iron { background: linear-gradient(90deg, #a020f0, #511CA3); } 
.mbsp_progress_bar_fill.bronze { background: linear-gradient(90deg, #a020f0, #69460C); } 
.mbsp_progress_bar_fill.silver { background: linear-gradient(90deg, #a020f0, #4F4F4F); } 
.mbsp_progress_bar_fill.gold { background: linear-gradient(90deg, #a020f0, #A48D0C); } 
.mbsp_progress_bar_fill.platinum { background: linear-gradient(90deg, #a020f0, #134D74); } 
.mbsp_progress_bar_fill.diamond1 { background: linear-gradient(90deg, #a020f0, #2F532A); } 
.mbsp_progress_bar_fill.diamond2 { background: linear-gradient(90deg, #a020f0, #950F50); }
.mbsp_xp_remaining { margin-top: 5px; font-size: 24px; color: #ccc; }
.mbsp_btn_levelup_wrap { text-align: center; } 
.mbsp_btn_levelup { display: block; max-width: 400px; margin: 0 auto; background-color: #FF26B7; color: white; border: none; padding: 12px 30px; border-radius: 25px; font-weight: bold; cursor: pointer; transition: transform 0.2s ease; font-size: 20px; }
.mbsp_btn_levelup:hover { background-color: #d21f97; } 


.mbsp_section_title { color: #fff; font-size: 36px; margin-bottom: 25px; } 
.mbsp_swiper_container { opacity: 0; transition: opacity 0.3s ease; overflow: hidden; padding: 10px 10px 15px; } 
.mbsp_swiper_container.is_active { opacity: 1; } 
.mbsp_status_card { border-radius: 20px; padding: 40px 20px 20px; text-align: center; min-height: 550px; height: 100%; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,0.1); transition: transform 0.3s; }
.mbsp_status_card.iron { background: linear-gradient(195deg, #1E0B3B 20%, #511CA3 80%); border: 1px solid #511CA3; } 
.mbsp_status_card.bronze { background: linear-gradient(195deg, #1E0B3B 20%, #69460C 80%); border: 1px solid #69460C; } 
.mbsp_status_card.silver { background: linear-gradient(195deg, #1E0B3B 20%, #4F4F4F 80%); border: 1px solid #4F4F4F; } 
.mbsp_status_card.gold { background: linear-gradient(195deg, #1E0B3B 20%, #A48D0C 80%); border: 1px solid #A48D0C; } 
.mbsp_status_card.platinum { background: linear-gradient(195deg, #1E0B3B 20%, #134D74 80%); border: 1px solid #134D74; } 
.mbsp_status_card.diamond1 { background: linear-gradient(195deg, #1E0B3B 20%, #2F532A 80%); border: 1px solid #2F532A; } 
.mbsp_status_card.diamond2 { background: linear-gradient(195deg, #1E0B3B 20%, #950F50 80%); border: 1px solid #950F50; } 

.mbsp_cashback_row { margin-top: 5px; display: flex; justify-content: space-between; color: #fff; margin-bottom: 8px; font-size: 15px; }
.mbsp_status_card.my_rank { border: 3px solid #FF0000 !important; position: relative; overflow: visible; }
.mbsp_rank_tag { position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); background: linear-gradient(180deg, #FF4B4B 0%, #FF0000 100%); color: #fff; padding: 4px 15px; border-radius: 5px; font-size: 14px; font-weight: bold; z-index: 10; white-space: nowrap; }
.mbsp_swiper_container .swiper-wrapper { display: flex; } 
.mbsp_swiper_container .swiper-slide { width: 350px; height: auto; }
.mbsp_status_badge { height: 120px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } 
.mbsp_status_badge img { max-height: 100%; }
.mbsp_status_name { color: #fff; font-size: 28px; font-weight: 800; margin-bottom: 20px; text-transform: uppercase; } 

.mbsp_status_benefits { list-style: none; padding: 0; margin: 0; text-align: left; flex-grow: 1; } 
.mbsp_status_benefits { flex: 1; display: flex; flex-direction: column; } 
.mbsp_status_benefits li { color: rgba(255,255,255,0.7); padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 16px; display: flex; justify-content: space-between; } 
.mbsp_status_benefits li.mbsp_lock { opacity: 0.5; } 
.mbsp_reach { font-size: 14px; background: rgba(0,0,0,0.3); padding: 2px 8px; border-radius: 4px; } 

.mbsp_status_footer { margin-top: 30px; } 
.mbsp_status_footer { margin-top: auto; min-height: 120px; display: flex; flex-direction: column; justify-content: flex-end; } 
.mbsp_cashback { color: #fff; margin-bottom: 15px; font-size: 16px; } 
.mbsp_cashback strong { color: #fff; font-weight: bold; margin-left: 5px; } 

.mbsp_btn_details { width: 100%; background: #FF26B7; color: #fff; border: none; padding: 12px; border-radius: 50px; font-weight: bold; font-size: 16px; cursor: pointer; box-shadow: 0 4px 15px rgba(255, 38, 183, 0.3); } 
.mbsp_btn_details:hover { background: #cd2094; } 


.mbsp_bonus_swiper_container { overflow: hidden; width: 100%; }
.mbsp_bonus_swiper_container .swiper-wrapper { display: flex; padding-top: 100px; }
.mbsp_bonus_swiper_container .swiper-wrapper .swiper-slide { width: 304px; height: auto; }
.mbsp_bonus_card { width: 100%; height: 100%; background-color: #1a0b38; border: 2px solid #00c2ff; border-radius: 20px; padding: 100px 20px 20px; position: relative; display: flex; flex-direction: column; text-align: center; }
.mbsp_bonus_icon { position: absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 170px; } 
.mbsp_bonus_icon img { width: 100%; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5)); position: relative; z-index: 1; } 
.mbsp_bonus_icon::after { content: ''; background: radial-gradient(50% 50% at 50% 50%, rgba(30, 203, 255, 0.6) 0%, rgba(30, 11, 59, 0.6) 100%); width: 100%; display: block; height: 80px; position: absolute; bottom: -10px; } 
.mbsp_bonus_content { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 25px; }
.mbsp_bonus_name { color: #fff; font-size: 22px; margin-bottom: 20px; font-weight: bold; }
.mbsp_bonus_info { margin-bottom: 12px; text-align: left; } 
.mbsp_info_label { color: #ccc; font-size: 16px; margin-bottom: 4px; } 
.mbsp_info_value { color: #fff; font-size: 18px; font-weight: bold; } 
.mbsp_info_value.highlight { color: #FECC00; }
.mbsp_info_value.lock { color: #FECC00; display: flex; align-items: center; gap: 5px; } 
.mbsp_info_value.lock::before { content: '🔒'; font-size: 14px; }
.mbsp_bonus_footer { margin-top: auto; }
.mbsp_btn_action { display: block; width: 100%; background: #5FB453; color: #fff; border: none; padding: 12px; border-radius: 50px; font-size: 18px; font-weight: bold; cursor: pointer; }
.mbsp_btn_action:hover { background: #29b415; }
.mbsp_btn_action.view { background: #5cb85c; } 
.mbsp_btn_action.view:hover { background: #20b620; } 





.mbsp_special_banner { position: relative; width: 100%; max-width: 1336px; height: 450px; margin: 0 auto; border-radius: 20px; overflow: visible; display: flex; align-items: center; } 

.mbsp_banner_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border-radius: 20px; overflow: hidden; border: 1px solid #FF5B03; } 
.mbsp_banner_bg img { width: 100%; height: 100%; object-fit: cover; } 

.mbsp_banner_character { position: absolute; right: -20px; bottom: -30px; height: 120%; z-index: 2; pointer-events: none; } 
.mbsp_banner_character img { height: 100%; width: auto; } 

.mbsp_banner_content { position: relative; z-index: 3; padding-left: 60px; max-width: 600px; } 

.mbsp_banner_title { color: #fff; font-size: 64px; font-weight: 800; margin-bottom: 15px; line-height: 1.1; text-shadow: 0 4px 10px rgba(0,0,0,0.5); } 

.mbsp_banner_desc { color: #fff; font-size: 24px; line-height: 1.4; margin-bottom: 30px; opacity: 0.9; } 

.mbsp_btn_upgrade { background: linear-gradient(90deg, #FF26B7 0%, #FF007A 100%); color: #fff; border: none; padding: 15px 40px; border-radius: 50px; font-size: 20px; font-weight: bold; cursor: pointer; box-shadow: 0 4px 15px rgba(255, 38, 183, 0.4); } 
.mbsp_btn_upgrade:hover { background: linear-gradient(90deg, #ff00aa 0%, #c80160 100%); } 


.mbsp_faq_container { max-width: 1336px; margin: 0 auto; background-color: #1a0b38; border-radius: 10px; overflow: hidden; } 

.mbsp_faq_item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } 

.mbsp_faq_item:last-child { border-bottom: none; } 

.mbsp_faq_header { padding: 25px 30px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s; } 

.mbsp_faq_header:hover { background-color: rgba(255, 255, 255, 0.05); } 

.mbsp_faq_question { color: #fff; font-size: 20px; font-weight: bold; } 

.mbsp_faq_icon { width: 12px; height: 12px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); transition: transform 0.3s; } 

.mbsp_faq_item.active .mbsp_faq_question { color: #a020f0; } 

.mbsp_faq_item.active .mbsp_faq_icon { transform: rotate(-135deg); margin-top: 5px; } 

.mbsp_faq_item.active .mbsp_faq_header { background-color: rgba(160, 32, 240, 0.05); } 
.mbsp_faq_body { display: none; background-color: rgba(0, 0, 0, 0.2); } 
.mbsp_faq_content { padding: 0 30px 30px; color: #ccc; font-size: 16px; line-height: 1.6; white-space: pre-line; } 


.mbsp_modal_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 1000; } 
.mbsp_modal_container { width: 95%; max-width: 550px; max-height: 90vh; background: linear-gradient(180deg, rgba(41, 42, 122, 1) 0%, rgba(56, 15, 3, 1) 100%); border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; }
.mbsp_modal_header { padding: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1); }
.mbsp_modal_title { font-size: 20px; color: #fff; font-weight: bold; } 
.mbsp_btn_close { background: none; border: none; color: #fff; font-size: 30px; cursor: pointer; } 
.mbsp_modal_body { padding: 20px; display: flex; flex-direction: column; flex: 1; overflow: hidden; }
.mbsp_modal_summary { margin-bottom: 15px; }
.mbsp_summary_row { display: flex; justify-content: space-between; padding: 5px 0; color: #ccc; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.05); } 
.mbsp_summary_row strong { color: #fff; } 
.mbsp_rankup_bonus_card { background: #A60CFF; padding: 20px 15px; border-radius: 10px; margin-bottom: 20px; }
.mbsp_rankup_bonus_card.grade_1 { background: linear-gradient(185deg, #1E0B3B 15%, #511CA3 80%); }
.mbsp_rankup_bonus_card.grade_2 { background: linear-gradient(185deg, #1E0B3B 15%, #69460C 80%); } 
.mbsp_rankup_bonus_card.grade_3 { background: linear-gradient(185deg, #1E0B3B 15%, #4F4F4F 80%); } 
.mbsp_rankup_bonus_card.grade_4 { background: linear-gradient(185deg, #1E0B3B 15%, #A48D0C 80%); } 
.mbsp_rankup_bonus_card.grade_5 { background: linear-gradient(185deg, #1E0B3B 15%, #134D74 80%); } 
.mbsp_rankup_bonus_card.grade_6 { background: linear-gradient(185deg, #1E0B3B 15%, #2F532A 80%); } 
.mbsp_rankup_bonus_card.grade_7 { background: linear-gradient(185deg, #1E0B3B 15%, #950F50 80%); } 
.mbsp_rankup_bonus_card_inner { display: grid; grid-template-columns: 70px 1fr; gap: 10px; align-items: center; }
.mbsp_rankup_bonus_card_inner_ill img { width: 100%; } 
.mbsp_rankup_reward { display: flex; align-items: center; gap: 10px; }
.mbsp_rankup_label { font-size: 18px; color: #FEED55; font-weight: bold; text-transform: uppercase; } 
.mbsp_rwd_det_modal_coin_group { display: flex; align-items: center; gap: 3px; } 
.mbsp_rwd_det_modal_coin_group span, .mbsp_rwd_det_modal_plus { font-size: 24px; color: #fff; font-weight: bold; } 
.mbsp_rwd_det_modal_coin_group img { width: 24px; } 
.mbsp_modal_scroll_area { flex: 1; overflow-y: auto; padding-right: 2px; }
.mbsp_modal_scroll_area::-webkit-scrollbar { width: 6px; } 
.mbsp_modal_scroll_area::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; } 
.mbsp_level_reward_item { margin-bottom: 20px; }
.mbsp_level_info_bar { background: #521CA2; padding: 10px 15px; border-radius: 8px; display: flex; justify-content: space-between; margin-bottom: 5px; } 
.mbsp_level_tag { color: #fff; font-weight: bold; font-size: 20px; display: flex; align-items: center; gap: 3px; line-height: 1; }
.mbsp_level_tag img { width: 25px; } 
.mbsp_level_xp { color: #ccc; font-size: 20px; } 
.mbsp_no_bonus { text-align: center; color: rgba(255,255,255,0.4); font-size: 14px; padding: 10px; }
.mbsp_reward_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.mbsp_reward_box { padding: 15px; border-radius: 8px; display: flex; flex-direction: column; align-items: center; border: 1px solid #A60CFF; } 
.mbsp_reward_label { font-size: 15px; color: #ccc; margin-bottom: 5px; } 
.mbsp_reward_val { color: #fff; font-weight: bold; font-size: 20px; display: flex; align-items: center; gap: 5px; } 
.mbsp_reward_val img { width: 20px; } 


.mbsp_upgrade_modal_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 1100; } 
.mbsp_upgrade_modal_container { width: 95%; max-width: 500px; max-height: 90vh; background: #2a1b4d; border-radius: 20px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 0 30px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); } 
.mbsp_upgrade_modal_header { padding: 20px 20px 10px; text-align: center; position: relative; }
.mbsp_upgrade_modal_title { color: #fff; font-size: 22px; font-weight: bold; } 
.mbsp_upgrade_btn_close { position: absolute; right: 20px; top: 10px; background: none; border: none; color: #fff; font-size: 30px; cursor: pointer; opacity: 0.7; } 
.mbsp_upgrade_modal_body { padding: 0 25px; flex: 1; overflow: hidden; display: flex; flex-direction: column; }
.mbsp_upgrade_item { display: block; margin-bottom: 15px; cursor: pointer; } 
.mbsp_upgrade_item:last-child { margin-bottom: 0 } 
.mbsp_upgrade_item input { display: none; } 
.mbsp_upgrade_item_inner { background: rgba(255,255,255,0.05); border: 2px solid rgba(160, 32, 240, 0.3); border-radius: 12px; padding: 20px; display: grid; grid-template-columns: 1fr 80px; align-items: center; transition: all 0.2s; }
.mbsp_upgrade_item input:not(:checked) + .mbsp_upgrade_item_inner:hover { border-color: rgba(160, 32, 240, 0.8); background: rgba(255, 255, 255, 0.08); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } 
.mbsp_upgrade_item.grade_4 input:checked + .mbsp_upgrade_item_inner { background: linear-gradient(195deg, #1E0B3B 20%, #A48D0C 80%); border: 2px solid #A48D0C; } 
.mbsp_upgrade_item.grade_5 input:checked + .mbsp_upgrade_item_inner { background: linear-gradient(195deg, #1E0B3B 20%, #134D74 80%); border: 2px solid #134D74; } 
.mbsp_upgrade_item.grade_6 input:checked + .mbsp_upgrade_item_inner { background: linear-gradient(195deg, #1E0B3B 20%, #2F532A 80%); border: 2px solid #2F532A; } 
.mbsp_upgrade_list { flex: 1; overflow-y: auto; padding: 20px 0; scrollbar-width: thin; scrollbar-color: rgba(160, 32, 240, 0.5) transparent; } 
.mbsp_upgrade_list::-webkit-scrollbar { width: 6px; } 
.mbsp_upgrade_list::-webkit-scrollbar-thumb { background: rgba(160, 32, 240, 0.5); border-radius: 10px; } 
.mbsp_upgrade_target { font-size: 17px; color: #FFF; font-weight: bold; margin-bottom: 5px; }
.mbsp_upgrade_reward { display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 3px; margin-bottom: 8px; } 
.mbsp_upgrade_reward_row { display: flex; align-items: center; gap: 3px; } 
.mbsp_upgrade_reward span { color: #fff; font-weight: 300; font-size: 15px; display: flex; align-items: center; gap: 5px; } 
.mbsp_upgrade_reward img { width: 20px; } 
.mbsp_tag_bonus { background: #ff00ff; color: #fff; font-style: normal; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: 800; }
.mbsp_upgrade_price { color: #fff; font-size: 18px; font-weight: bold; }
.mbsp_upgrade_tier_ill img { width: 100%; }
.mbsp_upgrade_item input:checked + .mbsp_upgrade_item_inner .mbsp_upgrade_tier_ill img { transform: scale(1.2); } 
.mbsp_upgrade_modal_footer { padding: 20px; background: #2a1b4d; border-top: 1px solid rgba(255,255,255,0.05); }
.mbsp_upgrade_btn_submit { width: 100%; padding: 10px 0; border-radius: 50px; border: none; background: #ccc; color: #666; font-size: 18px; font-weight: bold; cursor: not-allowed; } 
.mbsp_upgrade_btn_submit.active { background: linear-gradient(90deg, #FF26B7 0%, #FF007A 100%); color: #fff; cursor: pointer; box-shadow: 0 5px 15px rgba(255, 38, 183, 0.4); } 
.mbsp_upgrade_empty p { text-align: center; color: #868686; font-size: 14px; }



.mbsp_wh_popup_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 1100; }
.mbsp_wh_popup_container { width: 95%; max-width: 520px; max-height: 95vh; background: #2a1b4d; border-radius: 20px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 0 30px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); position: relative; padding-bottom: 30px; }
.mbsp_wh_modal_header { padding: 20px; text-align: center; }
.mbsp_wh_modal_title { color: #fff; font-size: 22px; font-weight: bold; }
.mbsp_wh_btn_close { position: absolute; right: 20px; top: 15px; background: none; border: none; color: #fff; font-size: 30px; cursor: pointer; opacity: 0.7; z-index: 10; }

.mbsp_wh_tab_wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; align-items: end; margin-bottom: 20px; padding: 0 20px; }
.mbsp_wh_tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

.mbsp_wh_tab { text-align: center; cursor: pointer; }
.mbsp_wh_tab span { display: block; font-size: 12px; color: #898989; }
.mbsp_wh_tab.luck span { color: #27F95B; }
.mbsp_wh_tab.super span { color: #FFB151; }
.mbsp_wh_tab.mega span { color: #EF73FF; }

.mbsp_wh_tab .mbsp_wh_tab_icon { position: relative; width: 100%; padding-bottom: 100%; border-radius: 50%; margin-top: 5px; }
.mbsp_wh_tab .mbsp_wh_tab_icon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; }
.mbsp_wh_tab.lock .mbsp_wh_tab_icon::after { background-image: url('/images/membership/wh_tab_lock.png'); }
.mbsp_wh_tab.luck .mbsp_wh_tab_icon::after { background-image: url('/images/membership/wh_tab_luck.png'); }
.mbsp_wh_tab.super .mbsp_wh_tab_icon::after { background-image: url('/images/membership/wh_tab_sup.png'); }
.mbsp_wh_tab.mega .mbsp_wh_tab_icon::after { background-image: url('/images/membership/wh_tab_mega.png'); }
.mbsp_wh_tab.on .mbsp_wh_tab_icon { border-color: #A48D0C; box-shadow: 0 0 15px rgba(164, 141, 12, 0.4); }
.mbsp_wh_tab.on span { font-weight: bold; }

.mbsp_wh_rb_wrap { width: 100%; padding: 7px 20px 2px; border-radius: 15px; }
.mbsp_wh_rb_ill { position: relative; width: 100%; }
.mbsp_wh_rb_ill img { width: 100%; display: block; }
.mbsp_wh_rb_lb { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: bold; }
.mbsp_wh_rb_note { text-align: center; }
.mbsp_wh_rb_note span { font-size: 14px; font-weight: bold; color: #FFF; }

.mbsp_wh_rb_wrap.luck { background-color: #278C0D; }
.mbsp_wh_rb_wrap.super { background-color: #903901; }
.mbsp_wh_rb_wrap.mega { background-color: #B703C1; }
.mbsp_wh_rb_wrap.luck .mbsp_wh_rb_lb { color: #4F3205 }
.mbsp_wh_rb_wrap.super .mbsp_wh_rb_lb { color: #4F3205 }
.mbsp_wh_rb_wrap.mega .mbsp_wh_rb_lb { color:#4F0770 }

.mbsp_wh_main { position: relative; padding: 0 50px; width: 100%; margin-bottom: 30px; overflow-y: auto; }
.mbsp_wh_frame { position: relative; width: 100%; padding-bottom: 100%; z-index: 2; margin-bottom: 20px; }
.mbsp_wh_frame::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/images/membership/wh_frame.png"); background-repeat: no-repeat; background-size: contain; background-position: center; }
.mbsp_wh_plate_wrap { width: 86%; height: 86%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; overflow: hidden; border-radius: 50%; background-repeat: no-repeat; background-size: contain; background-position: center; }
.mbsp_wh_plate_wrap.whp_0 { background-image: url("/images/membership/wheel_plate_0.png") }
.mbsp_wh_plate_wrap.whp_1 { background-image: url("/images/membership/wheel_plate_1.png") }
.mbsp_wh_plate_wrap.whp_2 { background-image: url("/images/membership/wheel_plate_2.png") }
.mbsp_wh_indicator { position: absolute; top: 3px; left: 50%; transform: translateX(-50%); width: 34px; height: 44px; background: url('/images/membership/wheel_indicator.png') no-repeat center; background-size: contain; z-index: 10; }

.mbsp_wh_status_box { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-radius: 12px; font-weight: bold; }
.mbsp_wh_status_box.luck { background-color: #268C0C }
.mbsp_wh_status_box.super { background-color: #D37B03 }
.mbsp_wh_status_box.mega { background-color: #8005D0 }

.mbsp_wh_status_lb { display: flex; flex-direction: column; align-items: end; }
.mbsp_wh_status_lb_t { font-size: 18px; color: #FFF; font-weight: 300; line-height: 1 }
.mbsp_wh_status_lb_sn { font-size: 24px; font-weight: bold; color: #FFF; line-height: 1 }
.mbsp_wh_status_val span { font-size: 24px; font-weight: bold; color: #FCFF32; }

.mbsp_wh_info { padding: 0 25px; text-align: center; }
.mbsp_wh_spin_btn { width: 80%; padding: 14px 0; border-radius: 50px; border: none; background: linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; box-shadow: 0 5px 15px rgba(255, 38, 183, 0.3); transition: transform 0.1s; }
.mbsp_wh_spin_btn.disabled { background: linear-gradient(180deg, #787878 0%, #323232 100%); cursor: not-allowed; box-shadow: none; color: #303030; }

.mbsp_wh_item_node { position: absolute; top: 0; left: 50%; width: 80px; height: 50%; margin-left: -40px; transform-origin: bottom center; display: flex; justify-content: center; padding-top: 25px; pointer-events: none; }
.mbsp_wh_item_content { display: flex; flex-direction: column; align-items: center; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.9); line-height: 1.2; }
.mbsp_wh_amount { font-size: 13px; font-weight: 800; }
.mbsp_wh_unit { font-size: 10px; opacity: 0.8; }
.mbsp_wh_unit_ii{ width: 25px; display: block; margin-top: 5px;}


@keyframes spin { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(360deg); } 
 }

.loading-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; display: flex; align-items: center; justify-content: center; } 
.loading-spinner { width: 80px; height: 80px; border: 8px solid rgba(255, 255, 255, 0.1); border-top: 8px solid #A60CFF; border-radius: 50%; animation: spin 0.8s linear infinite; } 


.chat_ly_container { position: fixed; bottom: 0; right: -100%; width: 100%; max-width: 420px; height: calc(100% - 90px); background: #1a0b38; border-left: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; z-index: 2000; transition: right 0.4s ease-in-out; }

.chat_ly_container.active { right: 0; } 

.chat_ly_header { padding: 15px; background: #261151; } 

.chat_ly_tabs { display: grid; grid-template-columns: 1fr 1fr; background: #53087E; border-radius: 10px; } 

.chat_ly_tab_btn { width: 100%; padding: 10px 0; border: none; border-radius: 10px; background: none; color: #8652A4; font-weight: bold; cursor: pointer; font-size: 18px; transition: 0.3s; } 

.chat_ly_tab_btn.active { background: #A60CFF; color: #fff; } 

.chat_ly_hd_tab_sub { background: #261151; padding: 0 15px 10px 15px; } 
.chat_ly_hd_tab_sub_inner { padding-bottom: 5px; border-bottom: 1px solid #A60CFF; display: flex; align-items: center; justify-content: space-between; } 
.room_select_wrap select { font-size: 16px; color: #FECC00; font-weight: bold; border: none; outline: none; background: inherit; }
.chat_rule_btn_wrap { display: flex; align-items: center; gap: 10px; } 
.chat_rule_btn_wrap .chat_rule_btn { width: 20px; height: 20px; background-image: url("/images/chat/i_chat_rule.png"); background-size: contain; background-position: center; background-repeat: no-repeat; } 

.chat_rule_btn_wrap .chat_ly_close_btn { display: none; width: 22px; height: 22px; background: none; border: none; position: relative; cursor: pointer; padding: 0; }
.chat_rule_btn_wrap .chat_ly_close_btn::before,
.chat_rule_btn_wrap .chat_ly_close_btn::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #d9d9d9; border-radius: 2px; } 
.chat_rule_btn_wrap .chat_ly_close_btn::before { transform: translate(-50%, -50%) rotate(45deg); }
.chat_rule_btn_wrap .chat_ly_close_btn::after { transform: translate(-50%, -50%) rotate(-45deg); }
.chat_rule_btn_wrap .chat_ly_close_btn:hover::before,
.chat_rule_btn_wrap .chat_ly_close_btn:hover::after { background-color: #ffffff; transition: background-color 0.2s; } 

.chat_ly_body { flex: 1; overflow: hidden; position: relative; } 

.chat_ly_on_option { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 10; display: none; backdrop-filter: blur(2px); } 

.chat_ly_option_layer { position: absolute; bottom: calc(100% + 10px); left: 10px; right: 10px; background: #2b145a; border-radius: 12px; z-index: 11; display: none; box-shadow: 0 -5px 20px rgba(0,0,0,0.5); } 

.chat_ly_slider { display: flex; width: 200%; height: 100%; transition: transform 0.4s ease; } 

.chat_ly_content { width: 50%;
    display: flex;
    flex-direction: column;
    height: 100%; }
.chat_ly_msg_list {
    flex: 1;
    overflow-y: auto;
    padding: 10px 15px;
}
.chat_ly_notice_list {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}
.chat_ly_empty_notice { padding: 20px 0; text-align: center; font-size: 16px; color: #8652A4; }

.chat_ly_msg_item { margin-bottom: 20px; } 
.chat_ly_bubble_wrap { width: 100%; overflow: hidden; } 
.chat_ly_msg_item_inner { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: flex-start; } 
.chat_ly_user_info { position: relative; } 
.chat_msg_pf_thumb { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 50%; border: 1px solid #D9D9D9; background-color: #F5B945; } 

.chat_ly_msg_item.chat_ly_bot_msg .chat_msg_pf_thumb { background-color: inherit; border-color: #FFF; } 
.chat_ly_msg_item.grade_1 .chat_msg_pf_thumb { border-color: #511CA3; } 
.chat_ly_msg_item.grade_2 .chat_msg_pf_thumb { border-color: #69460C; } 
.chat_ly_msg_item.grade_3 .chat_msg_pf_thumb { border-color: #4F4F4F; } 
.chat_ly_msg_item.grade_4 .chat_msg_pf_thumb { border-color: #A48D0C; } 
.chat_ly_msg_item.grade_5 .chat_msg_pf_thumb { border-color: #134D74; } 
.chat_ly_msg_item.grade_6 .chat_msg_pf_thumb { border-color: #2F532A; } 
.chat_ly_msg_item.grade_7 .chat_msg_pf_thumb { border-color: #950F50; } 

.chat_pf_badge { width: 100%; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); font-size: 10px; color: #fff; padding: 1px 2px; border-radius: 5px; font-weight: bold; text-align: center; } 
.chat_ly_msg_item.grade_1 .chat_pf_badge { background: linear-gradient(185deg, #1E0B3B 15%, #511CA3 80%); } 
.chat_ly_msg_item.grade_2 .chat_pf_badge { background: linear-gradient(185deg, #1E0B3B 15%, #69460C 80%); } 
.chat_ly_msg_item.grade_3 .chat_pf_badge { background: linear-gradient(185deg, #1E0B3B 15%, #4F4F4F 80%); } 
.chat_ly_msg_item.grade_4 .chat_pf_badge { background: linear-gradient(185deg, #1E0B3B 15%, #A48D0C 80%); } 
.chat_ly_msg_item.grade_5 .chat_pf_badge { background: linear-gradient(185deg, #1E0B3B 15%, #134D74 80%); } 
.chat_ly_msg_item.grade_6 .chat_pf_badge { background: linear-gradient(185deg, #1E0B3B 15%, #2F532A 80%); } 
.chat_ly_msg_item.grade_7 .chat_pf_badge { background: linear-gradient(185deg, #1E0B3B 15%, #950F50 80%); } 

.chat_ly_bubble_nick_wrap { display: flex; align-items: center; justify-content: space-between; column-gap: 5px; margin-bottom: 5px; overflow: hidden; line-height: 24px; } 
.chat_ly_nickname { color: #fccf00; font-weight: bold; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.chat_ly_msg_item.chat_ly_bot_msg .chat_ly_nickname { color: #FFF; display: flex; align-items: center; gap: 3px; } 
.chat_ly_msg_item.chat_ly_bot_msg .chat_ly_nickname .i_chatbot { display: block; width: 20px; height: 20px; background-image: url("/images/chat/i_chatbot.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.chat_ly_msg_item.grade_1 .chat_ly_nickname { color: #511CA3; } 
.chat_ly_msg_item.grade_2 .chat_ly_nickname { color: #69460C; } 
.chat_ly_msg_item.grade_3 .chat_ly_nickname { color: #4F4F4F; } 
.chat_ly_msg_item.grade_4 .chat_ly_nickname { color: #A48D0C; } 
.chat_ly_msg_item.grade_5 .chat_ly_nickname { color: #134D74; } 
.chat_ly_msg_item.grade_6 .chat_ly_nickname { color: #2F532A; } 
.chat_ly_msg_item.grade_7 .chat_ly_nickname { color: #950F50; } 

.chat_bbl_btns { display: none; align-items: center; gap: 5px; } 
.chat_ly_bubble_nick_wrap:hover .chat_bbl_btns { display: flex; } 
.chat_bbl_btn_tip { width: 20px; height: 20px; background-image: url("/images/chat/i_chattip.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } 
.chat_bbl_btn_tag { width: 20px; font-size: 20px; color: #FECC00; } 

.chat_ly_bubble { background: rgba(255, 255, 255, 0.05); color: #ccc; padding: 10px 12px; border-radius: 0 12px 12px 12px; font-size: 14px; line-height: 1.4; max-width: 90%; } 

.chat_ly_drop_card { background: linear-gradient(258deg, rgba(45, 16, 90, 1) 0%, rgba(95, 31, 195, 1) 100%); border-radius: 10px; border: 1px solid #9C1AFF; padding: 15px; } 

.chat_ly_drop_title { color: #fff; font-weight: bold; margin-bottom: 10px; font-size: 18px; padding-bottom: 3px; border-bottom: 1px solid #A60CFF; } 

.chat_ly_drop_value { font-size: 25px; color: #fff; font-weight: 800; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 5px; } 
.chat_ly_drop_value .i_coin { width: 28px; } 

.chat_ly_btn_grab { width: 100%; background: #A60CFF; border: none; color: #FFF; padding: 8px; border-radius: 8px; font-weight: bold; cursor: pointer; } 

.chat_ly_rain_box { background: linear-gradient(198deg, rgba(30, 11, 59, 1) 0%, rgba(164, 141, 12, 1) 100%); border: 1px solid #FEED55; border-radius: 10px; padding: 15px; } 

.chat_ly_rain_title { color: #FEED55; font-size: 18px; font-weight: bold; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #FEED55; margin-bottom: 7px; } 
.chat_ly_rain_desc { font-size: 15px; margin-bottom: 5px; } 
.chat_ly_rain_winners li { font-size: 14px; } 
.chat_ly_btn_more { width: 100%; background: #fccf00; border: none; padding: 6px; border-radius: 20px; font-weight: bold; margin-top: 10px; } 

.chat_ly_footer { padding: 15px; background: #261151; position: relative; }

.chat_ly_input_group { display: flex; gap: 8px; background: rgba(0, 0, 0, 0.3); padding: 8px; border-radius: 10px; align-items: center; } 

.chat_ly_btn_plus { width: 32px; height: 32px; background: rgba(255, 255, 255, 0.1); border: none; color: #fff; border-radius: 6px; font-size: 20px; cursor: pointer; } 

.chat_ly_input { flex: 1; background: none; border: none; color: #fff; outline: none; } 

.chat_ly_btn_send { background: none; border: none; width: 24px; height: 24px; cursor: pointer; fill: #a020f0; } 

.chat_ly_option_layer { position: absolute;z-index: 11; bottom: 75px; left: 15px; right: 15px; background: #2b145a; border-radius: 12px; display: none; overflow: hidden; }

.chat_ly_opt_item { display: flex; width: 100%; padding: 12px 15px; background: none; border: none; color: #fff; text-align: left; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } 

.chat_ly_opt_item:hover { background: rgba(160, 32, 240, 0.2); } 


.chat_ly_hd_sub_noti{ display: none; }
.chat_ly_hd_sub_noti_inner{background: #140132; height: 56px; display: flex; align-items: center; padding-left: 15px; position: relative; }
.chat_ly_hd_sup_tt{font-size: 18px; font-weight: 500; color: #FFF; }
.chat_ly_hd_sup_close_btn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 22px; height: 22px; background: none; border: none; cursor: pointer; padding: 0; }
.chat_ly_hd_sup_close_btn::before,
.chat_ly_hd_sup_close_btn::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #d9d9d9; border-radius: 2px; }
.chat_ly_hd_sup_close_btn::before { transform: translate(-50%, -50%) rotate(45deg); }
.chat_ly_hd_sup_close_btn::after { transform: translate(-50%, -50%) rotate(-45deg); }
.chat_ly_hd_sup_close_btn:hover::before,
.chat_ly_hd_sup_close_btn:hover::after { background-color: #ffffff; transition: background-color 0.2s; }

.chat_noti_item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background: #261151;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    cursor: pointer;
    transition: background 0.2s;
    position: relative;
}

.chat_noti_item.active {
    border: 2px solid #00A6FF;
    z-index: 1;
}

.chat_noti_item:hover {
    background: #2F1566;
}

.chat_noti_img {
    width: 45px;
    margin-right: 15px;
    flex-shrink: 0;
}

.chat_noti_img img {
    width: 100%;
}

.chat_noti_info {
    flex: 1;
    overflow: hidden;
}

.chat_noti_subject {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chat_noti_desc {
    color: #A68DFF;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.chat_noti_status {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #555;
    margin-left: 10px;
}

.chat_noti_item.unread .chat_noti_status {
    background: #FF0000;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}
.chat_ly_login_req{padding: 20px 0;text-align: center;font-size: 16px;color: #8652A4;}
.chat_sys_msg{padding: 20px 0;text-align: center;font-size: 16px;color: #8652A4;}
.chat_empty_msg{padding: 20px 0;text-align: center;font-size: 16px;color: #8652A4;}




/* 컨테이너 및 배경 */
.partner_form_container { margin: 20px auto; padding: 0 20px; width: 100%; max-width: 1336px; } 
.partner_form_cont_inner { max-width: 680px; margin: 0 auto; } 
.partner_form_title { font-size: 35px; font-weight: 800; text-align: center; margin-bottom: 40px; color: #FFF; } 

.partner_form_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } 

.partner_form_item { display: flex; flex-direction: column; gap: 8px; } 

.partner_form_item.full_width { grid-column: span 2; } 

.partner_form_item label { font-size: 16px; color: #DBC4FF; font-weight: 500; } 

.partner_form_item input,
.partner_form_item textarea { background: #1E0B3B; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 8px; padding: 12px 15px; color: #fff; font-size: 15px; outline: none; transition: border-color 0.3s; } 

.partner_form_item input:focus,
.partner_form_item textarea:focus { border-color: #ff00ab; } 

.partner_form_select_wrapper { position: relative; padding: 12px 15px; background: #1E0B3B; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 8px; font-size: 15px; outline: none; transition: border-color 0.3s; } 
.partner_form_select_wrapper select { width: 100%; background: #1E0B3B; color: #fff; font-size: 15px; outline: none; transition: border-color 0.3s; border: 0; } 
.partner_form_item select { } 

/* 전화번호 입력 그룹 */
.partner_form_phone_group { display: grid; grid-template-columns: 100px 1fr; align-items: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 8px; background: #1E0B3B; } 

.partner_form_phone_group input { border: none; background: none; padding-left: 5px; background: #1E0B3B; } 
.partner_form_phone_group .select2-container--default .select2-selection--single { background: #1E0B3B; border: none; } 
.partner_form_phone_group .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 15px; color: #FFF !important; overflow: hidden; } 
.select2-container--open .select2-dropdown--below { width: auto !important; background-color:#1E0B3B; } 
.select2-container--default .select2-results__option span { display: flex; align-items: center; white-space: nowrap; color: #FFF; } 
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #4e2490 !important; } 
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #4e2490 !important; } 
.partner_form_footer { margin-top: 40px; text-align: center; } 

.partner_form_btn_apply { width: 240px; background: linear-gradient(90deg, #FF00A8 0%, #D6008D 100%); color: #fff; border: none; padding: 15px 0; font-size: 18px; font-weight: 800; border-radius: 50px; cursor: pointer; box-shadow: 0 4px 15px rgba(214, 0, 141, 0.3); transition: transform 0.2s, box-shadow 0.2s; } 

.partner_form_btn_apply:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(214, 0, 141, 0.5); } 

.partner_frm_terms_wrap { width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 20px 20px; } 
.partner_frm_terms_title { font-size: 35px; margin-bottom: 30px; color: #FFF; font-weight: bold; text-align: center; } 
.partner_frm_terms_cont h3 { font-size: 16px; margin-bottom: 10px; color: #FFF } 
.partner_frm_terms_cont p { font-size: 16px; margin-bottom: 20px; color: #DBC4FF }




/* 다중 로그인 알림 팝업 */
.mlw_pop_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.mlw_pop_popup_inner { position: relative; background: linear-gradient(258deg, rgba(45, 16, 90, 1) 0%, rgba(95, 31, 195, 1) 100%); max-width: 300px; width: 90%; max-height: 90vh; padding: 20px; overflow-y: auto; border-radius: 8px; color: #fff; }
.mlw_pop_title { font-size: 24px; position: relative; margin-bottom: 15px; text-align: center; }
.mlw_pop_title::before { content: ""; display: inline-block; vertical-align: middle; width: 35px; height: 35px; margin-bottom: 5px; background-image: url('/images/home/warning_org.png'); background-size: cover; background-repeat: no-repeat; }
.mlw_pop_btn_close { position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; background: transparent; border: none; cursor: pointer; z-index: 100 }
.mlw_pop_btn_close::before,
.mlw_pop_btn_close::after { content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; background: #fff; }
.mlw_pop_btn_close::before { transform: translate(-50%, -50%) rotate(45deg); }
.mlw_pop_btn_close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.mlw_pop_cont_inner { overflow-x: auto; }
.mlw_pop_cont_inner p { font-size: 15px; color: #FFF; font-weight: 500; text-align: center; word-break: keep-all; margin-bottom: 3px; }
#mlw_pop_popup_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9998; display: none; }
#mlw_pop_popup_mask.on { display: block; }
/* 다중 로그인 알림 팝업 */









/*
***********************
***********************
***********************
***********************
@media
***********************
***********************
***********************
***********************
*/



@media (max-width: 1440px){
 .ma_top_card_title { font-size: 25px } 
 .ma_top_card_desc { font-size: 30px; max-width: 350px } 
 }

@media (max-width:1190px){
 .contents_inner { padding:20px; max-width:100% } 
 .main .contents_inner { padding:20px } 
 .horizontal_slide .swiper-slide { width:calc(100% / 3); height:auto; padding-bottom:33.33% } 
 .horizontal_slide .swiper-slide a { position:absolute; left:0; top:0; padding-left:43px } 
 .img_game { width:100%; background-position:center bottom } 
 .week_rank { width:74px; height:94px; bottom:-5px } 
 .site_title .btn_view { padding:0 12px; font-size:1.4rem } 

 .game_play_wrap { width:calc(100% + 20px); margin-left: -10px } 
 .game_item { width:calc(100% / 3 - 10px); position:relative; padding-bottom:37%; margin-left:10px; margin-bottom:10px; height:auto } 
 .game_image_wrap { width:100%; height:100%; position:absolute; left:0; top:0; background-position:center } 

 .footer_inner { max-width:100% } 
 .footer_info { padding:0 16px; background:#1E0B3B; color:#414197; font-size:1.4rem } 

 .popup_box,.popup_box.all_popup { width:90% }
    .popup_box.dailyWheelLayer{max-width: 550px;}
    .popup_box.playGameLayer{max-width: 300px;}

 .coinBuyLayer { min-width:90% }
 .coin_list { justify-content:center }
 .coin_item { width:100%; height:270px; background-size:100% 100% }
 .coin_item li { font-size:1.6rem }
 .coin_item .img_coin { margin-bottom:10px }
 .coin_item .img_coin img { width:118px; height:106px }
 .coin_item .img_coin .img_tag { width:76px; height:76px }
 .coin_item .txt { margin:12px 0 2px }
 .coin_item .price img { width:20px; height:22px }
 .coin_item .totalPrice { margin-top:16px }
 .coin_item .totalPrice .btn { font-size:1.8rem }
 .coin_item .totalPrice .btn.idn { font-size:1.6rem; }

 .giftCardLayer { min-width:90% } 
 .gcl_main_grid { grid-template-columns: 1fr; } 
 .popup_box.giftCardLayer { max-height: 97vh; overflow-y: auto; } 
 .gcl_filter_box { grid-template-rows: auto; margin-bottom: 0; padding: 20px 30px; } 
 .gcl_filter_chk_wrap.countries .gcl_filter_chk_inner { min-height: 100px; } 

 .popup_box.giftCardLayerDetails { max-height: 97vh; overflow-y: auto; min-width:80%; } 
 .gcd_grid { grid-template-columns: 1fr; grid-template-rows: auto; padding: 25px 45px; } 
 .gcd_item_img { width: 280px; margin: 0 auto; padding-bottom: 224px; } 
 .gcd_item_name { text-align: center; } 

 .popup_box.giftCardLayerConfirm { max-height: 97vh; overflow-y: auto; min-width:450px; } 

 .rev_section.bg_top .rev_bg_wrap::before { opacity: 0.45 } 
 .rev_sec_top_area .rev_sec_top_area_logo { margin: 50px auto 20px; width: 150px; } 
 .rev_sec_top_area .rev_sec_top_desc h2 { font-size: 30px; padding: 0 40px; } 
 .rev_sec_top_area .rev_sec_top_desc p { padding: 0 50px; font-size: 17px; } 

 .rev_sec_2_area { padding:0 30px; } 
 .rev_sec_2_card_wrap { width: 100%; grid-gap: 30px; } 
 .rev_sec_2_card { padding: 80px 20px 30px; } 
 .rev_sec_2_card_ill { width: 100px; height: 100px; } 
 .rev_sec_2_card_text .tt { font-size: 24px; } 
 .rev_sec_2_card_text .tt_sub { font-size: 20px; } 

 .rev_section.swit { padding:0 30px; } 
 .rev_switch_card { width: 100%; margin: 0 auto 70px; column-gap: 35px; padding: 20px 20px 20px 35px; grid-template-columns: 120px auto; } 
 .revs_txt_wrap p { font-size: 18px; } 

 .rev_sec_3_area .rev_sec_3_desc h2 { margin-bottom: 25px; } 

 .rev_sec_3_card_wrap { width: 100%; padding:0 30px; margin: 0 auto 40px; column-gap: 25px; } 
 .rev_sec_3_card { padding: 20px 15px 20px 15px; } 
 .rev_sec_3_card_tt { font-size: 28px; } 
 .rev_sec_3_card_ill_wrap { grid-template-columns: auto 90px; } 
 .rev_sec_3_card_txt { font-size: 15px; } 

 .rev_sec_4_card_wrap { padding:0 30px; } 
 .rev_sec_4_area .rev_sec_4_desc p { padding: 0 50px; } 
 .rev_sec_4_card { width: 100%; padding: 30px 40px; margin: -35px auto 80px; } 
 .rev_sec_4_card_tt,.rev_sec_4_card_sub,.rev_sec_4_card_num_flex div { font-size: 18px; } 
 .rev_sec_4_sm_ill { width: 200px; bottom: -80px; right: -20px; } 
 .contents_inner.rev_cont { padding: 0; margin-bottom: 0; } 

 .ivf_guide_1 { padding: 50px 0; margin-bottom: 30px; } 
 .ivf_guide_1 h3 { padding: 0 35px; font-size: 30px; } 
 .ivf_guide_1 p { font-size: 18px; } 
 .ivf_guide_1 .ivf_guide_or { padding: 5px 15px; font-size: 16px; margin: 7px 0; } 
 .ivf_guide_1_ill.red { width: 100px; height: 68px; } 
 .ivf_guide_1_ill.gr { bottom: -50px; width: 100px; height: 100px; } 

 .ivf_guide_2 { padding: 0 170px 0 20px; margin-bottom: 30px; } 
 .ivf_guide_3 { padding: 0 20px; grid-template-columns: 200px auto; column-gap: 20px; } 
 .ivf_guide_4 { padding: 0 5px 0 20px; grid-template-columns: auto 250px; margin-top: -20px; } 
 .ivf_guide_4_txt { row-gap: 15px; } 
 .ivf_guide_2 p,.ivf_guide_3_txt p,.ivf_guide_4_txt p { font-size: 20px; line-height: 30px; } 

 .ivf_my_sts .cols_01 .col_1 { row-gap: 5px; } 
 .ivf_my_sts .cols_01 .col_1 .lb_box, .ivf_my_sts .cols_01 .col_1 .vl_box { font-size: 16px; } 
 .ivf_my_sts .cols_01 .col_1 .act_btns_box .act_btn button img { width: 20px; height: 20px; } 

 .mbsp_exp_sec_grid { grid-template-columns: 1fr; row-gap: 30px; padding: 0 50px; } 
 }


@media (max-width:1109px){
    .blb_inner .blb_grid{padding: 0 60px;}
 .menu_tab.mypageLink ul { width:auto } 
 .menu_tab.mypageLink li { width:auto; height:42px } 

 .cont_top_banner { background-size:100% 100%; height:auto; padding:40px 22px } 
 .cont_top_banner h2 { font-size:2.6rem } 
 .cont_top_banner p { font-size:1.6rem } 
 .sort_dt { padding:14px 10px } 
 .sort_dt .dt { width:25%; display:block } 
 .sort_dt .dt:first-child,.sort_dt .dt:last-child { width:25% } 
 .sort_dt,.sort_dd_item,.c_chat button em, .c_bg .c_amount { font-size:1.6rem } 
 .user_pic { width:44px; height:44px; margin-right:10px } 
 .sort_dd_item li,.sort_dd_item li:first-child, .sort_dd_item li:last-child { width:25% } 
 .sort_dd_item li .user_name { width:calc(100% - 44px - 10px) } 
 .c_bg { width:90% } 
 .c_bg .img_claim { left:0; width:44px; height:45px; top:0 } 
 .c_bg .c_amount { padding-left:20px } 
 .c_chat { padding:7px 16px 8px } 

 .menu_tab.type_02 { margin:16px 0 20px } 
 .date_pick_search { margin-top:20px } 
 .date_pick_search,.date_pick_search .left { flex-direction:column; width:100% } 
 .date_search,.datepicker_area { width:100% } 
 .date_range_buttons { width:calc(100% + 8px); margin-bottom:20px; margin-left:-8px } 
 .date_range_buttons button { width:calc(100% / 4 - 8px) } 
 .date_search .bt_search { width:100% } 
 .datepickerWrap { width:49% } 
 .datepicker_area { margin-bottom:15px } 
 .datepicker_area .to { width:2% } 

 .mypage_vs { flex-direction:row }
 .mypage_vs .vs_box { width:calc(50% - 10px); margin:0 5px }
 .referral_txt { flex-direction:column; margin-bottom:25px } 
 .referral_txt .yt { margin-right:0 } 
 .referral_wrap { flex-direction:column } 
 .referral_wrap .referral_spb { position:relative; width:100%; flex-direction:row; height:auto; margin:25px 0; padding:24px 25px } 
 .referral_wrap .referral_spb ul { flex-direction:column } 
 .referral_wrap .referral_list { width:100%; padding-left:0 } 
 .referral_wrap .date_pick_search { width:100% } 
 .referral_wrap .trans_list { width:100%; margin-top:0 } 
 .referral_wrap .referral_spb img { margin-right:0; margin-bottom:8px } 
 .referral_wrap .referral_spb ul:first-child img { height:36px } 
 .trans_list + .referral_txt { margin-top:24px } 
 .mypage_referral .ref_code { flex-direction: column; } 
 .mypage_referral .ref_code span { font-size: 16px; } 
 .mypage_referral .ref_code .ref_code_btn_wrap { margin-left: 0; margin-top: 5px; } 
 .mypage_referral .tt { margin-bottom: 10px; } 
 .mypage_referral .num_big { font-size: 18px; } 
 .mypage_referral .txt_down { font-size: 15px; } 
 .referral_wrap .referral_spb li,.referral_wrap .referral_spb li:nth-child(2) { padding-left:0; width:100%; text-align:center } 

 .my_offers_list { margin-bottom:30px } 
 .my_offers_list li { width:calc(50% - 5px); margin-left:0; height:auto } 
 .my_offers_list li.myo_close_admin { width:100% } 
 .my_offers_list li:nth-child(1) { padding:20px 24px; width:100%; margin-bottom:15px; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; font-size:1.6rem; height:auto } 
 .my_offers_list li:nth-child(2) { margin-right:5px } 
 .my_offers_list li:nth-child(3) { margin-left:5px } 
 .my_offers_list li:nth-child(1) span { width:100% } 
 .my_offers_list li:nth-child(1) span:nth-child(2) { width:100%; text-align:left } 
 .my_offers_list li:nth-child(1) span:nth-child(3) { margin-top:6px; width:100% } 
 .my_offers_list li button { height:40px } 
 .my_offers_list li button span { display:inline-block } 
 .my_offers_list li button span + span { margin-left:4px } 

 .landing_page .button_area { margin-top:40px } 
 .img_landing { height:auto } 
 .img_landing img { height:auto } 
 .img_pc_landing { display:none } 
 .img_m_landing { display:block } 
 .img_chip { display:none } 
 .img_pocker { display:none } 
 .landing_info { height:auto; padding:28px 20px } 
 .landing_txt { width:100%; line-height:26px } 
 .img_landing_logo { height:70px; margin:10px 0 30px } 
 .img_landing_logo img { width:auto; height:100% } 
 .img_landing .img_left { width:96px; height:144px } 
 .landing_page.baccarat .img_left { width:147px; height:159px; bottom:-6px } 
 }

@media (max-width: 1024px){
    .blb_inner .blb_grid{padding: 0 20px; gap: 15px;}
    .blb_g_txt{padding: 0 20px;}
 .message_write { padding: 0 40px; } 

 .ma_top_card_lf_sw_cont .swiper-slide { padding: 20px; } 
 .ma_top_card_rt_item { padding: 10px 15px; } 
 .ma_top_card_title { font-size: 20px } 
 .ma_top_card_desc { font-size: 24px; max-width: 350px } 
 .ma_top_card_rt_txt h5 { font-size: 15px } 
 .mbsp_special_banner { height: 350px; } 
 .mbsp_banner_title { font-size: 40px; } 
 .mbsp_banner_content { padding-left: 40px; max-width: 450px; } 
 .mbsp_banner_character { right: -50px; } 

 .mypage_referral { padding: 0 } 
 .mypage_referral ul { grid-template-columns: repeat(2, 1fr); align-items: stretch; } 
 .mypage_referral li { padding: 15px 0; } 
 .mypage_referral .ref_code { flex-direction: unset; height: unset; gap: 10px; } 
 .mypage_referral .btn_copy { width: 20px; height: 20px; } 
 .mypage_referral .ref_code .ref_code_btn_wrap { gap: 5px; margin-top: 0; } 
 .mypage_referral li:nth-child(1), .mypage_referral li:nth-child(2) { border-bottom:1px solid #3E0D93 } 
 .mypage_referral li:nth-child(1), .mypage_referral li:nth-child(3) { border-right:1px solid #3E0D93 } 
 }


@media (max-width:1000px){
 .ivf_guide_1 { padding: 30px 0; margin-bottom: 30px; } 
 .ivf_guide_1 h3 { padding: 0 20px; font-size: 24px; } 
 .ivf_guide_1 p { font-size: 16px; } 
 .ivf_guide_1 .ivf_guide_or { padding: 5px 15px; font-size: 14px; margin: 5px 0; } 
 .ivf_guide_1_ill.red { width: 70px; height: 50px; top: -20px; } 
 .ivf_guide_1_ill.gr { bottom: -30px; width: 70px; height: 70px; } 

 .ivf_guide_2 { padding: 0 100px 0 20px; margin-bottom: 20px; } 
 .ivf_guide_3 { padding: 0 20px; grid-template-columns: 150px auto; column-gap: 20px; } 
 .ivf_guide_4 { padding: 0 5px 0 20px; grid-template-columns: auto 180px; margin-top: -20px; } 
 .ivf_guide_4_txt { row-gap: 10px; } 
 .ivf_guide_2 p,.ivf_guide_3_txt p,.ivf_guide_4_txt p { font-size: 18px; line-height: 25px; } 

 .ivf_my_sts .cols_01 { column-gap: 7px; padding: 12px; border-radius: 12px; } 
 .ivf_my_sts .cols_01 .col_1 { row-gap: 5px; } 
 .ivf_my_sts .cols_01 .col_1 .lb_box, .ivf_my_sts .cols_01 .col_1 .vl_box { font-size: 15px; } 
 .ivf_my_sts .cols_01 .col_1 .act_btns_box .act_btn button img { width: 17px; height: 17px; } 
 }

@media (max-width: 968px){
 .ma_top_card_btn { padding: 10px 20px; font-size: 16px; } 
 .ma_top_cards_inner { grid-template-columns: 1fr; gap: 10px; aspect-ratio: auto; max-height: none; height: auto; } 
 .ma_top_card_rt_item { padding: 50px 15px; } 
 .ma_top_card_content { flex: unset; } 
 .ma_top_card_lf_sw_cont .swiper-slide { padding: 20px; flex-direction: column; align-items: flex-start; justify-content: center; } 
 .ma_top_card_desc { font-size: 24px; margin-bottom: 20px; } 

 .ma_top_card_img img { max-height: 180px; margin-top: 20px; } 

 .ma_top_card_lf { padding-bottom: 10px; } 
 .ma_top_card_pagination { bottom: 5px; } 
 }


@media screen and (max-width:930px){
 .register_page .regi_form { grid-template-columns: 1fr; } 
 .register_page .regi_form .form_area { width:360px; border-radius:20px; background-color:#fff; padding:20px 20px 30px } 
 .jfv_ill { display: none; } 

 .lfv_ill { display: none; } 
 .register_page .regi_form1 { display: grid; grid-template-columns: 1fr; width: 100%; max-width: 480px; } 
 }



@media (max-width:767px) {
 .popup_box.payment_success { width: 300px; height: auto; } 
 @media (orientation: landscape){
 .popup_box.payment_success { width: 300px; height: 90%; } 
 }

    .popup_box.blb_cont{max-width: 375px}
    .blb_tt{font-size: 30px;}
    .blb_tt_sub{font-size: 15px; padding: 0 40px;}
    .blb_inner .blb_grid{grid-template-columns: 1fr;}

 .special { margin-top: 20px; display: block; } 
 .special_offer { width: 100%; color: #fff; background-size: cover; background-position: right; background-repeat: no-repeat; } 
 .special_offer p { font-size: 16px; font-weight: 800; line-height: 34px; margin-top: 30px; margin-left: 10px; text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; } 
 .special_offer div { font-size: 16px; font-weight: 800; line-height: 16px; margin-top: 10px; margin-left: 10px; text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; } 
 .special_offer strong { font-size: 50px; font-weight: 800; line-height: 50px; margin-left: 10px; background: linear-gradient(#FBFB3C, #FEFECF, #959524, #6B6B0D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
 .btn_offer { z-index: 2; position: absolute; bottom: 20px; left: 10px; display: inline-block; padding: 0 28px; width: 260px; height: 46px; line-height: 46px; border-radius: 46px; background: #FED900; color: #510404; font-size: 18px; font-weight: 800; } 
 .main_banner1 { background-size: cover; background-position: left; background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_mo_02.png); } 
 .main_banner2 { background-size: cover; background-position: left; background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_mo_03.png); } 
 .main_banner3 { background-size: cover; background-position: left; background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_mo_04.png); } 
 .main_banner4 { background-size: cover; background-position: left; background-image: url(https://slot-cdn.bighitplay.net/slotgames/thumbnail/main/main_bn_mo_05.png); } 
 .btn_banner { z-index: 2; position: absolute; bottom: 30px; left: 4px; display: inline-block; padding: 0 28px; width: 120px; height: 20px; line-height: 20px; border-radius: 46px; background: #FED900; color: #510404; font-size: 10px; font-weight: 800 } 
 .btn_banner2 { z-index: 2; position: absolute; bottom: 30px; left: 4px; display: inline-block; padding: 0 28px; width: 160px; height: 20px; line-height: 20px; border-radius: 46px; background: #FED900; color: #510404; font-size: 10px; font-weight: 800 } 

 .mbsp_special_banner { height: auto; min-height: 500px; flex-direction: column; justify-content: flex-start; padding-top: 40px; text-align: center; } 
 .mbsp_banner_content { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin: 0 auto; } 
 .mbsp_banner_desc br { display: none; } 

 .mbsp_banner_character { position: relative; height: 300px; right: 0; bottom: 0; margin-top: 20px; } 

 .free_spin1 { transform: scale(0.5); @media (orientation: landscape) { transform: scale(0.6); } 
 }

 .layer_redeem.redeemEventLayer { border-radius: 0; background-color: #16174000; border: 0; transform: translate(20%, -120%); } 
 .layer_redeem.redeemEventLayer .redeem_img { cursor: pointer; width: 60%; height: 60%; } 
 .layer_redeem.redeemEventLayer .redeem_period { font-size: 11px; position: absolute; top: 425px; left: 70px; width: 38%; color: #2F2301; font-weight: 700; text-align: center; } 
 .layer_redeem.redeemEventLayer .redeem_text1 { font-size: 11px; position: absolute; top: 460px; left: 30px; width: 50%; color: #FFF; font-weight: 400; text-align: center; } 
 .layer_redeem.redeemEventLayer .redeem_text2 { font-size: 10px; position: absolute; top: 40px; right: -10px; width: 100%; color: #FFF; font-weight: 400; text-align: center; } 
 .layer_redeem.redeemEventLayer .redeem_text3 { font-size: 32px; position: absolute; top: 100px; left: 30px; width: 50%; background: linear-gradient(180deg, #FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; line-height: 1.0; } 
 .layer_redeem.redeemEventLayer .redeem_text3_1 { font-size: 32px; position: absolute; top: 80px; left: 30px; width: 50%; background: linear-gradient(180deg, #FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; line-height: 1.0; } 
 .layer_redeem.redeemEventLayer .redeem_text3_2 { font-size: 32px; position: absolute; top: 90px; left: 30px; width: 50%; background: linear-gradient(180deg, #FFF941, #F59F00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; text-align: center; line-height: 1.0; } 
 .layer_redeem.redeemEventLayer .redeem_text4 { font-size: 12px; position: absolute; top: 160px; left: 30px; width: 50%; color: #FFF; font-weight: 400; text-align: center; } 
 .layer_redeem.redeemEventLayer .redeem_text5 { font-size: 20px; position: absolute; top: 330px; left: 30px; width: 50%; color: #FFF; font-weight: 700; text-align: center; } 

 .coin_info { display: none; } 
 @media (orientation: landscape){
 }

 .partner_form_grid { grid-template-columns: 1fr; /* 1열로 전환 */ } 

 .partner_form_item.full_width { grid-column: span 1; } 

 .partner_form_title { font-size: 26px; } 

 .partner_form_btn_apply { width: 100%; /* 모바일에서는 버튼 꽉 채우기 */ } 
 .partner_frm_terms_title { font-size: 25px; margin-bottom: 30px; color: #FFF; font-weight: bold; text-align: center; } 
 .partner_frm_terms_cont h3 { font-size: 15px; margin-bottom: 10px; color: #FFF } 
 .partner_frm_terms_cont p { font-size: 13px; margin-bottom: 20px; color: #DBC4FF } 

 .popup_box.redeem_success { width: 300px; } 
 .dailyWheelLayer { width: 350px; } 
 .howWorksLayer { border: 1px solid #C8C8C8; width: 350px; height: 620px; padding: 0 0 0 0; } 
 .img_tag { position: absolute; z-index: 10; width: 50px; height: 50px; left: 0; top: -40px; } 
 .img_tag_30 { position: absolute; z-index: 10; width: 48px; height: 50px; left: 0; top: -15px; } 
 .img_popular_tag1 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; } 
 .img_popular_tag2 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; } 
 .img_popular_tag3 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; } 
 .img_popular_tag4 { position: absolute; z-index: 10; width: 76px; height: 76px; top: -30px; left: 0; } 
 .buyCheckLayer2 {}
 .buyCheckLayer2close { }

 .mission_reward_layer { transform: scale(0.5); } 
 .del_money { font-size: 13px; position: relative; color: red; margin-left: -7px } 
 .realmoney { position: relative; top: 10px; } 

 .hd_r_pf_btn_wrap { display:none } 
 .hd_r_pf_btn_wrap.mo { display:flex } 
 .coin_wrap .toggleBc .toggle_option { padding:0 } 
 .coin_wrap .toggle_switch label em { font-size:1.2rem; padding:0 5px 0 3px } 
 .coin_wrap .toggle_switch img { width:21px; height:22px; margin:0 } 
 .coin_wrap .toggleBc img { margin-left:6px } 
 .coin_wrap { display: none } 
 .coin_wrap.mo { display: block; margin-right: 0; margin-bottom: 15px; } 
 .coin_wrap.mo .toggle_switch_wrap { width: 100%; } 
 .coin_wrap.mo .mo_ec_i { margin-left: 3px; } 
 .section_inner { padding:80px 0 0 } 

 .side_bar { position: fixed; height: 100%; overflow-y: auto; top: 0; left: -100%; z-index: 1002; transition: left 0.4s ease-in-out; }
 .side_bar.active { left: 0; } 

 /* footer menu */
 .ft_gnb_menu { width:100%; height:100%; overflow:hidden; padding:80px 20px 0 } 
 .ft_gnb_scroll { height:100%; background:#160333 } 
 .ft_gnb_menu .ico_menu { display:flex; flex-direction:row; justify-content:center; margin-bottom:20px } 
 .ft_gnb_menu .ico_menu li { background:rgba(46, 19, 86, 1); width:65px; height:68px; padding:7px 0; text-align:center; border-radius:10px; cursor:pointer } 
 .ft_gnb_menu .ico_menu li + li { margin-left:9px } 
 .ft_gnb_menu .ico_menu span { display:block; text-align:center; width:100% } 
 .ft_gnb_menu .ico_menu .menu_name { color:#C3A6F0; font-size:1rem; font-weight:400 } 
 .ft_gnb_menu .ico_menu .ic_01 img { width:40px; height:42px; margin-bottom:1px } 
 .ft_gnb_menu .ico_menu .ic_02 img { width:43px; height:42px; margin-bottom:1px } 
 .ft_gnb_menu .ico_menu .ic_03 img { width:49px; height:38px; margin-bottom:5px } 
 .ft_gnb_menu .lnb_sub_menu li { padding-left:20px } 
 .lnb_item .ico_side { margin-right:6px } 

 .cont_top { display:flex; flex-direction:row; align-items:flex-start; width:100%; height:240px } 
 .page_title { font-size:2.4rem } 
 .page_sub_title { display:none } 
 .contents_inner { max-width:1104px; margin:0 0 0 0; padding:30px 0 50px; min-height:680px } 

 .slide.horizontalTopSlide { height: 240px } 
 .contents_inner { padding:20px 16px } 
 .welcome_bonus { display:none } 
 .main_slide_wrap { width:100%; padding-left:0 } 
 .main_slide .swiper-slide a { width:100%; height:240px; padding:20px; } 
 .main_slide .tit span, .main_slide .s_tit span { display:block } 
 .main_slide .tit strong { display:none } 
 .main_slide .btn_bonus { left:20px } 
 .main_slide .tit { display:block; font-size:22px; font-weight:800; line-height:24px; margin-top:6px; margin-left:-10px } 
 .main_slide .s_tit { display:block; font-size:10px; font-weight:800; line-height:6px; margin-left:-10px; } 
 .site_title { font-size:2.4rem; margin:30px 0 10px } 
 .site_title img { width:auto; height:32px } 
 .horizontal_slide .swiper-slide { width:calc(100% / 2 - 5px); padding-bottom:52.25% } 

 .game_list_wrap { width:100%; margin-left:0 } 
 .game_play_wrap { width:calc(100% + 10px); margin-left:-10px } 
 .game_item { width:calc(100% / 3 - 10px); position:relative; padding-bottom:30%; margin-left:10px; margin-bottom:10px; height:auto } 
 .game_image_wrap { width:100%; height:100%; position:absolute; left:0; top:0; background-position:center } 
 .game_item:hover .game_image_wrap { transform:scale(1.05) } 
 .btn_play { padding:12px 20px } 
 .game_check_btn { width:100%; margin:10px auto 0 } 
 .game_check_btn button { font-size:1.4rem; width:calc(100% - 2px) } 
 .game_item.new:after { width:37px; height:23px; left:8px } 

 #footer_mo { z-index:999; position:fixed; bottom:0; height:56px; display:flex; justify-content:space-between; align-items:flex-end; width:100%; background:rgba(21, 21, 50, 0.80); backdrop-filter:blur(3.5px) } 
 #footer_mo .footer_list { display:flex; align-items:flex-end; justify-content:space-between; height:56px; width:100%; padding-bottom: 3px; } 
 #footer_mo .footer_menu { position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; row-gap: 4px; } 
 #footer_mo .footer_menu .footer_menu_icon { width: 100%; height: 25px; background-size: contain; background-position: center; background-repeat: no-repeat; } 
 #footer_mo .footer_menu .footer_menu_label { display:block; color:#888; font-size:1.2rem } 
 #footer_mo .footer_menu.sideMenu .footer_menu_icon { background-image: url("/images/foot/i_ft_mo_side_tg.png"); } 
 #footer_mo .footer_menu.slot .footer_menu_icon { background-image: url("/images/foot/i_ft_mo_cherry.png"); } 
 #footer_mo .footer_menu.buy .footer_menu_icon { position: relative; z-index: 10; height: 40px; background-image: url("/images/foot/i_ft_mo_bg_plus.png"); } 
 #footer_mo .footer_menu.membership .footer_menu_icon { background-image: url("/images/foot/i_ft_mo_membership.png"); } 
 #footer_mo .footer_menu.chat .footer_menu_icon { background-image: url("/images/foot/i_ft_mo_chat.png"); } 

 .web_footer { padding:0 0 65px } 
 .footer_link { padding:20px; background:#000121; margin-bottom: 0; } 
 .link_area { flex-direction:column; align-items: flex-start; } 
 .link_area a { color:#7373F2; font-size:1.4rem; margin-bottom:15px } 
 .link_area a:last-child { margin-bottom: 0; } 
 .link_area a + a { margin-left:0 } 
 .footer_info { padding:0 } 
 .footer_info_wrap { padding:30px 20px; flex-direction: column; align-items: center; justify-content: center; row-gap: 10px; } 
 .footer_info_sub { width: 80px; } 
 .footer_info_sub img { width: 100%; } 

 .register_page .regi_form1 .form_area { width: 100% } 
 .link_cancel { right:16px; top:10px } 
 .register_inner { flex-direction:column; justify-content:space-between; width:100%; height:100% } 
 .register_h1 { height:auto; margin-bottom:0; font-size:2rem; padding:20px 0; background:url(../../images/login/img_login.png) no-repeat; background-position:top center } 
 .register_h1 p { margin-top:0; display:flex; flex-direction:column; justify-content:center; line-height:24px } 
 .register_page .regi_form { width:100%; background-position:top center; padding:0; background-color:#fff; background-image:none; border-top-left-radius:20px; border-top-right-radius:20px } 
 .register_page .regi_form .form_area { overflow-y:auto; width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between } 
 .register_page.join .register_h1 { background-image:url(../../images/login/img_join.png); background-position:center; margin-bottom:0 } 

 .input_radio { position:relative; margin:0 0 0 0 } 
 .cont_top_banner { display:none } 
 .sort_wrap { flex-direction:column; justify-content:center } 
 .sort_by { width:100%; font-size:1.4rem; margin:10px 0 16px 0 } 
 .sort_tt { font-size:1.4rem; min-width:60px } 
 .sort_by .input_check { margin:0 } 
 .sort_by .input_check input[type="checkbox"] + label { font-size:1.4rem } 
 .sort_by .input_check input[type="checkbox"]:checked + label:after { left:4px; top:4px } 
 .sort_by .check_form { margin-top:0 } 
 .new_offer { display:flex; justify-content:flex-end; width:100% } 
 .new_offer button { font-size:1.4rem; height:38px; border-radius:38px; padding:10px 18px } 

 .sort_dt,.sort_dd_item,.c_chat button em, .c_bg .c_amount { font-size:1.4rem;; font-weight:400 } 
 .user_pic,.c_bg .img_claim { width:18px; height:18px } 
 .user_pic { margin-right:5px } 
 .c_chat em { display:none } 
 .c_chat { padding:0; width:23px; height:23px } 
 .c_chat button { width:23px; height:23px; justify-content:center } 
 .c_chat button img { width:15px; height:15px } 
 .sort_dt .dt { width:30% } 
 .sort_dt .dt:first-child { width:30% } 
 .sort_dt .dt:last-child { width:10% } 
 .sort_dd_item { padding:14px 10px } 
 .sort_dd_item li { width:34% } 
 .sort_dd_item li:last-child { width:8% } 
 .sort_dd_item li:first-child { width:24%; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left } 
 .sort_dd_item li .user_name { width:calc(100% - 25px) } 
 .c_bg { height:23px; line-height:23px; border-radius:5px } 
 .c_bg .img_claim { width:26px; height:27px; top:-2px } 

 .matchSearchBox { width:46px; height:46px; position:absolute; left:0 } 
 .matchSearchBox .inputBox { width:0 } 
 .matchSearchBox.onlyMob { width:100%; position:absolute; left:0; top:0; right:0 } 
 .matchSearchBox.onlyMob .inputBox { width:100% } 
 .matchSearchBox .icoSearch { width:46px; height:46px } 

 .menu_tab { overflow:hidden; margin:16px 0 30px; width:100% } 
 .menu_tab ul { width:100%; overflow:auto; -ms-overflow-style:none } 
 .menu_tab ul::-webkit-scrollbar { display:none } 
 .game_tab { padding-left:46px } 
 .menu_tab.type_02 ul { justify-content:center } 
 .menu_tab.type_02 li { height:35px } 
 .menu_tab.type_02 li a,.menu_tab.type_02 li button { font-size:1.5rem } 
 .menu_tab.mypageLink { position:relative; width:calc(100% + 32px); margin-left:-16px } 
 .menu_tab.mypageLink li:first-child { margin-left:15px } 
 .menu_tab.mypageLink li:last-child { margin-right:15px } 

 .my_profile { flex-direction:column } 
 .profile_info { width:100%; padding-left:0 } 
 .my_profile .profile { margin:0 auto 60px; width:80px } 
 .profile_info .form { padding:0 16px } 
 .profile_info .form .form_title { width:130px; font-size:1.4rem } 
 .profile_info .form .form_text { width:calc(100% - 130px) } 
 .profile_info .form .input { padding:0 5px } 
 .profile_info .form .input input::-webkit-input-placeholder { font-size:1.4rem } 
 .profile_info .form .input input:-ms-input-placeholder { font-size:1.4rem } 
 .profile_info .form .input input::placeholder { font-size:1.4rem } 
 .profile_edit .thumb_area { width:80px } 
 .profile .file_img,.profile .file_area { width:80px; height:80px } 
 .profile .file_list .btn_file { right:-20px; width:40px; height:40px; background-size:24px 20px } 

 .trans_list { width:100%; overflow-x:auto; -ms-overflow-style:none; margin-top:0 } 
 .trans_list::-webkit-scrollbar { display:none } 
 .trans_scroll { min-width:670px } 
 .trans_list_th { font-size:1.2rem } 
 .trans_list_td { font-size:1.6rem } 
 .trans_list_th, .trans_list_td { padding:0 } 
 .trans_list_th li { height:42px } 
 .trans_list_td li { height:52px } 
 .date_range_buttons button { font-size:1.6rem; font-weight:400 } 
 .trans_list span { text-align:center; padding:0; width:32%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } 
 .trans_list span:nth-child(1) { padding-left:15px } 
 .trans_list span:nth-child(3) { width:calc(100% - 64% - 130px) } 
 .trans_list span:nth-child(4) { width:130px; padding-right:15px } 
 .button_state .btn { width:100%; font-weight:400 } 
 .trans_list_th span { text-align:center } 
 .trans_list_td span:nth-child(1) { text-align:left } 
 .trans_list_td span:nth-child(4) { text-align:right } 

 .mypage_vs { margin-top:0; padding-top:76px }
 .referral_wrap .trans_list_th { font-size:1.2rem } 
 .referral_wrap .trans_left_tt { margin-top:42px; width:170px } 
 .referral_wrap .trans_left_tt span { padding:0 0 0 15px; font-size:1.6rem; height:54px; background:#2F1A50; border-top-left-radius:15px; border-bottom-left-radius:15px } 
 .referral_wrap .trans_left_tt span:first-child { padding-left:15px } 
 .referral_wrap .trans_left_tt span:nth-child(3) { width:100% } 
 .referral_wrap .trans_list_td li { border-top-left-radius:0; border-bottom-left-radius:0 } 
 .referral_wrap .trans_list_td span:nth-child(1) { text-align:center } 
 .mypage_referral { padding:0 } 
 .mypage_referral span { height:auto } 
 .mypage_referral .tt { font-size:1.6rem; color:#9E78D9; margin-bottom:4px; white-space:nowrap } 
 .mypage_referral .num_big { font-size:18px } 
 .mypage_vs .vs_box { width:calc(50% - 10px); height:120px }
 .mypage_vs .vs_box .vs_bg { font-size:2.5rem }
 .mypage_vs .vs_box .vs_img { width:auto; height:50%; top:-29%; margin-left:-30px }
 .mypage_vs .vs_box .vs_img img { width:auto; height:100% }
 .referral_wrap .referral_spb { margin:25px 0 0 } 
 .referral_wrap .referral_spb ul span { text-align:center } 
 .referral_wrap .trans_scroll { width:calc(100% - 170px) } 
 .referral_txt { padding:24px 20px; text-align:center; height:auto; margin-bottom:15px } 
 .referral_txt .tt { line-height:1.2 } 
 .referral_txt .tt + .tt { margin-top:8px } 

 .current_online_title { font-size:1.8rem } 
 .current_online { min-width:0; overflow-x:hidden; padding:15px 0 15px 15px } 
 .current_online_scroll { overflow-x:auto; width:100%; display:flex; flex-direction:row; flex-wrap:nowrap } 
 .current_online_scroll::-webkit-scrollbar { display:none } 
 .current_online_scroll { -ms-overflow-style:none; scrollbar-width:none } 
 .current_online .cop { font-size:1.6rem; padding:6px 10px 6px 6px; margin-bottom:0 } 
 .current_online .cop span { white-space:nowrap } 
 .current_online .cop:last-child { margin-right:14px } 
 .current_online .cop .ico { width:28px; height:28px } 

 .pc_fsBgBalance { display:none !important } 
 .data_bg_balance { margin:30px 0 20px; font-size:1.6rem } 
 .mob_fsBgBalance { display:block !important } 
 .mob_fsBgBalance .trans_scroll { width:100%; min-width:100% } 
 .mob_fsBgBalance .trans_list_td li { display:flex; flex-direction:column; color:#CDADFF; height:auto; align-items:flex-start; padding:15px } 
 .mob_fsBgBalance .trans_list_td li strong { color:#fff } 
 .mob_fsBgBalance .trans_list_td li span { width:100% !important; text-align:left !important; padding-left:0 !important; line-height:1 } 
 .mob_fsBgBalance .trans_list_td li span + span { margin-top:5px } 
 .mob_fsBgBalance .trans_list_td li strong.txt_red { color:#E718A5; font-weight:700 } 
 .mob_fsBgBalance .trans_btn { display:flex; margin-top:10px !important } 
 .mob_fsBgBalance .trans_btn .btn { position:relative; padding:0 13px; display:block; color:#000; text-align:center; height:40px; line-height:40px; border-radius:5px; font-size:1.8rem; font-weight:400 } 
 .mob_fsBgBalance .trans_btn_1 .btn { background:#FE5100; width:100%; text-align:left } 
 .mob_fsBgBalance .trans_btn_2 .btn { background:#EFAF03; width:calc(50% - 4px) } 
 .mob_fsBgBalance .trans_btn_2 .btn:first-child { margin-right:4px } 
 .mob_fsBgBalance .trans_btn_2 .btn:last-child { margin-left:4px } 
 .mob_fsBgBalance .trans_btn_1 .btn img { position:absolute; right:13px; top:15px; transform:rotate(-90deg) } 
 .mob_fsBgBalance .trans_list_td li .depth { margin-top:15px; width:100%; background:#4B2D7B; border-radius:10px; padding:15px } 

 .message_th li.pc { display:none } 
 .message_th li .mobile { display:inline-block; white-space:nowrap; font-size:1.8rem } 
 .message_list .message_th { border-top:0 } 
 .message_list .message_td { position:relative; flex-wrap:wrap; flex-direction:column; position:relative; padding:10px 15px } 
 .message_list .message_td li { height:auto; line-height:1.4; font-size:1.6rem; justify-content:flex-start } 
 .message_list .message_td .input_check { position:absolute; top:0; left:0; z-index:1 } 
 .message_list .message_td li:last-child { position:absolute; top:12px; right:5px; font-size:1.4rem } 
 .message_list .message_td li:nth-child(1) { width:22px } 
 .message_list .message_td .input_check label { position:absolute; top:0 } 
 .message_list .message_td li:nth-child(2) { display:block; width:calc(100% - 140px); padding-left:30px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
 .message_list .message_td li:nth-child(3) { display:block;; margin-top:5px; width:100%; padding-left:30px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
 .message_list .message_td li:nth-child(4) { width:140px } 
 .message_btn button { font-size:1.6rem } 
 .message_btn button img { height:17px; width:auto } 
 .message_list .message_th .input_check { position:absolute; top:0; left:15px } 
 .message_list .message_th li { height:30px; line-height:30px; margin-bottom:8px; margin-top:25px } 
 .message_write { padding:0 16px } 
 .mypage_messages { border-radius:0; width:calc(100% + 32px); margin-left:-16px } 
 .mypage_inbox_title { padding:17px 16px } 
 .mypage_messages_item { align-items:flex-start; padding:18px 16px } 
 .my_editor .mypage_messages_msg p { margin-bottom:8px } 
 .my_editor .note-editor.note-frame .note-editing-area .note-editable { height:140px !important } 
 .button_area.btn_2.comments { justify-content:center } 
 .button_area.btn_2.comments .btn { width:100px } 
 .my_editor .text_area textarea { height: 200px; } 

 .terms_service .page_title { margin-top:15px } 
 .terms_service_cont .terms_note { font-size:1.4rem } 
 .terms_service_cont h3,.terms_service_cont h4,.terms_service_cont p { font-size:1.3rem } 
 .terms_service_cont h3 { margin:15px 0 10px } 
 .terms_service_cont h4 { margin:10px 0 6px } 
 .terms_service_cont p { margin-top:6px } 
 .terms_service_cont .last { padding:20px 0 40px; font-size:1.3rem } 

 .landing_page { padding:0 } 

 .button_area.btn_2 { justify-content:space-between } 
 .button_area.btn_2 .btn { width:50% } 
 .button_area.btn_3 .btn { width:100% } 
 .input_check input[type="checkbox"] + label { font-size:1.4rem; line-height:18px } 
 .input_check input[type="checkbox"] + label:before { width:18px; height:18px } 
 .input_check input[type="checkbox"]:checked + label:after { width:12px; height:12px } 

 .popup_box { width:90% } 
 .popup_box.type_02 { width:100% } 
 .popup_box.all_popup { width:100%; height:100%; max-height: unset; border-radius:0; position:fixed; border:0 }
 .popup_multi { width:90% }
 .popup_box .close { right:15px; top:15px; width: 20px; height: 20px; }
 .layer_head .title { font-size:1.8rem } 
 .layer_head.mobile { display:flex; align-items:flex-start; width:100%; border-bottom:0; background:#140132 } 
 .layer_head.mobile .title { text-align:left; font-size:1.8rem; line-height:56px; display:block; width:100%; padding-bottom:0; padding-left:18px } 
 .layer_body { height:100%; overflow:hidden; padding:0 18px 30px } 
 .layer_content { padding:0 } 
 .layer_common_cont { padding:30px 0 56px } 
 .layer_common_cont .title.pc { display:none } 
 .layer_common_cont .title { font-size:2rem } 
 .layer_common_body { padding:0 16px } 
 .layer_common_body.pd0 { padding:0 } 
 .layer_common_cont .button_area { padding-bottom:30px } 

 .popup_box.notiLayer { height:100% } 
 .popup_box.notiLayer .layer_common_cont { padding:30px 0 } 
 .notifications_list { width:calc(100% + 40px); margin-left:-20px; margin-top:-30px } 
 .noti_item { padding:16px 38px } 

 .p_txt_box { padding:14px } 
 .box_txt { font-size:1.2rem; margin:12px 0 }

 .coinBuyLayer { min-width:100%; width:100% }
 .coinBuyLayer .layer_head { margin-bottom:0 }
 .coin_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin:30px 0 }
 .coin_item { padding:12px 0 8px }
 .coin_item { width:100%; height:245px !important; background-size:100% 100% !important }
 .coin_item:first-child,.coin_item:nth-child(4) { margin-left:0 }
 .coin_item:nth-child(1), .coin_item:nth-child(2), .coin_item:nth-child(3) { }
 .coin_item li { font-size:1.4rem; letter-spacing:-0.5px }
 .coin_item .txt { margin:2px 0 4px }
 .coin_item .img_coin { margin-bottom:0 }
 .coin_item .img_coin img { width:auto; height:80px }
 .coin_item .img_coin .img_tag { width:auto; height:50px }
 .coin_item .img_coin .img_tag_30 { width:auto; height:50px }
 .coin_item .img_coin .img_popular_tag1 { width:auto; height:50px }
 .coin_item .img_coin .img_popular_tag2 { width:auto; height:50px }
 .coin_item .img_coin .img_popular_tag3 { width:auto; height:50px }
 .coin_item .img_coin .img_popular_tag4 { width:auto; height:50px }
 .coin_item .price img { width:17px; height:18px }
 .coin_item .totalPrice .btn { font-size:2rem }
 .coin_item .totalPrice .btn.idn { font-size:1.8rem; }
 .coin_item .free_spin { top:inherit !important; margin:5px auto 2px; width:80%; color:#372903; font-size: 1rem; height:16px; line-height: 16px }
 .coin_item li.price { top:inherit !important }
 .coin_item .totalPrice { top:inherit !important; margin-top: 6px }
 .coin_item .totalPrice .btn { height:34px }

 .verificationLayer { width:90% } 
 .verification_info .tt,.verification_info .st { font-size:1.2rem } 
 .verification_info .st { margin:5px 0 0 } 
 .follow_info { margin:12px 0 0; flex-direction:column } 
 .follow_info a { width:100%; font-size:1.4rem; height:auto; flex-direction:row; align-items:center; position:relative } 
 .follow_info a + a { margin-left:0; margin-top:10px } 
 .follow_info img { /*width:50px; height:34px*/display:none } 
 .follow_info span + span { margin:0 } 
 .follow_info span { text-align:left } 
 .follow_info span em { display:none } 
 .follow_info span:last-child { position:absolute; right:15px; top:15px } 

 .redeemLayer { z-index:10000; width:100%; border-radius:0; position:fixed; bottom:56px; left:0; top:0 !important; height:calc(100vh - 56px); border:0; transform:none; margin:0 } 
 .redeemLayer .layer_redeem { overflow-y:auto; height:100%; -ms-overflow-style:none; padding:56px 0 30px } 
 .redeemLayer .layer_redeem::-webkit-scrollbar { display:none } 
 .redeemLayer .close { display:block } 
 .redeemLayer .layer_content { height:100% } 
 .redeemToGiftCardLayer { width:90% } 

 .all_popup.offerLayer,.all_popup.offerChatLayer { width:100% } 
 .all_popup.offerLayer .close { display:block } 
 .chat_receiver { margin:0; background:#140132; height:56px; width:calc(100% + 40px); margin-left:-20px; margin-left:0; padding:0 16px; line-height:56px } 
 .offerChatLayer .layer_common_body { padding:0 } 
 .new_offer_cont { padding:20px 16px } 
 .offerLayer .layer_common_body { padding:0 } 
 .chat_info { margin:0 0 15px 0 } 

 .playGameLayer { width:90% } 
 .playGameLayer .layer_common_cont { padding:0 } 
 .playGameLayer .layer_common_cont .button_area { padding-bottom:0 } 
 .toggle_switch_wrap { width:100%; margin:0 auto } 
 .gp_tt { text-align:center } 
 .gp_thumb { padding-bottom:100%; height:auto; background-size:auto 100%; background-position:center } 
 .gp_thumb_poker { padding-bottom:100%; height:auto; background-size:auto 100%; background-position:center } 

 .all_popup.sendCoinLayer { width: 100%; max-width: unset; } 
 .send_coin_cont { padding:0 16px } 
 .send_coin_cont .box_txt_left_15 { margin:0 0 14px } 
 .sendCoinLayer .layer_common_body { padding:0 15px } 

 .giftCardLayer { min-width:100%; width:100% } 
 .gcl_item_slide_box { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 10px; row-gap: 15px; } 
 .popup_box.giftCardLayer { max-height: 100vh; overflow-y: auto; top: 0% !important; } 
 .popup_box.giftCardLayer .layer_common_body { padding: 0 16px 20px; } 
 .gcl_item_pn_wrap { display: none; } 
 .gcl_item_slide_box.swiper-slide { width: 100%; column-gap: 5px; row-gap: 7px; } 
 .gcl_notice h5 { font-size: 15px; } 
 .gcl_noti_ul_wrap ul li { font-size: 14px; } 
 .gcl_filter_box { padding: 15px; row-gap: 25px; } 
 .giftCardLayer .layer_content { padding: 0 0 20px 0; } 
 .giftCardLayer .layer_common_cont { padding: 15px 0 50px; } 

 .popup_box.giftCardLayerDetails { max-height: 100vh; min-width:100%; width:100%; overflow-y: auto; top: 50% !important; } 
 .popup_box.giftCardLayerDetails .layer_common_body { padding: 0 16px 20px; } 

 .gcd_grid { grid-template-columns: 1fr; grid-template-rows: auto; padding: 20px 15px 20px; } 
 .gcd_item_img { width: 90%; margin: 0 auto; padding-bottom: 70%; } 
 .layer_common_cont .title.gcl_tt { display: none; } 
 .gcd_accor_tt h6 { font-size: 16px; } 
 .gcd_accor_tt .gcd_accor_arrow { width: 14px; height: 14px; } 
 .gcdl_foot { padding: 10px; } 
 .gcdl_foot_btn_wrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; } 
 .gcdl_foot_btn { width: 100%; font-size: 16px; height: 40px; } 
 .giftCardLayerDetails .layer_content { padding-bottom: 65px; } 
 .giftCardLayerDetails .layer_common_cont { padding: 15px 0 50px; } 

 .popup_box.all_popup.giftCardLayerConfirm { max-height: 100vh; min-width:100%; width:100%; overflow-y: auto; top: 50% !important; } 
 .popup_box.all_popup.giftCardLayerConfirm .layer_common_body { padding: 0 16px 20px; } 
 .gclc_main { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; padding: 0 20px; } 
 .gclc_foot { padding: 10px; } 
 .abt_sc_confirm_txt { font-size: 18px; } 
 .abt_sc_confirm_txt p { font-size: 18px; } 
 .gclc_foot_btn_wrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; } 
 .gclc_foot_btn { width: 100%; font-size: 16px; height: 40px; } 
 .giftCardLayerConfirm .layer_content { padding-bottom: 65px; } 
 .giftCardLayerConfirm .layer_common_cont { padding: 15px 0 50px; } 

 .popup_box.all_popup.commonAlertLayer { max-height: 90vh; height: unset; bottom: unset; top: 50%!important; left: 50%!important; transform: translate(-50%, -50%)!important; border-radius: 10px; } 
 .popup_box.all_popup.commonAlertLayer .layer_common_body { padding: 20px; border-radius: 20px; } 

 .popup_box.type_04 { max-width: 340px; max-height: 95vh; overflow-y: auto; }
    .daily_reward_layer_inner .daily{grid-template-columns: 1fr;}
    .drl_box_ill{display: none;}
    .daily_reward_layer_inner .daily .daily_popup{padding: 0 15px;}
 .daily_reward_title { font-size: 25px;padding: 0 20px; }
 .daily_reward_text { font-size: 17px; padding: 0 20px; }
    .rounded-box2{grid-template-columns: 1fr 70px;}
 .daily-text { font-size:16px; }
 .daily-text2 { font-size:16px; margin-bottom: 5px; }
 .day-check { width:64px; height:50px; }
 .day-check.active { display:block; } 
 .day-check.active.streak { width: 50px; }
 .day-today { top:-8px; left:-10px; }
 .day-today.active { display:block; } 
 .daily-text-coin { font-size:17px; }
 .daily-text-coin.active { display:block; }
 .daily_img { }
 .daily_reward_layer_inner .daily_coin { width:26px; }
    .day7_lf_reward_wrap img{width: 25px;}
    .day7_lf_reward_wrap span{font-size: 16px;}



 .contents_inner.rev_cont { padding: 0; margin-bottom: 0; } 
 .contents_inner.ivf_cont { padding: 0 30px 30px; } 
 .chat_ly_container { height: 100%; }
    .chat_ly_header{display: none}
    .chat_rule_btn_wrap .chat_ly_close_btn{display: block;}
    .chat_ly_hd_tab_sub{ padding: 15px; background: #140132; }
    .chat_ly_hd_tab_sub_inner{border-bottom: 0; padding-bottom: 0}
    .chat_ly_msg_list{padding: 10px 15px 50px 15px;}
    .chat_ly_hd_sub_noti{display: block;}

 .rollingDetailLayer { min-height:192px } 
 .rollingDetailLayer .layer_head { border-bottom:0 } 
 .rollingDetailLayer .trans_scroll { min-width:100% } 
 .rollingDetailLayer .trans_list span { width:calc(100% / 3) !important; text-align:center !important } 
 .rollingDetailLayer .trans_list_td li { background:#1F1F47; font-size:1.6rem } 
 .rollingDetailLayer .trans_list_th li { height:52px } 
 /* layer : Gaming Details */
 .gamingDetailLayer .layer_head { border-bottom:0 } 
 .gaming_list { width:100%; margin-top:15px } 
 .gaming_list ul { padding:15px; font-size:1.6rem; display:flex; flex-direction:row; align-items:center; background:#1F1F47; border-radius:15px } 
 .gaming_list ul + ul { margin-top:8px } 
 .gaming_list li { display:flex; flex-direction:column; align-items:flex-start; color:#9E78D9; margin-bottom:8px } 
 .gaming_list li:first-child { width:77px } 
 .gaming_list li:last-child { padding-left:25px; color:#fff; width:calc(100% - 77px) } 
 .gaming_list li span { display:block; line-height:1.2 } 

 #header { height:80px } 
 .header_wrap { padding:0 16px } 
 .theme_logo_img a { height:50px } 
 .theme_logo_img a::after { content: 'Beta'; display: inline-block; position: absolute; bottom: 0; padding: 3px 10px; border-radius: 10px; background: linear-gradient(180deg, #c90ce2 0%, #500b72 100%); font-size: 12px; font-weight: 400; } 
 .select_lang { display:none } 
 .mem_menu li { margin:0 0 0 9px } 
 .select_lang.mLang { display:block } 

 #wrap { overflow:hidden; max-width:100%; min-width:0 } 
 .header { padding:0 } 
 .panel { z-index:8000; height:100vh; background:#160333 } 
 .panel.active { position:fixed; top:0; bottom:0; left:0; width:0; display:block } 
 /* panel button */
 .panel .btn_panel_toggle { display:none } 
 .panel .btn_panel_toggle span,
 .panel .btn_panel_toggle span:before,
 .panel .btn_panel_toggle span:after { margin:0 auto; width:27px; height:2px; background-color:rgb(251,191,3); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; border-radius:5px } 
 .panel .btn_panel_toggle span { display:inline-block; position:relative; margin:0; width:27px; text-align:center } 
 .panel .btn_panel_toggle span:before,
 .panel .btn_panel_toggle span:after { content:''; position:absolute; left:0 } 
 .panel .btn_panel_toggle span:before { top:-5px } 
 .panel .btn_panel_toggle span:after { top:5px } 
 /* panel active button */
 .panel.active .btn_panel_toggle { z-index:2010; display:inline-block; position:fixed; top:20px; right:calc(48% + 20px); width:27px; height:27px; margin:0; padding:4px 0 0 0; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; cursor:pointer } 
 .panel.active .btn_panel_toggle span { background-color:transparent } 
 .panel.active .btn_panel_toggle span:before,
 .panel.active .btn_panel_toggle span:after { top:0; width:27px; background-color:#d9d9d9 } 
 .panel.active .btn_panel_toggle span:before { transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg) } 
 .panel.active .btn_panel_toggle span:after { -webkit-transition-delay:0.09s; -moz-transition-delay:0.09s; -o-transition-delay:0.09s; -ms-transition-delay:0.09s; transition-delay:0.09s; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg) } 

 .panel-overlay { z-index:1001; display:none; position:fixed; top:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.6); cursor:pointer } 
 .panel.active { width:52% } 
 .panel.panelNoti.active { width:100% } 
 .panel.panelNoti.active .btn_panel_toggle { right:0; margin-right:20px } 
 .panel.active::-webkit-scrollbar { width:4px; height:0; border:0 } 
 .panel.active::-webkit-scrollbar-track { background:rgba(0,0,0,0.1) } 
 .panel.active::-webkit-scrollbar-thumb { width:4px; height:2px; background:#222 }


    .mbsp_section{margin-bottom: 50px;}
    .mbsp_section_title{font-size: 30px; margin-bottom: 20px; text-align: center; font-weight: bold;}

    .mbsp_exp_sec_grid{padding: 20px; row-gap: 0; border-radius: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}
    .mbsp_exp_sec_grid.iron { background: linear-gradient(195deg, #1E0B3B 20%, #511CA3 80%); border: 1px solid #511CA3; }
    .mbsp_exp_sec_grid.bronze { background: linear-gradient(195deg, #1E0B3B 20%, #69460C 80%); border: 1px solid #69460C; }
    .mbsp_exp_sec_grid.silver { background: linear-gradient(195deg, #1E0B3B 20%, #4F4F4F 80%); border: 1px solid #4F4F4F; }
    .mbsp_exp_sec_grid.gold { background: linear-gradient(195deg, #1E0B3B 20%, #A48D0C 80%); border: 1px solid #A48D0C; }
    .mbsp_exp_sec_grid.platinum { background: linear-gradient(195deg, #1E0B3B 20%, #134D74 80%); border: 1px solid #134D74; }
    .mbsp_exp_sec_grid.diamond1 { background: linear-gradient(195deg, #1E0B3B 20%, #2F532A 80%); border: 1px solid #2F532A; }
    .mbsp_exp_sec_grid.diamond2 { background: linear-gradient(195deg, #1E0B3B 20%, #950F50 80%); border: 1px solid #950F50; }

    .mbsp_exp_tier_card{gap: 15px; padding: 15px 0;}
    .mbsp_exp_sec_grid.iron .mbsp_exp_tier_card { background: transparent; border: none; box-shadow: none; }
    .mbsp_exp_sec_grid.bronze .mbsp_exp_tier_card { background: transparent; border: none; box-shadow: none; }
    .mbsp_exp_sec_grid.silver .mbsp_exp_tier_card { background: transparent; border: none; box-shadow: none; }
    .mbsp_exp_sec_grid.gold .mbsp_exp_tier_card { background: transparent; border: none; box-shadow: none; }
    .mbsp_exp_sec_grid.platinum .mbsp_exp_tier_card { background: transparent; border: none; box-shadow: none; }
    .mbsp_exp_sec_grid.diamond1 .mbsp_exp_tier_card { background: transparent; border: none; box-shadow: none; }
    .mbsp_exp_sec_grid.diamond2 .mbsp_exp_tier_card { background: transparent; border: none; box-shadow: none; }

    .mbsp_current_level_label{font-size: 20px;}
    .mbsp_level_title{font-size: 30px; margin-bottom: 15px;}
    .mbsp_progress_stats{font-size: 18px;}
    .mbsp_xp_remaining{font-size: 18px;}
    .mbsp_tier_info .mbsp_tier_name{font-size: 20px;}
    .mbsp_tier_benefits{font-size: 20px;}
    .mbsp_tier_footer{font-size: 20px;}
    .mbsp_progress_wrapper{margin: 10px 0;}
    .mbsp_btn_levelup{font-size: 18px; max-width: 250px; padding: 10px 0;}
    .mbsp_swiper_container .swiper-slide{width: 300px;}
    .mbsp_status_card{padding: 30px 15px 20px; min-height: 480px; }
    .mbsp_status_badge{height: 80px; margin-bottom: 10px;}
    .mbsp_status_name{font-size: 24px; margin-bottom: 10px;}
    .mbsp_bonus_icon{width: 100px;top: -70px;}
    .mbsp_bonus_icon::after{height: 40px; bottom: -5px;}
    .mbsp_bonus_swiper_container .swiper-wrapper .swiper-slide{width: 240px;}
    .mbsp_bonus_card{padding: 50px 15px 15px;}
    .mbsp_bonus_name{font-size: 18px; margin-bottom: 15px;}
    .mbsp_info_label{font-size: 15px;}
    .mbsp_info_value{font-size: 16px;}
    .mbsp_bonus_info{margin-bottom: 8px;}
    .mbsp_btn_action{font-size: 14px; padding: 10px 0;}
    .mbsp_bonus_swiper_container .swiper-wrapper{padding-top: 70px;}
    .mbsp_info_value.lock::before{font-size: 12px;}
    .mbsp_info_value.lock{gap: 0;}
    .mbsp_faq_header{padding: 15px 20px;}
    .mbsp_faq_question{font-size: 16px;}
    .mbsp_faq_icon{width: 10px; height: 10px;}
    .mbsp_faq_content{padding: 0 20px 20px; font-size: 14px;}
    .mbsp_wh_popup_container{width: 98%;max-height: 98vh; padding-bottom: 20px;}

 }



@media (max-width: 768px) and (orientation: portrait){
 .main-container { width:100%; } 
 }

@media (max-width: 768px) and (orientation: landscape){
 .main-container { margin-left:25%; margin-right:25%; } 
 }

@media (max-width:576px){
 .sort_dt,.sort_dd_item,.c_chat button em, .c_bg .c_amount { font-size:1.2rem;; font-weight:400 } 

 .ivf_guide_1_ill.red { width: 60px; height: 40px; } 
 .ivf_guide_1 { padding: 20px 0; margin-bottom: 15px; } 
 .ivf_guide_1 p { padding: 0 15px; } 
 .ivf_guide_2 { padding: 0 95px 0 15px; margin-bottom: 10px; } 
 .ivf_guide_3 { padding: 0 15px; grid-template-columns: 130px auto; column-gap: 15px; } 
 .ivf_guide_4 { grid-template-columns: auto 170px; padding: 0 5px 0 15px; } 
 .ivf_guide_2 p, .ivf_guide_3_txt p, .ivf_guide_4_txt p { font-size: 15px; line-height: 20px; } 
 .contents_inner.ivf_cont { padding: 0; } 
 .ivf_my_sts .cols_01 { border-radius: 10px 10px 0 0; column-gap: 5px; padding: 10px; } 
 .ivf_my_sts .cols_01 .col_1 .lb_box, .ivf_my_sts .cols_01 .col_1 .vl_box { font-size: 14px; } 
 .ivf_my_sts .cols_01 .col_1 .act_btns_box .act_btn button img { width: 15px; height: 15px; }
    .mbsp_exp_tier_card_grid{grid-template-columns: 90px 1fr; gap: 5px;}
    .mbsp_tier_info .mbsp_tier_name{font-size: 17px;}
    .mbsp_tier_benefits{font-size: 16px;}
    .mbsp_exp_tier_card{gap: 5px; padding: 5px 0 15px}
    .mbsp_tier_footer{padding-top: 10px; font-size: 17px;}
    .mbsp_current_level_label{font-size: 17px;}
    .mbsp_level_title{font-size: 23px; margin-bottom: 10px;}
    .mbsp_progress_stats{font-size: 16px;}
    .mbsp_xp_remaining{font-size: 16px;}
    .mbsp_btn_levelup{font-size: 16px; max-width: 100%;}
    .mbsp_section_title{font-size: 25px; margin-bottom: 10px;}
    .mbsp_status_card{padding: 20px 15px 20px;min-height: 420px;}
    .mbsp_status_name{margin-bottom: 0; font-size: 20px;}
    .mbsp_status_benefits li{padding: 8px 5px; font-size: 14px;}
    .mbsp_cashback{margin-bottom: 10px;}
    .mbsp_banner_character{height: 250px; margin-top: 0;}
    .mbsp_banner_title{font-size: 30px; margin: 10px 0; }
    .mbsp_banner_desc{font-size: 18px; margin-bottom: 20px; padding: 0 30px;}
    .mbsp_special_banner{padding-top: 20px;}
    .mbsp_banner_bg img{opacity: 0.7;}
    .mbsp_faq_header{padding: 12px 15px;}
    .mbsp_faq_question{font-size: 14px; font-weight: 400;}
    .mbsp_faq_content{font-size: 13px; padding: 15px; white-space: unset;}
    .mbsp_faq_icon{width: 8px; height: 8px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;}
 }

@media (max-width:564px){
 .rev_sec_top_area .rev_sec_top_area_logo { margin: 30px auto 20px; width: 120px; } 
 .rev_sec_top_area .rev_sec_top_desc h2 { font-size: 20px; padding: 0 20px; margin-bottom: 5px } 
 .rev_sec_top_area .rev_sec_top_desc p { padding: 0 20px; font-size: 15px; } 

 .rev_sec_2_area { padding:0 15px; } 
 .rev_sec_2_card_wrap { width: 100%; grid-gap: 15px; } 
 .rev_sec_2_area .rev_sec_2_desc { margin: 0 auto 55px; } 
 .rev_sec_2_area .rev_sec_2_desc h2,.rev_sec_3_area .rev_sec_3_desc h2,.rev_sec_4_area .rev_sec_4_desc h2 { font-size: 30px; } 
 .rev_sec_2_area .rev_sec_2_desc p,.rev_sec_3_area .rev_sec_3_desc p { font-size: 16px; margin: 0 auto 20px; width: 75%; } 
 .rev_sec_4_area .rev_sec_4_desc p { font-size: 16px; } 
 .rev_sec_2_card { padding: 35px 8px 15px; } 
 .rev_sec_2_card_ill { width: 70px; height: 70px; } 
 .rev_sec_2_card_text .tt { font-size: 17px; } 
 .rev_sec_2_card_text .tt_sub { font-size: 14px; } 

 .rev_section.swit { padding:0 15px; } 
 .rev_switch_card { width: 100%; margin: 0 auto 40px; column-gap: 20px; padding: 15px 10px 15px 15px; grid-template-columns: 70px auto; } 
 .revs_txt_wrap .revs_ill_2 { width: 200px } 
 .revs_txt_wrap p { font-size: 15px; } 
 .rev_sec_3_area .rev_sec_3_desc { padding: 0 15px; } 
 .rev_sec_3_area .rev_sec_3_desc h2 { margin-bottom: 15px; } 

 .rev_sec_3_card_wrap { width: 100%; padding:0 15px; margin: 0 auto 40px; column-gap: 10px; row-gap: 10px; } 
 .rev_sec_3_card { padding: 20px 15px 20px 15px; } 
 .rev_sec_3_card_tt { font-size: 18px; text-align: center; } 
 .rev_sec_3_card_ill_wrap { display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; } 
 .rev_sec_3_card_ill { width: 70px; height: 70px; margin-bottom: 7px; } 
 .rev_sec_3_card.sq .rev_sec_3_card_ill { width: 100px; height: 70px; margin-bottom: 7px; } 
 .rev_sec_3_card_txt { font-size: 15px; text-align: center; } 

 .rev_sec_4_card_wrap { padding:0 15px; } 
 .rev_sec_4_area .rev_sec_4_desc p { padding: 0; } 
 .rev_sec_4_card { width: 100%; padding: 20px 15px 30px; margin: -15px auto 50px; } 
 .rev_sec_4_card_tt,.rev_sec_4_card_sub,.rev_sec_4_card_num_flex div { font-size: 15px; } 
 .rev_sec_4_sm_ill { width: 120px; bottom: -35px; right: -10px; }
    .mbsp_wh_rb_lb{font-size: 17px;}
    .mbsp_wh_main{padding: 0 30px;}
    .mbsp_wh_status_lb_t{font-size: 15px;}
    .mbsp_wh_status_lb_sn{font-size: 20px;}
    .mbsp_wh_status_val span{font-size: 20px;}
    .mbsp_wh_spin_btn{padding: 10px 0;}
    .mbsp_wh_tab span{width: 60%; margin: 0 auto;}
    .mbsp_modal_header{padding: 10px 20px;}
    .mbsp_modal_body{padding: 10px 15px 25px;}
    .mbsp_rankup_bonus_card{padding: 15px 10px; margin-bottom: 10px;}
    .mbsp_rankup_label{font-size: 16px;}
    .mbsp_rwd_det_modal_coin_group span, .mbsp_rwd_det_modal_plus{font-size: 20px;}
    .mbsp_rwd_det_modal_coin_group img{width: 20px;}
    .mbsp_level_tag{font-size: 15px;}
    .mbsp_level_xp{font-size: 15px;}
    .mbsp_reward_box{padding: 7px;}
    .mbsp_reward_label{font-size: 14px; margin-bottom: 3px;}
    .mbsp_reward_val{font-size: 17px; gap: 3px;}
    .mbsp_upgrade_reward{flex-direction: column;}
 }


@media (max-width:450px){
    .mbsp_wh_tab_wrap{margin-bottom: 10px; padding: 0 10px; gap: 10px;}
    .mbsp_wh_main{margin-bottom: 20px; padding: 0 20px;}
    .mbsp_wh_spin_btn{width: 100%;}
}


@media (max-width:376px){
    .mbsp_wh_unit_ii{width: 20px;}
    .mbsp_wh_item_node{padding-top: 15px;}
    .mbsp_wh_indicator{top: 2px; width: 25px; height: 35px;}
    .mbsp_wh_status_lb_t{font-size: 14px;}
    .mbsp_wh_status_lb_sn{font-size: 17px;}
    .mbsp_wh_status_val span{font-size: 17px;}
}