@charset "utf-8";


#intro1{margin-top: 15rem; text-align: center;}
#intro1 p.eng{font-family: 'paperlogy'; font-size: 10rem; font-weight: 100;}
#intro1 p.eng span{color: #d22323;}
#intro1 .top h3{margin: 6rem 0 4rem; font-size: 5rem; line-height: 1.4;}
#intro1 .top p.cont{color: #555; font-size: 1.8rem; line-height: 2;}

#intro1 .m_img{margin: 10rem 0 7rem;}
#intro1 .m_img { display: flex; align-items: flex-start; justify-content: space-between; gap: 11rem; margin: 10rem 0 7rem; padding: 0; list-style: none; }
#intro1 .m_img li { position: relative; width: 33.333%; height: 59rem; border-radius: 1.5rem; overflow: hidden; }
#intro1 .m_img li:nth-child(1) { margin-top: 14rem; }
#intro1 .m_img li:nth-child(2) { margin-top: 0; }
#intro1 .m_img li:nth-child(3) { margin-top: 19rem; }
#intro1 .m_img li .img { position: absolute; inset: 0; }
#intro1 .m_img li .img:after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(2,2,2,1) 0%, rgba(2,2,2,0.95) 20%, rgba(2,2,2,0.6) 30%, rgba(2,2,2,0) 40%); }
#intro1 .m_img li:nth-child(2) .img:after { background: linear-gradient(to bottom, rgba(101,62,34,1) 0%, rgba(101,62,34,0.95) 20%, rgba(101,62,34,0.6) 30%, rgba(101,62,34,0) 40%); }
#intro1 .m_img li:nth-child(3) .img:after { background: linear-gradient(to bottom, rgba(107,36,25,1) 0%, rgba(107,36,25,0.95) 20%, rgba(107,36,25,0.6) 30%, rgba(107,36,25,0) 40%); }
#intro1 .m_img li .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
#intro1 .m_img li:hover .img img { transform: scale(1.05); }
#intro1 .m_img li .txt { position: absolute; top: 4rem; left: 0; z-index: 2; width: 100%; padding: 0 2rem; box-sizing: border-box; color: #fff; text-align: center; }
#intro1 .m_img li .txt p { font-size:2.2rem; font-weight: 600; line-height: 1.5; }
#intro1 .m_img li .txt strong { display: block; margin-top: 1rem; font-family:'Constantia'; font-size: 4rem; font-weight: 400; line-height: 1.2; }

#intro1 .bot h3{margin: 6rem 0 4rem; font-size: 4rem; line-height: 1.4;}
#intro1 .bot { margin-top: 5rem; }
#intro1 .bot_visual { position: relative; width: 100vw; height: 40rem; margin-top: 6rem; margin-left: calc(50% - 50vw); overflow: hidden; }
#intro1 .bot_visual .img { position: absolute; left: 50%; bottom: -25rem; z-index: 2; width: 65rem; transform: translateX(-50%); overflow: hidden;}
#intro1 .bot_visual .img img { display: block; width: 100%; animation: foodRotate 50s linear infinite; transform-origin: center center; }

@keyframes foodRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#intro1 .marquee { position: absolute; top: 48%; left: 0; z-index: 1; width: 100%; overflow: hidden; transform: translateY(-50%); pointer-events: none; }
#intro1 .marquee_track { display: flex; width: max-content; animation: introMarquee 40s linear infinite; }
#intro1 .marquee_group { display: flex; align-items: center; flex-shrink: 0; gap: 8rem; padding-right: 8rem; }
#intro1 .marquee_group span { display: block; flex-shrink: 0; font-family: 'paperlogy'; font-size: 12rem; font-weight: 800; line-height: 1.3; letter-spacing: -0.05em; white-space: nowrap; color: #eee; }

@keyframes introMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media screen and (max-width:1480px){
    #intro1 .m_img{gap: 6rem;}
}
@media screen and (max-width:1280px){
    #intro1{margin-top: 12rem;}
    #intro1 p.eng{font-size: 8rem;}
    #intro1 .top h3{font-size: 4rem;}
    #intro1 .top p.cont{font-size: 1.6rem;}
    #intro1 .bot h3{font-size: 3rem;}
    #intro1 .m_img { gap: 3rem;}
    #intro1 .m_img li { height: 50rem; }
    #intro1 .m_img li:nth-child(1) { margin-top: 10rem; }
    #intro1 .m_img li:nth-child(3) { margin-top: 14rem; }
    #intro1 .m_img li .txt p { font-size: 1.6rem; }
    #intro1 .m_img li .txt strong { font-size: 3rem; }
    #intro1 .bot_visual { height: 38rem; }
    #intro1 .bot_visual .img { width: 55rem; bottom: -17rem; }
    #intro1 .marquee_group span { font-size: 10rem; }
}
@media screen and (max-width:976px){
    #intro1 .m_img {flex-wrap: wrap;}
    #intro1 .m_img li {width: 100%;}
    #intro1 .m_img li:nth-child(1){margin-top: 0;}
    #intro1 .m_img li:nth-child(3){margin-top: 0;}
}
@media screen and (max-width:768px){
    #intro1{margin-top: 10rem;}
    #intro1 p.eng{font-size: 6rem;}
    #intro1 .top h3{font-size: 3.5rem;}
    #intro1 .bot h3{font-size: 2.7rem;}
    #intro1 .m_img { gap: 1.5rem; margin: 6rem 0 5rem; }
    #intro1 .m_img li { border-radius: 1rem; }
    #intro1 .bot_visual { height: 30rem; margin-top: 5rem; }
    #intro1 .bot_visual .img { width: 48rem; bottom: -18rem; }
    #intro1 .marquee_group { gap: 5rem; padding-right: 5rem; }
    #intro1 .marquee_group span { font-size: 8rem; }
}
@media screen and (max-width:480px){
    #intro1{margin-top: 8rem;}
    #intro1 p.eng{font-size: 5rem;}
    #intro1 .top h3{font-size: 3.2rem;}
    #intro1 .bot h3{font-size: 2.5rem;}
    #intro1 .m_img { gap: 1rem; margin: 5rem 0 4rem; }
    #intro1 .bot_visual { height: 25rem; margin-top: 4rem; }
    #intro1 .bot_visual .img { width: 32rem; max-width: 110%; bottom: -7rem; }
    #intro1 .marquee_group { gap: 3rem; padding-right: 3rem; }
    #intro1 .marquee_group span { font-size: 6rem; }
}


