.visual{background: url('../images/v_03.jpg') no-repeat; background-position: center;}


.ability_infor{width: 1400px; margin: 0 auto 200px;}

.ability_infor .ability_tab{display: flex; margin-bottom: 60px;}
.ability_infor .ability_tab>div{width: 700px; box-sizing: border-box; border: 1px solid #e5e5e5; height: 64px; cursor: pointer;}
.ability_infor .ability_tab>div p{font-size: 20px; font-weight: 500; color: #999; text-align: center; line-height: 64px;}
.ability_infor .ability_tab>div.active{border: 3px solid #0071d7;}
.ability_infor .ability_tab>div.active p{font-weight: bold; color: #0071d7;}

.ability_infor .ability_cont .unit p{font-size: 14px; color: #999; font-weight: 500; letter-spacing: -1px; text-align: right;}
.ability_infor .ability_cont table{margin-top: 20px;table-layout:fixed}
.ability_infor .ability_cont table tr{height: 60px;}
.ability_infor .ability_cont table tr td{font-size: 18px; font-weight: 500; color: #444;}
.ability_infor .ability_cont table tr td.right{padding-right: 35px;}
.ability_infor .ability_cont table tr:last-child td{border-bottom: 1px solid #222;}


.ability_infor .specialty_cont{display: none;}



.performance_infor{width: 1400px; margin: 0 auto;}
.performance_infor .search_box{display: flex; justify-content: center; align-items: center; padding-bottom: 12px; border-bottom: 3px solid #222; width: 520px; margin: 0 auto;}
.performance_infor .search_box select{width: 90px; height: 25px; font-size: 18px; color: #444; font-weight: 500;}
.performance_infor .search_box>div:first-child{margin-right: 27px;}
.performance_infor .search_box option{}
.performance_infor .search_box input{width: 270px; height: 25px; margin-left: 18px; font-size: 18px; box-sizing: border-box; padding: 0 10px;}
.performance_infor .search_box input::placeholder{color: #999; font-size: 18px; opacity: 1;}
.performance_infor .search_box input::-webkit-input-placeholder {color: #999; font-size: 18px; opacity: 1;}
.performance_infor .search_box input:-ms-input-placeholder {color: #999; font-size: 18px; opacity: 1;}
.performance_infor .search_box input:-mos-input-placeholder {color: #999; font-size: 18px; opacity: 1;}
.performance_infor .search_box button{width: 18px; height: 17px;}

.performance_infor .list{width: 1400px; margin: 0 auto 190px;}
/* [S] 2022-03-07 [mprd]  */
.performance_infor .list_cont{display: flex; flex-wrap: wrap;}
.performance_infor .list_cont>div{width: 440px; margin-top: 80px; cursor: pointer; margin-right: 40px;}
.performance_infor .list_cont>div:nth-child(3n){margin-right: 0;}
/* [E] 2022-03-07 [mprd]  */
.performance_infor .list_cont .thumbnail_img{width: 440px; height: 265px; overflow: hidden;}
.performance_infor .list_cont .list_txt{margin-top: 30px;}
.performance_infor .list_cont .list_txt .select_division{display: flex;}
.performance_infor .list_cont .list_txt .select_division p{display: block; padding: 0 8px; border: 1px solid #444; height: 23px; box-sizing: border-box; line-height: 22px; font-size: 14px; font-weight: 500;}
.performance_infor .list_cont .list_txt .select_division .corporation{color: #fff; background: #444;}
.performance_infor .list_cont .list_txt .select_division .area{color: #444; background: #fff;}
.performance_infor .list_cont .list_txt .list_tit{margin: 18px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 63px;}
.performance_infor .list_cont .list_txt .list_tit h1{font-size: 22px; font-weight: bold; letter-spacing: -1px; line-height: 30px;}
.performance_infor .list_cont_box:hover .list_txt .list_tit h1{text-decoration: underline; text-underline-position: under;}
.performance_infor .list_cont .list_txt .list_day p{font-size: 16px; font-weight: 500; color: #999;}

.performance_infor .paging_num{display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.performance_infor .paging_num>div{display: flex; align-items: center; margin: 0 10px;}
.performance_infor .paging_num>div.btn a{width: 10px; height: 10px; margin: 0 5px; display: flex;}
.performance_infor .paging_num>div.number a{color: #999; font-size: 16px; margin: 0 15px;}
.performance_infor .paging_num>div.number a.active{color: #0071d7;}

.performance_popup{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 9999; display: none;}
.performance_popup .slide_popup{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; display: flex; align-items: flex-start;  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */}
.performance_popup .slide_popup::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/}

/* [S] 2022-03-16 [mprd]  */
.performance_popup .slide_popup .slide{background: #fff; width: 990px; margin: 40px 0; padding: 40px 20px 60px;}
/* [E] 2022-03-16 [mprd]  */

.performance_popup .slide_popup .clo_btn{width: 70px; height: 70px; margin: 40px 0; cursor: pointer;}

/* [S] 2022-03-16 [mprd]  */
.performance_popup .slide_popup .pop_tit{margin: 30px auto 35px;}
/* [E] 2022-03-16 [mprd]  */

.performance_popup .slide_popup .pop_tit .sub_tit{display: flex; align-items: center; justify-content: center; position: relative;}
.performance_popup .slide_popup .pop_tit .sub_tit p{font-size: 18px; font-weight: bold; color: #0071d7;}
.performance_popup .slide_popup .pop_tit .sub_tit i {position: relative; font-size: 0px; margin: 0 15px;}
.performance_popup .slide_popup .pop_tit .sub_tit i::after{
  position: absolute; right: 0; top: 50%; content: ''; display: block; width: 1px; height: 16px; background-color: #dadada; border: none;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.performance_popup .slide_popup .pop_tit .tit{text-align: center;}
.performance_popup .slide_popup .pop_tit .tit h1{font-size: 45px; font-weight: bold;}
.performance_popup .slide_popup .b_slider{width: 930px; height: 505px; margin: 0 auto;}
.performance_popup .slide_popup .b_slider .swiper-wrapper{width: 930px; height: 485px;}
.performance_popup .slide_popup .b_slider .swiper-slide{width: auto; height: 505px; overflow: hidden;display:flex;align-items:center}
.performance_popup .slide_popup .b_slider .swiper-slide img{max-width: 780px; max-height: 100%; margin: 0 auto; overflow: hidden;height:auto;width:auto;}
.performance_popup .slide_popup .s_slider{width: 780px; margin: 0 auto;}
.performance_popup .slide_popup .s_slider .swiper-slide{width: 148px; height: 87px; overflow: hidden; box-sizing: border-box;}

.performance_popup .slide_popup .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.mySwiper .swiper-slide{opacity: 1;}
.mySwiper .swiper-slide-thumb-active {border: 5px solid #0071d7;}

.performance_popup .slide_popup .b_slider .swiper-button-next,
.performance_popup .slide_popup .b_slider .swiper-button-prev {
  width: 21px;
  height: 36px;
}
.performance_popup .slide_popup .b_slider .swiper-button-next{background: url("../images/next_arrow_btn.png") no-repeat; right: 0;}
.performance_popup .slide_popup .b_slider .swiper-button-prev{background: url("../images/prev_arrow_btn.png") no-repeat; left: 0;}
.performance_popup .slide_popup .b_slider .swiper-button-next::after,
.performance_popup .slide_popup .b_slider .swiper-button-prev::after {
  display: none;
}