.root-width {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.box-section{
    position: relative;
}
.title-section{
    width:100%;
    position: absolute;
    box-sizing: border-box;
    padding:0 5%;
    text-align: center;
}

.fr03_title{font-family:'NanumGothicBold';font-size:28px;letter-spacing:-0.05em;color:#222}

.process{padding:115px 0}
.proc_title{padding-bottom:28px}
.process_ol li{float:left;position:relative;margin-right:41px;margin-bottom:41px;width:366px;height:345px;border:1px solid #ddd;box-sizing:border-box}
.process_ol li:nth-child(3n){margin-right:0}
.process_ol li:nth-child(4), .process_ol li:nth-child(5), .process_ol li:last-child{margin-bottom:0}
.process_ol li:last-child{background:url('../img/page/fran/03/proc_bg06.jpg')no-repeat center;border:none}
.process_ol li:last-child .proc_stit{color:#fff}
.process_ol li:last-child .proc_txt{color:#fff}
.process_ol .text_area{padding:50px 0 0 50px}
.proc_dec{right:30px;top:30px}
.proc_stit{font-family:'NanumGothicBold';font-size:20px;color:#c6171f;text-transform:uppercase}
.proc_tit{padding:50px 0 22px}

.costs_sub{padding-bottom:15px;font-family:'NanumGothic';letter-spacing:-0.05em;color:#666;text-align:right}
.costs_table{table-layout:fixed;width:100%}
.costs_table th, .costs_table td{vertical-align:middle;height:60px}
.costs_table th{background-color:#c6171f;font-family:'NanumGothicBold';font-size:20px;letter-spacing:-0.05em;color:#fff}
.costs_table tr td:nth-child(1){font-family:'NanumGothicBold';font-size:18px;letter-spacing:-0.05em;color:#333;text-align:center;border-bottom:1px solid rgba(0,0,0,0.15)}
.costs_table tr td:nth-child(2){padding-left:60px;font-family:'NanumGothic';letter-spacing:-0.05em;color:#666;border-bottom:1px solid rgba(0,0,0,0.15)}
.costs_table tr td:nth-child(3){font-family:'NanumGothicBold';font-size:20px;letter-spacing:-0.05em;color:#c6171f;text-align:center;border-bottom:1px solid rgba(0,0,0,0.15)}
.costs_table tbody tr:last-child td{border-bottom:0}
.costs_table tr td:nth-child(4){font-family:'NanumGothic';letter-spacing:-0.05em;line-height:175%;color:#666;text-align:center}
.costs_table_sub{padding-top:16px;font-family:'NanumGothic';letter-spacing:-0.05em;line-height:200%;color:#666}

.support{padding-bottom:120px}
.sup_title{padding-bottom:22px}
.sup_table{table-layout:fixed;width:100%}
.sup_table th, .sup_table td{vertical-align:middle}
.sup_table th{height:60px;background-color:#c6171f;font-family:'NanumGothicBold';font-size:20px;letter-spacing:-0.05em;color:#fff}
.sup_table td{height:140px;border-bottom:1px solid rgba(0,0,0,0.15)}
.sup_table tr:last-child td{border-bottom:2px solid #6ec9c0}
.sup_table tr:nth-child(1) td{height:160px}
.sup_table tr:nth-child(2) td{height:190px}
.sup_table td:nth-child(1){font-family:'NanumGothic';font-size:17px;line-height:165%;color:#666;text-align:center}
.sup_table td:nth-child(1) em{display:inline-block;padding-bottom:2px;font-family:'NanumGothicBold';font-size:18px;letter-spacing:-0.05em;color:#333}
.sup_table td:nth-child(2){font-family:'NanumGothic';font-size:18px;line-height:178%;letter-spacing:-0.05em;color:#666;text-align:center}
.sup_table td:nth-child(2) em{font-family:'NanumGothicBold';color:#be9d6d}
.sup_table td:nth-child(3){padding-left:20px;font-family:'NanumGothic';font-size:17px;line-height:176%;letter-spacing:-0.05em;color:#666}
.sup_table td:nth-child(3) em{font-family:'NanumGothicBold';color:#be9d6d}

.new_store{padding:70px 0 50px;background-color:#f9f9f9}
.new_store_tit{padding-bottom:40px}
.new_store .store_box{float:left;position:relative;margin-right:20px;margin-bottom:20px;width:220px;height:150px;background-color:#fff;box-sizing:border-box}
.new_store li:nth-child(5n){margin-right:0}
.new_store .store_box a{display:inline-block;width:100%;height:100%}
.new_store .store_open{position:absolute;bottom:0;left:0;width:100%;height:40px;background-color:#ceaa74;font-family:'NanumGothicBold';font-size:16px;line-height:40px;letter-spacing:-0.05em;color:#fff}
.new_store .store_open span{font-style:italic}
.new_store .store_open.cm_soon{background-color:#c6171f;text-transform:uppercase}
.new_store .store_box .district{padding:30px 0 7px;font-family:'NanumGothic';font-size:16px;letter-spacing:-0.05em;color:#666}
.new_store .store_box .store_name{font-family:'NanumGothicBold';font-size:20px;letter-spacing:-0.05em;color:#333}

/* section8 */
.box-section8 {
    padding: 180px 0 235px;
    height:auto;
    background:#fff;
    background-image: url("../img/changup/section8.webp");
    background-position: 50% bottom;
    background-repeat: repeat-x;
   
}
.title-section8{
    position: relative;
    display: grid;
    gap:24px;
}
.benefit-box-container{
    position: relative;
    max-width:1000px;
    margin:0 auto;
}
.benefit-box{
    margin-bottom: 7px;
    overflow:hidden;
    margin-top:10px;
}
.benefit-box .benefit-box-inner {
    position: relative;
    padding-top: 190px;
    height:0;
    overflow:hidden;
    display: block;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid rgb(0 0 0 / 12%);
    background-position: 50% bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.benefit-box:nth-child(1) .benefit-box-inner{
    background-image: url("../img/changup/benefit1.gif");
}
.benefit-box:nth-child(2) .benefit-box-inner{
    background-image: url("../img/changup/benefit2.gif");
}
.benefit-box:nth-child(3) .benefit-box-inner{
    background-image: url("../img/changup/benefit3.gif");
}
.benefit-box:nth-child(4) .benefit-box-inner{
    background-image: url("../img/changup/benefit4.gif");
}
.benefit-box img{
    position: absolute;
    top:30px;
    right:60px;
}
.benefit-box:nth-child(4) img{
    top:80px;
    right:50px;
}
.benefit-number {
    font-weight: bold;
    font-size: 18px;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    flex-shrink: 0;
}
.benefit-image {
    transform: scale(0.8); /* 초기 크기 설정 */
    opacity: 1;
}

.aos-animate .benefit-image {
    opacity: 1;
    animation: bounceIn 1s forwards;
}

.aos-animate.benefit-box:nth-child(1) .benefit-image{
    animation-delay: 1s; /* 첫 번째 요소는 딜레이 없음 */
}

.aos-animate.benefit-box:nth-child(2) .benefit-image {
    animation-delay: 1.4s; /* 두 번째 요소는 0.5초 딜레이 */
}

.aos-animate.benefit-box:nth-child(3) .benefit-image {
    animation-delay: 1.8s; /* 세 번째 요소는 1초 딜레이 */
}

.aos-animate.benefit-box:nth-child(4) .benefit-image {
    animation-delay: 2.2s;
}


@keyframes bounceIn {
    0% {
        transform: scale(0.8) rotate(0deg);
        opacity: 1;
    }
    25% {
        transform: scale(1.1) rotate(15deg);
    }
    50% {
        transform: scale(1.05) rotate(-15deg);
    }
    75% {
        transform: scale(1.1) rotate(10deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}
.benefit-content {
    flex: 1;
}

.benefit-title {
    font-size: 35px;
    font-weight: bold;
    color:#131313;
    
}
.benefit-title strong{
    font-size:50px;
}
.benefit-title span{
    color: #b4242a;
}
.benefit-desc {
    font-size: 14px;
    margin-top: 5px;
}