#intro2 { position: relative; padding: 15rem 0 18rem; background: #fff; }
#intro2 .intro2_title { margin-bottom: 15rem; text-align: center; }
#intro2 .intro2_title .eng { font-family: 'paperlogy'; font-size: 2rem; font-weight: 600; letter-spacing: 0.3em; color: #d22323; }
#intro2 .intro2_title h2 { margin-top: 3rem; font-size: 6rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.05em; color: #222; }
#intro2 .intro2_title h2 span { color: #d22323; }
#intro2 .intro2_title .desc { margin-top: 3rem; font-size: 1.8rem; font-weight: 400; line-height: 2; color: #777; }

#intro2 .intro2_list { position: relative; }
#intro2 .intro2_list:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #eaded3; transform: translateX(-50%); }
#intro2 .intro2_pointer { position: absolute; top: 0; left: 50%; z-index: 5; display: block; width: 2rem; height: 2rem; border: 0.5rem solid #d22323; border-radius: 50%; background: #fff; box-sizing: border-box; transform: translate(-50%,-50%); pointer-events: none; }

#intro2 .intro2_item { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12rem; margin-bottom: 15rem; }
#intro2 .intro2_item:last-child { margin-bottom: 0; }
#intro2 .intro2_item:nth-child(even) { flex-direction: row-reverse; }


#intro2 .intro2_content { width: calc(50% - 6rem); box-sizing: border-box; }
#intro2 .intro2_content > .num { display: inline-block; font-family: 'paperlogy'; font-size: 1.8rem; font-weight: 600; letter-spacing: 0.1em; color: #d22323; }
#intro2 .intro2_heading { position: relative; margin-top: 3rem; }
#intro2 .intro2_heading > strong { position: absolute; top: -8rem; right: 0; font-family: 'paperlogy'; font-size: 16rem; font-weight: 800; line-height: 1; letter-spacing: -0.08em; color: #f8f1eb; z-index: 0; }
#intro2 .intro2_heading h3 { position: relative; z-index: 1; font-size: 4rem; font-weight: 400; line-height: 1.3; letter-spacing: -0.05em; color: #222; word-break: keep-all; font-family: 'ONE-Mobile-Title';}
#intro2 .intro2_heading h3 em {color: #d22323; }
#intro2 .intro2_content > p { margin-top: 4rem; font-size: 1.8rem; font-weight: 400; line-height: 2; color: #666; word-break: keep-all; }

#intro2 .intro2_image { position: relative; width: calc(50% - 6rem); height: 55rem; border-radius: 2rem; overflow: hidden; background: #fcf7ef; }
#intro2 .intro2_image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s; }
#intro2 .intro2_image:hover img { transform: scale(1.05); }

@media screen and (max-width: 1480px) {
    #intro2 .intro2_item { gap: 8rem; margin-bottom: 13rem; }
    #intro2 .intro2_content, #intro2 .intro2_image { width: calc(50% - 4rem); }
    #intro2 .intro2_heading h3 { font-size: 3.6rem; }
    #intro2 .intro2_heading > strong { font-size: 13rem; }
    #intro2 .intro2_image { height: 48rem; }
}

@media screen and (max-width: 1280px) {
    #intro2 { padding: 12rem 0 15rem; }
    #intro2 .intro2_title { margin-bottom: 12rem; }
    #intro2 .intro2_title h2 { font-size: 5rem; }
    #intro2 .intro2_title .desc { font-size: 1.6rem; }
    #intro2 .intro2_item { gap: 6rem; margin-bottom: 10rem; }
    #intro2 .intro2_content, #intro2 .intro2_image { width: calc(50% - 3rem); }
    #intro2 .intro2_heading h3 { font-size: 3.2rem; }
    #intro2 .intro2_heading > strong { font-size: 11rem; top: -6rem; }
    #intro2 .intro2_content > p { font-size: 1.6rem; margin-top: 3rem; }
    #intro2 .intro2_image { height: 42rem; }
}

@media screen and (max-width: 976px) {
    #intro2 .intro2_list:before { left: 1rem; }
    #intro2 .intro2_pointer { left: 1rem; }
    #intro2 .intro2_item, #intro2 .intro2_item:nth-child(even) { flex-direction: column; align-items: stretch; gap: 4rem; padding-left: 5rem; margin-bottom: 10rem; }
    #intro2 .intro2_item:before { top: 1rem; left: 1rem; transform: translate(-50%,0); }
    #intro2 .intro2_content, #intro2 .intro2_image { width: 100%; }
    #intro2 .intro2_image { height: 45rem; }
    #intro2 .intro2_heading > strong { right: 2rem; }
}

@media screen and (max-width: 768px) {
    #intro2 { padding: 10rem 0 12rem; }
    #intro2 .intro2_title { margin-bottom: 9rem; }
    #intro2 .intro2_title .eng { font-size: 1.6rem; }
    #intro2 .intro2_title h2 { font-size: 4rem; }
    #intro2 .intro2_title .desc { font-size: 1.6rem; }
    #intro2 .intro2_item, #intro2 .intro2_item:nth-child(even) { padding-left: 4rem; margin-bottom: 8rem; }
    #intro2 .intro2_content > .num { font-size: 1.6rem; }
    #intro2 .intro2_heading h3 { font-size: 3rem; }
    #intro2 .intro2_heading > strong { font-size: 9rem; }
    #intro2 .intro2_content > p { font-size: 1.6rem; }
    #intro2 .intro2_image { height: 35rem; }
}

@media screen and (max-width: 480px) {
    #intro2 { padding: 8rem 0 10rem; }
    #intro2 .intro2_title { margin-bottom: 7rem; }
    #intro2 .intro2_title .eng { font-size: 1.4rem; letter-spacing: 0.2em; }
    #intro2 .intro2_title h2 { margin-top: 2rem; font-size: 3.5rem; }
    #intro2 .intro2_title .desc { margin-top: 2rem;}
    #intro2 .intro2_list:before { left: 0.7rem; }
    #intro2 .intro2_pointer { left: 0.7rem; width: 1.5rem; height: 1.5rem; border-width: 0.3rem; }
    #intro2 .intro2_item, #intro2 .intro2_item:nth-child(even) { padding-left: 3rem; gap: 3rem; margin-bottom: 7rem; }
    #intro2 .intro2_item:before { left: 0.7rem; width: 1.3rem; height: 1.3rem; border-width: 0.3rem; }
    #intro2 .intro2_heading { margin-top: 2rem; }
    #intro2 .intro2_heading h3 { font-size: 2.6rem; }
    #intro2 .intro2_heading > strong { font-size: 7rem; top: -3rem; }
    #intro2 .intro2_content > p { margin-top: 2.5rem; }
    #intro2 .intro2_image { height: 28rem; border-radius: 1rem; }
}

