@charset "UTF-8";

/* font */
@font-face {
  font-family:'pretendard';
  font-weight: 700;
  font-display: swap;
  src: url('https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/font/Pretendard-Bold.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/font/Pretendard-Bold.woff') format('woff');
}
@font-face {
  font-family:'pretendard';
  font-weight: 400;
  font-display: swap;
  src: url('https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/font/Pretendard-Regular.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/font/Pretendard-Regular.woff') format('woff');
}
@font-face{
  font-family:'notosanskr';
  font-weight:700;
  font-display:swap;
  src:url('https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_comingsoon/font/NotoSansKR-Bold.woff2') format('woff2'),
  url('https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_comingsoon/font/NotoSansKR-Bold.woff') format('woff'),
  url('https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_comingsoon/font/NotoSansKR-Bold.ttf') format('truetype')
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,input,select,textarea,button,article,aside,dialog,header,section,footer,nav,figure,main{margin:0;padding:0}
body,input,select,textarea,button,a{font-family:'pretendard','notosanskr',-apple-system, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif}
article,aside,dialog,header,section,footer,nav,figure,main{display:block}
html,body{height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
body{min-height:100%;background:#000}
div{-webkit-box-sizing:border-box;box-sizing:border-box}
ul,ol,li{list-style:none}
table{border-spacing:0;table-layout:fixed}
input,button,select{border:0;border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input::-ms-clear{display:none}
input:focus{outline:0}
input::-webkit-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::-moz-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input:-ms-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::-ms-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input::-webkit-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
input:-ms-input-placeholder{font-size:14px;line-height:20px;color:rgba(0,0,0,0.38)}
img,fieldset{border:0;vertical-align:top}
img{user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
em,address{font-style:normal}
a{color:#242424;text-decoration:none;cursor:pointer}
a,button,input,label,img{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}
button{white-space:nowrap;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
::-webkit-file-upload-button{cursor:pointer}
hr{display:none}
button,button:active,button:focus,button:hover,
a,a:active,a:focus,a:hover{text-decoration:none;-webkit-tap-highlight-color:transparent}
.blind,caption span,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}
:root{--scrollbar-width: 0px}
.wrap{overflow-x:hidden;position:relative;min-width:360px;max-width:1024px;min-height:100vh;margin:0 auto}

.header{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:50%;z-index:30;box-sizing:border-box;width:100%;max-width:1024px;height:52px;padding:0 16px;transform:translateX(-50%);background:rgba(0,0,0,0);transition:background 0.3s ease}
.header.scroll{background:rgba(13, 8, 69, 0.85);transition:background 0.3s ease}
.header .logo_area{display:flex;align-items:center;font-size:0}
.header .logo{display:flex;align-items:center}
.header .logo .link_logo{display:inline-block;position:relative;height:100%}
.header .logo .link_logo::before{position:absolute;top:-8px;left:-8px;width:29px;height:28px;padding:8px;content:''}
.header .logo_hangamestore{display:inline-block;width:28px;height:28px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/logo_hangamestore.png) no-repeat center;background-size:cover}
.header .header_title{display:inline-block;width:84px;height:15px;margin-left:8px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/header_title.png) no-repeat center;background-size:84px auto}
.header .menu_area .btn_menu{position:relative;width:24px;height:24px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/btn_menu.png) no-repeat;background-size:24px 24px}
.header .menu_area .btn_menu::before{display:inline-block;position:absolute;top:-10px;left:-10px;width:24px;height:24px;padding:10px;content:''}
.ico_red_dot{display:inline-block;position:absolute;top:-3px;right:-6px;width:5px;height:5px;background:#FF3B30;border-radius:999px}

/* 햄버거 메뉴 */
.backdrop{z-index:35;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.60);filter:alpha(opacity=60);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);transform:translateZ(0);overflow-y:auto;opacity:0;visibility:hidden;transition:.3s}
.side_menu{position:fixed;top:0;right:0;width:100%;max-width:338px;height:100vh;height:calc(100vh / var(--zoom, 1));height:calc(100dvh / var(--zoom, 1));background:#1C1B6C;z-index:40;transform:translateX(100%);transition:.35s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column}
.side_menu .menu_top{display:flex;padding-top: 52px;flex-shrink:0}
.side_menu .btn_close{position:absolute;z-index: 1;top:14px;right:14px;width:24px;height:24px;border:none;background:none;cursor:pointer}
.side_menu .btn_close::before, .side_menu .btn_close::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:#fff;transform-origin:center}
.side_menu .btn_close::before{transform:translate(-50%,-50%) rotate(45deg)}
.side_menu .btn_close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.side_menu .menu_content{flex:1;position:relative;padding:32px;background-color:#3E3BB4;display:flex;align-items:flex-end}
body.is-open,body.is-modal-open{overflow:hidden;padding-right:var(--scrollbar-width)}
body.is-open .header{left:calc(50% - var(--scrollbar-width) / 2)}
body.is-open .backdrop{opacity:1;visibility:visible}
body.is-open .side_menu{transform:translateX(0)}
.side_menu .menu_user{color:#fff}
.side_menu .user_name{font-size:12px;color:#ccc}
.side_menu .user_name em{overflow:hidden;position:relative;top:-1px;display:inline-block;max-width:240px;text-overflow:ellipsis;white-space:nowrap;margin-right:2px;font-size:16px;font-weight:600;font-style:normal;color:#fff;vertical-align:middle}
.side_menu .user_message{font-size:16px;color:#D8DAF0}
.side_menu .user_message a{font-weight:600;color:#fff;text-decoration:underline}
.side_menu .menu_list{flex:1;min-height:0;overflow-y:auto}
.side_menu .menu_list li{padding:12px 32px 0 32px}
.side_menu .menu_list a{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:20px 20px 20px 0;text-decoration:none;font-size:16px}
.side_menu .menu_list .arrow{width:7px;height:7px;border-top:1.5px solid rgba(255, 255, 255, 0.2);border-right:1.5px solid rgba(255, 255, 255, 0.2);transform:rotate(45deg)}
.side_menu .menu_list li:hover .arrow{border-color:#B5BAE0}
.side_menu .menu_list .txt_hangame_youtube{width:89px;height:15px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/txt_hangame_youtube.png) no-repeat center;background-size:100% auto;font-size:0}
.side_menu .menu_list .txt_hangame_store{position:relative;width:91px;height:18px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/txt_hangame_store.png) no-repeat center;background-size:100% auto;font-size:0}
.side_menu .menu_list .txt_hangame_store .ico_red_dot{top:-2px;right:-10px}
.side_menu .menu_list .txt_hangame_portal{width:76px;height:18px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/txt_hangame_portal.png) no-repeat center;background-size:100% auto;font-size:0}
.side_menu .menu_list .txt_hangame_cscenter{width:58px;height:18px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/txt_hangame_cscenter.png) no-repeat center;background-size:100% auto;font-size:0}
.side_menu .menu_footer{padding:20px 16px;flex-shrink:0}
.side_menu .menu_footer button{position:relative;width:100%;height:58px;background:#3E3BB4;border:none;border-radius:4px;font-size:0}
.side_menu .menu_footer .btn_logout::after{content:'';position:absolute;top:50%;left:50%;width:58px;height:18px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/txt_logout.png) no-repeat center;background-size: 100% auto;transform:translate(-50%, -50%)}
.side_menu .menu_footer .btn_logout{background-color: rgba(62, 59, 180, 0.5);color:rgba(138, 144, 200, 1)}
.side_menu .menu_footer .btn_login::after{content:'';position:absolute;top:50%;left:50%;width:44px;height:18px;background:url(https://hangame-images.toastoven.net/hangame/event/20260422_hangamestore/img/txt_login.png) no-repeat center;background-size: 100% auto;transform:translate(-50%, -50%)}
.side_menu .menu_footer .btn_login{background-color: #3E3BB4;color:#fff}

/* footer */
.footer{padding:15px 0}
.footer .copy{font-size:12px;font-weight:400;line-height:40px;color:#A7A5AC;text-align:center}

/* dimmed */
.dimmed{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;width:calc(100% / var(--zoom, 1));height:100vh;height:calc(100vh / var(--zoom, 1));height:calc(100dvh / var(--zoom, 1));z-index:50;background-color:rgba(0,0,0,0.60);filter:alpha(opacity=60)}

/* ly_wrap */
.ly_wrap{position:fixed;top:50%;left:50%;z-index:100;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-text-size-adjust:100%;text-size-adjust:100%}