/* icons */ .ico_menu{width:24px;height:24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H21' stroke='%23242424' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 4H21' stroke='%23242424' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 20H21' stroke='%23242424' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");transition:filter .2s} .ico_addlink{width:24px;height:24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.5L10.5498 2.21817C10.3992 2.07778 10.203 1.99999 9.99941 2C9.79586 2.00001 9.59962 2.07781 9.44902 2.21821L1.26776 9.84508C1.18342 9.9237 1.11604 10.0195 1.06993 10.1264C1.02382 10.2333 1 10.3489 1 10.4657V20.1611C1 20.3836 1.0862 20.597 1.23964 20.7543C1.39308 20.9116 1.60119 21 1.81818 21H8.18182' stroke='%23242424' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 22C20.3137 22 23 19.3137 23 16C23 12.6863 20.3137 10 17 10C13.6863 10 11 12.6863 11 16C11 19.3137 13.6863 22 17 22Z' stroke='%23242424' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.4297 16H19.5725' stroke='%23242424' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 13.4297V18.5725' stroke='%23242424' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")} .ico_logo_primary{width:26px;height:26px;background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0C20.1797 0 26 5.8203 26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0ZM13.2354 5.57129C8.80852 5.57129 5.57135 8.91634 5.57129 13V13.041C5.5713 17.2886 8.70362 20.4286 13.2559 20.4287C15.4482 20.4287 17.1818 19.7103 18.3721 18.9922C19.1447 18.5407 19.5 17.9039 19.5 16.9805V13.4932C19.5 12.6107 18.7901 11.9123 17.8926 11.9121H14.2168C13.4442 11.9121 12.8175 12.528 12.8174 13.2871C12.8174 14.0462 13.4441 14.6416 14.2168 14.6416H16.3887V16.6934C15.5739 17.2679 14.5299 17.5557 13.3604 17.5557C10.7709 17.5556 8.93359 15.6265 8.93359 13V12.959C8.93359 10.5172 10.7919 8.48535 13.1309 8.48535C14.5091 8.48535 15.4489 8.85505 16.3262 9.4707C16.5557 9.63484 16.8483 9.79883 17.3076 9.79883C18.1847 9.79862 18.8945 9.1007 18.8945 8.23926C18.8945 7.62365 18.5388 7.19264 18.2256 6.9668C16.9102 6.06431 15.4485 5.57131 13.2354 5.57129Z' fill='%23FA6E00'/%3E%3C/svg%3E%0A")} /* header */ .header{position:relative;z-index:50;margin:0 auto;background:#fff;line-height:1} .header.type_global{z-index:auto} .header.type_global .header_inner .link_home{margin-right: 8px;} .header.type_global .top_wrap{padding: 0 16px} .header .top_wrap{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;height:72px;padding:0 16px} /* header_title_wrap */ .header .header_title_wrap{display:flex;justify-content:start;align-items:center;font-size:0} .header .header_title_wrap .ico_store{margin-left:8px} .header .header_title_wrap .text_store{margin-left:8px;font-size:20px;font-weight:700;line-height:28px;color:#242424} /* top_menu_wrap */ .header .top_menu_wrap{font-size:0} .header .top_menu_wrap .link_user{display:none;margin-top:-3px;padding:7px 12px 5px;border:1px solid;border-color:#E0E0E0;border-radius:100px;font-size:12px;font-weight:700;line-height:18px;vertical-align:middle;transition:color .2s, background-color .2s, border-color .2s} .header .top_menu_wrap .link_user.member{padding:12px 0 12px 7px;border-color:rgba(0,0,0,0);cursor:default} .header .top_menu_wrap .link_user.member .text_user{display:inline-block;overflow:hidden;vertical-align:middle;vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap} .header .top_menu_wrap .link_user.member .suffix{margin-left:2px;font-size:12px;font-weight:400} .header .top_menu_wrap .btn_menu{margin-left:16px} @media (hover: hover) and (pointer: fine){ .header .top_menu_wrap .link_user.member:hover{border-color:#fff;background:#fff} } /* wrap_store */ .wrap_store .header{position:fixed;top:0;right:0;left:0;z-index:50;background:rgba(0,0,0,0);transition:background-color 260ms ease, transform 300ms ease} .wrap_store .header.is_stuck{background-color:#05051D} .wrap_store .header.is_hidden{transform:translateY(-100%)} .wrap_store .header .ico_menu{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H21' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 4H21' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 20H21' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A")} .wrap_store .header .top_menu_wrap .link_user{border-color:rgba(255, 255, 255, 0.5);background:rgba(0, 0, 0, 0.1);color:#fff} .wrap_store .header .top_menu_wrap .link_user.member{padding:12px 0 12px 7px;border-color:rgba(0,0,0,0);background:rgba(0,0,0,0)} .wrap_store .header .top_menu_wrap .btn_menu{margin-left:18px} .wrap_store .header.type_global{background-color: #fff;} .wrap_store .header.type_global .link_home{margin-right: 6px;} .wrap_store .header.type_global .top_menu_wrap .link_user{border-color:#E0E0E0;background:#fff;color:#242424} /* gnb */ /* GNB 흰 배경 위에서는 메인 로고를 오렌지 버전으로 노출 (.wrap_store .ico_logo의 흰색 override보다 specificity가 높아야 함) */ .gnb .ico_logo, .wrap_store .gnb .ico_logo{background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28ZM7 14.4278V14.4687C7 18.7158 10.1405 21.8554 14.7047 21.8554C16.903 21.8554 18.6409 21.1371 19.8342 20.419C20.6089 19.9676 20.965 19.3314 20.965 18.4081V14.9203C20.965 14.0378 20.2529 13.3403 19.3529 13.3403H15.6679C14.8932 13.3403 14.2651 13.9559 14.2651 14.7151C14.2651 15.474 14.8932 16.0693 15.6679 16.0693H17.8455V18.1211C17.0286 18.6955 15.982 18.9828 14.8094 18.9828C12.2131 18.9828 10.3709 17.0541 10.3709 14.4278V14.3865C10.3709 11.945 12.2341 9.91349 14.5792 9.91349C15.961 9.91349 16.903 10.2832 17.7825 10.8988C18.0127 11.0629 18.3058 11.2269 18.7665 11.2269C19.646 11.2269 20.3578 10.5291 20.3578 9.6676C20.3578 9.05202 20.0018 8.62116 19.6877 8.39533C18.3687 7.49276 16.903 7 14.6838 7C10.2453 7 7 10.3446 7 14.4278Z' fill='%23FA6E00'/%3E%3C/svg%3E%0A")} .gnb{overflow:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:#fff;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-webkit-transition:-webkit-transform 0.3s ease-in;transition:-webkit-transform 0.3s ease-in;-o-transition:transform 0.3s ease-in;transition:transform 0.3s ease-in;transition:transform 0.3s ease-in, -webkit-transform 0.3s ease-in} .gnb.is_show{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} /* GNB는
밖(wrap 직속)에 배치되므로, 가이드의 .header .top_wrap 레이아웃을 GNB에도 별도로 적용한다. */ .gnb .top_wrap{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;height:72px;padding:0 16px} .gnb .header_logo{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;} .gnb .header_logo .link{margin-right: 8px;} .gnb .header_tit{font-size: 20px;line-height: 28px;} .gnb .summary_area .link_login{color:var(--gray3);text-decoration:underline} .gnb .category_list{overflow:hidden;padding-top:8px} .gnb .category_list .category_tit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;position:relative;z-index:1;font-size:12px;font-weight:700;line-height:18px;color:#9e9e9e;-webkit-box-align:center;-ms-flex-align:center} .gnb .category_list .category_tit:before{display:block;position:absolute;top:0;left:0;z-index:-1;width:calc(100% + 10px);height:100%;background:#fff;content:''} .gnb .category_list .category_tit:after{overflow:hidden;position:absolute;top:8px;z-index:-5;width:100vw;height:1px;margin-left:10px;background-color:var(--gray1);content: ''} .gnb .category_list .category_tit .ico{width:16px;height:16px;margin:0 8px 0 0} .gnb .category_item:last-child .menu_list{padding-bottom:25px} .gnb .menu_wrap{padding:12px 16px 0;background:#fff} .gnb .menu_list{-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 0 26px} .gnb .menu_list .link{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 12px;} .gnb .menu_list .link .badge{flex-shrink:0;margin-top: 2px;margin-left: 8px;-ms-flex-negative:0;} .gnb .menu_list .menu_item .txt{position:relative;font-size:16px;font-weight:700;line-height:24px;color:#242424;white-space:nowrap} .gnb .menu_list .menu_item .ico_shortcut_black{ position:absolute; top:calc(50% - 1px); right:-25px; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .gnb .menu_list .menu_item + .menu_item{margin-top:4px} .gnb .menu_list .menu_item.is_pc_only{display:none} .gnb .menu_list .menu_item.is_mo_only{display:list-item} .gnb .btn_area{padding:0 16px 48px} .gnb .btn_area .btn+.btn{margin-top:8px} .gnb .btn_area .btn.btn_primary{font-weight:700} /* gnb - member_data_wrap */ .member_data_wrap{padding: 16px;} .member_data_area{min-height:104px;padding:24px 20px;border-radius: 24px;background: -o-linear-gradient(189.56deg, #FDD0AD -13.51%, #FA6E00 96.89%);background: linear-gradient(260.44deg, #FDD0AD -13.51%, #FA6E00 96.89%);} .member_data_wrap .member_data_box .member_data_item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction: column;flex-direction: column;justify-content:space-between;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-pack:justify;-ms-flex-pack:justify} .member_data_wrap .member_data_box .member_data_item:last-child{margin-top:28px} .member_data_wrap .member_data_box .btn_tooltip{background: url("https://hangame-images.toastoven.net/hangame/hangamestore/img/main/icon_tooltip.png") no-repeat center/ 100% 100%;} .member_data_wrap .member_data_box .tooltip_box{background: #2e3668;} .member_data_wrap .user_noti_txt{font-size:14px;line-height:24px;color:#fff} .member_data_wrap .member_data_box .link_login{display:inline-block;font-weight: 700;color:#fff;text-decoration:underline;text-underline-offset: 3px;} .member_data_wrap .member_data_box .status{font-size:16px;font-weight:400;line-height:24px;color:#fff} .member_data_wrap .member_data_box .status .unit{margin-left:2px;font-size:12px} .member_data_wrap .member_data_box .status .point{font-weight:700;color:#fff} .member_data_wrap .member_data_box .member_data_tit{display:inline-block;font-size:11px;font-weight:700;line-height:18px;color:#fff} .member_data_wrap .member_data_box .member_data_desc{display:inline-block;margin-top: 2px;font-size:12px;font-weight:400;line-height:23px;color:#FEDCC2;white-space:nowrap} .member_data_wrap .member_data_box .primary{font-weight:700;color:#f9f9f9} .member_data_wrap .member_data_box .unit{font-size:12px;line-height:18px} .member_data_wrap .tooltip_wrap .tooltip_box:before{border-top:7px solid #2E3668} /* hover */ @media (hover: hover) and (pointer: fine){ .header .top_menu_wrap .link_user:hover{border-color:#F5F5F5;background:#F5F5F5} .header .top_menu_wrap .ico_menu:hover{filter:opacity(0.5)} .header.is_stuck .ico_menu:hover{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H21' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 4H21' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 20H21' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A")} .wrap_store .header .top_menu_wrap .link_user:hover{border-color:rgba(255, 255, 255, 0.5);background-color:rgba(255, 255, 255, 0.7);color:#242424} .wrap_store .header .top_menu_wrap .link_user.member:hover{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#fff} .wrap_store .header .link_user:hover .suffix::after{border-top-color:#242424} .wrap_store .header.is_stuck .link_user:hover{background:#fff} .wrap_store .header.type_global .top_menu_wrap .link_user:hover{border-color:#f5f5f5;background:#f5f5f5;color:#242424} .member_data_wrap .member_data_box .link_login:hover {color: #fdff29;} .member_data_wrap .member_data_box .btn_tooltip:hover{background: url("https://hangame-images.toastoven.net/hangame/hangamestore/img/main/icon_tooltip_hover.png") no-repeat center/ 100% 100%;} .gnb .menu_list .menu_item .link:hover .txt{color: #FA6E00;} .gnb .menu_list .menu_item .link:hover .ico_shortcut_black{background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0Ljc5ODUgMTMuMTA1OEwxMy4xMzE4IDEzLjEwNThMMTMuMTMxMyA4LjA0ODI3TDYuMzA0NzkgMTQuODczNkw1LjEyNjI4IDEzLjY5NTFMMTEuOTU0IDYuODY4NThMNi44OTQwNSA2Ljg2ODExTDYuODk0MDUgNS4yMDE0NUwxMy45NjUxIDUuMjAxNDVMMTQuNzk4NSA2LjAzNDc4VjEzLjEwNThaIiBmaWxsPSIjRkE2RTAwIj48L3BhdGg+Cjwvc3ZnPgo=");} .gnb .btn_area .btn.btn_primary:hover{background-color: #FF7B14;} .gnb .btn_area .btn:last-child:hover{border-color: #d9d9d9;} } /* IE11 hover fallback (IE11은 (hover:hover) 미디어 쿼리 미지원) */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){ .header .top_menu_wrap .link_user:hover{border-color:#F5F5F5;background:#F5F5F5} .header .top_menu_wrap .ico_menu:hover{-webkit-filter:opacity(0.5);filter:opacity(0.5)} .header.is_stuck .ico_menu:hover{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H21' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 4H21' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 20H21' stroke='white' stroke-opacity='0.5' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A")} .wrap_store .header .top_menu_wrap .link_user:hover{border-color:rgba(255, 255, 255, 0.5);background-color:rgba(255, 255, 255, 0.7);color:#242424} .wrap_store .header .link_user:hover .suffix::after{border-top-color:#242424} .wrap_store .header.is_stuck .link_user:hover{background:#fff} .member_data_wrap .member_data_box .link_login:hover {color: #fdff29;} .member_data_wrap .member_data_box .btn_tooltip:hover{background: url("https://hangame-images.toastoven.net/hangame/hangamestore/img/main/icon_tooltip_hover.png") no-repeat center/ 100% 100%;} .gnb .menu_list .menu_item .link:hover .txt{color: #FA6E00;} .gnb .menu_list .menu_item .link:hover .ico_shortcut_black{background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0Ljc5ODUgMTMuMTA1OEwxMy4xMzE4IDEzLjEwNThMMTMuMTMxMyA4LjA0ODI3TDYuMzA0NzkgMTQuODczNkw1LjEyNjI4IDEzLjY5NTFMMTEuOTU0IDYuODY4NThMNi44OTQwNSA2Ljg2ODExTDYuODk0MDUgNS4yMDE0NUwxMy45NjUxIDUuMjAxNDVMMTQuNzk4NSA2LjAzNDc4VjEzLjEwNThaIiBmaWxsPSIjRkE2RTAwIj48L3BhdGg+Cjwvc3ZnPgo=");} .gnb .btn_area .btn.btn_primary:hover{background-color: #FF7B14;} .gnb .btn_area .btn:last-child:hover{border-color: #d9d9d9;} } /* 해상도 대응 */ /* 481px ~ 549px */ @media screen and (min-width:481px) and (max-width:549px){ .gnb{left:auto;width:360px} } /* 550px ~ */ @media screen and (min-width:550px){ /* gnb */ .gnb{left:auto;width:480px} /* gnb - member_data_wrap */ .member_data_wrap .member_data_box .member_data_tit{font-size:12px} } @media screen and (min-width:768px){ .header .top_wrap{padding:0 24px} .header.type_global .top_wrap{padding:0 24px} .gnb .top_wrap{padding:0 24px} .gnb .menu_list .menu_item.is_pc_only{display:list-item} .gnb .menu_list .menu_item.is_mo_only{display:none} } @media screen and (min-width:1152px){ .header .header_inner .top_wrap{max-width:1152px;margin:0 auto;padding: 0 24px;} } @media screen and (min-width:1024px){ .header.type_global .header_inner .ico_logo{width: 120px;height: 17px;background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMjAgMTgiIGZpbGw9Im5vbmUiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxLjg1Mzg1QzAgMC44MTg1NDEgMC43OTY5MzkgMCAxLjgwNDkyIDBDMi44MTI5MSAwIDMuNjEwMTMgMC44MTg1NDEgMy42MTAxMyAxLjg1Mzg1VjYuODEzNjJIMTAuMjY3NFYxLjg1Mzg1QzEwLjI2NzQgMC44MTg1NDEgMTEuMDY0NiAwIDEyLjA3MjYgMEMxMy4wODA2IDAgMTMuODc3NiAwLjgxODU0MSAxMy44Nzc2IDEuODUzODVWMTUuMjg5QzEzLjg3NzYgMTYuMzI0IDEzLjA4MDYgMTcuMTQyOSAxMi4wNzI2IDE3LjE0MjlDMTEuMDY0NiAxNy4xNDI5IDEwLjI2NzQgMTYuMzI0IDEwLjI2NzQgMTUuMjg5VjEwLjIzMjhIMy42MTAxM1YxNS4yODlDMy42MTAxMyAxNi4zMjQgMi44MTI5MSAxNy4xNDI5IDEuODA0OTIgMTcuMTQyOUMwLjc5NjkzOSAxNy4xNDI5IDAgMTYuMzI0IDAgMTUuMjg5VjEuODUzODVaIiBmaWxsPSIjRkE2RTAwIj48L3BhdGg+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNC4yODU2IDEuOTAyMDhDMzQuMjg1NiAwLjg2Njc3NSAzNS4wODg4IDAuMDQ3OTQ0MyAzNi4xMDQ2IDAuMDQ3OTQ0M0gzNi40ODI2QzM3LjM1NjcgMC4wNDc5NDQzIDM3Ljg3NjQgMC40ODExODcgMzguMzcyNSAxLjEzMTQ5TDQ1LjM4ODcgMTAuNTIxNlYxLjgyOTQ0QzQ1LjM4ODcgMC44MTg1NCA0Ni4xOTE4IDAgNDcuMTg0IDBDNDguMTc2NCAwIDQ4Ljk3OTUgMC44MTg1NCA0OC45Nzk1IDEuODI5NDRWMTUuMjQwOEM0OC45Nzk1IDE2LjI3NjEgNDguMTc2NCAxNy4wOTQ5IDQ3LjE2MDYgMTcuMDk0OUg0Ny4wNDIzQzQ2LjE2ODIgMTcuMDk0OSA0NS42NDg1IDE2LjY2MTQgNDUuMTUyNCAxNi4wMTE0TDM3Ljg3NjQgNi4yODM5VjE1LjMxMzFDMzcuODc2NCAxNi4zMjQgMzcuMDczIDE3LjE0MjkgMzYuMDgwOSAxNy4xNDI5QzM1LjA4ODggMTcuMTQyOSAzNC4yODU2IDE2LjMyNCAzNC4yODU2IDE1LjMxMzFWMS45MDIwOFoiIGZpbGw9IiNGQTZFMDAiPjwvcGF0aD4KICA8bWFzayBpZD0ibWFzazBfMTczN18zMzUxMyIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjUxIiB5PSIwIiB3aWR0aD0iMTciIGhlaWdodD0iMTgiPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MS42Mjk2IDAuMDAxOTUzMTJINjcuNzQzVjE3LjE0MjhINTEuNjI5NlYwLjAwMTk1MzEyWiIgZmlsbD0id2hpdGUiPjwvcGF0aD4KICA8L21hc2s+CiAgPGcgbWFzaz0idXJsKCNtYXNrMF8xNzM3XzMzNTEzKSI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUxLjYyOTYgOC42MTk2N1Y4LjU3MjUzQzUxLjYyOTYgMy44NjExIDU1LjM3NDIgMC4wMDE5NTMxMiA2MC40OTU1IDAuMDAxOTUzMTJDNjMuMDU2MiAwLjAwMTk1MzEyIDY0Ljc0NzQgMC41NzA1MjQgNjYuMjY5MyAxLjYxMTk1QzY2LjYzMTcgMS44NzI1MiA2Ny4wNDI1IDIuMzY5NjcgNjcuMDQyNSAzLjA3OTk1QzY3LjA0MjUgNC4wNzM5NSA2Ni4yMjEyIDQuODc5MSA2NS4yMDYzIDQuODc5MUM2NC42NzQ4IDQuODc5MSA2NC4zMzY2IDQuNjg5OTUgNjQuMDcxIDQuNTAwNTJDNjMuMDU2MiAzLjc5MDI0IDYxLjk2OTMgMy4zNjM2NyA2MC4zNzQ4IDMuMzYzNjdDNTcuNjY5IDMuMzYzNjcgNTUuNTE5MSA1LjcwNzY3IDU1LjUxOTEgOC41MjQ4MVY4LjU3MjUzQzU1LjUxOTEgMTEuNjAyOCA1Ny42NDQ4IDEzLjgyODIgNjAuNjQwNCAxMy44MjgyQzYxLjk5MzUgMTMuODI4MiA2My4yMDExIDEzLjQ5NjggNjQuMTQzNiAxMi44MzRWMTAuNDY2NUg2MS42MzExQzYwLjczNzIgMTAuNDY2NSA2MC4wMTI0IDkuNzc5NjcgNjAuMDEyNCA4LjkwMzk1QzYwLjAxMjQgOC4wMjc5NSA2MC43MzcyIDcuMzE3NjcgNjEuNjMxMSA3LjMxNzY3SDY1Ljg4M0M2Ni45MjE1IDcuMzE3NjcgNjcuNzQzIDguMTIyNTIgNjcuNzQzIDkuMTQwODFWMTMuMTY1MUM2Ny43NDMgMTQuMjMwNSA2Ny4zMzIzIDE0Ljk2NDUgNjYuNDM4NCAxNS40ODU0QzY1LjA2MTQgMTYuMzE0IDYzLjA1NjIgMTcuMTQyOCA2MC41MTk3IDE3LjE0MjhDNTUuMjUzMyAxNy4xNDI4IDUxLjYyOTYgMTMuNTIwMiA1MS42Mjk2IDguNjE5NjdaIiBmaWxsPSIjRkE2RTAwIj48L3BhdGg+CiAgPC9nPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNODcuMzQ2OSAxLjg1OTM0Qzg3LjM0NjkgMC44MjExMjcgODguMTM5NiAwIDg5LjE0MjcgMEg4OS41MzkxQzkwLjMwODkgMCA5MC44NDU0IDAuNDEwMjcyIDkxLjE3MTkgMC45NjU5NDdMOTUuNTEgOC4yODE3OUw5OS44NzE1IDAuOTQyMDUzQzEwMC4yNDUgMC4zMTQxMTUgMTAwLjc1OCAwIDEwMS40ODEgMEgxMDEuODc3QzEwMi44ODEgMCAxMDMuNjczIDAuODIxMTI3IDEwMy42NzMgMS44NTkzNFYxNS4yODM4QzEwMy42NzMgMTYuMzIxNyAxMDIuODgxIDE3LjE0MjkgMTAxLjg3NyAxNy4xNDI5QzEwMC44OTggMTcuMTQyOSAxMDAuMTA1IDE2LjI5NzggMTAwLjEwNSAxNS4yODM4VjYuODU3Mkw5Ni45NTYzIDExLjg3OTJDOTYuNTgzIDEyLjQ1ODggOTYuMTE2NCAxMi44MjEgOTUuNDYzMyAxMi44MjFDOTQuODEwNiAxMi44MjEgOTQuMzQzOSAxMi40NTg4IDkzLjk3MDYgMTEuODc5Mkw5MC44Njg4IDYuOTI5NzZWMTUuMzMxOUM5MC44Njg4IDE2LjM0NjIgOTAuMDc1NiAxNy4xNDI5IDg5LjA5NiAxNy4xNDI5Qzg4LjExNjUgMTcuMTQyOSA4Ny4zNDY5IDE2LjM0NjIgODcuMzQ2OSAxNS4zMzE5VjEuODU5MzRaIiBmaWxsPSIjRkE2RTAwIj48L3BhdGg+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMDYuOTM5IDE1LjM0NjlWMi42MTIyQzEwNi45MzkgMS42MDk2IDEwNy43NjMgMC44MTY0MDYgMTA4LjgwNSAwLjgxNjQwNkgxMTguMjA3QzExOS4xMjggMC44MTY0MDYgMTE5Ljg3OSAxLjUzOTc5IDExOS44NzkgMi40MjU4N0MxMTkuODc5IDMuMzEyMjIgMTE5LjEyOCA0LjAxMTk2IDExOC4yMDcgNC4wMTE5NkgxMTAuNjQ2VjcuMzIzNzdIMTE3LjExNkMxMTguMDM3IDcuMzIzNzcgMTE4Ljc4OSA4LjA0Njg3IDExOC43ODkgOC45MzI5NUMxMTguNzg5IDkuODE5MyAxMTguMDM3IDEwLjUxOSAxMTcuMTE2IDEwLjUxOUgxMTAuNjQ2VjEzLjk0NzRIMTE4LjMyOEMxMTkuMjQ5IDEzLjk0NzQgMTIwIDE0LjY3MDUgMTIwIDE1LjU1NjhDMTIwIDE2LjQ0MzIgMTE5LjI0OSAxNy4xNDI5IDExOC4zMjggMTcuMTQyOUgxMDguODA1QzEwNy43NjMgMTcuMTQyOSAxMDYuOTM5IDE2LjM0OTcgMTA2LjkzOSAxNS4zNDY5WiIgZmlsbD0iI0ZBNkUwMCI+PC9wYXRoPgogIDxtYXNrIGlkPSJtYXNrMV8xNzM3XzMzNTEzIiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTUiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjY3NzcgMEgzMi40MjExVjE3LjAyNjVIMTUuNjc3N1YwWiIgZmlsbD0id2hpdGUiPjwvcGF0aD4KICA8L21hc2s+CiAgPGcgbWFzaz0idXJsKCNtYXNrMV8xNzM3XzMzNTEzKSI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMyLjIyMDYgMTQuNDA5NEwyNi40MDQ4IDEuNDk1NDNDMjUuOTYgMC41MTcxNDMgMjUuMTkwOSAwIDI0LjE4MDYgMEgyMy45NjYyQzIyLjk1NSAwIDIyLjE1NjYgMC41MzExNDMgMjEuNzE4MSAxLjQ5NkwxNS45MDI2IDE0LjQwOTFDMTUuNzkxNiAxNC42NDkxIDE1LjY3NzcgMTQuOTM0NiAxNS42Nzc3IDE1LjIyODZDMTUuNjc3NyAxNi4yMzY5IDE2LjQ3MDcgMTcuMDI2NiAxNy40ODMgMTcuMDI2NkgyNC43ODUyQzI1Ljc1NDIgMTcuMDI2NiAyNi41NDI1IDE2LjI2MiAyNi41NDI1IDE1LjMyMkMyNi41NDI1IDE0LjM2OTEgMjUuNzU0MiAxMy41OTQgMjQuNzg1MiAxMy41OTRIMjAuMjQ4OEwyNC4wMTM4IDQuNzhMMjcuNzI4MyAxMy40Nzg2TDI4LjcwMTQgMTUuNzE4QzI5LjA4MjMgMTYuNTc0IDI5LjcyNzkgMTcuMDI2NiAzMC41Njg1IDE3LjAyNjZDMzEuNjA3NSAxNy4wMjY2IDMyLjQyMTEgMTYuMjE2MyAzMi40MjExIDE1LjE4MTdDMzIuNDIxMSAxNC45NTA5IDMyLjM1NzQgMTQuNzA1NCAzMi4yMjA2IDE0LjQwOTRaIiBmaWxsPSIjRkE2RTAwIj48L3BhdGg+CiAgPC9nPgogIDxtYXNrIGlkPSJtYXNrMl8xNzM3XzMzNTEzIiBzdHlsZT0ibWFzay10eXBlOmx1bWluYW5jZSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iNjgiIHk9IjAiIHdpZHRoPSIxNyIgaGVpZ2h0PSIxOCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTY4LjYyNDUgMEg4NC44NDU1VjE3LjAyNjVINjguNjI0NVYwWiIgZmlsbD0id2hpdGUiPjwvcGF0aD4KICA8L21hc2s+CiAgPGcgbWFzaz0idXJsKCNtYXNrMl8xNzM3XzMzNTEzKSI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTg0LjY1MTMgMTQuNDA5NEw3OS4wMTY5IDEuNDk1NDNDNzguNTg1OSAwLjUxNzE0MyA3Ny44NDA4IDAgNzYuODYyMSAwSDc2LjY1NDRDNzUuNjc0OCAwIDc0LjkwMTIgMC41MzExNDMgNzQuNDc2NCAxLjQ5Nkw2OC44NDI0IDE0LjQwOTFDNjguNzM0NiAxNC42NDk0IDY4LjYyNDUgMTQuOTM0NiA2OC42MjQ1IDE1LjIyODZDNjguNjI0NSAxNi4yMzY5IDY5LjM5MyAxNy4wMjY2IDcwLjM3MzQgMTcuMDI2Nkg3Ny40NDc5Qzc4LjM4NjcgMTcuMDI2NiA3OS4xNTA2IDE2LjI2MiA3OS4xNTA2IDE1LjMyMkM3OS4xNTA2IDE0LjM2OTEgNzguMzg2NyAxMy41OTQgNzcuNDQ3OSAxMy41OTRINzMuMDUyOUw3Ni43MDA1IDQuNzhMODAuMjk4MyAxMy40NzY2TDgxLjI0MjEgMTUuNzE4QzgxLjYxMDkgMTYuNTc0IDgyLjIzNjMgMTcuMDI2NiA4My4wNTA3IDE3LjAyNjZDODQuMDU3MyAxNy4wMjY2IDg0Ljg0NTUgMTYuMjE2MyA4NC44NDU1IDE1LjE4MTdDODQuODQ1NSAxNC45NTA5IDg0Ljc4NDEgMTQuNzA1NCA4NC42NTEzIDE0LjQwOTRaIiBmaWxsPSIjRkE2RTAwIj48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K");} .wrap_store .header .header_inner .top_wrap{width:1024px;margin:0 auto;padding:0 24px} .header .top_menu_wrap .link_user{display:inline-block} .header .top_menu_wrap .btn_enter{display:none} .header .top_menu_wrap .btn_shortcut{display:none} } @media screen and (min-width:1280px) { .header .header_inner .top_wrap{width:1104px;padding:0} } /* min-width:1440px */ @media screen and (min-width:1440px) { .wrap_store.header .header_inner .top_wrap{width:1024px;padding:0 24px} } /* 다크모드 */ @media (prefers-color-scheme: dark){ .header{background:#05051D} .header .header_title_wrap .text_store{color:#fff} .header .top_menu_wrap .link_user{border-color: #fff;color: #fff;} .header .ico_menu{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12H21' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 4H21' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 20H21' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A")} .header .ico_addlink{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.5L10.5498 2.21817C10.3992 2.07778 10.203 1.99999 9.99941 2C9.79586 2.00001 9.59962 2.07781 9.44902 2.21821L1.26776 9.84508C1.18342 9.9237 1.11604 10.0195 1.06993 10.1264C1.02382 10.2333 1 10.3489 1 10.4657V20.1611C1 20.3836 1.0862 20.597 1.23964 20.7543C1.39308 20.9116 1.60119 21 1.81818 21H8.18182' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 22C20.3137 22 23 19.3137 23 16C23 12.6863 20.3137 10 17 10C13.6863 10 11 12.6863 11 16C11 19.3137 13.6863 22 17 22Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.4285 16H19.5713' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 13.4277V18.5706' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")} }