#intro2 .intro2_progress { position: absolute; top: 0; left: 50%; z-index: 3; width: 2px; height: 0; background: #d22323; transform: translateX(-50%); pointer-events: none; }

@media screen and (max-width: 976px) {
    #intro2 .intro2_progress { left: 1rem; }
}

@media screen and (max-width: 480px) {
    #intro2 .intro2_progress { left: 0.7rem; }
}


#intro2_visual { position: relative; width: 100%; overflow: hidden; }
#intro2_visual .visual_top { position: relative; min-height: 75rem; padding: 15rem 0; box-sizing: border-box; background:  url('/images/sub/intro2_visual_bg.webp') no-repeat center center / cover; }
#intro2_visual .visual_top .inner { position: relative; z-index: 1; }
#intro2_visual .visual_title { position: relative; z-index: 2; text-align: center; color: #fff; }
#intro2_visual .visual_title .eng { font-family: 'paperlogy'; font-size: 1.8rem; font-weight: 600; letter-spacing: 0.25em; color: #e8b79b; }
#intro2_visual .visual_title h2 {font-size: 6rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.05em; color: #fff; font-family: 'paperlogy';}
#intro2_visual .visual_title h2 span.rd1 { color: #de6605; }
#intro2_visual .visual_title h2 span.rd2 { color: #ffbd00; }
#intro2_visual .visual_title > p:last-child { margin-top: 2rem; font-size: 2rem; line-height: 1.8; color: rgba(255,255,255,0.85); }
#intro2_visual .line{width: 1px;height: 10rem; background: #fff; margin: 7rem auto; opacity: 0.5;}
#intro2_visual h3 { color: #fff; text-align: center; font-size: 4rem; line-height: 1.4; font-weight: normal; }
#intro2_visual h3 span { font-weight: bold; -webkit-text-emphasis: filled dot; text-emphasis: filled dot; text-emphasis-position: over right; -webkit-text-emphasis-position: over; }

#intro2_visual .visual_food { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: center; width: 100%; max-width: 105rem; height: 43rem; margin: 7rem auto 0; }
#intro2_visual .visual_food img { display: block; width: 100%; max-height: 100%; object-fit: contain; object-position: center bottom; }


@media screen and (max-width: 1480px) {
    #intro2_visual .visual_title h2 { font-size: 5.5rem; }
    #intro2_visual .visual_food { max-width: 90rem; height: 38rem; }
}

@media screen and (max-width: 1280px) {
    #intro2_visual .visual_top { padding: 12rem 0;}
    #intro2_visual .visual_title h2 { font-size: 5rem; }
    #intro2_visual .visual_title > p:last-child { font-size: 1.8rem; }
    #intro2_visual .visual_food { max-width: 78rem; height: 35rem; }
    #intro2_visual h3 {font-size: 3.5rem;}
}

@media screen and (max-width: 976px) {
    #intro2_visual .visual_title h2 { font-size: 4.5rem; }
    #intro2_visual .visual_food { max-width: 70rem; height: 31rem; }
}

@media screen and (max-width: 768px) {
    #intro2_visual .visual_top {padding: 10rem 0;}
    #intro2_visual .visual_title h2 { font-size: 4rem; }
    #intro2_visual .visual_title > p:last-child { font-size: 1.6rem; }
    #intro2_visual .visual_food { height: 28rem; margin-top: 4rem; }
    #intro2_visual h3 {font-size: 3rem;}
}

@media screen and (max-width: 480px) {
    #intro2_visual .visual_title .eng { font-size: 1.3rem; letter-spacing: 0.15em; }
    #intro2_visual .visual_food { height: 22rem; margin-top: 3rem; }
    #intro2_visual h3 {font-size: 2.5rem;}
}

#intro2_profit { position: relative; padding: 15rem 0; background: #fcf7f0; }
#intro2_profit .profit_title { text-align: center; }
#intro2_profit .profit_title h2 {font-size: 5rem; font-weight: 700; line-height: 1.4; color: #222; }
#intro2_profit .profit_title h2 span { color: #d22323; }
#intro2_profit .profit_title > p:last-child { margin-top: 2rem; font-size: 1.8rem; line-height: 1.8; color: #777; }

#intro2_profit .profit_compare { display: flex; align-items: center; justify-content: center; gap: 6rem; margin-top: 8rem; }
#intro2_profit .profit_item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 42rem; padding: 5rem 3rem; border-radius: 2rem; background: #fff; box-sizing: border-box; }
#intro2_profit .profit_item h3 { font-size: 2.8rem; font-weight: 700; color: #555; }
#intro2_profit .profit_item.point h3 { color: #d22323; }
#intro2_profit .profit_item > p { margin-top: 3rem; font-size: 1.8rem; color: #888; }

#intro2_profit .profit_circle { position: relative; display: flex; align-items: center; justify-content: center; width: 27rem; height: 27rem; margin-top: 4rem; border-radius: 50%; }
#intro2_profit .profit_circle.circle01 { background: conic-gradient(#99918b 0%, #eee8e3 0% 100%); }
#intro2_profit .profit_circle.circle02 { background: conic-gradient(#d22323 0%, #f5dfdc 0% 100%); }
#intro2_profit .circle_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% - 7rem); height: calc(100% - 7rem); border-radius: 50%; background: #fff; }
#intro2_profit .circle_inner strong { font-family: 'paperlogy'; font-size: 6rem; font-weight: 800; line-height: 1.2; color: #555; }
#intro2_profit .circle_inner strong em { font-size: 3rem; font-style: normal; margin-left: 1rem;}
#intro2_profit .point .circle_inner strong { color: #d22323; }
#intro2_profit .circle_inner > span { margin-top: 1rem; font-size: 1.6rem; color: #888; }
#intro2_profit .profit_vs { font-family: 'paperlogy'; font-size: 3.5rem; font-weight: 800; color: #d22323; }

#intro2_profit .profit_notice { margin-top: 4rem; font-size: 1.4rem; line-height: 1.8; text-align: center; color: #999; }

@media screen and (max-width: 1280px) {
    #intro2_profit { padding: 12rem 0; }
    #intro2_profit .profit_title h2 { font-size: 4rem; }
    #intro2_profit .profit_compare { gap: 3rem; }
    #intro2_profit .profit_item { width: 36rem; }
    #intro2_profit .profit_circle { width: 22rem; height: 22rem; }
    #intro2_profit .circle_inner strong { font-size: 5rem; }
}

@media screen and (max-width: 976px) {
    #intro2_profit .profit_compare { gap: 2rem; }
    #intro2_profit .profit_item { width: calc(50% - 4rem); padding: 4rem 2rem; }
    #intro2_profit .profit_item h3 { font-size: 2.3rem; }
    #intro2_profit .profit_circle { width: 19rem; height: 19rem; }
    #intro2_profit .circle_inner strong { font-size: 4.5rem; }
    #intro2_profit .profit_vs { font-size: 2.5rem; }
}

