*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{padding:0;margin:0;border:0;font:inherit;font-size:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-size-adjust:none;vertical-align:baseline}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;appearance:none;border-radius:0}:root{--vh: 1vh}body{background-color:#000;overflow:hidden !important;font-family:"Pretendard",Arial,sans-serif}button{font-family:"Pretendard",Arial,sans-serif}.mo .gnbContainer{margin-top:-56px}.wrap{position:relative;width:100vw;height:calc(100dvh - 63px);height:calc(var(--vh, 1vh)*100 - 63px);overflow:hidden}.mo .wrap{height:100dvh;height:calc(var(--vh, 1vh)*100)}.header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 24px;background-color:#1d1d1d;font-size:16px;font-weight:400;color:#fefefe}.header a{color:#fefefe;text-decoration:none}.header .header_left{display:flex;align-items:center;justify-content:flex-start;gap:40px}.header .header_left .logo img{width:auto;height:40px}.header .header_left .pc{display:flex;align-items:center;justify-content:flex-start;gap:64px}.header .header_left .pc li a{color:#a6a6a6}.header .header_left .pc li.on a{color:#fefefe}@media screen and (max-height: 1179px)and (orientation: portrait),screen and (max-width: 1023px){.header .header_left .pc{display:none}}.header .header_center{display:none}@media screen and (max-height: 1179px)and (orientation: portrait),screen and (max-width: 1023px){.header .header_center{display:flex;align-items:center;justify-content:center}.header .header_center button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0;background:none;border:none;font-size:18px;font-weight:600;color:#fefefe;cursor:pointer}}.header .header_right{display:flex;align-items:center;justify-content:flex-end}.header .header_right>.pc{display:flex;align-items:center;justify-content:flex-end;gap:4px}.header .header_right>.pc a{font-size:18px}.header .header_right>.mo{display:none}.header .header_right>.mo button{width:24px;height:24px;padding:0;background:none;border:none;cursor:pointer}@media screen and (max-height: 1179px)and (orientation: portrait),screen and (max-width: 1023px){.header .header_right>.pc{display:none}.header .header_right>.mo{display:flex;align-items:center;justify-content:flex-end;gap:4px}.header .header_right>.mo .logout{display:none}body.mo .header .header_right>.mo .logout{display:block}}@media screen and (max-width: 1024px){.header{height:64px}.header .header_left .logo img{width:auto;height:36px}}.char_viewer_wrap{display:flex;align-items:flex-end;justify-content:center;background-color:#100e1b;box-sizing:border-box}@media screen and (orientation: landscape){.char_viewer_wrap{height:calc(100dvh - 63px - 80px);height:calc(var(--vh, 1vh)*100 - 63px - 80px);padding-right:754px;padding-left:24px}.full .char_viewer_wrap{padding-right:0;padding-left:0}}@media screen and (max-width: 1440px)and (orientation: landscape){.char_viewer_wrap{padding-right:530px}}@media screen and (max-width: 1280px)and (orientation: landscape){.char_viewer_wrap{padding-right:410px}}@media screen and (max-width: 1024px)and (orientation: landscape){.char_viewer_wrap{height:calc(100dvh - 63px - 64px);height:calc(var(--vh, 1vh)*100 - 63px - 64px)}.mo .char_viewer_wrap{height:calc(100dvh - 64px);height:calc(var(--vh, 1vh)*100 - 64px)}}@media screen and (orientation: portrait){.char_viewer_wrap{height:calc(60vh - 63px - 80px)}.full .char_viewer_wrap{height:calc(100dvh - 63px - 80px);height:calc(var(--vh, 1vh)*100 - 63px - 80px)}}@media screen and (max-width: 1024px)and (orientation: portrait){.char_viewer_wrap{height:calc(50vh - 63px - 64px)}.mo .char_viewer_wrap{height:calc(50vh - 64px)}.full .char_viewer_wrap{height:calc(100dvh - 63px - 64px);height:calc(var(--vh, 1vh)*100 - 63px - 64px)}.full.mo .char_viewer_wrap{height:calc(100dvh - 64px);height:calc(var(--vh, 1vh)*100 - 64px)}}.char_viewer{position:relative;width:100%;height:0px}.char_renderer{position:absolute;bottom:0}@media screen and (orientation: landscape){.char_renderer{left:50%;width:calc(100vw + 754px);height:calc(100dvh - 63px - 80px);height:calc(var(--vh, 1vh)*100 - 63px - 80px);margin-left:calc((50vw + 377px)*-1)}.full .char_renderer{left:0;width:100vw;margin-left:auto}}@media screen and (max-width: 1024px)and (orientation: landscape){.char_renderer{height:calc(100dvh - 63px - 64px);height:calc(var(--vh, 1vh)*100 - 63px - 64px)}.mo .char_renderer{height:calc(100dvh - 64px);height:calc(var(--vh, 1vh)*100 - 64px)}}@media screen and (orientation: portrait){.char_renderer{left:0;width:100%;height:calc(60vh - 63px - 80px)}.full .char_renderer{height:calc(100dvh - 63px - 80px);height:calc(var(--vh, 1vh)*100 - 63px - 80px)}}@media screen and (max-width: 1024px)and (orientation: portrait){.char_renderer{height:calc(50vh - 63px - 64px)}.mo .char_renderer{height:calc(50vh - 64px)}.full .char_renderer{height:calc(100dvh - 63px - 64px);height:calc(var(--vh, 1vh)*100 - 63px - 64px)}.full.mo .char_renderer{height:calc(100dvh - 64px);height:calc(var(--vh, 1vh)*100 - 64px)}}.char_renderer canvas{width:100%;height:100%}.char_info{position:absolute;left:50%;width:510px;height:85px;margin-left:-255px}@media screen and (max-width: 1440px){.char_info{width:448px;margin-left:-224px}}@media screen and (max-width: 1023px){.char_info{width:340px;height:114px;margin-left:-170px}}@media screen and (orientation: landscape){.char_info{bottom:98px}}@media screen and (max-height: 720px)and (orientation: landscape){.char_info{bottom:48px}}@media screen and (orientation: portrait){.char_info{bottom:57px}}@media screen and (orientation: portrait)and (max-height: 740px){.char_info{bottom:37px}}.item_list_wrap{display:flex;flex-direction:column}.item_list_wrap footer{position:fixed;bottom:0;left:0;width:100%;font-size:12px;font-weight:300;line-height:80px;color:hsla(0,0%,100%,.5);text-align:center}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.item_list_wrap footer{position:absolute;line-height:64px;color:rgba(0,0,0,.5)}}@media screen and (orientation: landscape){.item_list_wrap{position:absolute;top:0;right:0;align-items:center;justify-content:center;width:754px;height:100%;padding:128px 0 98px 24px;box-sizing:border-box}}@media screen and (max-width: 1440px)and (orientation: landscape){.item_list_wrap{width:530px}}@media screen and (max-width: 1280px)and (orientation: landscape){.item_list_wrap{width:410px}}@media screen and (max-width: 1024px)and (orientation: landscape){.item_list_wrap{padding-top:112px}}@media screen and (max-height: 720px)and (orientation: landscape){.item_list_wrap{padding-top:80px;padding-bottom:0}}@media screen and (max-height: 720px)and (orientation: landscape)and (max-width: 1024px)and (orientation: landscape){.item_list_wrap{padding-top:64px}}@media screen and (orientation: portrait){.item_list_wrap{position:relative;width:100%;height:calc(100dvh - 60vh + 32px);height:calc(var(--vh, 1vh)*100 - 60vh + 32px);margin-top:-32px}}@media screen and (max-width: 1024px)and (orientation: portrait){.item_list_wrap{height:calc(100dvh - 50vh + 32px);height:calc(var(--vh, 1vh)*100 - 50vh + 32px)}}.item_list_wrap .item_list{position:relative;z-index:1;width:100%;height:100%;max-height:700px;background-color:#f3f3f3;border-bottom-left-radius:32px;border-top-left-radius:32px;box-shadow:0 0 20px 5px rgba(0,0,0,.1)}@media screen and (orientation: portrait){.item_list_wrap .item_list{max-height:none;border-bottom-left-radius:0;border-top-right-radius:32px}}.item_list_wrap .item_status_wrap{position:relative;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);height:36px;padding:48px 24px 16px;margin-top:-32px;background-color:#3691ff;border-bottom-left-radius:32px;box-sizing:content-box}.item_list_wrap .item_status_wrap .btn_status{display:flex;align-items:center;justify-content:center;gap:12px;padding:0;background:#3691ff;border:none;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.item_list_wrap .item_status_wrap .btn_status div{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 0}.item_list_wrap .item_status_wrap .btn_status div span:first-child{margin-right:6px}.item_list_wrap .item_status_wrap .btn_status div:after{content:"";position:absolute;bottom:0;left:0;display:block;width:0%;height:1px;background:#fff;transition:width .3s ease-in-out}.item_list_wrap .item_status_wrap .btn_status:hover div:after{width:calc(100% - 6px)}.item_list_wrap .item_status_wrap .btn_reset{display:flex;align-items:center;justify-content:center;gap:4px;height:36px;padding:0 12px;background:#3691ff;border:1px solid #3691ff;border-radius:6px;box-sizing:border-box;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.item_list_wrap .item_status_wrap .btn_reset:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.item_list_wrap .item_status_wrap{display:none;visibility:hidden}}body.full .item_list_wrap{width:0 !important}.modal_box_wrap{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%}.modal_box_wrap .dimmed{position:absolute;top:0;left:0;width:100%;height:100%}.modal_box{position:relative;display:inline-flex;align-items:center;height:57px;padding:6px 6px 6px 10px;background:#e1e1e1;border:2px solid #fff;border-radius:20px}.modal_box_close{position:absolute;top:15px;right:12px;width:24px;height:24px}.modal_box_close button{width:100%;height:100%;padding:0;background:none;border:none;cursor:pointer}@media screen and (max-width: 1280px){.modal_box:not(.pop){transform:scale(0.95)}}@media screen and (max-width: 1023px){.modal_box:not(.pop){transform:scale(0.9)}.modal_box:not(.pop) .txt{font-size:13px !important}}.modal_box .icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:100%}.modal_box .txt{font-size:15px;font-weight:400;line-height:1.15em;color:#404040;word-break:keep-all;word-wrap:break-word}.modal_box .txt strong{font-weight:600}.modal_box .txt input[type=text]{width:200px;height:100%;padding:0;background:none;border:none;font-size:15px;font-weight:400;color:#404040;outline:none}.modal_box>button{flex-shrink:0;height:100%;padding:0 24px;padding-bottom:2px;margin-left:20px;background:#2b2c2e;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.modal_box>button:hover{background:#e55400}.pop_header_mo{position:fixed;top:0;left:0;z-index:10000001;width:100%;height:100%;background:rgba(0,0,0,.7)}.pop_header_mo .modal_box_wrap{justify-content:flex-end;height:100%}.pop_header_mo .modal_box_wrap .modal_box{width:100%;height:auto;padding:36px 20px 32px;border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.pop_header_mo .modal_box_wrap .modal_box .modal_box_btns{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:26px;width:100%}.pop_header_mo .modal_box_wrap .modal_box .modal_box_btns .info{font-size:14px;font-weight:600;color:#5e5e5e}.pop_header_mo .modal_box_wrap .modal_box .modal_box_btns .btns{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%}.pop_header_mo .modal_box_wrap .modal_box .modal_box_btns .btns button{height:46px;padding:0 24px;background-color:rgba(0,0,0,0);border:1px solid #2b2c2e;border-radius:35px;box-sizing:border-box;font-size:13px;font-weight:600;line-height:44px;color:#2b2c2e;text-align:center;cursor:pointer}.pop_header_mo .modal_box_wrap .modal_box .modal_box_btns .btns button.on{background:#2b2c2e;color:#fff}.pop_guide_wrap{position:fixed;top:0;left:0;z-index:10000001;width:100%;height:100%;background:rgba(0,0,0,.7)}.pop_guide_wrap .modal_box_wrap{height:100%;padding:20px}.pop_guide_wrap .modal_box_wrap .modal_box{width:100%;height:auto;max-width:622px;padding:36px 30px 32px}@media screen and (max-width: 767px){.pop_guide_wrap .modal_box_wrap .modal_box{padding:42px 15px 35px}}.pop_guide_wrap .modal_box_wrap .modal_box .guide{width:100%;font-size:14px;font-weight:500;color:#404040;word-break:keep-all;word-wrap:break-word}@media screen and (max-width: 767px){.pop_guide_wrap .modal_box_wrap .modal_box .guide{font-size:13px}}.pop_guide_wrap .modal_box_wrap .modal_box .guide .title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:17px;font-size:28px;font-weight:700;color:#2b2c2e}.pop_guide_wrap .modal_box_wrap .modal_box .guide .title+p{padding:0 10%;font-size:16px}@media screen and (max-width: 767px){.pop_guide_wrap .modal_box_wrap .modal_box .guide .title{font-size:20px}.pop_guide_wrap .modal_box_wrap .modal_box .guide .title+p{font-size:14px}}.pop_guide_wrap .modal_box_wrap .modal_box .guide p{font-size:12px;line-height:1.2em;text-align:center}.pop_guide_wrap .modal_box_wrap .modal_box .guide .sub_title{margin:18px 0 10px;font-size:20px;font-weight:700;text-align:center}@media screen and (max-width: 767px){.pop_guide_wrap .modal_box_wrap .modal_box .guide .sub_title{margin:13px 0 8px;font-size:16px}}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box{padding:25px;background:#d9d9d9;border:1px solid #c7c7c7;border-radius:18px}@media screen and (max-width: 767px){.pop_guide_wrap .modal_box_wrap .modal_box .guide_box{padding:24px 20px}}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box ul li{display:flex;align-items:center;justify-self:flex-start;gap:10px}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box ul li svg{flex-shrink:0;align-self:flex-start}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box ul li div{flex:1;line-height:1.2em;letter-spacing:-0.7px}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box ul li div strong{color:#c3652b}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box .tab_list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding:12px 15px;margin-top:15px;background:#ebebeb;border:1px solid #ccc;border-radius:8px;font-size:12px;font-weight:500}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box .tab_list dl{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;margin:0}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box .tab_list dl dt{position:relative;flex-shrink:0;align-self:flex-start;width:77px;height:20px;color:#fff}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box .tab_list dl dt>div{position:absolute;top:0;left:0;width:72px;height:100%;line-height:20px;text-align:center}.pop_guide_wrap .modal_box_wrap .modal_box .guide_box .tab_list dl dd{margin:0;letter-spacing:-0.7px}.not_supported{position:fixed;top:0;left:0;z-index:10000002;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;height:100%;background:#2b2b2b;font-size:20px;font-weight:700;line-height:1.2em;color:#e1e1e1}.not_supported>svg{width:30%;height:auto;max-width:100px;max-height:100px}.not_supported>div{padding:0 20px}.item_list_box{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;width:100%;height:100%;padding:24px;border-bottom-left-radius:32px;border-top-left-radius:32px;box-sizing:border-box;overflow:hidden}@media screen and (min-width: 1281px)and (orientation: landscape){.item_list_box{gap:12px;padding:32px 24px}}@media screen and (min-width: 1281px)and (orientation: landscape)and (max-height: 720px)and (orientation: landscape){.item_list_box{padding:24px}}@media screen and (max-height: 720px)and (orientation: landscape){.item_list_box{padding-bottom:64px}}@media screen and (max-height: 843px)and (orientation: portrait){.item_list_box{padding-right:20px;padding-left:20px}}@media screen and (orientation: portrait){.item_list_box{gap:10px;padding-bottom:64px;border-bottom-left-radius:0;border-top-right-radius:32px}}.btn_go_itemshop{position:absolute;top:8px;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;transform:translateX(calc(-100% - 16px))}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.btn_go_itemshop{display:none}}.btn_go_itemshop button{width:43px;height:43px;padding:0;background:none;border:none;cursor:pointer}.btn_go_itemshop .tooltip{position:relative;max-width:76px;padding:5px 6px;margin-top:7px;background:#1b1b1b;border:1px solid #4e4e4e;border-radius:5px;box-sizing:border-box;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:-0.22px;color:#fefefe;text-align:center;word-break:keep-all;cursor:pointer}.btn_go_itemshop .tooltip:before,.btn_go_itemshop .tooltip:after{content:"";position:absolute;left:50%;border-style:solid;transform:translateX(-50%)}.btn_go_itemshop .tooltip:before{top:-5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #4e4e4e;border-width:0 3px 5px}.btn_go_itemshop .tooltip:after{top:-4px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #1b1b1b;border-width:0 2px 4px}.ilb_scroll{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin}@media screen and (min-width: 1281px)and (orientation: landscape){.ilb_scroll{gap:12px}}@media screen and (orientation: portrait){.ilb_scroll{gap:10px}}.ilb_tab{position:relative;display:flex;flex-direction:row;flex-shrink:0;align-items:flex-start;justify-content:flex-start;height:48px;overflow:hidden}.ilb_tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #2b2c2e;border-radius:37px;box-sizing:border-box}.ilb_tab li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:16px;font-weight:600;color:#2b2c2e;text-align:center;cursor:pointer}.ilb_tab li.on{background:#2b2c2e;border-radius:37px;color:#fff}.ilb_type{flex-shrink:0;width:100%;height:46px}.ilb_type .swiper-slide{width:auto;height:100%;padding:0 24px;border:1px solid #2b2c2e;border-radius:35px;box-sizing:border-box;font-size:13px;font-weight:600;line-height:44px;color:#2b2c2e;text-align:center;cursor:pointer}.ilb_type .swiper-slide.on{background:#2b2c2e;color:#fff}.ilb_search{display:flex;flex-shrink:0;justify-content:space-between;height:52px;padding:13px 0px 15px 7px;border-bottom:1px solid #2b2c2e}.ilb_search input[type=text]{flex:1;height:100%;padding:0 10px 0 0;background-color:rgba(0,0,0,0);border:none;font-size:18px;font-weight:600;color:#2b2c2e;outline:none}.ilb_search input[type=text]::placeholder{font-size:12px;color:#a9a9a9}.ilb_search button{width:24px;height:24px;padding:0;background:none;border:none;cursor:pointer}.ilb_search button svg{width:100%;height:100%}.ilb_list{display:grid;flex:1;flex-shrink:0;gap:6px;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));padding-right:8px;overflow-y:auto;place-content:start;scrollbar-width:thin}@media screen and (max-width: 1280px)and (orientation: landscape){.ilb_list{gap:8px}}@media screen and (max-height: 720px)and (orientation: landscape){.ilb_list{overflow-y:visible}}@media screen and (orientation: portrait){.ilb_list{gap:10px}}@media screen and (max-height: 1179px)and (orientation: portrait){.ilb_list{gap:10px;overflow-y:visible}}.ilb_list .item{position:relative;padding:9px;background:#fff;border:1px solid #d9d9d9;border-radius:16px;cursor:pointer}.ilb_list .item .img{display:block;height:80px;margin-bottom:10px;background:#1d1d1d;border-radius:8px;overflow:hidden;text-align:center}.ilb_list .item .img img{width:100%;height:100%;vertical-align:top;object-fit:contain}.ilb_list .item .txt{height:42px;overflow:hidden;font-size:12px;font-weight:600;line-height:14px;letter-spacing:-0.24px;color:#525252;text-align:center;word-break:keep-all;word-wrap:break-word}.ilb_list .item .flag{position:absolute;top:0;left:0;width:48px;height:48px}.ilb_list .item .flag_new{background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2025/9999_dressroom_v199t5/images/item_flag_new.png?09bbe42598f9343ab647) no-repeat 0 0/48px auto}.ilb_list .item .flag_event{background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2025/9999_dressroom_v199t5/images/item_flag_event.png?1d35cfe03044b39f1d62) no-repeat 0 0/48px auto}.ilb_list .item.on{background:#3691ff;border-color:#3691ff}.ilb_list .item.on .txt{color:#fff}.ilb_list.type_long .item .img{height:108px}.ilb_list.type_status{display:flex;flex-direction:column;padding-right:0}.ilb_list.type_status .item{display:flex;align-items:center;gap:12px;padding-right:110px;cursor:default}.ilb_list.type_status .item .img{flex-shrink:0;width:80px;margin-bottom:0}.ilb_list.type_status .item .txt{height:auto;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ilb_list.type_status .item button{position:absolute;top:50%;right:16px;height:42px;padding:12px 16px 12px 14px;margin:-21px 0 0 0;background:#fff;border:1px solid #dbdbdb;border-radius:35px;box-sizing:border-box;font-size:14px;font-weight:600;color:#2b2c2e;cursor:pointer}.ilb_list.type_status .item button svg{display:none}.ilb_list.type_status .item button:hover{border-color:#2b2c2e}@media screen and (max-width: 1280px)and (orientation: landscape),screen and (max-width: 640px)and (orientation: portrait){.ilb_list.type_status .item{padding-right:28px}.ilb_list.type_status .item button{top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-top:0;border:none}.ilb_list.type_status .item button span{display:none}.ilb_list.type_status .item button svg{display:block}}.no_item{padding-top:10px;font-size:12px;font-weight:600;line-height:1.2em;color:rgba(43,44,46,.5);text-align:center}.ilb_color{position:relative;height:50px;padding:10px 42px 0;box-sizing:border-box}.ilb_color.single{position:absolute;bottom:0;left:0;height:0;padding:0;box-sizing:content-box}.ilb_color.single .picker{position:absolute;bottom:8px;left:8px;width:56px;height:56px;background-color:#2b2c2e;border-radius:50%;overflow:hidden;cursor:pointer}.ilb_color.single .picker svg{width:100%;height:100%;padding-top:3px;padding-right:5px;scale:.75}.ilb_color.single .picker svg+div{display:none}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.ilb_color.single{position:static;bottom:auto;left:auto;height:40px;background-color:rgba(0,0,0,0);border-radius:0}.ilb_color.single .picker{position:static;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;border-radius:16px}.ilb_color.single .picker svg{width:28px;height:28px;scale:1}.ilb_color.single .picker svg+div{display:block;font-size:13px;font-weight:600;color:#fff}}.ilb_color .btn_prev,.ilb_color .btn_next{position:absolute;top:10px;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer}.ilb_color .btn_prev svg,.ilb_color .btn_next svg{width:100%;height:100%}.ilb_color .btn_prev:hover svg path,.ilb_color .btn_next:hover svg path{stroke:#3691ff !important}.ilb_color .btn_prev.swiper-button-disabled,.ilb_color .btn_next.swiper-button-disabled{cursor:default;opacity:.3}.ilb_color .btn_prev.swiper-button-disabled:hover svg path,.ilb_color .btn_next.swiper-button-disabled:hover svg path{stroke:#a9a9a9 !important}.ilb_color .btn_prev{left:0}.ilb_color .btn_next{right:0}.ilb_color .swiper{width:100%;height:100%}.ilb_color .swiper-slide{width:auto;height:100%}.ilb_color .swiper-slide .odd{position:relative;display:flex;width:56px;height:28px;margin-top:6px;overflow:hidden}.ilb_color .swiper-slide .odd:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #2b2c2e;border-radius:26px;box-sizing:border-box}.ilb_color .swiper-slide .odd div{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}.ilb_color .swiper-slide .odd div svg{scale:.65}.ilb_color .swiper-slide .odd div.on{background:#2b2c2e}.ilb_color .swiper-slide .odd div.on svg{scale:.75}.ilb_color .swiper-slide .odd div.on svg path{fill:#fff}.ilb_color .swiper-slide .picker,.ilb_color .swiper-slide .colorchip{width:40px;height:40px;border-radius:50%;box-sizing:border-box;cursor:pointer}.ilb_color .swiper-slide .picker{background-color:#2b2c2e}.ilb_color .swiper-slide .picker svg{width:100%;height:100%;padding-right:3px;scale:.66}.ilb_color.info{padding:10px 0 0}.ilb_color.info>div{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;font-size:12px;color:#2b2c2e}.ilb_color.info>div svg{flex-shrink:0}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.ilb_color{height:64px;padding:12px 36px;background-color:#fff;border-radius:28px}.ilb_color .btn_prev,.ilb_color .btn_next{top:12px}.ilb_color .swiper{margin-top:2px}.ilb_color .swiper-slide .odd{width:72px;height:36px;margin-top:0px}.ilb_color .swiper-slide .odd div{width:36px;height:36px}.ilb_color .swiper-slide .picker,.ilb_color .swiper-slide .colorchip{width:36px;height:36px}.ilb_color .swiper-slide .picker{background-color:#2b2c2e}.ilb_color .swiper-slide .picker svg{width:100%;height:100%;padding-right:3px;scale:.66}.ilb_color.info{padding:12px 16px}.ilb_color.info>div{font-size:11px}}.ilb_title{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px}.ilb_title>div{display:flex;align-items:center;justify-content:center;gap:6px}.ilb_title>div>span{font-size:20px;font-weight:600;color:#17191c;text-align:center}.ilb_title>div .btn_back{width:24px;height:24px;padding:0;margin:0;background:none;border:none;cursor:pointer}.ilb_title>div .btn_reset{display:flex;align-items:center;justify-content:center;gap:4px;height:36px;padding:0 12px;margin:0;background:#fff;border:1px solid #acacac;border-radius:8px;font-size:14px;cursor:pointer}.ilb_title>div .btn_reset:hover{border-color:#2b2c2e}.ilb_title>div .btn_reset:hover svg path{fill:#2b2c2e}@media screen and (orientation: portrait){.ilb_title>div .btn_reset{display:none}}.btn_full_show{position:absolute;top:50%;right:0;display:none;width:56px;height:48px;margin-top:-24px;background:#f3f3f3;border-bottom:1px solid #2b2c2e;border-left:1px solid #2b2c2e;border-radius:16px 0px 0px 16px;border-top:1px solid #2b2c2e}.btn_full_show button{width:100%;height:100%;padding:0;background:none;border:none;cursor:pointer}.btn_full_show button svg{padding-top:2px}@media screen and (orientation: portrait){.btn_full_show{position:fixed;top:auto;bottom:12px}}.btn_scroll_top{display:none}@media screen and (max-height: 1179px)and (orientation: portrait){.btn_scroll_top{position:fixed;right:0;bottom:12px;z-index:1;display:block;width:56px;height:48px;background:#2b2c2e;border-radius:16px 0px 0px 16px}.btn_scroll_top button{width:100%;height:100%;padding:0;background:none;border:none;cursor:pointer}}body.full .btn_scroll_top{display:none !important}.color_pop_wrap{position:absolute;top:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.color_pop_wrap .dimmed{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.color_pop{position:relative;width:340px;padding:28px 18px;background-color:#fff;border:2px solid #e2e2e2;border-radius:20px;box-shadow:0 0 20px 5px rgba(0,0,0,.1);box-sizing:border-box}.color_pop_close{position:absolute;top:15px;right:12px;width:24px;height:24px}.color_pop_close button{width:100%;height:100%;padding:0;background:none;border:none;cursor:pointer}.color_pop_title{display:flex;align-items:center;justify-content:flex-start;gap:4px;height:24px;margin-bottom:16px}.color_pop_title svg{width:24px;height:24px;padding:3px 5px 0;background:#ebebeb;border-radius:50%;box-sizing:border-box}.color_pop_title span{flex:1;font-size:14px;font-weight:600;letter-spacing:-0.28px;color:#2b2c2e}.color_pop_list{display:flex;flex-direction:column;gap:4px}.color_pop_list .part{display:flex;align-items:center;justify-content:flex-start;width:300px;height:42px;padding:7px 7px 7px 12px;background:#eee;border:1px solid #e8e8e8;border-radius:12px;box-sizing:border-box}.color_pop_list .part_name{width:20px;margin-right:4px;font-size:16px;font-weight:800;color:#2b2c2e;text-align:center}.color_pop_list .part_color{position:relative;width:30px;height:26px;margin-right:12px;border-radius:6px;overflow:hidden}.color_pop_list .part_color input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.color_pop_list .part_rgb{display:flex;gap:4px;margin-right:4px}.color_pop_list .part_rgb>div{position:relative;width:44px;height:26px;padding:0 6px 0 20px;border-bottom:1px solid #000;box-sizing:border-box}.color_pop_list .part_rgb>div input[type=text]{width:100%;height:100%;padding:0;background-color:rgba(0,0,0,0);border:none;font-size:10px;font-weight:500;color:#525252;outline:none}.color_pop_list .part_rgb>div::before{position:absolute;top:0;left:3px;font-size:12px;font-weight:700;line-height:26px;color:#2b2c2e}.color_pop_list .part_rgb>div.r::before{content:"R :"}.color_pop_list .part_rgb>div.g::before{content:"G :"}.color_pop_list .part_rgb>div.b::before{content:"B :"}.color_pop_list .part_apply{flex:1;height:100%}.color_pop_list .part_apply button{width:100%;height:100%;padding:0;background:#2b2c2e;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer}.clr-field{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.clr-field button{width:100%;height:100%;background:linear-gradient(90deg, #c50f0f 0%, #ffe100 25%, #0fc546 50%, #0f80c5 75%, #370097 100%)}.clr-picker.clr-polaroid{border-radius:16px}.clr-picker.clr-polaroid::before{content:"";display:none}.clr-polaroid{padding:12px}.clr-polaroid input.clr-color,.clr-polaroid .clr-preview{display:none}.clr-polaroid .clr-gradient{width:100%;margin:0 0 12px;border-radius:8px}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{width:100%;height:16px;margin:0;border-radius:8px}.clr-marker{z-index:1;width:16px;height:16px;margin:-8px 0 0 -8px;border-width:2px}.char_info_box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px;width:100%;height:50px;background:url(https://ssl.nexon.com/s2/game/mabinogi/MabiWeb/event/2025/9999_dressroom_v199t5/images/char_info_bg.png?a05ee645af38583bb79d) no-repeat center center/100% 100%}@media screen and (max-width: 1440px){.char_info_box{height:40px}}@media screen and (max-width: 1023px){.char_info_box{height:100%}}@media screen and (max-width: 749px)and (orientation: landscape){.char_info_box{transform:scale(0.81)}}.char_info_box .btn_prev,.char_info_box .btn_next{width:40px;height:40px;padding:0;background:none;border:none;border-radius:50%;overflow:hidden;cursor:pointer}.char_info_box .btn_prev svg,.char_info_box .btn_next svg{margin-top:2px}.char_info_box .btn_prev:hover,.char_info_box .btn_next:hover{background:hsla(0,0%,100%,.1)}@media screen and (max-width: 1023px){.char_info_box .btn_prev,.char_info_box .btn_next{position:absolute;top:0;z-index:10}}.char_info_box .btn_prev svg{margin-right:5px}@media screen and (max-width: 1023px){.char_info_box .btn_prev{left:0}}.char_info_box .btn_next svg{margin-left:5px}@media screen and (max-width: 1023px){.char_info_box .btn_next{right:0}}.char_info_box .swiper{flex:1;height:50px}.char_info_box .swiper-slide{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;width:100%;height:50px}.char_info_box .swiper-slide div{display:flex;align-items:center;justify-content:center}.char_info_box .swiper-slide div strong{font-size:24px;font-weight:700;color:#fff}.char_info_box .swiper-slide div.btns{display:grid;flex:1;gap:10px;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));width:100%;height:100%}.char_info_box .swiper-slide div.btns button{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;background:rgba(0,0,0,.5);border:1px solid #717171;border-radius:16px;font-size:16px;font-weight:600;color:#a1a1a1;cursor:pointer}.char_info_box .swiper-slide div.btns button span{padding-bottom:2px}.char_info_box .swiper-slide div.btns button.on{background:#f2f2f2;border-color:#f2f2f2;color:#2b2c2e}.char_info_box .swiper-slide div.slider-wrapper{display:flex;flex:1;align-items:center;gap:8px;padding:8px 0}.char_info_box .swiper-slide div.slider-wrapper .age{flex-shrink:0;width:52px;text-align:center}.char_info_box .swiper-slide div.slider-wrapper button{width:24px;height:24px;background:none;border:none;cursor:pointer}.char_info_box .swiper-slide div.slider-wrapper button#decrease{padding-bottom:4px}.char_info_box .swiper-slide div.slider-wrapper input[type=range]{position:relative;width:100%;height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;box-shadow:0 0 20px 2px rgba(0,0,0,.3);appearance:none}.char_info_box .swiper-slide div.slider-wrapper input[type=range]::-webkit-slider-thumb{width:24px;height:24px;background:#1473e6;border-radius:50%;cursor:pointer;-webkit-appearance:none}.char_info_box .swiper-slide div.slider-wrapper input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#1473e6;border-radius:50%;cursor:pointer}@media screen and (max-width: 1440px){.char_info_box .swiper{height:36px}.char_info_box .swiper-slide{height:36px}.char_info_box .swiper-slide div strong{font-size:18px}.char_info_box .swiper-slide div.btns{gap:9px}.char_info_box .swiper-slide div.btns button{gap:3px;border-radius:14px;font-size:11px}.char_info_box .swiper-slide div.btns button svg{scale:.8}}@media screen and (max-width: 1023px){.char_info_box .swiper{height:100%}.char_info_box .swiper-slide{flex-direction:column;justify-content:flex-start;gap:8px;height:100%}.char_info_box .swiper-slide div{height:40px}.char_info_box .swiper-slide div strong{font-size:16px}.char_info_box .swiper-slide div.btns{gap:10px;padding-bottom:26px}.char_info_box .swiper-slide div.slider-wrapper{width:100%;padding:8px 0 26px 10px}}.char_info_box .pagination{position:absolute;bottom:0;left:0;z-index:10;width:100%;text-align:center}.char_info_box .pagination .swiper-pagination-bullet{width:10px;height:10px;background:hsla(0,0%,100%,.5)}.char_info_box .pagination .swiper-pagination-bullet-active{width:28px;background:#1473e6;border-radius:5px}@media screen and (max-width: 1023px){.char_info_box .pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px}.char_info_box .pagination .swiper-pagination-bullet-active{width:16px}}.floating_icons{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;width:0;height:100%;padding:128px 0 98px;box-sizing:border-box}@media screen and (max-width: 1024px)and (orientation: landscape){.floating_icons{padding-top:112px}}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.floating_icons{align-items:flex-start;padding:0}}.floating_icons .icons_wrap{position:relative;height:100%;max-height:700px}.floating_icons .icons_wrap .icons{position:absolute;top:0;left:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.floating_icons .icons_wrap .icons button{width:36px;height:36px;padding:0;background:none;border:none;cursor:pointer}.floating_icons .icons_wrap .icons button svg{scale:1.4}.floating_icons .icons_wrap .icons.type2{display:none}@media screen and (max-width: 1440px)and (max-height: 720px)and (orientation: landscape){.floating_icons .icons_wrap .icons.type2{left:calc(100vw - (530px) - 36px) !important}}@media screen and (max-width: 1280px)and (max-height: 720px)and (orientation: landscape){.floating_icons .icons_wrap .icons.type2{left:calc(100vw - (410px) - 36px) !important}}@media screen and (max-height: 720px)and (orientation: landscape){.floating_icons .icons_wrap .icons.type2{left:calc(100vw - (754px) - 36px)}}@media screen and (orientation: portrait){.floating_icons .icons_wrap .icons.type2{left:calc(100vw - 58px)}}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.floating_icons .icons_wrap .icons.type2{display:flex}.floating_icons .icons_wrap .icons.type2 button{border-radius:50%;width:36px;height:36px}.floating_icons .icons_wrap .icons.type2 button:hover{background-color:hsla(0,0%,100%,.1)}.floating_icons .icons_wrap .icons.type2 button.active{background-color:#f2f2f2}.floating_icons .icons_wrap .icons.type2 button.active svg path{fill:#2b2c2e}.floating_icons .icons_wrap .icons.type2 button svg{scale:1}.floating_icons .icons_wrap .icons.type2 button .num{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;display:flex;background-color:#3691ff;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:10px}.floating_icons .icons_wrap .icons.type2 button .num span{padding:0 3px}}.floating_icons .icons_wrap .btn_game{position:absolute;bottom:100px;left:40px;width:144px;height:144px}.floating_icons .icons_wrap .btn_game>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;background:#e55400;border-radius:50%;font-size:20px;font-weight:600;color:#fff;text-align:center;cursor:pointer}@media screen and (max-width: 1280px)and (orientation: landscape){.floating_icons .icons_wrap .btn_game{transform-origin:left top;transform:scale(0.8)}}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){.floating_icons .icons_wrap{height:auto;max-height:none}.floating_icons .icons_wrap .icons{top:94px;left:24px;gap:12px}.floating_icons .icons_wrap .icons button{width:32px;height:32px}.floating_icons .icons_wrap .icons button svg{scale:1.2}.floating_icons .icons_wrap .btn_game{display:none}}@media screen and (max-height: 720px)and (orientation: landscape)and (max-width: 1024px),screen and (orientation: portrait)and (max-width: 1024px){.floating_icons .icons_wrap .icons{top:78px}}@media screen and (max-height: 720px)and (orientation: landscape)and (max-height: 740px),screen and (orientation: portrait)and (max-height: 740px){.floating_icons .icons_wrap .icons{gap:4px}}.char_info .modal_box_wrap{top:-86px;z-index:1}@media screen and (max-width: 1023px){.char_info .modal_box_wrap{top:-60px}}@media screen and (max-height: 1179px)and (orientation: portrait){.char_info .modal_box_wrap{top:0}.char_info .modal_box_wrap .modal_box{display:none}}.pop_share_wrap{position:fixed;top:0;left:0;z-index:10000000;width:100%;height:100%;background:rgba(0,0,0,.7)}.pop_share_wrap .modal_box_wrap{height:100%}.pop_share_wrap .modal_box_wrap .copy_info{padding-right:16px;padding-left:16px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.pop_share_wrap .modal_box_wrap .copy_info.hide{opacity:0;visibility:hidden}body.ngm .gnbContainer{display:none !important}body.ngm .header{display:none !important}body.ngm .wrap{height:100vh !important}body.ngm .char_viewer_wrap{height:100vh !important}body.ngm .char_renderer{height:100vh !important}body.ngm .item_list_wrap{padding:40px 0 !important}@media screen and (max-height: 720px)and (orientation: landscape),screen and (orientation: portrait){body.ngm .item_list_wrap footer{bottom:40px !important}}@media screen and (max-width: 1440px)and (max-height: 720px)and (orientation: landscape){body.ngm .floating_icons .icons_wrap .icons.type2{left:calc(100vw - (530px) - 36px - 24px) !important}}@media screen and (max-width: 1280px)and (max-height: 720px)and (orientation: landscape){body.ngm .floating_icons .icons_wrap .icons.type2{left:calc(100vw - (410px) - 36px - 24px) !important}}@media screen and (max-height: 720px)and (orientation: landscape){body.ngm .floating_icons .icons_wrap .icons.type2{left:calc(100vw - (754px) - 36px - 24px)}}body.ngm .not_supported{display:none !important}
