@charset "UTF-8";
/* reset */
*{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}
/* basic */
.hidden{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:#181818}
::-webkit-scrollbar-thumb{width:6px;height:200px;background:#4B4C5B;-webkit-border-radius:0;border-radius:0}

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

/* header */
#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 50px}

/* logo */
.theme_logo_img a{display:block;width:auto;height:58px}
.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 */
.select_lang{z-index:1;width:70px;height:42px;overflow:visible;position:relative;background:#373737;border-radius:42px;cursor:pointer}
.selectLangCont{display:flex;justify-content:center;align-items:center;height:100%;padding:0 6px;text-align:center}
.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:70px;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}

@media all and (max-width:767px){
  #header{height:80px}
  .header_wrap{padding:0 16px}
  .theme_logo_img a{height:50px}
  
  .select_lang{display:none}
  .mem_menu li{margin:0 0 0 9px}
  .select_lang.mLang{display:block}
}

/* 로그인 후 */
.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%}

.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;margin:0 15px 0 0}
.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;margin:0 15px 0 0}
.btn_noti{position:relative;margin:0 15px 0 0;display:inline-block}
.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 toggle switch */
.coin_wrap { position: relative; min-width:250px; 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")}

@media screen and (max-width:767px){
  .coin_wrap .toggleBc .toggle_option{padding:0}
  .coin_wrap .toggle_switch_wrap{width:206px}
  .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}
}

@media screen and (max-width:767px){
  .coin_btn{display:none}
}

/* section */
.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;margin-top:13px}
/*.side_bar.main{margin-top:530px;}*/

@media screen and (max-width:767px){
  .section_inner{padding:80px 0 0}
}

/* sidebar */
.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}
.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_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}
/* JavaScript로 제어할 때를 위한 규칙 */
.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}
/* clickClaim.active 상태일 때 검은색 흐린 배경 */
.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}

@media screen and (max-width:767px){
  .side_bar{display:none}

  /* 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{padding-left:0;margin-right:6px}
}

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

@media all and (max-width:767px){
  #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 mask */
  .panel-overlay{z-index:7999;display:none;position:fixed;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.6);cursor:pointer}
  
  /* panel active width */
  .panel.active{width:52%}
  .panel.panelNoti.active{width:100%}
  .panel.panelNoti.active .btn_panel_toggle{right:0;margin-right:20px}
  /* panel active scroll */
  .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}
}


/* contents */
.contents{position:relative;flex:1 1 auto;min-width:0}
.contents_inner{max-width:1104px;margin:0 auto;padding:30px 0 50px;min-height:680px}
.contents_inner.main{max-width:1104px;margin:0 auto;padding:540px 0 50px;min-height:680px}
.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}

@media screen and (max-width:767px){
  .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}
}
.main_slide_wrap{width:100%;}

/* slide */
.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%}

.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}

/* slide:TOP Of The Week */
.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}

/* common */
.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}

@media screen and (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}
}
@media screen and (max-width:767px){
  .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:50px 0 16px}
  .site_title img{width:auto;height:32px}
  .horizontal_slide .swiper-slide{width:calc(100% / 2 - 5px);padding-bottom:57.25%}
}

/* 추가 게임플레이 이미지 */
.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}