@media screen and (max-width: 768px) {
    #intro2_profit { padding: 10rem 0; }
    #intro2_profit .profit_title h2 { font-size: 3.5rem; }
    #intro2_profit .profit_title > p:last-child { font-size: 1.5rem; }
    #intro2_profit .profit_compare { gap: 1rem; margin-top: 5rem; }
    #intro2_profit .profit_item { width: calc(50% - 3rem); padding: 3rem 1rem; }
    #intro2_profit .profit_item h3 { font-size: 1.8rem; }
    #intro2_profit .profit_circle { width: 15rem; height: 15rem; margin-top: 3rem; }
    #intro2_profit .circle_inner { width: calc(100% - 4rem); height: calc(100% - 4rem); }
    #intro2_profit .circle_inner strong { font-size: 3.5rem; }
    #intro2_profit .circle_inner strong em { font-size: 2rem; }
    #intro2_profit .circle_inner > span { font-size: 1.3rem; }
    #intro2_profit .profit_item > p { font-size: 1.3rem; }
}

@media screen and (max-width: 480px) {
    #intro2_profit { padding: 8rem 0; }
    #intro2_profit .profit_title .eng { font-size: 1.3rem; }
    #intro2_profit .profit_title > p:last-child { font-size: 1.4rem; }
    #intro2_profit .profit_compare { flex-direction: column; gap: 2rem; }
    #intro2_profit .profit_item { width: 100%; max-width: 36rem; }
    #intro2_profit .profit_item h3 { font-size: 2.2rem; }
    #intro2_profit .profit_circle { width: 20rem; height: 20rem; }
    #intro2_profit .circle_inner strong { font-size: 4.5rem; }
    #intro2_profit .profit_vs { font-size: 2.5rem; }
    #intro2_profit .profit_notice { font-size: 1.2rem; }
}


#location { position: relative;  background: #fff; }
#location .location_map { position: relative; width: 100%; height: 55rem; overflow: hidden; background: #f2f2f2; }
#location .map_placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; gap: 1.5rem; color: #999; }
#location .map_placeholder i { font-size: 4rem; color: #d22323; }
#location .map_placeholder p { font-size: 1.8rem; }

#location .location_info { display: flex; justify-content: space-between; align-items: flex-start; gap: 5rem; padding: 5rem 0; border-bottom: 1px solid #ddd; }
#location .location_left { flex: 1; }
#location .location_left .eng { font-family: 'paperlogy'; font-size: 1.3rem; font-weight: 600; letter-spacing: 0.1em; color: #d22323; }
#location .location_left h3 { margin-top: 1.5rem; font-size: 3.6rem; font-weight: 700; color: #222; }
#location .location_left .desc { margin-top: 1.5rem; font-size: 1.7rem; line-height: 1.7; color: #888; }

#location .location_right { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4rem; width: 65%; }
#location .info_item { min-width: 20rem; }
#location .info_item span { display: block; margin-bottom: 1.2rem; font-family: 'paperlogy'; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.08em; color: #999; }
#location .info_item p { font-size: 2.3rem; font-weight: 600; color: #333; }

#location .location_btn { display: flex; gap: 1rem; margin-left: auto; }
#location .location_btn a { display: flex; align-items: center; justify-content: center; gap: 1rem; min-width: 18rem; height: 5.5rem; padding: 0 2rem; box-sizing: border-box; background: #03c75a; color: #fff; font-size: 1.8rem; font-weight: 600; transition: 0.3s; }
#location .location_btn a.kakao { background: #fee500; color: #191919; }
#location .location_btn a:hover { filter: brightness(0.93); }
#location .location_btn a img { display: block; width: 2.4rem; height: 2.4rem; object-fit: contain; }

.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}
.root_daum_roughmap .wrap_map{height: 100% !important;}


@media screen and (max-width: 1480px) {
    #location .location_right { width: 68%; gap: 3rem; }
    #location .location_btn a { min-width: 15rem; }
}

@media screen and (max-width: 1280px) {
    #location .location_map { height: 48rem; }
    #location .location_info { gap: 3rem; }
    #location .location_left h3 { font-size: 3.2rem; }
    #location .location_right { width: 65%; gap: 2rem; }
    #location .info_item { min-width: 16rem; }
    #location .location_btn { width: 100%; margin-left: 0; }
}

@media screen and (max-width: 976px) {
    #location .location_map { height: 42rem; }
    #location .location_info { flex-direction: column; gap: 4rem; }
    #location .location_left { width: 100%; }
    #location .location_right { width: 100%; }
    #location .location_btn { margin-top: 1rem; }
}

@media screen and (max-width: 768px) {
    #location .location_map { height: 38rem; }
    #location .location_info { padding: 4rem 0; }
    #location .location_left h3 { font-size: 3rem; }
    #location .location_btn { width: 100%; margin-left: 0; }
    #location .location_btn a { flex: 1; min-width: 0; }
}

@media screen and (max-width: 480px) {
    #location .location_map { height: 30rem; }
    #location .location_info { gap: 3rem; padding: 3rem 0; }
    #location .location_left .eng { font-size: 1.3rem; }
    #location .location_left h3 { font-size: 2.6rem; }
    #location .location_left .desc { font-size: 1.4rem; }
    #location .location_right { gap: 2.5rem; }
    #location .info_item { width: 100%; min-width: 0; }
    #location .info_item span { margin-bottom: 0.8rem; }
    #location .info_item p { font-size: 2rem; }
    #location .location_btn { gap: 0.8rem; }
    #location .location_btn a { height: 5rem; padding: 0 1rem; font-size: 1.6rem; }
    #location .location_btn a img { width: 2rem; height: 2rem; }
}




#menu .menu_tab { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-bottom: 7rem; }
#menu .menu_tab button { display: flex; align-items: center; justify-content: center; min-width: 17rem; height: 6rem; padding: 0 3rem; border: 1px solid #ddd; border-radius: 5rem; background: #fff; font-size: 2rem; font-weight: 600; color: #777; cursor: pointer; transition: all 0.3s; font-family: 'ONE-Mobile-Title'; font-weight: normal;}
#menu .menu_tab button:hover { border-color: #d22323; color: #d22323; }
#menu .menu_tab button.active { border-color: #d22323; background: #d22323; color: #fff; }

