.notice-cowon {width:100%;padding:60px 40px 120px;box-sizing:border-box;position:relative;overflow:hidden;}
.notice-cowon .frame {width:100%;max-width:1280px;margin:0 auto;}
.notice-cowon .title {width:100%;margin-bottom:60px;}
.notice-cowon .title h2 {font-size:40px;font-weight:700;line-height:1;color:var(--color-point-font);text-align:center;}
.notice-cowon .notice {width:100%;}
.notice-cowon .search-box {width:348px;margin-left:auto;margin-bottom:30px;}
.notice-cowon .search {position:relative;width:100%;height:55px;box-sizing:border-box;border:1px solid #DDD;overflow:hidden;}
.notice-cowon .search input {position:absolute;top:0;right:0;width:calc(100% - 50px);height:100%;font-size:16px;line-height:1;color:var(--color-point-font);border:none;outline:none;background-color:transparent;}
.notice-cowon .search input::placeholder {color:#AAA;}
.notice-cowon .search .zoom {position:absolute;top:50%;left:20px;border:none;background:transparent;transform:translateY(-50%);font-size:14px;color:var(--color-point-font);padding:0;margin-top:2px;}
.notice-cowon .board-notice {width:100%;margin-bottom:60px;}
.notice-cowon .board-notice .table {width:100%;display:flex;flex-wrap:wrap;}
.notice-cowon .board-notice .table > li {width:100%;height:80px;border-bottom:1px solid #D9D9D9;box-sizing:border-box;}
.notice-cowon .board-notice .table > li:first-child {border-top:1px solid var(--color-point-font);}
.notice-cowon .board-notice .table > li > ul {width:100%;height:100%;display:flex;flex-wrap:wrap;}
.notice-cowon .board-notice .table > li > ul > li {height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:400;line-height:1;color:#666;}
.notice-cowon .board-notice .table > li > ul > li.num {width:76px;}
.notice-cowon .board-notice .table > li > ul > li.name {width:calc(100% - 222px);padding:0 30px;box-sizing:border-box;}
.notice-cowon .board-notice .table > li > ul > li.name a {width:100%;height:100%;display:flex;align-items:center;}
.notice-cowon .board-notice .table > li > ul > li.name a span {width:100%;display:block;position:relative;text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--color-point-font);font-size:18px; font-weight:600;transition:.4s;}
.notice-cowon .board-notice .table > li > ul > li.date {width:146px;}
.notice-cowon .board-paging {width:100%;display:flex;justify-content:center;align-items:center;gap:20px;}
.notice-cowon .board-paging .btn a {width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;background-color:#DDD;transition:.4s;}
.notice-cowon .board-paging ul {display:flex;align-items:center;gap:18px;}
.notice-cowon .board-paging ul li a {width:16px;display:block;font-size:14px;font-weight:400;color:#666;transition:.4s;text-align:center;}
.notice-cowon .board-paging ul li.on a {color:var(--color-point);font-weight:700;}
@media (hover: hover) and (pointer: fine) {
    .notice-cowon .board-notice .table > li > ul > li.name:hover a span {color:var(--color-point);font-weight:700;}
    .notice-cowon .board-paging .btn a:hover {background-color:var(--color-point);}
    .notice-cowon .board-paging ul li a:hover {font-weight:700;color:var(--color-point);}
}
@media screen and (max-width:992px) {
    .notice-cowon {padding:40px 15px 80px;}
    .notice-cowon .title {margin-bottom:40px;}
    .notice-cowon .title h2 {font-size:32px;}
    .notice-cowon .search-box {width:100%;}
    .notice-cowon .board-notice {margin-bottom:40px;}
    .notice-cowon .board-notice .table > li {height:auto;}
    .notice-cowon .board-notice .table > li > ul {height:auto;padding:30px 0;gap:16px;}
    .notice-cowon .board-notice .table > li > ul > li {height:auto;justify-content:normal;align-items:normal;color:#999;}
    .notice-cowon .board-notice .table > li > ul > li.num {display:none;}
    .notice-cowon .board-notice .table > li > ul > li.name {width:100%;padding:0;}
    .notice-cowon .board-notice .table > li > ul > li.name a {height:auto;align-items:normal;}
    .notice-cowon .board-notice .table > li > ul > li.date {width:100%;}
    .notice-cowon .board-paging {gap:16px;}
    .notice-cowon .board-paging .btn a {width:24px;height:24px;}
}
.notice-cowon .frame {transform:translate3d(0, 40px, 0);opacity:0;transition:opacity .5s, transform .5s;}
.notice-cowon .frame.movmt {transform:translate3d(0, 0, 0);opacity:1;transition:opacity .8s, transform .8s;}