@charset "UTF-8";


:root { font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; }
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html { overflow-y: scroll; font-size: 12px; }
html, body { height: 100%; font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; font-weight: 400; }
header { }
main { position: relative; min-height:75%; }
footer { }
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, ul, li, ol, p, pre, th, td, select, textarea { margin:0; padding:0; }
dl, li, menu, ol, ul, nav { list-style:none; }
ul, li { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; align-items: flex-start; justify-content: space-around; }
img { border: 0; }
button { border: 0; cursor: pointer; background-color: transparent; color: #2d2d2d; font-weight: 400; }
h1, h2, h3, h4, h5, h6, button, label { user-select: none; }
p, span { font-size: 1.25rem; }
a { text-decoration: none; color: #555; display: block; width: inherit; height: inherit; user-select: none; cursor: pointer; }
.icon { display: inline-block; padding: 6px 20px; border-radius: 25px; text-align: center; color: #fff; font-size: 14px; margin-bottom: 15px; }
.icon-blue { background-color: #00b2ff; }
.icon-red { background-color: #fd0e1d; }
.icon-update { background-color: #ff6300; }
.ellipsis1 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis2 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis3 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.mt-unset { margin-top: 0 !important; }
.mt-20 { margin-top: 20px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mr-10 { margin-right: 10px; }

/* header */
.header { color: #FFF !important; background: #FFF; }
.header.dark { /*background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 99%); */ }
.header.dark.bg_white { background: #FFF; }
.header.opc { background: rgba(0, 0, 0, 0.2); }
header { position: absolute; top: 0; left: 0; width: 100%; height: 97px; display: flex; align-items: center; z-index: 200; font-size: 1.35rem; color: #000; background: #FFF; transition: all 0.5s; flex-direction: column; }
header.in_tn { height: 156px; }
header.dark,
header.dark a { font-size: 18px; font-weight: 700; color: #000; }
.header.opc a { font-size: 18px; font-weight: 700; color: #FFF }
header .logo { width: 187px; height: 23px; background-image: url('/images/logo/logo_yell.png'); background-size: contain; background-position: center; background-repeat: no-repeat; }
header.dark .logo { background-image: url('/images/logo/logo_yell.png'); }
header.opc .logo { background-image: url('/images/logo/logo_yell.png'); }
header nav { position: relative; padding:28px 20px; width: 100%; max-width: 1780px; margin: 0 auto; }
header.on_sticky nav { position: fixed; padding:28px 20px; width: 100%; max-width: unset; margin: 0 auto; background: #FFF; top: 0; left: 0; }
header.on_sticky .logo { background-image: url('/images/logo/logo_yell.png'); }
header.on_sticky a { font-size: 18px; font-weight: 700; color: #000; }
header.header.on_sticky.opc a { font-size: 18px; font-weight: 700; color: #000; }
header.header.on_sticky.opc a.login-or { color: #FFF; font-weight: 400; }
header.header.on_sticky.opc a.sign-up-bnt { color: #FFF; font-weight: 400; }
header nav div { display: flex; justify-content: space-between; align-items: center; }
header nav div ul { align-items: center; }
header nav div ul li a { cursor: pointer; }
header nav div ul:last-child li a { display: block; min-width: 80px; border-radius: 22px; text-align: center; font-size: 18px; padding:10px 25px; font-weight: 400; }
header nav div ul:last-child li a.pc_h_mp_link { padding: unset; }
header nav div ul:last-child li .login-or { background-color: #ff6300; color: white; font-weight: 400; }
header nav div ul:last-child li .sign-up-bnt { background-color: #ff6300; color: white; font-weight: 400; }
header nav div ul:first-child li:first-child { margin-right: 10px; }
header nav div ul li:not(:first-child) { margin-left: 30px; }
header nav div ul:last-child li:not(:first-child) { margin-left: 10px; }
/*header nav div ul li button { background-image: url(/images/icon/menu-icon-bk.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 18px; height: 16px; cursor: pointer; align-self: center; } */
header nav div ul li .mo_tgg_side_menu { display: inline-block; padding: 4px 16px; border-radius: 9999px;background: linear-gradient(315deg, #f9a825, #ef6c00);border: 2px solid #ffa726; box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(0, 0, 0, 0.25); color: #3b1c00;font-weight: bold; font-size: 14px; font-family: 'Segoe UI', sans-serif; text-align: center; user-select: none; cursor: pointer; line-height: 1.2; }
.header nav div ul li button { filter: invert(100%); }
.header.dark nav div ul li button { filter: invert(0%); }
header nav div ul .pc_h_mp_link { display: block; }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner { padding: 10px 15px; border: 1px solid #ff6300; border-radius: 22px; position: relative; }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner.in_icon { padding: 10px 15px 10px 40px; border: 1px solid #ff6300; border-radius: 22px; position: relative; }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner.in_icon:before { position: absolute; content: ""; display: block; width: 34px; height: 34px;left: 2px; top: 50%; transform: translateY(-50%); background-size: contain;background-repeat: no-repeat;border-radius: 50%; }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner.in_icon.ic_coin:before { background-image: url('/images/icon/ill_m_gold.png'); }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner.in_icon.ic_jewel:before { background-image: url('/images/icon/ill_m_jewel.png'); }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner .fl_row { color: #ff6300; font-weight: 400; position: relative; display: block; width: 100%; }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner .fl_row span { white-space: nowrap }
header nav div ul .pc_h_mp_link .pc_h_mp_link_inner .fl_row span:first-child { margin-right: 5px; }
/* main section */

.header+main { padding-top: 95px; }
.header+main.in_tn { padding-top: 155px }
.section { position: relative; margin: 0 auto; max-width: 990px; }
.section.mypage_sec { margin-top: 100px }
.section-wide { max-width: 1290px; }
.section > h1 { margin-top: 50px; font-size: 4rem; font-weight: 900; text-align: center; letter-spacing: -0.5px; }
.section.ranking > h1 { margin-top: 100px; font-size: 4rem; font-weight: 900; text-align: center; letter-spacing: -0.5px; }
.section.terms_h1 { display: none; }
.section > h2 { font-size: 24px; margin-top: 30px; padding: 15px 0 15px; }
.section .underline { border-bottom: 2px solid #eee; }
.section .menu { margin-top: 60px; display: flex; flex-direction: row; justify-content: center; gap: 5px; }
.section .menu a { min-width: 180px; padding: 15px 20px; text-align: center; background-color: #EFEEEE; border-radius: 30px; font-size: 1.5rem; letter-spacing: -2px; }
.section .menu a.active { background-color: #53B4FF; color: white; }
.header.in_tn+main { padding-top: 155px }
.header.in_tn+main.ranking { padding-top: 155px }

.section.mypage_sec .mp_tab { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 60px; column-gap: 1px; background-color: #FF6200; border: 1px solid #FF6200; }
.section.mypage_sec .mp_tab.grid_03 { grid-template-columns: repeat(3, 1fr); }
.section.mypage_sec h1 { font-weight: 700 }
.mp_layout { background: #F5F5F5; padding-bottom: 120px; }
main.ranking { background: #F5F5F5; padding-bottom: 120px; }
.section .mp_tab a { text-align: center; display: inline-block; width: 100%; color: #FF6200; background-color: #FFF; font-size: 1.5rem; letter-spacing: -2px; padding: 15px 0; }
.section .mp_tab a.active { background-color: #FF6200; color: white; }
.section.mp_info { }
.section.mp_info .mp_info_hh { font-size: 24px; font-weight: 700; margin-bottom: 12px; margin-top: 50px; }
.mp_inp_flx { display: grid; grid-template-columns: 200px auto; column-gap: 5px; background: #FFF; padding: 15px 25px; border-radius: 5px; align-items: center; margin-bottom: 5px; }
.mp_inp_flx label { font-size: 16px; font-weight: 400; }
.mp_inp_flx label.imp { position: relative; }
.mp_inp_flx label.imp:after { content: '*'; position: relative; top: 3px; left: 2px; color: #FF6200; }
.mp_inp_flx input { border: none; outline: none; font-size: 16px; background: #FFF; }
.mp_inf_btn_wrap { display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 50px; margin-bottom: 50px; column-gap: 20px; }
.mp_inf_btn_wrap .un_reg { width: 250px; padding: 15px 0; border-radius: 5px; background: #C2C2C2; color: #FFF; font-size: 16px; }
.mp_inf_btn_wrap .save_mp { width: 250px; padding: 15px 0; border-radius: 5px; background: #FF6200; color: #FFF; font-size: 16px; }

.mp_mf_grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 8px; margin-bottom: 60px; }
.mp_mf_grid .item_col { display: flex; align-items: stretch; column-gap: 15px; padding: 20px; background: #FFF; border: 1px solid; border-radius: 5px; box-shadow: 0 4px 4px 0 #00000026; }
.mp_mf_grid .item_col .left { width: 65px; align-content: center; }
.mp_mf_grid .item_col .left img { width: 100%; }
.mp_mf_grid .item_col .right { display: flex; flex-direction: column; justify-content: space-between; }
.mp_mf_grid .item_col .right .onup p { font-size: 20px; font-weight: 500; }
.mp_mf_grid .item_col .right .onup span { font-size: 13px; color: #888888; }
.mp_mf_grid .item_col .right .bott { font-size: 26px; font-weight: 700; }

.mp_mf_sch_fil_wrap { display: grid; grid-template-columns: 165px 10px 165px 138px; align-items: center; column-gap: 5px; margin-bottom: 15px; }
.mp_mf_sch_fil_wrap .date_mid { font-size: 16px; }
.mp_mf_sch_inp_wrap { padding: 12px 8px; background: #FFFFFF; border-radius: 5px; border: 1px solid; }
.mp_mf_sch_inp_wrap input { border: none; outline: none; font-size: 16px; background: #FFFFFF; width: 100%; font-weight: 500; }
.mp_mf_sch_inp_wrap input[type="date"] { position: relative; background: url('/images/icon/ico_inp_date.png') no-repeat right 8px center; background-size: 20px 20px; padding-right: 35px; padding-left: 10px; font-size: 16px; color: #000; }
.mp_mf_sch_inp_wrap input[type="date"] { font-weight: 500; font-family: inherit; color: #000; }

.mp_mf_sch_inp_wrap input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; position: absolute; right: 8px; width: 25px; height: 100%; cursor: pointer; }


.mp_mf_sch_fil_wrap .sch_btn { background: #000; font-size: 16px; color: #fff; border-radius: 25px; height: 46px; margin-left: 10px; display: block; width: 100%; }
.mp_def_tbl_area { background: #FFF; border-radius: 10px; padding: 30px 50px 50px 50px; }
.mp_def_tbl_area .trr { text-align: right }
.mp_def_tbl_area .trr p { font-size: 15px; color: #888888; margin-bottom: 5px; }

.bo_noti_tbl_area { margin-top: 30px; padding: 30px 50px 50px 50px; }

/* holdem client service page style */
main.client_cont { }
.cli_btn_wrap { width: 100%; text-align: center; margin-top: -200px; margin-bottom: 170px; position: relative; z-index: 1; }
.cli_btn_wrap button { width: 400px; }
.cli_btn_wrap button img { width: 100%; }

.cli_mid_bn_wrap.pc { margin-bottom: 30px; }
.cli_mid_bn_wrap.pc .cli_mid_bn_inner { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 20px; }
.cli_mid_bn_wrap.pc .cli_mid_bn_thumb_wrap { position: relative; overflow: hidden; width: 100%; }
.cli_mid_bn_wrap.pc .cli_mid_bn_thumb_inner { position: relative; overflow: hidden; width: 100%; padding-bottom: 112.5%; background-color: #0a3622; display: block; }
.cli_mid_bn_wrap.pc .cli_mid_bn_thumb_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.cli_mid_bn_wrap.mobile { margin-bottom: 20px; }
.cli_mid_bn_wrap.mobile .cli_mid_bn_inner { display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 12px; }
.cli_mid_bn_wrap.mobile .cli_mid_bn_thumb_wrap { position: relative; overflow: hidden; width: 100%; }
.cli_mid_bn_wrap.mobile .cli_mid_bn_thumb_inner { position: relative; overflow: hidden; width: 100%; padding-bottom: 26.87%; background-color: #0a3622; display: block; }
.cli_mid_bn_wrap.mobile .cli_mid_bn_thumb_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.cli_botSec { width: 100%; }
.cli_botSecInner { display: grid; grid-template-columns: 2fr 3fr; column-gap: 20px; }
.cli_bot_bn_slideCont.swiper-container { width: 100%; }
.cli_bot_bn_thumb_wrap { position: relative; overflow: hidden; width: 100%; }
.cli_bot_bn_thumb_inner { position: relative; overflow: hidden; width: 100%; padding-bottom: 64%; background-color: #0a3622; display: block; }
.cli_bot_bn_thumb_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.cliBot_guide_img.pc { position: relative; overflow: hidden; width: 100%; }
.cliBot_guide_img.pc .cli_bot_guide_img_inner { position: relative; overflow: hidden; width: 100%; padding-bottom: 42.11%; background-color: #0a3622; }
.cliBot_guide_img.pc .cli_bot_guide_img_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

.cliBot_guide_img.mobile { position: relative; overflow: hidden; width: 100%; }
.cliBot_guide_img.mobile .cli_bot_guide_img_inner { position: relative; overflow: hidden; width: 100%; padding-bottom: 304.5%; background-color: #0a3622; }
.cliBot_guide_img.mobile .cli_bot_guide_img_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }

footer.client_foot { margin-top: unset; padding-top: 80px; border-top: unset; padding-bottom: 60px; }
footer.client_foot div { }
footer.client_foot ul li { color: #000; }
footer.client_foot ul li a { color: #000; }
/* holdem client service page style */


/* banner */
@keyframes floatAnimation {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}
.background { width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }

.psc_pt { padding-top: 95px; }
.psc_pt.in_tn { padding-top: 155px; }
.banner { position: relative; top: 0; left: 0; }
.banner p { color: #fff; }
.pc.bnt_banner_main_top { height: 100%; max-height: 950px; min-height: 713px; background-color: #FFF; }
.pc.bnt_banner_main_top img { width: 100%; min-width: 1440px; min-height: 713px; }
.banner .banner-inner { justify-content: center; }
.banner .banner-inner .slide { width: 100%; height: 742px; }
.banner .banner-inner .slide .banner-bg { /*background: linear-gradient(to bottom, rgba(8, 4, 5, 1) 75%, rgba(8, 4, 5, 0) 99%); */ }
.banner .banner-inner .slide .banner-bg a { display: block; max-width: 1920px; margin: 0 auto; }
.banner .bnt-wrap { max-width: 1620px; margin: 0 auto; margin-top: -55px; position: relative; z-index: 1; }
.banner .bnt-wrap ul { justify-content: center !important; column-gap: 22px; }
.banner .bnt-wrap ul li a { width: 303px; height: 397px; background-size: contain; background-position: center; background-repeat: no-repeat; transition: transform 0.2s ease; animation: floatAnimation 1s infinite ease-in-out; }
.banner .bnt-wrap ul li a:hover { transform: translateY(-5px) scale(1.02); }
.banner .bnt-wrap ul li div.desc_wrap { margin: 40px auto 0 30px; }
.banner .bnt-wrap ul li div p { margin-top: 12px; font-size: 18px; }
.banner .bnt-wrap ul li div .bold-head { font-size: 40px; line-height: 40px; color: #fff; }

.background.pc.bgp_rank strong { position: absolute; left: 50%; transform: translateX(-50%); bottom: 90px; font-size: 50px; font-weight: bold; color: #FFF; }

.bnn_recom_game_wrap.pc { width: 100%; max-width: 1280px; min-width: 1260px; margin: 0 auto; margin-top: -80px; position: relative; z-index: 1; }
.bnn_recom_game_wrap.pc .bnn_recom_game_inner { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 33px; row-gap: 20px; }
.bnn_recom_game_wrap.pc .bnn_re_item { position: relative; width: 100%; transition: transform 0.3s ease-in-out; }
.bnn_recom_game_wrap.pc .bnn_re_item_inner { position: relative; overflow: hidden; width: 100%; height: 309px; }
.bnn_recom_game_wrap.pc .bnn_re_item:hover { transform: translateY(-12px); }
.bnn_recom_game_wrap.pc .bnn_re_item_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bnn_recom_game_wrap.pc .bnn_re_item_inner .tt_over { position: absolute; top: 35%; left: 20px; transform: translateY(-50%); }
.bnn_recom_game_wrap.pc .bnn_re_item_inner .tt_over .bi { font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 5px; }
.bnn_recom_game_wrap.pc .bnn_re_item_inner .tt_over .sub { font-size: 16px; color: #fff; }
.bnn_recom_game_wrap.pc .bnn_re_item_inner .tt_over_tag { position: absolute; top: 20px; left: 20px; padding: 10px 20px; border-radius: 20px; font-size: 14px; font-weight: bold; background: #FF1818; color: #fff; }
.bnn_recom_game_wrap.pc .bnn_re_item_inner .tt_over_tag.best { color: #FFF; background: #FF1818; }
.bnn_recom_game_wrap.pc .bnn_re_item_inner .tt_over_tag.rpg { color: #FFF; background: #18CDFF; }

.bnn_recom_game_wrap.mobile { width: 100%; max-width: 1280px; margin: 0 auto; position: relative; z-index: 1; margin-top: -30px; }
.bnn_recom_game_wrap.mobile .bnn_recom_game_inner { display: flex; padding: 0 20px; }
.bnn_recom_game_wrap.mobile .bnn_re_item { position: relative; width: 100%; }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner { position: relative; overflow: hidden; width: 230px; height: 309px; }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over { position: absolute; top: 35%; left: 20px; transform: translateY(-50%); }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over .bi { font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 5px; }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over .sub { font-size: 16px; color: #fff; }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over_tag { position: absolute; top: 20px; left: 20px; padding: 10px 20px; border-radius: 20px; font-size: 14px; font-weight: bold; background: #FF1818; color: #fff; }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over_tag.best { color: #FFF; background: #FF1818; }
.bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over_tag.rpg { color: #FFF; background: #18CDFF; }
.bnn_re_item_flex { display: flex; column-gap: 10px }
.bnn_recom_game_inner .swiper-slide { width: unset; }

.spb_wrap { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.spb_wrap .swiper_page_btn { position: relative; width: 14px; height: 21px; transition: opacity 0.3s ease; }
.spb_wrap .swiper_page_btn.pre { margin-right: 10px; }
.spb_wrap .swiper_page_btn::after { content: ''; position: absolute; width: 14px; height: 21px; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; }
.spb_wrap .swiper_page_btn.pre::after { background-image: url('/images/spb_btn_pre.svg'); }
.spb_wrap .swiper_page_btn.next::after { background-image: url('/images/spb_btn_next.svg'); }
.spb_wrap .swiper_page_btn.visible { opacity: 1; pointer-events: auto; }
.spb_wrap .swiper_page_btn.invisible { opacity: 0.1; pointer-events: none; }

.bnn_slide_btn { width: 45px; height: 45px; position: absolute; top: 45%; transform: translateY(-50%); z-index: 30; transition: opacity 0.3s ease; }
.bnn_slide_btn.pre { left: 0; opacity: 0; pointer-events: none; }
.bnn_slide_btn.pre.visible { opacity: 1; pointer-events: auto; }
.bnn_slide_btn.invisible { opacity: 0; pointer-events: none; }
.bnn_slide_btn.next { right: 0; }
.bnn_slide_btn:hover { }
.bnn_slide_btn::after { content: ''; position: absolute; background-image: url("/images/icon/ico_pre_white.png"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.bnn_slide_btn.pre::after { background-image: url("/images/icon/ico_pre_white.png"); left: 50% }
.bnn_slide_btn.next::after { background-image: url("/images/icon/ico_next_white.png"); left: 50%; }
/* main */
.sec-box { width: 100%; max-width: 1280px; margin: 0 auto; margin-top: 75px; padding: 0 10px; }
.sec-box:last-child { margin-bottom: 100px; }
.sec-box.slideCard_in { }
.sec-box .event-banner, .sec-box .game-banner { /*margin-right: 12px; */ }
.sec-head { font-size: 2rem; padding-left: 10px; padding-bottom: 18px; }
.contant-box { position: relative; display: flex; gap: 16px; flex-direction: row; align-items: flex-start; height: 320px; overflow-y: hidden; overflow-x: scroll; }
.event-banner { width: 420px; height: inherit; margin-bottom: 10px; }
.game-banner { width: 284px; height: inherit; margin-bottom: 10px; }
.event-banner,
.game-banner { background-size: cover; background-repeat: no-repeat; background-position: center; }

.bold-head { font-size: 1.9rem; color: #2d2d2d; }
.game-text { padding: 26px 0 0 26px; }
.event-banner .game-text > div { font-size: 2.25rem; color: #fff; }
.game-banner .game-text > div:last-child { position: relative; top: 180px; color: #fff; font-size: 1.35rem; }
.sec-box .slide-arrow-bnt { text-indent: -9999px; }
/* topgame */
.top-game { margin-top: 60px; }
/* slot */
.slot-game .slot-game-slide-2 { margin-top: 12px; }
.slot-game .contant-box .game-banner .game-text .icon-wrap { display: flex; flex-direction: row; }
.slot-game .contant-box .game-banner .game-text .icon-wrap span:last-child { margin-left: 9px; }
/* mid-banner */
.mid-banner { width: 100%; height: 230px; max-height: 260px; background-color: #fff; background-image: url(/images/banner/banner-middle.png); background-position: center; background-size: cover; background-repeat: no-repeat; margin: 75px 0; box-shadow: inset 0 20px 10px rgba(0,0,0,0.12), inset 0 -20px 10px rgba(0,0,0,0.12); /*box-shadow: inset 0 0px 5px rgba(0,0,0,0.9); */ }
/* allgame */
.all-game .all-game-slide-2 { margin-top: 12px; }
/* newgame */
.new-game { margin-top: 100px; }
/* you-tube */
.you-tube { margin-top: 100px; }
.you-tube .you-tube-box { display: flex; }

.you-tube-box div { display: flex; height: 550px; }
.you-tube-box div:last-child { height: 250px; }
.you-tube .you-tube-box { flex-direction: column; }
.you-tube .you-tube-box .top { flex-direction: row; }
.you-tube .you-tube-box .top a { width: 810px; height: inherit; }
.you-tube .you-tube-box .top .you-tube-content-1 { background: url(/images/youtube/top-1.png); background-size: cover; }
.you-tube .you-tube-box .top .you-tube-content-2 { background: url(/images/youtube/top-2.png); background-size: cover; }
.you-tube-box div:last-child { flex-direction: row; }
.you-tube .you-tube-box div:last-child a { width: 371px; height: 215px; }
.you-tube .you-tube-box div:last-child .you-tube-content-3 { background: url(/images/youtube/bottom-1.png); background-size: cover; }
.you-tube .you-tube-box div:last-child .you-tube-content-4 { background: url(/images/youtube/bottom-2.png); background-size: cover; }
.you-tube .you-tube-box div:last-child .you-tube-content-5 { background: url(/images/youtube/bottom-3.png); background-size: cover; }



.scrstyle { overflow-x: auto; scrollbar-gutter: stable both-edges; }
.scrstyle::-webkit-scrollbar { width: 100%; height: 0; }
.scrstyle::-webkit-scrollbar-track { background-color: #808080; }
.scrstyle::-webkit-scrollbar-thumb { background: #505050; border: 0; border-radius: 1.5px; }
.scrstyle::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; }

/* footer */
footer { position: relative; display: block; margin-top: 100px; padding-top: 15px; border-top: 1px solid #efefef; padding-bottom: 5px; }
footer div { display: flex; align-items: center; width: 100%; height: 70px; background-color: #f9f9f9; }
footer ul { position: relative; justify-content: flex-start; margin: 30px auto; text-align: center; width: 100%; max-width: 1280px; line-height: 2; }
footer ul:first-child li { font-weight: bold; }
footer ul li { margin-left: 25px; }
footer.bg_gray { background: #F5F5F5; }
footer.bg_gray div { background: #F5F5F5; }

/** COMMON CSS **/
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-white { color: #fff !important; }
.mt-1 { margin-top: 10px !important; }
.mt-2 { margin-top: 20px !important; }
.mt-3 { margin-top: 30px !important; }
.mt-4 { margin-top: 40px !important; }
.mt-5 { margin-top: 50px !important; }
.mb-1 { margin-bottom: 10px !important; }
.mb-2 { margin-bottom: 20px !important; }
.mb-3 { margin-bottom: 30px !important; }
.mb-4 { margin-bottom: 40px !important; }
.mb-5 { margin-bottom: 50px !important; }
.btn { width: 100%; height: 50px; font-size: 16px; line-height: 50px; text-align: center; font-weight: 700; cursor: pointer; border: white; background-color: white; color: black; }
.btn.btn-orange { border: #ff6300 !important; background-color: #ff6300 !important; color: #FFFFFF !important; }
.btn.btn-orange-out { border: 1px solid #ff6300 !important; background-color: transparent !important; color: #ff6300 !important; }
.btn.btn-lightblue { border: #53B4FF !important; background-color: #53B4FF !important; color: #FFFFFF !important; }
.btn.btn-gray { border: #DFDFDF !important; background-color: #DFDFDF !important; color: black !important; }
.btn.btn-darkgray { border: #545353 !important; background-color: #545353 !important; color: white !important; }
.btn.btn-darkgray:disabled { border: #aaa !important; background-color: #aaa !important; color: white !important; }
.btn.btn-round-1 { border-radius: 25px; }
.btn.btn-round-2 { border-radius: 15px; }
.btn.btn-round-3 { border-radius: 5px; }
.btn.btn-inline { width: unset; padding: 0 30px; }
.btn.btn-inline span { white-space: nowrap; }
.btn-inline .btn { display: inline-block; width: unset; padding-left: 25px; padding-right: 25px; }
.fw-normal { font-weight: 400 !important }

.link-split-pipe > a { display: inline-block; }
.link-split-pipe > a::after { content: '|'; padding: 0 10px; }
.link-split-pipe > a:last-child::after { content: ''; padding: unset; }
.alert { text-align: center; font-size: 1.4rem; }
.help { display: inline-block; font-size: 12px; color: #666; }
.help::before { content: '!'; position: relative; margin-right: 5px; padding: 0 5px; font-size: 10px; color: white; border-radius: 7px; border: 1px solid #aaa; background-color: #aaa; }
.arrow { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -25px; z-index: 1; border-top: 3px solid #000; border-right: 3px solid #000; transform: translate(-50%); cursor: pointer; }
.arrow.left { left: 0; transform: rotate(225deg); }
.arrow.right { right: 0; transform: rotate(45deg); }
.desc { position: relative; padding: 20px 0; }
.desc h2 { font-weight: 700; font-size: 18px; margin-bottom: 10px; }
.desc p { font-weight: 400; font-size: 16px; line-height: 24px; }
.flex-row { display: flex; flex-direction: row; justify-content: space-between; }
.flex-row.flex-2 > li { flex-basis: calc(50% - 10px); }
.flex-row.flex-3 > li { flex-basis: calc(33.33333% - 20px); }
.flex-row.flex-4 > li { flex-basis: calc(25% - 30px); }
.flex-row.flex-5 > li { flex-basis: calc(20% - 40px); }
.flex-row > li { margin-bottom: 10px; }
.card { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; min-height: 180px; border-radius: 15px; background-color: #efefef; padding: 30px; }
.card .card-header { font-size: 24px; font-weight: 700; line-height: 22px; }
.card .card-body { font-size: 24px; font-weight: 700; }
.card .card-body > span { font-size: 24px; font-weight: 700; color: #F26106; }
.bg-icon { background-position: left bottom -10px; background-size: 40%; background-repeat: no-repeat; }
.bg-icon-friend { background-image: url('/images/icon/friend_icon.png'); }
.bg-icon-friend-rank { background-image: url('/images/icon/friend_ranking_icon.png'); }
.bg-icon-friend-recommend { background-image: url('/images/icon/recommendation_icon.png'); }
[type="close"] { position: absolute; top: 0; right: 0; z-index: 1001; cursor: help; width:25px; height: 25px; }
[type="close"]:before,
[type="close"]:after { position: absolute; left: 20px; content:''; height: 25px; width: 2px; background-color: #fff; top:0; }
[type="close"]:before { transform: rotate(45deg); }
[type="close"]:after { transform: rotate(-45deg); }


/** FORM CSS **/
.form { }
.form input[type="date"],
.form input[type="text"],
.form input[type="number"],
.form input[type="password"],
.form input[type="email"] { width: 100%; max-width: 350px; border: 1px solid #bbb; font-size: 16px; line-height: 50px; padding: 0 20px; border-radius: 15px; outline: none; }
.form .input-label-form.chk_ok input { background: #E7E6E6; color: #7F7F7F; }
.form input[type="date"] { width: unset; max-width: unset; padding: 15px 20px; line-height: 1; }
.form input[type="number"]::-webkit-outer-spin-button,
.form input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: textfield; margin: 0; }
.form input[type="email"] { background-image: url('/images/icon/email_icon.png'); background-position: right 15px center; background-repeat: no-repeat; }
.form input:focus { border: 1px solid #606060; }
.form input:focus::placeholder { color: #ddd; }
.form input::placeholder { color: #aaa; }
.form select { border: 1px solid #ccc; font-size: 16px; font-weight: 400; line-height: 50px; padding: 14px 30px; border-radius: 14px; outline: none; }
.form .input-label-form,
.form .input-label-checkbox { margin-bottom: 20px; }
.form .input-label-form label { display: block; padding: 5px; font-size: 16px; font-weight: 700; line-height: 24px; }
.form .input-label-form label.required::after { content: '*'; position: relative; top: 3px; left: 2px; color: #A90000; }
.form .input-label-checkbox input[type="checkbox"] { position: relative; width: 16px; height: 16px; top: 4px; }
.form .input-label-checkbox label { padding: 5px; font-size: 14px; font-weight: 700; line-height: 24px; cursor: pointer; }
.form small { display: block; font-size: 14px; font-weight: bold; color: #AC0000; padding: 5px 0 0 10px; }
.form .alert { font-size: 14px; font-weight: bold; color: red; padding: 5px 0 0 16px; }
.form .alert.success { color: #006000; }
.form .line { height: 1px; background-color: #efefef; }
.form .line.line-dark { background-color: #dfdfdf !important; }
.form .line.line-2 { height: 2px; }
.form .line.line-3 { height: 3px; }
.form .line.line-4 { height: 4px; }
.form .line.line-5 { height: 5px; }
.form iframe.terms { border: 1px solid #DFDFDF; }
.form-search { position: absolute; top: 5px; right: 5px; display: flex; flex-direction: row; justify-content: end; }
.form-search input[type="text"] { height: 50px; border: 0; border-bottom: 2px solid #aaa; font-size: 1.4rem; outline: none; padding: 16px 60px 16px 20px; }
.form-search input[type="text"].bd_org { border-bottom: 2px solid #FF6200; }
.form-search button { position: absolute; right: 10px; width: 25px; height: 50px; background-image: url('/images/icon/ico_sch_org.png'); background-size: contain; background-position: right center; background-repeat: no-repeat; }
.select-date { padding: 14px 16px !important; }
.select-date+span { font-size: 16px; font-weight: bold; padding: 0 15px 0 2px; }
.login-form { position: relative; max-width: 350px; margin: 50px auto 0; display: flex; flex-direction: column; justify-content: center; }
.login-form > * { margin-bottom: 10px; }

[data-type="rank"] { content: ''; background-image: url('/images/icon/medal_icon.png'); background-position: center; background-repeat: no-repeat; font-weight: 700; font-size: 18px; }


[data-type="rank_1"] { content: ''; background-image: url('/images/icon/ico_tbl_rank_01.png'); background-position: center center; background-repeat: no-repeat; font-weight: 700; font-size: 18px; background-size: 34px 34px; }
[data-type="rank_2"] { content: ''; background-image: url('/images/icon/ico_tbl_rank_02.png'); background-position: center center; background-repeat: no-repeat; font-weight: 700; font-size: 18px; background-size: 34px 34px; }
[data-type="rank_3"] { content: ''; background-image: url('/images/icon/ico_tbl_rank_03.png'); background-position: center center; background-repeat: no-repeat; font-weight: 700; font-size: 18px; background-size: 34px 34px; }
[data-type="people"]::after { content: '명'; padding-left: 5px; color: #333; }
[data-type="coin"]::after { content: 'C'; padding-left: 5px; color: #333; }

.table { width: 100%; border-width: 0; border-collapse: collapse; }
.table thead { background-color: #FFF; border-top: 2px solid #333; border-bottom: 1px solid #333 }
.table thead th { padding: 18px 0; text-align: center; font-size: 15px; }
.table.rankingTable thead th { width: 33.3%; }
.table.friendLogTable thead th { width: 33.3%; }
.table.mp_cj_tbl thead th { width: 33.3%; }
.table.bo_noti_tbl thead th { width: 33.3%; }
.table tbody tr { border-bottom: 1px solid #ddd; }
.table tbody td { padding: 18px 5px; font-size: 15px; }
.table.mp_cj_tbl tbody td.neg { color: #E92020 }
.table.mp_cj_tbl tbody td.pos { color: #10BC10 }

.table tbody td.top_1,.table tbody td.top_2,.table tbody td.top_3 { color: #4E0808; position: relative; }
.table tbody td.top_1::after { content: '1'; line-height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 34px; height: 34px; border-radius: 50%; background: #FABE00; }
.table tbody td.top_2::after { content: '2'; line-height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 34px; height: 34px; border-radius: 50%; background: #FABE00; }
.table tbody td.top_3::after { content: '3'; line-height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 34px; height: 34px; border-radius: 50%; background: #FABE00; }

.table.bo_noti_tbl .notice_row { cursor: pointer; }
.table.bo_noti_tbl .notice_content { border-bottom: 0; }
.table.bo_noti_tbl .notice_content td { padding: 0; }
.table.bo_noti_tbl .notice_content td .td_hidden_cont { display:none; transition: all 0.3s ease; }
.table.bo_noti_tbl .notice_content td .td_hidden_cont .inner { padding: 15px; }
.table.bo_noti_tbl .notice_content td .td_hidden_cont.open { display:block; }

.nv_tt { padding: 10px 5px; border-bottom: 1px solid #d9d9d9; margin: 30px 0 10px; }
.nv_tt h3 { font-size: 20px; font-weight: 400; }
.nv_sub { margin-top: 5px; }
.nv_sub span { font-size: 13px; color: #ccc; margin-right: 10px; }
.nv_cont_inner { padding: 15px; }
.nv_list_link { text-align: center; margin: 20px auto; }
.nv_go_list { display: inline-block; padding: 12px 30px; border-radius: 20px; background: #ff6300; color: #FFF; font-size: 14px; text-align: center; }

.category { display: flex; flex-direction: row; justify-content: start; list-style: none; gap: 10px; }
.category li { display: inline; min-width: 150px; }
.item-games { position: relative; margin-top: 30px; min-height: 150px; display: flex; flex-direction: row; justify-content: start; align-items: stretch; user-select: none; }
.item-games li { position: relative; flex-basis: 20%; display: flex; flex-direction: column; justify-content: start; align-items: start; padding: 5px; overflow: hidden; cursor: pointer; }
.item-games li .img { position: relative; width: 100%; border-radius: 10px; background-position: center; background-size: cover; background-repeat: no-repeat; transition-property: all; transition-duration: 0.3s; }
.item-games li .img:after { content: ''; display: block; padding-bottom: 100%; }
.item-games li p { width: 100%; min-height: 50px; padding: 5px; font-weight: 100; text-align: center; }
.item-games li:hover .img { background-size: cover; box-shadow: inset 0 0 30px rgba(0,0,0,0.9); }
.item-games li:hover p { font-weight: 600; }

.append_more_btn { position: relative; text-align: center; margin: 20px 0; }
.append_more_btn button { padding: 10px 10px 10px 20px; color: #000; font-weight: bold; font-size: 18px; position: relative; }
.append_more_btn button::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-image: url("/images/icon/ico_plus_dark.png"); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; }

#game-modal {display: none;}
.game-frame { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); }
.game-frame .game-area { position: absolute; top: 50%; left: 50%; z-index: 1001; width:100%; 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-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; }

@media (min-width: 1024px){
  .game-frame .control .close { font-size: 20px; font-weight: 700; color: #ffffff; }
}
@media screen and (max-width:1024px) {
  #game-modal.pd_on .game-area #game_iframe { width:100%; padding:0 }
  #game-modal .game-area #game_iframe { height:calc(100vh - 35px); margin-top:-35px }
  #game-modal.pd_on .game-area ul.control { padding-bottom:0 }
}
/* iOS 강화 */
/* 기본 모바일 미디어쿼리 */
@media screen and (max-width: 1024px){
  #game-modal.pd_on .game-area #game_iframe { width: 100% !important; padding: 0 !important; }
  #game-modal .game-area #game_iframe { height: calc(100vh - 35px) !important; margin-top: -35px !important; }
  #game-modal.pd_on .game-area ul.control { padding-bottom: 0 !important; }
}

/* 아이폰 전용 (Safari + Chrome + 기타 브라우저) */
@media screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){
  #game-modal.pd_on .game-area #game_iframe { width: 100% !important; padding: 0 !important; }
  #game-modal .game-area #game_iframe { height: calc(100vh - 35px) !important; margin-top: -35px !important; }
  #game-modal.pd_on .game-area ul.control { padding-bottom: 0 !important; }
}

/* 터치 디바이스 추가 보강 */
@media screen and (max-width: 1024px) and (hover: none) and (pointer: coarse){
  #game-modal.pd_on .game-area #game_iframe { width: 100% !important; padding: 0 !important; }
  #game-modal .game-area #game_iframe { height: calc(100vh - 35px) !important; margin-top: -35px !important; }
  #game-modal.pd_on .game-area ul.control { padding-bottom: 0 !important; }
}
/** mobile slide menu **/
#slide-menu { position: fixed; width: 100vw; max-width: 640px; height: 100vh; top: 0; right: -100vw; padding: 30px 20px; background-color: #363636; z-index: 100; overflow-y: auto; color: white; transition: right 0.5s ease-in-out; /* 부드러운 전환 효과 */ }
#slide-menu .top { position: relative; width: 100%; display: flex; flex-direction: row; justify-content: center; margin-bottom: 25px; }
#slide-menu.active { right: 0; /* 활성화되면 오른쪽 0으로 이동 */ }
#slide-menu.closing { right: -100vw; /* 비활성화되면 다시 오른쪽으로 이동 */ }
#slide-menu .info { flex-direction: column; margin-bottom: 25px; }
#slide-menu .info li { flex-direction: column; width: 100%; padding: 20px 0; font-size: 20px; }
#slide-menu .info li.acc { padding: 0; }
#slide-menu .info li.acc a { display: block; position: relative; width: 100%; max-width: 300px; color: #ff6300; padding: 10px 0; margin: 0 auto 10px; font-size: 18px; border-radius: 25px; border: 1px solid #ff6300; }
#slide-menu .info li.acc a:before { content: ''; position: absolute; top: 50%; left: 2px; transform: translateY(-50%); background-repeat: no-repeat; background-size:contain; width: 35px; height: 35px; }
#slide-menu .info li.acc.coin a { padding-left: 50px }
#slide-menu .info li.acc.coin a:before { background-image: url("/images/icon/ill_m_gold.png"); }
#slide-menu .info li.acc.jewel a { padding-left: 50px }
#slide-menu .info li.acc.jewel a:before { background-image: url("/images/icon/ill_m_jewel.png"); }
#slide-menu .menu { flex-direction: column; margin-bottom: 50px; font-size: 18px; border-top: 2px solid #606060; padding-top: 20px; }
#slide-menu .menu li { width: 100%; padding: 18px 20px 12px; }
#slide-menu .menu li a { color: #fff !important; }
#slide-menu .info li.sl_menu_btn_grid { padding: 12px 0; }
#slide-menu .info li.sl_menu_btn_grid .btn-inline { width: 100%; max-width: 300px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 5px; }
#slide-menu .info li.sl_menu_btn_grid .btn-inline .btn { display: block; padding: unset; text-align: center; width: 100%; font-size: 16px; font-weight: 500; }

.friend_log_date_inp_wrap { display: flex; align-items:flex-end; column-gap: 5px; }
.chungjunso_iframe_wrap { width: 100%; overflow-x: auto; }
.chungjunso_iframe_wrap .chungjunso_iframe_inner { min-width: 980px; }

.main_start { }
.game_list { margin-bottom: 80px; }
.ms_tt_wrap { margin-bottom: 25px; position: relative; }
.ms_tt_wrap h3 { font-size: 24px; font-weight: 700; letter-spacing: -0.75px; }

.ms_game_slide_grid { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 20px; }
.ms_game_slide_item { display: flex; flex-direction: column; }
.ms_game_container .mgs_thumb { position: relative; overflow: hidden; display: block; width: 100%; margin-bottom: 15px; transition: all .2s; border-radius: 10px; box-shadow: 0 0 1px 0 white inset, 0 0 1px 0 white; }
.ms_game_container .mgs_thumb .mgs_thumb_wrap { display: block; position: relative }
.ms_game_container .mgs_thumb .mgs_thumb_wrap .mgs_thumb_inner { position: relative; width: 100%; padding-bottom: 100%; }
.ms_game_container .mgs_thumb .mgs_thumb_wrap .mgs_thumb_inner .thumb { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center }
.ms_game_container .mgs_thumb:hover .mgs_thumb_over { opacity: 1; }
.ms_game_container .mgs_thumb .mgs_thumb_wrap .img { width: 100%; height: 100%; }
.ms_game_container .mgs_thumb .mgs_thumb_wrap .img_sub { z-index: 1; position: absolute; bottom: 16px; left: 20px; display: block; width: 75px; height: 44px; }
.ms_game_container .mgs_thumb_over { z-index: 2; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; transition: all .2s; opacity: 0; text-align: center; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(to bottom, rgba(0, 0, 0, 0) 31%, #000000 73%); }
.ms_game_container .mgs_thumb_over .mgs_thumb_over_img_link { display: block; height: 88px; }
.ms_game_container .mgs_thumb_over .mgs_thumb_over_img_link img { display: inline-block; width: 150px; height: 88px; }
.ms_game_container .mgs_thumb_over .mgs_thumb_over_link { z-index: 2; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: 100%; font-size: 25px; font-weight: 600; color: #FFF; }
.ms_game_container .mgs_thumb_over .mgs_thumb_over_link span { font-size: 25px; }
.ms_game_container .mgs_thumb::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.ms_game_container .mgs_sub { position: relative; display: table; }
.ms_game_container .mgs_sub > a { display: block; }
.ms_game_container .mgs_sub .app_icon { overflow: hidden; display: table-cell; width: 44px; height: 44px; margin-right: 10px; vertical-align: top; }
.ms_game_container .mgs_sub .app_icon img { width: 100%; height: 100%; border-radius: 10px; }
.ms_game_container .mgs_sub .name_exp { display: table-cell; vertical-align: middle; padding-left: 1px; }
.ms_game_container .mgs_sub strong { margin-bottom: 7px; letter-spacing: -0.75px; color: #222222; font-size: 18px; font-weight: 500; }
.ms_game_container .mgs_sub p { text-decoration: none; letter-spacing: -0.75px; opacity: 0.4; color: #555555; font-size: 14px; font-style: normal; }

.gm_thumb_up_tag { position: absolute; top: 10px; left: 10px; z-index: 1; padding: 7px 15px; border-radius: 10px; background: #ff6300; color: #fff; font-size: 17px; font-weight: 600; }
.gm_thumb_up_tag.new { background: #FFC421; }
.gm_thumb_up_tag.best { background: #FF4718; }
.gm_thumb_up_tag.rpg { background: #29D8FF; }
.gm_thumb_up_tag em { font-style: normal; }


/* 상점 ~ */
.orderForm_start { width: 100%; background: #F5F5F5; padding-top: 70px; }
.orderForm_tt { width: 100%; margin: 0 auto 70px; }
.orderForm_tt h3 { font-size: 40px; text-align: center; }
.orderForm_tt h3 b { font-weight: 700; }
.gem_card_wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 75px; }
.gem_card_grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 40px; row-gap: 35px; }
.gem_card { position: relative; width: 100%; border-radius: 30px; padding: 18px 0 62px 0; }
.gem_card_inner { position: relative; overflow: hidden; width: 100%; }
.gc_tt { position: relative; margin-bottom: 10px; }
.gc_tt p { text-align: center; font-size: 20px; font-weight: 900; }
.gc_ill_wrap { width: 100%; max-width: 150px; margin: 0 auto; }
.gc_ill_wrap img { width: 100%; }
.gc_amount_wrap { width: 100%; max-width: 160px; margin: 0 auto; }
.gc_amount_inner { width: 100%; text-align: center; font-size: 22px; background: rgba(0, 0, 0, 0.4); border-radius: 25px; padding: 8px 0; }
.gc_amount_inner p { color: #FFF; }
.gc_amount_inner p b { font-weight: 700; }
.gem_price_wrap { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; border-radius: 0 0 30px 30px; padding: 10px 0; }
.gem_price_inner { position: relative; overflow: hidden; width: 100%; }
.gem_price_inner p { text-align: center; }
.gem_price_inner p span { font-size: 30px; font-weight: 900; color: #FFF; }
.gem_card_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; z-index: 20; border-radius: 30px; }
.gem_card:hover .gem_card_abs { opacity: 1; pointer-events: auto; }

.gem_card_abs_mask { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.gem_card_abs_link { display: flex; width: 130px; height: 90px; align-items: center; justify-content: space-between; flex-direction: column; }
.gem_card_abs_link img { width: 65px; }
.gem_card_abs_link_txt p { font-size: 22px; font-weight: 600; color: #FFF; }
.gem_card_abs_tag { position: absolute; top: 30px; left: -2px; z-index: 10; }
.gem_card_abs_tag_inner { padding: 12px 35px; border-radius: 0 24px 24px 0; background: #FFEC15; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); }
.gem_card_abs_tag_inner p { font-size: 20px; color: #480303; font-weight: 700; }

.orderForm_desc_start { width: 100%; background: #FFF; }
.orderForm_desc_inner { width: 100%; max-width: 1280px; margin: 0 auto; }
.orderForm_desc_tt { margin: 45px 0 35px 0; }
.orderForm_desc_tt h4 { font-size: 26px; font-weight: 400; }
.orderForm_desc_tt h4 b { font-weight: 600; }
.orderForm_desc_ul ul { flex-direction: column; align-content: flex-start; }
.orderForm_desc_ul ul li { margin-bottom: 7px; }
.orderForm_desc_ul ul li p { font-size: 20px; }
.orderForm_desc_ul ul li p em { color: #E9832B; font-style: normal; }

.pop_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; z-index: 999; }
.order_done_pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 335px; width: 90%; background: #fff; padding: 20px; border-radius: 12px; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); z-index: 1000; display: none; }
.or_d_tt h5 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.or_d_desc p { font-size: 14px; color: #333; margin-bottom: 20px; line-height: 1.5; }
.or_d_btn button { width: 100%; background: #FF6F00; color: white; border: none; padding: 12px 0; font-size: 16px; font-weight: bold; border-radius: 8px; cursor: pointer; }
.or_d_btn button:hover { background: #E65C00; }
/* 상점 ~ */


footer div { background: #FFF; display: block; height: unset; }
.foot_inner { display: flex; justify-content: space-between; width: 100%; max-width: 1280px; line-height: 2; margin: 0 auto; }
.foot_inner .col.game_info_img_wrap { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 5px; row-gap: 5px; }
.foot_info_img { width: 100%; display: block; text-align: right; }
.foot_info_img img { width: 350px; }

.passwd_inp_wrap { position: relative; width: 100%; max-width: 350px; }
:root { --show_pw_ico: url('/assets/images/ico_show_pass.svg'); --hide_pw_ico: url('/assets/images/ico_hide_pass.svg'); }
.show_pw_val { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); border: none; width: 30px; height: 30px; background-image: var(--show_pw_ico); background-repeat: no-repeat; background-size: contain; background-position: center center; }
.show_pw_val.hide { background-image: var(--hide_pw_ico); }
.exp_txt { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }

@keyframes moveUpDownScale {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-8px) scale(1.03); }
}
.ch_ani { animation: moveUpDownScale 1.5s infinite alternate ease-in-out; }


.top_noti { width: 100%; height: 60px; background: #000; }
.top_noti_inner { width: 100%; max-width: 1280px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.tn_desc_wrap a { display: flex; align-items: center; color: #FFF; }
.tn_desc_wrap a div { font-size: 18px; font-weight: 900 }
.tn_desc_wrap a div.right { font-size: 18px; font-weight: 900; color: #FFF }
.tn_close_wrap { display: flex; align-items: center; }
header.header .tn_close_wrap a { font-size: 15px; color: #d9d9d9; font-weight: 400 }
.tn_close_wrap a:first-child { margin-right: 20px; }

@media (orientation: portrait) {
  .game-frame .game-area { width: 100%; max-width: 100%; height: 100%; max-height: 100%; }
  .game-frame iframe { width: 100vw; height: calc(100vh - 50px); overflow: hidden; }
  .game-frame [data-method="close"] { position: fixed; bottom: 0; right: 0; top: unset; z-index: 2; cursor: help; background-color: black; }
}

/* 홀덤 아바타 */

.hc_mid_area { letter-spacing: -0.5px; min-width: 1280px; }
.hc_mid_wrap { display: grid; grid-template-columns: auto 885px; column-gap: 30px; }
.hc_mid_wrap .right { }
.hc_mid_wrap .right .hcm_r_inner { }
.hcm_l_inner { }
.hcm_l_inner h4 { font-size: 26px; font-weight: 700; margin-bottom: 15px; }
.hcm_l_card_wrap { }
.hcm_card { height: 200px; padding: 0 10px; border: 1px solid; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; }
.hcm_card_inner { display: flex; justify-content: center; align-items: center; }
.hcm_card_inner .left { }
.hcm_card_inner .left .ttone { font-size: 22px; font-weight: 700; margin-bottom: 15px; }
.hcm_card_inner .left .ttone .sp { color: #E25757 }
.hcm_card_inner .left .ttone .ap { color: #F3BC06 }
.hcm_card_inner .left p { font-size: 16px; }
.hcm_card_inner .right { width: 140px; }
.hcm_card_r_in img { width: 100%; }

.hcm_r_inner h4 { font-size: 26px; font-weight: 700; margin-bottom: 15px; }
.hcm_ava_sw_wrap { position: relative; width: 100%; padding: 30px; border: 1px solid; height: 416px; display: flex; align-items: center; justify-content: center; }
.hcm_ava_sw_start.swiper-container { width: 100%; overflow: hidden; }
.hcm_ava_sw_start .swiper-wrapper { justify-content: unset; }
.hcm_ava_sw_start .swiper-slide { width: unset }
.ava_item_wrap { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 10px; }


.hcm_sw_pg_btn.pc { width: 16px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 30; transition: opacity 0.3s ease; }
.hcm_sw_pg_btn.pc.pre { left: 5px; opacity: 0.4; pointer-events: none; }
.hcm_sw_pg_btn.pc.pre.visible { opacity: 1; pointer-events: auto; }
.hcm_sw_pg_btn.pc.invisible { opacity: 0.1; pointer-events: none; }
.hcm_sw_pg_btn.pc.next { right: 5px; }
.hcm_sw_pg_btn.pc:hover { }
.hcm_sw_pg_btn.pc::after { content: ''; position: absolute; background-image: url("/images/spb_btn_pre.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.hcm_sw_pg_btn.pc.pre::after { background-image: url("/images/spb_btn_pre.svg"); left: 50%; }
.hcm_sw_pg_btn.pc.next::after { background-image: url("/images/spb_btn_next.svg"); left: 50%; }


.hcm_sw_pg_btn.mobile { width: 50px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 30; transition: opacity 0.3s ease; }
.hcm_sw_pg_btn.mobile.pre { left: 5px; opacity: 0; pointer-events: none; }
.hcm_sw_pg_btn.mobile.pre.visible { opacity: 1; pointer-events: auto; }
.hcm_sw_pg_btn.mobile.invisible { opacity: 0; pointer-events: none; }
.hcm_sw_pg_btn.mobile.next { right: 5px; }
.hcm_sw_pg_btn.mobile:hover { }
.hcm_sw_pg_btn.mobile::after { content: ''; position: absolute; background-image: url("/images/icon/ico_pre_white.png"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.hcm_sw_pg_btn.mobile.pre::after { background-image: url("/images/icon/ico_pre_white.png"); left: 50%; }
.hcm_sw_pg_btn.mobile.next::after { background-image: url("/images/icon/ico_next_white.png"); left: 50%; }


.ava_item { position: relative; border: 1px solid #D9D9D9; width: 100% }
.ava_img_wrap { position: relative; overflow: hidden; }
.ava_img_inner { padding-bottom: 130%; position: relative; overflow: hidden; }
.ava_img_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center }
.ava_sub { position: relative; padding: 15px; }
.ava_sub_tt p { font-size: 20px; font-weight: 500; margin-bottom: 5px; }
.ava_sub_amount img { width: 20px; height: 20px; margin-right: 2px; }
.ava_sub_amount strong { font-size: 18px; font-weight: 700 }
.ava_pay_btn_wrap { padding: 10px; }
.ava_pay_btn_wrap a { display: block; background: #000; padding: 5px; width: 100%; font-size: 18px; font-weight: 700; color: #FFF; text-align: center; border-radius: 5px; }

.hcb_noti_area { margin-top: 50px; }
.hcb_noti_inner { position: relative; padding: 10px 0; border-top: 1px solid; }
.hcb_noti_row { display: grid; grid-template-columns: 200px auto 100px; row-gap: 5px; font-size: 18px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; }
.hcb_noti_row .tt p a { font-size: 18px; color: #000; }
.hcb_noti_row .regdt { font-size: 16px; }
.hcb_noti_content { padding: 10px 0 20px; font-size: 16px; line-height: 1.6; border-bottom: 1px solid #eeeeee; margin-bottom: 15px; }

.hcb_noti_more { display: inline-block; position: absolute; right: 15px; top: -25px; }
.hcb_noti_more a { position: relative; display: inline-block; font-size: 13px; color: #333333; }
.hcb_noti_more a::after { content: '▶'; font-size: 13px; color: #333333; margin-left: 3px; }
/* 홀덤 아바타 */



/* media screen */
.pc { display: block; }
.mobile { display: none; }

.foot_bn_wrap { width: 100%; height: 190px; display: flex; justify-content: center; align-items: center; overflow: hidden; margin: 60px 0; }
.foot_bn_bg { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.foot_bn_thumb_wrap { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden; }
.foot_bn_thumb_wrap .thumb { width: 100%; height: 190px; background-position: center center; background-size: cover; background-repeat: no-repeat; max-height: 190px; }

.rnk_tab_wrap { background: #FFF; border-radius: 10px; border: 1px solid #FF4E4F; padding: 40px 48px 20px 48px; margin-top: 38px; margin-bottom: 20px; }
.rnk_tab_start { display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 40px; }
.rnk_tab .rnk_tab_lnk { display: block; padding: 12px 0; text-align: center; background: #F5F6F8; border: 1px solid #F5F6F8; color: #888888; font-size: 24px; }
.rnk_tab .rnk_tab_lnk.active { border-color: #FF4E4F; background: #FFF; color: #FF4E4F; font-weight: bold }
.rnk_sel_wrap { width: 100%; max-width: 220px; margin: 0 auto 20px; display: grid; grid-template-columns: 125px 80px; align-items: center; column-gap: 15px; }
.rnk_sel_wrap select { border: none; outline: none; font-size: 24px; border-bottom: 1px solid; padding: 0 15px 5px; }
.rnk_noti { text-align: center; font-size: 14px; color: #888888; }

.rnk_top_wrap { background: #FFF; padding: 25px 40px 40px 40px; border-radius: 10px; margin-bottom: 20px; }
.rnk_top_tt p { text-align: center; font-size: 40px; font-weight: bold; margin-bottom: 35px; }
.rnk_top_grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; align-items: start; }
.rnk_top_col { border-radius: 30px; background: #F5F6F8; }
.rnk_top_col.rank_1 { background: #FABE00; }
.rnk_top_col.rank_2 { margin-top: 10px; }
.rnk_top_col.rank_3 { margin-top: 20px; }
.rnk_top_col_bg { position: relative; }
.rnk_top_col_bg_inner { position: relative; width: 100%; padding-bottom: 76.8%; border-radius: 30px 30px 0 0; background: #FFF; border: 2px solid #F5F6F8; }
.rnk_top_col.rank_1 .rnk_top_col_bg_inner { border-color: #FABE00; }
.rnk_top_col_bg_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 65% 70%; background-position: center }
.rnk_top_col_info { display: flex; justify-content: center; align-items: flex-end; padding: 17px; column-gap: 10px; }
.rnk_top_col_info .lb em { font-size: 15px; color: #FF4E4F; font-weight: bold; font-style: normal; }
.rnk_top_col_info .nick em { font-size: 20px; color: #000; font-weight: bold; font-style: normal; }
.rnk_top_col.rank_2 .rnk_top_col_info .lb em { color:#83979F }
.rnk_top_col.rank_3 .rnk_top_col_info .lb em { color:#FE9C2D }

.desc h2.unreg_h2 { margin-bottom: 20px; }
.unreg_chk_wrap label {font-weight: 400;font-size: 16px;line-height: 24px;cursor: pointer; }
.desc .unreg_chk_wrap {display: flex;gap: 8px;margin-bottom: 12px; }
.go_unreg_wrap { border-top: 2px solid #EFEFEF; padding: 40px 0 120px; }



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



.lsr_client_gu_pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
.lsr_client_gu_dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.lsr_client_gu_pop_wrap { position: absolute; top: 50%; left: 50%; width: 85%; max-width: 350px; background: #fff; transform: translate(-50%, -50%); border-radius: 8px; overflow: hidden; padding: 20px; text-align: center; max-height: 95vh; overflow-y: auto; }
.lsr_client_gu_img_wrap img { max-width: 100%; height: auto; }
.lsr_client_gu_btn_wrap { margin-top: 15px; }
.lsr_client_gu_btn_wrap button { margin: 5px; padding: 10px 20px; cursor: pointer; border-radius: 5px; color: #FFF; font-weight: bold; }
.lsr_client_gu_btn_wrap #lsr_close_btn { background: #262626 }
.lsr_client_gu_btn_wrap #lsr_hide_until_tomorrow { background: #390404 }


.empty_s_list {text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;display: block;font-size: 16px; }

.top_bn_thumb_inner { position: relative; padding-bottom: 45.2%; }

.top_bn_thumb_inner .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }

.top_bn_thumb_inner .thumb::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent); pointer-events: none; }

.spw-table-wrap { display: flex; align-items: flex-end; justify-content: flex-end; }
.spw-table { width: 100%; max-width: 400px; min-width: 300px; border-collapse: collapse; table-layout: fixed; word-wrap: break-word; background-color: #a30000; border: 3px solid #ff6000; }

.spw-table th,
.spw-table td { border: 3px solid #ff6000; padding: 2px 0; text-align: center; font-size: 10px; color: #FFF; white-space: nowrap; }

.spw-header { font-weight: bold; }

.spw-cell { }

header.on_sticky .current_lang_btn::after { border-color: #000; }
header.dark .current_lang_btn::after { border-color: #000; }
.lang_select_wrap { position: relative; display: inline-block; }

.header nav div ul li .current_lang_btn { background: none; border: none; cursor: pointer; display: flex; align-items: center; padding: 5px 25px 5px 5px; position: relative; outline: none; filter: unset; }

.current_lang_btn img { width: 30px; height: auto; border-radius: 50%; display: block; border: 1px solid #bbbbbb; }
.current_lang_btn .no_flag { font-size: 12px; font-weight: bold; color: #fff; }

.current_lang_btn::after { content: ''; position: absolute; right: 8px; top: 50%; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-70%) rotate(45deg); transition: all 0.3s ease; }

.current_lang_btn.on::after { transform: translateY(-30%) rotate(-135deg); }

.lang_popup_layer { position: absolute; top: 110%; right: 0; background: #FFF; border: 1px solid #7d7d7d; border-radius: 4px; display: none; z-index: 999; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }

.lang_popup_layer .lang_popup_layer_inner { padding: 5px 0; margin: 0; list-style: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.lang_popup_layer .lang_popup_layer_inner .lang_popup_layer_row { padding: 5px 15px; }
.lang_popup_layer .lang_popup_layer_inner .lang_popup_layer_row button { transition: background 0.2s; border-radius: 50%; border: 1px solid #bbbbbb; overflow: hidden; filter: unset; }

.lang_popup_layer .lang_popup_layer_inner .lang_popup_layer_row button img { width: 25px; display: block; }


@media screen and (max-width: 1940px) {
  .background { background-size: cover !important; }
}

.hd_nav_pc { display: block; }
.hd_nav_mo { display: none; }

@media screen and (max-width: 1200px) {
  .hd_nav_pc { display: none; }
  .hd_nav_mo { display: block; }
}

@media screen and (max-width: 1200px){
  .current_lang_btn::after { border-color: #000; }
  .header nav div ul li .current_lang_btn { padding: 0 20px 0 5px; }
  .current_lang_btn img { width: 25px; }
  .lang_popup_layer .lang_popup_layer_inner .lang_popup_layer_row button img { width: 20px; }
  .lang_popup_layer .lang_popup_layer_inner .lang_popup_layer_row { padding: 5px 12px; }
  .current_lang_btn::after { width: 4px; height: 4px; }
  header.on_sticky nav { padding: 24px 20px; }
  .hcb_noti_more { right: 8px; top: -20px; }
  .header.in_tn+main { padding-top: 70px }
  .hc_mid_area { min-width: 310px; }
  .hc_mid_wrap { display: flex; flex-direction: column; }
  .hcm_ava_sw_wrap { height: unset; border: none; padding: 10px; }
  .ava_img_inner { width: 130px; }
  .hc_mid_wrap .right .hcm_r_inner { padding: 0 10px; }
  .hcm_r_inner h4,.hcm_l_inner h4 { margin-top: 30px; text-align: center; }
  .hcm_l_card_wrap { padding: 0 10px; }
  .hcm_card { max-width: 800px; margin: 0 auto 15px; height: 150px; }
  .hcm_card_inner .right { width: 110px; }
  .hcb_noti_row { grid-template-columns: 1fr; row-gap: 5px; }
  .hcb_noti_row > div > strong { font-size: 14px; font-weight: 400; }

  .hcb_noti_inner { padding: 10px 15px; border-bottom: 1px solid; }
  .hcb_noti_row .tt p a { font-size: 16px; font-weight: 600 }
  .hcm_card_inner .left p { font-size: 13px; }
  .hcb_noti_row .regdt { font-size: 12px; }
  .ava_sub_tt p { font-size: 16px; }

  .pc { display: none; }
  .mobile { display: block; }
  .header+main { padding-top: 70px; }
  .header+main.in_tn { padding-top: 70px }
  header .logo { width: 146.4px; height: 18px; }
  header.dark .logo { background-image: url("/images/logo/logo_yell.png") }
  header .logo { background-image: url("/images/logo/logo_yell.png") }
  .header.opc { background: #FFF }
  .header.opc .logo { background-image: url("/images/logo/logo_yell.png") }

  #slide-menu .top a.logo { background-image: url("/images/logo/logo_yell.png") }

  .header nav div ul li button { filter: invert(0%); }
  header nav { padding: 24px 20px; }
  header { position: fixed; }
  .top-game { margin-top: 30px }
  .ms_tt_wrap { margin-bottom: 12px; }
  .ms_game_slide_grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 5px; row-gap: 10px }
  header, header.in_tn, header.dark { height: 70px; background: #FFF }
  .banner { padding-top: 70px; }
  .banner.in_main { padding-top: 0; }
  .banner .bnt-wrap { margin-top: -30px; position: relative; }
  .banner .bnt-wrap > ul > li { margin-bottom: 50px; }
  .banner .banner-inner .slide { height: unset; }
  .main_bn_wrap_mo .background.mobile { position: absolute; width: 100%; height: 100%; background-color: #000; background-size: cover; background-position: center; background-repeat: no-repeat; }
  .sec-box.slideCard_in { padding: 0 20px; }
  .main_bn_wrap_mo .background.mobile::after { content: ""; position: absolute; bottom: -80px; left: 0; width: 100%; height: 80px; pointer-events: none; }

  .cli_botSec { width: 100%; min-width: unset; }
  .cli_botSecInner { display: grid; grid-template-columns: 1fr; row-gap: 20px; }
  .cli_btn_wrap { margin-top: -40px; margin-bottom: 10px; }
  .cli_btn_wrap button { width: 80%; max-width: 320px; }
  .cli_bot_bn_thumb_inner { padding-bottom: 64%; }

  .orderForm_start { padding-top: 30px; }
  .orderForm_tt { margin: 0 auto 30px; }
  .orderForm_tt h3 { font-size: 25px; text-align: center; }
  .gem_card_grid { grid-template-columns: repeat(1, 1fr); row-gap: 20px; }

  .gem_card_wrap { width: 100%; max-width: 450px; margin: 0 auto; padding-bottom: 75px; }
  .orderForm_desc_inner { padding: 0 20px; }
  .orderForm_desc_tt { margin: 30px 0 20px 0; }
  .orderForm_desc_tt h4 { font-size: 20px; }
  .orderForm_desc_ul ul li p { font-size: 16px; }
  .mp_mf_grid { grid-template-columns: 1fr; row-gap: 10px; max-width: 420px; margin: 0 auto 30px; }
  .mp_mf_grid .item_col .left { width: 40px; }
  .mp_mf_grid .item_col .right .onup p { font-size: 16px; }
  .mp_mf_grid .item_col .right .bott { font-size: 18px; }
  .mp_mf_grid .item_col { padding: 12px; }
  .section.mp_info .mp_info_hh { max-width: 420px; margin: 20px auto 12px; }
  .input-label-form { max-width: 420px; margin: 0 auto; }
  .table thead th, .table tbody td { padding: 12px 0; font-size: 14px; }
  [data-type="rank_1"],[data-type="rank_2"],[data-type="rank_3"] { background-size: 20px 20px; }
  .section.mypage_sec { margin-top: 30px; }
  .section.mypage_sec .mp_tab { margin-top: 20px; }
  .section.mypage_sec h1 { display: none; }
  .section .mp_tab a { padding: 10px 0; font-size: 13px; }
  .section.mp_info .mp_info_hh { margin-top: 20px; font-size: 16px; }
  .mp_inp_flx label { font-size: 13px; }
  .mp_inp_flx input { font-size: 13px; }
  .mp_inp_flx { grid-template-columns: 100px auto; }
  .mp_inf_btn_wrap { margin-top: 30px; column-gap: 12px; }
  .mp_inf_btn_wrap .un_reg { width: 130px; padding: 12px 0; font-size: 14px; }
  .mp_inf_btn_wrap .save_mp { width: 130px; padding: 12px 0; font-size: 14px; }
  .mp_mf_sch_fil_wrap { grid-template-columns: 35% 8px 35% auto; column-gap: 3px; max-width: 420px; margin: 0 auto 15px; }
  .mp_mf_sch_inp_wrap input[type="date"] { font-size: 13px; padding-right: 25px; background-size: 15px 15px; padding-left: 10px; }
  .mp_mf_sch_inp_wrap { padding: 10px 3px; }
  .mp_mf_sch_fil_wrap .sch_btn { position: relative; margin-left: 2px; border-radius: 5px; width: 100%; display: block; height: 40px; }
  .mp_mf_sch_fil_wrap .sch_btn >span { display: none; }
  .mp_mf_sch_fil_wrap .sch_btn:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25px; height: 25px; background-image: url(/images/icon/ico_sch_wh.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
  .mp_def_tbl_area { padding: 20px; max-width: 768px; margin: 0 auto; }
  .mp_def_tbl_area .trr p { font-size: 13px; }

  .header.in_tn+main.ranking { padding-top: 75px; }
  .rnk_tab_wrap { margin-top: 20px; }
}


@media screen and (max-width: 990px) {
  .section { padding: 0 20px; }
  header nav div ul:first-child li:first-child { margin-right: 20px; }
  header nav div ul li:not(:first-child) { margin-left: 15px; }
  .foot_inner .col.game_info_img_wrap { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 5px; row-gap: 5px; }
}

@media screen and (max-width: 768px) {
  .rnk_top_col_bg_inner .thumb { background-size: 75% 80%; }
  .rnk_top_col { border-radius: 10px; }
  .rnk_top_col_bg_inner { border-radius: 10px 10px 0 0; }
  .rnk_top_wrap { padding: 15px 20px 20px 20px; }
  .rnk_top_grid { column-gap: 5px; }
  .rnk_top_col_info { padding: 10px 0; flex-direction: column; align-items: center }
  .rnk_top_col_info .lb em { font-size: 12px; }
  .rnk_top_col_info .nick em { font-size: 14px; }
  .rnk_top_tt p { font-size: 20px; margin-bottom: 12px; }
  .rnk_noti { font-size: 12px; word-break: keep-all; }
  .rnk_sel_wrap { max-width: 190px; grid-template-columns: auto 70px; column-gap: 10px; }
  .rnk_sel_wrap select { font-size: 15px; padding: 0 12px 5px; }
  .rnk_tab_start { margin-bottom: 20px; }
  .rnk_tab .rnk_tab_lnk { font-size: 18px; padding: 10px 0; }
  .rnk_tab_wrap { padding: 20px 25px 15px 25px; }
  .table thead th.idx { width: 15%; }
  .table thead th.nick { width: unset; }
  .table thead th.score { width: 30%; }
  .table.rnk_tbl thead th.idx { width: 15%; min-width: 65px; }
  .table.rnk_tbl thead th.nick { width: unset; }
  .table.rnk_tbl thead th.score { width: 25%; min-width: 95px; }
  .table thead th.dt { width: 15%; min-width: 85px; }
  .table thead th.cont { width: unset; }
  .table thead th.val { width: 30%; min-width: 95px; }
  .table thead th.val.jw { width: 20%; min-width: 90px; }

  .bo_noti_tbl_area { margin-top: 20px; padding: 10px 20px 50px 20px; }
  .table.bo_noti_tbl thead th.no { width: 10%; min-width: 60px; }
  .table.bo_noti_tbl thead th.cont { width: unset; }
  .table.bo_noti_tbl thead th.dt { width: 20%; min-width: 95px; }

  .table.bo_noti_tbl tbody tr.notice_row td { word-break: keep-all; font-size: 12px; }

  .table tbody tr td.td_cont { word-break: keep-all; }

  .mp_def_tbl_area .trr p {font-size: 12px; }
  .mp_mf_sch_inp_wrap input[type="date"] { padding-left: 2px; background: url(/images/icon/ico_inp_date.png) no-repeat right 3px center; background-size: 15px 15px; }
  .section > h2 { padding: 10px 0; }
  .ms_game_container .mgs_thumb {margin-bottom: 7px; }
  .ms_game_container .mgs_sub strong {font-size: 14px; }


  .spw-table th,
  .spw-table td { font-size: 8px; }
}

@media screen and (max-width: 576px) {
  .table tbody td.top_1::after { width: 28px; height: 28px; line-height: 28px; }
  .table tbody td.top_2::after { width: 28px; height: 28px; line-height: 28px; }
  .table tbody td.top_3::after { width: 28px; height: 28px; line-height: 28px; }

  .table.mp_cj_tbl thead th, .table.mp_cj_tbl tbody td, .table.bo_noti_tbl thead th { padding: 9px 0; font-size: 12px; }
  .rnk_noti { font-size: 11px; letter-spacing: -0.5px; }
  .cli_mid_bn_wrap.mobile { margin-bottom: 0; }
  .cli_btn_wrap button { min-width: 260px; }
  .cli_btn_wrap { margin-top: -40px; }
  .hcm_card_inner .right { width: 90px; }
  .hcm_card_inner .left .ttone { font-size: 18px; }
  .pc { display: none; }
  .mobile { display: block; }

  .contant-box { flex-wrap: wrap; gap: 2%; height: unset; }

  .event-banner { width: 100%; }
  .event-banner > a { height: calc((100vw - 40px) * 0.7619047); }

  .game-banner { width: 49%; }
  .game-banner > a { height: calc((50vw - 40px) * 1.1267606); }

  .section { padding: 0 20px; }
  .section > h1 { margin-top: 50px; font-size: 3.2rem; font-weight: 900; text-align: center; letter-spacing: -3px; }
  .section > img { width: 100%; }
  .section .menu { gap: 10px; }
  .section .menu a { min-width: unset; padding: 15px 25px; text-align: center; background-color: #EFEEEE; border-radius: 25px; font-size: 1.5rem; letter-spacing: -2px; }

  .flex-row.flex-2 > li { flex-basis: 100%; }
  .flex-row.flex-3 > li { flex-basis: 100%; }
  .flex-row.flex-4 > li { flex-basis: 100%; }
  .flex-row.flex-5 > li { flex-basis: 100%; }

  .form .input-label-form input { max-width: 100%; margin-bottom: 3px; }
  .form .input-label-form button { width: 100%; max-width: 100% !important; }
  .passwd_inp_wrap { position: relative; width: 100%; max-width: 100%; }
  .form-search { position: relative; width: 100%; }
  .form-search input[type="text"] { width: 100%; }

  .item-games li { flex-basis: 50%; }
  .item-games li p { font-weight: 400; }

  .friend_log_date_inp_wrap { display: flex; flex-wrap: wrap; }
  .friend_log_date_inp_wrap input[type="date"] { width: 49%; }
  .friend_log_date_inp_wrap button.btn.btn-inline { width: 100%; margin-top: 5px; }
  .gc_ill_wrap { max-width: 120px; }

  .banner-bg p { background-position: -1080px !important; }
  .banner .bnt-wrap ul li a { background-position: center !important; }
  .banner .bnt-wrap ul li div { margin-left: 50px; }
  .top-game .event-banner>a { background-size: cover !important; }
  .foot_inner { flex-direction: column; }
  .foot_info_img { text-align: center; margin-bottom: 10px; }
  .foot_info_img img { width: 90%; }
  .btn { height: 40px; line-height: 40px; }

  .category { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; align-items: center; row-gap: 10px; }


  .spw-table-wrap { display: flex; justify-content: center; padding: 0 20px; }

  .spw-table th,
  .spw-table td { border: 1px solid #FF6200; padding: 2px 0; text-align: center; font-size: 8px; color: #FFF; white-space: nowrap; }
}

@media screen and (max-width: 500px) {
  .rnk_tab_start { margin-bottom: 12px; }
  .rnk_tab_wrap { padding: 12px 15px 12px 15px; }
  .rnk_tab .rnk_tab_lnk { font-size: 14px; padding: 8px 0; }
  .bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over_tag { top: 15px; left: 15px; padding: 7px 15px; font-size: 13px; }
  .bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over .bi { font-size: 16px; }
  .bnn_recom_game_wrap.mobile .bnn_re_item_inner { width: 180px; padding-bottom: 134.3%; height: unset; }
  .bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over { top: 32%; }
  .bnn_recom_game_wrap.mobile .bnn_re_item_inner .tt_over .sub { font-size: 13px; }

  .table.bo_noti_tbl thead th.no { width: 5%; min-width: 45px; }
  .table.bo_noti_tbl thead th.cont { width: unset; }
  .table.bo_noti_tbl thead th.dt { width: 10%; min-width: 75px; }
  .bo_noti_tbl_area { margin-top: 20px; padding: 10px 0 50px 0; }
}

@media screen and (max-width: 480px) {
  .section { padding: 0 15px; }
  .gem_card_wrap { padding-left: 10px; padding-right: 10px; padding-bottom: 40px; }
  .gem_price_inner p span { font-size: 20px; font-weight: 900; color: #FFF; }
  .gem_card { position: relative; width: 100%; border-radius: 30px; padding: 18px 0 52px 0; }
}

@media screen and (max-width: 380px) {
  .mp_mf_sch_fil_wrap { grid-template-columns: 40% 8px 40% auto; }
}


.sup_section { max-width: 700px; margin: 40px auto; padding: 30px 20px; background-color: #f9f9f9; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; }
.sup_title { font-size: 24px; font-weight: 700; margin-bottom: 20px; border-bottom: 2px solid #ffa500; padding-bottom: 10px; }
.sup_description { font-size: 16px; line-height: 1.6; margin-bottom: 30px; }
.sup_subtitle { font-size: 18px; margin-bottom: 10px; color: #222; }
.sup_email_wrap { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; word-break: break-word; }
#sup_email { font-weight: bold; color: #444; font-size: 16px; }
.sup_btn { padding: 8px 16px; font-size: 14px; border-radius: 6px; border: none; cursor: pointer; transition: background 0.2s; white-space: nowrap; }
.sup_btn_copy { background-color: #eee; color: #333; }
.sup_btn_copy:hover { background-color: #ddd; }
.sup_btn_send { background-color: #ff7a00; color: white; text-decoration: none; }
.sup_btn_send:hover { background-color: #e06700; }
.sup_hours { margin-top: 30px; font-size: 15px; line-height: 1.6; }

@media (max-width: 600px) {
  .sup_section { padding: 20px 15px; max-width: 90%; margin: 0 auto; }
  .sup_title { font-size: 20px; }
  .sup_subtitle { font-size: 16px; }
  .sup_description,
  .sup_hours { font-size: 14px; }
  .sup_email_wrap { flex-direction: column; align-items: flex-start; }
  .sup_btn { width: 100%; font-size: 15px; padding: 10px; }
  #sup_email { font-size: 15px; margin-bottom: 5px; }
}


.main_jl_pop{display:none; position:absolute; top:-80%; left:5%; width:540px; background:#fff; padding:12px; border-radius: 5px; box-shadow:0 0 10px #000; z-index:1000;}
.main_jl_pop_mo{display:none; position:fixed; top:10%; left:5%; width:90%; background:#fff; padding:12px; border-radius: 5px; box-shadow:0 0 10px #000; z-index:1000;}
.main_jl_pop_btn_wrap{display: flex; justify-content: flex-end; align-items: center; column-gap: 10px;}
.main_jl_pop_mo .main_jl_pop_btn_wrap{margin-bottom: 5px;}
.main_jl_pop_btn_wrap button{font-size: 15px;}
.main_jl_pop_btn_wrap button.main_jl_pop_close_btn{ color: #ff7a00; }
.main_jl_pop h2{font-size: 16px; font-weight: bold; margin-bottom: 3px;}