@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section { position:relative; padding-top:7.5rem; padding-bottom:7.5rem; overflow-x:clip; z-index:1; }

.main_title_wrap { position:relative; } 
.main_title { position:relative; display:flex; flex-direction:column; align-items:; justify-content:; gap:0.625rem; text-align:; }

.main_title p.top { font-family:var(--ff-go); font-size:1.875rem; color:#000; font-weight:400; word-break:keep-all; margin-bottom:0.938rem; } 
.main_title h2 { position:relative; width:100%; font-family:var(--ff-go); font-size:4.375rem; color:#000; font-weight:600; line-height:1.14; word-break:keep-all; } 
.main_title h2.italic { font-style:italic; } 
.main_title h2 .yellow { color:var(--point1); } 
.main_title h2 .point { color:var(--menu); } 
.main_title h2 .icon { position:absolute; top:0px; right:0px; animation: heartbeat 1.5s ease-in-out infinite both; }  


.main_title h3 { font-family:var(--ff-go); font-size:2.813rem; color:#000; font-weight:600; line-height:1.14; word-break:keep-all; } 
.main_title h3 .point { color:var(--menu); } 
.main_title h3.italic { font-style:italic; } 
.main_title h4 { font-family:var(--ff-go); font-size:3.438rem; color:#000; font-weight:600; line-height:1.14; word-break:keep-all; } 
.main_title h4 .point { color:var(--menu); } 
.main_title h4.italic { font-style:italic; } 

.main_title p.desc { font-size:1.563rem; color:#000; font-weight:400; line-height:1.4; /*margin-top:0.625rem;*/ margin-top:1.25rem; word-break:keep-all; } 


@media screen and (max-width: 1024px){
	#main > section { padding-top:3.125rem; padding-bottom:6.5rem; } 
	.main_title p.top { font-size:1.5rem; } 
	.main_title h2 { font-size:3.5rem;  }
	.main_title h3 { font-size:2.2rem;  }
	.main_title p.desc { font-size:1.25rem; } 

	.main_title h2 .icon img { width:9rem; } 
}
@media screen and (max-width: 640px){
	.main_title { align-items:center; text-align:center; gap:0.5rem; } 
	.main_title p.top { font-size:1.375rem; } 
	.main_title h2 { font-size:3.438rem;  }
	.main_title h3 { font-size:2.5rem; padding:0 0.625rem;}
	.main_title p.desc { font-size:1.25rem; text-align:center; } 
	.main_title h2 .icon  { top:-2.5rem; } 
	.main_title h2 .icon img { width:7rem; } 
}
@media screen and (max-width: 450px){
	#main > section { padding-top:3.125rem; padding-bottom:5rem; } 
	.main_title h2 .icon img { width:6rem; } 
}
@media screen and (max-width: 390px){
	.main_title p.desc br { display:none; } 
} 
@media screen and (max-width: 380px){
	.main_title h2 { font-size:3rem;  }
} 


@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;  }
/*
#main__slider { position:fixed !important; left:0px; top:0px; width:100%; height:calc(var(--vh, 1vh) * 100); z-index:0 !important; } 
*/
#main__slider .slider__infos {position:relative; overflow:hidden; height:calc(var(--vh, 1vh) * 100); /* padding-bottom:56.25%;*/ }
#main__slider .slider__infos:after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1; } 


/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb_video { position:relative; width:100%; height:100vh; /*padding-bottom:56.25%;*/ } 

#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1440px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {position:relative;display:block;font-family:var(--ff-go); font-size:5rem; font-weight:600; line-height:1.1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle { display:block;font-family:var(--ff-go); font-size:5rem; font-weight:600; line-height:1.1; color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden;}
/*
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/
#main__slider .slider-scroll a { display:none; align-items:center; gap:1rem; position:absolute;left:50%; transform:translateX(-50%); font-weight:400;font-size:0.813rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:left;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll .icons { width:5rem; height:5rem; background:url(/images/main/visual_scroll.png) no-repeat; }
/*
#main__slider .slider-scroll a:before {content:'';display:block;width:5rem;height:5rem;margin:0 auto;margin-bottom:.4rem;background-image:url(/images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
*/
@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

/*액션*/
#main__slider .slider__thumb .slider__thumb_bg { transition: all 2s ease-out; transform: scale(1.2);}
#main__slider .slider__slogun {position:relative; transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg { transform: scale(1);}

/* SWIPER PAGINATION */
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after { display:none; font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev { left:20px; } 
#main__slider .swiper-button-next { right:20px; }

#main__slider .swiper-pagination { display:flex; justify-content:center; bottom:5.625rem; /*display:flex; flex-direction:column; width:1.25rem;left:revert; right:3.125rem; top:50%; transform:translateY(-50%); bottom:revert;*/ } 
#main__slider .swiper-pagination-bullet { position:relative; width:9px; height:9px; background-color:transparent; border:1px solid #fff; opacity:1; margin:3px; transition:all 0.2s;  }
#main__slider .swiper-pagination-bullet:after { content:''; position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:7px; height:1px; opacity:1; background:#fff; transition:all 0.2s; } 
#main__slider .swiper-pagination-bullet:last-of-type:after { opacity:0; } 
#main__slider .swiper-pagination-bullet-active { background:#fff; margin-right:15px;}
#main__slider .swiper-pagination-bullet-active:after {  opacity:1; right:-20px; width:19px; } 
#main__slider .swiper-pagination-bullet-active:last-of-type { margin-left:15px; margin-right:3px; } 
#main__slider .swiper-pagination-bullet-active:last-of-type:after { opacity:1; left:-13px; right:revert;  } 

.video-vimeo {position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 56.25%; z-index: -1;}
.video-vimeo iframe,
.video-vimeo object,
.video-vimeo embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;}

.video-foreground,
.video-background iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;}


@media (min-aspect-ratio: 16/9) {
	.video-foreground {height: 305%; top: -105%;}
}

@media (max-aspect-ratio: 16/9) {
	.video-foreground {width: 300%; height:110%; left: -100%; top:-10%; }
}


/*반응형*/
@media screen and (max-width: 1800px){
	#main__slider .slider__infos img { width:32.6667vw; } 
} 
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider { margin-top:0px; } 
	#main__slider .slider__slogun {padding:0 15px;}

	#main__slider .slider__infos { height:75vh; } 
	#main__slider .slider__thumb_video {height: 75vh;}
	
	#main__slider .slider__slogun > b { font-size:4rem; } 
	#main__slider .slider__slogun > b.subtitle { font-size:4rem; } 

	#main__slider .slider-scroll a { display:none; } 
	.video-foreground { /*top:0%;*/ } 

	#main__slider .swiper-pagination { bottom:2.5rem; } 

}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){

	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#main__slider .slider__infos { height:60vh; } 
	#main__slider .slider__thumb_video {height: 60vh;}

	#main__slider .slider__slogun { align-items:center; text-align:center; }

	#main__slider .slider__slogun > b { font-size:3rem; } 
	#main__slider .slider__slogun > b.subtitle { font-size:3rem; } 
}
@media screen and (max-width: 380px){
	#main__slider .slider__slogun > b { font-size:2.5rem; } 
	#main__slider .slider__slogun > b.subtitle { font-size:2.5rem; } 

}








/*----------------------------------------------------------------------
@ 메뉴
----------------------------------------------------------------------*/
#layout_menu { position:relative; display:flex; justify-content:center; background:#e30016; } 
#layout_menu .container { width:100%; margin:0 auto }
#layout_menu .layout_menu { margin-top:5rem; } 

#layout_menu .main_title { align-items:center; justify-content:center; text-align:center; }
#layout_menu .main_title p.top { }
#layout_menu .main_title h2 { color:#fff; }
#layout_menu .main_title h3 { }
#layout_menu .main_title p.desc{ }


/* menu slider */ 
.menu_slider { position:relative;} 
.menu_slider_list .swiper-slide { position:relative; display:flex; align-items:center; justify-content:center; width:25rem; background:#fff; border-radius:3.125rem; /*padding:45px 35px;*/padding:4.063rem 2.188rem; transition:border 0.4s; } 
.menu_slider_list .swiper-slide::after { content:'';position:absolute; left:0px; top:0px; width:100%; height:100%; border-radius:3.125rem; /*border:0px solid #000;*/ opacity:0; box-sizing: border-box; transition:all 0.4s; } 


/* slider navigation */ 
.menu_slider .swiper_navigation { position:absolute;left:50%;top:calc(50% - 4rem);transform:translate(-50%, -50%); z-index:12; max-width:1440px; width:100%; height:auto;  margin:0 auto;  }
.menu_slider .swiper-button-prev:after, .menu_slider .swiper-button-next:after {font-size:1.25rem;color:#fff;}
.menu_slider .swiper-button-prev { left:0rem; width:4.375rem; height:4.375rem; border-radius:50%; background:rgba(0,0,0,0.8); transition:all 0.3s } 
.menu_slider .swiper-button-next { right:0rem; width:4.375rem; height:4.375rem; border-radius:50%; background:rgba(0,0,0,0.8); transition:all 0.3s }
.menu_slider .swiper-button-prev:hover { background:rgba(0,0,0,1); } 
.menu_slider .swiper-button-next:hover { background:rgba(0,0,0,1); } 

/* slider pagination */ 
.menu_slider .swiper_page { padding-top:5.625rem; }
.menu_slider .swiper-pagination { position:relative; bottom:0 !important; left:revert;  } 
.menu_slider .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#fff; border-radius:50%; margin:0 0.313rem !important; opacity:1; transition:all 0.4s;  } 
.menu_slider .swiper-pagination-bullet-active { width:2.5rem; border-radius:0.469rem; } 


.menu_slider_cont { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.menu_slider_cont a { display:flex; flex-direction:column; align-items:center; justify-content:space-between; } 

.menu_slider_cont .menu_thumb  { position:relative; transform:scale(1); transition:transform 0.4s; /*padding-bottom:1.563rem;*/ padding-bottom:2.5rem;border-bottom:1px solid #e5e5e5; } 
.menu_slider_cont .menu_thumb img { opacity:0.5; transition:opacity 0.4s; } 
.menu_slider_cont h3 { position:relative; width:100%; font-size:1.875rem; color:#999; font-weight:700; padding-top:1.875rem; border-top:1px solid #eaeaea; transition:all 0.4s; } 
.menu_slider_cont p { font-size:1.125rem; color:#999; font-weight:400; line-height:1.2; margin-top: 0.625rem; word-break:keep-all; } 


.menu_slider_list .swiper-slide-active { } 

.menu_slider_list .swiper-slide-active .menu_slider_cont .menu_thumb img { opacity:1; } 
.menu_slider_list .swiper-slide-active .menu_slider_cont h3 { color:#2e2e2e; } 
.menu_slider_list .swiper-slide-active .menu_slider_cont p { color:#818181; } 
.menu_slider_list .swiper-slide-active::after { border-width:2px; opacity:1; } 

/*
.menu_slider_list .swiper-slide.swiper-slide-active .menu_thumb   { transform:scale(1); }
*/


@media screen and (max-width: 1470px) { 
	.menu_slider .swiper-button-prev { left:10px; }
	.menu_slider .swiper-button-next { right:10px;  }  
} 
@media screen and (max-width: 1024px) { 
} 
@media screen and (max-width: 768px) { 
	.menu_slider .swiper_page {  } 
} 
@media screen and (max-width: 480px) { 
	#layout_menu .layout_menu { padding:0 15px; margin-top:3rem; } 
	.menu_slider .swiper_page { padding-top:3rem; } 

	.menu_slider .swiper_navigation { position:absolute;left:50%;top:calc(50% - 3.125rem); } 
	/*.menu_slider .swiper-button-prev { left:-5px; }
	.menu_slider .swiper-button-next { right:-5px; } 
	*/
	.menu_slider .swiper-button-prev { display:none; width:3.125rem; height:3.125rem;  } 
	.menu_slider .swiper-button-next { display:none;  width:3.125rem; height:3.125rem; } 
	.menu_slider_cont h3 { font-size:1.75rem;}
	.menu_slider .swiper-pagination-bullet { width:0.813rem; height:0.813rem;}
    .menu_slider .swiper-pagination-bullet-active { width:1.875rem; border-radius:0.469rem; } 

	.menu_slider_list .swiper-slide { width:80%; padding:65px 25px; /*padding:1.875rem;*/ border-radius:3.125rem; min-height:revert; height:auto; }  
	.menu_slider_list .swiper-slide::after { border-radius:1.875rem; } 

	.menu_slider_list .swiper-slide.swiper-slide-active .menu_thumb   { transform:scale(1); }
	.menu_slider_list .swiper-slide.swiper-slide-active .menu_title { transform:scale(1); } 
	.menu_slider_list .swiper-slide.swiper-slide-active .menu_icon  { transform:scale(1); } 
}

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
.menu_slider_cont p { font-size:1.25rem; margin-top: 0.938rem;}
} 



/*----------------------------------------------------------------------
@ 왜 치밥의 달인인가 
----------------------------------------------------------------------*/
#layout_why { position:relative; display:flex; justify-content:center;  background:url('/images/main/why_bg.jpg') no-repeat center center / cover; } 
#layout_why .container { width:100%; margin:0 auto }
#layout_why .layout_why { position:relative; min-height:21.875rem; margin-top:3.75rem; } 

#layout_why .main_title { }
#layout_why .main_title p.top { color:#e6353e; }
#layout_why .main_title h2 { color:#fff; }
#layout_why .main_title h3 { }
#layout_why .main_title p.desc { color:#fff; }

.open_graph02 { position:absolute; left:420px; bottom:0px; width:1022px; height:643px; background:url('/images/main/why_img1_new.png') no-repeat; background-position:bottom left;; z-index:1; } 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#layout_why .layout_why { min-height:253px; } 
	/* vw 1080 기준으로 */
	.open_graph02 { position:absolute; left:0px; bottom:0px; width:94.3636vw; height:59.2593vw; background:url('/images/main/why_img1_new.png') no-repeat; background-position:bottom left; background-size:cover; z-index:1; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	#layout_why .layout_why { min-height:87.3973vw; } 
	.open_graph02 { position:absolute; left:0px; bottom:0px; width:100%; height:87.3973vw; background:url('/images/main/why_img1_new_m.png') no-repeat; background-position:bottom left; background-size:cover; z-index:1; } 
}
@media screen and (max-width: 480px){
	#layout_why .layout_why { min-height:85vw; } 
	.open_graph02 { height:85vw; } 
} 
@media screen and (max-width: 390px){
	#layout_why .layout_why { min-height:84.5vw; } 
	.open_graph02 { height:84.5vw; } 
}


/*----------------------------------------------------------------------
@ 창업감점
----------------------------------------------------------------------*/
#layout_merit { position:relative; display:flex; justify-content:center; padding-bottom:0 !important; }  
#layout_merit .container { width:100%; margin:0 auto }
#layout_merit .layout_merit { background:url('/images/main/merit_bg.jpg') no-repeat center center / cover; margin-top:3.125rem; padding:5.625rem 0; } 

#layout_merit .main_title { }
#layout_merit .main_title p.top { }
#layout_merit .main_title h2 { }
#layout_merit .main_title h3 { }
#layout_merit .main_title p.desc{ }


.merit_inner { display:flex; padding:3.125rem 0; background:#fff; border-radius:3.125rem; box-shadow: 14.849px 14.849px 28.48px 3.52px rgba(5, 5, 5, 0.3); }
.merit_inner > div { width:calc(100% / 4);  } 

.merit_cont { position:relative; display:flex; flex-direction:column; align-items:center; gap:1.25rem; text-align:center; padding:0 3.125rem; } 
.merit_cont::after { content:''; position:absolute; right:0px; top:0px; width:1px; height:100%; background:#d1d1d1; } 
.merit_cont:last-child::after { display:none; } 

.merit_cont img { }
.merit_cont h3 { display:flex; align-items:center; min-height:5rem; font-family:var(--ff-go); font-size:2.188rem; color:#000; font-weight:600; line-height:1.14; }
.merit_cont p { font-size:1.25rem; color:#666; font-weight:500; line-height:1.4; word-break:keep-all; } 



@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.merit_inner { flex-wrap:wrap; row-gap:2.5rem; } 
	.merit_inner > div { width:calc(100% / 2); } 
	.merit_cont h3 { min-height:4rem; font-size:1.875rem; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	#layout_merit .layout_merit { padding:3.5rem 0; } 

	.merit_inner { padding:2.5rem; row-gap:3.125rem;  } 
	.merit_inner > div { width:calc(100% / 1); } 
	.merit_cont { padding:0 1rem; } 
	.merit_cont::after { right:revert; top:revert; bottom:-1.5625rem; width:100%; height:1px; background:#d1d1d1; } 
	.merit_cont h3 { min-height:revert; } 

}
@media screen and (max-width: 480px){
	.merit_cont img { max-width:60%; } 
} 


/*----------------------------------------------------------------------
@ 쉽고 빠른조리
----------------------------------------------------------------------*/
#layout_easy { position:relative; display:flex; justify-content:center; background:url('/images/main/easy_bg.jpg') no-repeat center center / cover;  } 
#layout_easy .container { width:100%; margin:0 auto }
#layout_easy .layout_easy { margin-top:5.625rem; } 

#layout_easy .main_title { }
#layout_easy .main_title h2 { color:#fff; }
#layout_easy .main_title p.desc{ color:#fff; }

.layout_easy {   } 
.layout_easy .mueeui .thk-row { row-gap:2.5rem; } 
.layout_easy .mueeui .row-md3 .thk-col {    } 

.easy_cont { position:relative; text-align:center; } 
.easy_cont .step { display:inline-flex; align-items:center; justify-content:center; min-width:15.625rem; min-height:3.75rem; font-family:var(--ff-go); font-size:1.875rem; color:#000; font-weight:600; text-align:center; padding:0.5rem 1.25rem; border-radius:1.875rem; margin-bottom:1.375rem; background:var(--point1); } 

.easy_cont .thumb { display:block;width:100%; height:0; padding-top:56.52%; position: relative;overflow:hidden; transition:all 0.4s ease; border-radius:1.25rem; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); } 
.easy_cont .thumb::before { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; transition:all 0.4s;  } 
.easy_cont .thumb::after { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%;  border:2px solid #fff; border-radius:1.25rem; opacity:1; box-sizing:border-box; z-index:2; } 
.easy_cont .thumb > img {display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
.easy_cont .thumb .text { position:absolute; right:1.563rem; bottom:1.25rem; font-size:2.5rem; color:#fff; font-weight:100; text-align:right; line-height:1.2; z-index:3; transition:all 0.3s; } 

.easy_cont .thumb:hover { } 
.easy_cont .thumb:hover::before { opacity:0; } 
.easy_cont .thumb:hover .text { opacity:0; } 


@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.layout_easy .mueeui .thk-row { justify-content:center; } 
	.easy_cont .step { min-width:12rem; font-size:1.563rem; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	#layout_easy .main_title { align-items:flext-start; text-align:left; } 
	#layout_easy .main_title p.desc { text-align:left; } 

	#layout_easy .layout_easy { margin-top:3.5rem; } 
	.easy_cont .thumb::before { background:rgba(0,0,0,0.2); } 
	.easy_cont .step { min-width:10rem; font-size:1.25rem; } 
	.easy_cont .thumb .text { font-size:2.813rem; } 

}
@media screen and (max-width: 480px){

} 



/*----------------------------------------------------------------------
@ 특별한 맛의 비결
----------------------------------------------------------------------*/
#layout_special{ position:relative; display:flex; flex-direction:column; justify-content:center; padding-bottom:0rem !important; } 
#layout_special .container { width:100%; margin:0 auto }
#layout_special .layout_special { margin-top:3.75rem; } 

#layout_special .main_title { }
#layout_special .main_title p.top { }
#layout_special .main_title h2 { }
#layout_special .main_title h3 { }
#layout_special .main_title p.desc{ }

.layout_special .special_cont:nth-of-type(1) { background:var(--point1); }
.layout_special .special_cont:nth-of-type(2) { background:#fff; }
.layout_special .special_cont:nth-of-type(3) { background:var(--menu); }

.layout_special .maxWidth1440 {  } 


.special_inner { display:flex; align-items:center; } 
.special_inner .left { display:flex; flex-direction:column; gap:2.188rem; width:50%; padding-left:6.25rem; }
.special_inner .right { display:flex; justify-content:flex-end; width:50%; padding:2.5rem 2.5rem 1rem;  } 

.special_inner .left .point { display:inline-flex; align-items:center; justify-content:center; /*width:15.625rem;*/width:12.5rem; font-family:var(--ff-go); /*font-size:2.188rem;*/font-size:1.875rem; color:#fff; font-weight:600; line-height:1.1; letter-spacing:0; text-align:center; padding:1.563rem 1.25rem 1.375rem; border-radius:3.125rem;  background:#000; }
.special_inner .left h3 { font-family:var(--ff-go); font-size:4.063rem; color:var(--menu); font-weight:600; }
.special_inner .left p { font-size:1.563rem; color:#000; font-weight:600; line-height:1.4; word-break:keep-all; } 

.special_inner.reverse { flex-direction:row-reverse; } 
.special_inner.reverse .left { align-items:flex-end; text-align:right; padding-left:revert; padding-right:4.688rem; } 
.special_inner.reverse .right { justify-content:flex-start; padding-left:3.75rem; } 

.special_inner.three .left h3 { color:var(--point1); }
.special_inner.three .left p { color:#fff; } 


@media screen and (max-width: 1470px){
	.special_inner .left { padding-left:1rem; } 
	.special_inner .right { padding-right:0rem; } 
	.special_inner.reverse .left { padding-right:1rem; } 
	.special_inner.reverse .right { padding-left:0rem; } 
} 

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.special_inner .left { gap:1.563rem; } 
	.special_inner .left .point { width:13rem; font-size:1.563rem; padding:1.25rem 1.875rem 1.125rem; } 
	.special_inner .left h3 { font-size:3rem; } 
	.special_inner .left p { font-size:1.25rem; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	.special_inner { flex-direction:column; } 
	.special_inner.reverse { flex-direction:column; } 

	.special_inner .left { align-items:center; width:100%; padding-top:2.5rem; text-align:center;  } 
	.special_inner .right { width:100%; justify-content:center; padding-left:1rem;padding-top:1rem; } 
	.special_inner.reverse .right { justify-content:center; padding-left:1rem; } 
	.special_inner .right img { width:90%; }

	.special_inner.reverse .left { align-items:center; text-align:center; padding-left:1rem; padding-right:0; } 

	.special_inner .left { gap:1.25rem; } 
	.special_inner .left .point { width:revert; font-size:1.375rem; } 
	.special_inner .left h3 { font-size:2.5rem; } 
	.special_inner .left p br { display:none; } 
}
@media screen and (max-width: 480px){
	
} 


/* flowtext */
.main_why_text { font-size:7.5rem; color:#e4e4e4; font-weight:700; letter-spacing:-0.025em; line-height:1; white-space:nowrap; margin-top:2rem; margin-bottom:2rem; } 
.main_why_text .viewbox { width:100%; min-width:1440px; }
.main_why_text .slidebox { width:200%; min-width:fit-content; height:100%; display:flex; animation:flowtext 30s linear infinite; } 
.main_why_text .leftbox, .main_why_text .rightbox, .main_why_text .centerbox { width:50%; height:100%; display:flex; justify-content:space-around; align-items:center;  padding:0 2.5rem; }
@keyframes flowtext { 
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); } 
}

@media screen and (max-width: 1470px) { 
	.main_why_text { font-size:6.9444vw; } 
} 
@media screen and (max-width: 640px) { 
	.main_why_text .viewbox { min-width:225vw; } 
	.main_why_text { font-size:8.5vw; margin-top:1.25rem; margin-bottom:1.25rem;  } 
	.main_why_text .leftbox, .main_why_text .rightbox, .main_why_text .centerbox { padding:0 0.313rem;} 
} 




/*----------------------------------------------------------------------
@ 매출전략
----------------------------------------------------------------------*/
#layout_strategy { position:relative; display:flex; justify-content:center; /*padding-bottom:11rem !important;*/ } 
#layout_strategy .container { width:100%; margin:0 auto }
#layout_strategy .layout_strategy { display:flex; align-items:center; justify-content:center; margin-top:4.375rem; margin-bottom:4.375rem; } 

.strategy_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; display:flex; z-index:-1; } 
.strategy_bg > div { position:relative; width:50%; height:100%; } 
.strategy_bg .left { background:url('/images/main/strategy_left_bg.jpg') no-repeat center center / cover; } 
.strategy_bg .right { background:url('/images/main/strategy_right_bg.jpg') no-repeat center center / cover; } 

#layout_strategy .main_title { align-items:center; justify-content:center; text-align:center; }
#layout_strategy .main_title p.top { }
#layout_strategy .main_title h2 { }
#layout_strategy .main_title h3 { color:#fff; }
#layout_strategy .main_title p.desc { font-size:2.188rem; color:#fff; line-height:1.286; }
#layout_strategy .main_title p.desc b { font-weight:700; } 


@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	#layout_strategy { /*padding-bottom:18rem !important;*/ } 
	#layout_strategy .main_title p.desc { font-size:1.563rem; } 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	#layout_strategy .layout_strategy { margin:3.5rem 0; } 
	#layout_strategy .main_title p.desc { font-size:1.25rem; } 
	#layout_strategy .main_title p.desc br { display:none; } 
	#layout_strategy img { max-width:100%; } 
}
@media screen and (max-width: 480px){
}