main #sub_section {padding-top: 65px;}
main #sub_section .title_wrap {margin-bottom: 80px;}
main #sub_section .title_wrap h2 {color: #fff;}
main #sub_section .title_wrap p {color: #fff;}

/* about */

main #sub_section.sub_section1 .inner .tab_title {display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 15px;}
main #sub_section.sub_section1 .inner .tab_title li {color: #000; display: flex; align-items: center; justify-content: center; background: #fff; padding: 15px 0; font-size: 18px; cursor: pointer; border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; font-weight: 600;}
main #sub_section.sub_section1 .title_wrap {background: url(../img/sub_con1.png) no-repeat center/cover;  position: relative; padding: 130px 0;}
main #sub_section.sub_section1 .title_wrap::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
main #sub_section.sub_section2 .title_wrap {background: url(../img/sub_con2.png) no-repeat center/cover;  position: relative; padding: 130px 0;}
main #sub_section.sub_section2 .title_wrap::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
main #sub_section.sub_section3 .title_wrap {background: url(../img/sub_con3.png) no-repeat center/cover;  position: relative; padding: 130px 0;}
main #sub_section.sub_section3 .title_wrap::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}


main #sub_section.sub_section1 .inner .tab_title li.on {background: #c9ffb4; color: #000; font-weight: 700;}
main #sub_section.sub_section1 .inner .tab_content {}
main #sub_section.sub_section1 .inner .tab_content li {padding: 30px 0; display: none;}
main #sub_section.sub_section1 .inner .tab_content li.on {display: block;}
main #sub_section.sub_section1 .inner .tab_content li pre {}

main #sub_section.address {background: #f1f1f1;}
main #sub_section.address .inner {}
main #sub_section.address .inner figure {}
main #sub_section.address .inner figure figcaption {}
main #sub_section.address .inner figure figcaption .title_wrap {display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 50px;}
main #sub_section.address .inner figure figcaption .title_wrap strong {color: #e2b48b; font-weight: 700; font-size: 40px; margin-bottom: 20px;}
main #sub_section.address .inner figure figcaption .title_wrap p {color: #000;}
main #sub_section.address .inner figure iframe {}


/* partner */
main #sub_section.sub_section2 {}
main #sub_section.sub_section2 .inner {}
main #sub_section.sub_section2 .inner .swiper {}
main #sub_section.sub_section2 .inner .swiper .swiper-wrapper {}
main #sub_section.sub_section2 .inner .swiper .swiper-wrapper .swiper-slide {}
main #sub_section.sub_section2 .inner .swiper .swiper-wrapper .swiper-slide img {width: 300px;}

main #sub_section.sub_section3 {}
main #sub_section.sub_section3 .inner {}
main #sub_section.sub_section3 .inner ul {display: flex; flex-direction: column; gap: 30px;}
main #sub_section.sub_section3 .inner ul li {border: 1px solid #ddd; padding: 20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 10px; cursor: pointer;}
main #sub_section.sub_section3 .inner ul li .sub_title_wrap {display: flex; align-items: center; justify-content: space-between;}
main #sub_section.sub_section3 .inner ul li .sub_title_wrap h3 {font-size: 25px; font-weight: 600;}
main #sub_section.sub_section3 .inner ul li h4 { font-size: 17px; font-weight: 500; line-height: 35px; display: none; margin-top: 30px;}
main #sub_section.sub_section3 .inner ul li .sub_title_wrap h3 b {color: #e2b48b;}
main #sub_section.sub_section3 .inner ul li .sub_title_wrap img {width: 40px;}