@charset "utf-8";

/* common */
body, html {
    line-height:1.45;
    font-family: "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    letter-spacing: -0.5px;
    color:#232323;
    font-weight: 400;
}

.pc {display: block;}
.mo {display: none;}

/* 팝업레이어 */
#hd_pop {z-index:1001;position:relative;margin:0 auto;height:0}
#hd_pop {z-index:1001;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 헤더 */
header#head {position: fixed;top: 0;left: 0;width: 100%; height: 89px; background: url("../../landing/img/landing/gnb_bg.png") 0 0 repeat-x; overflow: hidden; z-index: 999;}
header#head .logo {float: left;padding-left: 50px;line-height: 80px;}
header#head .logo img {height: 50px;}
header#head .gnb {float: right;overflow: hidden;}
header#head .gnb li {float: left;margin-right: 40px;}
header#head .gnb li a {display: block;font-size:1.2rem;color: #222;line-height: 80px;}
header#head .counsel {float: right;background: #e50012;}
header#head .counsel i {margin-right: 7px;}
header#head .counsel a {display: block;font-size:1.5rem;color: #fff;font-weight: 600;line-height: 80px;padding: 0 20px;}
header#head .counsel a p {animation: blink-effect 0.4s ease-in-out infinite alternate;}
header#head .counsel a span {color: #f3fc00;}
header#head .counsel {animation: counsel_ani 1s ease infinite;
  -moz-animation: counsel_ani 1s ease infinite;
  -webkit-animation: counsel_ani 1s ease infinite;}

.quick {position: fixed;bottom: 50px;right: 50px; z-index: 99;width: 160px;height: 160px;background: url('../../landing/img/landing/quick1.png') 0 0;transition: all 0.2s;}
.quick:hover {background: url('../../landing/img/landing/quick2.png') 0 0;}
.quick a {display: block;width: 100%;height: 100%;}

.inner {width: 1280px;margin: auto;}

/* 퀵메뉴 */
.mof_floating {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 160px;
    height: 160px;
    z-index: 999;
}
.mof_floating .default {
    width: 100%;
    position: relative;
}
.mof_floating .default img {
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%) rotate(0deg);
}
.mof_floating .default .round {
    animation: flaoting-rotate 12s linear;
    animation-iteration-count: infinite;
}
.mof_floating .hover {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.5s;
}
.mof_floating .hover a {
    display: block;
    width: 100%;
    height: 100%;
}
.mof_floating .hover a img {
    width: 100%;
}
.mof_floating .hover {
  	opacity:0;
}
.mof_floating:hover .hover {
  	opacity:1;
}

/* 메인 */
#wrap2 {width: 100%; text-align: center;background: url('../../landing/img/landing/index_bg.jpg') center top no-repeat;}

.main_sec {width: 100%;height: 100vh;}
.main_sec .main_bg {position: absolute;width: 100%;height: 100vh;background:#000;opacity: 0.3;z-index: 8;}
.main_sec img.pc {width: 100%;height: auto;}
.main_sec h3.slogan {position: absolute; top:50%; left: 50%;margin: -162px 0 0 -503px;z-index: 9;}

span.ac_ico {
	 position: absolute; bottom:100px; left: 50%;margin: 0 0 0 -15px;z-index: 9;
}
span.ac_ico img {
	 transform:translate3d(0,0,0);
	 -webkit-transform:translate3d(0,0,0);
	 -moz-transform:translate3d(0,0,0);
	 opacity:1;
	 animation:translateArr 1.2s ease-out infinite;
	 -webkit-animation:translateArr 1.2s ease-out infinite;
	 -moz-animation:translateArr 1.2s ease-out infinite;
}

.main_sec .iframe-wrap {
    position: relative;
    width: 100%;
    padding-top: 50%;
    overflow: hidden;
  }

.main_sec .iframe-bx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	pointer-events: none;
  }

.main_sec .youTubeVideoPlayer {
    width: 100%;
    height: 100%;
    border: 0;
  }

