@charset "utf-8";


/* 커스텀 목록 */
.noticeWrap { position: relative; }
.noticeList { position: relative; }
.noticeList .noticeUl { position: relative; /* display: flex; */ display: block; flex-wrap: wrap; margin: -20px; }
.noticeList .noticeUl .noticeLi { position: relative; /* width: 33.3333%; */ padding: 20px; }
.noticeList .noticeUl .noticeLi .noticeA { display: block; padding: 30px 0; border-top: 2px solid #afafaf; border-bottom: 2px solid #afafaf; }
.noticeList .noticeUl .noticeLi .noticeA .textbox .text1 { font-weight: 600; font-size: 18px; color: #fd9c00; line-height: 1.65; }
.noticeList .noticeUl .noticeLi .noticeA .textbox .text2 { font-weight: 600; font-size: 20px; color: #000; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.noticeList .noticeUl .noticeLi .noticeA .textbox .text3 { font-size: 16px; color: #919191; line-height: 1.7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.noticeList .noticeUl .noticeLi .noticeA .textbox .text4 { font-size: 16px; color: #000; line-height: 1.7; text-decoration: underline; }

.noticeWrap .noticeArrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.noticeWrap .noticeArrow img { width: 41px; }
.noticeWrap .notice_left { left: -80px; }
.noticeWrap .notice_right { right: -80px; }

@media (max-width: 1535px) {
    .noticeWrap { padding: 0 50px; }
    .noticeList .noticeUl { margin: -17px; }
    .noticeList .noticeUl .noticeLi { padding: 17px; }
    .noticeList .noticeUl .noticeLi .noticeA { padding: 25px 0; }

    .noticeWrap .noticeArrow img { width: 26px; }
    .noticeWrap .notice_left { left: 0; }
    .noticeWrap .notice_right { right: 0; }
}
@media (max-width: 1279px) {
    .noticeWrap { padding: 0 40px; }
    .noticeList .noticeUl { margin: -15px; }
    .noticeList .noticeUl .noticeLi { padding: 15px; }
    .noticeList .noticeUl .noticeLi .noticeA { padding: 20px 0; }

    .noticeWrap .noticeArrow img { width: 22px; }
}
@media (max-width: 1023px) {
    .noticeWrap { padding: 0 30px; }

    .noticeList .noticeUl { margin: -13px; }
    .noticeList .noticeUl .noticeLi { padding: 13px; }
    .noticeList .noticeUl .noticeLi .noticeA { padding: 17px 0; }
    .noticeList .noticeUl .noticeLi .noticeA .textbox .text1 { font-weight: 500; }
    .noticeList .noticeUl .noticeLi .noticeA .textbox .text1 { font-weight: 500; }

    .noticeWrap .noticeArrow img { width: 15px; }
}
@media (max-width: 767px) {
    .noticeList .noticeUl { margin: -10px; }
    .noticeList .noticeUl .noticeLi { padding: 10px; }
    .noticeList .noticeUl .noticeLi .noticeA { padding: 15px 0; }

}
@media (max-width: 524px) {
    .noticeWrap { padding: 0 40px; }
    .noticeList .noticeUl { margin: initial; }
    .noticeList .noticeUl .noticeLi { padding: initial; }
    .noticeList .noticeUl .noticeLi .noticeA { padding: 12px 0; }
}
@media (max-width: 440px) {
    .noticeWrap { padding: 0 30px; }
}