html, body { background-color: #f0f0f0; /* Default background */ font-family: "Pretendard", "Malgun Gothic", sans-serif; color: #333;
}
a { color: inherit; text-decoration: none; }
/* Common Wrap Class */
.wrap { max-width: 1400px; margin: 0 auto; padding: 0; }


.pc_br{display:inline;}
.m_br{display:none;}


#pcb{display:inline;}
#mob{display:none;}


#org {color:#ff7e1f;}
#orgbg {background:#ff7e1f;}

#goldtxt { background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A);
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;box-sizing: border-box;}
#goldbg {background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A);}
#goldbd {border-color: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A);}


@media (max-width:1024px) {
.pc_br{display:none;}
.m_br{display:inline;}

#pcb {display:none;}
#mob {display:inline;}

}




@media (max-width:767px) {
	.pc_br{display:none;}
	.m_br{display:inline;}

	#pcb {display:none;}
	#mob {display:inline;}

	}





/* Section 1: Hero (Revised) */
.hero-s1-revised { display: flex; flex-direction: column; position: relative; height: 100vh; background: url('/img/header/header_bg.webp') no-repeat center center; background-size: cover; color: #fff; }
.hero-s1-revised::before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); content: ''; }
.hero-s1-revised .inner { display: flex; justify-content: space-between; flex-direction: column; position: relative; z-index: 2; height: 100%; }

