body,html{padding:0;margin:0;font-size:13px}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,table,th,td,form,fieldset,legend,input,textarea,button,select,a{margin:0;padding:0;box-sizing:border-box}article,aside,dialog,footer,header,main,section,footer,nav{display:block}ul,ol{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}a:active,a:focus,a:hover{text-decoration:none}button{border:none;background:none;cursor:pointer}button:focus,button:active{outline:none}button span{position:relative}body{min-width:320px}.hide{display:none}.blind{width:1px;height:1px;overflow:hidden;position:absolute;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);background:rgba(0,0,0,0)}.scroll-hidden{overflow:hidden}[data-object-fit=cover]{object-fit:cover}[data-object-fit=contain]{object-fit:contain}@font-face{font-family:"Pretendard";font-weight:900;font-display:swap;src:local("Pretendard Black"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Black.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Black.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:800;font-display:swap;src:local("Pretendard ExtraBold"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-ExtraBold.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-ExtraBold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:700;font-display:swap;src:local("Pretendard Bold"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Bold.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Bold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-SemiBold.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-SemiBold.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:500;font-display:swap;src:local("Pretendard Medium"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Medium.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Medium.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:400;font-display:swap;src:local("Pretendard Regular"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Regular.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Regular.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:300;font-display:swap;src:local("Pretendard Light"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Light.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Light.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:200;font-display:swap;src:local("Pretendard ExtraLight"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-ExtraLight.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-ExtraLight.woff") format("woff")}@font-face{font-family:"Pretendard";font-weight:100;font-display:swap;src:local("Pretendard Thin"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Thin.woff2") format("woff2"),url("//static.inven.co.kr/image_2011/common/fonts/Pretendard-Thin.woff") format("woff")}:root{--body: #0e1015;--header: #020202;--common-color: #30333a;--bg-color1: #0e1015;--bg-color2: #111419;--bg-color3: #1a1c22;--bg-color4: #21242b;--border-color: #22252b;--text-color: #7e828b;--text-color2: #5c6067;--text-color3: #484b51;--comment-color1: #e85656;--comment-color2: #4489f1;--title-color: #d2c8ae;--title-sub-color: #aca499;--identity-btn: #650608;--identity-btn-hover: #850608;--identity-btn-act: #850608;--hot-btn-bg: #b30000;--hot-text-color: #dd0707}*,*::before,*::after{box-sizing:border-box}html,body{margin:0}body{background-color:var(--body);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard Variable",Pretendard,Roboto,"Noto Sans KR","Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}body.lock{overflow-y:hidden}body.lock:not(.mobile){margin-right:17px}select{border:0;outline:none;color:var(--text-color);font-family:inherit;background-color:rgba(0,0,0,0);border-right:1px solid var(--bg-color3);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.3 7.8'%3E%3Cpath d='m0 0 4.7 7.8L9.3 0z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:8px;background-position:right 10px center}button,input{color:inherit;font-family:inherit;font-size:inherit}input{outline:none}main{height:calc(100% - 70px)}.tiertool-alertModal-container .modal-alert .modal-wrap{color:#000}header#header-db-full{position:sticky;top:0;z-index:10;height:70px;background-color:var(--header)}@media screen and (max-width: 1280px){header#header-db-full{height:55px}}header#header-db-full .inner{display:flex;align-items:center;justify-content:space-between;height:100%}@media screen and (max-width: 1280px){header#header-db-full .inner{padding:0 12px 0 20px}}header#header-db-full h1{display:flex;align-items:center;font-size:20px;font-weight:bold}@media screen and (max-width: 1280px){header#header-db-full h1{font-size:16px}}header#header-db-full h1 .inven-icon{width:32px;height:32px;background-color:#a80000;border-radius:8px;display:flex;align-items:center;justify-content:center}header#header-db-full h1 .inven-icon::before{content:"";display:block;width:9px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.4 30'%3E%3Cstyle%3E.st0%7Bfill:%23fff%7D%3C/style%3E%3Cpath d='M13.4 30H7.3V7.3h6.2V30zM0 0h6.2v6.2H0z' class='st0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}header#header-db-full h1 .x-icon{display:flex;align-items:center}header#header-db-full h1 .x-icon::before{content:"";display:block;margin:0 8px;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 211 202.5'%3E%3Cstyle%3E.st0%7Bfill:%23484b51%7D.st1%7Bfill:%23292a2d%7D%3C/style%3E%3Cg%3E%3Cpath d='M45.7 0S68 37.5 100 70.5l-25 26s-52-57-75-96L45.7 0z' class='st0'/%3E%3Cpath d='M45.7 0 0 .5 7.5 12H53z' class='st1'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M164.3 0S142 37.5 110 70.5l25 26s52-57 75-96L164.3 0z' class='st0'/%3E%3Cpath d='m164.3 0 45.7.5-7.5 11.5H157z' class='st1'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M45.7 202.5S68 165 100 132l-25-26s-52 57-75 96l45.7.5z' class='st0'/%3E%3Cpath d='M45.7 202.5 0 202l7.5-11.5H53z' class='st1'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M165.3 202.5S143 165 111 132l25-26s52 57 75 96l-45.7.5z' class='st0'/%3E%3Cpath d='m165.3 202.5 45.7-.5-7.5-11.5H158z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}header#header-db-full h1 .db-site-name{display:flex;align-items:center}header#header-db-full h1 .db-icon{margin:0 10px 0 0;width:40px;height:40px;border-radius:50%;background-color:#181a20;background-image:url("https://static.inven.co.kr/image_2011/diablo4/common/logo.png");background-repeat:no-repeat;background-size:24px;background-position:center}header#header-db-full .nav-btn-wrap{display:flex;align-items:center}header#header-db-full nav{display:flex;align-items:center;font-size:16px}@media screen and (max-width: 1280px){header#header-db-full nav{display:flex;align-items:baseline;flex-direction:column;position:fixed;top:55px;left:-80%;z-index:15;padding:40px 15px;width:80%;height:calc(100% - 55px);background-color:var(--bg-color3);transition:all .5s cubic-bezier(0.165, 0.84, 0.44, 1)}header#header-db-full nav.act{left:0}}header#header-db-full nav a{position:relative;margin:0 15px;padding:8px 0;color:var(--text-color);transition:all .15s cubic-bezier(0.165, 0.84, 0.44, 1)}@media screen and (max-width: 1280px){header#header-db-full nav a{display:flex;margin:0 0 40px;padding:0;width:100%}}header#header-db-full nav a:last-child{margin-right:0}header#header-db-full nav a::before{content:"";display:none;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#fff}header#header-db-full nav a.on,header#header-db-full nav a:hover{color:#fff}header#header-db-full nav a.on::before,header#header-db-full nav a:hover::before{display:block}@media screen and (max-width: 1280px){header#header-db-full nav a.on::before,header#header-db-full nav a:hover::before{display:none}}header#header-db-full .btn-sign{order:1;padding:15px}@media screen and (max-width: 1280px){header#header-db-full .btn-sign{padding:15px 8px}}header#header-db-full .btn-sign.login{display:flex;align-items:center}header#header-db-full .btn-sign.login::before{content:"";display:block;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 0c-.5 0-1 .5-1 1v8c0 .6.4 1 1 1s1-.4 1-1V1c0-.5-.4-1-1-1zm5.1 2.9c-.4.4-.4 1 0 1.4C15.3 5.4 16 7 16 8.8c.1 3.8-3.1 7.1-6.9 7.2C5.2 16 2 12.9 2 9c0-1.8.7-3.5 1.9-4.8.4-.4.4-1 0-1.4-.4-.4-1.1-.4-1.4 0C1 4.4.1 6.5 0 8.7c-.1 4.9 3.8 9.1 8.7 9.2 5.1.2 9.3-3.9 9.3-9 0-2.4-.9-4.5-2.4-6.1-.4-.3-1.1-.3-1.5.1z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}header#header-db-full .btn-sign.logout{display:flex;align-items:center}header#header-db-full .btn-sign.logout::before{content:"";display:block;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 0c-.5 0-1 .5-1 1v8c0 .6.4 1 1 1s1-.4 1-1V1c0-.5-.4-1-1-1zm5.1 2.9c-.4.4-.4 1 0 1.4C15.3 5.4 16 7 16 8.8c.1 3.8-3.1 7.1-6.9 7.2C5.2 16 2 12.9 2 9c0-1.8.7-3.5 1.9-4.8.4-.4.4-1 0-1.4-.4-.4-1.1-.4-1.4 0C1 4.4.1 6.5 0 8.7c-.1 4.9 3.8 9.1 8.7 9.2 5.1.2 9.3-3.9 9.3-9 0-2.4-.9-4.5-2.4-6.1-.4-.3-1.1-.3-1.5.1z' style='fill:%235c6067'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}header#header-db-full .mo-menu-btn{display:none}@media screen and (max-width: 1280px){header#header-db-full .mo-menu-btn{display:block;order:2;padding:15px 8px;display:flex;align-items:center}header#header-db-full .mo-menu-btn::before{content:"";display:block;width:18px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M1 12h16c.5 0 1-.5 1-1s-.5-1-1-1H1c-.5 0-1 .5-1 1s.5 1 1 1zm0-5h16c.5 0 1-.4 1-1s-.5-1-1-1H1c-.5 0-1 .4-1 1s.5 1 1 1zM0 1c0 .6.5 1 1 1h16c.5 0 1-.4 1-1s-.5-1-1-1H1C.5 0 0 .4 0 1z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}}#wrap{min-height:100%}.inner{margin:0 auto;max-width:1200px}.layout-wrap{display:flex;flex-wrap:wrap;height:100%}.layout-search{display:flex;overflow:hidden;height:36px;background-color:var(--bg-color4);border-radius:10px}.layout-search input{flex:1;width:calc(100% - 58px);padding:0 0 0 15px;background-color:rgba(0,0,0,0);border:0;box-sizing:border-box;font-size:14px}.layout-search input:-ms-input-placeholder{color:var(--text-color)}.layout-search input::placeholder{color:var(--text-color)}.layout-search button{width:58px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.layout-search button{width:50px}}.layout-search button::before{content:"";display:block;margin:0;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 17.5 17.5' viewBox='0 0 17.5 17.5'%3E%3Cpath d='M12.5 11h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2C13 2.9 10.1 0 6.5 0S0 2.9 0 6.5 2.9 13 6.5 13c1.6 0 3.1-.6 4.2-1.6l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0C4 11 2 9 2 6.5S4 2 6.5 2 11 4 11 6.5 9 11 6.5 11z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-search.select{background-color:var(--bg-color2)}.layout-search.select select{padding:0 10px 0 15px;width:80px}.layout-search.select input{width:calc(100% - 162px)}.layout-search.act{border-radius:10px 10px 0 0}.layout-zoom{display:flex;flex-direction:column;position:fixed;right:20px;bottom:14px;z-index:1}@media screen and (max-width: 767px){.layout-zoom{bottom:22px}}.layout-zoom button{margin:0 0 2px 0;width:40px;height:40px;border-radius:8px;background-color:rgba(26,28,34,.8)}.layout-zoom button:last-child{margin:0}.layout-zoom button.zoom-in{display:flex;align-items:center;justify-content:center}.layout-zoom button.zoom-in::before{content:"";display:block;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13 8H8v5c0 .5-.4 1-1 1s-1-.5-1-1V8H1c-.6 0-1-.4-1-1s.4-1 1-1h5V1c0-.6.4-1 1-1s1 .4 1 1v5h5c.5 0 1 .4 1 1s-.5 1-1 1z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-zoom button.zoom-out{display:flex;align-items:center;justify-content:center}.layout-zoom button.zoom-out::before{content:"";display:block;width:14px;height:2px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 2'%3E%3Cpath d='M13 2H1c-.6 0-1-.4-1-1s.4-1 1-1h12c.5 0 1 .4 1 1s-.5 1-1 1z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-ranking-list{margin:0 0 20px;padding:10px 30px}.layout-ranking-list h2{margin:0 0 15px 0;color:var(--title-color);font-size:16px}.layout-ranking-list h2 span{margin:0 0 0 10px;color:var(--text-color2);font-size:11px}.layout-ranking-list .hot{align-self:flex-start;margin:0 5px 0 0;padding:1px 10px 3px;color:#fff;background-color:var(--hot-btn-bg);border-radius:5px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.layout-ranking-list ul li{width:100%;margin:0 0 13px 0;padding-right:7px;color:var(--text-color2);font-size:14px}.layout-ranking-list ul li:last-child{margin:0}.layout-ranking-list ul a{display:flex;align-items:center}.layout-ranking-list ul a.on span,.layout-ranking-list ul a:hover span{color:#fff}.layout-ranking-list ul a.on .num,.layout-ranking-list ul a:hover .num{color:var(--hot-text-color)}.layout-ranking-list ul a .text{width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-ranking-list ul .num{display:inline-block;margin:0 5px 0 0;padding-top:2px;width:14px;text-align:center}.layout-ranking-list.slide{position:relative;overflow:hidden;margin:12px 0 12px;padding:0 10px 0;height:24px;display:flex;justify-content:space-between}.layout-ranking-list.slide.open{height:auto}.layout-ranking-list.slide ul{position:relative;flex:1;width:68%}.layout-ranking-list.slide a span{color:#fff}.layout-ranking-list.slide a .num{color:var(--hot-text-color)}.layout-ranking-list.slide button{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.layout-ranking-list.slide button::before{content:"";display:block;margin:0;width:6px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(-270deg)}.layout-ranking-list.slide button.act::before{transform:rotate(-90deg)}.layout-ranking-list.slide button::after{content:"";display:block;position:absolute;width:200%;height:200%;background:rgba(0,0,0,0);z-index:5}.layout-float-menu{display:flex;flex-direction:column;gap:10px;position:fixed;right:0;left:1165px;bottom:10%;z-index:10;margin:0 auto;width:34px}@media screen and (max-width: 1280px){.layout-float-menu{left:auto;right:2.5%;margin:0}}.layout-float-menu.hidden{display:none}.layout-float-menu .btn{width:34px;height:34px;border-radius:50%;background:rgba(150,150,150,.7)}.layout-float-menu .btn.go-to-top{display:flex;align-items:center;justify-content:center}.layout-float-menu .btn.go-to-top::before{content:"";display:block;margin:0;width:8px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%23111419'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(90deg)}.layout-float-menu .btn.write-icon{display:flex;align-items:center;justify-content:center}.layout-float-menu .btn.write-icon::before{content:"";display:block;margin:0;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 14.5v3c0 .3.2.5.5.5h3c.1 0 .3 0 .3-.1l11-11L11 3.1.2 14.1c-.1.1-.2.2-.2.4zM17.7 4c.4-.4.4-1 0-1.4L15.4.3c-.4-.4-1-.4-1.4 0l-1.8 1.8L16 5.9c-.1 0 1.7-1.9 1.7-1.9z' style='fill:%23111419'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-float-menu .btn.go-to-list{display:flex;align-items:center;justify-content:center}.layout-float-menu .btn.go-to-list::before{content:"";display:block;margin:0;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M1 12h16c.5 0 1-.5 1-1s-.5-1-1-1H1c-.5 0-1 .5-1 1s.5 1 1 1zm0-5h16c.5 0 1-.4 1-1s-.5-1-1-1H1c-.5 0-1 .4-1 1s.5 1 1 1zM0 1c0 .6.5 1 1 1h16c.5 0 1-.4 1-1s-.5-1-1-1H1C.5 0 0 .4 0 1z' style='fill:%23111419'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.bg-close{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.layout-btn button{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;height:50px;background-color:var(--identity-btn);border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:17px;transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-btn button:hover{background-color:var(--identity-btn-hover);box-shadow:0 0 20px rgba(0,0,0,.8)}.layout-btn button:hover::after{animation-name:writeBtnMotion;animation-duration:1.5s;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);animation-iteration-count:infinite}.layout-btn button span{position:relative;z-index:1}.layout-btn button.act{background-color:var(--identity-btn-act)}.layout-main{padding:50px 0}@media screen and (max-width: 1280px){.layout-main{padding:20px}}.layout-patch-notes{margin:0 0 30px 0;padding:20px;background-color:var(--bg-color4);border-radius:8px;color:var(--text-color);font-size:15px;line-height:1.5em}@media screen and (max-width: 1280px){.layout-patch-notes{margin:0 0 20px 0}}.layout-patch-notes a{color:#fff}.layout-menu{padding:30px 20px;width:30%;background-color:var(--bg-color3)}@media screen and (min-width: 768px){.layout-menu.sticky{position:sticky;top:70px;align-self:flex-start;overflow:hidden scroll;height:calc(100vh - 70px)}.layout-menu.sticky::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}}@media(min-width: 768px)and (max-width: 1280px){.layout-menu.sticky{top:55px;height:calc(100vh - 55px)}}@media screen and (max-width: 767px){.layout-menu{padding:20px 20px 10px;width:100%}}.layout-menu .mo-title{display:none;margin:0 0 20px 0;color:var(--title-color);font-size:20px}@media screen and (max-width: 767px){.layout-menu .mo-title{display:flex;align-items:center}}.layout-menu .mo-title .bookmark{display:flex;align-items:center}.layout-menu .mo-title .bookmark::before{content:"";display:block;margin:0 0 0 10px;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 4.3 1 2.3.5 1.1 1.2.1 2.5.2-1.9 1.6-.9.8.3 1.2.6 2.4-2.1-1.3-1-.6-1 .6L6.4 14l.6-2.4v-1.1l-1-.8L4.2 8l2.5-.2 1.2-.1.5-1.1.9-2.3m0-4.3c-.2 0-.4.1-.5.3L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.3.2.6.5.6.1 0 .2 0 .3-.1l5.2-3.1 5.2 3.1c.1.1.2.1.3.1.3 0 .6-.3.5-.6L14 11.1l4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c0-.2-.2-.3-.4-.3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-menu .mo-title .bookmark.act{display:flex;align-items:center}.layout-menu .mo-title .bookmark.act::before{content:"";display:block;margin:0 0 0 10px;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}@media screen and (min-width: 768px){.layout-menu-list-wrap{margin-top:20px}}@media screen and (max-width: 767px){.layout-menu-list-wrap{position:fixed;top:50%;right:-80%;z-index:11;transform:translate(0, -50%);padding:20px 30px 20px 30px;width:80%;height:auto;max-height:80%;background:var(--bg-color3);border-radius:10px 0 0 10px;transition:all .5s cubic-bezier(0.165, 0.84, 0.44, 1);overflow-y:scroll}.layout-menu-list-wrap::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}}.layout-menu-list-wrap.act{right:0}.layout-menu-list-wrap .mo-close{position:absolute;top:15px;right:20px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;display:none}.layout-menu-list-wrap .mo-close::before{content:"";display:block;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%23555555'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}@media screen and (max-width: 767px){.layout-menu-list-wrap .mo-close{display:flex}}.layout-menu-list{margin:0 0 30px 0}@media screen and (max-width: 767px){.layout-menu-list:last-child{margin:0 0 10px 0}}.layout-menu-list h3{margin:0 0 12px 0;padding:0 0 17px 0;border-bottom:1px solid var(--border-color);font-size:20px;font-weight:500;transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-menu-list a{display:flex;padding:10px;color:var(--text-color2);font-size:16px;transition:all .15s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-menu-list a.on{color:var(--title-color)}.layout-menu-list.accodian{position:relative;margin:0}.layout-menu-list.accodian h3{position:relative;z-index:1;margin:0;padding:20px 0;border:0;font-size:16px;font-weight:500;cursor:pointer}.layout-menu-list.accodian h3 button{position:absolute;top:50%;right:5px;z-index:1;transform:translate(0, -50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.layout-menu-list.accodian h3 button::before{content:"";display:block;margin:0;width:6px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(-90deg)}.layout-menu-list.accodian nav{display:none;position:relative;z-index:1;padding:0 0 10px 0}.layout-menu-list.accodian nav h4{color:var(--title-color);position:relative;z-index:1;margin:0;padding:10px 0;border:0;font-size:16px;font-weight:400}.layout-menu-list.accodian a{display:flex;padding:10px;color:var(--text-color2);font-size:16px;transition:all .15s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-menu-list.accodian a.on{color:var(--title-color)}.layout-menu-list.accodian.act::before{content:"";display:block;position:absolute;top:0;left:-20px;z-index:0;width:calc(100% + 40px);height:100%}.layout-menu-list.accodian.act h3 button::before{transform:rotate(-270deg)}.layout-menu-list.accodian.act nav{display:block}.layout-menu-list.search .search-wrap{position:relative}.layout-menu-list.search .input-outer-wrap{display:flex;flex-wrap:wrap;gap:10px}.layout-menu-list.search .input-wrap{position:relative;width:100%}.layout-menu-list.search .input-wrap input{width:100%;padding:9px 10px 9px 15px;font-size:14px;background:var(--bg-color2);border-radius:8px;border:none}.layout-menu-list.search .input-wrap input:last-child{margin:0}.layout-menu-list.search .input-wrap input.act{border-radius:8px 8px 0 0}.layout-menu-list.search .input-wrap button{display:none;position:absolute;top:50%;right:5px;margin:auto;padding:5px;transform:translateY(-50%)}.layout-menu-list.search .input-wrap button.close{display:block;display:flex;align-items:center;justify-content:center}.layout-menu-list.search .input-wrap button.close::before{content:"";display:block;margin:0;width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-menu-list.search .button-wrap{display:flex;justify-content:space-between;gap:10px;margin:20px 0 0 0}.layout-menu-list.search .button-wrap>button{flex:1;padding:7px 15px;min-width:0;font-size:15px;text-align:center;border-radius:8px}.layout-menu-list.search .button-wrap button[type=submit]{background-color:var(--identity-btn)}.layout-menu-list.search .button-wrap button[type=reset]{background-color:var(--common-color)}.layout-menu-list.search .search-list{position:absolute;z-index:1;top:34px;overflow-y:scroll;padding:10px 15px 15px;width:100%;max-height:150px;background-color:var(--bg-color2);border-radius:0 0 8px 8px}.layout-menu-list.search .search-list::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.layout-menu-list.search .search-list li{margin:0 0 15px;color:#fff;cursor:pointer}.layout-menu-list.search .search-list li:last-child{margin:0}.layout-menu-list.search .search-list li:hover,.layout-menu-list.search .search-list li.selected{color:var(--title-color)}.layout-filter{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:0}.layout-filter h2{font-size:20px}body:not(.mobile) .layout-accodian-menu a.hover{color:var(--title-color)}body:not(.mobile) .layout-menu-list a:hover{color:var(--title-color)}body:not(.mobile) .layout-menu-list:hover h3{border-bottom-color:var(--text-color3)}.layout-contents{padding:20px 20px 90px;width:70%}@media screen and (max-width: 767px){.layout-contents{width:100%}}.layout-contents .list-top,.layout-contents .list-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}@media screen and (max-width: 767px){.layout-contents .list-top.pc-title,.layout-contents .list-title.pc-title{display:none}}.layout-contents .list-top h2,.layout-contents .list-title h2{display:flex;align-items:center;color:var(--title-color);font-size:20px}@media screen and (max-width: 767px){.layout-contents .list-top h2,.layout-contents .list-title h2{display:none}}.layout-contents .list-top h2 .bookmark,.layout-contents .list-title h2 .bookmark{cursor:pointer;display:flex;align-items:center}.layout-contents .list-top h2 .bookmark::before,.layout-contents .list-title h2 .bookmark::before{content:"";display:block;margin:0 0 0 10px;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 4.3 1 2.3.5 1.1 1.2.1 2.5.2-1.9 1.6-.9.8.3 1.2.6 2.4-2.1-1.3-1-.6-1 .6L6.4 14l.6-2.4v-1.1l-1-.8L4.2 8l2.5-.2 1.2-.1.5-1.1.9-2.3m0-4.3c-.2 0-.4.1-.5.3L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.3.2.6.5.6.1 0 .2 0 .3-.1l5.2-3.1 5.2 3.1c.1.1.2.1.3.1.3 0 .6-.3.5-.6L14 11.1l4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c0-.2-.2-.3-.4-.3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-contents .list-top h2 .bookmark.act::before,.layout-contents .list-title h2 .bookmark.act::before{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23e7a700'/%3E%3C/svg%3E")}.layout-contents .list-top nav,.layout-contents .list-title nav{display:flex;color:var(--text-color)}.layout-contents .list-top nav a,.layout-contents .list-top nav button,.layout-contents .list-title nav a,.layout-contents .list-title nav button{position:relative;padding:0 7px;transition:all .15s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-contents .list-top nav a:hover,.layout-contents .list-top nav button:hover,.layout-contents .list-title nav a:hover,.layout-contents .list-title nav button:hover{color:#fff}.layout-contents .list-top nav a::after,.layout-contents .list-top nav button::after,.layout-contents .list-title nav a::after,.layout-contents .list-title nav button::after{content:"";display:block;position:absolute;top:3px;right:0;width:1px;height:10px;background-color:var(--border-color)}.layout-contents .list-top nav a:last-child::after,.layout-contents .list-top nav button:last-child::after,.layout-contents .list-title nav a:last-child::after,.layout-contents .list-title nav button:last-child::after{display:none}.layout-contents .list-warning{color:#c70000;font-weight:normal;font-size:14px;margin-bottom:20px}.layout-contents-filter-btn{margin:0 0 10px 0}.layout-contents-filter-btn .filter-btn::after{content:"";display:block;clear:both}.layout-contents-filter-btn .filter-btn *{margin:0 10px 0 0}.layout-contents-filter-btn .filter-btn *:hover{background-color:#020202}.layout-contents-filter-btn .filter-btn a,.layout-contents-filter-btn .filter-btn button{padding:0 15px;height:28px;background-color:var(--bg-color3);border-radius:8px;color:var(--text-color)}.layout-contents-filter-btn .filter-btn a{display:flex;align-items:center;justify-content:center}.layout-contents-filter-btn .filter-btn button.bookmark{float:left;padding:0;width:40px;display:flex;align-items:center;justify-content:center}.layout-contents-filter-btn .filter-btn button.bookmark::before{content:"";display:block;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 4.3 1 2.3.5 1.1 1.2.1 2.5.2-1.9 1.6-.9.8.3 1.2.6 2.4-2.1-1.3-1-.6-1 .6L6.4 14l.6-2.4v-1.1l-1-.8L4.2 8l2.5-.2 1.2-.1.5-1.1.9-2.3m0-4.3c-.2 0-.4.1-.5.3L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.3.2.6.5.6.1 0 .2 0 .3-.1l5.2-3.1 5.2 3.1c.1.1.2.1.3.1.3 0 .6-.3.5-.6L14 11.1l4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c0-.2-.2-.3-.4-.3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-contents-filter-btn .filter-btn button.bookmark.act::before{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23e7a700'/%3E%3C/svg%3E")}.layout-contents-filter-btn .filter-btn button.reset{float:right;margin:0;font-size:14px}.layout-contents-filter-btn .filter-btn .option-toggle{float:right;display:none}@media screen and (max-width: 767px){.layout-contents-filter-btn .filter-btn .option-toggle{display:block}}.layout-contents-filter-btn .filter-btn .aspect-filter{display:flex;justify-content:center;align-items:center;padding:0 15px;height:28px;background-color:var(--bg-color3);border-radius:8px;color:var(--text-color);float:left}.layout-contents-filter-btn .filter-btn .aspect-filter input{margin:0 3px 0 0}.layout-contents-filter-btn .filter-btn .aspect-filter span{margin:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.layout-contents-filter-btn .filter-btn .aspect-filter.act,.layout-contents-filter-btn .filter-btn .aspect-filter:hover{color:#fff;background-color:#020202}.layout-contents-filter{display:flex;flex-wrap:wrap;margin:0 0 20px 0;padding:10px;background-color:var(--bg-color3);border-radius:10px}.layout-contents-filter button{display:flex;align-items:center;margin:5px;padding:5px 10px;min-height:22px;border:1px solid var(--bg-color1);border-radius:5px;color:var(--text-color2)}.layout-contents-filter button .x-btn{display:flex;align-items:center}.layout-contents-filter button .x-btn::before{content:"";display:block;margin:0 0 0 4px;width:8px;height:8px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%23d2c8ae'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-board-wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin:0 0 40px 0}.layout-board-wrap.grid1{grid-template-columns:repeat(1, 1fr)}.layout-board-wrap.grid3{grid-template-columns:repeat(3, 1fr)}@media screen and (max-width: 767px){.layout-board-wrap.grid3{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 767px){.layout-board-wrap{margin:0 0 20px 0}}.layout-board-module{overflow:hidden;background-color:var(--bg-color3);border-radius:8px}.layout-board-module h3{padding:20px;color:#fff;font-size:15px;font-weight:400;background-color:var(--bg-color3);border-bottom:1px solid var(--bg-color3)}.layout-board-module ul{padding:20px}.layout-board-module ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px 0;color:var(--text-color);font-size:14px;transition:all .15s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-board-module ul li:last-child{margin:0}.layout-board-module ul li:hover{color:var(--title-color)}.layout-board-top{display:flex;justify-content:space-between;margin:0 0 20px 0}.layout-board-top .btn{padding:4px 10px;background-color:var(--bg-color4);border-radius:5px;color:var(--text-color);transition:all .15s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-btn-wrap{display:flex}.layout-btn-wrap .btn{display:flex;align-items:center;margin:0 5px 0 0}.layout-btn-wrap .btn:last-child{margin:0}.layout-btn-wrap .btn.bookmark-list{display:flex;align-items:center}.layout-btn-wrap .btn.bookmark-list::before{content:"";display:block;margin:0;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-btn-wrap .btn.bookmark-list.act{display:flex;align-items:center}.layout-btn-wrap .btn.bookmark-list.act::before{content:"";display:block;margin:0;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23d2c8ae'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.layout-btn-wrap .btn.bookmark-list .text{margin:0 0 0 5px}@media screen and (max-width: 359px){.layout-btn-wrap .btn.bookmark-list .text{display:none}}.layout-btn-wrap .btn.white{color:#fff}.layout-btn-wrap .btn.act{color:var(--title-color)}.layout-btn-wrap .hidden{display:flex}@media screen and (max-width: 767px){.layout-btn-wrap .hidden{display:none}}body:not(.mobile) .layout-board-top .btn:hover{background-color:#020202}@media screen and (max-width: 1280px){.layout-mo-menu-bg{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.8);opacity:0;transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.layout-mo-menu-bg.act{display:block;animation-name:bgfadeIn;animation-duration:.25s;animation-fill-mode:forwards}@keyframes bgfadeIn{0%{opacity:0}100%{opacity:1}}.layout-mo-menu-bg .mo-menu-close{position:absolute;top:11px;right:12px;padding:10px;display:flex;align-items:center}.layout-mo-menu-bg .mo-menu-close::before{content:"";display:block;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}}body.simulator{overflow:hidden}.simulator-layout{position:fixed;top:70px;left:0;z-index:0;width:100%;height:calc(100% - 70px)}@media screen and (max-width: 1280px){.simulator-layout{top:55px;height:calc(100% - 55px)}}.simulator-contents{position:absolute;left:-400px;top:0;z-index:5;width:400px;height:100%;box-sizing:border-box;transition:all .5s cubic-bezier(0.165, 0.84, 0.44, 1)}@media screen and (max-width: 767px){.simulator-contents{left:calc(max(80%,320px)*-1);width:max(80%,320px)}}.simulator-contents .contents-menu-btn{position:absolute;top:50%;right:-30px;z-index:5;transform:translate(0, -50%);width:30px;height:58px;background-color:var(--bg-color2);border-radius:0 10px 10px 0;transition:all .5s cubic-bezier(0.165, 0.84, 0.44, 1);cursor:pointer;display:flex;align-items:center;justify-content:center}.simulator-contents .contents-menu-btn::before{content:"";display:block;margin:0;width:8px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(180deg)}@media screen and (max-width: 767px){.simulator-contents .contents-menu-btn{top:auto;bottom:20px;right:-50px;transform:translate(0, 0);width:40px;height:40px;background-color:rgba(26,28,34,.8);border-radius:10px}.simulator-contents .contents-menu-btn::before{width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.9 16'%3E%3Cpath d='M.2 1.6C2.5 4.6 6 9 6 9v5c0 1.1.9 2 2 2s2-.9 2-2V9s3.4-4.4 5.8-7.4A1 1 0 0 0 15 0H1a1 1 0 0 0-.8 1.6z' style='fill:%23FFF'/%3E%3C/svg%3E");transform:translate(0, 0)}}@media screen and (max-width: 767px){.simulator-contents.skill{top:auto;left:0;bottom:-58%;width:100%;height:60%}}.simulator-contents.skill::before{content:"";display:none;position:sticky;top:-40px;left:-20px;z-index:1;width:calc(100% + 40px);height:3%;background-color:var(--bg-color3)}@media screen and (max-width: 767px){.simulator-contents.skill::before{display:block}}.simulator-contents.skill.act::before{display:none}.simulator-contents.skill .contents-wrap{display:flex;justify-content:space-between;flex-direction:column;overflow-y:visible;padding:0}.simulator-contents.skill .contents-wrap .contents{padding:40px 20px 0;overflow-y:scroll}.simulator-contents.skill .contents-wrap .contents::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.simulator-contents.skill .contents-wrap .skill-view-contents .content{white-space:pre-wrap}@media screen and (max-width: 767px){.simulator-contents.skill .contents-menu-btn{top:-30px;left:0;right:0;margin:0 auto;width:60px;height:30px;background-color:var(--bg-color2);border-radius:10px 10px 0 0}.simulator-contents.skill .contents-menu-btn::before{content:"글쓰기";width:100%;background-image:none;color:var(--text-color);font-size:14px;font-weight:600}}.simulator-contents.skill .skill-bottom{position:relative;width:100%;margin:0}.simulator-contents.act{left:0px}.simulator-contents.act>button::before{transform:rotate(0deg)}@media screen and (max-width: 767px){.simulator-contents.act .contents-menu-btn{right:-40px;border-radius:0 10px 10px 0}.simulator-contents.act .contents-menu-btn::before{width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%23FFF'/%3E%3C/svg%3E")}}@media screen and (max-width: 767px){.simulator-contents.act .contents-box{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);transition:all .5s cubic-bezier(0.165, 0.84, 0.44, 1)}}@media screen and (max-width: 767px){.simulator-contents.act.skill{bottom:0%}.simulator-contents.act.skill .contents-menu-btn{top:-30px;left:0;right:0;margin:0 auto;width:60px;background-color:var(--bg-color2);border-radius:10px 10px 0 0}.simulator-contents.act.skill .contents-menu-btn::before{content:"";width:8px;height:14px;transform:rotate(-90deg);background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e818a'/%3E%3C/svg%3E")}}.contents-wrap{position:relative;z-index:1;overflow-y:scroll;padding:40px 20px 0;height:100%;background-color:var(--bg-color3)}.contents-wrap::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width: 767px){.simulator-layout.view .simulator-contents.skill:not(.act) .contents-menu-btn::before{content:"글보기"}}.comment-header{margin:0 0 20px 0}.comment-header h4{margin:0 0 20px 0;font-size:15px}.comment-header h4 span{color:#fff}.comment-input{display:flex;height:40px;background-color:var(--bg-color2);border-radius:8px}.comment-input textarea{padding:10px 20px;width:calc(100% - 100px);background-color:rgba(0,0,0,0);border:0;color:inherit;font-size:14px;font-family:inherit;outline:none}.comment-input>div{display:flex;align-items:center;justify-content:center;width:100px}.comment-input>div>button{margin:0 0 0 6px;width:40px;height:100%;color:var(--comment-color2);text-align:center;cursor:pointer}.comment-list{margin:0 0 20px 0}.comment-list h5{color:var(--text-color);font-size:15px}.comment-list .loading{width:100%;height:50px}.comment-list .no-comment{text-align:center}.comment-list .best-comments{padding:10px;background:var(--common-color);border-radius:10px;margin-bottom:20px;position:relative;padding-top:50px}.comment-list .best-comments::before{content:"";display:block;position:absolute;top:20px;left:20px;width:80px;height:25px;background:url(https://static.inven.co.kr/image_2011/common/common/common_img_sprite3.png?v=20230612b) no-repeat;background-position:-35px -88px}.comment-list .best-comments .best:last-child{margin-bottom:0px;border:none}.comment-item{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid var(--common-color)}.comment-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px 0}.comment-author-info{display:flex;justify-content:space-between;align-items:center}.comment-author-info span{font-size:12px;margin-left:10px}.comment-icon-wrap{display:flex;justify-content:right;align-items:center}.comment-icon-wrap .create_date{margin-right:10px;font-size:12px}.comment-icon-wrap button{margin:0 10px 0 0;width:24px;height:24px;background-color:var(--common-color);border-radius:5px;cursor:pointer}.comment-icon-wrap button:last-child{margin:0}.comment-icon-wrap label{cursor:pointer}.comment-icon-wrap .edit{display:flex;align-items:center;justify-content:center}.comment-icon-wrap .edit::before{content:"";display:block;margin:0;width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 14.5v3c0 .3.2.5.5.5h3c.1 0 .3 0 .3-.1l11-11L11 3.1.2 14.1c-.1.1-.2.2-.2.4zM17.7 4c.4-.4.4-1 0-1.4L15.4.3c-.4-.4-1-.4-1.4 0l-1.8 1.8L16 5.9c-.1 0 1.7-1.9 1.7-1.9z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.comment-icon-wrap .delete{display:flex;align-items:center;justify-content:center}.comment-icon-wrap .delete::before{content:"";display:block;margin:0;width:10px;height:10px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.comment-icon-wrap .report{display:flex;align-items:center;justify-content:center}.comment-icon-wrap .report::before{content:"";display:block;margin:0;width:12px;height:15px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 21.5'%3E%3Cpath d='M8.6 21.5c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm8.3-4.7-1.3-1.3v-6c0-3.3-2.4-6.2-5.5-6.8V1.5C10.1.7 9.4 0 8.6 0S7.1.7 7.1 1.5v1.2c-3.2.6-5.5 3.5-5.5 6.8v6L.3 16.8c-.6.6-.2 1.7.7 1.7h15.2c.9 0 1.3-1.1.7-1.7zm-7.3-2.3h-2v-2h2v2zm0-5c0 .6-.4 1-1 1s-1-.4-1-1v-2c0-.6.4-1 1-1s1 .4 1 1v2z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.comment-icon-wrap .like{display:flex;align-items:center;justify-content:center}.comment-icon-wrap .like::before{content:"";display:block;margin:0;width:16px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.3 19.4'%3E%3Cpath d='M12.1.4 6.6 6c-.4.4-.6.9-.6 1.4v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3.3-7.6c.8-2-.6-4.2-2.8-4.2h-5.6l.9-4.6c.1-.5-.1-1-.4-1.4-.6-.5-1.5-.5-2.1 0zM2 19.4c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.comment-icon-wrap .like.act::before{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.3 19.4'%3E%3Cpath d='M12.1.4 6.6 6c-.4.4-.6.9-.6 1.4v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3.3-7.6c.8-2-.6-4.2-2.8-4.2h-5.6l.9-4.6c.1-.5-.1-1-.4-1.4-.6-.5-1.5-.5-2.1 0zM2 19.4c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z' style='fill:%23e85656'/%3E%3C/svg%3E")}.comment-icon-wrap .hate{display:flex;align-items:center;justify-content:center}.comment-icon-wrap .hate::before{content:"";display:block;margin:0;width:16px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.3 19.4'%3E%3Cpath d='M12.1.4 6.6 6c-.4.4-.6.9-.6 1.4v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3.3-7.6c.8-2-.6-4.2-2.8-4.2h-5.6l.9-4.6c.1-.5-.1-1-.4-1.4-.6-.5-1.5-.5-2.1 0zM2 19.4c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(180deg)}.comment-icon-wrap .hate.act::before{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.3 19.4'%3E%3Cpath d='M12.1.4 6.6 6c-.4.4-.6.9-.6 1.4v10c0 1.1.9 2 2 2h9c.8 0 1.5-.5 1.8-1.2l3.3-7.6c.8-2-.6-4.2-2.8-4.2h-5.6l.9-4.6c.1-.5-.1-1-.4-1.4-.6-.5-1.5-.5-2.1 0zM2 19.4c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2z' style='fill:%23568de8'/%3E%3C/svg%3E")}.comment-icon-wrap .picture{display:flex;align-items:center;justify-content:center}.comment-icon-wrap .picture::before{content:"";display:block;width:16px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 21'%3E%3Cstyle%3E.st0%7Bfill:%237e828b%7D%3C/style%3E%3Cpath d='M3 7c0 .6.5 1 1 1s1-.4 1-1V5h2c.6 0 1-.4 1-1s-.4-1-1-1H5V1c0-.5-.4-1-1-1S3 .5 3 1v2H1c-.6 0-1 .4-1 1s.4 1 1 1h2v2z' class='st0'/%3E%3Ccircle cx='13' cy='13' r='3' class='st0'/%3E%3Cpath d='M21 5h-3.2l-1.2-1.3c-.4-.5-.9-.7-1.5-.7H8.7c.2.3.3.6.3 1 0 1.1-.9 2-2 2H6v1c0 1.1-.9 2-2 2-.4 0-.7-.1-1-.3V19c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-8 13c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z' class='st0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.comment-icon-wrap .comment-btn-wrap{display:flex;align-items:center;margin:0 20px 0 0;font-size:12px;font-weight:500}.comment-icon-wrap .comment-btn-wrap:last-child{margin:0}.comment-icon-wrap .comment-btn-wrap:nth-child(1){color:var(--comment-color1)}.comment-icon-wrap .comment-btn-wrap:nth-child(2){color:var(--comment-color2)}.comment-contents .img,.comment-contents .text{margin:0 0 15px}.comment-contents .img{text-align:center}.comment-contents .img img{transition:all .5s ease;cursor:pointer;width:100%}.comment-contents .img.reduction{text-align:left}.comment-contents .img.reduction img{max-width:360px}.comment-contents .text{font-size:14px;white-space:pre-wrap;word-break:break-word}.comment-contents .deleted{color:#f30;text-decoration:line-through}.comment-contents .updated{color:#fff}.comment-navi{display:flex;align-items:center;justify-content:center}.comment-navi a{padding:0 10px;color:var(--text-color3);font-size:15px}.comment-navi a:not(.num){font-size:14px}.comment-navi a:hover,.comment-navi a.on{color:#fff}.map-loading{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.map-loading .spinner{top:50%}.map-wrapper{height:calc(100vh - 60px)}@media screen and (max-width: 1280px){.map-wrapper{height:calc(100vh - 55px)}}.map-item{margin:0 0 40px;position:relative}.map-item .layout-search button{cursor:default}.map-title{display:flex;align-items:center;margin:0 0 20px;padding:0 0 20px;color:#e6e6e6;font-size:20px;font-weight:500;border-bottom:1px solid var(--border-color)}.map-title.basic{padding:0;border-bottom:0}.map-title select[name=world]{margin:0 0 0 10px;padding:10px;width:50%;background-color:var(--bg-color4);border-radius:8px}.map-area{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media screen and (max-width: 767px){.map-area{grid-template-columns:repeat(2, 1fr)}}.map-area .btn{display:flex;align-items:center;justify-content:center;height:38px;background-color:var(--bg-color4);border-radius:5px;box-sizing:border-box;color:var(--text-color);font-size:16px;letter-spacing:-0.025em;cursor:pointer;transition:all .15s}.map-area .btn:hover,.map-area .btn.on{color:#fff}.map-area .btn:hover{background-color:#2e333a}.map-area .btn.on{background-color:var(--bg-color2)}.map-area.object{grid-template-columns:repeat(2, 1fr);gap:10px}@media screen and (max-width: 767px){.map-area.object{gap:16px}}.map-area.object .btn:not(:nth-child(1),:nth-child(2)){justify-content:space-between;grid-column:1/span 2;padding:0 15px;text-align:left}.map-area.object .btn:not(:nth-child(1),:nth-child(2)):nth-child(3){margin-top:6px}@media screen and (max-width: 767px){.map-area.object .btn:not(:nth-child(1),:nth-child(2)):nth-child(3){margin-top:0px}}.map-area.object .area-object{display:flex;align-items:center;font-size:15px;display:flex;align-items:center}.map-area.object .area-object::before{content:"";display:block;margin:0 8px 0 0;width:24px;height:24px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg %3E");background-repeat:no-repeat;background-size:100%;background-position:center}.map-area.object .area-object.waypoint::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_waypoint.png")}.map-area.object .area-object.stronghold::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_stronghold.png")}.map-area.object .area-object.lilith::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_lilith.png")}.map-area.object .area-object.aspect::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_dungeon_aspect.png")}.map-area.object .area-object.dungeon::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_dungeon.png")}.map-area.object .area-object.cellar::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_cellar.png")}.map-area.object .area-object.area-event::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_area_event.png")}.map-area.object .area-object.quest::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_quest.png")}.map-area.object .area-object.boss::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_world_boss.png")}.map-area.object .area-object.mysterybox::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_mysterybox.png?v=1")}.map-area.object .area-object.dungeon_capstone::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_dungeon_capstone.png?v=1")}.map-area.object .area-object.dungeon_other::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_dungeon_other.png?v=1")}.map-area.object .area-object.rare_monster::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_rare_monster.png")}.map-area.object .area-object.akarat::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/map/node_icons/icon_akarat.png")}.map-area.object .area-count{color:var(--text-color3);font-size:13px}.map-area.object .area-count span:first-child{color:#ef810b}.map-auto-complete{position:absolute;padding:5px;width:100%;max-width:360px;height:250px;overflow-y:scroll;background:var(--bg-color2);border-radius:0 0 10px 10px;z-index:10}.map-auto-complete li{display:flex;justify-content:space-between;padding:5px;color:#fff}.map-auto-complete li p:first-child{font-weight:bold}.map-auto-complete li.node p:nth-child(2){color:#fff}.map-auto-complete li:hover{cursor:pointer}.map-auto-complete li.active{background-color:var(--bg-color4);font-weight:bold;color:#fff}.map-auto-complete li.active p:nth-child(2){color:#fff !important}.simulator-detail{position:fixed;bottom:20px;right:20px;z-index:10;overflow-y:scroll;padding:40px 20px;width:400px;height:70%;background-color:var(--bg-color4);border-radius:10px;color:#bbb}@media screen and (max-width: 767px){.simulator-detail{left:0;right:0;margin:0 auto;bottom:0;width:calc(100% - 20px);height:60%;border-radius:10px 10px 0 0}}.simulator-detail::-webkit-scrollbar{width:10px}.simulator-detail::-webkit-scrollbar-thumb{background-color:var(--bg-color2);border-radius:5px}.simulator-detail::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.simulator-detail .close-btn{position:sticky;margin:-40px 0 0 -20px;top:-40px;width:30px;height:30px;border-radius:10px;background-color:var(--bg-color2);display:flex;align-items:center;justify-content:center}.simulator-detail .close-btn::before{content:"";display:block;margin:0;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.simulator-detail img{max-width:100%}.detail-title{margin:0 0 20px 0}.detail-title h3{margin:0 0 10px 0;color:#fff;font-size:20px;font-weight:500}.detail-title .area{color:var(--text-color);font-size:14px}.detail-check-copy{display:flex;align-items:center;justify-content:center;margin:0 0 30px}.detail-check-copy>div{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 5px;padding:0 10px;min-width:46px;height:60px;background-color:#e6e6e6;border-radius:5px;box-sizing:border-box;color:var(--common-color);font-size:12px;cursor:pointer}.detail-check-copy .check{min-width:94px}.detail-check-copy .check p{color:var(--text-color)}.detail-check-copy .check p:first-child{display:flex;align-items:center}.detail-check-copy .check p:last-child{color:var(--common-color)}.detail-check-copy .check .check-icon{display:flex;align-items:center;justify-content:center}.detail-check-copy .check .check-icon::before{content:"";display:block;margin:0 0 5px 5px;width:18px;height:13px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.8 12.6'%3E%3Cpath d='M5.2 10.2 1.7 6.7c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4.2 4.2c.4.4 1 .4 1.4 0L16.5 1.7c.4-.4.4-1 0-1.4s-1-.4-1.4 0l-9.9 9.9z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.detail-check-copy .check.on{background-color:var(--comment-color2)}.detail-check-copy .check.on p{color:#fff}.detail-check-copy .check.on .check-icon{display:flex;align-items:center;justify-content:center}.detail-check-copy .check.on .check-icon::before{content:"";display:block;margin:0 0 5px 5px;width:18px;height:13px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.8 12.6'%3E%3Cpath d='M5.2 10.2 1.7 6.7c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4.2 4.2c.4.4 1 .4 1.4 0L16.5 1.7c.4-.4.4-1 0-1.4s-1-.4-1.4 0l-9.9 9.9z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.detail-check-copy .copy{display:flex;align-items:center;justify-content:center}.detail-check-copy .copy::before{content:"";display:block;margin:0 0 12px 0;width:20px;height:10px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M15 0h-3c-.6 0-1 .4-1 1s.4 1 1 1h3c1.6 0 3 1.4 3 3s-1.4 3-3 3h-3c-.6 0-1 .4-1 1 0 .5.4 1 1 1h3c2.8 0 5-2.2 5-5s-2.2-5-5-5zM6 5c0 .6.4 1 1 1h6c.6 0 1-.4 1-1s-.4-1-1-1H7c-.6 0-1 .4-1 1zm2 3H5C3.3 8 2 6.6 2 5s1.3-3 3-3h3c.6 0 1-.4 1-1s-.4-1-1-1H5C2.2 0 0 2.2 0 5s2.2 5 5 5h3c.6 0 1-.5 1-1 0-.6-.4-1-1-1z' style='fill:%2330333a'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.detail-info{margin:0 0 30px;line-height:24px}.detail-info a{color:var(--comment-color2)}.detail-reward{margin:0 0 20px 0}.detail-reward h4{margin:0 0 6px 0;font-size:16px;font-weight:bold}.detail-reward h5{margin:0 0 4px 0;font-size:14px;font-weight:bold}.detail-reward p{font-size:13px}.detail-reward p.aspect_effect{color:#d67618}.detail-reward p.aspect_effect span.c_number{color:#cbae76}.detail-reward p.aspect_effect span.c_random{color:#a4a0f0}.detail-reward p.aspect_effect span.c_important{color:#dbd9d5}.detail-reward p.aspect_effect span.text-line{text-decoration:underline}.detail-reward span.detail-reward-job{color:var(--comment-color1)}.detail-reward-subject{margin:0 0 6px 0;font-size:16px;font-weight:bold;color:#fff}.detail-contents{margin:0 0 30px 0;padding:0 0 20px 0;border-bottom:1px solid var(--common-color)}.detail-contents .img,.detail-contents .text{margin:0 0 15px}.detail-contents .bookmark{text-align:center}.detail-contents .bookmark button{margin:0 auto;padding:0 10px;min-height:30px;background-color:var(--common-color);border-radius:5px;box-sizing:border-box;font-size:12px;display:flex;align-items:center}.detail-contents .bookmark button::before{content:"";display:block;margin:0 5px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 4.3 1 2.3.5 1.1 1.2.1 2.5.2-1.9 1.6-.9.8.3 1.2.6 2.4-2.1-1.3-1-.6-1 .6L6.4 14l.6-2.4v-1.1l-1-.8L4.2 8l2.5-.2 1.2-.1.5-1.1.9-2.3m0-4.3c-.2 0-.4.1-.5.3L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.3.2.6.5.6.1 0 .2 0 .3-.1l5.2-3.1 5.2 3.1c.1.1.2.1.3.1.3 0 .6-.3.5-.6L14 11.1l4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c0-.2-.2-.3-.4-.3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.detail-contents .bookmark button.on{display:flex;align-items:center}.detail-contents .bookmark button.on::before{content:"";display:block;margin:0 5px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.detail-contents .img{text-align:center}.detail-contents a.board-link{color:var(--comment-color2);font-weight:bold}.map-profile{position:absolute;top:20px;right:20px}@media screen and (max-width: 767px){.map-profile{right:10px}}.map-profile>div{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px 0;padding:0 15px;min-width:160px;height:40px;background-color:rgba(33,36,42,.8);border-radius:8px;box-sizing:border-box;cursor:pointer}.map-profile>div p{margin:0 10px 0 0;width:100%;max-width:100px}.map-profile>div input{margin:0;padding:0;width:100%;max-width:100px;height:20px;background-color:rgba(0,0,0,0);border:0;border-bottom:1px solid #fff;color:inherit;outline:none;font:inherit}.map-profile>div:hover,.map-profile>div.on{background-color:rgba(239,129,11,.8)}.map-profile>div .edit{display:flex;align-items:center}.map-profile>div .edit::before{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M0 14.5v3c0 .3.2.5.5.5h3c.1 0 .3 0 .3-.1l11-11L11 3.1.2 14.1c-.1.1-.2.2-.2.4zM17.7 4c.4-.4.4-1 0-1.4L15.4.3c-.4-.4-1-.4-1.4 0l-1.8 1.8L16 5.9c-.1 0 1.7-1.9 1.7-1.9z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.map-profile>div .save{display:flex;align-items:center}.map-profile>div .save::before{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 72 72' viewBox='0 0 72 72'%3E%3Cpath d='M58.4 2.4C56.8.8 54.8 0 52.7 0H8C3.6 0 0 3.6 0 8v56c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V19.3c0-2.1-.8-4.2-2.4-5.6L58.4 2.4zM36 64c-6.6 0-12-5.4-12-12s5.4-12 12-12 12 5.4 12 12-5.4 12-12 12zm4-40H16c-4.4 0-8-3.6-8-8s3.6-8 8-8h24c4.4 0 8 3.6 8 8s-3.6 8-8 8z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.map-profile>div .delete{display:flex;align-items:center}.map-profile>div .delete::before{content:"";display:block;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.map-profile>div .plus{display:flex;align-items:center}.map-profile>div .plus::before{content:"";display:block;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13 8H8v5c0 .5-.4 1-1 1s-1-.5-1-1V8H1c-.6 0-1-.4-1-1s.4-1 1-1h5V1c0-.6.4-1 1-1s1 .4 1 1v5h5c.5 0 1 .4 1 1s-.5 1-1 1z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.detail-input{display:flex;align-items:center;margin:0 0 10px 0}.detail-input:last-child{margin:0}.detail-input label{width:30%;font-size:14px}.detail-input input{padding:0 10px;width:70%;background-color:var(--bg-color2);border:0;border-radius:5px;color:inherit}.detail-input input[type=text],.detail-input input[type=number]{height:30px}.detail-input input[type=file]{margin:5px 0 10px 0;padding:0;width:100%}.detail-input select{padding:0 10px;width:70%;height:30px;background-color:var(--bg-color2);border-radius:5px}.detail-input.content{flex-direction:column;align-items:inherit}.detail-input.content label{margin:0 0 5px 0}.detail-input.content textarea{padding:10px;background-color:var(--bg-color2);border:0;border-radius:5px;color:#fff;font-size:14px;font-family:inherit;resize:none}.detail-input .image-upload-wrap{position:relative;text-align:center}.detail-input .image-upload-wrap .delete{position:absolute;top:0px;right:0px;width:24px;height:24px;background-color:var(--common-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.detail-input .image-upload-wrap .delete::before{content:"";display:block;margin:0;width:10px;height:10px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.detail-save{text-align:right}.detail-save button{padding:5px 10px;background-color:var(--bg-color2);border-radius:5px}.db-page-wrap{display:grid;grid-template-columns:repeat(6, 1fr);gap:20px;margin:0 0 30px 0;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 767px){.db-page-wrap{grid-template-columns:repeat(1, 1fr);margin:0 0 20px 0}}.db-page{position:relative;overflow:hidden;background-repeat:no-repeat;background-size:auto 100%;background-position:center;border:0;border-radius:10px;transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.db-page .title-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:23px}@media screen and (max-width: 767px){.db-page .title-wrap{font-size:20px}}.db-page:hover{background-size:auto 105%;box-shadow:0 0 20px #000}.db-page.skill{grid-column:1/4;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/skill/db_thumb_skill.png")}.db-page.paragon{grid-column:4/7;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/paragon/db_thumb_paragon.png?v=230622a")}.db-page.map{grid-column:1/3;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/skill/db_thumb_map.png")}.db-page.aspect{grid-column:3/5;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/skill/db_thumb_aspect.png?v=230526a")}.db-page.item{grid-column:5/7;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/skill/db_thumb_item.png?v=230526a")}.db-page.grid2{padding-bottom:50%}@media screen and (max-width: 767px){.db-page.grid2{grid-column:auto}}.db-page.grid2 .title-wrap{width:100%;height:100%}.db-page.grid2 .title-wrap>a{display:flex;align-items:center;justify-content:center;width:100%;height:70%}.db-page.grid3{padding-top:30%}@media screen and (max-width: 767px){.db-page.grid3{grid-column:auto}}.db-page.grid3 .title-wrap{width:100%;height:100%}.db-page.grid3 a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.db-page .db-btn-wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;position:absolute;left:50%;bottom:20px;transform:translate(-50%, 0);padding:0 20px;width:100%}.db-page .db-btn-wrap>a{position:relative;height:0;padding-bottom:18.87%;border-radius:5px;background-color:rgba(255,255,255,.7);color:#0b0b0b;font-size:15px;font-weight:bold;transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}@media screen and (max-width: 767px){.db-page .db-btn-wrap>a{font-size:16px}}@media screen and (max-width: 580px){.db-page .db-btn-wrap>a{padding-bottom:38px}}.db-page .db-btn-wrap>a:hover{background-color:#fff;box-shadow:0 0 20px #000}.db-page .db-btn-wrap>a.write{background-color:rgba(168,0,0,.7);color:#fff}.db-page .db-btn-wrap>a.write:hover{background-color:#a80000}.db-page .db-btn-wrap>a span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.skill-summary h3{display:flex;justify-content:space-between;padding:0 0 20px 0;border-bottom:1px solid var(--border-color);font-size:20px;font-weight:500;cursor:pointer}.skill-summary .accordion-list-btn{display:flex;align-items:center}.skill-summary .accordion-list-btn::before{content:"";display:block;margin:0 2px 0 0;width:8px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(-270deg)}.skill-summary .accordion-list-btn.act::before{transform:rotate(-90deg)}.skill-list{margin:0 0 20px 0;padding:20px 10px}.skill-list.act{padding:0;height:0}.skill-group{margin:0 0 40px 0}.skill-group:last-child{margin:0}.skill-group h4{margin:0 0 20px 0;color:#e6e6e6;font-size:18px;font-weight:500}.skill-contents{display:flex;margin:0 0 15px 0}.skill-contents:last-child{margin:0}.skill-contents .thumb{margin:0 10px 0 0;width:36px;text-align:center}.skill-contents .thumb .img{width:36px;height:36px;background-color:var(--bg-color2)}.skill-contents .thumb .count{font-size:14px}.skill-contents .text{padding:4px 0 0 0;width:calc(100% - 46px)}.skill-contents .text h5{margin:0 0 5px 0;color:#bbb;font-size:16px;font-weight:500}.skill-contents .text h5:not(.effect){margin:5px 0 0 0}.skill-contents .text .effect-wrap{display:flex;align-items:center;align-items:baseline}.skill-contents .text .effect-wrap::before{content:"";display:block;margin:0 10px;width:15px;height:27px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.6 16.6'%3E%3Cpath d='m14.3 11.7-4.6 4.6c-.4.4-1 .4-1.4 0s-.4-1 0-1.4l2.9-2.9H1c-.6 0-1-.4-1-1V1c0-.6.4-1 1-1s1 .4 1 1v9h9.2L8.3 7.1c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.6 4.6c.4.4.4 1 0 1.4z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-contents .text .effect-wrap button{padding:4px 8px;background-color:var(--bg-color4);border-radius:5px;color:var(--text-color)}.skill-contents .text .effect-btns{display:flex;flex-wrap:wrap;gap:5px;position:relative;top:-6px;width:calc(100% - 47px)}.skill-bottom{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;position:sticky;bottom:0;z-index:10;margin:0 0 0 -20px;padding:14px 20px;width:calc(100% + 40px);background-color:var(--bg-color3);text-align:center}.skill-bottom a,.skill-bottom button{display:flex;align-items:center;justify-content:center;height:38px;background-color:var(--bg-color4);border-radius:8px;color:var(--text-color);transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.skill-bottom a.column,.skill-bottom button.column{grid-column-start:2;grid-column-end:4}.skill-bottom a.single,.skill-bottom button.single{grid-column:1/4}body:not(.mobile) .skill-bottom a:hover,body:not(.mobile) .skill-bottom button:hover{background-color:var(--bg-color2);color:#fff}.skill-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 40px 0}.skill-title h2{display:flex;align-items:center;flex-wrap:wrap;width:calc(100% - 100px);color:var(--title-color);font-size:20px;word-break:keep-all}.skill-title h2 .arrow{display:flex;align-items:center}.skill-title h2 .arrow::before{content:"";display:block;margin:0 6px;width:8px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(180deg)}.skill-title button{margin:0 0 0 12px;padding:4px 10px;width:88px;color:var(--text-color);background-color:var(--common-color);border-radius:5px;display:flex;align-items:center}.skill-title button::before{content:"";display:block;margin:0 2px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4V2.2c0-.5-.5-.7-.9-.4L8.3 4.7c-.2.2-.2.5 0 .7l2.8 2.8c.4.3.9 0 .9-.4V6c3.3 0 6 2.7 6 6 0 .8-.1 1.6-.4 2.2-.1.4 0 .8.2 1 .5.5 1.4.3 1.6-.3.4-.9.6-1.9.6-2.9 0-4.4-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6 0-.8.2-1.6.4-2.2.2-.4 0-.8-.2-1-.5-.6-1.4-.4-1.6.3C4.2 10 4 11 4 12c0 4.4 3.6 8 8 8v1.8c0 .5.5.7.9.4l2.8-2.8c.2-.2.2-.5 0-.7l-2.8-2.8c-.3-.3-.9-.1-.9.4V18z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-write .write-title{display:flex;align-items:center;overflow:hidden;margin:0 0 10px 0;height:40px;border-radius:10px}.skill-write .write-title select{padding:0 20px 0 20px;width:103px;height:100%;background-color:var(--bg-color2);font-size:14px;text-overflow:ellipsis}.skill-write .write-title input{flex:1;padding:0 10px;height:100%;background-color:var(--bg-color2);border:0;box-sizing:border-box;font-size:15px}.skill-write .write-content textarea{padding:20px;width:100%;min-height:500px;background-color:var(--bg-color1);border:0;border-radius:10px;box-sizing:border-box;color:inherit;font-size:14px;font-family:inherit;outline:none}@media screen and (max-width: 767px){.skill-write .write-content textarea{min-height:150px}}.skill-share{display:flex;justify-content:flex-end}.skill-share button{margin-top:-20px;padding:4px 10px;background-color:var(--common-color);border-radius:5px;color:var(--text-color);display:flex;align-items:center}.skill-share button::before{content:"";display:block;margin:0 5px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(135deg)}.skill-share button:hover{color:#fff;display:flex;align-items:center}.skill-share button:hover::before{content:"";display:block;margin:0 5px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(135deg)}.skill-view-title{margin:0 0 40px 0;padding:0 0 10px 0;border-bottom:1px solid var(--border-color)}.skill-view-title h2{margin:10px 0 20px 0;font-size:20px}.skill-view-title h2.deleted .del{color:#f30}.skill-view-title h2.deleted span:last-child{text-decoration:line-through}.skill-view-title h2 .my{color:#f80}.skill-view-title .info{display:flex;justify-content:space-between;margin:0 0 20px 0;color:var(--text-color)}.skill-view-title .info .nick{font-size:15px}.skill-view-title .info .date{color:var(--text-color3);font-size:12px}.skill-view-title .count{display:flex;color:var(--text-color2);font-size:12px}.skill-view-title .count>div{margin:0 15px 0 0}.skill-view-title .count .view{display:flex;align-items:center}.skill-view-title .count .view::before{content:"";display:block;margin:0 10px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 15'%3E%3Cpath d='M11 0C6 0 1.7 3.1 0 7.5 1.7 11.9 6 15 11 15s9.3-3.1 11-7.5C20.3 3.1 16 0 11 0zm0 12.5c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-view-title .count .comment{display:flex;align-items:center}.skill-view-title .count .comment::before{content:"";display:block;margin:0 10px 0 0;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M30 3c0-1.6-1.3-3-3-3H3C1.4 0 0 1.4 0 3v18c0 1.7 1.4 3 3 3h21l6 6V3z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-view-contents{position:relative;margin:0 0 20px 0;padding:40px 10px 20px;font-size:14px;line-height:24px;letter-spacing:-0.025em}.skill-view-contents::before{content:"";display:block;position:absolute;top:50%;left:-20px;z-index:0;transform:translate(0, -50%);width:calc(100% + 40px);height:100%;background-color:var(--bg-color1)}.skill-view-contents>div{position:relative;z-index:1}.skill-view-contents .content{margin:0 0 40px 0;word-break:break-word}.skill-view-contents .contents-bookmark{display:flex;justify-content:center;margin:0 0 40px 0}.skill-view-contents .contents-bookmark button{padding:5px 10px;background-color:var(--common-color);border-radius:5px;display:flex;align-items:center}.skill-view-contents .contents-bookmark button::before{content:"";display:block;margin:0 5px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 4.3 1 2.3.5 1.1 1.2.1 2.5.2-1.9 1.6-.9.8.3 1.2.6 2.4-2.1-1.3-1-.6-1 .6L6.4 14l.6-2.4v-1.1l-1-.8L4.2 8l2.5-.2 1.2-.1.5-1.1.9-2.3m0-4.3c-.2 0-.4.1-.5.3L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.3.2.6.5.6.1 0 .2 0 .3-.1l5.2-3.1 5.2 3.1c.1.1.2.1.3.1.3 0 .6-.3.5-.6L14 11.1l4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c0-.2-.2-.3-.4-.3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-view-contents .contents-bookmark button.act::before{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23e7a700'/%3E%3C/svg%3E")}.skill-view-contents .contents-botttom{display:flex;justify-content:space-between}.skill-view-contents .contents-botttom>div{display:flex}.skill-view-contents .contents-botttom a,.skill-view-contents .contents-botttom button{margin:0 10px 0 0;padding:5px 15px;background-color:var(--bg-color4);border-radius:5px;color:var(--text-color)}.skill-view-contents .contents-botttom a:last-child,.skill-view-contents .contents-botttom button:last-child{margin:0}.skill-view-contents .contents-botttom a:hover,.skill-view-contents .contents-botttom button:hover{color:#fff}.skill-view-contents .caution-is-deleted{padding-bottom:5px;color:#f30;font-weight:bold;text-align:right;font-size:16px}.skill-navi{display:flex;align-items:center;position:fixed;bottom:14px;left:50%;z-index:0;transform:translate(-50%, 0)}.skill-navi>div{position:relative;z-index:1;margin:0 10px;background-color:var(--bg-color4);box-sizing:border-box;cursor:pointer}.skill-navi .icon{width:24px;height:24px;transform:rotate(45deg);border-radius:5px;display:flex;align-items:center;justify-content:center}.skill-navi .icon::before{content:"";display:block;margin:0 6px;width:6px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-navi .icon.left{order:1;margin-right:13px}.skill-navi .icon.left::before{transform:rotate(-45deg)}.skill-navi .icon.right{order:3;margin-left:13px}.skill-navi .icon.right::before{transform:rotate(-225deg)}.skill-navi .skill-category{display:none;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%}.skill-navi .skill-category.act,.skill-navi .skill-category:hover{background-color:var(--bg-color2);border:1px solid var(--title-color);color:var(--title-color)}.skill-navi .skill-category.btn{display:flex;order:2}.skill-navi::before{content:"";display:block;position:absolute;top:50%;left:50%;z-index:0;transform:translate(-50%, -50%);width:90%;height:1px;background-color:var(--bg-color4)}.skill-navi.on .skill-category{display:flex;order:2}.skill-navi.on .skill-category.btn{display:none}.skill-navi.on .icon.left::before{transform:rotate(-225deg)}.skill-navi.on .icon.right::before{transform:rotate(-45deg)}@media screen and (max-width: 767px){.skill-navi{display:none}}.skill-keyword-search{position:absolute;top:20px;right:20px;z-index:1}.skill-keyword-search .keyword-wrap{position:relative;z-index:2;width:240px;margin:0 0 10px 0}@media screen and (max-width: 1000px){.skill-keyword-search .keyword-wrap .keyword-contents{display:flex;flex-direction:column;align-items:end}}.skill-keyword-search .keyword-wrap .keyword-title{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:0 10px 0 15px;width:100%;height:40px;background-color:var(--bg-color2);border-radius:8px;box-sizing:border-box;pointer-events:all}@media screen and (max-width: 1000px){.skill-keyword-search .keyword-wrap .keyword-title{padding:0 15px;width:40px;justify-content:center}}.skill-keyword-search .keyword-wrap .keyword-title h2{font-size:14px;font-weight:normal}@media screen and (max-width: 1000px){.skill-keyword-search .keyword-wrap .keyword-title h2{width:1px;height:1px;overflow:hidden;position:absolute;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);background:rgba(0,0,0,0)}}.skill-keyword-search .keyword-wrap .keyword-title span{display:flex;align-items:center;justify-content:center}.skill-keyword-search .keyword-wrap .keyword-title span::before{content:"";display:block;margin:0 6px;width:6px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(-90deg)}@media screen and (max-width: 1000px){.skill-keyword-search .keyword-wrap .keyword-title span::before{width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.9 16'%3E%3Cpath d='M.2 1.6C2.5 4.6 6 9 6 9v5c0 1.1.9 2 2 2s2-.9 2-2V9s3.4-4.4 5.8-7.4A1 1 0 0 0 15 0H1a1 1 0 0 0-.8 1.6z' style='fill:%23fff'/%3E%3C/svg%3E");transform:rotate(0)}}.skill-keyword-search .keyword-wrap .keyword-list{display:none;flex-wrap:wrap;position:relative;z-index:0;overflow:hidden scroll;margin:-40px 0 10px;padding:55px 15px 15px;background-color:var(--bg-color3);border-radius:8px;pointer-events:all}.skill-keyword-search .keyword-wrap .keyword-list::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.skill-keyword-search .keyword-wrap .keyword-list button{margin:0 4px 4px 0;padding:2px 4px;background-color:var(--bg-color1);border-radius:4px;color:var(--text-color)}.skill-keyword-search .keyword-wrap .keyword-list button.on{background-color:#4c4c4c;color:#fff}.skill-keyword-search .keyword-wrap .keyword-reset{display:none;text-align:center}.skill-keyword-search .keyword-wrap .keyword-reset button{padding:8px 20px;background-color:var(--bg-color2);border-radius:8px;font-size:14px;pointer-events:all}.skill-keyword-search .keyword-wrap.act .keyword-title{border-radius:8px 8px 0 0}.skill-keyword-search .keyword-wrap.act .keyword-title span::before{transform:rotate(90deg)}@media screen and (max-width: 1000px){.skill-keyword-search .keyword-wrap.act .keyword-title span::before{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E")}}.skill-keyword-search .keyword-wrap.act .keyword-list{display:flex}@media screen and (max-width: 1000px){.skill-keyword-search .keyword-wrap.act .keyword-list{margin-top:0;padding:15px}}.skill-keyword-search .keyword-wrap.act .keyword-reset{display:block}.skill-keyword-search .search-wrap{position:relative;width:240px}.skill-keyword-search .search-wrap .layout-search{position:relative;z-index:1;height:40px;background-color:var(--bg-color2)}@media screen and (max-width: 1000px){.skill-keyword-search .search-wrap .layout-search{display:none;width:100%}}.skill-keyword-search .search-wrap .layout-search input{padding-left:15px;width:calc(100% - 40px)}.skill-keyword-search .search-wrap .layout-search input:-ms-input-placeholder{color:#fff}.skill-keyword-search .search-wrap .layout-search input::placeholder{color:#fff}.skill-keyword-search .search-wrap .layout-search button{width:40px}@media screen and (max-width: 1000px){.skill-keyword-search .search-wrap .layout-search button{position:absolute;right:-40px;top:0;bottom:0}}.skill-keyword-search .search-wrap .layout-search button.close::before{width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E")}.skill-keyword-search .search-wrap .search-list{display:none;position:relative;z-index:0;overflow-y:scroll;margin:-40px 0 0;padding:55px 15px 15px;height:100%;max-height:290px;background-color:var(--bg-color3);border-radius:8px}.skill-keyword-search .search-wrap .search-list::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.skill-keyword-search .search-wrap .search-list li{margin:0 0 15px;color:var(--text-color);cursor:pointer}.skill-keyword-search .search-wrap .search-list li:last-child{margin:0}.skill-keyword-search .search-wrap .search-list li:hover{color:#fff}.skill-keyword-search .search-wrap .mobile-search-btn{width:40px;height:40px;background-color:var(--bg-color2);border-radius:8px;box-sizing:border-box;pointer-events:all;display:flex;align-items:center;justify-content:center;display:none}.skill-keyword-search .search-wrap .mobile-search-btn::before{content:"";display:block;margin:0;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 17.5 17.5' viewBox='0 0 17.5 17.5'%3E%3Cpath d='M12.5 11h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2C13 2.9 10.1 0 6.5 0S0 2.9 0 6.5 2.9 13 6.5 13c1.6 0 3.1-.6 4.2-1.6l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0C4 11 2 9 2 6.5S4 2 6.5 2 11 4 11 6.5 9 11 6.5 11z' style='fill:%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}@media screen and (max-width: 1000px){.skill-keyword-search .search-wrap .mobile-search-btn{display:flex;position:absolute;top:0;right:0;z-index:1}}.skill-keyword-search .search-wrap.act .layout-search{border-radius:8px 8px 0 0}@media screen and (max-width: 1000px){.skill-keyword-search .search-wrap.act .layout-search{display:flex}}.skill-keyword-search .search-wrap.act .search-list{display:block;border-radius:0 0 8px 8px}.skill-keyword-search .search-wrap.mo .layout-search{display:flex}.skill-keyword-search .search-wrap.mo .mobile-search-btn{width:40px}.skill-keyword-search .search-wrap.mo .mobile-search-btn::before{width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E")}.skill-point{display:flex;align-items:center;position:absolute;top:20px;left:calc(100% + 20px);z-index:5;width:max-content;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0px 0px 3px #000) drop-shadow(0px 0px 3px #000)}@media screen and (max-width: 767px){.skill-point{position:fixed;top:74px;left:20px}}.skill-point .point-text{margin:0 10px 0 0;font-size:20px;font-weight:500}.skill-point .point-count{display:flex;align-items:center;min-width:74px;margin:0 10px 0 0;color:var(--title-color);font-size:24px;font-weight:600}.skill-point .point-count::before{content:"";display:block;margin:0 10px 0 0;width:28px;height:28px;background-image:url("https://static.inven.co.kr/image_2011/diablo4/common/point-icon.png");background-repeat:no-repeat;background-position:100%}.skill-point .point-count.paragon::before{background-image:url("https://static.inven.co.kr/image_2011/diablo4/common/point-icon-paragon.png")}.skill-point .point-reset{padding:4px 8px 4px 5px;background-color:var(--bg-color2);border-radius:5px;color:var(--text-color);pointer-events:all;display:flex;align-items:center}.skill-point .point-reset::before{content:"";display:block;margin:0 2px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4V2.2c0-.5-.5-.7-.9-.4L8.3 4.7c-.2.2-.2.5 0 .7l2.8 2.8c.4.3.9 0 .9-.4V6c3.3 0 6 2.7 6 6 0 .8-.1 1.6-.4 2.2-.1.4 0 .8.2 1 .5.5 1.4.3 1.6-.3.4-.9.6-1.9.6-2.9 0-4.4-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6 0-.8.2-1.6.4-2.2.2-.4 0-.8-.2-1-.5-.6-1.4-.4-1.6.3C4.2 10 4 11 4 12c0 4.4 3.6 8 8 8v1.8c0 .5.5.7.9.4l2.8-2.8c.2-.2.2-.5 0-.7l-2.8-2.8c-.3-.3-.9-.1-.9.4V18z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-point .point-reset:before{transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.skill-point .point-reset:hover::before{transform:rotate(180deg)}.skill-point.act{left:420px}.layout-main.layerOpen.mobile .layer-wrap{position:relative}.layout-main.layerOpen.mobile .layer-wrap .class-select-select{position:absolute;background-color:rgba(0,0,0,0)}.layout-main.layerOpen.mobile:after{content:"";display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;background:rgba(0,0,0,.8)}.class-select-select{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:15}.class-select-select .bg-close{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.class-list{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);width:100%;max-width:870px;min-height:280px;background-color:var(--bg-color4);border-radius:10px}@media screen and (max-width: 767px){.class-list{flex-direction:column;padding:10px 0;max-width:360px}}.class-list a{margin:0 20px;color:var(--text-color);font-size:16px;text-align:center}@media screen and (max-width: 767px){.class-list a{display:flex;align-items:center;width:140px}}@media screen and (max-width: 767px){.class-list a .img{margin:0 10px 0 0;width:50px}}.class-list a .img img{margin:0 0 5px 0}@media screen and (max-width: 767px){.class-list a .img img{width:100%}}@media screen and (max-width: 767px){.class-list a .text{width:calc(100% - 60px);text-align:left}}.class-list a:hover{color:#fff}.class-list .x-btn{position:absolute;top:0;right:0;width:30px;height:30px;background-color:var(--bg-color2);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.class-list .x-btn::before{content:"";display:block;margin:0;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.write-btn{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;margin:0 0 20px 0;height:50px;background-color:var(--identity-btn);border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.5);font-size:17px;transition:all .25s cubic-bezier(0.165, 0.84, 0.44, 1)}.write-btn::after{content:"";display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:50px;background-color:var(--identity-btn);border-radius:8px}.write-btn:hover{background-color:var(--identity-btn-hover);box-shadow:0 0 20px rgba(0,0,0,.8)}.write-btn:hover::after{animation-name:writeBtnMotion;animation-duration:1.5s;animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);animation-iteration-count:infinite}.write-btn span{position:relative;z-index:1}@keyframes writeBtnMotion{0%{opacity:1;transform:scaleX(1) scaleY(1)}50%{opacity:0;transform:scaleX(1.15) scaleY(1.5)}100%{opacity:0;transform:scaleX(1.15) scaleY(1.5)}}.skill-search-wrap{display:flex;position:relative;flex-wrap:nowrap;margin:0 0 12px 0}@media screen and (max-width: 767px){.skill-search-wrap{margin:0 0 10px 0}}.skill-search-wrap .layout-search{width:100%}@media screen and (max-width: 767px){.skill-search-wrap .layout-search:not(.no-filter){width:calc(100% - 80px)}}.skill-search-wrap .skill-filter-btn{display:none;align-items:center;justify-content:center;margin:0 0 0 10px;width:70px;background-color:var(--bg-color2);border-radius:8px;color:var(--text-color);font-size:14px}@media screen and (max-width: 767px){.skill-search-wrap .skill-filter-btn{display:flex}}.skill-search-wrap .skill-filter-btn .icon{display:flex;align-items:center}.skill-search-wrap .skill-filter-btn .icon::before{content:"";display:block;margin:0 0 0 5px;width:16px;height:16px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.9 16'%3E%3Cpath d='M.2 1.6C2.5 4.6 6 9 6 9v5c0 1.1.9 2 2 2s2-.9 2-2V9s3.4-4.4 5.8-7.4A1 1 0 0 0 15 0H1a1 1 0 0 0-.8 1.6z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-item-wrap{display:flex;align-items:center;position:relative;overflow:hidden;margin:0 0 15px 0;min-height:102px;background-color:var(--bg-color3);border-radius:8px}@media screen and (max-width: 767px){.skill-item-wrap{min-height:90px}}.skill-item-wrap.deleted{filter:saturate(0.3)}.skill-item-wrap::after{content:"";display:block;position:absolute;right:-50%;top:0;z-index:0;width:100%;height:100%;background-color:var(--bg-color1);border-radius:10px 0 0 10px;transition:all .35s cubic-bezier(0.165, 0.84, 0.44, 1);opacity:0}.skill-item-wrap:last-child{margin:0}.skill-item-wrap:hover{box-shadow:0 0 10px #000}.skill-item-wrap:hover::after{right:0;opacity:.5}.skill-item-wrap>div{position:relative;z-index:1;min-width:0}.skill-item-wrap .skill-class-img{width:15.5%}@media screen and (max-width: 1280px){.skill-item-wrap .skill-class-img{width:auto}}.skill-item-wrap .skill-class-img img{vertical-align:middle}@media screen and (max-width: 767px){.skill-item-wrap .skill-class-img img{height:90px}}.skill-item-wrap .skill-class-img .season{position:absolute;bottom:12px;width:76%;min-width:90px;text-align:center}.skill-item-wrap .skill-title-icon-nick{display:flex;align-items:center;width:54.5%}@media screen and (max-width: 1280px){.skill-item-wrap .skill-title-icon-nick{flex-direction:column;width:59.5%}}.skill-item-wrap .skill-title-icon-nick .skill-title-icon{width:80%}@media screen and (max-width: 1280px){.skill-item-wrap .skill-title-icon-nick .skill-title-icon{width:100%}}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-title{margin:0 0 15px 0;color:var(--text-color);font-size:15px;display:flex;align-items:center}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-title .text-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 5px 0 0}@media screen and (max-width: 1280px){.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-title .text-title{margin:0 10px 0 0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;word-break:break-all}}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-title .text-title.deleted .del{color:#f30}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-title .text-title.deleted span:last-child{text-decoration:line-through}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-title .text-title .my{color:#f80}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-title .text-comment{color:#4489f0}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .icon-wrap{display:flex}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-icon-wrap{display:flex}@media screen and (max-width: 1280px){.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-icon-wrap{display:none}}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-thumb{margin:0 10px 0 0;width:36px;height:36px}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-thumb img{width:100%}.skill-item-wrap .skill-title-icon-nick .skill-title-icon .skill-thumb:last-child{margin:0}.skill-item-wrap .skill-title-icon-nick .skill-nick{width:20%;color:var(--text-color2);text-align:center}@media screen and (max-width: 1280px){.skill-item-wrap .skill-title-icon-nick .skill-nick{width:100%;text-align:left}}.skill-item-wrap .skill-time{width:10%;color:var(--text-color2);text-align:center}@media screen and (max-width: 1280px){.skill-item-wrap .skill-time{display:none}}.skill-item-wrap .skill-count{padding:0 0 0 20px;width:20%;color:var(--text-color2)}@media screen and (max-width: 1280px){.skill-item-wrap .skill-count{padding:0px;width:25%}}.skill-item-wrap .skill-count>div{margin:0 0 6px 0}.skill-item-wrap .skill-count>div:last-child{margin:0}.skill-item-wrap .skill-count .comment{margin-bottom:8px;display:flex;align-items:center}.skill-item-wrap .skill-count .comment::before{content:"";display:block;margin:0 11px 0 1px;width:18px;height:18px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M30 3c0-1.6-1.3-3-3-3H3C1.4 0 0 1.4 0 3v18c0 1.7 1.4 3 3 3h21l6 6V3z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-item-wrap .skill-count .bookmark{display:flex;align-items:center}.skill-item-wrap .skill-count .bookmark::before{content:"";display:block;margin:0 10px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-item-wrap .skill-count .view{display:flex;align-items:center}.skill-item-wrap .skill-count .view::before{content:"";display:block;margin:0 10px 0 0;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 15'%3E%3Cpath d='M11 0C6 0 1.7 3.1 0 7.5 1.7 11.9 6 15 11 15s9.3-3.1 11-7.5C20.3 3.1 16 0 11 0zm0 12.5c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.skill-item-wrap.no-data:hover::after{opacity:0}.skill-item-wrap.paragon .skill-title-icon{display:flex;flex-wrap:wrap}.skill-item-wrap.paragon .skill-title-icon .skill-title{width:100%}.skill-item-wrap.paragon .skill-icon-wrap{flex-wrap:wrap;gap:5px}.skill-item-wrap.paragon .skill-icon-wrap>div{height:25px;padding:5px 10px;border-radius:5px;background-color:var(--bg-color2);color:var(--text-color);letter-spacing:-0.5px;line-height:15px}.skill-tooltip{position:absolute;z-index:14}.skill-tooltip[data-mode=view] [slot=icon-left],.skill-tooltip[data-mode=view] [slot=icon-right]{display:none}.tooltip-wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:360px;max-height:60%;background-color:var(--bg-color1);border-radius:8px 8px 0 0;overflow:hidden scroll}.tooltip-wrap::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.tooltip-wrap .x-btn-wrap{display:flex;justify-content:right;position:sticky;top:0;right:0;padding:10px}.tooltip-wrap .x-btn{position:sticky;top:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.tooltip-wrap .x-btn::before{content:"";display:block;margin:0;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.tooltip-wrap .tooltip-layout{padding-top:0;background-color:var(--bg-color1)}.tooltip-layout{margin:0 0 4px 0;padding:30px 20px 20px;width:360px;background-color:rgba(11,13,15,.9);border-radius:8px;color:var(--text-color);font-size:14px;line-height:1.25em}.tooltip-layout:last-child{margin:0}.tooltip-layout.tooltip-skill-tier{margin:0;padding:20px}.tooltip-layout.free-width{width:100%}.tooltip-layout .tooltip-top{padding:0 0 10px;border-bottom:1px solid var(--border-color)}.tooltip-layout .tooltip-title{margin:0 0 20px 0;text-align:center}.tooltip-layout .tooltip-title .icon{margin:0 0 10px 0;display:flex;justify-content:center;align-items:center;gap:20px}.tooltip-layout .tooltip-title .icon img{width:64px;transform:translate3d(0, 0, 0)}.tooltip-layout .tooltip-title .icon button{width:24px;height:24px;background-color:var(--bg-color4);border-radius:4px}.tooltip-layout .tooltip-title .icon button[slot=icon-left]{display:flex;align-items:center;justify-content:center}.tooltip-layout .tooltip-title .icon button[slot=icon-left]::before{content:"";display:block;margin:0;width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 2'%3E%3Cpath d='M13 2H1c-.6 0-1-.4-1-1s.4-1 1-1h12c.5 0 1 .4 1 1s-.5 1-1 1z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.tooltip-layout .tooltip-title .icon button[slot=icon-right]{display:flex;align-items:center;justify-content:center}.tooltip-layout .tooltip-title .icon button[slot=icon-right]::before{content:"";display:block;margin:0;width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M13 8H8v5c0 .5-.4 1-1 1s-1-.5-1-1V8H1c-.6 0-1-.4-1-1s.4-1 1-1h5V1c0-.6.4-1 1-1s1 .4 1 1v5h5c.5 0 1 .4 1 1s-.5 1-1 1z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.tooltip-layout .tooltip-title h2{font-weight:500}.tooltip-layout .tooltip-skill-point{margin:0 0 20px 0;padding:5px 0;background-color:var(--bg-color3);border-radius:5px;font-size:15px;text-align:center}.tooltip-layout .tooltip-category{display:flex;flex-wrap:wrap}.tooltip-layout .tooltip-category span{margin:0 5px 5px 0;padding:5px 10px;background-color:#6a6a6a;border-radius:3px;color:#fff;font-size:14px}.tooltip-layout .tooltip-category span.cate{background-color:#299c35}.tooltip-layout .tooltip-contents{padding:15px 0 0;word-break:break-word}.tooltip-layout .tooltip-contents p{margin-bottom:10px}.tooltip-layout .tooltip-contents p:last-child{margin-bottom:0}.tooltip-layout .tooltip-contents p.detail{margin-top:15px}.tooltip-layout .tooltip-contents .inner-box{margin:0 0 20px 0;padding:5px 0;background-color:var(--bg-color3);border-radius:5px;font-size:15px;text-align:center}.tooltip-layout .tooltip-damage-type{margin-top:15px;padding-top:15px;text-align:right;border-top:1px solid var(--border-color)}.tooltip-layout.sub{padding:20px}.tooltip-layout .c_label{color:#cbae76}.tooltip-layout .c_resource{color:#e1da32}.tooltip-layout .c_number{color:#da893f}.tooltip-layout .c_important{color:#dbd9d5}.tooltip-layout .text-line{text-decoration:underline}.tooltip-layout .icon_bullet{display:inline-block;width:5px;height:5px;vertical-align:middle;margin:-2px 3px 0 0;background-color:var(--text-color);border-radius:50%}.tooltip-layout .bold{font-weight:bold}.item-aspect-list .item-aspect-contents.col{background-color:var(--bg-color3)}.item-aspect-contents{display:flex;margin:0 0 20px;min-height:230px;background-color:var(--bg-color3);border-radius:10px;color:var(--title-sub-color);text-align:center}.item-aspect-contents:last-child{margin:0}.item-aspect-contents>div{display:flex;flex-direction:column;justify-content:center;position:relative;padding:2.5%;width:29%}.item-aspect-contents>div:last-child{width:42%;border-bottom:0}.item-aspect-contents>div::after{content:"";display:block;position:absolute;top:50%;right:0;transform:translate(0, -50%);width:1px;height:90%;background-color:var(--border-color)}.item-aspect-contents>div:last-child::after{display:none}.item-aspect-contents .name .title{margin:0 0 20px;cursor:pointer}.item-aspect-contents .name .title.detail{cursor:default}.item-aspect-contents .name figure{margin:0 0 20px}.item-aspect-contents .name figure img{width:52px;height:52px}.item-aspect-contents .name figure img.item{height:100%}.item-aspect-contents .name h3{margin:0 0 4px;font-size:16px}.item-aspect-contents .name h3.grade3{color:#a98dba;margin:0px}.item-aspect-contents .name p{font-size:14px}.item-aspect-contents .name p.grade1{color:#7d6fc5;margin-bottom:4px}.item-aspect-contents .name p.grade2{color:#aeaf4c;margin-bottom:4px}.item-aspect-contents .name p.grade3{color:#f07e09;margin-bottom:4px}.item-aspect-contents .name .info{display:flex;justify-content:center}.item-aspect-contents .name .info>div{margin:0 10px}.item-aspect-contents .name .info .bookmark{cursor:pointer;display:flex;align-items:center}.item-aspect-contents .name .info .bookmark::before{content:"";display:block;width:20px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 4.3 1 2.3.5 1.1 1.2.1 2.5.2-1.9 1.6-.9.8.3 1.2.6 2.4-2.1-1.3-1-.6-1 .6L6.4 14l.6-2.4v-1.1l-1-.8L4.2 8l2.5-.2 1.2-.1.5-1.1.9-2.3m0-4.3c-.2 0-.4.1-.5.3L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.3.2.6.5.6.1 0 .2 0 .3-.1l5.2-3.1 5.2 3.1c.1.1.2.1.3.1.3 0 .6-.3.5-.6L14 11.1l4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c0-.2-.2-.3-.4-.3z' style='fill:%23e7a700'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.item-aspect-contents .name .info .bookmark.act::before{background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.6 17.7'%3E%3Cpath d='m9.3 14.5 5.2 3.1c.4.2.9-.1.8-.5l-1.4-5.9 4.6-3.9c.3-.3.2-.8-.3-.9l-6-.5L9.7.3c-.1-.4-.7-.4-.9 0L6.5 5.8l-6 .5c-.5.1-.7.6-.3.9l4.6 3.9L3.4 17c-.1.4.4.8.8.5l5.1-3z' style='fill:%23e7a700'/%3E%3C/svg%3E")}.item-aspect-contents .name .info .site{cursor:pointer;display:flex;align-items:center}.item-aspect-contents .name .info .site::before{content:"";display:block;width:16px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19.7'%3E%3Cpath d='M8 0C3.8 0 0 3.2 0 8.2c0 3.2 2.4 6.9 7.3 11.2.4.3.9.3 1.3 0 4.9-4.3 7.3-8.1 7.3-11.2C16 3.2 12.2 0 8 0zm0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.item-aspect-contents .name .info .comment{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M30 3c0-1.6-1.3-3-3-3H3C1.4 0 0 1.4 0 3v18c0 1.7 1.4 3 3 3h21l6 6V3z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;margin-top:3px}.item-aspect-contents .name .info .comment span{position:relative;top:-2px}.item-aspect-contents .text{font-size:14px}.item-aspect-contents .text p{margin:0 0 10px;line-height:130%}.item-aspect-contents .text p:last-child{margin:0}.item-aspect-contents .text p span.c_label{color:#cbae76}.item-aspect-contents .text p span.c_resource{color:#e1da32}.item-aspect-contents .text p span.c_number{color:#cbae76}.item-aspect-contents .text p span.c_important{color:#dbd9d5}.item-aspect-contents .text p span.c_random{color:#a4a0f0}.item-aspect-contents .text p span.text-line{text-decoration:underline}.item-aspect-contents .text p.aspect_effect,.item-aspect-contents .text p.unique_option{color:#d67618;word-break:break-all}.item-aspect-contents .text p.effect{word-break:break-all}.item-aspect-contents .text span.asepct-equip{text-align:center}.item-aspect-contents .text .node-location{display:flex;justify-content:center;align-items:center}.item-aspect-contents .text .node-location .site{margin-left:6px;cursor:pointer;display:flex;align-items:center}.item-aspect-contents .text .node-location .site::before{content:"";display:block;width:16px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19.7'%3E%3Cpath d='M8 0C3.8 0 0 3.2 0 8.2c0 3.2 2.4 6.9 7.3 11.2.4.3.9.3 1.3 0 4.9-4.3 7.3-8.1 7.3-11.2C16 3.2 12.2 0 8 0zm0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.item-aspect-contents.col{flex-direction:column;padding:5%;background-color:var(--bg-color2)}.item-aspect-contents.col>div{padding:5%;width:100%}.item-aspect-contents.col>div::after{display:none}.item-aspect-contents.col .text.aspect-info h3{margin-bottom:6px}.item-aspect-contents.col .text.aspect-info h3,.item-aspect-contents.col .text.aspect-info p{text-align:left}.item-aspect-contents.col .text.hide{display:none}.aspect-place{display:flex;flex-wrap:wrap;margin:10px 0 0 0;justify-content:center;align-items:center}.aspect-place i{display:block;margin:0 2px 4px;width:18px;height:18px;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/aspect/icon_equip_sprite.png");background-repeat:no-repeat;background-size:162px}.aspect-place i.place1{background-position:0px 0px}.aspect-place i.place2{background-position:-18px 0px}.aspect-place i.place3{background-position:-36px 0px}.aspect-place i.place4{background-position:-54px 0px}.aspect-place i.place5{background-position:-72px 0px}.aspect-place i.place6{background-position:-90px 0px}.aspect-place i.place7{background-position:-108px 0px}.aspect-place i.place8{background-position:-126px 0px}.aspect-place i.place9{background-position:-144px 0px}.item-aspect-detail{margin:0 0 30px 0;padding:30px 20px;background-color:var(--bg-color3);border-radius:10px}.item-aspect-detail h3{color:var(--title-color);font-size:20px}.item-aspect-detail .detail-text{padding:30px 10px;border-bottom:1px solid var(--border-color)}.item-aspect-detail .detail-text:last-child{border:0;padding-bottom:0}.item-aspect-detail .detail-text p{margin:0 0 10px 0;color:var(--title-color)}.item-aspect-detail .detail-text p:last-child{margin:0}.item-aspect-detail .detail-text div{margin:0 0 10px 0;color:var(--title-color);line-height:1.5em}.item-aspect-detail .detail-text .node-location{display:flex}.item-aspect-detail .detail-text .node-location .site{margin-left:6px;cursor:pointer;display:flex;align-items:center}.item-aspect-detail .detail-text .node-location .site::before{content:"";display:block;width:16px;height:20px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19.7'%3E%3Cpath d='M8 0C3.8 0 0 3.2 0 8.2c0 3.2 2.4 6.9 7.3 11.2.4.3.9.3 1.3 0 4.9-4.3 7.3-8.1 7.3-11.2C16 3.2 12.2 0 8 0zm0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z' style='fill:%23484b51'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.item-aspect-detail iframe{width:100%}.item-aspect-detail-list{margin:0 0 30px}.item-aspect-detail-list h3{margin:0 0 20px;padding:0 0 0 20px;color:var(--title-color);font-size:20px}.item-aspect-detail-list ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.item-aspect-detail-list li{min-height:230px;background-color:var(--bg-color3);border-radius:10px;text-align:center}.item-aspect-detail-list a{display:flex;flex-direction:column;justify-content:center;padding:5%;height:100%}.item-aspect-detail-list figure{margin:0 0 20px;padding:0 0 30px;border-bottom:1px solid var(--border-color)}.item-aspect-detail-list h4{margin:0 0 10px;font-size:14px}.item-aspect-detail-list p{font-size:12px}.item-aspect-detail-list .skill-layer-wrap{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.item-aspect-detail-list .detail-emotion{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 1%;background-color:var(--bg-color3);border-radius:10px;color:var(--text-color);font-size:13px}.item-aspect-detail-list .emotion-btn{margin:5% 4%;width:80px;color:var(--text-color);font-size:13px;text-align:center;cursor:pointer}@media screen and (max-width: 1280px){.item-aspect-detail-list .emotion-btn{margin:5% 3%}.item-aspect-detail-list .emotion-btn:first-child{margin-left:0}.item-aspect-detail-list .emotion-btn:last-child{margin-right:0}}@media screen and (max-width: 900px){.item-aspect-detail-list .emotion-btn{margin:5% 2%}}@media screen and (max-width: 532px){.item-aspect-detail-list .emotion-btn{width:30%}}.item-aspect-detail-list .emotion-btn .img{margin:0 0 10px 0}.item-aspect-detail-list .emotion-btn .img img{width:78px}.item-aspect-detail-list .emotion-btn .text{margin:0 0 5px 0}.item-aspect-detail-list .emotion-btn .num{color:var(--title-color)}.item-aspect-detail-list .tooltip-layout{background-color:var(--bg-color3)}.item-aspect-detail-list .tooltip-layout .tooltip-contents p{font-size:14px}.item-aspect-detail-list .tooltip-skill-point{display:none}.layout-board-list .item-rank{color:#ff7e00}.report-layout{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:15}.report-layout .bg-close{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.report-class-list{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);width:100%;max-width:870px;min-height:330px;background-color:var(--bg-color4);border-radius:10px}.report-class-list a{margin:0 20px;color:var(--text-color);font-size:16px;text-align:center}.report-class-list a .img img{margin:0 0 5px 0}@media screen and (max-width: 767px){.report-class-list a .text{width:calc(100% - 60px);text-align:left}}.report-class-list a:hover{color:#fff}.report-class-list .x-btn{position:absolute;top:0;right:0;width:30px;height:30px;background-color:var(--bg-color2);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.report-class-list .x-btn::before{content:"";display:block;margin:0;width:14px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.2 13.2'%3E%3Cpath d='M12.9.3c-.4-.4-1-.4-1.4 0L6.6 5.2 1.7.3C1.3-.1.7-.1.3.3s-.4 1 0 1.4l4.9 4.9-4.9 4.9c-.4.4-.4 1 0 1.4s1 .4 1.4 0L6.6 8l4.9 4.9c.4.4 1 .4 1.4 0s.4-1 0-1.4L8 6.6l4.9-4.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center}.paragon-simul{position:relative;width:100%;height:100%;padding:0;margin:0;box-sizing:border-box;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/paragon/paragon_bg_img.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;overflow:hidden}#diablo4DbParagon .container{width:14352px;height:14352px}.paragon-board{position:absolute;width:840px;height:840px;background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/paragon/board_bg.jpg");background-repeat:no-repeat;border:4px solid #670f07;box-sizing:content-box;transition:all .25s}.paragon-board.board-x-0{left:0px}.paragon-board.board-x-1{left:844px}.paragon-board.board-x-2{left:1688px}.paragon-board.board-x-3{left:2532px}.paragon-board.board-x-4{left:3376px}.paragon-board.board-x-5{left:4220px}.paragon-board.board-x-6{left:5064px}.paragon-board.board-x-7{left:5908px}.paragon-board.board-x-8{left:6752px}.paragon-board.board-x-9{left:7596px}.paragon-board.board-x-10{left:8440px}.paragon-board.board-x-11{left:9284px}.paragon-board.board-x-12{left:10128px}.paragon-board.board-x-13{left:10972px}.paragon-board.board-x-14{left:11816px}.paragon-board.board-x-15{left:12660px}.paragon-board.board-x-16{left:13504px}.paragon-board.board-y-0{top:0px}.paragon-board.board-y-1{top:844px}.paragon-board.board-y-2{top:1688px}.paragon-board.board-y-3{top:2532px}.paragon-board.board-y-4{top:3376px}.paragon-board.board-y-5{top:4220px}.paragon-board.board-y-6{top:5064px}.paragon-board.board-y-7{top:5908px}.paragon-board.board-y-8{top:6752px}.paragon-board.board-y-9{top:7596px}.paragon-board.board-y-10{top:8440px}.paragon-board.board-y-11{top:9284px}.paragon-board.board-y-12{top:10128px}.paragon-board.board-y-13{top:10972px}.paragon-board.board-y-14{top:11816px}.paragon-board.board-y-15{top:12660px}.paragon-board.board-y-16{top:13504px}.paragon-board-line{pointer-events:none}.paragon-board-line>div{position:absolute;animation-name:lineGradient,lineShadow;animation-duration:40s,10s;animation-iteration-count:infinite,infinite;background:linear-gradient(0deg, rgba(62, 9, 3, 0.3) 0%, rgb(87, 13, 4) 2%, rgb(156, 23, 8) 6%, rgb(113, 16, 6) 13%, rgb(169, 64, 16) 20%, rgb(103, 16, 7) 54%, rgb(235, 117, 31) 73%, rgb(160, 19, 7) 81%, rgb(206, 20, 6) 87%, rgb(114, 17, 7) 94%, rgba(96, 17, 7, 0.3) 100%);background-size:100% 200%}.paragon-board-line .top{top:-2px;right:-6px;width:4px;height:calc(100% + 8px);transform:rotate(90deg);transform-origin:top}.paragon-board-line .right{top:0;right:-4px;width:4px;height:100%;transform:rotate(180deg)}.paragon-board-line .bottom{bottom:-2px;right:-6px;width:4px;height:calc(100% + 8px);transform:rotate(-90deg);transform-origin:bottom}.paragon-board-line .left{top:0;left:-4px;width:4px;height:100%}@keyframes lineGradient{0%{background-position:0% 0%}25%{background-position:0% 100%}50%{background-position:0% 200%}75%{background-position:0% 100%}100%{background-position:0% 0%}}@keyframes lineShadow{0%{box-shadow:0 0 0px #670f07,0 0 10px #670f07,0 0 5px #670f07}50%{box-shadow:0 0 20px #670f07,0 0 10px #670f07,0 0 5px #670f07}100%{box-shadow:0 0 0px #670f07,0 0 10px #670f07,0 0 5px #670f07}}.paragon-board-control-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.paragon-board-control{display:flex;gap:5px;position:absolute;-webkit-font-smoothing:antialiased;transform:translateZ(0)}.paragon-board-control.top{top:8px;right:8px}.paragon-board-control.bottom{bottom:8px;left:8px}.paragon-board-control.info{display:flex;align-items:center;top:8px;left:8px;padding:4px 12px;background-color:var(--bg-color4);border-radius:5px}.paragon-board-control.info h2{font-size:14px}.paragon-board-control.info .skill-point{position:relative;top:0;left:0}.paragon-board-control.info .point-count{min-width:auto;font-size:14px}.paragon-board-control.info .point-count::before{margin:0 5px 0 0;width:14px;height:14px;background-size:100%}.paragon-board-control.info .stat-point{display:flex;align-items:center}.paragon-board-control.info .stat-point dl{display:flex;align-items:center;margin:0 7px 0 0}.paragon-board-control.info .stat-point dl:last-child{margin:0}.paragon-board-control.info .stat-point dt{margin:0 3px 0 0}.paragon-board-control.info .stat-point dd{color:var(--title-color)}.paragon-board-control button{padding:4px 12px;border-radius:5px;background-color:var(--bg-color4);font-size:14px;pointer-events:all;transition:all .2s}.paragon-node{position:absolute;border:2px solid rgba(60,60,60,.75);background-color:rgba(8,8,8,.5);width:40px;height:40px;cursor:pointer}.paragon-node.node-x-0{left:0px}.paragon-node.node-x-1{left:40px}.paragon-node.node-x-2{left:80px}.paragon-node.node-x-3{left:120px}.paragon-node.node-x-4{left:160px}.paragon-node.node-x-5{left:200px}.paragon-node.node-x-6{left:240px}.paragon-node.node-x-7{left:280px}.paragon-node.node-x-8{left:320px}.paragon-node.node-x-9{left:360px}.paragon-node.node-x-10{left:400px}.paragon-node.node-x-11{left:440px}.paragon-node.node-x-12{left:480px}.paragon-node.node-x-13{left:520px}.paragon-node.node-x-14{left:560px}.paragon-node.node-x-15{left:600px}.paragon-node.node-x-16{left:640px}.paragon-node.node-x-17{left:680px}.paragon-node.node-x-18{left:720px}.paragon-node.node-x-19{left:760px}.paragon-node.node-x-20{left:800px}.paragon-node.node-y-0{top:0px}.paragon-node.node-y-1{top:40px}.paragon-node.node-y-2{top:80px}.paragon-node.node-y-3{top:120px}.paragon-node.node-y-4{top:160px}.paragon-node.node-y-5{top:200px}.paragon-node.node-y-6{top:240px}.paragon-node.node-y-7{top:280px}.paragon-node.node-y-8{top:320px}.paragon-node.node-y-9{top:360px}.paragon-node.node-y-10{top:400px}.paragon-node.node-y-11{top:440px}.paragon-node.node-y-12{top:480px}.paragon-node.node-y-13{top:520px}.paragon-node.node-y-14{top:560px}.paragon-node.node-y-15{top:600px}.paragon-node.node-y-16{top:640px}.paragon-node.node-y-17{top:680px}.paragon-node.node-y-18{top:720px}.paragon-node.node-y-19{top:760px}.paragon-node.node-y-20{top:800px}.paragon-list li{margin:0 0 2px 0}.paragon-list-title{display:flex;align-items:center;justify-content:space-between}.paragon-list-title h4{display:flex;align-items:center;padding:0 20px;width:calc(100% - 50px);height:50px;background-color:var(--bg-color3);border-radius:10px 0 0 10px;font-size:1.35em;cursor:pointer}.paragon-list-title button{width:50px;height:50px;background-color:var(--bg-color2);border-radius:0 10px 10px 0}.paragon-list-title i{flex-direction:column;transform:rotate(180deg);cursor:pointer;display:flex;align-items:center;justify-content:center}.paragon-list-title i::before{content:"";display:block;margin:0 2px 0 0;width:8px;height:14px;background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.6 11.2'%3E%3Cpath d='M6.3.3c-.4-.4-1-.4-1.4 0L.3 4.9c-.4.4-.4 1 0 1.4l4.6 4.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L2.4 5.6l3.9-3.9c.4-.4.4-1 0-1.4z' style='fill:%237e828b'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100%;background-position:center;transform:rotate(-90deg)}.paragon-list-title i.act{transform:rotate(0deg)}.paragon-list-title span{margin:5px 0 0 0}.paragon-list-title.use>h4{background-color:var(--bg-color2)}.paragon-list-title.use>button{background-color:var(--bg-color1)}.paragon-list-title.now>h4{border:2px solid var(--identity-btn);border-right:0}.paragon-list-title.now>button{border:2px solid var(--identity-btn);border-left:0}.paragon-list-detail-wrap{display:none;padding:20px 10px}.paragon-list-detail-wrap.act{display:block}.paragon-list-detail{margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid var(--common-color)}.paragon-list-detail h5{margin:0 0 10px 0;font-size:1.25em}.paragon-list-detail h5.legendary{color:#d67618}.paragon-list-detail h5.rare{color:#d6c918}.paragon-list-detail p{font-size:14px;line-height:1.5em}.paragon-list-detail p span{color:#fff;font-weight:600}.paragon-select-btn{width:100%;height:40px;background-color:var(--bg-color2);border-radius:10px;color:#fff;font-size:14px}.paragon-glyph-top{position:sticky;top:-40px;padding:0 0 10px;background-color:var(--bg-color4)}.paragon-glyph-search .layout-search{background-color:var(--bg-color2);margin:0 0 10px 0}.paragon-glyph-search .search-list{position:relative;z-index:0;overflow-y:scroll;margin:-10px 0 0;padding:15px 15px 15px;height:100%;max-height:290px;background-color:var(--bg-color3);border-radius:8px}.paragon-glyph-search .search-list::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}.paragon-glyph-search .search-list li{margin:0 0 15px;color:var(--text-color);cursor:pointer}.paragon-glyph-search .search-list li:last-child{margin:0}.paragon-glyph-search .search-list li:hover{color:#fff}.paragon-glyph-option{display:flex;gap:10px}.paragon-glyph-option button{width:100%;height:36px;background-color:var(--common-color);border-radius:10px;font-size:14px;transition:all .25s}.paragon-glyph-list{padding:2px}.paragon-glyph-list li{margin:0 0 10px;padding:20px;background-color:var(--bg-color2);border-radius:10px;line-height:1.5em;word-break:break-all;border:2px solid var(--bg-color2);cursor:pointer}.paragon-glyph-list li.selected{border:2px solid var(--identity-btn)}.paragon-glyph-list figure{display:flex;align-items:center;margin:-14px 0 0px -14px}.paragon-glyph-list figure img{width:60px;margin-right:-4px}.paragon-glyph-list figcaption{color:var(--title-color);font-size:1.25em;font-weight:500}.paragon-glyph-list h3{padding:0 0 5px 0;color:#fff;font-size:16px}.paragon-glyph-list p{padding:0 0 15px 0;font-size:14px}.paragon-glyph-list p:last-child{padding:0}.paragon-glyph-list p span{color:var(--title-color)}#diablo4DbParagon .skill-list{padding:20px 0}#diablo4DbParagon .skill-list.act{padding:0}.skill-summary .skill-list .warning-msg{margin:0 0 10px 4px}.skill-summary .skill-list .warning-msg span.msg{color:red}.skill-summary .stat-point{display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 10px 0;padding:10px 20px;background-color:var(--bg-color1);border-radius:10px}.skill-summary .stat-point p{width:50%;font-size:1.15em;font-weight:500;line-height:1.5em}.skill-summary .stat-point p span{color:var(--title-color)}.stat-detail{margin:0 0 10px 0;padding:20px;background-color:var(--bg-color1);border-radius:10px;font-size:1.15em;line-height:1.5em}.stat-detail .board-name{color:var(--title-color);font-size:1.25em;font-weight:bold}.stat-detail>.name{display:flex;align-items:center;margin:10px 0 -10px}.stat-detail>.name .icon{display:block;position:relative;margin:0 5px 0 0;width:40px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:40px}.stat-detail>.name span{display:block;position:absolute;top:50%;left:50%;z-index:1;overflow:hidden;transform:translate3d(-50%, -50%, 0);width:22px;height:22px}.stat-detail>.name img{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);width:66px}.stat-detail .glyph{color:#e6d9a8}.stat-detail .glyph .icon{background-image:none}.stat-detail .glyph img{width:60px}.stat-detail .legend{color:#e97805}.stat-detail .legend .icon{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/paragon/node_rarity_legendary.png")}.stat-detail .rare{color:#eaec0e}.stat-detail .rare .icon{background-image:url("https://static.inven.co.kr/image_2011/diablo4/db/paragon/node_rarity_rare.png")}body:not(.mobile) .paragon-board-control button:hover{background-color:var(--bg-color2)}body:not(.mobile) .paragon-glyph-option button:hover{background-color:var(--bg-color2)}.vortexgaming{--body: #161922;--header: #161922;--common-color: #30333a;--bg-color1: #1c1e2b;--bg-color2: #1c1e2c;--bg-color3: #12151c;--bg-color4: #101115;--border-color: #13151d;--text-color: #7e828b;--text-color2: #5c6067;--text-color3: #484b51;--comment-color1: #e85656;--comment-color2: #4489f1;--title-color: #e0e0e0;--title-sub-color: #aca499;--identity-btn: #cb135d;--identity-btn-hover: #b21152;--identity-btn-act: #b10d4f;--hot-btn-bg: #cb135d;--hot-text-color: #b21152}.vortexgaming #header-db-full{box-shadow:5px 0px 10px rgba(0,0,0,.75)}.vortexgaming #header-db-full .inven-icon{background-color:rgba(0,0,0,0)}.vortexgaming #header-db-full .inven-icon::before{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 60.1 58.5'%3E%3Cstyle%3E.st0%7Bfill:%23e72a75%7D%3C/style%3E%3Cpath d='M31 57.9c-.8 1-2.3.8-2.9-.3L.4 3l-.2-.4C-.4 1.4.5 0 1.8 0h21c.7 0 1.3.4 1.6 1l8.7 17 1.3 2.6c2.1 4.2 3.5 8.8 3.8 13.5 0 .4 0 .7.1 1.1.3 8.6-2.5 16.5-7.3 22.7zM38.4 12.6v-.8c.2-4.2 2.1-8 5.1-10.5C44.6.4 46 0 47.4 0h10.9c1.4 0 2.2 1.4 1.6 2.6l-12.2 24c-.5 1-1.7 1.3-2.6.6-4.1-3.5-6.7-8.7-6.7-14.6z' class='st0'/%3E%3C/svg%3E")}.vortexgaming #header-db-full .db-icon{background-color:#0d0d0d}.vortexgaming .db-btn-wrap>a.write{background-color:rgba(203,19,93,.7)}.vortexgaming .db-btn-wrap>a.write:hover{background-color:rgba(231,0,93,.7)}.vortexgaming .skill-view-contents .contents-bookmark button,.vortexgaming .detail-contents .bookmark button{cursor:default}.vortexgaming .comment-icon-wrap button{cursor:default}.vortexgaming .item-aspect-detail-list .emotion-btn{cursor:default}.vortexgaming .detail-check-copy .check{cursor:default}.vortexgaming .detail-check-copy .check p:first-child{display:none}
/*# sourceMappingURL=db_common.css.map */