@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400";
.access-download-button{-o-border-image:url(image/poe2/common/download-banner.webp);
border-image:url(image/poe2/common/download-banner.webp);
border-image-slice:39 100 40 fill;
border-image-width:39px 90px 40px;
border-image-outset:0 100px 30px;
width:179px;
height:49px;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
cursor:pointer
}
.access-download-button__text{font-family:var(--font-titles),serif;
position:relative;
font-size:1.1rem;
font-weight:700;
text-align:center;
margin-bottom:5px
}
.access-download-button__text>span{font-family:var(--font-titles),serif;
background-image:url(image/poe2/common/text-bg.webp);
background-repeat:repeat;
background-size:1.1rem;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent
}
.access-download-button:hover .access-download-button__text:before{content:attr(data-text);
display:block;
width:100%;
position:absolute;
text-shadow:0 0 1px #B9AD85;
left:50%;
transform:translate(-50%);
top:0;
text-align:center;
color:transparent
}
.account-bar-hamburger,.side-nav__expander{font-family:inherit;
background:none;
border:none;
padding:0;
color:currentColor
}
.account-bar-hamburger{cursor:pointer
}
.account-bar__account-name,.account-bar__notifications,.account-bar__language,.account-bar__menu-item{font-family:inherit;
background:none;
border:none;
padding:0;
color:currentColor
}:root{--account-bar-height: 3rem
}
.account-bar{z-index:var(--layer-nav, auto);
position:relative;
height:var(--account-bar-height);
background-image:-webkit-image-set(url(image/poe2/layout/navbar/bg-1x.webp) 1x,url(image/poe2/layout/navbar/bg-2x.webp) 2x,url(image/poe2/layout/navbar/bg-4x.webp) 4x);
background-image:image-set(url(image/poe2/layout/navbar/bg-1x.webp) 1x,url(image/poe2/layout/navbar/bg-2x.webp) 2x,url(image/poe2/layout/navbar/bg-4x.webp) 4x);
background-size:auto;
background-position:center;
overflow:hidden;
font-family:var(--font-styled),serif;
font-size:1.25rem
}@media (min-width: 960px){.account-bar{background:url(image/poe2/layout/account-bar/left.png) no-repeat top left,url(image/poe2/layout/account-bar/right.png) no-repeat top right;
min-height:79px;
margin-bottom:calc(-1 * (79px - var(--account-bar-height)))
}
}
.account-bar__container{height:var(--account-bar-height);
position:relative;
margin:0 var(--space-md);
display:flex;
align-items:center
}@media (min-width: 960px){.account-bar__container{margin:0 2rem
}
}
.account-bar__container>*+*{margin-left:.7rem
}
.account-bar__container>*:not(:last-child):not(.account-bar__hamburger):not(.account-bar__access-now):after{margin-left:.7rem;
display:block;
float:right;
content:"";
height:calc(var(--account-bar-height) / 3 * 2);
width:1px;
background:linear-gradient(180deg,#74652e00 3.67%,#74652e 27.17%,#a29a61 72.17%,#a29a6100)
}
.account-bar__ggg-switcher{display:none
}@media (min-width: 960px){.account-bar__ggg-switcher{display:flex
}
}
.account-bar__hamburger{margin-left:0;
display:flex
}@media (min-width: 960px){.account-bar__hamburger{display:none
}
}
.account-bar__access-now{align-self:flex-start;
margin-left:3rem;
display:none
}@media (min-width: 960px){.account-bar__access-now{display:flex
}
}
.account-bar__spacer{flex:1
}
.account-bar__account-name,.account-bar__points-balance,.account-bar__auth-link,.account-bar__logout{display:flex;
align-items:center;
background:linear-gradient(180deg,#503f27,#a28d61 72.17%);
font-size:1.25rem;
line-height:1.2;
background-size:100% 1.5rem;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
text-decoration:none
}
.account-bar__account-name:hover,.account-bar__points-balance:hover,.account-bar__auth-link:hover,.account-bar__logout:hover{background:linear-gradient(180deg,#bcb641,#fff4b4 72.17%,#fff9d7);
font-size:1.25rem;
line-height:1.2;
background-size:100% 1.5rem;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent
}
.account-bar__account-name{font-size:inherit;
cursor:pointer
}
.account-bar__coin{margin-right:var(--space-sm)
}
.account-bar__notifications,.account-bar__language{font-size:1rem;
cursor:pointer;
display:flex;
align-items:center
}
.account-bar__menu{z-index:var(--layer-nav-menus);
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
padding:var(--space-sm);
gap:var(--space-sm)
}
.account-bar__menu-item{position:relative;
border-bottom:1px solid transparent;
margin-bottom:-1px;
font-family:var(--font-titles),serif;
font-weight:700;
text-decoration:none;
--text-gradient: linear-gradient(180deg, #67655C 0%, #9E9B8B 118.61%);
cursor:pointer;
text-align:center;
padding:var(--space-sm)
}
.account-bar__menu-item>*{max-height:24px;
background:var(--text-gradient);
font-size:24px;
line-height:1.2;
background-size:100% 28.8px;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent
}
.account-bar__menu-item:hover,.account-bar__menu-item--hovered,.account-bar__menu-item:active,.account-bar__menu-item--active{--text-gradient: linear-gradient(180deg, #BCB641 0%, #FFF4B4 72.17%, #FFF9D7 100%)
}
.account-bar__menu-item:active,.account-bar__menu-item--active{text-shadow:0 0 4px #B9AD85;
-o-border-image:radial-gradient(101.03% 3422499.88% at -.48% 149.94%,rgba(188,182,65,0) 0%,#BCB641 25%,#FFFFFF 50%,#BCB641 75%,rgba(188,182,65,0) 100%) 1;
border-image:radial-gradient(101.03% 3422499.88% at -.48% 149.94%,#bcb64100,#bcb641,#fff,#bcb641,#bcb64100) 1;
border-bottom-width:1px;
border-bottom-style:solid
}
.account-bar__menu-item:active:after,.account-bar__menu-item--active:after{content:"";
display:block;
pointer-events:none;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
border-radius:5px;
background:radial-gradient(37.26% 10% at 50% 100%,#bbaf834d,#bbaf8300),radial-gradient(50% 87.5% at 50% 100%,#ffe6ac5c,#81743c00),linear-gradient(0deg,#b9ad850d,#b9ad850d)
}@media (max-width: 960px){.account-bar__points-balance,.account-bar__auth-link--support{display:none
}
.account-bar__account-name{max-width:100%;
width:-moz-fit-content;
width:fit-content;
text-overflow:ellipsis;
overflow:hidden
}
}:root{--nav-height: 0px;
--full-screen-nav-height: 170px
}@media (min-width: 960px){:root{--nav-height: var(--full-screen-nav-height)
}
}
.poe2-nav{position:relative;
display:none;
z-index:var(--layer-nav, auto);
box-sizing:border-box;
margin:20px auto 0;
padding:50px min(150px,8%);
grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);
grid-template-rows:auto;
grid-template-areas:"none logo";
width:100%;
max-width:1600px;
height:calc(var(--nav-height) - 20px);
min-width:800px;
background-image:-webkit-image-set(url(image/poe2/layout/navbar/bg-1x.webp) 1x,url(image/poe2/layout/navbar/bg-2x.webp) 2x,url(image/poe2/layout/navbar/bg-4x.webp) 4x);
background-image:image-set(url(image/poe2/layout/navbar/bg-1x.webp) 1x,url(image/poe2/layout/navbar/bg-2x.webp) 2x,url(image/poe2/layout/navbar/bg-4x.webp) 4x);
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%
}@media (min-width: 960px){.poe2-nav{display:grid
}
}@media (max-width: 1140px){.poe2-nav{background-size:130% 100%;
margin:20px 0 0;
padding:50px var(--space-md);
width:auto
}
}
.poe2-nav__logo-container{grid-area:logo;
position:relative;
margin-top:-100px;
border-top-left-radius:50%;
border-top-right-radius:50%
}
.poe2-nav__logo{position:absolute;
left:50%;
transform:translate(-50%);
max-height:270px;
pointer-events:none
}
.poe2-nav__breadcrumbs{display:flex;
align-items:center;
box-sizing:border-box;
grid-column:span 3;
height:58px;
margin-top:11px;
padding:11px 80px 24px;
background-image:-webkit-image-set(url(image/poe2/layout/navbar/breadcrumbs-1x.webp) 1x,url(image/poe2/layout/navbar/breadcrumbs-2x.webp) 2x,url(image/poe2/layout/navbar/breadcrumbs-4x.webp) 4x);
background-image:image-set(url(image/poe2/layout/navbar/breadcrumbs-1x.webp) 1x,url(image/poe2/layout/navbar/breadcrumbs-2x.webp) 2x,url(image/poe2/layout/navbar/breadcrumbs-4x.webp) 4x);
background-position:center -8px;
background-repeat:no-repeat;
background-size:100% 100%
}
.poe2-nav__breadcrumbs:empty{display:none
}
.poe2-nav__nav-section{display:flex;
justify-content:space-around;
align-items:center;
gap:var(--space-lg);
height:50px
}
.poe2-nav__nav-item{position:relative;
text-align:center;
font-weight:700;
padding:0;
font-family:var(--font-family-optimus-semibold),serif;
text-decoration:none;
min-width:3em;
background:linear-gradient(180deg,#815f2d,#ac9563 72.17%);
font-size:1.5rem;
line-height:1.2;
background-size:100% 1.8rem;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent
}
.poe2-nav__nav-item>span{display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:100%
}
.poe2-nav__nav-item:hover,.poe2-nav__nav-item--active{background:linear-gradient(180deg,#bcb641,#fff4b4 72.17%,#fff9d7);
font-size:1.5rem;
line-height:1.2;
background-size:100% 1.8rem;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
position:relative;
text-shadow:0 0 4px #B9AD85
}
.poe2-nav__nav-item:hover:after,.poe2-nav__nav-item--active:after{content:"";
background-image:url(image/poe2/common/menu-underline.svg);
background-position:center center;
background-repeat:no-repeat;
position:absolute;
display:block;
width:100%;
bottom:-.33em;
left:50%;
transform:translate(-50%);
height:10px
}
.poe2-nav__menu{display:flex;
flex-direction:column;
padding:var(--space-lg) var(--space-md);
align-items:stretch;
text-align:center;
min-width:300px;
z-index:var(--layer-nav, auto)
}
.poe2-nav__menu-link{position:relative;
border-bottom:1px solid transparent;
margin-bottom:-1px;
font-family:var(--font-titles),serif;
font-weight:700;
text-decoration:none;
--text-gradient: linear-gradient(180deg, #67655C 0%, #9E9B8B 118.61%);
padding:var(--space-md) var(--space-lg) var(--space-sm)
}
.poe2-nav__menu-link>*{max-height:24px;
background:var(--text-gradient);
font-size:24px;
line-height:1.2;
background-size:100% 28.8px;
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent
}
.poe2-nav__menu-link:hover,.poe2-nav__menu-link--hovered,.poe2-nav__menu-link:active,.poe2-nav__menu-link--active{--text-gradient: linear-gradient(180deg, #BCB641 0%, #FFF4B4 72.17%, #FFF9D7 100%)
}
.poe2-nav__menu-link:active,.poe2-nav__menu-link--active{text-shadow:0 0 4px #B9AD85;
-o-border-image:radial-gradient(101.03% 3422499.88% at -.48% 149.94%,rgba(188,182,65,0) 0%,#BCB641 25%,#FFFFFF 50%,#BCB641 75%,rgba(188,182,65,0) 100%) 1;
border-image:radial-gradient(101.03% 3422499.88% at -.48% 149.94%,#bcb64100,#bcb641,#fff,#bcb641,#bcb64100) 1;
border-bottom-width:1px;
border-bottom-style:solid
}
.poe2-nav__menu-link:active:after,.poe2-nav__menu-link--active:after{content:"";
display:block;
pointer-events:none;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
border-radius:5px;
background:radial-gradient(37.26% 10% at 50% 100%,#bbaf834d,#bbaf8300),radial-gradient(50% 87.5% at 50% 100%,#ffe6ac5c,#81743c00),linear-gradient(0deg,#b9ad850d,#b9ad850d)
}
main>:first-child.align-banner{margin-top:calc(-1 * (var(--account-bar-height) + var(--nav-height)));
padding-top:calc(var(--account-bar-height) + var(--nav-height) + var(--space-xl))
}:root{--page-bg: url(image/poe2/bg.webp)
}body{margin:0;
padding:0;
min-height:100vh;
min-width:350px;
background:var(--page-bg) no-repeat fixed center center;
background-size:cover
}#app{display:flex;
flex-direction:column;
min-height:100vh
}main{min-height:0;
flex:1
}
html.poe-next .layoutBox1{box-sizing:border-box;
padding:var(--space-sm)
}:root{--color-black: #060606;
--color-white: #fff;
--color-night-light: #222;
--color-night: #181818;
--color-night-dark: #121212;
--color-gainsbro-light: #f5f5f5;
--color-gainsbro: #dcdcdc;
--color-gainsbro-dark: #9d9d9d;
--color-rock-light: #686868;
--color-rock: #585858;
--color-rock-dark: #4a4a4a;
--color-sand-light: #dfcf99;
--color-sand: #a38d6d;
--color-sand-dark: #837053;
--color-sun-light: #ffef9a;
--color-sun: #ffda4d;
--color-sun-dark: rgb(245, 196, 0);
--color-sky-light: #00d2ff;
--color-sky: #00b6ff;
--color-sky-dark: #007fb3;
--color-sunset-light: #da9f39;
--color-sunset: #b68022;
--color-sunset-dark: #92671b;
--color-pale-blue-light: #eaeaff;
--color-pale-blue: #d0d2ff;
--color-pale-blue-dark: #9da1ff;
--color-danger-light: #ff6e69;
--color-danger: #ff342f;
--color-danger-dark: #ad1714;
--color-background-0: var(--color-black);
--color-background-1: var(--color-night-dark);
--color-background-2: var(--color-night);
--color-background-3: var(--color-night-light);
--color-text: var(--color-gainsbro-dark);
--color-text-primary: var(--color-gainsbro);
--color-text-secondary: var(--color-gainsbro-light);
--color-bg-text-highlight: rgba(146, 103, 27, .5);
--color-text-muted: var(--color-rock);
--color-link: var(--color-sand-dark);
--color-link-hover: var(--color-white);
--color-link-alt: #43a2e6;
--color-link-alt-hover: #43a2e6;
--color-staff: var(--color-sunset);
--color-valued: #d2b7f3;
--color-support: #ffffff;
--color-invalid: var(--color-danger);
--color-warning: var(--color-sunset);
--color-game-unique-item: rgb(175, 96, 37);
--color-game-normal-item: rgb(200, 200, 200);
--color-game-magic-item: rgb(136, 136, 255);
--color-game-rare-item: rgb(255, 255, 119);
--color-game-currency-item: rgb(170, 158, 130)
}:root{--shadow-light: 0px 0px 3px rgba(255, 239, 154, .3);
--shadow-dark: 1px 1px 4px rgba(0, 0, 0);
--shadow-dark-lg: 0 4px 16px rgb(0, 0, 0);
--shadow-inset: inset 0 1px 2px rgb(0 0 0 / 40%), inset 0 1px 1px rgb(0 0 0 / 20%), inset 0 2px 2px rgb(0 0 0 / 20%);
--animation-speed-quick: .1s;
--animation-speed-normal: .3s;
--animation-speed-slow: .6s
}@font-face{font-family:FontinSmallCaps;
font-weight:400;
font-style:normal;
src:local("☺"),url(font/fontin-smallcaps-webfont.woff) format("woff")
}@font-face{font-family:FontinRegular;
font-weight:400;
font-style:normal;
src:local("☺"),url(font/fontin-regular-webfont.woff) format("woff")
}@font-face{font-family:FontinItalic;
font-weight:400;
font-style:normal;
src:local("☺"),url(font/fontin-italic-webfont.woff) format("woff")
}@font-face{font-family:FontinBold;
font-weight:400;
font-style:normal;
src:local("☺"),url(font/fontin-bold-webfont.woff) format("woff")
}@font-face{font-family:Cinzel;
font-weight:400;
font-style:normal;
src:local("Cinzel-Regular"),url(font/Cinzel-Regular.woff) format("woff")
}@font-face{font-family:Cinzel-Medium;
font-weight:400;
font-style:normal;
src:local("Cinzel-Medium"),url(font/Cinzel-Medium.woff) format("woff")
}@font-face{font-family:OptimusPrincepsSemiBold;
font-weight:700;
font-style:normal;
src:local("☺"),url(font/OptimusPrincepsSemiBold.ttf) format("truetype")
}@font-face{font-family:FrizQuadrataC;
font-weight:400;
font-style:normal;
src:local("☺"),url(font/FrizQuadrataC.woff) format("woff")
}@font-face{font-family:Daehan;
font-weight:400;
font-style:normal;
src:local("☺"),url(font/Daehan.woff) format("woff")
}@font-face{font-family:Noto Sans JP;
font-weight:400;
font-style:normal;
src:local("☺"),url(font/noto-sans-jp-v42-latin_japanese-regular.woff2) format("woff2"),url(font/noto-sans-jp-v42-latin_japanese-regular.woff) format("woff")
}@font-face{font-family:"Noto Serif JP";
font-weight:400;
font-style:normal;
src:local("☺"),url(font/noto-serif-jp-v21-latin_japanese-regular.woff2) format("woff2"),url(font/noto-serif-jp-v21-latin_japanese-regular.woff) format("woff")
}@font-face{font-family:Quikhand;
font-style:normal;
font-weight:400;
src:local("Quikhand"),url(font/Quikhand.woff) format("woff")
}@font-face{font-family:Caveat-Bold;
font-style:normal;
font-weight:400;
src:local("Caveat-Bold"),url(font/Caveat-Bold.woff2) format("woff2")
}@font-face{font-family:OpenSans Light;
src:url(font/OpenSans-Light.woff2) format("woff2")
}@font-face{font-family:Quikhand;
font-style:normal;
font-weight:400;
src:local("Quikhand"),url(font/Quikhand.woff) format("woff")
}:root{--font-default: Verdana, Arial, Helvetica, sans-serif;
--font-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
--font-styled: "FontinRegular", Verdana, Arial, Helvetica, sans-serif;
--font-styled-bold: "FontinBold", Verdana, Arial, Helvetica, sans-serif;
--font-styled-caps: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
--font-styled-italic: "FontinItalic", Verdana, Arial, Helvetica, sans-serif;
--font-titles: "Cinzel", Verdana, Arial, Helvetica, sans-serif;
--font-family-optimus-semibold: "OptimusPrincepsSemiBold", "Cinzel", "Noto Sans JP", Verdana, Arial, Helvetica, sans-serif;
--font-handwriting: "Quikhand", Verdana, Arial, Helvetica, sans-serif;
--font-test: "Lora", serif;
--font-size-sm: .8rem;
--font-size-default: .9rem;
--font-size-lg: 1.1rem;
--font-size-xl: 1.4rem;
--font-size-2xl: 2.8rem;
--leading-normal: 1.2
}html:lang(ja-JP){--font-default: "Noto Sans JP", Verdana, Arial, Helvetica, sans-serif;
--font-styled: "FontinRegular", "Noto Serif JP", Verdana, Arial, Helvetica, sans-serif;
--font-styled-bold: "FontinBold", "Noto Serif JP", Verdana, Arial, Helvetica, sans-serif;
--font-styled-caps: "FontinSmallCaps", "Noto Serif JP", Verdana, Arial, Helvetica, sans-serif;
--font-size-sm: .9rem;
--font-size-default: 1rem;
--font-size-lg: 1.2rem;
--font-size-xl: 2.5rem
}:root{--icon-font: "Font Awesome 5 Free";
--icon-size-default: 1rem;
--icon-size-lg: 1.25rem
}:root{--space-xs: .25rem;
--space-sm: .5rem;
--space-md: .75rem;
--space-lg: 1rem;
--space-xl: 1.5rem
}:root{--layer-nav: 2;
--layer-nav-menus: 3;
--layer-dialogs: 4;
--layer-popovers: 5
}body{--font-size-default: 1rem;
color:var(--color-text);
font-family:var(--font-styled),serif;
font-size:var(--font-size-default)
}
.coming_soon{
    font-size: 4em;
    text-align: center;
    font-family:var(--font-titles),serif;
    font-family: fontiBold;
    background-image:url(image/poe2/common/text-bg.webp);
    background-repeat:repeat;
    background-size:1.1rem;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent

}
.golden_bg_text{
    font-size: 1.5em;
    text-align: center;
    font-family: fontiBold;
    background-image:url(image/poe2/common/text-bg.webp);
    background-repeat:repeat;
    background-size:3.5rem;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.golden_bg_text2{
    padding-top:75px;
    font-size: 1em;
    font-family:var(--font-titles), serif;
    background-image:url(image/poe2/common/text-bg.webp);
    background-repeat:repeat;
    background-size: 0.7rem;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.general_text_box{
    text-shadow:0 0 4px #B9AD85;
    -o-border-image:radial-gradient(101.03% 3422499.88% at -.48% 149.94%,rgba(188,182,65,0) 0%,#BCB641 25%,#FFFFFF 50%,#BCB641 75%,rgba(188,182,65,0) 100%) 1;
    border-image:radial-gradient(101.03% 3422499.88% at -.48% 149.94%,#bcb64100,#bcb641,#fff,#bcb641,#bcb64100) 1;
    border-bottom-width:1px;
    border-bottom-style:solid
}
.general_text_box2{
background:url(image/poe2/home/news-bg/news-bg-tile.webp) top 21px left 0px repeat-x,url(image/poe2/home/footer-bg.webp) top center repeat-y,linear-gradient(to bottom,transparent,transparent 30px,rgba(0,0,0,.2) 30px);
min-height:175px;
padding-top:100px;
padding-left: 75px;
padding-right: 75px;
padding-bottom: 100px;
position:relative;
text-align: center;
font-family: "Raleway", sans-serif;
font-weight: 500;
font-size: 1.6em;
}
.general_text_box2:before,.general_text_box2:after{content:" ";
display:block;
position:absolute;
height:92px;
width:254px;
top:0px;
}
.general_text_box2:before{left:0;
background:url(image/poe2/home/news-bg/news-bg-top-left.webp) top 21px left 0px no-repeat
}
.general_text_box2:after{right:0;
background:url(image/poe2/home/news-bg/news-bg-top-right.webp) top 21px left 0px no-repeat}
@media (max-width: 1700px){.general_text_box2:before,.general_text_box2:after{visibility:hidden}
}