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

.lnd_header { background-color: #2D1158; z-index: 1000; position: fixed; top: 0; left: 0; width: 100%; }
.lnd_header_inner { width: 100%; max-width: 1920px; margin: 0 auto; padding: 15px 40px; display: flex; align-items: center; justify-content: space-between; }
.lnd_logo a { display: block; width: 100px; }
.lnd_logo a img { width: 100%; }
.lnd_nav { display: flex; align-items: center; column-gap: 10px; }
.lnd_nav > .lnd_nav_link { height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; color: #FFF; padding: 0 20px; border-radius: 40px; }
.lnd_nav > .lnd_nav_link.lnd_btn_login { background: linear-gradient(180deg, #FF26B7 0%, #BD0084 100%); }
.lnd_nav > .lnd_nav_link.lnd_btn_register { background: linear-gradient(180deg, #FF9D02 0%, #FE5100 100%); }
.lnd_lang_selector { height: 42px; position: relative; cursor: pointer; padding: 5px 30px 5px 5px; background-color: #500369; border-radius: 40px; display: flex; align-items: center; }
.lnd_lang_curr img { width: 32px; height: 32px; border-radius: 50%; }
.lnd_lang_selector::after { content: ""; position: absolute; right: 12px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-60%) rotate(45deg); transition: transform 0.2s ease-in-out; pointer-events: none; }
.lnd_lang_selector.on::after { transform: translateY(-40%) rotate(-135deg); }
.lnd_lang_selector_layer { position: absolute; z-index: 10; top: 45px; left: 0; display: grid; grid-template-columns: 1fr; row-gap: 5px; padding: 5px; border-radius: 15px; background-color: #500369; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(-5px); transition: max-height 0.25s ease, opacity 0.25s ease, transform 0.25s ease; }
.lnd_lang_selector.on .lnd_lang_selector_layer { max-height: 300px; opacity: 1; transform: translateY(0); }
.lnd_lang_selector_layer_item { width: 30px; height: 30px; }
.lnd_lang_selector_layer_item button { width: 100%; height: 100%; }
.lnd_lang_selector_layer_item button img { width: 100%; border-radius: 50%; }

.lnd_main { padding-top: 90px; }
.lnd_hero { width: 100%; max-width: 1400px; padding: 0 25px; margin: 0 auto 60px; display: grid; grid-template-columns: 45% 55%; align-items: center; }
.lnd_hero_content { text-align: center; }
.lnd_hero_content_ill { margin-bottom: 12px; }
.lnd_hero_content_ill img { width: 100%; }
.lnd_btn_signup { font-size: 45px; font-weight: bold; color: #FFF; padding: 10px 70px; border-radius: 70px; background: linear-gradient(90deg, #FF6C11 0%, #FF4400 100%); }
.lnd_hero_image img { width:100%; }

.lnd-mw-1100 { width: 100%; max-width: 1150px; padding: 0 25px; margin: 0 auto; }
.lnd_section_perks.lnd-mw-1100 { margin-bottom: 40px; }
.lnd_section_games { margin-bottom: 120px; }
.lnd_section_title { font-size: 40px; color: #FFF; font-weight: bold; margin-bottom: 40px; text-align: center; }
.lazy-bg { opacity: 0; transition: opacity 0.5s ease-in-out; background-size: cover; background-position: center; background-repeat: no-repeat; }
.lazy-bg.lazy-loaded { opacity: 1; }
.lnd_g_slider { margin-bottom: 40px; }
.lnd_g_slider_grid { width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.lnd_g_g_col { overflow: hidden; border-radius: 10px; position:relative; width:100%; padding-bottom:100%; }
.lnd_g_g_col_thumb { position:absolute; top: 0; left: 0; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition: transform .3s ease, opacity 0.5s ease-in-out; }
.lnd_btn_all_games { text-align: center; }
.lnd_btn_all_games button { font-size: 20px; color: #FFF; font-weight: bold; padding: 10px 35px; border-radius: 40px; border: 2px solid transparent; background: linear-gradient(#1E0B3B, #1E0B3B) padding-box, linear-gradient(90deg, #FBBF00 0%, #E30300 100%) border-box; }
.lnd_section_free { margin-bottom: 120px; }
.lnd_free_inner { display: grid; grid-template-columns: 1fr 2fr; column-gap: 60px; align-items: center; padding: 20px 50px 20px 80px; border-radius: 20px; border: 2px solid transparent; background: linear-gradient(#1E0B3B, #1E0B3B) padding-box, linear-gradient(90deg, #FBBF00 0%, #E30300 100%) border-box; }
.lnd_free_ill img { width: 100%; }
.lnd_free_text h3 { font-size: 36px; color: #FFF; font-weight: bold; margin-bottom: 15px; }
.lnd_free_text p { font-size: 22px; font-weight: 300; color: #FFF; line-height: 25px; }
.lnd_free_text p:nth-child(2) { margin-bottom: 5px; }
.lnd_btn_join_free { margin-top: 20px; }
.lnd_btn_join_free button { background: linear-gradient(90deg, #FF6C11 0%, #FF4400 100%); color: #FFF; font-weight: bold; font-size: 30px; border-radius: 35px; padding: 10px 30px; }
.lnd_section_perks { margin-bottom: 120px; }
.lnd_perks_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lnd_perk_item img { width: 100%; }
.lnd_section_form { width: 100%; height: 900px; padding-top: 60px; position: relative; background-image: url("/images/landing/lnd_form_bg.png"); background-size: cover; background-position: center; }
.lnd_section_form_inner { position: relative; width: 100%; max-width: 480px; margin: 0 auto; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px 10px rgba(167, 12, 206, 0.75); background: rgb(52 26 76 / 95%); z-index: 1; }
.lnd_form_title { text-align: center; font-size: 20px; color: #FFF; font-weight: bold; margin-bottom: 3px; }
.lnd_form_title_sub { text-align: center; font-size: 20px; color: #FFF; font-weight: bold; margin-bottom: 20px; }
.lnd_form_title_sub img { width: 23px; }
.lnd_f_inp_wrap { margin-bottom: 15px; }
.lnd_f_inp_lb { margin-bottom: 6px; }
.lnd_f_inp_lb label { font-size: 15px; color: #FFF; font-weight: 400; }
.lnd_f_inp_vl { position: relative; padding: 10px 40px 10px 15px; background-color: #FFF; border-radius: 10px; border: 1px solid #9BA6ED; }
.lnd_f_inp_vl input { width: 100%; font-size: 15px; color: #000; border: none; }
.lnd_f_inp_vl input::placeholder { color: #9BA6ED }
.lnd_f_inp_vl_sub.reset { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.lnd_f_inp_vl_sub.reset button { width: 16px; height: 16px; background: none; border: none; position: relative; padding: 0; cursor: pointer; }
.lnd_f_inp_vl_sub.reset button::before,
.lnd_f_inp_vl_sub.reset button::after { content: ""; position: absolute; width: 14px; height: 2px; background-color: #9BA6ED; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.lnd_f_inp_vl_sub.reset button::after { transform: translate(-50%, -50%) rotate(-45deg); }
.lnd_f_inp_vl_sub.reset.hidden { display: none; }
.lnd_f_inp_vl_sub.show_pw { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 24px; height: 24px; cursor: pointer; }
.lnd_f_inp_vl_sub.show_pw button { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; border: none; padding: 0; cursor: pointer; background-image: url('/images/landing/lnd_inp_pw_off.png'); }
.lnd_f_inp_vl_sub.show_pw.on button { background-image: url('/images/landing/lnd_inp_pw_on.png'); }
.lnd_f_agree_box { display: flex; flex-direction: column; row-gap: 10px; margin: 20px 0; }
.lnd_f_agree_all { }
.lnd_f_all_wrap { display: flex; align-items: center; cursor: pointer; column-gap: 10px; }
.lnd_f_all_check { display: none; }
.lnd_f_all_icon { width: 26px; height: 26px; border: 2px solid #ccc; border-radius: 50%; position: relative; transition: all 0.2s ease; }
.lnd_f_all_icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; border-radius: 50%; background-color: #A70CCE; transform: translate(-50%, -50%) scale(0); transition: transform 0.2s ease; }
.lnd_f_all_check:checked + .lnd_f_all_icon { border-color: #A70CCE; }
.lnd_f_all_check:checked + .lnd_f_all_icon::after { transform: translate(-50%, -50%) scale(1); }
.lnd_f_all_label { font-size: 16px; color: #fff; }
.lnd_f_agree_item { display: flex; justify-content: space-between; align-items: center; background: #ffffff; border-radius: 16px; padding: 10px 15px; border: 1px solid #9BA6ED; position: relative; }
.lnd_f_checkbox_wrap { display: flex; align-items: center; column-gap: 10px; cursor: pointer; }
.lnd_f_checkbox { display: none; }
.lnd_f_checkbox_icon { width: 26px; height: 26px; border-radius: 50%; border: 2px solid #ccc; background-color: #fff; position: relative; transition: all 0.2s ease; }
.lnd_f_checkbox_icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; border-radius: 50%; background-color: #A70CCE; transform: translate(-50%, -50%) scale(0); transition: transform 0.2s ease; }
.lnd_f_checkbox:checked + .lnd_f_checkbox_icon { border-color: #A70CCE; }
.lnd_f_checkbox:checked + .lnd_f_checkbox_icon::after { transform: translate(-50%, -50%) scale(1); }
.lnd_f_checkbox_label { font-size: 15px; color: #222; user-select: none; }
.lnd_f_arrow_btn { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; cursor: pointer; }
.lnd_f_arrow_btn img { width: 100%; }
.lnd_btn_form_submit { width: 100%; font-size: 20px; font-weight: 700; color: #FF1AE8; padding: 12px 20px; border-radius: 40px; border: 2px solid transparent; background: linear-gradient(#1E0B3B, #1E0B3B) padding-box, linear-gradient(90deg, #FBBF00 0%, #E30300 100%) border-box; background-clip: padding-box, border-box; cursor: pointer; }
.lnd_footer { }
.lnd_footer_inner { padding: 20px 10px 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 20px; }
.lnd_footer_links { display: flex; align-items: center; column-gap: 20px; flex-wrap: wrap; row-gap: 10px; justify-content: center; }
.lnd_footer_links a { font-size: 18px; color: #FFF; text-decoration: underline; }
.lnd_footer_lang { display: none; }
.lnd_footer_c_r { display: flex; align-items: center; column-gap: 20px; }
.lnd_ft_txts p { font-size: 14px; color: #7A55B2; text-align: center; }
.lnd_ft_lb_ill { width: 50px; }
.lnd_ft_lb_ill img { width: 100%; }

@media all and (max-width:980px){
    .lnd_section_games { margin-bottom: 80px; }
    .lnd_section_free { margin-bottom: 80px; }
    .lnd_btn_signup { font-size: 30px; }
    .lnd_section_title { font-size: 35px; margin-bottom: 25px; }
    .lnd_g_slider { margin-bottom: 25px; }
}

@media all and (max-width:767px){
    .lnd_hero { padding: 0 15px; margin: 0 auto 30px; }
    .lnd_header_inner { padding: 10px 20px; }
    .lnd_logo a { width: 80px; }
    .lnd_nav > .lnd_nav_link { height: 35px; line-height: 35px; }
    .lnd_lang_selector { height: 35px; padding: 5px 25px 5px 5px; }
    .lnd_lang_curr img { width: 25px; height: 25px; border-radius: 50%; }
    .lnd_lang_selector_layer { top: 38px; }
    .lnd_lang_selector_layer_item { width: 25px; height: 25px; }
    .lnd_lang_selector::after { right: 10px; width: 6px; height: 6px; }
    .lnd_btn_signup { font-size: 25px; padding: 10px 45px; }
    .lnd_section_title { font-size: 27px; margin-bottom: 20px; }
    .lnd_free_inner { column-gap: 25px; padding: 20px 25px 20px 25px; }
    .lnd_free_text h3 { font-size: 25px; margin-bottom: 10px; }
    .lnd_free_text p { font-size: 17px; line-height: 22px; }
    .lnd_btn_join_free { margin-top: 10px; }
    .lnd_btn_join_free button { font-size: 20px; }
    .lnd_perks_grid { gap: 15px; }
    .lnd-mw-1100 { padding: 0 15px; margin-bottom: 40px; }
    .lnd_footer_links { column-gap: 12px; }
    .lnd_footer_links a { font-size: 15px; }
    .lnd_ft_txts p { font-size: 12px; }
    .lnd_section_form_inner { max-width: 430px; padding: 20px; }
    .lnd_section_perks.lnd-mw-1100 { margin-bottom: 30px; }
}

@media all and (max-width:580px){
    .lnd_g_slider_grid { gap: 5px; }
    .lnd_btn_signup { font-size: 20px; padding: 5px 35px; }
    .lnd_section_title { font-size: 20px; margin-bottom: 15px; }
    .lnd_g_slider { margin-bottom: 15px; }
    .lnd_btn_all_games button { font-size: 17px; padding: 8px 25px; border-radius: 20px; }
    .lnd-mw-1100 { padding: 0 10px; margin-bottom: 25px; }
    .lnd_hero { padding: 0 10px; margin: 0 auto 20px; }
    .lnd_free_inner { column-gap: 20px; padding: 15px 20px 15px 20px; }
    .lnd_free_text h3 { font-size: 20px; margin-bottom: 5px; }
    .lnd_free_text p { font-size: 14px; line-height: 20px; }
    .lnd_free_text p:nth-child(2) { margin-bottom: 3px; }
    .lnd_btn_join_free { margin-top: 8px; }
    .lnd_btn_join_free button { font-size: 16px; padding: 5px 25px; }
    .lnd_perks_grid { gap: 8px; }
    .lnd_section_perks.lnd-mw-1100 { margin-bottom: 0; }
    .lnd_footer_inner { padding: 15px 25px 60px; row-gap: 30px; align-items: flex-start; }
    .lnd_footer_links { row-gap: 18px; flex-direction: column; align-items: flex-start; }
    .lnd_footer_c_r { width: 100%; justify-content: center; column-gap: 8px; }
}

@media all and (max-width:480px){
    .lnd_header_inner { padding: 10px 10px 10px 15px; }
    .lnd_logo a { width: 65px; }
    .lnd_nav { column-gap: 5px; }
    .lnd_nav > .lnd_nav_link { height: 30px; line-height: 30px; }
    .lnd_lang_selector { height: 30px; padding: 2px 20px 2px 5px; border-radius: 15px; }
    .lnd_lang_curr img { width: 20px; height: 20px; }
    .lnd_lang_selector::after { right: 8px; width: 4px; height: 4px; }
    .lnd_lang_selector_layer_item { width: 20px; height: 20px; }
    .lnd_lang_selector_layer { top: 33px; row-gap: 5px; padding: 5px; border-radius: 10px; }
    .lnd_main { padding-top: 70px; }
    .lnd_g_slider_grid { gap: 8px; grid-template-columns: repeat(3, 1fr); }
    .lnd_free_inner { row-gap: 15px; padding: 20px; grid-template-columns: 1fr; text-align: center; }
    .lnd_free_ill { width: 50%; margin: 0 auto; }
    .lnd_free_text h3 { font-size: 22px; margin-bottom: 7px; }
    .lnd_btn_join_free { margin-top: 10px; }
    .lnd_btn_join_free button { font-size: 20px; padding: 7px 30px; }
    .lnd_perks_grid { gap: 10px; grid-template-columns: repeat(2, 1fr); }
    .lnd_hero { margin: 0 auto 30px; }
    .lnd-mw-1100 { margin-bottom: 40px; }
    .lnd_section_form_inner { max-width: unset; width: 90%; padding: 20px 15px; background: rgb(52 26 76 / 70%); }
    .lnd_f_agree_item { border-radius: 12px; padding: 8px 10px; }
    .lnd_f_agree_box { row-gap: 7px; }
    .lnd_footer_inner { padding: 15px 15px 60px; }
}