/* 방문자 리뷰 */
.review_sec {background: url('../../landing/img/landing/review_bg.jpg') 50% no-repeat; background-size: cover; padding: 170px 0;overflow: hidden;text-align: center;}
.review_sec h3.title {font-size: 5.8rem;color: #fff; font-weight: 700;line-height: 1.1;text-align: center;margin-bottom: 25px;}
.review_sec h3.title span {color: #03c75a;}
.review_sec h4.sub_title {position: relative;display: inline-block;font-size: 3rem;color: #fff; font-weight: 500; line-height: 1; padding: 20px;padding-top: 15px; background: #e50012;margin-bottom: 70px;}
.review_sec h4.sub_title::after {position: absolute; top:5px; left: 5px; content: '';border: #fff 2px solid;width:calc(100% - 10px);height:calc(100% - 10px);clear: both;}
.review_sec h5.subject {display: inline-block;font-size: 2.4rem;color: #fff; font-weight: 700; line-height: 1; padding:16px 70px 20px; background: #03c75a; border-radius: 60px; margin-bottom: 50px;}
.review_sec .speech1 {position: absolute;top:270px;left: 50%;margin-left: -670px;}
.review_sec .speech2 {position: absolute;top:500px;left: 50%;margin-left: -815px;}
.review_sec .speech3 {position: absolute;top:220px;right: 50%;margin-right: -780px;}
.review_sec .speech4 {position: absolute;top:370px;right: 50%;margin-right: -690px;}
.review_sec .speech5 {position: absolute;top:560px;right: 50%;margin-right: -860px;}
.review_sec .bubble {position: relative;display: inline-block;padding: 25px 40px;font-size: 1.8rem;color: #000; font-weight: 500;background: #fff;border-radius: 60px;}
.review_sec .speech1 span {position: absolute;top:-60px;left: 94px;}
.review_sec .speech2 span {position: absolute;top:-110px;left: 60px;}
.review_sec .speech3 span {position: absolute;top:-55px;left: 170px;}
.review_sec .speech4 span {position: absolute;top:-40px;left: 70px;}
.review_sec .speech5 span {position: absolute;top:-80px;left: 190px;}
.review_sec .control-wrap {margin-top: 50px;}
.review_sec .control-wrap .swiper-button-prev, .review_sec .control-wrap .swiper-button-next {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    margin: 0;
}
.review_sec .control-wrap .swiper-pagination {
    position: relative;
    top: unset;
    bottom: unset;
    width: auto;
    color: #fff;
    font-size: 2.4rem;
	font-weight: 700;
	margin: 0 25px;
}
.swiper-button-prev:after, .swiper-button-next:after {display: none;}
.review_sec .swiper-button-next, .review_sec .swiper-button-prev {width:70px; height: 70px;}

.review_sec .review_list {position: relative;
  display: flex;
  align-items: center;
  margin: auto;
  width: 100%;
  height: 620px;
  overflow: hidden;
}
.review_sec .review_list div {
    position: absolute;
    display: flex;
    width: max-content;
	gap: 50px;
    animation: aniScroll 50s linear infinite;
    /* 2번째 <p> 태그에 애니메이션 넣기 */
    &.list2{
      animation: aniScroll-2 50s linear infinite;
    }
	&.list3{
      animation: aniScroll 50s linear infinite;
    }
	&.list4{
      animation: aniScroll-2 50s linear infinite;
    }
}
.review_sec .review_list .last {margin-right: 50px;}


/* 브랜드 스토리 */
.story_sec {padding: 170px 0;background-color:#fff8e6; background-image: url('../../landing/img/landing/story_bg1.png'), url('../../landing/img/landing/story_bg2.png'), url('../../landing/img/landing/story_bg2.png'), url('../../landing/img/landing/story_bg1.png'); background-position: 15px 670px, right -230px top 260px, left -160px bottom -210px, right 60px bottom 160px;background-repeat:no-repeat;}
.story_sec h2.title {margin-bottom: 25px;}
.story_sec h3.sub_title {display: inline-block;font-size: 1.8rem;color: #fff; font-weight: 500; line-height: 1; padding: 15px;background: #e50012;}
.story_sec .obj {position: relative;margin-bottom: 20px;}
.story_sec .obj .obj1 {position: absolute;top:0;left: 50%;margin-left: -300px;}
.story_sec .obj .obj2 {position: absolute;top:150px;left: 50%;margin-left: -575px;}
.story_sec .obj .obj3 {position: absolute;top:460px;left: 50%;margin-left: -585px;}
.story_sec .obj .obj4 {position: absolute;top:100px;right: 50%;margin-right: -410px;}
.story_sec .obj .obj5 {position: absolute;top:300px;right: 50%;margin-right: -610px;}
.story_sec .list ul li {position: relative;text-align: left;}
.story_sec .list ul li .txt h5 {position: relative;font-size: 2.8rem;color: #e50012; font-weight: 700; line-height: 1.1;margin-bottom: 25px;}
.story_sec .list ul li .txt p {font-size: 1.2rem;color: #000; font-weight: 400; line-height: 1.3;}
.story_sec .list ul li .txt p span {color: #e50012; font-weight: 600;}
.story_sec .list ul li.no1 .txt {position: absolute;top:50px;left: 480px;}
.story_sec .list ul li.no1 .txt h5::after {position: absolute;top:0;left: -110px;content: ''; width: 98px;height: 85px;background: url('../../landing/img/landing/story_no1.png') 50% no-repeat;}
.story_sec .list ul li.no2 {text-align: right;padding-right: 310px;margin-top: -200px;}
.story_sec .list ul li.no2 .txt {position: absolute;top:110px;right: 20px;text-align: left;}
.story_sec .list ul li.no2 .txt h5::after {position: absolute;top:0;left: -110px;content: ''; width: 98px;height: 85px;background: url('../../landing/img/landing/story_no2.png') 50% no-repeat;}
.story_sec .list ul li.no3 {padding-left: 80px;margin-top: -110px;}
.story_sec .list ul li.no3 .txt {position: absolute;top:190px;left: 670px;}
.story_sec .list ul li.no3 .txt h5::after {position: absolute;top:0;left: -110px;content: ''; width: 98px;height: 85px;background: url('../../landing/img/landing/story_no3.png') 50% no-repeat;}

/* 회사소개 */
.company_sec {}
.company_sec .company_info {background: url('../../landing/img/landing/company_bg1.jpg') 50% repeat-x; background-size: cover;padding-top: 170px;}
.company_sec .company_info h2.title {margin-bottom: 30px;}
.company_sec .company_info h3.sub_title {display: inline-block;font-size: 1.8rem;color: #fff; font-weight: 500; line-height: 1; padding: 15px;background: #e50012;margin-bottom: 85px;}
.company_sec .company_info .txt {text-align: left;padding-bottom: 100px;z-index: 9;}
.company_sec .company_info .txt h4 {margin-bottom: 35px;}
.company_sec .company_info .txt p {font-size: 1.2rem;color: #000; font-weight: 400; line-height: 1.4;}
.company_sec .company_info .img {position: absolute;bottom: 0;right: 0; max-width: 50%;}
.company_sec .est2006 span {position: absolute;bottom: -100px;left: 80px;}
.company_sec .est2006 ul li {float: left;width: 25%;}
.company_sec .est2006 ul li img {width: 100%;height: auto;}

/* 특별함 */
.special_sec {background: #fff;z-index: 99;}
.special_sec h2.title {position: absolute;top:170px;left: 50%;margin-left: -412px;z-index: 9999;}
.special_sec ul li {float: left;width: 33.33333333%;text-align: left;}
.special_sec ul li .box {position: relative;padding-left: 100px;margin: 370px 0 200px;min-height:320px;}
.special_sec ul li .box::after {position: absolute;top: 0;right: 0;content: ''; background: #ddd;width: 1px;height: 100%;}
.special_sec ul li .box .icon {margin-bottom: 15px;}
.special_sec ul li .box h4 {font-size: 3rem;color: #000; font-weight: 700;margin-bottom: 30px;}
.special_sec ul li .box .txt {font-size: 1.2rem;color: #666; font-weight: 400; line-height: 1.4;}
.special_sec ul li.topping .box::after {display: none;}
.special_sec ul li.soup:hover {background: url('../../landing/img/landing/special_bg1.jpg') no-repeat;background-size: cover;transition: all 0.2s;}
.special_sec ul li.soup:hover h4 {color: #fff;}
.special_sec ul li.soup:hover .txt {color: #fff;}
.special_sec ul li.soup:hover .box::after {display: none;}
.special_sec ul li.men:hover {background: url('../../landing/img/landing/special_bg2.jpg') no-repeat;background-size: cover;transition: all 0.2s;}
.special_sec ul li.men:hover h4 {color: #fff;}
.special_sec ul li.men:hover .txt {color: #fff;}
.special_sec ul li.men:hover .box::after {display: none;}
.special_sec ul li.topping:hover {background: url('../../landing/img/landing/special_bg3.jpg') no-repeat;background-size: cover;transition: all 0.2s;}
.special_sec ul li.topping:hover h4 {color: #fff;}
.special_sec ul li.topping:hover .txt {color: #fff;}
.special_sec ul li.topping:hover .box::after {display: none;}

/* 경쟁력 */
.brand_sec {background: url('../../landing/img/landing/brand_bg.jpg') 50% no-repeat; background-size: cover;padding: 100px 0 170px;}
.brand_sec .inner {overflow: hidden;}
.brand_sec h2.title {margin-bottom: 60px;}
.brand_sec .list {width: 100%;column-count:2;}
.brand_sec .list figure {display: inline-block;margin-bottom: 80px;}
.brand_sec .list .no1 {}
.brand_sec .list .no3 {margin-top: 300px;}
.brand_sec .list .no4 {margin-bottom: 0;}
.brand_sec .list .img {margin-bottom: 35px;}
.brand_sec .list .txt h3 {font-size: 3rem;color: #fff; font-weight: 700;margin-bottom: 25px;}
.brand_sec .list .txt p {font-size: 1.2rem;color: #fff; font-weight: 400; line-height: 1.4;}

/* 매장 */
.store_sec {background: url('../../landing/img/landing/store_bg.jpg') #fff3d7 center top no-repeat; padding: 120px 0 170px;}
.store_sec h2.title {text-align: left; margin-bottom: 65px;}
.store_sec .store_wrap {position: relative;width: 416px; height: 322px; background: url('../../landing/img/landing/store_house.png') center top no-repeat;}
.store_sec .store_wrap h3 {font-size: 1.3rem;color: #fff; font-weight: 700;line-height: 1.9;}
.store_sec .store_wrap .img {position: absolute;left: 33px;bottom: 0;padding: 20px;box-sizing: border-box;width: 350px;height: 220px;}
.store_sec .store_wrap .img img {width: 100%;height: auto;}
.store_sec .control-wrap {margin-top: 50px;}
.store_sec .control-wrap .swiper-button-prev, .store_sec .control-wrap .swiper-button-next {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    margin: 0;
}
.store_sec .control-wrap .swiper-pagination {
    position: relative;
    top: unset;
    bottom: unset;
    width: auto;
    color: #000;
    font-size: 2.4rem;
	font-weight: 700;
	margin: 0 25px;
}
.store_sec .swiper-button-next, .store_sec .swiper-button-prev {width:70px; height: 70px;}
.store_sec .korea {position: absolute;top: 380px;left: 50%;margin: 0 0 0 300px; animation: blink-effect 0.3s ease-in-out infinite alternate;}
.store_sec .taiwan {position: absolute;bottom: 65px;left: 50%;margin: 0 0 0 170px; animation: blink-effect 0.3s ease-in-out infinite alternate;}
.store_sec .logo {position: absolute;top: 385px;left: 50%;margin: 0 0 0 745px;z-index: 9;}
.store_sec .point_line {position: absolute;top: 345px;left: 50%;margin: 0 0 0 225px;}

/* 메뉴소개 */
.menu_sec {position: relative;width: 100%;background: url('../../landing/img/landing/menu_bg.jpg') 50% no-repeat; background-size: cover;padding: 170px 0;}
.menu_sec .title {text-align: center;font-size: 2rem;color: #e50012; font-weight: 700;line-height: 1.4;}
.menu_sec .title h2 span {position: relative;z-index: 1;}
.menu_sec .title h2 span::after {position: absolute;left: -1%;bottom:-1px;background:#ffff00;width: 102%;height:20px;content: '';z-index: -1;}
.menu_sec .sc_menu {position: relative;width: 100%;height: 630px;}
.menu_sec .sc_menu .menu1 {}
.menu_sec .sc_menu .menu1 .img {position: absolute;right: -4%;transition: 0.4s;}
.menu_sec .sc_menu .menu1 .logo {position: absolute;top:200px;transition: 0.4s;}
.menu_sec .sc_menu .menu2 .img {position: absolute;left: -4%;transition: 0.4s;}
.menu_sec .sc_menu .menu2 .logo {position: absolute;top:200px;right: 3%;transition: 0.4s;}
.menu_sec .sc_menu .menu3 .img {position: absolute;right: -4%;transition: 0.4s;}
.menu_sec .sc_menu .menu3 .logo {position: absolute;top:200px;transition: 0.4s;}
.menu_sec .sc_menu .menu4 .img {position: absolute;left: -4%;transition: 0.4s;}
.menu_sec .sc_menu .menu4 .logo {position: absolute;top:200px;right: 3%;transition: 0.4s;}
.menu_sec .control-wrap {margin: 50px 0 10px;}
.menu_sec .control-wrap .swiper-button-prev, .menu_sec .control-wrap .swiper-button-next {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
	margin: 20px 5px 0;
}
.menu_sec .swiper-button-next, .menu_sec .swiper-button-prev {width:50px; height: 50px;}
.menu_sec .menu_wrap h4 {font-size: 1.1rem;color: #e50012; font-weight: 400;line-height: 1.9;}
.menu_sec .menu_wrap h3 {font-size: 1.6rem;color: #000; font-weight: 700;line-height: 1.1;}

/* 메뉴소개 모션 */
/* 공통 초기 상태 */
.animate-on-scroll {
	opacity: 0;
	transform: translateY(50px);
	transition: all 0.8s ease;
}

/* 등장 시 공통 효과 */
.animate-on-scroll.on {
	opacity: 1;
	transform: translateY(0);
}

/* menu1 전용 효과 */
.menu1.on {
	transform: translateX(0);
	opacity: 1;
}

/* menu2 전용 효과 */
.menu2.on {
	transform: translateX(0);
	opacity: 1;
}

.menu3.on {
	transform: translateX(0);
	opacity: 1;
}

.menu4.on {
	transform: translateX(0);
	opacity: 1;
}

/* menu1: 오른쪽에서 등장 */
.menu1 {
	transform: translateX(30%);
}

/* menu2: 왼쪽에서 등장 */
.menu2 {
	transform: translateX(-30%);
}

.menu3 {
	transform: translateX(30%);
}

/* menu2: 왼쪽에서 등장 */
.menu4 {
	transform: translateX(-30%);
}

.menu_sec .sc_menu {height: 1900px;}

.menu_sec .sc_menu .menu1 .logo {
	left: 5%;
}
.menu_sec .sc_menu .menu2 .logo {
	right: 5%
}
.menu_sec .sc_menu .menu3 .logo {
	left: 5%;
}
.menu_sec .sc_menu .menu4 .logo {
	right: 5%
}

.menu_sec h2.title {
	opacity: 0;
	transition: all 0.6s ease;
	position: fixed; /* 스크롤 따라오게 */
	z-index: 1;
}

.menu_sec h2.title.visible {
	opacity: 1;
	transition: all 0.8s ease;
}

/* 매출달성 */
.sales_sec {display: flex;justify-content:center;background: url('../../landing/img/landing/sales_bg.jpg') 50% no-repeat; background-size: cover; background-attachment: fixed; padding: 170px 10%;}
.sales_sec .inner {width: auto;margin: 0;text-align: left;}
.sales_sec h2.title {margin-bottom: 30px;}
.sales_sec h3.sub_title {font-size: 1.8rem;color: #000; font-weight: 500;line-height: 1.4;margin-bottom: 35px;text-align: center;}
.sales_sec h3.sub_title span {color: #e50012;font-weight: 700;}
.sales_sec .sales_img {text-align: center;}
.sales_sec .sales_list {width: 790px;column-count:2;text-align: left;margin-left: 100px;}
.sales_sec .sales_list figure {position: relative;display: inline-block; width: 360px; height: 440px; background: #fff;border: #b9b9b9 1px solid;padding: 25px;border-radius: 30px;-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);margin-bottom: 100px;}
.sales_sec .sales_list figure.no4 {margin-top: 100px;}
.sales_sec .sales_list figure.no5 {margin-bottom: 0;}
.sales_sec .sales_list figure span {position: absolute;top: -45px;right: -70px;z-index: 2;animation: blink-effect 0.6s ease-in-out infinite alternate;}
.sales_sec .sales_list figure .img {margin-bottom: 25px;}
.sales_sec .sales_list figure ul li {position: relative;font-size: 1.1rem;color: #000; font-weight: 400;line-height: 1.4;padding-left: 12px;margin-bottom:10px;word-break: keep-all;}
.sales_sec .sales_list figure ul li::after {position: absolute;top: 8px;left: 0;font-size: 0.4rem;color:#e50012;content: '●';}
.sales_sec .sales_list figure ul li:last-child {margin-bottom: 0;}

/* 수익률 */
.earning_sec {background: url('../../landing/img/landing/earning_bg.jpg') 50% no-repeat; background-size: cover;padding-top: 100px;}
.earning_sec h2.title {margin-bottom: 30px;}
.earning_sec .earning_wrap {margin-bottom:70px;}
.earning_sec .earning_wrap .graph {position: relative;margin-right:130px;}
.earning_sec .earning_wrap .graph span {position: absolute;top: -20px;left: -10px;animation: scaleUp 0.3s linear 0s infinite alternate;}
.earning_sec .table_wrap {width: 640px;}
.earning_sec .table_wrap .notice {text-align:left;font-size: 1rem;color:#fff;opacity: 0.6;}
.earning_sec .table {position: relative;margin-bottom: 20px;}
.earning_sec .table span {position: absolute;bottom: -7px;left: -7px;border: #e50012 7px solid;width: 654px;height: 69px;animation: blink-effect 0.2s ease-in-out infinite alternate;}
.earning_sec table {width: 100%;}
.earning_sec table th {background: #d8d8d8;height: 45px;text-align: center;border-right: #adadad 1px solid;font-size: 1.2rem;color: #000; font-weight: 600;}
.earning_sec table th,.earning_sec table td {vertical-align: middle;}
.earning_sec table th:last-child {border-right: 0;}
.earning_sec table td {background: #fff; height: 40px;border: #ddd 1px solid;border-top: 0;border-left: 0;font-size: 1.1rem;color: #222; font-weight: 400;}
.earning_sec table td:first-child {}
.earning_sec table td:last-child {border-right: 0;}
.earning_sec table td.point {background: #fccf00;border:0;border-right: #fab400 1px solid;height: 56px;font-size: 2rem;color: #222; font-weight: 700;text-align: center;padding: 0;}
.earning_sec .slogan {background: rgba(0, 0, 0, 0.5);padding: 40px 0;}
.earning_sec .slogan ul li {position: relative;font-size: 2.1rem;color: #fff; font-weight: 700; line-height: 1.2;padding-left: 40px;margin: 0 20px;}
.earning_sec .slogan ul li::after {position: absolute;top:2px;left: 0; width: 36px; height: 35px; content: ''; background: url('../../landing/img/landing/earning_check.png') no-repeat;}
.earning_sec .slogan h3 {font-size: 2.2rem;color: #fff; font-weight: 400;margin-top: 20px;}
.earning_sec .slogan h3 span {background: #fccf00;padding: 10px;}
.earning_sec .slogan h3 span em {font-size: 3.2rem;color: #9f000d; font-weight: 700; line-height: 1.3;animation: blink-effect 0.2s ease-in-out infinite alternate;}

/* 인테리어 */
.interior_sec {background:#fff;padding: 170px 0;}
.interior_sec .photo {margin-bottom: 40px;}
.interior_sec .txt {margin-bottom: 60px;text-align: left;}
.interior_sec .txt h3 {font-size: 2.2rem;color: #000; font-weight: 700;margin-bottom: 30px;}
.interior_sec .txt p {font-size: 1.2rem;color: #666; font-weight: 400;}
.interior_sec .logo {margin-bottom: 30px;}

/* 진행순서 */
.step_sec {background: url('../../landing/img/landing/step_bg.jpg') 50% no-repeat; background-size: cover;padding: 170px 0;}
.step_sec .inner {width: 1370px;}
.step_sec h2.title {margin-bottom: 30px;}
.step_sec h3.sub_title {display: inline-block;font-size: 1.8rem;color: #fff; font-weight: 500; line-height: 1; padding: 15px;background: #000;margin-bottom: 60px;}

/* 창업비용 */
.money_sec {background:#fff;padding: 170px 0;}
.money_sec h2.title {margin-bottom: 30px;}
.money_sec h3.sub_title {display: inline-block;font-size: 1.8rem;color: #fff; font-weight: 500; line-height: 1; padding: 15px;background: #e50012;margin-bottom: 40px;}
.money_sec table {width: 100%;margin-bottom: 20px;}
.money_sec table th {background: #000;height: 60px;text-align: center;border-right: #515151 1px solid;font-size: 1.6rem;color: #fff; font-weight: 700;}
.money_sec table th,.money_sec table td {vertical-align: middle;padding: 10px 0;}
.money_sec table th:last-child {border-right: 0;}
.money_sec table td {height: 60px;border: #ccc 1px solid;border-top: 0;border-left: 0;font-size: 1.4rem;color: #000; font-weight: 400;}
.money_sec table td:last-child {border-right: 0;}
.money_sec table td.stress span.type1 {text-decoration-line: line-through;}
.money_sec table td.stress span.type2 {color: #e50012; font-weight: 700;animation: blink-effect 0.2s ease-in-out infinite alternate;}
.money_sec table td.red_line {border-bottom:0;}
.money_sec table td.point {background: #e50012;border:0;height: 80px;font-size: 2.6rem;color: #fff; font-weight: 700;}
.money_sec .table_wrap .check {text-align:right;font-size: 1.2rem;color:#000;margin-bottom: 10px;}
.money_sec .table_wrap .notice {text-align:left;font-size: 1.2rem;color:#000;opacity: 0.6;}

/* 문의하기 */
.counsel_sec {background: url('../../landing/img/landing/counsel_bg.jpg') 50% no-repeat; background-size: cover; padding: 170px 0;}
.counsel_sec .cont_wrap {width: 610px;margin: auto;z-index: 9;}
.counsel_sec sup {padding-bottom: 5px;}
.counsel_sec h2.title {margin-bottom: 50px;}
.counsel_sec .red_txt {font-size: 0.9rem;color: #e50819;margin-bottom: 15px;}
.counsel_sec .ip_wrap .required {position: absolute;top: 0;left: 0;font-size: 1.2rem;color: #222; font-weight: 600;line-height: 54px;padding-left: 15px;}
.counsel_sec .ip_wrap .normal {position: absolute;top: 0;left: 0;font-size: 1.2rem;color: #222; font-weight: 600;line-height: 54px;padding-left: 15px;}
.counsel_sec .input_style {width: 100%; height: 54px; border: #74746c 1px solid; background: none;border-radius: 0;padding-left: 180px;margin-bottom: 17px;}
.counsel_sec select option:first-child {color: #999;}
.counsel_sec select {width: 100%; height: 54px; color: #222; border: #74746c 1px solid;border-radius: 0;padding-left: 180px;margin-bottom: 17px;appearance:none; background:url('../../landing/img/landing/counsel_sel.png') no-repeat right 24px center;}
.counsel_sec textarea {width: 100%; height: 200px; color: #222; border: #74746c 1px solid; background: none;border-radius: 0;padding: 12px 10px; padding-left: 180px;}
.counsel_sec .privacy_wrap {text-align: left;font-size: 1.2rem;color: #999;padding: 10px 0 30px;}
.counsel_sec .privacy_wrap .chk {display: none;}
.counsel_sec .privacy_wrap label {cursor: pointer;}
.counsel_sec .privacy_wrap label span.txt {display: inline-block;font-size: 1rem;color: #222;}
.counsel_sec .privacy_wrap label span, .counsel_sec .privacy_wrap label a {vertical-align: middle;}
.counsel_sec .privacy_wrap span.checkbox-indicator {display: inline-block;width: 28px; height: 28px; background: url('../../landing/img/landing/counsel_ck_off.png') 0 0;} /*off 이미지*/
.counsel_sec .privacy_wrap input:checked ~ span.checkbox-indicator {width: 28px; height: 28px; background: url('../../landing/img/landing/counsel_ck_on.png') 0 0;} /*on 이미지*/
.counsel_sec .privacy_wrap a.pop_btn {display: inline-block;font-size: 0.87rem;color: #222;}
.counsel_sec .confirm_btn {width: 100%;height: 90px; background:url('../../landing/img/landing/csl_btn.jpg') #000 no-repeat center;transition: all 0.2s;}
.counsel_sec .confirm_btn:hover {width: 100%;height: 90px;background:url('../../landing/img/landing/csl_btn_on.jpg') #e50012 no-repeat center;}
.counsel_sec .noodle_left {position: absolute; bottom: 90px; left: 0;text-align: left;}
.counsel_sec .noodle_right {position: absolute; bottom: 70px; right: 0;text-align: right;}
.counsel_sec .noodle_left img, .counsel_sec .noodle_right img {width: 90%;}
.counsel_sec .patten {position: absolute; bottom: 50px; left: 0; width: 100%; height: 37px; background:url('../../landing/img/landing/counsel_patten.png') repeat-x 0 0;}

/* 풋터 */
footer {background: #e50012;padding: 70px 0;}
footer h1.f_logo {font-size: 1rem;color: #fff;padding-bottom: 30px;}
footer .address span {display: inline-block;position: relative; font-size: 1rem;color: #fff;padding-right: 15px;margin-right: 10px;}
footer .address span::after {position: absolute; top: 2px; right: 0; width: 1px; height: 20px; content: ''; background:url('../../landing/img/landing/foot_l.png') 0 0 no-repeat;}
footer .address span.last {padding-right: 0;margin-right: 0;}
footer .address span.last::after {display: none;}
footer .copy {font-size: 1rem;color: #fff;padding-top: 20px;}

/* 개인정보정보취급처리방침 */
.privacy_pop {
    display:none;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:80%;
    max-width:600px;
    height:360px;
    background:#fff;
    box-shadow: 8px 8px 24px rgba(100,100,100,0.2);
    border-radius:1.0rem;
    z-index: 1001;
}
.privacy_pop .inner {
    position: relative;
    padding:1.5rem;
    height:inherit;
}
.privacy_pop .inner h4 {
    position: relative;
    font-size:1.25em;
    font-weight:600;
    z-index: 0;
}
.privacy_pop .inner p {
    position: relative;
    margin-top:1.5rem;
    padding:1.0rem;
    height:calc(100% - 3.0rem);
    line-height:1.6;
    text-align: left;
    border:1px solid #eee;
    border-radius:0.5rem;
    overflow-y: auto;
}
.privacy_pop .inner .close {
    position: absolute;
    top:0.5rem;
    right:0.5rem;
    width:2.0rem;
    height:2.0rem;
    line-height:1.875rem;
    text-align: center;
    font-size:1.5rem;
    z-index:1;
}
.privacy_pop .inner .close:hover {
    border:1px solid #eee;
    border-radius:0.5rem;
    background:#000;
    color:#fff;
}

/* 애니메이션 */
@keyframes flaoting-rotate {
	0% {
		transform:translate(0%, 0%) rotate(0deg);
	}100%{
		transform:translate(0%, 0%) rotate(360deg);
	}
}
@keyframes translateArr {
	0%{
		 transform:translate3d(0,0,0);
		 -webkit-transform:translate3d(0,0,0);
	}
	20%{
		 transform:translate3d(0,0,0);
		 -webkit-transform:translate3d(0,0,0);
		 opacity:1;
		  }
	25% {
		 opacity:.7;
	}
	33% {
		 transform:translate3d(0,22px,0);
		 -webkit-transform:translate3d(0,22px,0);
		 opacity:.5;
	}
	75%{
		 transform:translate3d(0,-15px,0);
		 -webkit-transform:translate3d(0,-15px,0);
	}
	100%{
		 transform:translate3d(0,0,0);
		 -webkit-transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes translateArr {
	0%{
		 transform:translate3d(0,0,0);
		 -webkit-transform:translate3d(0,0,0);
	}
	20%{
		 transform:translate3d(0,0,0);
		 -webkit-transform:translate3d(0,0,0);
		 opacity:1;
		  }
	25% {
		 opacity:.7;
	}
	33% {
		 transform:translate3d(0,22px,0);
		 -webkit-transform:translate3d(0,22px,0);
		 opacity:.5;
	}
	75%{
		 transform:translate3d(0,-15px,0);
		 -webkit-transform:translate3d(0,-15px,0);
	}
	100%{
		 transform:translate3d(0,0,0);
		 -webkit-transform:translate3d(0,0,0);
	}
}
@keyframes blink-effect {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes scaleUp {
    0% {transform: scale(1.0);}
    100% {transform: scale(1.2);}
}
/* 0%에서 -100%으로 이동하는 애니메이션 */
@keyframes aniScroll{
  0%{ transform: translateX(0%) }
  100%{ transform: translateX(-100%) }
}
/* 100%에서 0%으로 이동하는 애니메이션 */
@keyframes aniScroll-2{
  0%{ transform: translateX(100%) }
  100%{ transform: translateX(0%) }
}

/* 반응형 */
@media (max-width: 1280px){
    .hd .inner-wrap {
        padding:0 16px;
        gap:32px;
    }
	.pc {display: none;}
	.mo {display: block;}
	
	.inner {width: 90%;margin: auto;}
	
	.quick {position: fixed;bottom: 3%;right: 3%; z-index: 99;width: 100px;height: 100px;background: url('../../landing/img/landing/quick2.png') 0 0; background-size: cover; transition: all 0.2s;}
	.quick:hover {background: url('../../landing/img/landing/quick2.png') 0 0; background-size: cover;}
	
	.mof_floating {
		bottom: 20%;
		right: 5%;
		width: 30%;
		height: auto;
	}
	.mof_floating .default {display: none;}
	.mof_floating .hover {opacity: 1;}

	/* 팝업레이어 */
	#hd_pop {z-index:1001;position:relative;margin:0 auto;width:100%;height:0}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops { left: 20px !important; right: 20px !important;  background: #fff; }
	.hd_pops_con { width: 100% !important; height: auto !important; background: #fff; }
	.hd_pops_con img { width: 100% !important; height: auto !important; }
	.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
	.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
	.hd_pops_footer button {padding:10px;border:0;color:#fff}
	.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
	.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
	
	/* 헤더 */
	header#head {position: fixed;top: 0;left: 0;width: 100%; height: auto; background: url("../../landing/img/landing/gnb_bg.png") 0 0 repeat-x; overflow: hidden; z-index: 999;text-align: center;}
	header#head .logo {float: none;padding-left: 0;line-height: 1.2;margin: 10px 0 5px;}
	header#head .logo img {height: 50px;}
	header#head .gnb {float: none; width: 100%; overflow: hidden; background: #e50012;padding: 7.5px 0 8.5px;}
	header#head .gnb li {display: inline;float: none;margin-right: 0;margin: 0 5px;}
	header#head .gnb li a {display: inline-block;font-size:3.9vw;color: #fff;line-height: 1.2;}
	header#head .counsel {display: none;}
	
	/* 메인비주얼 */
	.main_sec h3.slogan {
		position: absolute;
		top: 30%;
		left: 3%;
		right: 3%;
		margin: 0 0 0 0;
		z-index: 9;
	}
	span.ac_ico {bottom: 20%;}

	.main_sec .iframe-wrap {position: fixed !important;width: 100vw;height: 100%;left: 0;bottom: 0;z-index: -1;}
	.main_sec .iframe-wrap .iframe-bx {height: 100vh;
    width: 100%;
    z-index: 0;
    position: absolute;
    overflow: hidden;
    inset: 0px;
    pointer-events: none;
    background-image: url(https://img.youtube.com/vi/Ph5Z9912FT8/maxresdefault.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}

	
	/* 방문자 리뷰 */
	.review_sec {padding: 30% 0;}
	.review_sec h3.title {font-size: 2.8rem;color: #fff; font-weight: 700;line-height: 1.2;text-align: center;margin-bottom: 15px;}
	.review_sec h3.title img {width: 80%;}
	.review_sec h4.sub_title {font-size: 1.5rem;margin-bottom: 30px;}
	.review_sec h4.sub_title::after {position: absolute; top:5px; left: 5px; content: '';border: #fff 2px solid;width:calc(100% - 10px);height:calc(100% - 10px);clear: both;}
	.review_sec h5.subject {font-size: 1.6rem; padding:15px 50px 15px; border-radius: 60px; margin-bottom: 30px;}
	.review_sec .speech1 {position: static;margin-left: 0;margin-bottom: 20px;display: none;}
	.review_sec .speech2 {position: static;margin-left: 0;margin-bottom: 20px;display: none;}
	.review_sec .speech3 {position: static;margin-right: 0;margin-bottom: 40px;}
	.review_sec .speech4 {position: static;margin-right: 0;margin-bottom: 20px;display: none;}
	.review_sec .speech5 {position: static;margin-right: 0;margin-bottom: 50px;}
	.review_sec .bubble {position: relative;padding: 10px 20px;font-size: 1.2rem;}
	.review_sec .speech1 span {position: absolute;top:-35px;left: 80px;}
	.review_sec .speech2 span {position: absolute;top:-30px;left: 60px;}
	.review_sec .speech3 span {position: absolute;top:-25px;left: 100px;}
	.review_sec .speech4 span {position: absolute;top:-25px;left: 40px;}
	.review_sec .speech5 span {position: absolute;top:-25px;left: 215px;}
	.review_sec .speech1 span img {width: 55%;}
	.review_sec .speech2 span img {width: 30%;}
	.review_sec .speech3 span img {width: 50%;}
	.review_sec .speech4 span img {width: 60%;}
	.review_sec .speech5 span img {width: 50%;}
	
	.review_sec .review_list {width: 100%;height: 300px;}
	.review_sec .review_list div {gap:10px;}
	.review_sec .review_list .last {margin-right: 10px;}
	.review_sec .review_list img {width: auto;height: 300px;}
	
	/* 브랜드 스토리 */
	.story_sec {padding: 30% 0;background-color:#fff8e6; background-image: none; background-position: none;}
	.story_sec h2.title {margin-bottom: 15px;}
	.story_sec h3.sub_title {display: inline-block;font-size: 1.2rem;color: #fff; font-weight: 500; line-height: 1.3; padding: 5px 10px;background: #e50012;}
	.story_sec .obj {position: relative;margin-bottom: 20px;}
	.story_sec .obj .obj1 {position: absolute;top:10px;left: 50%;margin-left: -255px;}
	.story_sec .obj .obj2 {position: absolute;top:90px;left: 50%;margin-left: -275px;}
	.story_sec .obj .obj3 {position: absolute;top:160px;left: 50%;margin-left: -285px;}
	.story_sec .obj .obj4 {position: absolute;top:10px;right: 50%;margin-right: -250px;}
	.story_sec .obj .obj5 {position: absolute;top:120px;right: 50%;margin-right: -300px;}
	.story_sec .obj .obj1 img {width: 30%;}
	.story_sec .obj .obj2 img {width: 30%;}
	.story_sec .obj .obj3 img {width: 30%;}
	.story_sec .obj .obj4 img {width: 30%;}
	.story_sec .obj .obj5 img {width: 30%;}
	.story_sec .list ul li {position: relative;text-align: left;}
	.story_sec .list ul li .img {text-align: center;}
	.story_sec .list ul li .img img {width: 80%;}
	.story_sec .list ul li .txt h5 {position: relative;font-size: 2.2rem;color: #e50012; font-weight: 700; line-height: 1.1;margin-bottom: 15px;}
	.story_sec .list ul li .txt p {font-size: 1.2rem;color: #000; font-weight: 400; line-height: 1.3;word-break: keep-all;}
	.story_sec .list ul li .txt p span {color: #e50012; font-weight: 600;}
	.story_sec .list ul li.no1 .txt {position: static;margin-left: 80px;}
	.story_sec .list ul li.no1 .txt h5::after {position: absolute;top:0;left: -65px;content: ''; width: 60px;height: 52px;background: url('../../landing/img/landing/story_no1.png') 50% no-repeat;background-size: cover;}
	.story_sec .list ul li.no2 {text-align: left;padding-right: 0;margin-top: 50px;}
	.story_sec .list ul li.no2 .txt {position: static;margin-left: 80px;}
	.story_sec .list ul li.no2 .txt h5::after {position: absolute;top:0;left: -65px;content: ''; width: 60px;height: 52px;background: url('../../landing/img/landing/story_no2.png') 50% no-repeat;background-size: cover;}
	.story_sec .list ul li.no3 {padding-left: 0;margin-top: 50px;}
	.story_sec .list ul li.no3 .txt {position: static;margin-left: 80px;}
	.story_sec .list ul li.no3 .txt h5::after {position: absolute;top:0;left: -65px;content: ''; width: 60px;height: 52px;background: url('../../landing/img/landing/story_no3.png') 50% no-repeat;background-size: cover;}
	
	/* 회사소개 */
	.company_sec .company_info {padding-top: 30%;}
	.company_sec .company_info h2.title {margin-bottom: 15px;}
	.company_sec .company_info h3.sub_title {display: inline-block;font-size: 1.2rem;color: #fff; font-weight: 500; line-height: 1; padding: 5px 10px;background: #e50012;margin-bottom: 50px;}
	.company_sec .company_info .txt {text-align: left;padding-bottom: 0;z-index: 9;}
	.company_sec .company_info .txt h4 {margin-bottom: 15px;}
	.company_sec .company_info .txt p {font-size: 1rem;color: #000; font-weight: 400; line-height: 1.4;word-break: keep-all;}
	.company_sec .company_info .img {position: static;bottom: 0;right: 0;}
	.company_sec .est2006 span {position: absolute;bottom: -80px;left: 0;}
	.company_sec .est2006 span img {width: 60%;}
	.company_sec .est2006 ul li {float: left;width: 50%;}
	.company_sec .est2006 ul li img {width: 100%;height: auto;}
	
	/* 특별함 */
	.special_sec {padding: 30% 5%;}
	.special_sec h2.title {position: static;top:30%;left: 0%;margin-left: 0;margin-bottom: 30px;z-index: 9999;}
	.special_sec h2.title img {width: 90%;}
	.special_sec ul li {float: none;width:100%;text-align: left;}
	.special_sec ul li .box {position: relative;padding-left: 0;margin: 0 0 0;min-height:auto;padding-bottom: 15%;margin-bottom: 15%;}
	.special_sec ul li .box::after {position: absolute;top:inherit;bottom: 0;right: 0;content: ''; background: #ddd;width: 100%;height: 1px;}
	.special_sec ul li .box .icon {margin-bottom: 5px;text-align: center;}
	.special_sec ul li .box h4 {font-size: 2.2rem;color: #000; font-weight: 700; text-align: center; margin-bottom: 20px;}
	.special_sec ul li .box .txt {font-size: 1.2rem;color: #666; font-weight: 400; line-height: 1.3;word-break: keep-all;}
	.special_sec ul li.topping .box::after {display: none;}
	.special_sec ul li.topping .box {padding-bottom: 0;margin-bottom: 0;}
	.special_sec ul li.soup:hover {background: none;}
	.special_sec ul li.soup:hover h4 {color: #000;}
	.special_sec ul li.soup:hover .txt {color: #666;}
	.special_sec ul li.soup:hover .box::after {display: none;}
	.special_sec ul li.men:hover {background: none;}
	.special_sec ul li.men:hover h4 {color: #000;}
	.special_sec ul li.men:hover .txt {color: #666;}
	.special_sec ul li.men:hover .box::after {display: none;}
	.special_sec ul li.topping:hover {background: none;}
	.special_sec ul li.topping:hover h4 {color: #000;}
	.special_sec ul li.topping:hover .txt {color: #666;}
	.special_sec ul li.topping:hover .box::after {display: none;}
	
	/* 경쟁력 */
	.brand_sec {padding: 30% 0;}
	.brand_sec .inner {overflow: hidden;}
	.brand_sec h2.title {margin-bottom: 30px;}
	.brand_sec .list {width: 100%;column-count:1;}
	.brand_sec .list figure {display: inline-block;margin-bottom: 80px;}
	.brand_sec .list .no1 {}
	.brand_sec .list .no3 {margin-top: 0;}
	.brand_sec .list .no4 {margin-bottom: 0;}
	.brand_sec .list .img {margin-bottom: 15px;}
	.brand_sec .list .txt h3 {font-size: 2.2rem;color: #fff; font-weight: 700;margin-bottom: 15px;}
	.brand_sec .list .txt p {font-size: 1.2rem;color: #fff; font-weight: 400; line-height: 1.3; word-break: keep-all;}
	
	/* 매장 */
	.store_sec {background: url('../../landing/img/landing/store_bg.jpg') #fff3d7 94% 0 no-repeat; padding: 30% 0;z-index: 99;}
	.store_sec h2.title {text-align: left; margin-bottom: 30px;margin-left: -70px;}
	.store_sec .store_wrap {position: relative;width: 260px; height: 201px; background: url('../../landing/img/landing/store_house.png') center top no-repeat;background-size: cover;}
	.store_sec .store_wrap h3 {font-size: 0.9rem;color: #fff; font-weight: 700;line-height: 1.8;}
	.store_sec .store_wrap .img {position: absolute;left: 5px;bottom: 15px;padding: 30px;box-sizing: border-box;width: 252px;height: 138px;}
	.store_sec .store_wrap .img img {width: 100%;height: auto;}
	.store_sec .control-wrap {margin-top: 30px;}
	.store_sec .control-wrap .swiper-button-prev, .store_sec .control-wrap .swiper-button-next {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		margin: 0;
	}
	.store_sec .control-wrap .swiper-pagination {
		position: relative;
		top: unset;
		bottom: unset;
		width: auto;
		color: #000;
		font-size: 1.8rem;
		font-weight: 700;
		margin: 0 10px;
	}
	.store_sec .swiper-button-next, .store_sec .swiper-button-prev {width:40px; height: 40px;}
	.store_sec .korea {display: none;}
	.store_sec .taiwan {display: none;}
	.store_sec .logo {display: none;}
	.store_sec .point_line {display: none;}
	
	/* 메뉴소개 */
	.menu_sec {padding: 30% 0;}
	.menu_sec .title {text-align: center;font-size: 1.4rem;color: #e50012; font-weight: 700;line-height: 1.4;margin-bottom: 30px;}
	.menu_sec .title img {width: 70%;}
	.menu_sec .title h2 span {position: relative;z-index: 1;}
	.menu_sec .title h2 span::after {position: absolute;left: -1%;bottom:-1px;background:#ffff00;width: 102%;height:20px;content: '';z-index: -1;}
	.menu_sec .sc_menu {position: relative;width: 100%;height: auto;}
	.menu_sec .sc_menu .mo_m1 {margin-right: -50%;margin-bottom: 20px;}
	.menu_sec .sc_menu .mo_m2 {margin-left: -50%;margin-bottom: 20px;}
	.menu_sec .sc_menu .mo_m3 {margin-right: -50%;margin-bottom: 20px;}
	.menu_sec .sc_menu .mo_m4 {margin-left: -50%;}
	.menu_sec .sc_menu img {width: 50%;}
	.menu_sec .grand_menu span img {width: 70%}
	.menu_sec .control-wrap {margin: 50px 0 20px;}
	.menu_sec .control-wrap .swiper-button-prev, .menu_sec .control-wrap .swiper-button-next {
		position: relative;
		top: unset;
		left: unset;
		right: unset;
		margin: 10px 5px 0;
	}
	.menu_sec .swiper-button-next, .menu_sec .swiper-button-prev {width:40px; height: 40px;}
	.menu_sec .menu_wrap h4 {font-size: 0.8rem;color: #e50012; font-weight: 400;line-height: 1.3;margin-bottom: 5px;}
	.menu_sec .menu_wrap h3 {font-size: 4.5vw;color: #000; font-weight: 700;line-height: 1.1;}
	
	/* 매출달성 */
	.sales_sec {display: block; min-height: auto;padding: 30% 0;}
	.sales_sec .inner {text-align: center;margin-bottom: 20%;}
	.sales_sec h2.title {margin-bottom: 20px;}
	.sales_sec h2.title img {width: 90%}
	.sales_sec h3.sub_title {font-size: 1.2rem;color: #000; font-weight: 500;line-height: 1.4;margin-bottom: 20px;text-align: center;}
	.sales_sec h3.sub_title span {color: #e50012;font-weight: 700;}
	.sales_img {text-align: center;}
	.sales_img img {width: 70%}
	.sales_sec .sales_list {position: static;width: 100%;column-count:1;text-align: center;margin-left: 0;}
	.sales_sec .sales_list figure {position: relative;display: inline-block; width: 300px; height: auto; background: #fff;border: #b9b9b9 1px solid;padding: 20px 20px 30px;border-radius: 20px;-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	  -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	  -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);margin-bottom: 20%;}
	.sales_sec .sales_list figure.no4 {margin-top: 0;}
	.sales_sec .sales_list figure.no5 {margin-bottom: 0;}
	.sales_sec .sales_list figure span {position: absolute;top: -45px;right: -70px;z-index: 2;animation: blink-effect 0.6s ease-in-out infinite alternate;}
	.sales_sec .sales_list figure .img {margin-bottom: 25px;}
	.sales_sec .sales_list figure ul li {position: relative;font-size: 1.1rem;color: #000; font-weight: 400;line-height: 1.4;padding-left: 12px;margin-bottom:10px; text-align: left; word-break: keep-all;}
	.sales_sec .sales_list figure ul li::after {position: absolute;top: 8px;left: 0;font-size: 0.4rem;color:#e50012;content: '●';}
	.sales_sec .sales_list figure ul li:last-child {margin-bottom: 0;}
	
	/* 수익률 */
	.earning_sec {background: url('../../landing/img/landing/earning_bg.jpg') 50% no-repeat; background-size: cover;padding-top: 30%;}
	.earning_sec::after {background: #fff;z-index: -1;}
	.earning_sec h2.title {margin-bottom: 20px;}
	.earning_sec .earning_wrap {margin-bottom:70px;}
	.earning_sec .earning_wrap .graph {position: relative;margin-right:0;margin-bottom: 10%;}
	.earning_sec .earning_wrap .graph span {position: absolute;top: -15px;left: -5px;animation: scaleUp 0.3s linear 0s infinite alternate;}
	.earning_sec .earning_wrap .graph span img {width: 70%;}
	.earning_sec .earning_wrap .graph p img {width: 80%;}
	.earning_sec .table_wrap {width: 100%;}
	.earning_sec .table_wrap .notice {text-align:left;font-size: 1rem;color:#fff;opacity: 0.6;}
	.earning_sec .table {position: relative;margin-bottom: 20px;}
	.earning_sec .table span {position: absolute;bottom: -7px;left: -7px;border: #e50012 7px solid;width:calc(100% + 14px);height: 69px;animation: blink-effect 0.2s ease-in-out infinite alternate;}
	.earning_sec table {width: 100%;}
	.earning_sec table th {background: #d8d8d8;height: 45px;text-align: center;border-right: #adadad 1px solid;font-size: 1.2rem;color: #000; font-weight: 600;}
	.earning_sec table td {background: #fff; height: 40px;border: #ddd 1px solid;border-top: 0;border-left: 0;font-size: 4vw;color: #222; font-weight: 400;padding: 10px 5px;}
	.earning_sec table th,.earning_sec table td {vertical-align: middle;}
	.earning_sec table th:last-child {border-right: 10px;}
	.earning_sec table td:first-child {padding-left: 10px;text-align: center;}
	.earning_sec table td:last-child {border-right: 0;padding-right: 10px;text-align: center;}
	
	.earning_sec table td.point {background: #fccf00;border:0;border-right: #fab400 1px solid;height: 56px;font-size: 6vw;color: #222; font-weight: 700;text-align: center;padding: 0;}
	.earning_sec .slogan {background: rgba(0, 0, 0, 0.5);padding: 40px 0;}
	.earning_sec .slogan ul li {position: relative;font-size: 1.6rem;color: #fff; font-weight: 700; line-height: 1.2;padding-left: 35px;margin: 0;margin-bottom: 10px;}
	.earning_sec .slogan ul li::after {position: absolute;top:2px;left: 0; width: 28px; height: 27px; content: ''; background: url('../../landing/img/landing/earning_check.png') no-repeat;background-size: cover;}
	.earning_sec .slogan h3 {font-size: 1.6rem;color: #fff; font-weight: 400;margin-top: 20px;}
	.earning_sec .slogan h3 span {display: inline-block;background: #fccf00;padding: 5px 10px 10px;margin-bottom: 5px;}
	.earning_sec .slogan h3 span em {font-size: 2.8rem;color: #9f000d; font-weight: 700; line-height: 1.3;animation: blink-effect 0.2s ease-in-out infinite alternate;}
	
	/* 인테리어 */
	.interior_sec {padding: 10% 0;}
	.interior_sec .photo {margin-bottom: 20px;}
	.interior_sec .txt {margin-bottom: 30px;text-align: left;}
	.interior_sec .txt h3 {font-size: 1.6rem;color: #000; font-weight: 700;line-height: 1.1;margin-bottom: 30px;}
	.interior_sec .txt p {font-size: 1rem;color: #666; font-weight: 400;word-break: keep-all;}
	.interior_sec .logo {margin-bottom: 20px;}
	.interior_sec .logo img {width: 70%;}
	.interior_sec .swiper-content {padding: 0 5%;}
	
	/* 진행순서 */
	.step_sec {background: url('../../landing/img/landing/step_bg.jpg') 70% 50% no-repeat; background-size: cover;padding: 30% 0;}
	.step_sec .inner {width: 90%;margin: auto;}
	.step_sec h2.title {margin-bottom: 20px;}
	.step_sec h2.title img {width: 90%;}
	.step_sec h3.sub_title {display: inline-block;font-size: 1.2rem;color: #fff; font-weight: 500; line-height: 1.3; padding: 5px 10px 10px;background: #000;margin-bottom: 30px;}
	.step_sec ul li {width: 50%;}
	
	/* 창업비용 */
	.money_sec {padding: 30% 0;}
	.money_sec h2.title {margin-bottom: 20px;}
	.money_sec h2.title img {width: 90%;}
	.money_sec h3.sub_title {display: inline-block;font-size: 1.2rem;color: #fff; font-weight: 500; line-height: 1.3; padding: 5px 10px;background: #e50012;margin-bottom: 30px;}
	.money_sec table {width: 100%;margin-bottom: 20px;}
	.money_sec table th {background: #000;height: 60px;text-align: center;border-right: #515151 1px solid;font-size: 1.2rem;color: #fff; font-weight: 700;}
	.money_sec table th,.money_sec table td {vertical-align: middle;padding: 10px 5px;}
	.money_sec table th:last-child {border-right: 0;}
	.money_sec table td {height: 60px;border: #ccc 1px solid;border-top: 0;border-left: 0;font-size: 3.8vw;color: #000; font-weight: 400;line-height: 1.3;word-break: keep-all;}
	.money_sec table td:last-child {border-right: 0;}
	.money_sec table td.stress span.type1 {text-decoration-line: line-through;}
	.money_sec table td.stress span.type2 {color: #e50012; font-weight: 700;animation: blink-effect 0.2s ease-in-out infinite alternate;}
	.money_sec table td.red_line {border-bottom:0;}
	.money_sec table td.point {background: #e50012;border:0;height: auto;padding: 15px 0;font-size: 1.3rem;color: #fff; font-weight: 700;}
	.money_sec .table_wrap .check {text-align:right;font-size: 1rem;color:#000;margin-bottom: 10px;}
	.money_sec .table_wrap .notice {text-align:left;font-size: 0.8rem;color:#000;opacity: 0.6;word-break: keep-all;}
	
	/* 문의하기 */
	.counsel_sec {padding: 30% 0;}
	.counsel_sec .cont_wrap {width: 90%;margin: auto;z-index: 9;}
	.counsel_sec sup {padding-bottom: 5px;}
	.counsel_sec h2.title {margin-bottom: 30px;}
	.counsel_sec h2.title img {height: 50px;}
	.counsel_sec .red_txt {font-size: 0.9rem;color: #e50819;margin-bottom: 10px;}
	.counsel_sec .ip_wrap .required {position: absolute;top: 0;left: 0;font-size: 1.2rem;color: #222; font-weight: 600;line-height: 54px;padding-left: 15px;}
	.counsel_sec .ip_wrap .normal {position: absolute;top: 0;left: 0;font-size: 1.2rem;color: #222; font-weight: 600;line-height: 54px;padding-left: 15px;}
	.counsel_sec .input_style {width: 100%; height: 54px; border: #74746c 1px solid; background: none;border-radius: 0;padding-left: 150px;margin-bottom: 10px;}
	.counsel_sec select {width: 100%; height: 54px; color: #222; border: #74746c 1px solid;border-radius: 0;padding-left: 150px;margin-bottom: 10px;appearance:none; background:url('../../landing/img/landing/counsel_sel.png') no-repeat right 17px center;}
	.counsel_sec textarea {width: 100%; height: 200px; color: #222; border: #74746c 1px solid; background: none;border-radius: 0;padding: 12px 10px; padding-left: 150px;}
	.counsel_sec .privacy_wrap {text-align: center;font-size: 1.3rem;color: #999;padding: 5px 0 20px;}
	.counsel_sec .privacy_wrap label {display: block;}
	.counsel_sec .privacy_wrap label span.txt {display: inline-block;font-size: 0.95rem;color: #222;}
	.counsel_sec .privacy_wrap label span, .counsel_sec .privacy_wrap label a {vertical-align: middle;}
	.counsel_sec .privacy_wrap span.checkbox-indicator {display: inline-block;width: 28px; height: 28px; background: url('../../landing/img/landing/counsel_ck_off.png') 0 0;} /*off 이미지*/
	.counsel_sec .privacy_wrap input:checked ~ span.checkbox-indicator {width: 28px; height: 28px; background: url('../../landing/img/landing/counsel_ck_on.png') 0 0;} /*on 이미지*/
	.counsel_sec .privacy_wrap a.pop_btn {display: inline-block;font-size: 0.87rem;color: #222;}
	.counsel_sec .confirm_btn {width: 100%;height: 60px; background:url('../../landing/img/landing/csl_btn.jpg') #000 no-repeat center;transition: all 0.2s; background-size: cover;}
	.counsel_sec .confirm_btn:hover {width: 100%;height: 60px;background:url('../../landing/img/landing/csl_btn.jpg') #000 no-repeat center;background-size: cover;}
	.counsel_sec .noodle_left {display: none;}
	.counsel_sec .noodle_right {display: none;}
	.counsel_sec .patten {position: absolute; bottom: 20px; left: 0; width: 100%; height: 37px; background:url('../../landing/img/landing/counsel_patten.png') repeat-x 0 0;}
	
	/* 풋터 */
	footer {padding: 15% 0 35%;}
	footer h1.f_logo {font-size: 1rem;color: #fff;padding-bottom: 30px;}
	footer h1.f_logo img {width: 30%;}
	footer .address span {display: inline-block;position: relative; font-size: 1.15rem;color: #fff;padding-right: 15px;margin-right: 10px;}
	footer .address span::after {position: absolute; top: 4px; right: 0; width: 1px; height: 20px; content: ''; background:url('../../landing/img/landing/foot_l.png') 0 0 no-repeat;}
	footer .address span.addr2, footer .address span.addr3, footer .address span.addr4 {padding-right: 0;margin-right: 0;}
	footer .address span.addr2::after, footer .address span.addr3::after, footer .address span.addr4::after {display: none;}
	footer .address span.last {padding-right: 0;margin-right: 0;}
	footer .address span.last::after {display: none;}
	footer .copy {font-size: 0.9rem;color: #fff;padding-top: 20px;}
	
	.privacy_pop .inner {width: 100%;}
	
}


/* ✅ 태블릿 & 모바일에서 세로형 */
@media screen and (max-width: 1280px) {
  .main_sec .iframe-wrap {
	padding-top: 133.33%; /* 예: 3:4 비율 (768x1024 등) */
  }
}

/* ✅ 아주 작은 모바일 기기에서 더 세로로 */
@media screen and (max-width: 480px) {
  .main_sec .iframe-wrap {
	padding-top: 177.77%; /* 예: 9:16 비율 */
  }
}