@charset "UTF-8";
@import "reset.css";
@import "font.css";
/* common */
body {font-family:'Pretendard';font-weight:400;font-size:20px}
.inbox {max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.blind {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}
/* header */
.header {position:fixed;top:0;left:0;width:100%;height:80px;border-bottom:1px solid #dedede;border-top:1px solid #dedede;background-color:#fff;z-index:10}
/* nav */
.nav {display:flex;align-items:center;height:80px}
.nav__menu {width:50px}
.nav__gnb > a {margin:0 30px;font-size:16px;font-weight:700;transition:all .5s ease-in-out}
.nav__gnb > a:hover {color:var(--point-color)}
.nav__utils {margin-left:auto}
/* btn */
.btn-menu {position:relative;transition:.3s ease-in-out;width:24px;height:24px;text-align:left;z-index:11}
.btn-menu span {position:absolute;top:0;height:2px;width:100%;border-radius:0;background:var(--main-color);transition:all .2s ease-in-out}
.btn-menu:hover span {background:var(--point-color)}
.btn-menu span:first-child {top:0}
.btn-menu span:nth-child(2), .menu-btn span:nth-child(3) {top:9px}
.btn-menu span:last-child {top:18px}
.btn-menu.active span:first-child, .menu-btn.active span:last-child {opacity:0}
.btn-menu.active span:nth-child(2) {transform:rotate(45deg)}
.btn-menu.active span:nth-child(3) {transform:rotate(-45deg)}
.btn-search {height:40px;width:40px;background:url(./images/search.png) center no-repeat;background-size:30px;opacity:0.5;transition:all .5s ease-in-out}
.btn-search:hover {background-image:url(./images/search_hover.png);opacity:1}
/* content */
.content {position:relative;padding-top:82px;box-sizing:border-box}
/* content__header */
.content__haeder {margin:100px 0}
.content__title {font-size:30px;line-height:50px;text-align:center}
.content__title > a {transition:all .5s ease-in-out}
.content__title > a:hover {color:#aaa}
.content__description {line-height:normal;font-size:14px;color:#aaa;font-weight:300}
/* content__body */
.content__body {margin:100px 0}
.content__footer {margin:100px 0}
/* bbs */
.bbs {margin:150px 0}
.bbs__category {margin:20px 0}

.bbs-list__info {padding:26px;box-sizing:border-box}
.bbs-list__category {font-size:13px;color:var(--point-color);margin-bottom:12px}
.bbs-list__title {display:block;margin-bottom:10px;font-size:18px;font-weight:bold;letter-spacing:-0.14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbs-list__description {margin-bottom:50px;font-size:15px;color:#4b4b4b;min-height:70px;line-height:1.55;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;letter-spacing:-0.14px}
.bbs-list__date {font-size:13px;color:#a3a3a3}
/* bbs--all */
.bbs--all .bbs-list > li {border:1px solid #dedede;transition:border-color .2s;box-sizing:border-box}
.bbs--all .bbs-list > li:hover {border-color:#ababab}
.bbs--all .bbs-list {display:grid;grid-template-columns:repeat(3, 350px);grid-gap:75px}
.bbs--all .bbs-list__img {height:210px;background:url(./images/thum_img.jpg) 50% 50% no-repeat;background-size:cover}
/* bbs--hot */
.bbs--hot .bbs-list__info {padding:10px}
.bbs--hot .bbs-list {display:grid;grid-template-columns:repeat(4, 270px);grid-gap:40px}
.bbs--hot .bbs-list__img {height:270px;background:url(./images/thum_img.jpg) 50% 50% no-repeat;background-size:cover}
.bbs--hot .bbs-list__title {white-space:normal;font-size:16px;color:#4b4b4b;min-height:70px;line-height:1.55;letter-spacing:-0.14px;word-break:break-all}
/* bbs-category */
.bbs--category {}
.bbs--category .bbs-list > li {position:relative;width:100%;padding:26px 0;border-bottom:1px solid #dedede}
.bbs--category .bbs-list > li > a {display:flex}
.bbs--category .bbs-list__info {padding:26px 30px;padding-left:40px;box-sizing:border-box}
.bbs--category .bbs-list__title {margin-top:20px;font-size:20px;font-weight: bold;letter-spacing: -0.14px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal}
.bbs--category .bbs-list__description {margin-bottom:40px;line-height: 1.45;letter-spacing: -0.15px;min-height: 42px;font-size: 14px;color: #4b4b4b;word-break: break-all;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.bbs--category .bbs-list__thumbnail {flex-shrink:0}
.bbs--category .bbs-list__img {width:350px;height:220px;background:url(./images/thum_img.jpg) 50% 50% no-repeat;background-size:cover}
/* footer */
.footer {border-top:1px solid #dedede}
.footer__wrap {display:flex;justify-content:space-between;align-items:center;padding:30px 0;box-sizing:border-box}
.link-footer__list > li {display:inline-block}