.inner{max-width: 1600px;}
/* main 메인 */
.visual{ background-image: url(../img/main/visual.png);}
@media all and (max-width:1200px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}
/* ms01 */
.ms01{}
@media all and (max-width:1300px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}
/* ms02 */
.ms02{}
@media all and (max-width:1300px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}
/* ms03 */
.ms03{}
.ms03 .inner{display: flex; gap: 4rem;}
.ms03 .left-txt{width: 45%;}
.ms03 .left-txt h2{}
.ms03 .right-txt{display: flex; flex-direction: column; gap: 4rem; font-size: 2rem; flex: 1; align-items: flex-end; }
.ms03 .right-txt .item{background: rgba(248, 240, 233, 0.5); border-radius: 6rem; padding: 3vw; background: linear-gradient(180deg,rgba(248, 240, 232, 0.51) 0%, rgba(253, 247, 242, 0.85) 100%); font-weight: 500; width: 100%; max-width: 750px;}
.ms03 .right-txt .item01{}
.ms03 .right-txt .item02{align-self: flex-start;}
.ms03 .right-txt .item p{}
.ms03 .right-txt .item p span{color: #ff8316;}
.ms03 .right-txt a{display: flex; align-items: center; justify-content: center; text-align: center; font-size: 2.4rem; width: 17rem; height: 17rem; background: #ff8316; border-radius: 1000px; color: #fff; margin-top: -10rem;}
@media all and (max-width:1300px){}
@media all and (max-width:1024px){
    .ms03 .inner{flex-direction: column;}
    .ms03 .left-txt{width: 100%;}
    .ms03 .right-txt{width: 100%; gap: 20px;}
    .ms03 .right-txt .item{padding: 30px; border-radius: 30px;}
    .ms03 .right-txt .item01{align-self: flex-start;}
    .ms03 .right-txt .item02{align-self: flex-end;}
}
@media all and (max-width:768px){
    .ms03 .right-txt a{font-size: 18px;}
}
/* ms04 */
.ms04{}
@media all and (max-width:1300px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}


/* ms05 */
.ms05{padding: 10vw 0 7vw;}
.ms05 .inner{}
.ms05 .inner h2 b{color: #fff;}
.ms05 .sw-ms05{padding: 12rem 0 3rem; max-width: none; margin-left: calc((100% - 1600px) / 2); overflow: hidden;}
.ms05 .sw-ms05 ul{}
.ms05 .sw-ms05 ul li{background-color: #fff; padding: 0 4rem; border-radius: 4vw; width: 30%; background-repeat: no-repeat;}
.ms05 .sw-ms05 ul li.slide01{width: 50rem; height: 44rem;}
.ms05 .sw-ms05 ul li.slide01 img{position: absolute; right: 0; bottom: 4rem;}
.ms05 .sw-ms05 ul li.slide02{ width: 46rem; height: 60rem; background-image: url(../img/main/sec05-img02.png); background-position: right bottom; background-size: 80%;}
.ms05 .sw-ms05 ul li.slide03{ width: 55rem; height: 42rem; text-align: right; background-image: url(../img/main/sec05-img03.png); background-position: left bottom; background-size: 40%;}
.ms05 .sw-ms05 ul li h4{margin-top: -2rem; font-family: 'GmarketSansLight'; font-size: 9rem; line-height: 1;}
.ms05 .sw-ms05 ul li p{font-size: 3.2rem; font-weight: 500; padding-top: 4rem;}
.ms05 .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;}
.ms05 .sw-btn > div{cursor: pointer;}
@media all and (max-width:1640px){
    .ms05 .sw-ms05{margin: 0 auto; padding-left: 20px; padding-right: 20px;}
}
@media all and (max-width:1024px){
    .ms05{padding: 80px 0;}
}
@media all and (max-width:768px){}
/* ms06 */
.ms06{padding: 11vw 0;}
.ms06 .inner{display: flex; align-items: center; justify-content: center;}
.ms06 h2{position: absolute; left: 20px;}
.ms06 .imgbox{width: 90%; z-index: -1; border-radius: 10rem; max-width: 1080px; overflow: hidden;}
.ms06 .imgbox img{width: 100%;}
.ms06 ul{position: absolute; right: 20px; display: flex; flex-direction: column; gap: 2rem;}
.ms06 ul li{background: #ff8316; color: #fff; border-radius: 5rem; padding: 5rem 2rem; font-size: 3.2rem; font-weight: 700; text-align: center; min-width: 33rem;}
@media all and (max-width:1300px){}
@media all and (max-width:1024px){
    .ms06{padding: 80px 0;}
    .ms06 .inner{flex-direction: column; align-items: flex-start; gap: 20px;}
    .ms06 .imgbox{width: 100%; border-radius: 50px;}
    .ms06 h2{position: relative; left: auto;}
    .ms06 ul{position: relative; right: auto; width: 100%;}
    .ms06 ul li{width: 100%; padding: 20px; border-radius: 20px; font-size: 20px; min-width: auto;}
    .ms06 ul li br{display: none;}
}
@media all and (max-width:768px){
    .ms06 .imgbox{border-radius: 30px;}
    .ms06 ul li{font-size: 18px;}
}

/* ms07 */
.ms07{text-align: center; padding: 10vw 0; color: #fff;}
.ms07 .inner{}
.ms07 h2{padding-bottom: 5rem;}
.ms07 ul{display: flex; gap: 5rem; justify-content: center;}
.ms07 ul li{width: calc((100% - 5rem) / 2); max-width: 420px; font-family:'Pretendard Variable'; font-size: 3.2rem; font-weight: 700; }
.ms07 ul li a{display: flex; align-items: center; justify-content: center; background: #333333; border-radius: 100px; padding: 2.6vw 0;}
@media all and (max-width:1300px){}
@media all and (max-width:1024px){
    .ms07{padding: 80px 0;}
    .ms07 h2{padding-bottom: 30px;}
    .ms07 ul{gap: 30px;}
    .ms07 ul li{width: calc((100% - 30px) / 2);font-size: 24px;}
}
@media all and (max-width:768px){
    .ms07 h2{font-size: 22px;}
    .ms07 ul{gap: 10px;}
    .ms07 ul li{width: calc((100% - 10px) / 2); font-size: 18px;}
}

/* ms08 */
.ms08{}
@media all and (max-width:1300px){}
@media all and (max-width:1024px){}
@media all and (max-width:768px){}