/*Content CSS*/
#business2{overflow: hidden;}

section > article{padding: 70px 0 100px;}
section > article:nth-child(even){background-color: #f7f7f7;}

.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

/* fontstyle */
h2.sub_title::before{content: ''; display: inline-block; width: 5px; height: 45px; background-color: #18578f; margin-right: 15px; position: relative; top: 2px;}
.fs_55{font-family: 'SCoreDream'; font-size: 55px; font-weight: 700;}
.fs_20{font-family: 'SCoreDream'; font-size: 20px; font-weight: 700;}
.fs_18{font-size: 18px; font-weight: 300; color: #333;}
.dot{position: relative; padding-left: 12px;}
.dot::before{content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #333; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.arrow_list li{position: relative; padding-left: 50px; }
.arrow_list li::before{content: ''; display: inline-block; width: 30px; height: 30px; position: absolute; top: 1px; left: 0; background: url('../img/b_arrow2.png') 50% / cover no-repeat;}
.arrow_list li:nth-child(n+2){margin-top: 15px;}

.bus_list{border-top: solid 2px #000; margin-top: 50px; }
.bus_list > li{display: flex; align-items: center; border-bottom: solid 1px #ddd; padding: 25px 20px; justify-content: space-between; min-height: 81px; }
.bus_list > li > div > p{min-width: 470px; max-width: 470px;}
.fs_20 span{font-family: 'Noto Sans KR'; font-weight: 300; color: #333;}


.box{display: flex;}
/* .colorbox_img{width: 60px; height: 84.8px; border: solid 1px #ddd; position: relative;}
.colorbox_img .hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgb(24, 87, 143, .75); opacity: 0; transition: .3s;}
.colorbox_img:hover .hover{opacity: 1;} */

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    h2.sub_title::before{height: 31px;}
    .fs_55{font-size: 35px;}
    .fs_20{font-size: 18px; line-height: 1.6;}
    .fs_18{font-size: 16px; line-height: 1.65;}

    .arrow_list li::before{background-size: 20px; width: 20px; height: 20px; top: 2px;}
    .bus_list{margin-top: 30px;}
    .bus_list > li{padding: 15px 0;}
    .bus_list li p:first-of-type{min-width: 410px; max-width: 410px;}

}

@media screen and (max-width: 768px){
    .box{display: block; width: 100%;}
    .box .arrow_list{margin-top: 5px;}
    .arrow_list li::before{top: 5px;}
    .bus_list li p:first-of-type{min-width: 100%; max-width: 100%;}
    .arrow_list li{padding-left: 27px;}
}

@media screen and (max-width: 640px) {
    .sub_inner{padding: 0 20px;}
    h2.sub_title::before{height: 25px;}
    .fs_55{font-size: 27px;}
    .fs_20{font-size: 17px;}
    .fs_18{font-size: 15px;}

    .bus_list > li{flex-wrap: wrap;}
    .arrow_list{width: 100%; margin-top: 10px;}


    .arrow_list li:nth-child(n+2){margin-top: 5px;}


}