@import"https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Honk&display=swap";@font-face{font-family:nanumSquareNeo;font-weight:300;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Light.eot);src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Light.eot?#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Light.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Light.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Light.ttf) format("truetype");font-display:swap}@font-face{font-family:nanumSquareNeo;font-weight:400;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Regular.eot);src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Regular.eot?#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Regular.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:nanumSquareNeo;font-weight:700;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Bold.eot);src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Bold.eot?#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Bold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Bold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Bold.ttf) format("truetype");font-display:swap}@font-face{font-family:nanumSquareNeo;font-weight:800;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-ExtraBold.eot);src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-ExtraBold.eot?#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-ExtraBold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-ExtraBold.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-ExtraBold.ttf) format("truetype");font-display:swap}@font-face{font-family:nanumSquareNeo;font-weight:900;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Black.eot);src:url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Black.eot?#iefix) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Black.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Black.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/websfont/nanumSquareNeo/nanumSquareNeo-Black.ttf) format("truetype");font-display:swap}:root{--font-nanum:"NanumSquareNeo";--font-num:"Teko";--font-title:"Honk",system-ui;--primary-color:#eee;--black:#141414;--white:#fff;--white05:hsla(0,0%,100%,.05);--white15:hsla(0,0%,100%,.15);--white30:hsla(0,0%,100%,.3);--white50:hsla(0,0%,100%,.5);--white80:hsla(0,0%,100%,.8);--gray:#adadad;--red:red;--blue:#265ff5;--black100:#383838;--black200:#59595a;--black300:#727272;--black400:#8a8a8a;--black500:#9d9d9d;--black600:#d9d9d9;--black900:#f5f5f5;--blue100:#0071e3;font-size:16px;line-height:1.5;font-weight:400}:root .dark{--black:#141414;--white:#fff;--white05:hsla(0,0%,100%,.05);--white15:hsla(0,0%,100%,.15);--white30:hsla(0,0%,100%,.3);--white50:hsla(0,0%,100%,.5);--white80:hsla(0,0%,100%,.8)}:root .light{--black:#fff;--white:#141414;--white05:rgba(0,0,0,.05);--white15:rgba(0,0,0,.15);--white30:rgba(0,0,0,.3);--white50:rgba(0,0,0,.5);--white80:rgba(0,0,0,.8)}@media(max-width:800px){:root{font-size:14px}}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:var(--font-nanum),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-size:16px;border:0}#skip a{position:absolute;left:10px;top:-92px;z-index:100000;font-size:1rem;padding:10px 30px;color:var(--white);background:var(--black)}#skip a:active,#skip a:focus{top:10px}.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.blind,.ir{overflow:hidden;white-space:nowrap}.ir{display:block;font-size:0;line-height:0;text-indent:-9999px}body{background-color:var(--black)}#main{min-height:calc(100vh - 115px)}.container{max-width:1280px;margin:0 auto}@media(max-width:1280px){.container{padding:0 50px}}@media(max-width:550px){.container{padding:0 25px}}.neutral{background-color:#9f837b}.fire{background-color:#d34d29}.water{background-color:#166cd3}.grass{background-color:#61a302}.electric{background-color:#cca702}.ice{background-color:#18acbb}.ground{background-color:#8c5020}.dark{background-color:#9c1047}.dragon{background-color:#a54bc6}#style-2::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}#style-2::-webkit-scrollbar{width:5px;height:5px}#style-2::-webkit-scrollbar-thumb{height:4px;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ac8c36}.popup{position:fixed;display:flex;justify-content:center;align-items:center}.popup,.popup__overlay{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.popup__overlay{position:absolute}.popup__content{position:relative;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:1001}.popup__content h3{margin-bottom:1rem;font-size:1.2rem;font-weight:700}.popup__content a{color:#166cd3}.popup__content a:hover{text-decoration:underline}.popup__close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:18px;cursor:pointer}.header__inner{width:100%;height:50px;display:flex;align-items:center}@media(max-width:550px){.header__inner{justify-content:space-between}}.header__inner .logo>a{display:block;font-size:1rem;font-family:var(--font-nanum);font-weight:900;color:var(--white);padding:8px 16px}@media(max-width:550px){.header__inner .nav{position:absolute;top:50px;right:8px;display:none;background-color:var(--black);z-index:9999}.header__inner .nav.show{display:block}}.header__inner .nav>ul{display:flex}@media(max-width:550px){.header__inner .nav>ul{display:block}.header__inner .nav>ul>li{display:flex;justify-content:flex-end}}.header__inner .nav>ul>li>a{font-size:1rem;font-family:var(--font-nanum);color:var(--white);display:block;padding:8px 16px;transition:background-color .3s;border-radius:5px;word-break:keep-all;text-align:center}@media(max-width:500px){.header__inner .nav>ul>li>a{display:inline-block;text-align:right}}.header__inner .nav>ul>li>a.active,.header__inner .nav>ul>li>a:hover{background-color:var(--white15)}.header__inner .nav__mobile{width:40px;height:40px;cursor:pointer;display:none}.header__inner .nav__mobile span{display:block;width:40px;height:2px;background-color:var(--white);margin-top:19px;position:relative}.header__inner .nav__mobile span:before{right:0;top:8px}.header__inner .nav__mobile span:after,.header__inner .nav__mobile span:before{content:"";width:40px;height:2px;background-color:var(--white);position:absolute;transition:width .3s}.header__inner .nav__mobile span:after{left:0;bottom:8px}@media(max-width:550px){.header__inner .nav__mobile{display:block}.nav.show+.nav__mobile span:after,.nav.show+.nav__mobile span:before{width:20px}}.home__inner{width:100%}.home__inner .home__title{width:100%;display:flex;align-items:center;justify-content:center;padding:100px 0 50px}.home__inner .home__title h2{font-size:6rem;font-family:var(--font-title);font-weight:900;color:var(--white);line-height:1}@media(max-width:500px){.home__inner .home__title h2{font-size:4rem}}.home__inner .home__search{max-width:600px;margin:0 auto}.home__inner .home__search>input{font-size:.9rem;font-family:var(--font-nanum);width:100%;height:50px;border:1px solid var(--white50);border-radius:5px;padding:10px 10px 10px 15px}.home__inner .home__search>input:focus{outline:0}.home__inner .home__searchDrop{max-width:600px}.home__inner .home__searchDrop>li{font-size:.9rem;font-family:var(--font-nanum);width:100%;height:50px;background-color:var(--white);padding:10px;display:flex;align-items:center;border-top:1px solid rgba(0,0,0,.15);border-radius:5px;transition:background-color .3s,color .15s}.home__inner .home__searchDrop>li:hover{color:var(--white);background-color:var(--white50)}.home__inner .card{max-width:600px;margin:50px auto 0}.home__inner .card .card__top{background-color:#009cff;display:flex;justify-content:space-between;padding:5px 0 0 10px}.home__inner .card .card__top .card__left .left__top{display:flex;align-items:center}.home__inner .card .card__top .card__left .left__top .key{font-size:2.2rem;font-family:var(--font-num);font-weight:300;color:var(--white);letter-spacing:1.5px;margin-right:10px}.home__inner .card .card__top .card__left .left__top .key>i{font-size:1.6rem;font-style:normal}.home__inner .card .card__top .card__left .left__top>ul{margin-left:20px;display:flex}.home__inner .card .card__top .card__left .left__top>ul>li{color:var(--white);margin-right:5px;padding:3px 15px}.home__inner .card .card__top .card__left .name{font-size:1.5rem;font-weight:700;font-family:var(--font-nanum);color:var(--white)}.home__inner .card .card__bottom>div{padding:10px;background-color:#282e31}.home__inner .card .card__bottom>div>h4{font-size:1.2rem;font-family:var(--font-nanum);font-weight:700;color:var(--white);width:100%;position:relative;z-index:1;padding-left:8px}.home__inner .card .card__bottom>div>h4:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:15px;background-color:rgba(71,83,87,.467);z-index:-1}.home__inner .card .card__bottom .stats>ul{margin:20px;display:flex;justify-content:space-between;flex-wrap:wrap}@media(max-width:550px){.home__inner .card .card__bottom .stats>ul{display:block}}.home__inner .card .card__bottom .stats>ul li{width:48.5%;height:50px;display:flex;align-items:center;justify-content:space-between;background-color:rgba(0,0,0,.2);padding:5px 15px;margin-bottom:5px}@media(max-width:550px){.home__inner .card .card__bottom .stats>ul li{width:100%}}.home__inner .card .card__bottom .stats>ul li>.stats__left{display:flex;align-items:center;justify-content:center}.home__inner .card .card__bottom .stats>ul li>.stats__left>.img{height:1rem;margin-right:5px}.home__inner .card .card__bottom .stats>ul li p{font-size:1rem;font-family:var(--font-nanum);color:var(--white)}.home__inner .card .card__bottom .skill .aura{margin:20px;background-color:rgba(0,0,0,.2)}.home__inner .card .card__bottom .skill .aura>h3{font-size:1.3rem;font-family:var(--font-nanum);color:var(--white);border:2px solid var(--white05);border-left:4px solid var(--white);padding:5px 10px}.home__inner .card .card__bottom .skill .aura>p{font-size:1rem;font-family:var(--font-nanum);color:var(--white);padding:20px 10px}.home__inner .card .card__bottom .activeSkill>ul{margin:20px}.home__inner .card .card__bottom .activeSkill>ul>li{background-color:rgba(0,0,0,.2);margin-bottom:10px}.home__inner .card .card__bottom .activeSkill>ul>li .active__top{border:2px solid var(--white05);border-left:4px solid var(--white);padding:5px 10px;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .3s}.home__inner .card .card__bottom .activeSkill>ul>li .active__top:hover{background-color:var(--white05)}.home__inner .card .card__bottom .activeSkill>ul>li .active__top .top__left{display:flex}.home__inner .card .card__bottom .activeSkill>ul>li .active__top .top__left>p{font-size:1rem;font-family:var(--font-nanum);color:var(--white)}.home__inner .card .card__bottom .activeSkill>ul>li .active__top .top__left>p:first-child{margin-right:10px}.home__inner .card .card__bottom .activeSkill>ul>li .active__top .top__left>p>i{font-size:.9rem;font-style:normal;margin-right:3px}.home__inner .card .card__bottom .activeSkill>ul>li .active__top>p{font-size:1rem;font-family:var(--font-nanum);color:var(--white);padding:5px 15px}.home__inner .card .card__bottom .activeSkill>ul>li .active__bottom{max-height:0;padding:0 10px;font-size:1rem;font-family:var(--font-nanum);color:var(--white);overflow-y:hidden;transition:max-height .2s ease-in-out,padding .2s ease-in-out}.home__inner .card .card__bottom .activeSkill>ul>li .active__bottom.active{max-height:1000px;padding:20px 10px}.home__inner .card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top{display:flex;margin-bottom:5px}.home__inner .card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top>p{font-size:.9rem;background-color:var(--white15);padding:5px 10px}.home__inner .card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top>p:first-child{margin-right:5px}.home__inner .card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top>p>i{font-style:normal;margin-right:3px}.home__inner .card .card__bottom .aptitude>ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px;gap:5px}.home__inner .card .card__bottom .aptitude>ul>li{font-size:1rem;font-family:var(--font-nanum);color:var(--white);width:49%;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between;padding:10px}.home__inner .card .card__bottom .aptitude>ul>li .suitability-item{display:flex;align-items:center}.home__inner .card .card__bottom .aptitude>ul>li .type{width:30px;height:30px;margin-right:5px}@media(max-width:450px){.home__inner .card .card__bottom .aptitude>ul>li{width:100%}}.home__inner .card .card__bottom .aptitude>ul>li>div>i{font-style:normal;font-size:.7rem;margin-right:3px}.home__inner .card .card__bottom .item>ul{margin:20px}.home__inner .card .card__bottom .item>ul>li{font-size:1rem;font-family:var(--font-nanum);color:var(--white);width:100%;background-color:rgba(0,0,0,.2);padding:10px;margin-bottom:5px}#footer{padding:20px}#footer .footer__inner{font-size:.9rem;font-family:var(--font-nanum);text-align:center;color:var(--white50)}.collection{width:100%;color:var(--white);text-align:center;padding:0 2rem}.collection .collection__title{width:100%;display:flex;align-items:center;justify-content:center;padding:100px 0 50px}.collection .collection__title h2{font-size:6rem;font-family:var(--font-title);font-weight:900;color:var(--white);line-height:1}@media(max-width:500px){.collection .collection__title h2{font-size:4rem}}.collection .collection__search{max-width:600px;margin:0 auto}.collection .collection__search>input{font-size:.9rem;font-family:var(--font-nanum);width:100%;height:50px;border:1px solid var(--white50);border-radius:5px;padding:10px 10px 10px 15px}.collection .collection__search>input:focus{outline:0}.collection__table{margin-top:3rem;overflow:auto}.collection__table table{font-size:.9rem;border-collapse:collapse;border:1px solid var(--white15)}.collection__table table thead tr{border-bottom:1px solid var(--white15)}.collection__table table thead tr th{color:var(--white);padding:.5rem 1rem;word-break:keep-all;cursor:pointer;transition:all .3s}.collection__table table thead tr th:nth-child(3){cursor:default}.collection__table table thead tr th:last-child{display:none}.collection__table table thead tr th:hover{background-color:var(--white15)}.collection__table table thead tr th .sort-arrow{display:inline-block;margin-left:5px;width:20px;height:20px;background:var(--white50);border-radius:50%;transition:all .3s}.collection__table table thead tr th .sort-arrow.ascending{transform:rotate(180deg)}.collection__table table thead tr th .sort-arrow.descending{transform:rotate(-1turn)}.collection__table table thead img{width:30px;height:30px}.collection__table table tbody tr{border-bottom:1px solid var(--white15);transition:all .3s}.collection__table table tbody tr:hover{background-color:#009cff}.collection__table table tbody tr td{padding:1rem;text-wrap:nowrap}.collection__table table tbody tr td>a:hover{text-decoration:underline;text-underline-position:under}.collection__table table tbody tr td .type{width:40px;height:40px}.collection__table table tbody tr td img{padding:5px;width:50px;height:50px}.breeding{width:100%;color:var(--white);text-align:center;padding:0 2rem}.breeding .breeding__title{width:100%;display:flex;align-items:center;justify-content:center;padding:100px 0 50px}.breeding .breeding__title h2{font-size:6rem;font-family:var(--font-title);font-weight:900;color:var(--white);line-height:1}@media(max-width:500px){.breeding .breeding__title h2{font-size:4rem}}.breeding .breeding__select{max-width:600px;display:flex;justify-content:space-between;margin:0 auto}@media(max-width:570px){.breeding .breeding__select{display:block}.breeding .breeding__select>div{margin-top:.3rem}}.breeding .breeding__select>div>label{display:block;margin-bottom:.3rem}.breeding .breeding__select>div>select{font-size:.9rem;font-family:var(--font-nanum);font-weight:700;width:250px;height:50px;border-radius:5px;padding:10px}.breeding .breeding__select>div>select:focus{outline:3px solid var(--white30)}@media(max-width:300px){.breeding .breeding__select>div>select{width:100%}}.breeding .breeding__result{max-width:750px;margin:3rem auto 0}.breeding .breeding__result>h3{margin-bottom:.3rem}.breeding .breeding__result>p{font-size:.9rem;font-family:var(--font-nanum);color:var(--white50);margin-bottom:.6rem}.breeding .breeding__result .result__inner{overflow:auto}.breeding .breeding__result .result__inner table{width:100%;font-size:.9rem;border-collapse:collapse;border:1px solid var(--white15)}.breeding .breeding__result .result__inner table thead tr{border-bottom:1px solid var(--white15)}.breeding .breeding__result .result__inner table thead tr th{color:var(--white);padding:.5rem 1rem;word-break:keep-all}.breeding .breeding__result .result__inner table tbody>tr{border-bottom:1px solid var(--white15);transition:all .3s}.breeding .breeding__result .result__inner table tbody>tr:hover{background-color:#009cff}.breeding .breeding__result .result__inner table tbody>tr>td{padding:1rem;text-wrap:nowrap}.breeding .breeding__result .result__inner table tbody>tr>td>div{display:flex;align-items:center;justify-content:center}.breeding .breeding__result .result__inner table tbody>tr>td>div>div a:hover{text-decoration:underline;text-underline-position:under}.breeding .breeding__result .result__inner table tbody>tr>td>div>img{width:2rem;height:2rem}.card{max-width:600px;margin:50px auto 0}.card .card__top{background-color:#009cff;display:flex;justify-content:space-between;padding:5px 0 0 10px}.card .card__top .card__left .left__top{display:flex;align-items:center}.card .card__top .card__left .left__top .key{font-size:2.2rem;font-family:var(--font-num);font-weight:300;color:var(--white);letter-spacing:1.5px;margin-right:10px}.card .card__top .card__left .left__top .key>i{font-size:1.6rem;font-style:normal}.card .card__top .card__left .left__top>ul{margin-left:20px;display:flex}.card .card__top .card__left .left__top>ul>li{color:var(--white);margin-right:5px;padding:3px 15px}.card .card__top .card__left .name{font-size:1.5rem;font-weight:700;font-family:var(--font-nanum);color:var(--white)}.card .card__bottom>div{padding:10px;background-color:#282e31}.card .card__bottom>div>h4{font-size:1.2rem;font-family:var(--font-nanum);font-weight:700;color:var(--white);width:100%;position:relative;z-index:1;padding-left:8px}.card .card__bottom>div>h4:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:15px;background-color:rgba(71,83,87,.467);z-index:-1}.card .card__bottom .stats>ul{margin:20px;display:flex;justify-content:space-between;flex-wrap:wrap}@media(max-width:550px){.card .card__bottom .stats>ul{display:block}}.card .card__bottom .stats>ul li{width:48.5%;height:50px;display:flex;align-items:center;justify-content:space-between;background-color:rgba(0,0,0,.2);padding:5px 15px;margin-bottom:5px}@media(max-width:550px){.card .card__bottom .stats>ul li{width:100%}}.card .card__bottom .stats>ul li>.stats__left{display:flex;align-items:center;justify-content:center}.card .card__bottom .stats>ul li>.stats__left>.img{height:1rem;margin-right:5px}.card .card__bottom .stats>ul li p{font-size:1rem;font-family:var(--font-nanum);color:var(--white)}.card .card__bottom .skill .aura{margin:20px;background-color:rgba(0,0,0,.2)}.card .card__bottom .skill .aura>h3{font-size:1.3rem;font-family:var(--font-nanum);color:var(--white);border:2px solid var(--white05);border-left:4px solid var(--white);padding:5px 10px}.card .card__bottom .skill .aura>p{font-size:1rem;font-family:var(--font-nanum);color:var(--white);padding:20px 10px}.card .card__bottom .activeSkill>ul{margin:20px}.card .card__bottom .activeSkill>ul>li{background-color:rgba(0,0,0,.2);margin-bottom:10px}.card .card__bottom .activeSkill>ul>li .active__top{border:2px solid var(--white05);border-left:4px solid var(--white);padding:5px 10px;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .3s}.card .card__bottom .activeSkill>ul>li .active__top:hover{background-color:var(--white05)}.card .card__bottom .activeSkill>ul>li .active__top .top__left{display:flex}.card .card__bottom .activeSkill>ul>li .active__top .top__left>p{font-size:1rem;font-family:var(--font-nanum);color:var(--white)}.card .card__bottom .activeSkill>ul>li .active__top .top__left>p:first-child{margin-right:10px}.card .card__bottom .activeSkill>ul>li .active__top .top__left>p>i{font-size:.9rem;font-style:normal;margin-right:3px}.card .card__bottom .activeSkill>ul>li .active__top>p{font-size:1rem;font-family:var(--font-nanum);color:var(--white);padding:5px 15px}.card .card__bottom .activeSkill>ul>li .active__bottom{max-height:0;padding:0 10px;font-size:1rem;font-family:var(--font-nanum);color:var(--white);overflow-y:hidden;transition:max-height .2s ease-in-out,padding .2s ease-in-out}.card .card__bottom .activeSkill>ul>li .active__bottom.active{max-height:1000px;padding:20px 10px}.card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top{display:flex;margin-bottom:5px}.card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top>p{font-size:.9rem;background-color:var(--white15);padding:5px 10px}.card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top>p:first-child{margin-right:5px}.card .card__bottom .activeSkill>ul>li .active__bottom .bottom__top>p>i{font-style:normal;margin-right:3px}.card .card__bottom .aptitude>ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px;gap:5px}.card .card__bottom .aptitude>ul>li{font-size:1rem;font-family:var(--font-nanum);color:var(--white);width:49%;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between;padding:10px}.card .card__bottom .aptitude>ul>li .suitability-item{display:flex;align-items:center}.card .card__bottom .aptitude>ul>li .type{width:30px;height:30px;margin-right:5px}@media(max-width:450px){.card .card__bottom .aptitude>ul>li{width:100%}}.card .card__bottom .aptitude>ul>li>div>i{font-style:normal;font-size:.7rem;margin-right:3px}.card .card__bottom .item>ul{margin:20px}.card .card__bottom .item>ul>li{font-size:1rem;font-family:var(--font-nanum);color:var(--white);width:100%;background-color:rgba(0,0,0,.2);padding:10px;margin-bottom:5px}.maps .maps__title{width:100%;display:flex;align-items:center;justify-content:center;padding:100px 0 50px}.maps .maps__title h2{font-size:6rem;font-family:var(--font-title);font-weight:900;color:var(--white);line-height:1}@media(max-width:500px){.maps .maps__title h2{font-size:4rem}}.maps .maps__inner .maps__list{max-width:600px;margin:0 auto;position:relative}.maps .maps__inner .maps__list .home__search{width:100%;position:relative}.maps .maps__inner .maps__list .home__search .search__select{position:absolute;left:5px;top:50%;transform:translateY(-50%);border-right:1px solid rgba(0,0,0,.15);padding:5px}.maps .maps__inner .maps__list .home__search .search__select>select{font-size:.9rem;font-family:var(--font-nanum);line-height:1;text-align:center}.maps .maps__inner .maps__list .home__search .search__select>select:focus{outline:0}.maps .maps__inner .maps__list .home__search>input{font-size:.9rem;font-family:var(--font-nanum);width:100%;height:50px;border:1px solid var(--white50);border-radius:5px;padding:10px 10px 10px 80px}.maps .maps__inner .maps__list .home__search>input:focus{outline:0}.maps .maps__inner .maps__list .home__searchDrop{position:absolute;width:100%;max-height:200px;border-radius:5px;overflow:auto;z-index:999}.maps .maps__inner .maps__list .home__searchDrop>li{font-size:.9rem;font-family:var(--font-nanum);width:100%;height:50px;background-color:var(--white);padding:10px;display:flex;align-items:center;border-top:1px solid rgba(0,0,0,.15);transition:background-color .3s,color .15s}.maps .maps__inner .maps__list .home__searchDrop>li:hover{color:var(--white);background-color:var(--white50)}.maps .maps__inner .maps__map{max-width:-moz-fit-content;max-width:fit-content;max-height:-moz-fit-content;max-height:fit-content;margin:50px auto 0}.maps .maps__inner .maps__map img{width:100%;max-width:500px;height:100%;max-height:500px;object-fit:contain}.items{width:100%;min-height:80vh}.items .item__wrap{height:100%}@media(max-width:800px){.items .item__wrap{display:flex;flex-direction:column}}.items .item__wrap .left{position:fixed;width:300px}@media(max-width:800px){.items .item__wrap .left{position:static;top:0;width:100%;padding-bottom:5px}}.items .item__wrap .left button{color:var(--white)}.items .item__wrap .right{padding-left:310px}@media(max-width:800px){.items .item__wrap .right{padding-left:0}}.items .item__wrap .right .card__wrap{display:flex;flex-wrap:wrap;padding-top:11px}@media(max-width:800px){.items .item__wrap .right .card__wrap{justify-content:center}}.items .item__wrap .right .card__wrap .item__card{width:200px;max-height:250px;margin:5px;padding:10px 5px;background-color:var(--white05);transition:all .3s;border-radius:15px;color:var(--white);border:1px solid transparent;position:relative}@media(max-width:550px){.items .item__wrap .right .card__wrap .item__card{width:100%}}.items .item__wrap .right .card__wrap .item__card:hover{border:1px solid #ac8c36;box-sizing:border-box}.items .item__wrap .right .card__wrap .item__card:hover img{opacity:.7}.items .item__wrap .right .card__wrap .item__card .img__box{padding-top:15px;display:flex;justify-content:center;width:100%}.items .item__wrap .right .card__wrap .item__card .img__box img{max-width:150px;width:70%;height:70%;transition:all .3s}@media(max-width:550px){.items .item__wrap .right .card__wrap .item__card .img__box img{max-width:130px}}.items .item__wrap .right .card__wrap .item__card .name{width:100%;margin-top:5px;display:inline-block;text-align:center}.items .item__wrap .right .card__wrap .item__card .pals{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:flex-start;overflow-x:auto;padding:5px}.items .item__wrap .right .card__wrap .item__card .pals>a{margin-right:5px}.items .item__wrap .right .card__wrap .item__card .pals>a:last-child{margin-right:0}.items .item__wrap .right .card__wrap .item__card .pals .palsimg{width:40px;height:40px;padding:5px;object-fit:contain;border-radius:50%;border:1px solid #ccc}.items .item__wrap .right .card__wrap .item__card .info{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:30px;font-size:14px;line-height:1}.items .item__wrap .right .card__wrap .item__card .info .gold{position:relative}.items .item__wrap .right .card__wrap .item__card .info .gold:before{content:"";width:20px;height:20px;position:absolute;left:-20px;top:50%;transform:translateY(-50%);background-image:url(/image/items/gold-coin.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.items .item__wrap .right .card__wrap .item__card .info .weight{position:relative}.items .item__wrap .right .card__wrap .item__card .info .weight:before{content:"";width:25px;height:25px;position:absolute;left:-20px;top:50%;transform:translateY(-50%);background-image:url(/image/items/small-feed-bag.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.items .item__wrap .loading{width:100%;height:100%;text-align:center;padding-top:30px}.policy{max-width:430px;margin:0 auto;font-size:1rem;font-family:var(--font-nanum);color:var(--white)}.policy h2{font-size:1.2rem;margin-bottom:1.2rem;text-align:center}.policy .box{width:100%;margin-bottom:1rem}.policy .box>h3{font-size:1rem}.policy .box .text{font-size:.9rem;color:var(--gray);width:100%;max-height:100px;overflow-y:auto;padding:.5rem;border:1px solid var(--white15)}.policy .box .text p{margin-bottom:8px}