._notice .listBx{padding-top: 15px;}
._notice .s1{padding-bottom: 70px;}
._notice .listBx .searchBx{display: flex;align-items: center;justify-content: flex-end;}
._notice .listBx .search {max-width: 340px;width: 100%;position: relative;}
._notice .listBx .search input{width: 100%;border: 1px solid #cccccc;border-radius: 24px;padding: 13px 20px;box-sizing: border-box;font-size: 16px;font-weight: 500;color: #7c7c7c;background: #f6f6f6;}
._notice .listBx .search ._cir{width: 36px;height: 36px;border-radius: 50%;background: var(--green);display: flex;align-items: center;justify-content: center;position: absolute;right: .5em;top: 50%;transform: translateY(-50%);}
._notice .listBx .search ._cir i{font-size: 20px;color: #fff;}


._notice .listBx .itemBx{display: flex;align-content: center;gap: 40px;padding-top: 20px;flex-wrap: wrap;}
._notice .listBx .itemBx .item{width: calc(100% / 3 - (40px*2/3));}
._notice .listBx .itemBx .item .img{position: relative;background-color: #ffffff;border-radius: 20px;}
._notice .listBx .itemBx .item .img::before{
    display: block;content: '';width: 100%;padding-bottom: calc(320/400*100%);
}
/* 임시 */
._notice .listBx .itemBx .item .img img{position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}
/* ._notice .listBx .itemBx .item .img img{position: absolute; left: 0; top: 0;width: 100%;height: 100%;object-fit: cover;} */

._notice .listBx .itemBx .item .item_tit{
    font-size: 18px;font-weight: 700;line-height: 1.66666;padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
._notice .listBx .itemBx .item .info{
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 10px;
    font-family: 'Pretendard';
}
._notice .listBx .itemBx .item .info i{font-size: 16px;color: #777777;}
._notice .listBx .itemBx .item .info span{font-size: 16px;color: #777777;font-weight: 400;}
._notice .listBx .itemBx .item .info .date{display: flex;align-items: center;justify-content: center;gap: 4px;}
._notice .listBx .itemBx .item .info .view{display: flex;align-items: center;justify-content: center;gap: 4px;}

/* paging */

.pagingBx{padding-top: 50px;display: flex;align-items: center;justify-content: center;}
.pagingBx .paging{display: flex;align-items: center;justify-content: center;gap: 5px;}


.pagingBx .paging .num{padding: 0 5px;box-sizing: border-box;}
.pagingBx .paging .num a span{display: block;font-size: 16px;font-weight: 500;color: #7c7c7c;
padding: 6px;}
.pagingBx .paging a i{font-size: 16px;color: #cccccc;}

.pagingBx .paging .num.on{
    width: 28px;height: 28px;border-radius: 50%;background: var(--green);
    position: relative;display: flex;align-items: center;justify-content: center;
}
.pagingBx .paging .num.on a{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagingBx .paging .num.on a span{color: #fff;}

@media screen and (max-width: 1280px) {
    ._notice .listBx .itemBx .item{width: calc(100% / 2 - (40px*1/2));}
}

@media screen and (max-width: 1024px) {
    ._notice .listBx .search input {font-size: 14px;}
    ._notice .listBx .search ._cir {width: 32px;height: 32px;}
    ._notice .listBx .search ._cir i {font-size: 18px;}
    ._notice .listBx .itemBx .item .item_tit {font-size: 16px;}
    ._notice .listBx .itemBx .item .info span {font-size: 14px;}
    ._notice .listBx .itemBx .item .info i {font-size: 14px;}
}

@media screen and (max-width: 820px) {
    ._notice .listBx .itemBx .item{width: 100%;}
}
@media screen and (max-width: 500px) {
    ._notice .listBx .search {max-width: 240px;}
    ._notice .listBx .search input{padding: 8px 20px;}
    ._notice .listBx .search ._cir {width: 28px;height: 28px;right: .3em;}
    ._notice .listBx .search ._cir i {font-size: 16px;}


    .pagingBx .paging .num a span{font-size: 14px;}
    .pagingBx .paging .num.on {width: 24px;height: 24px;}
}



/* view */
._notice_view .s1{padding-bottom: 70px;}
._notice_view .view_tit{display: flex;flex-direction: column;gap: 30px;justify-content: center;align-items: center;}
._notice_view .view_tit .info{
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 10px;
    font-family: 'Pretendard';
}
._notice_view .view_tit .info i{font-size: 16px;color: #777777;}
._notice_view .view_tit .info span{font-size: 16px;color: #777777;font-weight: 400;}
._notice_view .view_tit .info .date{display: flex;align-items: center;justify-content: center;gap: 4px;}
._notice_view .view_tit .info .view{display: flex;align-items: center;justify-content: center;gap: 4px;}

._notice_view .view_tit h2{font-size: 36px;font-weight: 700;line-height: 1.3; font-family: 'Pretendard';text-align: center;}

._notice_view .editor{
    margin-top: 30px;
    padding: 40px;box-sizing: border-box;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
._notice_view .editor p{font-size: 18px;color: #444444;font-weight: 500;line-height: 1.5;}
._notice_view .postBx{color: #3d3d3d;font-size: 16px;font-weight: 500;}
._notice_view .postBx .post{border-bottom: 1px solid #cccccc;}
._notice_view .postBx .post p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.3;
}
._notice_view .postBx .post > div{display: flex;padding: 20px 40px;box-sizing: border-box;gap: 50px;align-items: center;}
._notice_view .btnBx{padding-top: 55px;width: 104px;margin: 0 auto;}
._notice_view .btnBx a{display:inline-block;width: 100%;border-radius: 22.8px;background: var(--green);color: #fff;font-size: 16px;font-weight: 500;display: flex;align-items: center;justify-content: center;padding: 14px 0;box-sizing: border-box;transition: background 0.3s;}
._notice_view .btnBx a:hover{background: #000;}
@media screen and (max-width: 1680px) {
    ._notice_view .view_tit{gap: 20px;}
    ._notice_view .view_tit h2 {font-size: 32px;}
    
}
@media screen and (max-width:1024px) {
    ._notice_view .view_tit h2 {font-size: 28px;}
    ._notice_view .editor p {font-size: 16px;}
    
}
@media screen and (max-width: 820px) {
    ._notice_view .view_tit h2 {font-size: 24px;}
    ._notice_view .editor {padding: 20px;}


    ._notice_view .postBx{font-size: 14px;}
    ._notice_view .postBx .post > div {padding: 15px 20px;gap: 20px;}
    ._notice_view .btnBx a {padding: 8px 0;}
    
}
@media screen and (max-width: 500px) {
    ._notice_view .view_tit .info i {font-size: 14px;}
    ._notice_view .view_tit .info span {font-size: 14px;}
    ._notice_view .view_tit h2 {font-size: 20px;}
    
    ._notice_view .editor p {font-size: 14px;}
    ._notice_view .btnBx a{font-size: 14px;}
}

/* event view */
._event_view .postBx .post.next{border-top: 1px solid #cccccc;}

._event_view .s1 .cont .eventForm{margin: 20px 0;padding: 40px 20px;box-sizing: border-box;}
._event_view .s1 .cont .eventForm .tit{text-align: center;padding-bottom: 40px;}
._event_view .s1 .cont .eventForm .tit h3{font-size: 26px;font-weight: 600;line-height: 1.3;}
._event_view .s1 .cont .eventForm .tit h3 em{color: var(--green);font-weight: 800;}
._event_view .s1 .cont .eventForm .formBx{padding: 0;}
._event_view .s1 .cont .eventForm .form_item{padding-bottom: 0;}
._event_view .s1 .cont .eventForm .flxBx{display: flex;gap: 20px;padding-bottom:20px;}
._event_view .s1 .cont .eventForm .flxBx .form_item{width: 50%;}
._event_view .s1 .cont .eventForm .flxBx .form_item{padding-bottom: 0;}
._event_view .s1 .cont .eventForm .form_tit{padding-bottom: 15px;}
._event_view .s1 .cont .eventForm {background: #ececec;}
._event_view .s1 .cont .eventForm .formBx input,
._event_view .s1 .cont .eventForm .formBx textarea{
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 9px;
    padding: 19px 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #7c7c7c;
}
._event_view .s1 .cont .eventForm .formBx textarea{min-height: 150px;}
._event_view .s1 .cont .eventForm .formBx input::placeholder{text-align: center;}

._event_view .s1 .cont .eventForm .flxBx2{display: flex;justify-content: space-between;align-items: center;padding-top: 10px;}
._event_view .s1 .cont .eventForm .flxBx2 .btnBx{padding: unset;margin: unset;width: 148px;}
/* 체크박스 스타일 */
._event_view .s1 .cont .eventForm .checkBx {cursor: pointer;}
._event_view .s1 .cont .eventForm .checkBx label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #444444
}
._event_view .s1 .cont .eventForm .checkBx i {font-size: 20px;color: #444444;transition: color 0.3s;}
._event_view .s1 .cont .eventForm .checkBx input:checked + label i {color: var(--green);}


@media screen and (max-width: 1280px) {
    ._event_view .s1 .cont .eventForm .tit h3 {font-size: 24px;}
}
@media screen and (max-width: 820px) {
    ._event_view .s1 .cont .eventForm .tit h3 {font-size: 22px;}
    ._event_view .s1 .cont .eventForm .flxBx{flex-direction: column;}
    ._event_view .s1 .cont .eventForm .flxBx .form_item{width: 100%;}
}
@media screen and (max-width: 500px) {
    ._event_view .s1 .cont .eventForm .tit h3 {font-size: 20px;}
    ._event_view .s1 .cont .eventForm{padding: 40px 10px;}
    ._event_view .s1 .cont .eventForm .formBx .form_tit h3 {font-size: 16px;}
    ._event_view .s1 .cont .eventForm .formBx input, ._event_view .s1 .cont .eventForm .formBx textarea{padding: 12px 20px;font-size: 14px;}
    ._event_view .s1 .cont .eventForm .flxBx2{flex-direction: column;gap: 10px;}
    ._event_view .s1 .cont .eventForm .checkBx label{font-size: 14px;}
}
@media screen and (max-width: 360px) {
    ._event_view .s1 .cont .eventForm .tit h3 {font-size: 18px;}
    ._event_view .s1 .cont .eventForm .formBx .form_tit h3 {font-size: 14px;}
}