@media screen and (min-width: 320px){.articleListBody{padding:6rem 5vw 5rem}}@media screen and (min-width: 1025px){.articleListBody{padding:16rem 0}}.articleListWrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 320px){.articleListNav{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;border-right:none;border-top:solid 2px #e5e5e5;padding-top:3rem;margin-top:7rem}}@media screen and (min-width: 1025px){.articleListNav{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:30%;border-right:solid 2px #e5e5e5;border-top:none;padding-top:0;margin-top:0}}.articleListNav .navWrapper{position:sticky;top:20rem}.articleListNav .navBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 320px){.articleListNav .navBox{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:4rem;padding:0}}@media screen and (min-width: 1025px){.articleListNav .navBox{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:8rem;padding:0 8vw 0 0}}.articleListNav .navBox:last-child{margin-bottom:0}.articleListNav .navBox ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 320px){.articleListNav .navBox ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;margin-top:2rem;gap:1rem 1rem}}@media screen and (min-width: 1025px){.articleListNav .navBox ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:80%;margin-top:7rem;gap:2rem 1rem}}.articleListNav .navBox ul li{list-style:none;color:#01a29c;padding:.5rem 1.5rem;border:solid 1px #01a29c;border-radius:2rem}@media screen and (min-width: 320px){.articleListNav .navBox ul li{font-size:1.2rem}}@media screen and (min-width: 1025px){.articleListNav .navBox ul li{font-size:1.4rem}}.articleListNav .navTitle{font-family:"montserrat",sans-serif;font-weight:900;color:#01a29c;letter-spacing:.1em}@media screen and (min-width: 320px){.articleListNav .navTitle{font-size:2rem;text-align:right}}@media screen and (min-width: 1025px){.articleListNav .navTitle{font-size:2rem;text-align:right}}.inpWrap{position:relative}@media screen and (min-width: 320px){.inpWrap{width:100%;margin-top:2rem}}@media screen and (min-width: 1025px){.inpWrap{width:70%;margin-top:7rem}}.inpWrap::after{content:"▼";position:absolute;top:1.4rem;right:3.5rem;width:12px;height:12px;color:#b7b7b7;font-size:1.6rem}select[name=inpItem]{position:relative;width:100%;padding:1.4rem 0 1.4rem 3rem;border-radius:1.5rem;background-color:#e7e7e7;border:none;color:#686868;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (min-width: 320px){select[name=inpItem]{font-size:1.5rem}}@media screen and (min-width: 1025px){select[name=inpItem]{font-size:2rem}}@media screen and (min-width: 320px){.articleListMain{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;padding:0}}@media screen and (min-width: 1025px){.articleListMain{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:70%;padding:7rem 0 0 0}}.articleList{position:relative}@media screen and (min-width: 320px){.articleList{width:100%}}@media screen and (min-width: 1025px){.articleList{width:100%}}.articleList a{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 320px){.articleList .imgArea{width:100%}}@media screen and (min-width: 1025px){.articleList .imgArea{width:30%}}.articleList .imgArea .imgWrapper{background:#01a29c}@media screen and (min-width: 320px){.articleList .infoArea{width:100%}}@media screen and (min-width: 1025px){.articleList .infoArea{width:60%}}.articleItem{color:#000;-webkit-transition:all .5s ease;transition:all .5s ease}.articleItem:hover{background-color:#f2f2f2;-webkit-transition:all .5s ease;transition:all .5s ease}.articleItem:last-of-type .articleWrap{border-bottom:none}.articleWrap{border-bottom:solid 2px #e5e5e5}@media screen and (min-width: 320px){.articleWrap{width:100%;padding:5rem 0 5rem 0;margin:0 auto}}@media screen and (min-width: 1025px){.articleWrap{width:calc(100% - 10vw);padding:5rem 0 5rem 0;margin:0 auto}}.articleInfo{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 320px){.articleInfo{font-size:1.4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem}}@media screen and (min-width: 1025px){.articleInfo{font-size:1.6rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:0}}.cat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:solid 1px #000;padding:.5rem 1.4rem;border-radius:2rem;opacity:.7}.cat span{display:block;margin-left:.5rem}.articleTitle{margin-top:1.5rem}@media screen and (min-width: 320px){.articleTitle{font-size:1.8rem}}@media screen and (min-width: 1025px){.articleTitle{font-size:2.4rem}}.articleDesc{opacity:.5;margin-top:1rem}@media screen and (min-width: 320px){.articleDesc{font-size:1.5rem}}@media screen and (min-width: 1025px){.articleDesc{font-size:1.6rem}}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 1rem}@media screen and (min-width: 320px){.pagination{margin-top:2rem}}@media screen and (min-width: 1025px){.pagination{margin-top:8rem}}@media screen and (min-width: 320px){.pagination .page-numbers{font-size:1.5rem}}@media screen and (min-width: 1025px){.pagination .page-numbers{font-size:2.5rem}}.pagination .page-numbers.current{color:rgba(0,0,0,.5)}.pagination .prev,.pagination .next{margin:0 2rem}/*# sourceMappingURL=article.css.map */