.main { height: 480px; box-sizing:border-box; background:url("/repository/theme/base/images/main/bg_main1.jpg") no-repeat center / cover;  display:flex; flex-direction: column; justify-content: flex-end; gap:30px; padding:80px 100px; border-radius:24px;}
.main .p_desc1 { font-size: 40px; color: #fff; font-family: 'Paperlogy-3Light'; line-height:1.2em;}
.main .p_desc1 span { font-family: 'Paperlogy-7Bold';}
.main .p_desc2 { font-size: 18px; color: #fff; line-height:1.4em;}

.quick_wrap { display: flex; gap: 50px; margin-top:60px;}
.quick_wrap .item { flex: 1; display: flex; justify-content: space-between; align-items:flex-start; border: 1px solid #eaeaea; border-radius: 20px; padding: 40px; color: #666;}
.quick_wrap .item:hover { box-shadow:0 10px 20px rgba(0,0,0,0.07);}
.quick_wrap .item .text_box span { color: #b1b1b1; font-size: 12px; font-weight: 500; text-transform: uppercase;}
.quick_wrap .item .text_box h2 { flex: 1; color: #000; font-size: 30px; font-weight: 800; margin-bottom: 30px;}

.board_wrap { display: flex; gap: 50px; margin: 80px 0;}
.board_wrap .notice, .board_wrap .faq, .board_wrap .banner { flex: 1;width:100%;}
.board_wrap .title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.board_wrap .title h2 { color: #000; font-size: 30px; font-weight: 800;}
.board_wrap .title a { color: #000; font-size: 13px; font-weight: 700;}
.board_wrap .list { display: flex; flex-direction: column; gap: 20px;}
.board_wrap .list > li { flex:1;}
.board_wrap .list > li > a { box-sizing:border-box; display: flex; align-items: center; justify-content: space-between; background-color: #f4f7fc; border-radius: 20px; padding: 40px;}
.board_wrap .list > li > a > p { color: #000; font-size: 22px; font-weight: 800; width: calc(100% - 140px); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; text-overflow: ellipsis; transition: all .3s ease;}
.board_wrap .list > li > a:hover > p { color:#3181ff;}
.board_wrap .list > li > a > span { font-size: 15px; color: #666;}

.board_wrap .banner .swiper-slide img { width:100%;}
@media all and (min-width: 1025px) {
    .pc_hide { display: none !important; }
}
@media all and (max-width: 1024px) {
    .moba_hide { display: none !important; }
}
.button-box { position:relative; width:auto; display: flex; align-items: center; gap:5px;}
.button-box .swiper-pagination { position:relative; bottom:unset !important; color:#666;}
.button-box .swiper-pagination-current { color:#5692f0;}
.button-box .swiper-button-next,
.button-box .swiper-button-prev { position:relative; left:unset !important; right:unset !important; bottom:unset !important; color:#000; width:24px; height:24px; margin:0;}
.button-box .swiper-button-prev:after { content:"\EA64"; font-family:"remixicon"; font-size:24px; background:none;}
.button-box .swiper-button-next:after { content:"\EA6E"; font-family:"remixicon"; font-size:24px; background:none;}

.button-box .btn-toggle { background:none; border: none; cursor: pointer; position:relative; width:24px; height:24px;}
.button-box .btn-toggle.pause:after { position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); content:"\EFDA"; font-family:"remixicon"; font-size:24px; background:none;}
.button-box .btn-toggle.play:after { position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); content:"\F013"; font-family:"remixicon"; font-size:20px; background:none;}

.sr-only { position: absolute;  width: 1px; height: 1px; padding: 0; margin: -1px;  overflow: hidden; clip: rect(0,0,0,0); border: 0;}

@media all and (max-width:1460px) {
.quick_wrap .item .text_box p br { display:none;}
}
@media all and (max-width:1260px) {
.main { height: 360px; gap:30px; padding:60px; border-radius:16px;}
.main .p_desc1 { font-size: 30px;}
.main .p_desc2 { font-size: 16px;}

.quick_wrap { gap: 30px; margin-top:40px;}
.quick_wrap .item { padding:30px; border-radius: 12px;}
.quick_wrap .item .text_box h2 { font-size:24px; margin-bottom:20px;}
.quick_wrap .item img { width:60px;}

.board_wrap { gap: 40px; margin: 50px 0;}
.board_wrap .title { margin-bottom: 20px;}
.board_wrap .title h2 { font-size: 24px;}
.board_wrap .list > li > a { border-radius: 12px; padding:25px 30px;}
.board_wrap .list > li > a > p { font-size:18px;}
}
@media all and (max-width:1024px) {
.main { height: 300px; gap:22px; padding:40px;}
.main .p_desc1 { font-size: 24px;}

.quick_wrap { flex-direction: column; gap: 20px;}
.board_wrap { flex-direction: column; gap: 40px;}
}
@media all and (max-width:600px) {
.main { padding:30px; justify-content: flex-start; background:url("/repository/theme/base/images/main/bg_main1.jpg") no-repeat right top / cover;}
.main .p_desc1 { font-size: 18px; word-break: keep-all;}
.main .p_desc1 br { display:none;}
.main .p_desc2 { display:none;}

.board_wrap .list { gap:10px;}
.board_wrap .list > li > a { flex-direction: column-reverse; align-items: flex-start;}
.board_wrap .list > li > a > p { width: 100%;}
}