#menu .menu_group { display: none; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5rem 3rem; }
#menu .menu_group.active { display: grid; }
#menu .menu_item { min-width: 0; text-align: center; }
#menu .menu_item .img { position: relative; width: 100%; aspect-ratio: 1 / 0.8; overflow: hidden; border-radius: 2rem; background: #fcf7f0; }
#menu .menu_item .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
#menu .menu_item:hover .img img { transform: scale(1.07); }
#menu .menu_item .txt { padding: 2.5rem 1rem 0; }
#menu .menu_item .txt h3 { font-size: 2.6rem; font-weight: 700; line-height: 1.4; color: #222; }
#menu .menu_item .txt p { margin-top: 1rem; font-size: 1.6rem; line-height: 1.6; color: #888; }

@media screen and (max-width: 1280px) {
    #menu .menu_group { gap: 4rem 2rem; }
    #menu .menu_item .txt h3 { font-size: 2.3rem; }
}

@media screen and (max-width: 976px) {
    #menu .menu_group { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #menu .menu_tab { margin-bottom: 5rem; }
    #menu .menu_tab button { min-width: 14rem; height: 5.5rem; font-size: 1.8rem; }
}

@media screen and (max-width: 768px) {
    #menu .menu_tab { gap: 1rem; margin-bottom: 4rem; }
    #menu .menu_tab button { flex: 1; min-width: 0; height: 5rem; padding: 0 1rem;}
    #menu .menu_group { gap: 3.5rem 1.5rem; }
    #menu .menu_item .img { border-radius: 1.2rem; }
    #menu .menu_item .txt { padding-top: 1.8rem; }
    #menu .menu_item .txt h3 { font-size: 2rem; }
    #menu .menu_item .txt p { font-size: 1.4rem; }
}

@media screen and (max-width: 480px) {
    #menu .menu_tab { gap: 0.8rem; margin-bottom: 3.5rem; }
    #menu .menu_tab button { height: 4.6rem; font-size: 1.6rem; }
    #menu .menu_group { grid-template-columns: 1fr; gap: 3rem; }
    #menu .menu_item .img { aspect-ratio: 1 / 0.75; }
    #menu .menu_item .txt h3 { font-size: 2.2rem; }
    #menu .menu_item .txt p { font-size: 1.4rem; }
}


#store .store_wrap { display: flex; gap: 3rem; width: 100%; height: 65rem; }
#store .store_left { display: flex; flex-direction: column; flex: 0 0 40rem; min-width: 0; height: 100%; border: 1px solid #e5e5e5; background: #fff; box-sizing: border-box; }
#store .store_search { flex-shrink: 0; padding: 2rem; background: #f7f7f7; }
#store .store_select { display: flex; gap: 0.8rem; }
#store .store_select select { flex: 1; width: 50%; min-width: 0; height: 5rem; padding: 0 1.2rem; border: 1px solid #ddd; border-radius: 0.5rem; background: #fff; font-size: 1.5rem; color: #333; outline: none; cursor: pointer; }
#store .store_keyword { display: flex; gap: 0.8rem; margin-top: 0.8rem; }
#store .store_keyword input { flex: 1; min-width: 0; height: 5rem; padding: 0 1.5rem; border: 1px solid #ddd; border-radius: 0.5rem; box-sizing: border-box; background: #fff; font-size: 1.5rem; color: #333; outline: none; }
#store .store_keyword input::placeholder { color: #aaa; }
#store .store_keyword button { flex-shrink: 0; width: 7rem; height: 5rem; border: 0; border-radius: 0.5rem; background: #d22323; font-size: 1.5rem; font-weight: 600; color: #fff; cursor: pointer; transition: background 0.3s; }
#store .store_keyword button:hover { background: #aa191f; }

#store .store_list { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
#store .store_list::-webkit-scrollbar { width: 0.6rem; }
#store .store_list::-webkit-scrollbar-thumb { border-radius: 1rem; background: #ccc; }
#store .store_list::-webkit-scrollbar-track { background: #f5f5f5; }
#store .store_item { display: flex; align-items: flex-start; gap: 1.8rem; padding: 2.2rem 1.8rem; border-bottom: 1px solid #eee; box-sizing: border-box; background: #fff; transition: background 0.3s; cursor: pointer; }
#store .store_item:hover { background: #faf5f3; }
#store .store_item.active { background: #fff2ef; }
#store .store_item .img { flex-shrink: 0; width: 12rem; height: 9rem; overflow: hidden; border-radius: 0.5rem; background: #f0ece8; }
#store .store_item .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
#store .store_item .txt { flex: 1; min-width: 0; padding-top: 0.3rem; }
#store .store_item .txt h3 { font-size: 1.9rem; font-weight: 700; line-height: 1.4; color: #222; }
#store .store_item.active .txt h3 { color: #d22323; }
#store .store_item .txt .address { margin-top: 0.8rem; font-size: 1.4rem; line-height: 1.6; color: #777; word-break: keep-all; }
#store .store_item .txt .tel { margin-top: 0.7rem; font-size: 1.4rem; color: #555; }

#store .store_right { display: flex; flex: 1; flex-direction: column; min-width: 0; height: 100%; background: #f1f1f1; }
#store .store_map_top { display: flex; align-items: center; justify-content: center; flex-shrink: 0; height: 4.5rem; background: #363f34; font-size: 1.5rem; font-weight: 500; color: #fff; }
#store #store_map { position: relative; flex: 1; width: 100%; min-height: 0; background: #e9e9e9; }
#store .map_place { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; width: 100%; height: 100%; }

@media screen and (max-width: 1480px) {
    #store .store_left { flex-basis: 37rem; }
    #store .store_item { gap: 1.3rem; padding: 2rem 1.5rem; }
    #store .store_item .img { width: 10rem; height: 8rem; }
    #store .store_item .txt h3 { font-size: 1.8rem; }
}

@media screen and (max-width: 1280px) {
    #store .store_wrap { gap: 2rem; height: 65rem; }
    #store .store_left { flex-basis: 34rem; }
    #store .store_search { padding: 1.5rem; }
    #store .store_item .img { width: 9rem; height: 8rem; }
}

@media screen and (max-width: 976px) {
    #store .store_wrap { flex-direction: column; height: auto; }
    #store .store_left { display: contents; }
    #store .store_search { order: 1; }
    #store .store_right { order: 2; flex: none; height: 45rem; }
    #store .store_list { order: 3; flex: none; max-height: 45rem; overflow-y: auto; border: 1px solid #e5e5e5; }
    #store .store_item .img { width: 12rem; height: 9rem; }
    #store .store_item .txt h3 { font-size: 1.9rem; }
}

@media screen and (max-width: 768px) {
    #store .store_wrap { gap: 1.5rem; }
    #store .store_right { height: 38rem; }
    #store .store_map_top { font-size: 1.3rem; }
    #store .store_select select { font-size: 1.4rem; }
    #store .store_keyword input { font-size: 1.4rem; }
    #store .store_keyword button { font-size: 1.4rem; }
    #store .store_list { max-height: 40rem; }
}

