.main_visual {height: 500px;background-image: url('/images/public/main/main_visual.png');background-size: cover;background-position: center center;border-radius: 25px;margin-bottom: 50px;}
.main_banner {overflow: hidden;margin: 0 -15px 80px -15px;}
.main_banner .item {padding: 0 15px;float: left;width: 20%;}
.main_banner .item a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display: flex;align-items: center;justify-content: center;border-radius: 25px;background-color: #f5f7fa;text-align: center;height: 175px;}
.main_banner .item a span {font-size: 18px;color: #111;font-weight: 700;display: flex;text-align: center;padding-top: 95px;background-repeat: no-repeat;background-position: center 0;width: 100%;text-align: center;justify-content: center;}
.main_banner .item.item1 a span {background-image: url('/images/public/main/m_bar1.png');}
.main_banner .item.item2 a span {background-image: url('/images/public/main/m_bar2.png');}
.main_banner .item.item3 a span {background-image: url('/images/public/main/m_bar3.png');}
.main_banner .item.item4 a span {background-image: url('/images/public/main/m_bar4.png');}
.main_banner .item.item5 a span {background-image: url('/images/public/main/m_bar5.png');}
.main_banner .item a:hover {background-color: #ffcb05;}
.main_tit {font-size: 36px;color: #111;font-weight: 700;margin-bottom: 25px;display: flex;align-items: center;}
.main_tit.between {justify-content: space-between;}
.mv_count {display: flex;align-items: center;justify-content: center;}
.mv_count .cnt {font-size: 16px;color: #8e9092;font-weight: 500;margin-right: 20px;}
.mv_count .cnt span {font-weight: 700;color: #111;}
.mv_count a img {display: block;}
.mv_count a.play {margin: 0 17px;}
.mv_count a.play span {display: none;}
.mv_count a.play:before {content: '';display: block;width: 13px;height: 17px;background-image: url('/images/public/main/ico_play.png');background-position: 0 0;}
.mv_count a.play.on:before {background-position: -13px 0;}
.mv_count .prev {transform: rotate(180deg);}
.mv_count.noplay .prev {margin-right: 30px;}
.noti_wrap {overflow: hidden;margin: 0 -40px;}
.noti_wrap:before {content: '';display: table;}
.noti_wrap:after {content: '';display: table;clear: boh;}
.noti_wrap .cell {float: left;padding: 0 40px;}
.noti_wrap .cell.cell1 {width: 41.217%;}
.noti_wrap .cell.cell2 {width: 58.783%;}
.news_slide .tit_wrap {margin-top: 25px;}
.news_slide .tit_wrap .tit {font-size: 20px;color: #111;font-weight: 700;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_slide .tit_wrap .txt {font-size: 17px;color: #333;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_slide .link {display: block;}
.news_slide .link .img {overflow: hidden;border-radius: 35px;}
.news_slide .link .img img {border-radius: 35px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.news_slide .link:hover .img img {transform: scale(1.1);border-radius: 15px;}
.recent_wrap {background-color: #f5f7fa;padding: 80px 0;margin-top: 90px;}
.open_box_wrap {padding: 10px 0;}
.open_box {height: 276px;background-image: url('/images/public/main/open_bg.png');background-size: cover;padding: 45px;position: relative;border-radius: 25px;}
/* .open_box:before {width: 299px;height: 337px;background-image: url('/images/public/main/img_man.png');content: '';display: block;position: absolute;bottom: 0;right: 5px;border-radius: 0 0 22px 0;background-repeat: no-repeat;} */
.open_box:before {width: 299px;height: 337px;content: '';display: block;position: absolute;bottom: 0;right: 5px;border-radius: 0 0 22px 0;background-repeat: no-repeat;}
.open_box .tit {font-size: 20px;color: #111;font-weight: 700;margin-bottom: 24px;}
.open_box .link a {box-shadow: 0 1px 5px rgb(0 0 0 / 10%);width: 165px;height: 44px;border-radius: 25px;background: #fce8a7;border: 1px solid #ebb80c;font-size: 18px;color: #333;font-weight: 500;display: flex;align-items: center;justify-content: center;}
.open_box .link a.mar {margin-bottom: 8px;}
.recent_slide .link {display: block;border: 1px solid #ddd;border-radius: 15px;background-color: #fff;height: 276px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;padding: 45px;}
.recent_slide .tit {font-size: 20px;color: #111;font-weight: 700;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3;}
.recent_slide .txt {font-size: 17px;color: #333;font-weight: 400;margin-bottom: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.3;}
.recent_slide .item {padding: 10px;}
.recent_slide .date {font-size: 17px;color: #818284;font-weight: 300;}
.recent_slide .link:hover {box-shadow: 0 1px 5px rgb(0 0 0 / 20%);}

@media (max-width: 1459px) {
    .noti_wrap {margin: 0 -20px;}
    .noti_wrap .cell {padding: 0 20px;}
    .open_box:before {bottom: 0;right: 0;background-size: 200px 225px;width: 200px;height: 225px;}
}

@media (max-width: 1219px) {
    .main_banner {margin-left: -10px;margin-right: -10px;}
    .main_banner .item {padding: 0 10px;}
    .main_tit {font-size: 28px;}
    .main_visual {height: 340px;}
    .noti_wrap {margin: 0 -10px;}
	.noti_wrap .cell {padding: 0 10px;}
    .main_tit {margin-bottom: 15px;font-size: 25px;}
    .open_box {padding: 35px 25px;}
    .recent_slide .link {padding: 35px 25px;}
    .open_box:before {bottom: 0;right: 0;width: 116px;height: 128px;background-size: 116px auto;}
}

@media (max-width: 991px) {
    .main_banner .item a span {background-size: 40px auto;padding-top: 45px;}
    .main_banner .item a {height: 120px;}
    .main_visual {margin-bottom: 25px;}
    .main_banner {margin-bottom: 40px;}
    .noti_wrap .cell.cell1,
    .noti_wrap .cell.cell2 {width: 100%;}
    .noti_wrap .cell.cell2 {margin-top: 30px;}
    .open_box .tit br {display: none;}
    .open_box {height: 210px;}
    .tsub_menu {padding-left: 10px;}
    .tsub_smenu > li > a {font-size: 15px;}
}

@media (max-width: 767px) {
    .main_visual {height: 250px;}
    .main_banner .item a span {font-size: 16px;}
    .main_banner .item a {height: 100px;}
    .recent_slide .link {height: 255px;}
    .recent_wrap {padding: 40px 0;margin-top: 45px;}
}

@media (max-width: 575px) {
    .main_banner .item {width: 33.333333333%;}
    .main_banner {margin-left: -5px;margin-right: -5px;}
    .main_banner .item {padding: 0 5px;margin-bottom: 10px;}
    .main_tit {font-size: 25px;}
    .news_slide .tit_wrap .tit {font-size: 18px;}
    .news_slide .tit_wrap .txt {font-size: 16px;}
    .main_tit {margin-bottom: 10px;}
    .open_box .link a {width: 140px;height: 40px;font-size: 16px;}
    .open_box .tit {font-size: 18px;}
    .main_visual {height: 200px;}
}