.notice-box{position:relative;background-color:var(--light2);border-radius:3.2rem;padding:4.8rem 6rem}.notice-box .notice-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:6rem}.notice-box .notice-area .notice-img{-webkit-box-flex:0;-ms-flex:0 0 166px;flex:0 0 166px;max-width:166px}.notice-box .notice-area .notice-img img{max-width:100%}.notice-box .notice-title{font-size:2.5rem;font-weight:700;color:var(--primary);word-break:keep-all;line-height:1.2}.notice-box .notice-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.2rem}.notice-box .notice-group .notice-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.8rem;margin-left:-0.8rem}.notice-box .notice-group .notice-list li{width:50%;padding:.8rem;font-size:2.1rem}.notice-box .notice-group .notice-list li p{line-height:1.4}.notice-box .notice-group .notice-list li .box{-webkit-box-shadow:none;box-shadow:none}.notice-box .notice-group .notice-list li .badge{width:6.8rem;height:6.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0;-ms-flex:0 0 6.8rem;flex:0 0 6.8rem;border-radius:100%;background-color:var(--warning-light);padding:0}.notice-box .notice-group .notice-list li .badge .svg-icon{width:4.4rem;height:4.4rem}.notice-box ul.pagination .page-item .page-link{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3);border-radius:4px;border:1px solid var(--gray5)}.notice-box ul.pagination .page-item.active .page-link{background-color:var(--main-color2);border:0}@media(max-width: 1023px){.notice-box .notice-area{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem}.notice-box .notice-area .notice-img{-webkit-box-flex:0;-ms-flex:0 0 94px;flex:0 0 94px;max-width:94px}.notice-box .notice-area .notice-img+.notice-title{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 11.4rem);flex:0 0 calc(100% - 11.4rem);font-size:1.9rem}.notice-box .notice-group{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.notice-box .notice-group .notice-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.notice-box .notice-group .notice-list li{width:100%;font-size:1.9rem}.notice-box .notice-group .notice-list li .badge{width:4.8rem;height:4.8rem;-webkit-box-flex:0;-ms-flex:0 0 4.8rem;flex:0 0 4.8rem}.notice-box .notice-group .notice-list li .badge .svg-icon{width:3.2rem;height:3.2rem}}@media(max-width: 767px){.notice-box{padding:2.4rem !important}}@media(max-width: 575px){.notice-box{border-radius:0;padding:1.6rem;margin-right:-1rem;margin-left:-1rem}.notice-box .notice-area .notice-img{-webkit-box-flex:0;-ms-flex:0 0 94px;flex:0 0 94px;max-width:94px}.notice-box .notice-area .notice-img+.notice-title{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 11.4rem);flex:0 0 calc(100% - 11.4rem);font-size:1.9rem}.notice-box .notice-group .notice-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.notice-box .notice-group .notice-list li .badge{width:3.2rem;height:3.2rem;-webkit-box-flex:0;-ms-flex:0 0 3.2rem;flex:0 0 3.2rem}.notice-box .notice-group .notice-list li .badge .svg-icon{width:2rem;height:2rem}}