@media screen and (max-width: 480px) {
    #store .store_search { padding: 1.2rem; }
    #store .store_select select { height: 4.5rem; padding: 0 0.8rem; font-size: 1.3rem; }
    #store .store_keyword input { height: 4.5rem; padding: 0 1rem; font-size: 1.3rem; }
    #store .store_keyword button { width: 6rem; height: 4.5rem; font-size: 1.3rem; }
    #store .store_right { height: 32rem; }
    #store .store_map_top { height: 4rem; font-size: 1.2rem; }
    #store .store_list { max-height: 36rem; }
    #store .store_item { gap: 1.2rem; padding: 1.5rem 1rem; }
    #store .store_item .img { width: 10rem; height: 8rem; }
    #store .store_item .txt h3 { font-size: 1.7rem; }
    #store .store_item .txt .address { font-size: 1.3rem; }
    #store .store_item .txt .tel { font-size: 1.3rem; }
}


#franchise_cost { position: relative; padding: 15rem 0; background: linear-gradient(to top, #fff0ef 0%, #fff7f6 30%, #fff 70%); overflow: hidden; }
#franchise_cost .inner { position: relative; z-index: 1; }
#franchise_cost .cost_wrap { position: relative; }

#franchise_cost .cost_title{text-align: center;}
#franchise_cost .cost_title h2 {font-size: 5rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.04em; color: #222; }
#franchise_cost .cost_title h2 span { color: #d22323; }
#franchise_cost .cost_title .desc { margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.8; color: #777; }

#franchise_cost .cost_table { margin-top: 7rem; overflow: hidden; border: 1px solid #ddd; border-radius: 1rem; background: rgba(255,255,255,0.96); }
#franchise_cost .cost_table table { width: 100%; border-collapse: collapse; table-layout: fixed; }
#franchise_cost .cost_table thead { background: #333; }
#franchise_cost .cost_table thead th { padding: 2.3rem 2rem; border-right: 1px solid #555; font-size: 1.9rem; font-weight: 600; text-align: center; color: #fff; }
#franchise_cost .cost_table thead th:last-child { border-right: 0; }
#franchise_cost .cost_table tbody tr { border-bottom: 1px solid #e5e5e5; }
#franchise_cost .cost_table tbody tr:last-child { border-bottom: 0; }
#franchise_cost .cost_table tbody th { padding: 2.5rem 2rem; border-right: 1px solid #eee; font-size: 2rem; font-weight: 700; text-align: center; color: #333; }
#franchise_cost .cost_table tbody td { padding: 2.5rem 2rem; border-right: 1px solid #eee; font-size: 1.8rem; text-align: center; color: #555; }
#franchise_cost .cost_table tbody td:nth-child(2) { font-size: 2.2rem; font-weight: 700; color: #222; }
#franchise_cost .cost_table tbody td:last-child { border-right: 0; }
#franchise_cost .cost_table tbody tr.point { background: #fff9f7; }
#franchise_cost .cost_table tbody tr.point th { color: #d22323; }
#franchise_cost .cost_table tbody tr.point td:nth-child(2) { color: #d22323; }

#franchise_cost .cost_name { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.5rem; }
#franchise_cost .cost_name span{text-decoration: line-through;  text-decoration-thickness: 2px;text-decoration-color: #d22323; color: #888;}
#franchise_cost .cost_name em { display: inline-block; padding: 0.7rem 1rem; border-radius: 0.4rem; background: #d22323; font-size: 1.4rem; font-weight: 600; font-style: normal; white-space: nowrap; color: #fff; animation: costBlink 1.2s ease-in-out infinite;}
#franchise_cost .cost_notice { margin-top: 2rem; font-size: 1.4rem; line-height: 1.8; text-align: right; color: #888; }
@keyframes costBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.25; }
}
@media screen and (max-width: 1280px) {
    #franchise_cost { padding: 12rem 0; }
    #franchise_cost .cost_title h2 { font-size: 4.5rem; }
    #franchise_cost .cost_table { margin-top: 6rem; }
    #franchise_cost .cost_table tbody th { font-size: 1.8rem; }
    #franchise_cost .cost_table tbody td { font-size: 1.7rem; }
    #franchise_cost .cost_table tbody td:nth-child(2) { font-size: 2rem; }
}

@media screen and (max-width: 976px) {
    #franchise_cost:before { width: 80%; height: 55%; opacity: 0.4; }
    #franchise_cost .cost_title h2 { font-size: 4rem; }
    #franchise_cost .cost_title .desc { font-size: 1.6rem; }
    #franchise_cost .cost_table tbody th { padding: 2rem 1rem; }
    #franchise_cost .cost_table tbody td { padding: 2rem 1rem; }
    #franchise_cost .cost_name { gap: 0.8rem; }
}

@media screen and (max-width: 768px) {
    #franchise_cost { padding: 10rem 0; }
    #franchise_cost:before { width: 100%; height: 45%; opacity: 0.25; }
    #franchise_cost .cost_title .eng { font-size: 1.5rem; }
    #franchise_cost .cost_title .desc { font-size: 1.5rem; }
    #franchise_cost .cost_table { margin-top: 5rem; }
    #franchise_cost .cost_table thead th { padding: 1.8rem 1rem; font-size: 1.5rem; }
    #franchise_cost .cost_table tbody th { font-size: 1.6rem; }
    #franchise_cost .cost_table tbody td { font-size: 1.4rem; }
    #franchise_cost .cost_table tbody td:nth-child(2) { font-size: 1.8rem; }
    #franchise_cost .cost_name em { font-size: 1.1rem; }
    #franchise_cost .cost_notice { font-size: 1.2rem; }
}

@media screen and (max-width: 480px) {
    #franchise_cost { padding: 8rem 0; }
    #franchise_cost .cost_title .eng { font-size: 1.3rem; }
    #franchise_cost .cost_title h2 { font-size: 3.5rem; }
    #franchise_cost .cost_title .desc { font-size: 1.6rem; }
    #franchise_cost .cost_table { margin-top: 4rem; }
    #franchise_cost .cost_table colgroup col:first-child { width: 38% !important; }
    #franchise_cost .cost_table colgroup col:nth-child(2) { width: 27% !important; }
    #franchise_cost .cost_table colgroup col:last-child { width: 35% !important; }
    #franchise_cost .cost_table thead th { padding: 1.5rem 0.5rem; font-size: 1.3rem; }
    #franchise_cost .cost_table tbody th { padding: 1.8rem 0.5rem; font-size: 1.4rem; }
    #franchise_cost .cost_table tbody td { padding: 1.8rem 0.5rem; font-size: 1.2rem; word-break: keep-all; }
    #franchise_cost .cost_table tbody td:nth-child(2) { font-size: 1.5rem; }
    #franchise_cost .cost_name { flex-direction: column; gap: 0.7rem; }
    #franchise_cost .cost_name em { padding: 0.5rem 0.7rem; font-size: 1rem; }
    #franchise_cost .cost_notice { font-size: 1.1rem; text-align: left; }
}