@media screen and (max-width:1190px){
  .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}
}
@media screen and (max-width:767px){
  .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:100px;height:100px;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 */
#footer{display:none}
.web_footer{width:100%;border-top:1px solid #3F167D;padding:35px 16px 35px 232px}
.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}

@media screen and (max-width:1190px){
  .web_footer{padding:35px 16px;border-top:0}
  .footer_inner{max-width:100%}
  .footer_info{padding:0 16px;background:#1E0B3B;color:#414197;font-size:1.4rem}
}
@media screen and (max-width:767px){
  #footer{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_list{display:flex;align-items:center;justify-content:flex-end;height:56px;width:100%}
  #footer .footer_menu{position:relative;text-align:center;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
  #footer .footer_menu_icon{height:26px;width:auto}
  #footer .footer_menu.slot .footer_menu_icon{height:24px;margin:1px 0}
  #footer .footer_menu.notice .footer_menu_icon{width:22px;margin:0 1px}
  #footer .footer_menu_label{display:block;color:#888;font-size:1.2rem}
  #footer .footer_menu.game_select{margin-top:-13px}
  #footer .footer_menu.game_select .footer_menu_label{display:none}
  #footer .footer_menu.game_select .footer_menu_icon{height:87px}
  #footer .footer_menu.game_select .footer_menu_label{font-size:1.2rem;color:#888}

  .web_footer{padding:0 0 65px}
  .footer_link{padding:30px 16px 26px;background:#000121}
  .link_area{flex-direction:column}
  .link_area a{color:#7373F2;font-size:1.4rem;margin-bottom:22px}
  .link_area a + a{margin-left:0}
    .footer_info{padding:0}
    .footer_info_wrap{padding:0 16px 30px; flex-direction: column; align-items: center; justify-content: center; row-gap: 10px;}
    .footer_info_sub{width: 80px; }
    .footer_info_sub img{width: 100%;}
}
@media screen and (max-width:576px){
}

/**/
.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.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: 425px}
.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}
@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 screen and (max-width:767px){
    .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}
}

/* 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{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:1px;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:4px;top:5px;width:12px;height:12px;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}

.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;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}

@media screen and (max-width:1109px){
  .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}
}

@media screen and (max-width:767px){
  .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}
}
@media screen and (max-width:576px){
  .sort_dt,.sort_dd_item,.c_chat button em, .c_bg .c_amount{font-size:1.2rem;;font-weight:400}
}

/* 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}

@media screen and (max-width:767px){
  .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}
}
/* 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}

@media screen and (max-width:1109px){
  .menu_tab.mypageLink ul{width:auto}
  .menu_tab.mypageLink li{width:auto;height:42px}
}
@media screen and (max-width:767px){
  .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:before,.menu_tab.mypageLink:after{content:'';z-index:1;position:absolute;top:0;width:28px;height:46px;background-repeat:no-repeat;background-size:cover;background-image:url(../../images/bg_menu.png);background-position:left center}
  .menu_tab.mypageLink:before{left:0}
  .menu_tab.mypageLink:after{right:0;transform:rotate(-180deg)}
  .menu_tab.mypageLink li:first-child{margin-left:16px}
  .menu_tab.mypageLink li:last-child{margin-right:60px}
}

/* 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 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}

@media screen and (max-width:767px){
  .my_profile{flex-direction:column}
  .profile_info{width:100%;padding-left:0}
  .my_profile .profile{margin:0 auto 16px;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}
}

/* 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}

@media screen and (max-width:1109px){
  .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%}
}
@media screen and (max-width:767px){
  .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 : referral */
.mypage_referral{width:100%;background:#2E096D;padding:25px 0;border-radius:10px}
.mypage_referral ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.mypage_referral li{width:calc(100% / 4);color:#fff;font-size:2.2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;font-weight:800}
.mypage_referral span{display:flex;height:48px;align-items:center;justify-content:center}
.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{margin-left:10px}
.mypage_referral .txt_down{display:inline-block;margin-top:10px;font-weight:800}

.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}

@media screen and (max-width:1109px){
  .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}
  .referral_wrap .referral_spb li,.referral_wrap .referral_spb li:nth-child(2){padding-left:0;width:100%;text-align:center}
}
@media screen and (max-width:767px){
  .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 li{width:50%;padding:22px 18px;font-size:1.8rem}
  .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}
  .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:2.4rem}
  .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: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}

@media screen and (max-width:767px){
  .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}
}

/* 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}

@media screen and (max-width:767px){
  .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}
}

/* 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: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%}

@media screen and (max-width:1109px){
  .my_offers_list{margin-bottom:30px}
  .my_offers_list li{width:calc(50% - 5px);margin-left:0;height:auto}
  .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}
}

/* 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;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 25px}
.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}

/* editor custom */
.my_editor{height:380px;width:100%;background:#333336}
.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}
  
@media screen and (max-width:767px){
  .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 25px}
  .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{height:310px}
  .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}
}

/* 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}

@media screen and (max-width:767px){
  .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 */
.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;}

@media screen and (max-width:1109px){
  .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 screen and (max-width:767px){
  .landing_page{padding:0}
}
/* 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}

@media screen and (max-width:767px){
  .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 */
.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:absolute;width:800px;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;width:900px;height:738px;}

