.visual{background-image: url(../img/sub02/visual.png); }
@media all and (max-width:1200px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}
@media all and (max-width:500px){
    .visual-01{background-position: 52%;}
}

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

.sec03{}
.sec03 .inner{max-width: 1500px; display: flex; gap: 30px; justify-content: space-between;}
.sec03 h2{}
.sec03 .txtbox{font-weight: 500; padding: 4.7vw 3.5vw 3.7vw; background: #fcf6f0; border-radius: 6rem;}
.sec03 .txtbox h5{line-height: 2; }
.sec03 .txtbox .btm{padding-top: 4rem; display: flex; gap: 2rem; align-items: center; }
.sec03 .txtbox .btm h6{color: #ff8317; font-size: 2.3rem;}
.sec03 .txtbox .btm span{padding: 1vw 2vw; border-radius: 100px; color: #fff; font-size: 2.8rem; background: #ff8317; justify-self: flex-end;}
@media all and (max-width:1300px){
    .sec03 h2{width: max-content;}
    .sec03 .txtbox{flex: 1;}
    .sec03 .txtbox .btm{flex-direction: column; align-items: flex-start;}
    .sec03 .txtbox .btm span{align-self: flex-end;}
}
@media all and (max-width:1024px){
    .sec03 .inner{flex-direction: column;}
    .sec03 .txtbox{border-radius: 30px; padding: 30px; max-width: 600px;}
    .sec03 .txtbox h5{font-size: 16px;}
    .sec03 .txtbox .btm span{padding: 10px; font-size: 20px;}
}
@media all and (max-width:768px){
    
}


/* sec05 */
.sec05{padding: 10vw 0 7vw; background: linear-gradient(131deg,#ff8316 0%, #ff973c 100%);}
.sec05 .inner{max-width: 1700px;}
.sec05 .inner h2{color: #fff;}
.sec05 .sw-sec05{padding-bottom: 3rem; max-width: none; margin-left: calc((100% - 1700px) / 2); overflow: hidden;}
.sec05 .sw-sec05 ul{align-items: center;}
.sec05 .sw-sec05 ul li{margin-right: 4vw; font-size: 0;}
.sec05 .sw-sec05 ul li.slide01{width: 51rem; width: 27%; align-self: flex-end; padding-bottom: 4rem;}
.sec05 .sw-sec05 ul li.slide02{width: 43rem; width: 23%;}
.sec05 .sw-sec05 ul li.slide03{width: 56rem; width: 30%;}
.sec05 .sw-sec05 ul li img{width: 100%;}
.sec05 .sw-btn{width: 10rem; height: 5.7rem; display: flex; align-items: center; justify-content: center; gap: 1.5rem; font-size: 3.2rem; font-family: 'GmarketSansLight'; border-radius: 100px; color: #fff; background: #333333; padding-top: 0.7rem;}
.sec05 .sw-btn > div{cursor: pointer;}
@media all and (max-width:1740px){
    .sec05 .sw-sec05{margin: 0 auto; padding-left: 20px; padding-right: 20px;}
}
@media all and (max-width:1024px){
    .sec05{padding: 80px 0;}
    .sec05 .sw-sec05 ul li{}
    .sec05 .sw-sec05 ul li.slide01{width: 40%;}
    .sec05 .sw-sec05 ul li.slide02{width: 34%;}
    .sec05 .sw-sec05 ul li.slide03{width: 45%;}
}
@media all and (max-width:768px){
    .sec05 .sw-sec05 ul li.slide01{width: 50%;}
    .sec05 .sw-sec05 ul li.slide02{width: 44%;}
    .sec05 .sw-sec05 ul li.slide03{width: 45%;}
}

.cmm-contact{display: none;}
.cmm-cont04{display: none;}
.sec06{display: block;}
.footer .footer-top{display: none;}