/* gen */

.sub_title {text-align: center;border-bottom: 1px solid #e5e5e5;position: relative;max-width: 1240px;margin: 0 auto 70px;}
.sub_title:after{ content:'';	position:absolute; width:140px; height:2px; bottom:-1px; left:calc(50% - 70px); background-color:#d4d4d4; }
.sub_title h1{ font-size:30px; font-weight:600; color:#4f4c4c; margin-bottom:20px;}
.sub_title h3 {font-size: 16px;font-weight: 500;color: #979797;margin-bottom: 10px;letter-spacing: 5px;font-family: 'SCD';text-align: center;}

/* tab */

.sub_tab_wrap {display: flex;justify-content: center;margin-bottom: 70px;}
.sub_tab{width:calc(33.33333333333333% + 1px); margin:-1px 0 0 -1px; border:1px solid #ccc; background-color:#f3f3f3; font-size:17px; font-weight:300; color:#666; padding:10px 20px; text-align:center; cursor:pointer; word-break:keep-all; display:flex; align-items:center; justify-content:center;}
.sub_tab.on{background-color:#393939; border-color:#393939; color:#fff;}
.sub_tabcon{ display:none; overflow:hidden; }
.sub_tabcon.on{ display:block; }

@media (max-width:830px) {
    /*.sub_tab{width: calc(50% + 1px);}*/
}


/* sub01 */

#sub01{overflow: hidden;}

.sub01_pt_wrap ul{margin-top:60px;}
.sub01_pt_wrap li{width: 100%;display: flex;padding: 30px 15px;border-bottom: 1px dashed #b8b8b8;}
.sub01_pt_wrap li:first-child{border-top:2px solid #009dd2;}
.sub01_pt_wrap .txt_box {padding-left:50px;}
.sub01_pt_wrap .txt_box h3{font-size:22px; color:#333; font-weight:600;margin-bottom:10px;}
.sub01_pt_wrap .txt_box p{font-size:17px; color:#777; font-weight:400;word-break: keep-all;}
.sub01_pt_wrap .txt_box .txt_link{display: inline-flex;width: 100%;max-width: 300px;height: 48px;margin: 18px 0 10px;background: #009dd2;border-radius: 2px;color: #fff;font-size: 16px;font-weight: 500;border: none;transition: 0.3s;align-items: center;justify-content: center;}
.sub01_pt_wrap .txt_box .txt_link:hover{background:#0653a5;}
.sub01_pt_wrap span.icon {display: block;width: 100%;max-width: 50px;height:50px;}
.sub01_pt_wrap span.icon img {width: 50px;height: 50px;}

.sub01_img_wrap {position: relative; overflow: hidden; max-height:600px;}
.sub01_img_wrap img {width: auto;height: 100%;margin: 0 auto;}

.swiper-slide.sub01_sli{background-size: cover;background-repeat: no-repeat;display: flex;align-items: center;background-position: center;}
.swiper-slide.sub01_sli.sli_01{background-image: url("../../img/sub/fes/01-01.jpg");}
.swiper-slide.sub01_sli.sli_02{background-image: url("../../img/sub/fes/01-02.jpg");}
.swiper-slide.sub01_sli.sli_03{background-image: url("../../img/sub/fes/01-03.jpg");}
.swiper-slide.sub01_sli.sli_04{background-image: url("../../img/sub/fes/01-04.jpg");}

.swiper-slide.sub01_sli_01.sli_01{background-image: url("../../img/sub/fes/02-01.jpg");}
.swiper-slide.sub01_sli_01.sli_02{background-image: url("../../img/sub/fes/02-02.jpg");}
.swiper-slide.sub01_sli_01.sli_03{background-image: url("../../img/sub/fes/02-03.jpg");}
.swiper-slide.sub01_sli_01.sli_04{background-image: url("../../img/sub/fes/02-04.jpg");}

.swiper-slide.sub01_sli_02.sli_01{background-image: url("../../img/sub/fes/03-01.jpg");}


.sub01_sli_wrap .swiper-pagination {bottom:40px;}
.sub01_sli_wrap .swiper-slide{ border:1px solid #ddd; padding-bottom: 49.52381%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.sub01_sli_wrap .swiper-pagination-bullet{width: 12px;height: 12px;}

.sub01_nav{position: absolute;font-size: 60px;z-index: 999;color: #fff;opacity: 0.75;cursor: pointer;}
.sub01_nav:hover{color:#009dd2; opacity:1;}
#sub01_prev {top:50%;left:15px;transform: translate(-15px,-50%);}  #sub01_next {top:50%;right:15px;transform: translate(15px,-50%);}  #sub01_prev_01 {top:50%;left:15px;transform: translate(-15px,-50%);}  #sub01_next_01 {top:50%;right:15px;transform: translate(15px,-50%);}  #sub01_prev_02 {top:50%;left:15px;transform: translate(-15px,-50%);}  #sub01_next_02 {top:50%;right:15px;transform: translate(15px,-50%);}

#sub01_sli_02 .swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}
#sub01_sli_02 .sub01_nav.disabled{display: none;}
#sub01_sli_02 .swiper-pagination.disabled{display: none;}


@media (max-width:970px) {
    .sub01_sli_wrap .swiper-pagination {bottom: 20px;}
    .sub01_pt_wrap .txt_box {padding-left:40px;}
}
@media (max-width:450px) {
    .sub01_pt_wrap .txt_box {padding-left:20px;}
    .sub01_pt_wrap .txt_box h3{font-size:18px;}
    .sub01_pt_wrap .txt_box p{font-size:15px;}
    .sub_tab{font-size:15px;}
}