.hero-s1-revised .header { display: flex; align-items: center; justify-content: space-between; width: 100%; margin:0 auto; padding:1.5rem 2rem; box-sizing: border-box;}
.hero-s1-revised .header .logo img {width:auto;}
.hero-s1-revised .header .logo .main { font-size: 20px; font-weight: 800; letter-spacing: -0.5px; }
.hero-s1-revised .header .logo .sub { font-size: 12px; font-weight: 500; color: #ccc; }

.hero-s1-revised .header .contact { width:auto; font-family: 'Paperlogy-7Bold'; font-size: 23px; text-align:left;  }
.hero-s1-revised .header .contact i { font-size: 22px; margin-right: 5px; }
.hero-s1-revised .header .contact span { font-family: 'Paperlogy-9Black';color:#ff7814;}

.hero-s1-revised .content { display:flex; align-items: center; justify-content: center;  height:100%; text-align: center;}
.hero-s1-revised .txt .main-title {font-family: 'Simple';font-size: 62px;font-weight: 900;line-height: 1.3;margin-bottom: 10px;}
.hero-s1-revised .txt .main-title .highlight {padding: 0;border-radius: 8px;color:#ff7814;}
.hero-s1-revised .txt .sub-title {font-size: 24px;font-weight: 700;margin-bottom: 20px;}
.hero-s1-revised .txt p { font-size: 16px; line-height: 1.8; color: #ddd; margin-bottom: 30px; }
.hero-s1-revised .txt p .highlight { padding: 2px 6px; border-radius: 4px; font-weight: 700; color:#ff7814; }
.hero-s1-revised .txt .logo-img { display: block; width: auto; height: 50px; margin: 0 auto; }

@media (max-width:1024px) {
	.hero-s1-revised { height: 700px; }
	.hero-s1-revised .header .logo img {width:170px;}
	.hero-s1-revised .txt .main-title { font-size: 54px; }
	.hero-s1-revised .txt .sub-title { font-size: 22px; }
}

@media (max-width:767px) {

	.hero-s1-revised { height: 100vh; }
	.hero-s1-revised .header { padding: 15px 10px;  }
	.hero-s1-revised .header .logo img {width:130px;}

	.hero-s1-revised .header .contact { font-family: 'Paperlogy-7Bold'; font-size: 12px; }
	.hero-s1-revised .header .contact i { font-size: 11px;margin-right: 3px; margin-left:3px;}
	.hero-s1-revised .header .contact span {font-size:14px;}


	.hero-s1-revised .txt .main-title { font-size: 34px; }
	.hero-s1-revised .txt .sub-title { font-size: 18px; }
	.hero-s1-revised .txt p { font-size: 14px; }

}





.intro-s1 {position: relative;width: 100%;height: 100%;padding: 120px 0;background: url("/img/m1/m1_bg.webp") no-repeat center center;background-size: cover;color: #fff; box-sizing: border-box;}
.intro-s1::before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); content: ""; }
.intro-s1 .wrap { position: relative; z-index: 2; text-align: center; }
.intro-s1 .txt { font-family: 'Simple'; margin-bottom: 80px;}
.intro-s1 .txt .point-title {font-size: 38px;font-weight: 700;color: #ff7814;margin-bottom: 10px;}
.intro-s1 .txt .quote {font-size: 48px;font-weight: 900; line-height: 1.5;margin-bottom: 18px; }
.intro-s1 .txt .quote span {box-shadow: inset 0 -15px 0 rgba(255,120,25,0.80);}
.intro-s1 .txt p {max-width: auto;margin: 0 auto;font-family: 'Paperlogy-3Light';font-size: 24px;line-height:1.8;}
.intro-s1 .gallery .grid { display: grid; gap: 20px; grid-template-columns: repeat(6, 1fr); }
.intro-s1 .gallery .item .img { position: relative; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; }
.intro-s1 .gallery .item img { width: 100%; height: 100%; transition: transform 0.3s ease; object-fit: cover; }
.intro-s1 .gallery .item .img:hover img { transform: scale(1.05); }

@media (max-width:1024px) {
	.intro-s1 { padding: 100px 0; }
	.intro-s1 .txt .quote { font-size: 40px; }
	.intro-s1 .txt p {font-size: 14px;line-height: 1.6;}
	.intro-s1 .gallery .grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width:767px) {
	.intro-s1 { padding: 80px 10px; }
	.intro-s1 .txt { margin-bottom: 60px; }
    .intro-s1 .txt .point-title {font-size:22px;}
	.intro-s1 .txt .quote {font-size: 20px; margin-bottom:12px;}
	.intro-s1 .txt .quote span {box-shadow: inset 0 -5px 0 rgba(255,120,25,0.80);}
    .intro-s1 .txt p {font-size: 14px;line-height: 1.6;}
	.intro-s1 .gallery .grid { gap: 15px; grid-template-columns: repeat(2, 1fr); }
}












.success-s2 { width: 100%; height: auto; padding: 120px 0; background: url('/img/m2/m2_bg.webp') no-repeat 50% 0; background-size: cover; color: #fff; background-blend-mode: overlay; }
.success-s2 .header { font-family: 'Simple'; text-align: center; margin-bottom: 80px; }
.success-s2 .header .sub-title { font-size: 38px; font-weight: 400; color: #fff; margin-bottom: 10px; }
.success-s2 .header .main-title { background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A); -webkit-background-clip: text; background-clip: text; font-size: 54px; font-weight: 800; line-height: 1.4; color: transparent; }
.success-s2 .header .main-title span { padding: 100px 0; box-sizing: border-box; }
.success-s2 .header .main-title + .sub-title { font-family: 'Paperlogy-4Regular'; font-size: 24px; font-weight: 500; color: #fff; margin-top: 10px; }
.success-s2 .grid { display: grid; align-items: center; grid-template-columns: 1fr 1fr; }
.img-gradient-border { width: 100%; height: 700px; padding: 5px; border-radius: 18px; background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A); }
.success-s2 .item .img { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; }
.success-s2 .item .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.success-s2 .stats { text-align: center; }
.success-s2 .item_title { width: auto; margin: 0 auto; text-align: center; }
.success-s2 .store-title { display: flex; justify-content: center; width: 480px; margin: 0 auto; padding: 5px 15px; border: 3px solid transparent; background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A); -webkit-background-clip: text; background-clip: text; font-family: 'Ria'; font-size: 58px; font-weight: 700; color: transparent; border-image: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A) 1; border-image-slice: 1; margin-bottom: 10px; }
.success-s2 .store-info { font-size: 24px; font-weight: 500; color: #fff; margin-bottom: 45px; }
.success-s2 .stats .metric { display: flex; gap: 10px; align-items: center; justify-content: center; margin-bottom: 30px; }
.success-s2 .stats .metric .txt { text-align: center; }
.success-s2 .stats .metric .value { background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A); -webkit-background-clip: text; background-clip: text; font-family: 'Simple'; font-size: 80px; font-weight: 900; line-height: 1; color: transparent; }
.success-s2 .stats .metric .value i { font-size: 64px; }
.success-s2 .stats .metric .label { font-family: 'Paperlogy-4Regular'; font-size: 32px; color: #fff; }
.success-s2 .stats .margin-box { display: inline-flex; align-items: center; justify-content: center; flex-direction: column; width: 55%; padding: 15px; border-radius: 50px; background: linear-gradient(140deg, #a96632, #eca84a, #b77438); color: #fff; margin-top: 15px; }
.success-s2 .stats .margin-box .label { font-family: 'Paperlogy-7Bold'; font-size: 34px; }
.success-s2 .stats .margin-box .value { font-size: 84px; font-weight: 900; line-height: 1; }


@media (max-width:1024px) {
	.success-s2 { padding: 100px 0; }
	.success-s2 .header .main-title { font-size: 36px; }
	.success-s2 .header .sub-title { font-size: 20px; margin-bottom: 5px; }
	.success-s2 .grid { gap: 50px; grid-template-columns: 1fr; display:flex; flex-direction: column; justify-content: center; }
}

@media (max-width:767px) {
	.success-s2 { padding: 80px 0; }
	.success-s2 .header { margin-bottom: 45px; }
	.success-s2 .header .main-title { font-size: 24px; }
	.success-s2 .header .sub-title { font-size: 18px; }
	.success-s2 .header .main-title + .sub-title { font-size: 16px; }
	.img-gradient-border { width: 80%; height: 300px; margin: 0 auto; }

	.success-s2 .item_title { width: 80%; margin: 0 auto; text-align: center; }
	.success-s2 .item_title .store-title { max-width: 70%; font-size: 30px; }
	.success-s2 .item_title .store-info { margin-bottom: -25px; }
	.success-s2 .stats .metric { margin-bottom: 15px; }
	.success-s2 .stats .metric .value { font-size: 40px; margin-bottom: 5px; }
	.success-s2 .stats .metric .value i { font-size: 34px; }
	.success-s2 .stats .metric .label { font-size: 22px; }
	.success-s2 .stats .margin-box { width: 70%; padding: 10px; margin-top: 10px; }
	.success-s2 .stats .margin-box .value { font-family: 'Daeojamjil'; font-size: 50px; }
	.success-s2 .stats .margin-box .label { font-size: 18px; }
}






.brand-points-s3 {
    padding: 80px 0;
    background: url('/img/m3/m3_bg.webp') no-repeat;
    background-size: cover;
    text-align: center;
	width:100%;
	position: relative;
}
.brand-points-s3 .header .sub-title {
    font-size: 34px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}
.brand-points-s3 .header .main-title {
    font-family: 'Simple', 'Times New Roman', Times, serif;
    font-size: 84px;
    font-style: italic;
    font-weight: 900;
    color: #222;
    margin-bottom: 25px;
}
.brand-points-s3 .header .main-title i {
    vertical-align: middle;
    padding: 0 0.3rem;
    font-size: 12px;
    color: #ff7814;
}
.brand-points-s3 .header .desc {
    font-family: 'Simple', 'Times New Roman', Times, serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.4;
    color: #000;
}
.brand-points-s3 .header .desc span {
    color: #ff7814;
}



@media (max-width: 1024px) {
	.brand-points-s3 {
		padding: 80px 0;
		background: url('/img/m3/m3_bg.webp') no-repeat;
		background-size: cover;
		text-align: center;
		width:100%;
		position: relative;
	}
    .brand-points-s3 .header .main-title { font-size: 52px; }
    .brand-points-s3 .header .desc { font-size: 20px; }
}





@media (max-width:767px) {
    /* Header */
	.brand-points-s3 {
		padding: 80px 0;
		background: url('/img/m3/m3_bg.webp') no-repeat;
		background-size: cover;
		text-align: center;
		width:100%;
		position: relative;
	}
    .brand-points-s3 .header .sub-title { font-size: 18px; margin-bottom: 5px; }
    .brand-points-s3 .header .main-title { font-size: 40px; margin-bottom: 5px; }
    .brand-points-s3 .header .desc { font-size: 18px; }
}










/* =================================================================
 * Section 5: Combined Points with Horizontal Scroll
 * ================================================================= */

/* --- Layout & Animation Structure --- */
.brand-points-combined {
    color: #fff;
    text-align: center;
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* Individual Backgrounds & Highlight Colors */
.points-section01 { background: url('/img/m4/m4_bg.webp') no-repeat 50% 0; background-size:cover; background-color: #ff6b00; }
.points-section01 .point-block .block-title .highlight { color: #ff750b; }

.points-section02 { background: url('/img/m5/m5_bg.webp') no-repeat 50% 0; background-size:cover; background-color: #1a110a; }
.points-section02 .point-block .block-title .highlight { color: #eb4200; }

.points-section03 { background: url('/img/m6/m6_bg.webp') no-repeat 50% 0; background-size:cover; background-color: #1a110a; }
.points-section03 .point-block .block-title .highlight { color: #b93900; }

/* --- Content Styles --- */
.content-v1, .content-v2 {
    width: 100%;
    padding:150px 0;
    box-sizing: border-box;
    flex-shrink: 0;
}


.brand-points-combined .point-block {
    width: 100%;
    margin-bottom: 0;
}

.brand-points-combined .block-title {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-family: 'Simple', 'Times New Roman', Times, serif;
    font-size: 52px;
    font-style: italic;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.brand-points-combined .block-title .highlight {
    padding: 10px 20px 0 8px;
    border-radius: 0.3rem;
    background: #fff;
    font-size: 4rem;
    color: #000;
    margin-right: 0.3rem;
}

.brand-points-combined .gallery {
    display: grid;
    gap: 20px;
    width: 90%;
    margin: 0 auto 50px auto;
}
.brand-points-combined .gallery.cols-3 { grid-template-columns: repeat(3, 1fr); }
.brand-points-combined .gallery.cols-4 { grid-template-columns: repeat(4, 1fr); }

.brand-points-combined .single-img { margin-bottom: 0; }
.brand-points-combined .single-img img {
    width: 100%;
    max-width: 800px;
    border-radius: 10px;
}

.brand-points-combined .gallery .item .img {
    position: relative;
    width: 100%;
    height: 240px;
    border-radius: 10px;
    overflow: hidden;
}

.brand-points-combined .gallery .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.brand-points-combined .gallery .item .img:hover img {
    transform: scale(1.05);
}

.brand-points-combined .features {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    margin-top: 20px;
}

.brand-points-combined .feature-item {
    width: 100%;
    max-width: 750px;
    padding: 12px 30px;
    border-radius: 50px;
    background-color: #fff;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-align: center;
    box-sizing: border-box;
}

.brand-points-combined .features .feature-item:first-child {
    background: none;
    font-family: 'Ria', 'Georgia', serif;
    font-size: 38px;
    color: #fff;
    margin-bottom: 10px;
    padding: 0;
}

.brand-points-combined .features .feature-item:last-child {
    background: none;
    font-family: 'Paperlogy-4Regular';
    font-size: 32px;
    color: #fff;
    margin-top: 10px;
    padding: 0;
}

.brand-points-combined .log {
    background-color: #ff6b00;
    font-weight: 800;
    color: #fff;
}

.mrgt150 { margin-top: 150px; }


/* =================================================================
 * Responsive Design
 * ================================================================= */
@media (max-width: 1024px) {
	.content-v1 {padding:80px 0 30px;}
	.content-v2 {padding:30px 0 80px;
	}

    .brand-points-combined .gallery.cols-3,
    .brand-points-combined .gallery.cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 767px) {


	.content-v1 {padding:90px 0 50px;}
	.content-v2 {padding:50px 0 90px;
	}

    .brand-points-combined .block-title {
        font-size: 25px;
        margin-bottom: 5px;
    }
    .brand-points-combined .block-title .highlight {
        padding: 8px 10px 0 5px;
        font-size: 2rem;
    }

    .brand-points-combined .gallery {
        width: 95%;
        gap: 5px;
        margin-bottom: 20px;
    }
    .brand-points-combined .gallery .item .img { height: 130px; }
    .brand-points-combined .gallery.cols-3 { grid-template-columns: repeat(3, 1fr);} /* Note: Overrides grid to flex */
    .brand-points-combined .gallery.cols-4 { grid-template-columns: repeat(2, 1fr); }

    .brand-points-combined .features {
        gap: 7px;
        margin-top: 10px;
    }
    .brand-points-combined .feature-item {
        max-width: 90%;
        padding: 5px 0px;
        font-size: 15px;
        font-weight: 500;
		box-sizing:border-box;
    }
    .brand-points-combined .features .feature-item:first-child {
        font-size: 18px;
        margin-bottom: 0;
    }
    .brand-points-combined .features .feature-item:last-child {
		max-width: 100%;
        font-size: 18px;
        margin-top: 0;
    }

    .mrgt150 { margin-top: 80px; }
}


/* =================================================================
 * Section 5-A: Scroll Animation Additions
 * ================================================================= */

/* 애니메이션 대상의 초기 상태 (투명하고, 약간 이동된 상태) */
.content-v1,
.content-v2 {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 왼쪽에서 나타날 요소의 초기 위치 */
.content-v1 {
    transform: translateX(-100px);
}

/* 오른쪽에서 나타날 요소의 초기 위치 */
.content-v2 {
    transform: translateX(100px);
}

/* 화면에 나타났을 때 적용될 클래스 (제자리, 불투명) */
.content-v1.is-visible,
.content-v2.is-visible {
    opacity: 1;
    transform: translateX(0);
}





/* Section 6: Menu Section */
.menu-s5 { padding: 120px 0; background-color: #fff; text-align: center; }
.menu-s5 .header { margin-bottom: 80px; }
.menu-s5 .header .main-title { font-family: 'Simple'; font-size: 82px; font-weight: 900; color: #000; margin-bottom: 15px;}
.menu-s5 .header .main-title .highlight { color: #ff6b00; }
.menu-s5 .header .sub-title { font-size: 32px; font-weight: 400; color: #000; }

.menu-s5 .featured-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); margin-bottom: 60px; }
.menu-s5 .item {width:100%; height:auto; }
.menu-s5 .item .img { position: relative; width: 100%; margin-bottom: 0px; object-fit: cover;}
.menu-s5 .item .img img.food-img { width: 100%; height: 100%; object-fit: cover; }
.menu-s5 .item .img .ribbon-img { position: absolute; top: 5px; right: 0; z-index: 2; width: 100px;
	height: auto; }
.menu-s5 .item .txt { text-align: center; margin-left:-15px;}
.menu-s5 .item .txt .item-title { font-family: 'Simple'; font-size: 34px; font-weight: 800; color: #ff6b00; margin:10px 0 5px;}
.menu-s5 .item .txt p { font-size: 22px; line-height: 1.4; color: #000; }

.menu-s5 .gallery-grid { display: grid; gap: 15px; grid-template-columns: repeat(5, 1fr); }
.menu-s5 .gallery-grid .img { position: relative; width: 100%;	height:100%; border-radius:5px; overflow: hidden;  }
.menu-s5 .gallery-grid .img img { width: 100%; height: 100%; object-fit: cover; }

/* Responsive Design */
@media (max-width:1024px) {
	.menu-s5 { padding: 100px 0; }
	.menu-s5 .header { margin-bottom: 60px; }
	.menu-s5 .featured-grid { gap: 40px; grid-template-columns: repeat(2, 1fr); }
	.menu-s5 .gallery-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width:767px) {
	.menu-s5 { padding: 80px 0; }
	.menu-s5 .header { margin-bottom: 30px; }
	.menu-s5 .header .main-title { font-size: 28px; margin-bottom: 5px;}
	.menu-s5 .header .sub-title { font-size: 16px; }
	.menu-s5 .featured-grid { gap: 5px; grid-template-columns: repeat(2, 1fr); width:90%; margin:0 auto;}
    .menu-s5 .item {margin-bottom:15px; }
	.menu-s5 .item .txt .item-title { font-size: 18px; }
	.menu-s5 .item .txt p { font-size: 13px; }
	.menu-s5 .gallery-grid { gap:5px; grid-template-columns: repeat(3, 1fr); width:90%; margin:0 auto; margin-top:30px;}
	.menu-s5 .gallery-grid .img:last-child {display:none;}
}














/* Section 7: Comparison Section */
.comparison-s6 { position: relative; padding: 120px 0; overflow: hidden; background: url('/img/m8/m8_bg.webp') no-repeat 50% 10%; background-size: cover; color: #fff; text-align: center; background-blend-mode: overlay;}
.comparison-s6 .header {	position: relative; font-family: 'Simple'; margin-bottom: 100px;}
.comparison-s6 .header .sub-title { font-size: 48px; margin-bottom: 10px; }
.comparison-s6 .header .main-title { font-size: 82px; }


.comparison-s6 .grid { display: grid; gap: 20px; align-items: stretch; grid-template-columns: 1fr 1.3fr; }
.comparison-s6 .item { display: flex; flex-direction: column; position: relative;  padding: 90px 20px; border-radius: 20px;
}
.comparison-s6 .item.competitor { background-color: #3a3a3a; }
.comparison-s6 .item.competitor .card-header .name { background-color: #555; }


.comparison-s6 .item.brand { border: 2px solid #e5b864; box-shadow: 0 0 30px rgba(229, 184, 100, 0.3); background: linear-gradient(140deg, #f6c879, #f5c663, #eeac35); }

.comparison-s6 .days-img { position: absolute; top: 0; left: 50%; z-index: 2; transform: translate(-50%, -50%); }
.comparison-s6 .days-img img { display: block; width: 180px; }


.comparison-s6 .item.brand .days-img img { width: 220px; }

.comparison-s6 .card-header { margin-bottom: 40px; }
.comparison-s6 .card-header .name { display: inline-block; padding: 10px 30px; border-radius: 10px; font-size: 38px; font-weight: 700; margin-top: 15px; }


.comparison-s6 .item.brand .card-header .name /* 하쿠류 로고 */ { padding:0;  color: #111;}
.comparison-s6 .item.brand .card-header .name img {width:320px;}

.comparison-s6 .item.brand .features {gap: 40px;}
.comparison-s6 .item.brand .features li { display:flex; justify-content: center; width:85%; padding:25px 10px; border-radius: 10px;background:#fff;box-sizing: border-box; box-sizing: border-box;}

.comparison-s6 .features { display: flex; gap: 80px; align-items: center; flex-grow: 1; flex-direction: column; text-align: center; list-style: none; }
.comparison-s6 .features li { display: flex; gap: 15px; align-items: flex-start; }
.comparison-s6 .item.competitor .features i { font-size: 40px; color: #888; margin-right:8px;}


.comparison-s6 .item.brand .features .icon { color: #e5b864; }
.comparison-s6 .item.brand .features .txt .title { font-family: 'Ria'; font-size: 46px; color: #644000; margin-bottom: 5px;}
.comparison-s6 .item.brand .features .txt .title img {width:45px; margin:10px 5px 0 0;}
.comparison-s6 .item.brand .features .txt .title b {color:#ff9000;}
.comparison-s6 .item.brand .features .txt p { font-size: 28px; font-weight: 400; line-height: 1.4; color: #503400; }

.comparison-s6 .features .txt .title { font-size: 46px; font-weight: 700; color: #fff; margin-bottom: 10px;}
.comparison-s6 .features .txt p { font-size: 28px; font-weight: 400; line-height: 1.4; color: #fff; }



/* Responsive Design */
@media (max-width:1024px) {
	.comparison-s6 .grid { grid-template-columns: 1fr 1fr; }
	.comparison-s6 .item.brand .days-img img { width: 180px; }
}

@media (max-width:767px) {
	.comparison-s6 { padding: 50px 0 80px; }
	.comparison-s6 .header { margin-bottom: 50px; }
	.comparison-s6 .header .sub-title { font-size: 18px; margin-bottom:5px; }
	.comparison-s6 .header .main-title { font-size: 30px;  }



	.comparison-s6 .card-header { margin-bottom: 20px; }

	.comparison-s6 .item.competitor .card-header .name { padding:8px 10px;font-size:18px;}
	.comparison-s6 .item.competitor .features i {font-size:16px; margin-right:5px;}

	.comparison-s6 .item.brand .card-header {margin-bottom:0px;}
	.comparison-s6 .item.brand .card-header .name img {max-width:120px; }

	.comparison-s6 .grid {  display:grid; gap: 0px; align-items: stretch; grid-template-columns: 1fr 1.3fr; }
	.comparison-s6 .item { padding: 30px 12px 20px; }
	.comparison-s6 .item.competitor {height:70%;}
	.comparison-s6 .days-img img { width: 100px; }

	.comparison-s6 .item.brand .days-img img { width: 160px; }

	.comparison-s6 .item.brand .features {gap:20px;}
	.comparison-s6 .item.brand .features li {width:100%; padding:15px 10px;}
	.comparison-s6 .item.brand .features li .icon {margin-top: 5px;}
	.comparison-s6 .item.brand .features .txt .title { font-size: 14px; margin-bottom: 5px; }
	.comparison-s6 .item.brand .features .txt .title img {width:15px; margin:3px 3px 0 0;}
	.comparison-s6 .item.brand .features .txt p { font-size: 14px; line-height: 1.3; }

	.comparison-s6 .features {gap:10px;}
	.comparison-s6 .features li {gap:5px;}

	.comparison-s6 .features .txt .title { font-size: 16px; }
	.comparison-s6 .features .txt p { font-size: 13px; }
}







.curriculum-s7 { position: relative; padding: 120px 0; overflow: hidden; background-color: #1a1510; background-image: url('/img/m8/m8_bg.webp'); background-position: center; background-size: cover; }
.curriculum-s7::before { position: absolute; top: 0; left: 0; z-index: -1; /* 콘텐츠보다 아래에 위치하도록 */ width: 100%; height: 100%; background-color: rgba(26, 21, 16, 0.2); content: ''; backdrop-filter: blur(5px);
}


.curriculum-s7 .header { font-family: 'Simple'; text-align: center; margin-bottom: 80px; }
.curriculum-s7 .header .sub-title { font-size: 34px;margin-bottom: 10px; }
.curriculum-s7 .header .main-title { background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A); -webkit-background-clip: text; background-clip: text; font-size: 76px; color: transparent; }

.curriculum-s7 .grid { display: flex; gap: 180px; flex-direction: column; width: 80%; margin: 0 auto; }

.curriculum-s7 .item { display: grid; gap: 100px; align-items: center; grid-template-columns: 1fr 1fr; }
.curriculum-s7 .item:nth-child(even) { direction: rtl; }
.curriculum-s7 .item:nth-child(even) .txt { direction: ltr; }
.curriculum-s7 .item .img { height: 500px; border:3px solid rgba(255,255,255,0.30); border-radius: 15px; overflow: hidden; }
.curriculum-s7 .item .img img { display: block; width: 100%; height: 100%; object-fit: cover; }

.curriculum-s7 .item .txt .label { font-size: 28px; font-weight: 400; color: #fff; margin-bottom: 10px; }
.curriculum-s7 .item .txt .label b { color: #ff7814; }

.curriculum-s7 .item .txt .title { background: linear-gradient(140deg, #E59F4A, #FDEBC5, #E59F4A); -webkit-background-clip: text; background-clip: text; font-family: 'Simple'; font-size: 42px; line-height: 1.4; color: transparent; margin-bottom: 15px; }
.curriculum-s7 .item .txt .title span { font-size: 28px; }
.curriculum-s7 .item .txt p { font-size: 16px; line-height: 1.7; color: #fff; }

/* Responsive Design */
@media (max-width:1024px) {
	.curriculum-s7 .item { gap: 30px; }
	.curriculum-s7 .item .txt .title { font-size: 24px; }
}

@media (max-width:767px) {

	.curriculum-s7 { position: relative; padding: 80px 0; overflow: hidden; background-color: #000; background-image: url('/img/m8/m8_bg.webp'); background-position: t; background-size: cover; }


	.curriculum-s7 .header {margin-bottom:30px;}
	.curriculum-s7 .header .sub-title { font-size: 18px;margin-bottom: 7px; }
.curriculum-s7 .header .main-title {font-size:28px;}

.curriculum-s7 .item .txt .label {font-size:18px;}
.curriculum-s7 .item .txt .title {font-size:24px; margin-bottom:5px;}
.curriculum-s7 .item .txt .title span { font-size: 18px; }
.curriculum-s7 .item .txt p {font-size:13px;}


	.curriculum-s7 .grid { gap: 60px; }
	.curriculum-s7 .item, .curriculum-s7 .item:nth-child(even) {
		gap: 25px; direction: ltr; /* Reset direction for stacked layout */ grid-template-columns: 1fr; }
	.curriculum-s7 .item:nth-child(even) .txt { direction: ltr; }
	.curriculum-s7 .item .txt { text-align: center; }
}












.media-s8 { padding: 180px 0; background: url('/img/m9/m9_bg.webp') no-repeat 50% 0; background-color: #ff6b00; background-size: cover;}
.media-s8 .content-box { margin:0 auto; padding: 50px 30px; padding:90px 0; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); background-color: #fff; text-align: center; box-sizing: border-box;}
.media-s8 .header { margin-bottom: 50px; }
.media-s8 .header .main-title { font-family: 'Simple'; font-size: 76px; color:#000;margin-bottom: 10px;}
.media-s8 .header .main-title span {color:#ff6b00;}
.media-s8 .header .sub-title { font-size: 34px; font-weight: 400; color: #000; }
.media-s8 .grid { display: flex; gap: 100px; flex-direction: column; width:80%; margin:0 auto;}
.media-s8 .item .img { border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 20px; }
.media-s8 .item .img iframe {height:600px;}
.media-s8 .item .img img { display: block; width: 100%; }
.media-s8 .item .caption img {	width: auto; height: 65px;}
.media-s8 .item .caption { display:flex; align-items: center; justify-content: center;	flex-wrap: wrap; font-size:28px; font-weight: 600; color:#000;}
.media-s8 .item .caption img {margin-right:5px; }

/* Responsive Design */
@media (max-width:767px) {
	.media-s8 { padding: 80px 0; }
	.media-s8 .content-box { max-width:90%; margin:0 auto; padding: 40px 15px;}
	.media-s8 .header { margin-bottom: 20px; }
	.media-s8 .header .main-title { font-size: 20px; margin-bottom: 3px;}
	.media-s8 .header .sub-title { font-size: 14px; }
	.media-s8 .grid { gap: 60px;width:100%;}
	.media-s8 .item .img iframe {height:175px;}
	.media-s8 .item .caption {font-size:20px;}
	.media-s8 .item .caption img { width:auto; height: 25px; }
}












.profit-s9 { position: relative; padding: 120px 0; background: url('/img/m10/m10_bg.webp') no-repeat 50% 0; background-color: #3a1d1d; background-size: cover;}
.profit-s9 .title { font-family: 'Simple'; font-size: 48px; color:#ff8400; text-align:center; margin-bottom: 40px;}
.profit-s9 .title img { display:block; width:400px; margin: auto; margin-bottom:30px;}
.profit-s9 .grid { display: grid; gap: 0px; align-items: center; width:90%; margin:0 auto; grid-template-columns: 1fr 1fr;}
.profit-s9 .chart-area .img img { display: block; width: 100%; max-width: 500px; }

.profit-s9 .info-area .revenue-box { margin-bottom: 40px; }

.profit-s9 .info-area .revenue-box .label { font-family: 'Simple','Paperlogy-4Regular'; font-size: 50px; color: #fff; margin-bottom:15px;}
.profit-s9 .info-area .revenue-box .label span {color: #ffde00; margin-left:5px;}
.profit-s9 .info-area .revenue-box .label b {font-size:36px;}

.profit-s9 .info-area .revenue-box .label.big { font-family: 'Simple','Paperlogy-4Regular'; font-size: 60px; color: #fff;}
.profit-s9 .info-area .revenue-box .label .amount { font-family: 'Simple'; font-size: 72px; margin-top: 5px;}

.profit-s9 .info-area .contact-box { display: inline-flex; gap: 10px; align-items: center; flex-direction: column; padding: 25px 45px; border-radius: 15px; background-color: #210903; }

.profit-s9 .info-area .contact-box .label { font-size: 40px; font-weight: 600; }
.profit-s9 .info-area .contact-box .label i { font-size: 32px; margin-right:5px;}
.profit-s9 .info-area .contact-box .phone { font-size: 60px; font-weight: 800; color: #ffde00; }


/* Responsive Design */
@media (max-width:1024px) {
	.profit-s9 .grid { gap: 40px; }
	.profit-s9 .info-area .title { font-size: 32px; }
	.profit-s9 .info-area .revenue-box .amount { font-size: 28px; }
	.profit-s9 .info-area .contact-box .phone { font-size: 36px; }
}


@media (max-width:767px) {
	.profit-s9 { padding: 60px 0; }
	.profit-s9 .title { font-size: 24px; text-align:center; margin-bottom: 20px;}
.profit-s9 .title img { display:block;width:200px; margin: auto; margin-bottom:10px;}
	.profit-s9 .grid { text-align: center; grid-template-columns: 1fr; }
	.profit-s9 .chart-area .img img { width:80%; margin: 0 auto; }

	.profit-s9 .info-area .revenue-box { margin-bottom: 20px; }
	.profit-s9 .info-area .revenue-box .label { font-size: 18px; font-weight: 500; color: #fff; }
	.profit-s9 .info-area .revenue-box .label.big { font-family: 'Simple','Paperlogy-4Regular'; font-size: 22px; color: #fff;}
	.profit-s9 .info-area .revenue-box .label span { font-size: 24px;color: #ffde00;}
	.profit-s9 .info-area .revenue-box .label b {font-size:16px;}
	.profit-s9 .info-area .revenue-box .label.big {margin-top:7px;}
	.profit-s9 .info-area .revenue-box .label .amount { font-size: 30px;   }

	.profit-s9 .info-area .contact-box {padding:15px 25px;}
	.profit-s9 .info-area .contact-box .label { font-size: 24px; font-weight: 600; }
	.profit-s9 .info-area .contact-box .label i { font-size:18px; margin-right:0px; }
.profit-s9 .info-area .contact-box .phone { font-size: 40px; font-weight: 800; color: #ffde00; }


}

















.procedure-s10 { padding: 140px 0; background-color: #fff; box-sizing: border-box; }
.procedure-s10 .header { text-align: center; margin-bottom: 30px; }
.procedure-s10 .header .main-title { display: inline-block; font-family: 'Simple'; font-size: 80px; font-style: italic; font-weight: 800; color: #ff6b00;  padding-bottom: 10px;}
.procedure-s10 .grid { display: grid; gap: 45px; grid-template-columns: repeat(3, 1fr); }
.procedure-s10 .item { display:flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; padding: 60px 0; border: 2px solid #ff6b00; border-radius: 20px; text-align: center; box-sizing: border-box;}
.procedure-s10 .item .icon { margin-bottom: 20px; }
.procedure-s10 .item .icon img {	width: auto; height: 80px;}
.procedure-s10 .item .txt .title { font-size: 36px; font-weight: 700; color:#000; margin-bottom: 10px;}
.procedure-s10 .item .txt p { font-size: 22px; font-weight: 300; line-height: 1.4; color: #000;}



/* Responsive Design */
@media (max-width:1024px) {
	.procedure-s10 .grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:767px) {
	.procedure-s10 { padding: 60px 10px; }
	.procedure-s10 .header {margin-bottom:10px;}
	.procedure-s10 .header .main-title { font-size: 32px; }
	.procedure-s10 .grid { gap: 15px;  }
	.procedure-s10 .item { padding: 25px 0px; }
	.procedure-s10 .item .icon img {	width: auto; height: 40px;}
	.procedure-s10 .item .txt .title { font-size: 18px; margin-bottom:8px;}
	.procedure-s10 .item .txt p { font-size: 14px; }
}










/* Section 12: Startup Costs Section */
.startup-costs-s11 { padding: 80px 0 140px; background-color: #fff; }
.startup-costs-s11 .header { text-align: center; margin-bottom: 30px; }
.startup-costs-s11 .header .main-title { display: inline-block; font-family: 'Simple'; font-size: 80px;  font-style: italic; color: #ff6b00; margin-bottom: 5px;}
.startup-costs-s11 .header .sub-title { font-size: 34px; font-weight: 500; color: #000; }


.startup-costs-s11 .costs-table { width: 100%; border-collapse: collapse; }
.startup-costs-s11 .costs-table th, .startup-costs-s11 .costs-table td { vertical-align: middle; padding: 20px 15px; text-align: center; border-bottom: 1px solid #e0e0e0; }
.startup-costs-s11 .costs-table thead th { background-color: #ff6b00; font-size: 22px; font-weight: 700; color: #fff; text-align: center; }
.startup-costs-s11 .costs-table tbody td {font-size: 1.7rem; color: #000;}
.startup-costs-s11 .costs-table tbody td:nth-child(1) { /* 구분 */ width: 20%;
	font-weight: 700; text-align: center; }
.startup-costs-s11 .costs-table tbody td:nth-child(2) { /* 금액 */ width: 25%;
	font-weight: 600; }
.startup-costs-s11 .costs-table tbody td:nth-child(3) { /* 내용 */
	 line-height: 1.4; }
.startup-costs-s11 .tag { display: inline-block; padding: 4px 8px; border-radius: 5px; background-color: #ff6b00; font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 5px; box-sizing: border-box;
}
.startup-costs-s11 .disclaimer { display:table; width:auto; margin:0 auto; font-size: 20px; line-height: 1.7; color: #363636; margin-top: 30px; margin-top:40px;}


.startup-costs-s11 .costs-table .cancel { font-weight:300; color:#717171;
	text-decoration: line-through;
  }

  .startup-costs-s11 .costs-table .small {  font-size: 14px;
	 font-weight:400;
  }



  @media (max-width:1024px) {

	.startup-costs-s11 .header { margin-bottom: 30px; }
	.startup-costs-s11 .header .main-title {font-size: 32px; margin-bottom: 5px; }
	.startup-costs-s11 .header .sub-title { font-size: 18px;}

	.startup-costs-s11 .costs-table thead th {font-size:15px;}

	.startup-costs-s11 .tag { padding:3px 5px;font-size:15px;}

	.startup-costs-s11 .costs-table tbody td {font-size:15px;}

	.startup-costs-s11 .disclaimer {font-size:12px;}

  }







.inquiry-s12 { position: relative; padding: 120px 0; background: url('/img/m12/m12_bg.webp') no-repeat center center; background-size: cover; text-align: center; }
.inquiry-s12::before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.0); content: ''; }
.inquiry-s12 .wrap { position: relative; z-index: 2; }
.inquiry-s12 .header { color: #fff; margin-bottom: 40px; }
.inquiry-s12 .header .main-title {  font-family: 'Simple'; font-size: 80px; color: #fff; margin-bottom: 5px;}
.inquiry-s12 .header .main-title span {color: #ff6b00;}
.inquiry-s12 .header .sub-title { font-size: 34px; font-weight: 500; color: #fff; }
.inquiry-s12 .form-container { width: 100%; max-width: 1000px; height: auto; margin: 0 auto; border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); overflow: hidden; /* Ensures iframe corners are rounded */ background-color: #fff; padding:20px 50px;
}
.inquiry-s12 .form-container iframe { width: 100%; height:800px; border: none; }



/* Responsive Design */
@media (max-width:767px) {
	.inquiry-s12 { padding: 80px 0; }
	.inquiry-s12 .header .main-title { font-size: 32px; }
	.inquiry-s12 .header .sub-title { font-size: 16px; }
	.inquiry-s12 .form-container { width:90%; box-sizing:border-box; padding:5px 20px; border-radius: 10px;}
	.inquiry-s12 .form-container iframe { width: 100%; height:800px; border: none; }
}







.footer-s13 { padding: 60px 0 80px; background-color: #000; text-align: center; }
.footer-s13 .logo { margin-bottom: 30px; }
.footer-s13 .logo img {
	width: auto; height: 80px; /* 로고 이미지 높이 조절 */ }
.footer-s13 .info { font-size: 20px; line-height: 1.8; color: #aaa; }
.footer-s13 .info span { margin: 0 3px; }
.footer-s13 .copyright { font-size: 16px; color: #777; letter-spacing: 0.5px; margin-top: 20px; }




/* Responsive Design */
@media (max-width:767px) {
	.footer-s13 { padding: 60px 0 80px; }
	.footer-s13 .logo img { height: 60px; }
	.footer-s13 .info { font-size: 14px; }

    .footer-s13 .copyright { font-size: 12px; color: #777; letter-spacing: 0.5px; margin-top: 20px; }

}



 /* [추가] 앵커 링크 클릭 시 부드럽게 이동하도록 설정 */
 html { scroll-behavior: smooth; }

 /* CSS 변수 설정 */
 :root { --primary-color: #ff7814;
     --kakao-color: #00c73c;
     --youtube-color: #FF0000;
     --instagram-color: #E1306C; }

/* --- 하단 고정 CTA(Call To Action) 바 --- */
.bottom-cta-bar { position: fixed; bottom: 0; left: 0; right: 0; /* [수정] width: 100% 대신 right: 0 추가 */ background-color: rgba(48, 34, 23, 0.8); backdrop-filter: blur(8px); padding: 1rem; box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1); z-index: 1000; display: flex; justify-content: center; align-items: center; }
.cta-content { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1200px; gap:50px;
 padding: 0 1rem; font-family: 'Paperlogy-7Bold';}

 .cta-content i {vertical-align: middle; margin-top:3px;}

.phone-text {font-family: 'Paperlogy-9Black'; color:#ff7814
;}

.phone-number { color: #ffffff; font-size: 2.25rem; font-weight: 500; display: flex; align-items: center; gap: 0.35rem; text-decoration: none; }
.contact-button { background-color: var(--primary-color); color: #ffffff; text-decoration: none; padding: 0.35rem 1.5rem; border-radius: 9999px; font-weight: 700; font-size: 1.45rem; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.contact-button:hover { background-color: #4338ca; transform: translateY(-2px); }




/* --- 오른쪽 고정 퀵메뉴 --- */
.quick-menu { position: fixed; top: 50%; right: 2rem; transform: translateY(-50%); z-index: 1000; }
.quick-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.quick-menu li a { display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; border-radius: 50%; color: #ffffff; font-size: 1.5rem; text-decoration: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; }

.quick-menu .kakao { background-color: var(--kakao-color); color: #fff; }
.quick-menu .youtube { background-color: var(--youtube-color); }
.quick-menu .instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }

/* [추가] 맨 위로 가기 버튼 스타일 */
.quick-menu .top-button {
 width: 48px;
 height: 48px;
 font-size: 1.2rem;
 background-color: rgba(0,0,0,0.5); /* 반투명 검정 */
}
.quick-menu .top-button:hover {
 background-color: rgba(0,0,0,0.8);
}


/* 태블릿 사이즈 (최대 1024px) */
@media (max-width:1024px) {
 .cta-content { padding: 0 2rem; }
 .phone-number { font-size: 1.1rem; }
 .contact-button { padding: 0.6rem 1.2rem; font-size: 0.9rem; }
 .quick-menu { right: 1.5rem; }
}


/* 모바일 사이즈 (최대 767px) */
@media (max-width:767px) {
 .bottom-cta-bar { padding: 0.3rem 0; justify-content: space-between; /* [수정] width:100% 제거 */}
 .cta-content { padding: 0 1rem; gap: 0.5rem; }

 /* 모바일에서도 전화번호 전체가 보이도록 수정 */
 .phone-number { font-size: 1.2rem; /* 모바일 화면에 맞게 폰트 크기 조정 */
   flex-shrink: 0; /* 버튼에 밀려 줄어들지 않도록 설정 */
}
 .contact-button { padding: 0.2rem 0.8rem; font-size: 0.95rem; white-space: nowrap; /* '실시간 문의하기' 줄바꿈 방지 */
}
 .quick-menu { right: 0.5rem; bottom: 6rem; /* 하단 바와 겹치지 않도록 위치 조정 */
   top: auto; transform: none; }
 .quick-menu li a { width: 48px; height: 48px; font-size: 1.6rem; }

 /* [수정] 맨 위로 가기 버튼 모바일 사이즈 */
 .quick-menu .top-button {
     /* 모든 버튼의 크기를 48px로 통일하여 레이아웃 안정성 확보 */
     /* width, height는 .quick-menu li a 에서 상속받음 */
     font-size: 1.2rem; /* 아이콘 크기만 줄여서 시각적으로 작게 보이도록 함 */
     /* margin-left 속성 제거하여 가로 스크롤 문제 해결 */
 }
}