@charset "UTF-8";

.flex{display: flex; flex-wrap: wrap;}
.space{justify-content: space-between;}
.center{align-items: center;}

.main-view-list{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.main-view-list .honor_photo_zone{width: 60%; display: flex; flex-wrap: wrap; margin-top: -20px;}
.main-view-list .honor_photo_zone li{width: calc(100%/3 - (40px/3)); margin-right: 20px; margin-top: 20px;}
.main-view-list .honor_photo_zone li:nth-child(3n){margin-right: 0;}
.main-view-list .honor_photo_zone li a{display: block; width: 100%; height: 100%; position: relative;}
.main-view-list .honor_photo_zone .honor_image{position: relative; width: 100%; padding-bottom: 100%;}
.main-view-list .honor_photo_zone .honor_image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.main-view-list .honor_photo_zone li .text_wrap{display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: url(../images/honor_list_text_wrap.png) no-repeat left center / cover; padding: 6px 10px;}
.main-view-list .honor_photo_zone li .text_wrap p{text-align: center; color: white; font-size: 16px; font-family: pm;}
.main-view-list .honor_photo_zone li a:hover::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #383c44;}
.main-view-list .honor_photo_zone li a:hover .text_wrap{display: block;}
.main-view-list .honor_list{width: calc(100% - 60% - 20px); background-color: #383c44; padding: 20px 30px;}
.main-view-list .honor_list h1{font-size: 20px; line-height: 1.5; color: white; font-family: pb; margin-bottom: 30px;}
.main-view-list .honor_list li{margin-bottom: 10px;}
.main-view-list .honor_list li:last-child{margin-bottom: 0;}
.main-view-list .honor_list li a{color: white; font-family: pm; font-size: 16px;}
.main-view-list .honor_list li span{background-image: linear-gradient(#ffffff, #ffffff);background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 0 1px;transition: background-size .35s;}
.main-view-list .honor_list li a:hover span{background-size: 100% 1px;}

.honorView_top{display: flex; flex-wrap: wrap; justify-content: space-between;}
.honorView_top .titlePhoto{width: 200px; padding-bottom: 300px; position: relative; height: 0;}
.honorView_top .titlePhoto img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.honorView_top .honor_view_title{width: calc(100% - 250px)}

.tabNavigation{margin-bottom: 40px; position: relative; margin-top: 40px;}
.tabNavigation ul{display: flex; overflow: auto; white-space:nowrap;}
.tabNavigation li a{font-size: 19px; color: #1d1d1d; font-family: pb; display: block; border: 1px solid #dfdfdf; border-right: 0; position: relative; padding: 13px 21.5px; border-bottom: 0;}
.tabNavigation li:last-child a{border-right: 1px solid #dfdfdf;}
.tabNavigation li a::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #dfdfdf;}
.tabNavigation li.on a {color: #246beb;}
.tabNavigation li.on a::after {background-color: #246beb;}

.tabContent{margin-top: 20px;}

.no-data{font-size: 16px; color: #555555; font-family: pm;}