.popup_multi{display:none;overflow:hidden;position:absolute;width:460px;min-height:230px;border-radius:10px;background-image: url('/images/join_popup.png');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{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}
.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;}

@media screen and (max-width:1190px){
  .popup_box,.popup_box.all_popup{width:90%}
}
@media screen and (max-width:767px){
  .popup_box{width:90%}
  .popup_box.type_02{width:100%}
  .popup_box.all_popup{width:100%;height:100%;border-radius:0;position:fixed;bottom:56px;left:0;top:0 !important;border:0}
  .popup_multi{width:90%}
  .popup_box .close{right:15px;top:15px}
  .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}
}

/* 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}

@media screen and (max-width:767px){
  .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}
}

/* 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}

@media screen and (max-width:767px){
  .p_txt_box{padding:14px}
  .box_txt{font-size:1.2rem;margin:12px 0}
}

/* layer : Select A Coin Package */
.coinBuyLayer{min-width:1104px}
.coin_list{display:flex;flex-wrap:wrap;margin:20px 0}
.coin_item{/*width:calc(100% / 6 - 15px);*/overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px 0 22px;width:155px;height:295px;margin-left:15px;background:url(../../images/img_coin_bg.png) no-repeat;background-size:cover}
.coin_item:first-child{margin-left:0}
.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 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}

@media screen and (max-width:1190px){
  .coinBuyLayer{min-width:90%}
  .coin_list{justify-content:center}
  .coin_item{width:calc(100% / 6 - 15px);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}
}
@media screen and (max-width:767px){
  .coinBuyLayer{min-width:100%;width:100%}
  .coin_item{margin-left:10px}
  .coin_item{width:calc(100% / 3 - 10px);height:204px;background-size:100% 100%}
  .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){margin-bottom:18px}
  .coin_item li{font-size:1.5rem}
  .coin_item .txt{margin:5px 0 1px}
  .coin_item .img_coin{margin-bottom:0}
  .coin_item .img_coin img{width:94px;height:86px}
  .coin_item .price img{width:17px;height:18px}
  .coin_item .totalPrice{margin-top:2px}
  .coin_item .totalPrice .btn{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}

@media screen and (max-width:767px){
  .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}
}

/* 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}

@media screen and (max-width:767px){
  .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%}
}

/* 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}

@media screen and (max-width:767px){
  .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}
}

/* 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}
.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}

@media screen and (max-width:767px){
  .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}
}

/* layer : send coin */
.all_popup.sendCoinLayer{width:460px}
.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}
.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%}

@media screen and (max-width:767px){
  .send_coin_cont{padding:0 16px}
  .send_coin_cont .box_txt_left_15{margin:0 0 14px}
}
@media screen and (max-width:767px){
  /* layer : Rolling Details */
  .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}
}

.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; } 
.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; } 

@media screen and (max-width:1190px){
 .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; } 
 }
@media screen and (max-width:767px){
 .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;}
 }
/* 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%); } 

@media screen and (max-width:1190px){
 .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;}
 }
@media screen and (max-width:767px){
 .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;}
 }
/* 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%); } 

@media screen and (max-width:1190px){
 .popup_box.giftCardLayerConfirm { max-height: 97vh; overflow-y: auto; min-width:450px;} 
 }
@media screen and (max-width:767px){
 .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;}
 }
 
.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:71px;height:65px;position:absolute;left:119px;top:16px}
.side_image3 img{width:100%;height:100%}
.side_line {height:1px;}
/* END: layer : Select a Gift Card Confirm Layer */

/* PC 사이드바 메뉴 추가 2025-09-23 */
.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%)}

.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%)}