#franchise_setup { position: relative; padding: 15rem 0; background: url('/images/sub/franchise_setup_bg.webp') center center / cover no-repeat;}
#franchise_setup .setup_list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2rem; margin-top: 7rem; }
#franchise_setup .setup_item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 28rem; padding: 4rem 2rem; border-radius: 1.5rem; box-sizing: border-box; background: rgba(255,255,255,1); text-align: center; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
#franchise_setup .setup_item .num { position: absolute; top: 2.5rem; left: 2.5rem; font-family: 'paperlogy'; font-size: 1.5rem; font-weight: 600; color: #d22323; }
#franchise_setup .setup_item .icon { display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; margin-bottom: 3rem; border-radius: 50%; background: linear-gradient(to right, #de6605, #9d0f17); }
#franchise_setup .setup_item .icon img { display: block; width: 7rem; height: 7rem; object-fit: contain; }
#franchise_setup .setup_item h3 { font-size: 2.4rem; font-weight: 700; line-height: 1.5; color: #222; }



@media screen and (max-width: 1280px) {
    #franchise_setup { padding: 12rem 0; }
    #franchise_setup .setup_title h2 { font-size: 4.5rem; }
    #franchise_setup .setup_item { min-height: 25rem; }
    #franchise_setup .setup_item h3 { font-size: 2.1rem; }
}

@media screen and (max-width: 976px) {
    #franchise_setup .setup_list { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #franchise_setup .setup_item { min-height: 23rem; }
    #franchise_setup .setup_title h2 { font-size: 4rem; }
    #franchise_setup .setup_title .desc { font-size: 1.6rem; }
}

@media screen and (max-width: 768px) {
    #franchise_setup { padding: 10rem 0; }
    #franchise_setup .setup_list { gap: 1.5rem; margin-top: 5rem; }
    #franchise_setup .setup_item { min-height: 21rem; padding: 3rem 1.5rem; }
    #franchise_setup .setup_item .icon { width: 8rem; height: 8rem; margin-bottom: 2rem; }
    #franchise_setup .setup_item .icon img { width: 5rem; height: 5rem; }
    #franchise_setup .setup_item h3 { font-size: 2rem; }
}

@media screen and (max-width: 480px) {
    #franchise_setup { padding: 8rem 0; }
    #franchise_setup .setup_title h2 { font-size: 3.5rem; }
    #franchise_setup .setup_title .desc { font-size: 1.6rem; }
    #franchise_setup .setup_list { gap: 1rem; margin-top: 4rem; }
    #franchise_setup .setup_item { min-height: 18rem; padding: 3rem 1rem; border-radius: 1rem; }
    #franchise_setup .setup_item .num { top: 1.5rem; left: 1.5rem; font-size: 1.3rem; }
    #franchise_setup .setup_item .icon { width: 6rem; height: 6rem; margin-bottom: 1.5rem; }
    #franchise_setup .setup_item .icon img { width: 4rem; height: 4rem; }
    #franchise_setup .setup_item h3 { font-size: 1.7rem; }
}


#franchise_setup .setup_highlight { position: relative; text-align: center; }
#franchise_setup .setup_highlight h3 {font-size: 5rem; font-weight: 800; line-height: 1.4; letter-spacing: -0.05em; color: #fff; }
#franchise_setup .setup_highlight h3 span { color: #d22323; }
#franchise_setup .setup_highlight strong { display: inline-block; margin-top: 3rem; padding: 1.5rem 3.5rem; background: #d22323; font-size: 3rem; font-weight: 700; color: #fff; transform: rotate(-2deg); font-family: 'paperlogy';}

@media screen and (max-width: 976px) {
    #franchise_setup .setup_highlight h3 { font-size: 4.2rem; }
    #franchise_setup .setup_highlight strong { font-size: 2.7rem; }
}

@media screen and (max-width: 768px) {
    #franchise_setup .highlight_sub { font-size: 1.7rem; }
    #franchise_setup .setup_highlight h3 { font-size: 3.5rem; }
    #franchise_setup .setup_highlight strong { padding: 1.3rem 2.5rem; font-size: 2.5rem; }
}

@media screen and (max-width: 480px) {
    #franchise_setup .highlight_sub { font-size: 1.5rem; }
    #franchise_setup .setup_highlight h3 { font-size: 3.5rem; }
    #franchise_setup .setup_highlight strong { padding: 1.3rem 1.5rem; }
}


#franchise_process { position: relative; padding: 15rem 0; background: linear-gradient(rgba(255,255,255,0.80), rgba(255,255,255,0.80)), url('/images/sub/franchise_process_bg.webp') no-repeat center center / cover; overflow: hidden; }
#franchise_process .inner { position: relative; z-index: 1; }
#franchise_process .process_title { text-align: center; }
#franchise_process .process_title h2 { font-size: 5rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.04em; color: #222; }
#franchise_process .process_title p { margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.8; color: rgba(0,0,0,0.75); }
#franchise_process .process_title h2 span {color: #d22323; }

#franchise_process .process_wrap { margin-top: 8rem; padding: 5rem; background: rgba(0,0,0,0.5);}
#franchise_process .process_list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6rem 5rem; margin: 0; padding: 0; list-style: none; }
#franchise_process .process_list li { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 27rem; padding: 5rem 2rem 3rem; background: rgba(0,0,0,0.5); box-sizing: border-box; text-align: center; transition: background 0.3s, transform 0.3s; }
#franchise_process .process_list li:nth-child(even) { background: rgba(0,0,0,0.4); }
#franchise_process .process_list li .num { position: absolute; top: -2.5rem; left: -2rem; z-index: 2; display: flex; align-items: center; justify-content: center; width: 5.5rem; height: 5.5rem; border-radius: 50%; background: #d22323; font-family: 'paperlogy'; font-size: 2rem; font-weight: 700; color: #fff; }

#franchise_process .process_item { width: 100%; }
#franchise_process .process_item img { display: block; width: 8rem; height: 8rem; margin: 0 auto; object-fit: contain; }
#franchise_process .process_item h3 { margin-top: 2.5rem; font-size: 2.4rem; font-weight: 700; line-height: 1.4; color: #fff; word-break: keep-all; }
#franchise_process .process_item p { margin-top: 1.5rem; font-size: 1.6rem; line-height: 1.6; color: rgba(255,255,255,0.65); word-break: keep-all; }

