/*Content CSS*/
#about{overflow: hidden;}
section > article{padding: 95px 0 110px;}
section > article:nth-child(even){background-color: #f7f7f7;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_65{font-size: 65px; font-weight: 700; font-family:'Play'; }
.fs_40{font-size: 40px; line-height: 45px; font-family: 'Play'; color: #fff;}
.fs_40 b{font-size: 45px;}
.fs_37{font-size: 37px; font-weight: 700; font-family: 'Play';}
.fs_30{font-size: 30px; font-weight: 700; font-family: 'Play';}

.fs_25{font-size: 25px; line-height: 38px;}
.fs_18{font-size: 18px; font-weight: 300; line-height: 30px; color: #444;}


.img{width: 100%; height: 650px; position: relative; background: url('../img/about1_img1.jpg') 50% / cover no-repeat; margin-top: 50px;}
.gree{position: absolute; bottom: 57px; left: 0; background-color: rgba(29, 204, 170, .92); padding: 40px 50px; min-width: 546px; }
.gree::before{content: ''; display: block; width: 60px; height: 100%; position: absolute; top: 0; left: -60px;  background-color: #1dccaa;}
.bar::before{content: ''; display: block; width: 50px; height: 4px; background-color: #1dccaa; margin-bottom: 9px;}
.dot{position: relative; padding-left: 23px; text-align: left;}
.dot::before{content: ''; display: block; width: 10px; height: 10px; background-color: #1dccaa; position: absolute; top: 18px; left: 0; }
p.dot::before{top: 10px;}
.tit p{margin-top: 20px;}

.text{padding-top: 60px; margin-top: 60px; border-top: solid 1px #ddd; position: relative;}
.text::before{content: ''; display: block; width: calc(10% - 30px); height: 3px; background-color: #000; position: absolute; top: -2px; left: 0; min-width: 60px;}

.logo{border: solid 1px #ddd; margin-top: 42px; background-color: #fff;}
.logo img{width: 100%;}

.num_list {margin-top: 60px;}
.num_list li{position: relative; background-color: #fff; border: solid 1px #ddd; border-top: solid 3px #000; padding: 42px 50px 50px;}
.num_list li + li{margin-top: 23px;}
.num_list li h5{font-weight: 700;}
.num_list li h5::after{content: ''; display: block; width: 50px; height: 1px; margin: 32px 0 29px; background-color: #000;}
.num_list li p{letter-spacing: -.09px; line-height: 33px;}
.num_list li .num{font-size: 100px; font-weight: 700; line-height: .7;font-family:'Play'; color: rgba(0, 0, 0, 0.05); letter-spacing: -6px; position: absolute; top: 39px; right: 46px;}

.num_list + p{margin-top: 25px; letter-spacing: -.09px; line-height: 33px;}

@media screen and (min-width:1025px) {
    .sub_inner .vm_btn:hover{background-color: #1dccaa; border-color: #1dccaa; color: #fff;}
    .sub_inner .vm_btn:hover i{background-image: url('../img/vm_arrow_h.png');}
}
@media screen and (max-width: 1400px) {
    #about br:not(.space){display: none;}
    .img{height: 500px; margin-top: 40px;}
    .gree{min-width: 0;}
    .gree::before{width: 30px; left: -30px;}
    .text{margin-top: 50px;}
    .text p.fs_25{padding-bottom: 50px; margin-bottom: 50px; }

}
@media screen and (max-width: 1280px) {
    .fs_65{font-size: 55px;}
    .fs_40{font-size: 35px; line-height: 1.3;}
    .fs_40 b{font-size: 40px;}
    .fs_37{font-size: 30px;}
    .fs_30{font-size: 26px;}
    .fs_25{font-size: 21px; line-height: 1.5;}
    .fs_18{font-size: 17px; line-height: 1.7}
    .num_list li p, .num_list + p{line-height: 1.7}

    .bar::before{width: 40px; margin-bottom: 5px;}
    .dot::before{top: 13px;}
    p.dot::before{top: 9px;}

    .img{height: 450px;}
    .gree{padding: 30px 40px;}
    .gree::before{width: 25px; left: -25px;}
    .text{margin-top: 40px; padding-top: 40px;}

    .num_list {margin-top: 40px;}
    .num_list li{padding: 35px;}
    .num_list li + li{margin-top: 15px;}
    .num_list li h5::after{margin: 20px 0;}
    .num_list li .num{font-size: 70px; right: 35px; top: 35px;}

}
@media screen and (max-width: 1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{text-align: center; padding: 0 30px;}
    .bar::before{margin: 0 auto 5px;}
    .dot{padding-left: 18px;}
    .dot::before{width: 9px; height: 9px; top: 11px;}

    .fs_65{font-size: 45px;}
    .fs_40{font-size: 30px; line-height: 1.2;}
    .fs_40 b{font-size: 35px;}
    .fs_37{font-size: 26px;}
    .fs_30{font-size: 22px;}
    .fs_25{font-size: 20px;}
    .fs_18{font-size: 16px;}


    .img{height: 400px; margin-top: 30px;}
    .gree{padding: 20px 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 65%; height: fit-content;}
    .gree::before{display: none;}
    #about .gree br.space{display: none;}
    .text::before{left: 50%; transform: translateX(-50%);}
    .tit p{margin-top: 15px;}

    .logo{margin-top: 30px;}

    .num_list {margin-top: 30px;}
    .num_list li{padding: 25px;}
    .num_list li h5::after{margin: 15px auto;}
    .num_list li .num{font-size: 50px; right: 25px; top: 25px;}
    .num_list + p{margin-top: 15px;}


}
@media screen and (max-width: 640px) {
    .sub_inner{text-align: center; padding: 0 20px;}
    .fs_65{font-size: 35px;}
    .fs_40{font-size: 26px;}
    .fs_40 b{font-size: 32px;}
    .fs_37{font-size: 23px;}
    .fs_30{font-size: 19px;}
    .fs_25{font-size: 18px;}
    .fs_18{font-size: 15px;}

    .img{height: 300px; margin-top: 30px; background-position: 20%}
    .gree{padding: 20px 15px;width: 80%;}

    .num_list li{padding: 20px 15px;}
    .num_list li + li{margin-top: 10px;}
    .num_list li h5::after{margin: 10px auto;}
    .num_list li .num{display: none;}


    .dot::before{top: 10px;}
    p.dot::before{top: 7px;}

}