/* game 페이지 인라인 스타일(위젯별 CSS + 코드 위젯 CSS) */
:root { --safe-bottom: env(safe-area-inset-bottom); }
#logo_w202404026b2f35c46fb5e { display: flex; align-items: center; flex-direction: row; }
#logo_w202404026b2f35c46fb5e > div { display: block; }
#s20240317561d03cfd3b44 .inline-inside { max-width: 1280px; margin: 0px auto; padding-left: 15px; padding-right: 15px; }
#s20240317561d03cfd3b44 .section_bg { background-image: url("../assets/cdn.imweb.me/thumbnail/20240402/062eb8dbe22ea.png"); background-position: 50% 50%; background-repeat: repeat; }
#s20240317561d03cfd3b44 .inline-col-group { padding-top: 0px; padding-bottom: 0px; height: 164px; }
#s20240317561d03cfd3b44 .inline-col-group > .inline-col { padding-left: 10px; }
#s20240317561d03cfd3b44 .inline-col-group > .inline-col:first-child { padding-left: 0px !important; }
#s20240317561d03cfd3b44 .inline_widget.image .text, #s20240317561d03cfd3b44 .inline_widget.logo a, #s20240317561d03cfd3b44 .inline_widget.icon, #s20240317561d03cfd3b44 .inline_widget.login_btn a, #s20240317561d03cfd3b44 .viewport-nav > li > a, #s20240317561d03cfd3b44 .inline-col .inline_global_dropdown a, #s20240317561d03cfd3b44 .inline_widget.widget_text_wrap { }
#s20240317561d03cfd3b44 { border-width: 0px; border-color: rgb(204, 204, 204); border-style: solid; }
#s20240317561d03cfd3b44 .inline-col-group, #s20240317561d03cfd3b44 .inline-col-group .inline-col { vertical-align: middle; }
#logo_w20240402a2e02345090e4 { display: flex; align-items: center; flex-direction: row; }
#logo_w20240402a2e02345090e4 > div { display: block; }
#s20240402edf51010b73cd .inline-inside { max-width: 1280px; margin: 0px auto; padding-left: 15px; padding-right: 15px; }
#s20240402edf51010b73cd .section_bg { background-image: url("../assets/cdn.imweb.me/thumbnail/20240402/469c0b874d692.png"); background-position: 50% 50%; background-repeat: repeat; }
#s20240402edf51010b73cd .inline-col-group { padding-top: 0px; padding-bottom: 0px; height: 151px; }
#s20240402edf51010b73cd .inline-col-group > .inline-col { padding-left: 10px; }
#s20240402edf51010b73cd .inline-col-group > .inline-col:first-child { padding-left: 0px !important; }
#s20240402edf51010b73cd .inline_widget.image .text, #s20240402edf51010b73cd .inline_widget.logo a, #s20240402edf51010b73cd .inline_widget.icon, #s20240402edf51010b73cd .inline_widget.login_btn a, #s20240402edf51010b73cd .viewport-nav > li > a, #s20240402edf51010b73cd .inline-col .inline_global_dropdown a, #s20240402edf51010b73cd .inline_widget.widget_text_wrap { }
#s20240402edf51010b73cd { border-width: 0px; border-color: rgb(204, 204, 204); border-style: solid; }
#s20240402edf51010b73cd .inline-col-group, #s20240402edf51010b73cd .inline-col-group .inline-col { vertical-align: middle; }
#inline_header_mobile #s20240402edf51010b73cd .inline-inside { padding-left: 15px !important; padding-right: 15px !important; }
#s20240317fcae901c27a7c { }
#s20240317fcae901c27a7c.side_basic main .inside, #s20240317fcae901c27a7c .site_prod_nav_wrap.scroll-to-fixed-fixed ul.site_prod_nav, .doz_sys #s20240317fcae901c27a7c .col-dz-12 .extend_thumbs { max-width: 1280px; }
#s20240317fcae901c27a7c .board_summary .write, #s20240317fcae901c27a7c .board_view .grid_ignore .author .date, #s20240317fcae901c27a7c .board_view .grid_ignore .author .hit-count, .doz_sys #s20240317fcae901c27a7c label, .doz_sys #s20240317fcae901c27a7c label.control-label, #s20240317fcae901c27a7c .shop-table > tbody > tr.payment-info > td.pay-txt, #s20240317fcae901c27a7c .nick.text-default-dark, #s20240317fcae901c27a7c .text-default-dark, #s20240317fcae901c27a7c .shop_mypage .mypage .my-box a, #s20240317fcae901c27a7c .shop_mypage .item-detail a, #s20240317fcae901c27a7c .shop_mypage .item-detail p, #s20240317fcae901c27a7c .shop_mypage h6, #s20240317fcae901c27a7c .shop_mypage .table-wrap p, #s20240317fcae901c27a7c .shop_payment h1, #s20240317fcae901c27a7c .shop_payment h6, #s20240317fcae901c27a7c .shop-content p, #s20240317fcae901c27a7c .shop_payment, #s20240317fcae901c27a7c .shop-content span, #s20240317fcae901c27a7c .shop-content .shop-item .item-icon .im-icon.im-ico-liked, #s20240317fcae901c27a7c .shop-content .price, #s20240317fcae901c27a7c, #s20240317fcae901c27a7c .shop-tit, #s20240317fcae901c27a7c .board_view .board_txt_area, #s20240317fcae901c27a7c .board.widget .grid_ignore .view_tit, .doz_sys #s20240317fcae901c27a7c .shop-content input.form-control, .doz_sys #s20240317fcae901c27a7c .shop-content select.form-control, #s20240317fcae901c27a7c .widget_menu_title, #s20240317fcae901c27a7c .comment_area, body.shop_mypage #s20240317fcae901c27a7c .comment_area, #s20240317fcae901c27a7c .list_review_inner .use_summary, #s20240317fcae901c27a7c .list_review_inner .use_summary a, #s20240317fcae901c27a7c .list_review_inner .fold, #s20240317fcae901c27a7c .list_review_inner .comment_area, #s20240317fcae901c27a7c .booking_nav_tools span { }
#s20240317fcae901c27a7c .pagination > .active > a, #s20240317fcae901c27a7c .pagination > .active > span, #s20240317fcae901c27a7c .pagination > .active > a:hover, #s20240317fcae901c27a7c .pagination > .active > span:hover, #s20240317fcae901c27a7c .pagination > .active > a:focus, #s20240317fcae901c27a7c .pagination > .active > span:focus, #s20240317fcae901c27a7c .pagination > li > a:hover, #s20240317fcae901c27a7c .pagination > li > span:hover, #s20240317fcae901c27a7c .sub_depth li a.active, .doz_sys #s20240317fcae901c27a7c a, #s20240317fcae901c27a7c .li_table ul li, #s20240317fcae901c27a7c .list-style .list.line > small, .doz_sys #s20240317fcae901c27a7c div[data-widget-type="board"] .title.title-block a { }
@media (max-width: 991px){#s20240317fcae901c27a7c .section_bg { background-attachment: inherit; }}
body { margin: 0px; padding: 0px; background: rgb(0, 0, 0); font-family: "Comic Sans MS", Arial, sans-serif; color: rgb(255, 255, 255); overflow-x: hidden; }
.title-bar { height: 24px; padding: 4px 5px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%); color: rgb(255, 255, 255); }
.window { background: rgb(192, 192, 192); max-width: 960px; margin: 40px auto; padding: 2px; border: 4px ridge rgb(44, 44, 44); }
.window-controls { display: flex; }
.window-control { width: 20px; height: 20px; margin-left: 4px; background: rgb(198, 198, 198); text-align: center; line-height: 20px; cursor: pointer; border-style: solid; border-width: 2px; border-color: rgb(254, 254, 254) rgb(10, 10, 10) rgb(10, 10, 10) rgb(254, 254, 254); box-shadow: rgb(223, 223, 223) 1px 1px 0px 1px inset, rgb(132, 133, 132) -1px -1px 0px 1px inset; color: black; transition: background 0.3s, box-shadow 0.3s; }
.window-control:hover { background: rgb(204, 204, 204); box-shadow: rgb(223, 223, 223) 0px 0px 8px 2px inset, rgb(132, 133, 132) 0px 0px 8px 2px inset; }
.header-bar { display: flex; padding: 4px 5px; justify-content: start; align-items: center; background: rgb(198, 198, 198); color: rgb(10, 10, 10); border-style: solid; border-width: 2px; border-color: rgb(254, 254, 254) rgb(10, 10, 10) rgb(10, 10, 10) rgb(254, 254, 254); box-shadow: rgb(223, 223, 223) 1px 1px 0px 1px inset, rgb(132, 133, 132) -1px -1px 0px 1px inset; flex-wrap: wrap; }
.header-bar a { color: blue; text-decoration: none; margin: 0px 5px; font-size: 15px; }
.search-bar label { color: blue; text-decoration: none; margin: 0px 10px; padding: 4px 5px; font-size: 15px; }
.search-bar { display: flex; align-items: center; justify-content: start; background: rgb(198, 198, 198); border-style: solid; border-width: 2px; border-color: rgb(254, 254, 254) rgb(10, 10, 10) rgb(10, 10, 10) rgb(254, 254, 254); box-shadow: rgb(223, 223, 223) 1px 1px 0px 1px inset, rgb(132, 133, 132) -1px -1px 0px 1px inset; padding: 0px; width: 100%; }
.search-input { flex-grow: 2; min-width: 250px; padding: 0px 5px; font-size: 15px; border-width: medium 2px; border-style: none inset; border-color: currentcolor rgb(221, 221, 221); border-image: none; color: rgb(0, 0, 0); background: rgb(255, 255, 255); margin: 0px; height: auto; outline: none; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px inset, rgba(0, 0, 0, 0.4) 0px -2px 4px inset; }
.search-input::placeholder { color: rgb(153, 153, 153); font-size: 15px; font-style: italic; }
.background-overlay { position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.7); z-index: 1; }
.content-wrapper { position: relative; z-index: 3; }
.main-content { text-align: center; padding: 20px; font-family: "Comic Sans MS", Arial, sans-serif; width: 100%; height: 100%; display: flex; flex-direction: column; margin: 0px auto; background-image: url("../assets/cdn.imweb.me/upload/S202403124463e29886a4b/d74a448cf35fe.png"); background-repeat: repeat; background-size: 250px auto; z-index: 10; position: relative; }
.main-content > :not(.background-overlay) { position: relative; z-index: 3; }
.main-content h2 { text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px; font-weight: bold; font-size: 30px; color: red !important; }
.main-content p { text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px; font-size: 16px; color: red !important; }
#message { color: white; font-weight: bold; font-size: 24px; }
.floating-icon { position: fixed; bottom: 20px; left: 0px; width: 60px; z-index: 1000; animation: 2s linear 0s infinite normal none running floatIcon; display: flex; flex-direction: column; align-items: center; }
.floating-icon img { max-width: 100px; height: auto; }
.floating-text { color: red; font-weight: bold; text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px; font-size: 13px; margin-bottom: 5px; }
@keyframes floatIcon { 
  0% { transform: translateX(-100%) translateY(0px); }
  50% { transform: translateX(50%) translateY(-20px); }
  100% { transform: translateX(100vw) translateY(0px); }
}
.card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 600px; margin: 20px auto; position: relative; z-index: 3; }
.card-grid > :not(.background-overlay) { position: relative; z-index: 3; }
.card > :not(.background-overlay) { position: relative; z-index: 3; }
@keyframes celebration { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(0.95); background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
}
@media (max-width: 767px){.card-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.main-content, .header-bar, .title-bar { padding: 5px; }}
.header { display: flex; justify-content: space-between; background: transparent; padding: 10px 20px; }
.header-icon { width: 100px; height: 100px; }
.header-icon.left-icon { background: url("../assets/media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExYm9xM3Z5ZThxcWVqejh2bHUwbDZ4d3Y1eDBvd3B4Y3JrNTQ2dnZnbyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/oGCFfU0NaKSS4/giphy.gif") center center / contain no-repeat; }
.footer-section { background-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); font-size: 12px; background-image: url("../assets/cdn.imweb.me/thumbnail/20240317/18d98b704adcc.png"); background-repeat: repeat; text-align: center; padding-top: 30px; padding-bottom: 30px; }
.doz_sys .footer-section a { color: rgb(255, 255, 255) !important; }
.footer-section .custom-text { margin-top: 5px; margin-bottom: 10px; }
.footer-section .custom-text .custom-text-info { font-size: 12px; }
.footer-section .copryright-area { font-size: 12px; }
.footer-section .foot-sociallink { display: inline-block; }
.footer-section .foot-sociallink .btn-group { display: block; }
.footer-section .foot-sociallink .btn-group .btn { background: none; font-size: 20px; border-radius: 0px; border: transparent; padding: 0px 12px; }
.footer-section .foot-sociallink .btn-group .btn i { color: rgb(255, 255, 255); }
.footer-section .foot-sociallink .btn-group .btn:hover { opacity: 0.7; color: inherit; }
@media (max-width: 992px){.foot-main-nav, .foot-foot-nav, .footer-section .foot-sociallink { margin: 7px 0px; }
.footer-section { font-size: 12px; }
.footer-section .foot-sociallink { position: inherit; order: 4; }}
/* 헤더 섹션 배경(원래 HEADER_CENTER_COLGROUP JS가 넣던 값) */
#s20240317561d03cfd3b44 .inline-inside{min-height:164px;display:flex;align-items:center;justify-content:center;}
#s20240402edf51010b73cd .inline-inside{min-height:151px;display:flex;align-items:center;justify-content:center;}