.daily{background:url(../../images/daily_popup/daily_bg.png) no-repeat; width:100%; height:100%; opacity:0.8; text-align:center;}
.daily_popup{position:relative; top:40px;}
.rounded-box {position:relative;top:20px;left:90px;margin-right:14px;margin-bottom:10px;width:123px;height:150px;border-radius:12px;background:transparent;border:2px solid #E391FF;display:flex;align-items:center;justify-content:center;color:#FFF;}
.rounded-box-today {position:relative;top:20px;left:90px;margin-right:14px;margin-bottom:10px;width:123px;height:150px;border-radius:12px;background:#FCBD12;border:2px solid #D00011;display:flex;align-items:center;justify-content:center;color:#FFF;}
.daily-text {position:relative;top:-20px;font-size:20px;font-weight:800;}
.rounded-box2 {position:relative;top:20px;left:90px;margin-right:10px;margin-bottom:10px;width: 397px;height: 150px;border-radius: 12px;background: transparent;border: 2px solid #E391FF;display: flex;align-items: center;justify-content: center;color: #FFF;font-size:20px;}
.rounded-box2-today {position:relative;top:20px;left:90px;margin-right:10px;margin-bottom:10px;width: 397px;height: 150px;border-radius: 12px;background: #FCBD12;border: 2px solid #D00011;display: flex;align-items: center;justify-content: center;color: #FFF;font-size:20px;}
.daily-text2 {position:absolute;top:20px;left:20px;font-size:20px;font-weight:800;}
.day-check {display:none;position:absolute;top:40px;left:20px;z-index:10;}
.day-check.active {display:block;}
.day-check.active.streak {top:-10px;left:320px;}
.day-today {position:absolute;display:none;top:-8px;left:-10px;z-index:10;}
.day-today.active {display:block;}
.daily-text-coin {position:absolute;display:none;top: 114px;left: 46px;font-size:20px;font-weight:800;}
.daily-text-coin.active {display:block;}
.btn_buy.daily_btn{position:relative; top:30px; left:-150px; width:252px;}
.daily_img {position: relative; top: -430px; left: 236px;}
.daily_gold_box{display:block; position:relative; left:80px;}
.daily7_coin{position:absolute; top:10px; left:0px; width:33px;}
.daily7_sc{position:absolute; top:60px; left:0px; width:33px;}
.daily7_coin_text{position:absolute; left:50px; top:0px; font-size:40px; color:#FFF; font-weight: 800;}
.daily7_sc_text{position:absolute; left:50px; top:50px; font-size:40px; color:#FFF; font-weight: 800;}

.bonus_popup{width:460px;height:241px;padding:40px 0 0;background:#1E0B3B; border:1px solid #FDDC23;}
.bonus_popup .l_support_cont{height:100%;display:flex;align-items: center;flex-direction: column;justify-content: center;}
.bonus_popup .l_support_cont li{text-align: center;width:100%;font-size: 2.4rem;}
.bonus_popup .l_support_cont .img img{width:202px;height:130px;display: inline-block;}
.bonus_popup .l_support_cont .tt{font-size: 3.4rem;font-weight: 700;color:#fff;}
.bonus_popup .l_support_cont .st span{display:block;}

.daily_bonus_popup{width:460px;height:241px;padding:40px 0 0;background:#1E0B3B; border:1px solid #FFF;}
.daily_bonus_popup .l_support_cont{height:100%;display:flex;align-items: center;flex-direction: column;justify-content: center;}
.daily_bonus_popup .l_support_cont li{text-align: center;width:100%;font-size: 2.4rem;}
.daily_bonus_popup .l_support_cont .img img{width:202px;height:130px;display: inline-block;}
.daily_bonus_popup .l_support_cont .tt{font-size: 3.4rem;font-weight: 700;color:#fff;}
.daily_bonus_popup .l_support_cont .st span{display:block;}

.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);}}
  
  /* 세로 모드 */
		@media screen and (max-width: 768px) and (orientation: portrait) {
		    .main-container {
				width:100%;
		    }
		}

		/* 가로 모드 */
		@media screen and (max-width: 768px) and (orientation: landscape) {
		    .main-container {
				margin-left:25%;				
				margin-right:25%;
		    }			
		}
		
.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%;}

@media screen and (max-width:1190px){
    .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;}
}
@media screen and (max-width:767px){
    .contents_inner.rev_cont{padding: 0; margin-bottom: 0;}
}

@media screen and (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;}
}

/* ***********  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");}


@media screen and (max-width:1190px){
    .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;}
}

@media screen and (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 screen and (max-width:767px){
    .contents_inner.ivf_cont{ padding: 0 30px 30px;}
}

@media screen and (max-width:578px){
    .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;}
}

/* ***********  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}
@media (max-width: 767px){
    .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; }
}