.visual{background-image: url(../img/sub08/visual.png); }
@media all and (max-width:1200px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}

.sec01{}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    
}
@media all and (max-width:768px){
    
}

.sec01{padding: 12vw 0 15vw;}
.sec01 .inner{}
.sec01 ul{display: flex; flex-direction: column; position: relative;}
.sec01 ul li{display: flex; gap: 4vw; position: relative; padding-bottom: 10vw;}
.sec01 ul li:last-child{padding-bottom: 0;}
.sec01 ul li:not(:last-child):after{content:''; position:absolute; top:20px; left: 7rem; width:1px; height:100%; background:#ff8c20; z-index: -1;}
.sec01 ul li span{font-family: 'GmarketSansMedium'; font-size: 5rem; width: 14rem; height: 14rem; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #ff8316 0%, #ff9335 100%); border-radius: 100px; color: #fff; padding-top: 1rem; line-height: 1;}
.sec01 ul li .contbox{padding-top: 4rem; flex: 1;}
.sec01 ul li .contbox h2{margin-bottom: 4rem;}
.sec01 ul li .contbox h3{font-size: 3.4rem;}
.sec01 ul li .contbox .imgbox{margin-top: 6rem; gap: 4rem; display: flex; flex-wrap: wrap;}
.sec01 ul li .contbox .imgbox img{width: 100%;}
.sec01 ul li .contbox .imgbox2 img{width: calc((100% - 4rem) / 2);}
@media all and (max-width:1200px){
    
}
@media all and (max-width:1024px){
    .sec01{padding: 80px 0;}
    .sec01 ul li {gap: 30px;}
    .sec01 ul li span{width: 100px; height: 100px;}
    .sec01 ul li .contbox h2{}
    .sec01 ul li .contbox h3{font-size: 20px;}
}
@media all and (max-width:768px){
    .sec01 ul li{gap: 20px;}
    .sec01 ul li:not(:last-child):after{left: 30px;}
    .sec01 ul li span{width: 60px; height: 60px; font-size: 28px;}
    .sec01 ul li .contbox{padding-top: 10px;}
    .sec01 ul li .contbox h2{margin-bottom: 10px; font-size: 24px;}
    .sec01 ul li .contbox h3{font-size: 16px;}
    .sec01 ul li .contbox .imgbox{margin-top: 20px; gap: 20px;}
    .sec01 ul li .contbox .imgbox2 img{width: calc((100% - 20px) / 2);}
}
@media all and (max-width:500px){
    .sec01 ul li .contbox .imgbox2 img{width: 100%;}
}