/* --------------------------------sec_07------------------------------ */
.sec_07 {padding-top: 90px;}
.sec_07 .inner {width: 92%; max-width: 1000px; margin: 0 auto;}
.sec_07 .banner_img {position: relative; width: 100%; height: 22.5rem; background: url(../images/sec_07_banner.png) no-repeat center center/cover; overflow: hidden;}
.sec_07 .banner_img .inner {position: relative; height: 100%;}
.sec_07 .banner_img .vedio_wrap {position: absolute; left: 50%; top: 0%; transform: translate(-50%,-50%);}
.sec_07 .banner_img .text {position: absolute; left: 0; top: 50%; font-size: 3.5rem; color: #fff; font-weight: 800;}
.sec_07 .banner_text {width: 100%; padding: 5rem 0; background-color: #FAFAFA;}
.sec_07 .banner_text p {font-size: 1.125rem; color: #00847E; font-weight: 600; line-height: 160%;}
.sec_07 .banner_text p .font_gs {font-weight: 500;}
.sec_07 .title {margin-bottom: 1.25rem; font-size: 1.25rem; font-weight: 900; color: #86ded3;}

.sec_07 .top {padding: 5rem 0 7.5rem 0;}
.sec_07 .bi {padding-bottom: 5rem;}
.sec_07 .bi .flex_box {display: flex; justify-content: space-between;}
.sec_07 .bi li {position: relative; width: 30%;}
.sec_07 .bi li::after {content: ""; position: absolute; top: 34%; right: -11%; width: 1rem; height: 1rem; background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.sec_07 .bi li:nth-child(1)::after {background-image:url(../images/sec_07_img_04.svg);}
.sec_07 .bi li:nth-child(2)::after {background-image:url(../images/sec_07_img_05.svg);}
.sec_07 .bi figure {width: 100%; height: 13.75rem; margin-bottom: 1rem; border: 1px solid #DDD; border-radius: 0.625rem;}
.sec_07 .bi li:nth-child(1) figure {background: url(../images/sec_07_img_01.svg) no-repeat left 45% center/5.625rem auto;}
.sec_07 .bi li:nth-child(2) figure {background: url(../images/sec_07_img_02.svg) no-repeat center/10rem auto;}
.sec_07 .bi li:nth-child(3) figure {background: url(../images/sec_07_img_03.svg) no-repeat left 45% center/10.125rem auto;}
.sec_07 .bi .text_box {text-align: center; font-size: 1.125rem; line-height: 160%;}

.sec_07 .color {padding-top: 5rem; border-top: 1px solid #F0F0F0;}
.sec_07 .color .flex_box {display: flex; justify-content: space-between;}
.sec_07 .color .flex_box >li {position: relative; width: 48%; border-radius: 0.625rem; overflow: hidden;}
.sec_07 .color .color_01 {background-color:#00C89D; border: 1px solid #00AC82}
.sec_07 .color .color_02 {background-color:#00827D; border: 1px solid #016460;}
.sec_07 .color .text_box {padding: 1.625rem 1.625rem 1.25rem; color: #ffffff;}
.sec_07 .color .text_box h3 {text-transform: uppercase; font-size: 1.125rem; font-weight: 800;}
.sec_07 .color .text_box h4 {margin-top: 0.75rem; font-size: 1.125rem;  text-transform: uppercase;}
.sec_07 .color .text_box p {margin-top: 2.125rem; opacity: 0.7; line-height: 140%; font-size: 1rem;}
.sec_07 .color_box {display: flex;}
.sec_07 .color_box li {width: 20%; height: 3.125rem;}
.sec_07 .color_01 li:nth-child(1) {background-color: #0ADBA7;}
.sec_07 .color_01 li:nth-child(2) {background-color: #27EABA;}
.sec_07 .color_01 li:nth-child(3) {background-color: #5EEDCA;}
.sec_07 .color_01 li:nth-child(4) {background-color: #83F0D5;}
.sec_07 .color_01 li:nth-child(5) {background-color: #A9F8E4;}
.sec_07 .color_02 li:nth-child(1) {background-color: #109C96;}
.sec_07 .color_02 li:nth-child(2) {background-color: #2FAAA5;}
.sec_07 .color_02 li:nth-child(3) {background-color: #54BFBB;}
.sec_07 .color_02 li:nth-child(4) {background-color: #7BDAD6;}
.sec_07 .color_02 li:nth-child(5) {background-color: #AEEFEC;}

.sec_07 .mid {padding: 7.5rem 0; background-color: #FAFAFA;}
.sec_07 .mid .flex_box {display: flex; justify-content: space-between;}
.sec_07 .mid li {width: 30%;}
.sec_07 .mid figure {width: 100%; height: 18.75rem; border: 1px solid #dddddd; border-radius: 0.625rem;}
.sec_07 .mid li:nth-child(1) figure {background: url(../images/sec_07_img_06.svg) no-repeat center/11.875rem auto #fff;}
.sec_07 .mid li:nth-child(2) figure {background: url(../images/sec_07_img_07.svg) no-repeat center/9.25rem auto #fff;}
.sec_07 .mid li:nth-child(3) figure {background: url(../images/sec_07_img_08.svg) no-repeat center/13.25rem auto #fff;}
.sec_07 .mid .text_box {margin-top: 1.625rem; text-align: center;}
.sec_07 .mid .text_box h3 {font-size: 1.375rem; font-weight: 900; color: #00847E;}
.sec_07 .mid .text_box h3 span { text-transform: uppercase; font-weight: 800;}
.sec_07 .mid .text_box h4 {font-size: 1.125rem; color: #666666;}
.sec_07 .mid .text_box h3::after,
.sec_07 .mid .text_box h4::after {content: ""; display: block; width: 1rem; height: 1rem; margin: 0.5rem auto; transform: translateY(0.45rem); animation: up 1s ease infinite;}
.sec_07 .mid .text_box h3::after { background: url(../images/sec_07_img_09.svg) no-repeat center/100% auto}
.sec_07 .mid .text_box h4::after {background: url(../images/sec_07_img_10.svg) no-repeat center/100% auto;}
.sec_07 .mid .text_box h5 {font-size: 1.125rem; color: #a8a8a8;}
.sec_07 .download_box {display: flex; justify-content: space-between; align-items: center; margin-top: 5rem; padding: 4.375rem 5rem; background-color: #fff; border-radius: 0.625rem; border: 1px solid #dddddd;}
.sec_07 .download_box .left {font-size: 2rem; font-weight: 900; color: #00CB99; line-height: 150%;}
.sec_07 .download_box .left span {color: #00847E;}
.sec_07 .download_box .right {font-size: 1.125rem; color: #555;}
.sec_07 .download_box .right p {line-height: 142%;}
.sec_07 .download_box .right h6 {margin-top: 1.25rem; font-size: 12px; color: #BDBDBD;}
.sec_07 .download_box .right a {font-size: 1rem; font-weight: 700; color: #aaa;}
.sec_07 .download_box .right a::after {content: ""; display: inline-block; width: 12px; height: 12px; margin: 0 0.75rem 0 0.375rem; background: url(../images/ico_download.svg) no-repeat center center/100% auto; vertical-align: -0.1rem;}

.sec_07 .bot {padding: 6.25rem 0;}
.sec_07 .bot p {font-size: 1rem; color: #888; line-height: 160%; text-align: center;}
.sec_07 .bot b {font-weight: 600;}
.sec_07 .bot b .font_gs {font-weight: 500;}
.sec_07 .bot a {display: block; width: 8.75rem; height: 2.75rem; margin: 1.25rem auto 0; line-height: 2.75rem; text-align: center; background-color: #888; color: #fff; font-weight: 600;}
@media screen and (max-width: 1400px){
    .sec_07  {padding-top: 84px;}
}
@media screen and (max-width: 1024px) {
    .sec_07  {padding-top: 64px;}
    .sec_07 .bi li:nth-child(1) figure {background: url(../images/sec_07_img_01.svg) no-repeat left 45% center/4.625rem auto;}
    .sec_07 .bi li:nth-child(2) figure {background: url(../images/sec_07_img_02.svg) no-repeat center/8rem auto;}
    .sec_07 .bi li:nth-child(3) figure {background: url(../images/sec_07_img_03.svg) no-repeat left 45% center/8.125rem auto;}

    .sec_07 .mid li {width: 32%;}
    .sec_07 .mid figure {height: 15rem;}
    .sec_07 .mid li:nth-child(1) figure {background: url(../images/sec_07_img_06.svg) no-repeat center/9.875rem auto #fff;}
    .sec_07 .mid li:nth-child(2) figure {background: url(../images/sec_07_img_07.svg) no-repeat center/7.25rem auto #fff;}
    .sec_07 .mid li:nth-child(3) figure {background: url(../images/sec_07_img_08.svg) no-repeat center/11.25rem auto #fff;}

    .sec_07 .mid .text_box h3 {font-size: 1.125rem;}
    .sec_07 .mid .text_box h4,
    .sec_07 .mid .text_box h5 {font-size: 1rem;}
}/* md */
@media screen and (max-width: 900px) {
    .sec_07 .download_box {justify-content: center; padding: 3rem 2rem;}
    .sec_07 .download_box .left {margin-right: 2rem; font-size: 1.5rem;}
    .sec_07 .download_box .right {font-size: 1rem;}
    .sec_07 .download_box .right h6 {margin-top: 0.5rem;}
}/* md2 */
@media screen and (max-width:767px) {
    .sec_07 {padding-top: 54px;}
    .sec_07 .title {text-align: center;}
    .sec_07 .banner_img .inner {text-align: center;}
    .sec_07 .banner_img .text {left: 50%; transform: translate(-50%,-50%);}

    .sec_07 .banner_text p {text-align: center;}
    .sec_07 .bi .flex_box {flex-wrap: wrap; max-width: 300px; margin: 0 auto;}
    .sec_07 .bi li {width: 100%;}
    .sec_07 .bi li:not(:last-child) {margin-bottom: 5rem;}
    .sec_07 .bi li::after {left: 50%; right: auto; top: auto; bottom: -2.5rem; transform: translateX(-50%);}

    .sec_07 .color .flex_box {flex-wrap: wrap; max-width: 300px; margin: 0 auto;}
    .sec_07 .color .flex_box >li {width: 100%;}
    .sec_07 .color .flex_box >li:not(:last-child) {margin-bottom: 2rem;}

    .sec_07 .mid .flex_box {flex-wrap: wrap; max-width: 300px; margin: 0 auto;}
    .sec_07 .mid li {width: 100%;}
    .sec_07 .mid li:not(:last-child) {margin-bottom: 3rem;}
    .sec_07 .mid .text_box h3 {font-size: 1.25rem;}
    .sec_07 .mid .text_box h4,
    .sec_07 .mid .text_box h5 {font-size: 1.125rem;}
    .sec_07 .download_box {flex-wrap: wrap; max-width: 300px; margin: 4rem auto 0; padding: 2rem;}
    .sec_07 .download_box .left {width: 100%; margin-right: 0; text-align: center;}
    .sec_07 .download_box .right {width: 100%; margin-top: 1rem;}
    .sec_07 .download_box .right h6 {margin-top: 1rem;}
    .sec_07 .download_box .right a {display: block; margin-bottom: 0.25rem;}
}/* sm */
/* --------------------------------sec_07 end------------------------------ */