#franchise_process .process_list li:nth-child(5) { grid-column: 4; grid-row: 2; }
#franchise_process .process_list li:nth-child(6) { grid-column: 3; grid-row: 2; }
#franchise_process .process_list li:nth-child(7) { grid-column: 2; grid-row: 2; }
#franchise_process .process_list li:nth-child(8) { grid-column: 1; grid-row: 2; }

#franchise_process .process_list li:nth-child(-n+3):after { content: '>'; position: absolute; left: 100%; top: 50%; width: 5rem; font-size: 3rem; line-height: 1; color: #FFF; transform: translateY(-50%); font-family:'suit';}
#franchise_process .process_list li:nth-child(4):after { content: '>'; position: absolute; left: 50%; top: 100%; height: 6rem; display: flex; align-items: center; font-size: 3rem; color: #FFF; transform: translateX(-50%) rotate(90deg); font-family:'suit';}
#franchise_process .process_list li:nth-child(n+5):nth-child(-n+7):after { content: '<'; position: absolute; right: 100%; top: 50%; width: 5rem; font-size: 3rem; line-height: 1; color: #FFF; transform: translateY(-50%);  font-family:'suit';}

#franchise_process .process_list li.last { background: #d22323; }
#franchise_process .process_list li.last .num { background: #fff; color: #d22323; }
#franchise_process .process_list li.last h3 { color: #fff; }
#franchise_process .process_list li.last p { color: rgba(255,255,255,0.85); }

@media screen and (max-width: 1280px) {
    #franchise_process { padding: 12rem 0; }
    #franchise_process .process_title h2 { font-size: 4.5rem; }
    #franchise_process .process_wrap { padding: 4rem; }
    #franchise_process .process_list { gap: 5rem 4rem; }
    #franchise_process .process_list li { min-height: 24rem; padding: 4rem 1.5rem 2.5rem; }
    #franchise_process .process_item img { width: 7rem; height: 7rem; }
    #franchise_process .process_item h3 { font-size: 2.1rem; }
    #franchise_process .process_item p { font-size: 1.5rem; }
    #franchise_process .process_list li:nth-child(-n+3):after { width: 4rem; font-size: 2.5rem; }
    #franchise_process .process_list li:nth-child(4):after{font-size: 2.5rem;height: 5rem;}
    #franchise_process .process_list li:nth-child(n+5):nth-child(-n+7):after { width: 4rem; font-size: 2.5rem; }
}

@media screen and (max-width: 976px) {
    #franchise_process .process_title h2 { font-size: 4rem; }
    #franchise_process .process_title p { font-size: 1.6rem; }
    #franchise_process .process_list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4rem 2.5rem; }
    #franchise_process .process_list li { grid-column: auto; grid-row: auto; min-height: 23rem; }
    #franchise_process .process_list li:nth-child(3) { grid-column: 1; grid-row: 2; }
    #franchise_process .process_list li:nth-child(4) { grid-column: 2; grid-row: 2; }
    #franchise_process .process_list li:nth-child(5) { grid-column: 1; grid-row: 3; }
    #franchise_process .process_list li:nth-child(6) { grid-column: 2; grid-row: 3; }
    #franchise_process .process_list li:nth-child(7) { grid-column: 1; grid-row: 4; }
    #franchise_process .process_list li:nth-child(8) { grid-column: 2; grid-row: 4; }
    #franchise_process .process_list li:after { display: none !important; }
}

@media screen and (max-width: 768px) {
    #franchise_process { padding: 10rem 0; }
    #franchise_process .process_title h2 { font-size: 3.5rem; }
    #franchise_process .process_title p { font-size: 1.5rem; }
    #franchise_process .process_wrap { margin-top: 6rem; padding: 3rem; }
    #franchise_process .process_list { gap: 4rem 2rem; }
    #franchise_process .process_list li { min-height: 20rem; }
    #franchise_process .process_list li .num { width: 4.5rem; height: 4.5rem; top: -2rem; left: -1.5rem; font-size: 1.7rem; }
    #franchise_process .process_item img { width: 6rem; height: 6rem; }
    #franchise_process .process_item h3 { font-size: 1.9rem; }
    #franchise_process .process_list li:nth-child(1):after, #franchise_process .process_list li:nth-child(3):after, #franchise_process .process_list li:nth-child(5):after, #franchise_process .process_list li:nth-child(7):after { width: 2rem; }
}

@media screen and (max-width: 480px) {
    #franchise_process { padding: 8rem 0; }
    #franchise_process .process_title h2 { font-size: 3.5rem; }
    #franchise_process .process_title p { font-size: 1.4rem; }
    #franchise_process .process_wrap { margin-top: 5rem; padding: 2rem; }
    #franchise_process .process_list { grid-template-columns: 1fr; gap: 3rem; }
    #franchise_process .process_list li { grid-column: auto !important; grid-row: auto !important; min-height: 0; padding: 3rem 2rem; }
    #franchise_process .process_list li .num { top: -1.5rem; left: -1rem; width: 4rem; height: 4rem; font-size: 1.5rem; }
    #franchise_process .process_item img { width: 5.5rem; height: 5.5rem; }
    #franchise_process .process_item h3 { margin-top: 1.5rem; font-size: 2rem; }
    #franchise_process .process_item h3 br { display: none; }
    #franchise_process .process_item p { margin-top: 1rem; }
    #franchise_process .process_list li:after { content: '>' !important; position: absolute; display: flex !important; align-items: center; justify-content: center; left: 50% !important; right: auto !important; top: 100% !important; width: 3rem !important; height: 3rem !important; font-size: 2.2rem !important; color: #ff5555; transform: translateX(-50%) rotate(90deg) !important; }
    #franchise_process .process_list li:last-child:after { display: none !important; }
}


#memWrap {border:10px solid #f7eeee; padding:30px; font-size:1.6rem; line-height:1.6em; font-family: 'suit';}
#memWrap h3 { font-size:2.3rem; color:#111; margin:2em 0 0.5em;}
#memWrap .box {background:#f9f9f9; padding:20px;font-size:1.8rem; line-height:1.8em;  }

@media all and (max-width:480px){
	#memWrap {border:5px solid #f7eeee; padding:5vw; font-size:1.6rem; line-height:1.4em; }
	#memWrap h3 { font-size:2.0rem;  margin:5vw 0 2vw;}
	#memWrap .box { padding:10px;font-size:1.6rem; line-height:1.6em;  }
}