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

.ff_sd{font-family: 'SCoreDream'; }
.fs_45{font-size: 45px; font-weight: 700; letter-spacing: -1.13px; }
.fs_20{font-size: 20px; font-weight: 400; letter-spacing: -.5px; color: #333; }
.fs_18{font-size: 18px; font-weight: 300; letter-spacing: -.45px; color: #555; line-height: 1.7;}
h5.fs_18{font-weight: 700; color: #000;}

.fs_28{font-size: 28px; font-weight: 700; letter-spacing: -.7px;}
.fs_22{font-size: 22px; font-weight: 700;}
.fs_17{font-size: 17px; font-weight: 300; color: #333;}
.fs_15{font-size: 15px; font-weight: 600; color: #022561; }
.fs_16{font-size: 16px; font-weight: 600; letter-spacing: -.4px; color: #2b2e85;}

.bar{margin-bottom: 14px;}
.bar::before{content: ''; display: block; width: 20px; height: 2px; background-color: #000; margin: 0 auto 9px;}


.tit{display: flex; padding-bottom: 45px; margin-bottom: 80px; border-bottom: solid 1px #ddd; align-items: baseline;}
.tit p{margin-left: 20px;}
.img{text-align: center;}

.sec2 h3{border-bottom: solid 1px #ddd; margin-bottom:50px; padding-bottom: 55px;}
.cont{margin-bottom: 100px;}
.cont h4::before{content: ''; display: inline-block; width: 14px; height: 20px; background: url('../img/b_arrow.png') 50% / cover no-repeat; margin-right: 7px;}
.img_list{display: flex; margin-top: 40px;}
.img_list li{width: calc(33.3% - 23px); margin-right: 35px; border: solid 1px #ddd;}
.img_list li:last-child{margin-right: 0;}
.img_list li .text{text-align: center; background-color: #fff; padding: 27px 0 32px;}
.img_list li .img{overflow: hidden;}
.img_list li .img img{transition: .3s;}
.img_list li:hover .img img{transform: scale(1.1);}

.step_list{display: flex; justify-content: space-around;  padding: 50px 80px 0; margin-top: 50px; border-top: solid 1px #ddd;}
.step_list li {position: relative;}
.step_list li i::before{content: ''; display: block; width: 21px; height: 21px; border-radius: 50%; background-color: #999; opacity: .3; position: absolute; left: 50%; transform: translateX(-50%); top: -61px; transition: .3s;}
.step_list li i::after{content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #999; opacity: 1; position: absolute; left: 50%; transform: translateX(-50%); top: -54.5px; transition: .3s;}
.step_list li.active i::before, .step_list li.active i::after{background-color: #022561;}

.step_list li .text{text-align: center; margin-top: 37px;}
.step_list li .text h5{margin: 6px 0 23px;}
.step_list li .text p{line-height: 26px;}
.step_list li i{margin: 0 auto; text-align: center; display: block; line-height: 66px; min-height: 66px;}
.step_list li i img{transition: .5s;}
.step_list li:hover i img{transform: rotateY(180deg);}

.sec2 .img2{border: solid 1px #ddd; margin-top: 40px; }
.dot_list{margin-top: 25px;}
.dot_list li{display: flex; align-items: center; margin-bottom: 5px; position: relative; padding-left: 10px;}
.dot_list li:last-child{margin: 0;}
.dot_list li::before{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #555; position: absolute; left: 0; top: 11px;}
.dot_list li h5{min-width: 80px; }
.dot_list li i{margin: 0 17px;}
.dot_list li a i{margin: 0 0 0 5px; font-size: 18px; }

.dot_list + .dot_list{margin-top: 40px; padding-top: 40px; border-top: solid 1px #ddd;}

.check_box{display: flex; justify-content: center; align-items: center; height: 100px; border: solid 1px #ddd; background-color: #fff;}
.check_box i{margin-right: 10px; }
.check_box p{font-weight: 400;}

.down{display: flex; align-items: center;}
@media screen and (max-width:1300px) {



    .fs_45{font-size: 40px; line-height: 1.4;}
    .fs_28{font-size: 23px;}
    .fs_22{font-size: 20px;}
    .fs_20{font-size: 18px; line-height: 1.6;}
    .fs_18{font-size: 16px; line-height: 1.7; }
    .fs_17{font-size: 15px; line-height: 1.65;}
    .step_list li .text p{line-height: 1.65;}
    .fs_15{font-size: 13px;}

    .img_list li{width: calc(33.3% - 13.5px); margin-right: 20px; border: solid 1px #ddd;}
    .cont{margin-bottom: 80px;}
    .step_list{padding: 50px 0 0;}
    .step_list li{width: 25%;}
    .step_list li .text h5{margin: 6px 0 15px;}


}

@media screen and (max-width: 1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}


    .fs_45{font-size: 30px; text-align: center;}
    .fs_28{font-size: 21px;}
    .fs_22{font-size: 19px; line-height: 1.6;}
    .fs_20{font-size: 17px; text-align: center;}
    .fs_18{font-size: 15px;}
    .fs_17{font-size: 14px;}
    .fs_16{font-size: 13px;}
    .dot_list li a i{ font-size: 15px; }

    .tit{display: block; padding-bottom: 35px; margin-bottom: 50px; border-bottom: solid 1px #ddd; align-items: baseline;}
    .tit p{margin-left: 0; margin-top: 10px;}

    .sec2 h3{margin-bottom:30px; padding-bottom: 35px;}

    .cont h4::before{position: relative; top: 2px;}

    .bar{margin-bottom: 5px;}
    .img_list li .text{padding: 25px 0;}
    .img_list{margin-top: 30px;}

    .cont{margin-bottom: 50px;}
    .step_list{flex-wrap: wrap; justify-content: center; border-top: 0; margin-top: 40px;}
    .step_list li{width: 33.3%; }
    .step_list li:nth-child(-n + 2){width: 50%;}
    .step_list li::before{content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: -50px; left: 0;}
    .step_list li:nth-child(n+3){margin-top: 100px;}
    .step_list li i::before{top: -60px;}
    .step_list li i{height: 50px; line-height: 50px; max-height: 50px; min-height: initial;}
    .step_list li i img{height: 100%;}
    .step_list li .text{margin-top: 20px;}
    .step_list li .text h5{margin: 3px 0 10px}

    .sec2 .img2{margin-top: 30px;}
    .dot_list{margin-top: 15px;}
    .check_box{height: 80px;}
    .dot_list + .dot_list{margin-top: 30px; padding-top: 30px;}

    .dot_list li::before{top: 9px;}

}
@media screen and (max-width: 768px){

    .cont h4::before{width: 12px; height: 17px; top: 1px;}
    .img_list li{width: calc(33.3% - 8px); margin-right: 12px;}

    .step_list li:nth-child(n+3){margin-top: 90px;}

}

@media screen and (max-width: 640px) {
    .sub_inner{padding: 0 20px;}

     .fs_45{font-size: 27px;}
     .fs_28{font-size: 19px;}
     .fs_22{font-size: 17px;}
     .fs_20{font-size: 16px;}
     .fs_18{font-size: 14px;}
     .fs_17{font-size: 13px;}
     .fs_15{font-size: 12px;}
     .dot_list li a i{ font-size: 14px; }


     .tit{display: block; padding-bottom: 25px; margin-bottom: 40px; border-bottom: solid 1px #ddd; align-items: baseline;}
     .tit p{margin-left: 0; margin-top: 5px;}
     .sec2 h3{margin-bottom:20px; padding-bottom: 25px;}
     .img_list{flex-wrap: wrap;}
     .img_list li{width: 100%; margin-right: 0;}
      .img_list li:nth-child(n+2){margin-top: 20px;}
     .img_list .img img{width: 100%; max-height: 180px; object-fit: cover;}

     .img_list li .text{padding: 15px;}

     .bar::before{margin-bottom: 5px;}

     .cont{margin-bottom: 40px;}
    .step_list{margin-top: 30px; padding-top: 30px;}
     .step_list li .text h5{margin: 3px 0 5px}
     .step_list li::before{top: -30px;}
     .step_list li i::before{top: -40px;}
     .step_list li i::after{top: -34.5px;}


     .sec2 .img2{margin-top: 20px;}
     .dot_list{margin-top: 10px;}
     .check_box{height: initial; padding: 20px; flex-direction: column; text-align: center;}
     .check_box i{margin: 0 0 10px;}

     .dot_list + .dot_list{margin-top: 20px; padding-top: 20px;}



}

@media screen and (max-width: 480px){
    .step_list li, .step_list li:nth-child(-n + 2){width: 100%;}
    .step_list li:nth-child(n+2){margin-top: 50px;}
    .dot_list li{flex-wrap: wrap;}
    .dot_list li h5{width: 100%;}
    .dot_list li i{margin-left: 0; margin-right: 7px;}
}