@charset "UTF-8";:root { font-family: 'Pretendard', "Apple SD Gothic Neo", Sans-serif, -apple-system, serif; }
/****************************** common.css ******************************/
* { 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_hd_brown.png'); background-size: contain; background-position: center; background-repeat: no-repeat; }
header.dark .logo { background-image: url('/images/logo/logo_hd_brown.png'); }
header.opc .logo { background-image: url('/images/logo/logo_hd_white.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_hd_brown.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 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; background: #ff6300; 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: 0px 4px 4px 0px #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: -60px; margin-bottom: 100px; 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: 0px; 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: 0px; }
.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 0px 20px 10px rgba(0,0,0,0.12), inset 0px -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: top; }
.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-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: 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: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-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; }


/** 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 0px white inset, 0 0 1px 0px 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: 120%; }
.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: 80px; 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: 0px 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; 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;font-size: 16px;line-height: 1.6;}

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

@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){
	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_hd_brown.png") }
	header .logo { background-image: url("/images/logo/logo_hd_brown.png") }
	.header.opc { background: #FFF }
	.header.opc .logo { background-image: url("/images/logo/logo_hd_brown.png") }

	#slide-menu .top a.logo { background-image: url("/images/logo/logo_hd_white.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;
	}
}

@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%; }

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

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