@charset "utf-8";
.pr {position:relative;}
body {}
body * {word-break:keep-all; font-family: "Nunito Sans", sans-serif;}
#wrap {position:relative; overflow:hidden; text-align:center;}
.wrap {width:100%; max-width: 1200px; margin: 0 auto;}
.header {position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:100;}
.header .h_top {border-bottom: 1px solid #ddd; background-color:#fefcfa;}
.header .h_top .wrap {display: flex;}
.header .h_top a {display: flex; height: 40px; flex-basis: 33.3%; align-items:center; justify-content:center; font-size: 14px;gap: 10px; border-right:1px solid #ddd;}
.header .h_top a:last-child {border-right:0;}
.header .h_top img {width: 24px; }
.header .h_btm {height: 80px; padding: 0 20px; display:flex; align-items:center; border-bottom: 1px solid #ddd;}
.header .h_btm img {width: 160px;}
#contents {padding-top:120px; width:100%; max-width: 1200px; margin:0 auto; background-color:#fff;}
#contents img {max-width:100%;}
.swp_hero {position:relative;}
.swp_hero_txt {position:absolute; left:0; right:0; bottom:0; z-index:10; display:flex; align-items: end; padding: 80px; justify-content:center; text-align:center;color:#fff;}
.swp_hero_txt img {width: 150px; margin-bottom: 30px;}
.swp_hero_txt p {font-size: 20px; line-height: 1.6}
.swp_info_area {padding: 120px 50px; background:url('/img/html/swp_bg.jpg') center top no-repeat; background-size: 1200px auto; text-align:center;}
.swp_info .tit {font-size: 30px; font-weight: 700; line-height:1.7; margin-bottom:30px;}
.swp_info .img {border-radius:20px; overflow:hidden; margin-bottom:20px; display:inline-block;}
.swp_info .txt {color:#645f57; font-size: 20px; line-height: 1.7; margin-bottom: 50px;}

.product_list {margin:50px 0;}
.product_list li {max-width: 300px; margin:0 auto 30px;;}
.product_list li span {display: block; font-size: 20px; font-weight: 600; line-height: 1.7; margin-top:10px;}


.content_copy {display:none;}

.product_tit_area {margin-top: 50px;}
.product_tit_area .tit {font-size: 50px; line-height: 1.7; font-weight: 700;}
.product_tit_area .txt {font-size: 26px; line-height: 1.7;}
.product_area {margin-bottom: 80px;}
.product_area section {margin-bottom:120px;}
.product_area section:last-child {margin-bottom:0;}
.product_area .p_tit {position:relative; font-size: 40px; line-height: 1.7; font-weight: 800; margin-bottom: 50px;}
.product_area .p_tit:before {content:''; position:absolute; top: 70px; left:50%; width: 40px; height: 6px; margin-left: -20px; background-color:#826842; border-radius: 4px;}
.product_img_list {display: flex; flex-wrap:wrap; gap:10px;}
.product_img_list li {flex-basis: calc( 33.33% - 6.66px );}
.lt_more {position:absolute; right:0; top: 0; z-index:10; display:inline-block; padding: 0 10px; line-height: 30px; background-color:#222; color:#fff; text-align:center;}

.recipes_list iframe {max-width:100%; width:100%}
.recipes_list {display:flex; gap: 20px; text-align:center; position:relative; flex-wrap:wrap;}
.recipes_list .latest-item {flex-basis: calc( 50% - 10px ); margin-bottom: 70px;}
.youtube-content {margin-bottom:10px;}
.recipes_list .step1 {font-size: 16px; color:#227478; font-weight: 800; background-color:#eef6f6; display:inline-block; padding: 0 10px; border-radius: 5px; margin-bottom:10px;}
.recipes_list .step1.very-easy {color:#227478; background-color:#eef6f6;}
.recipes_list .step1.easy {color:#727cf5; background-color:#f3f4fd;}
.recipes_list .step1.normal {color:#39afd1; background-color:#e9f9fd;}
.recipes_list .step1.vegan {color:#fff; background-color:#0acf97;} /**/
.recipes_list .step1.quick {color:#fff; background-color:#fa5c7c;} /**/
.recipes_list .tit {font-size: 23px; line-height: 1.4; margin-bottom:10px;}
.recipes_list .step2, .recipes_list .step3 {display:inline-block; font-size: 16px; color:#8e8e8e; line-height: 1.4;}
.recipes_list .step3 {padding: 0 10px;}

.product_tit {text-align:center;}
.product_tit .txt {font-size: 20px; line-height: 1.6; padding: 0 20px;}
.product_tit .txt b {font-size: 26px; color:#5d6d22;}
.product_tit .img_area {position:relative;}
.product_tit .img_area .ia2 {margin-top: -330px;}
.product_tit .se2_quote3 {border:0px !important; display: flex; gap: 20px; justify-content:center;}

.product_detail {background-color:#fff; text-align:center;}
.product_detail .tit {color:#8d6839; font-size: 26px; line-height: 1.6; margin-bottom:10px; font-weight: 700;}
.product_detail .txt {font-size: 20px; line-height: 1.6; padding: 0 20px;}
.product_detail li {padding: 50px 0;}
.product_detail li:nth-child(odd) {background-color:#fcf7ef; border-radius: 20px;}

.recipes_tit {background-image:url('/img/html/recipes_bg.jpg'); background-position:bottom center; background-repeat:no-repeat; background-size: contain; margin-bottom: 20px;}
.recipes_tit .rt_txt {padding: 50px 0;}
.recipes_tit .rt_txt .tit {font-size: 30px; line-height: 1.7; font-weight: 800; margin-bottom: 20px;}
.recipes_tit .rt_txt .txt {font-size: 23px; line-height: 1.7; color:#4c463e;}
.recipes_tit .lt_img {
  max-width: 600px;
  width: 100%;
  aspect-ratio: 1 / 1; /* 정사각형 비율 유지 */
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin:0 auto;
}

.recipes_tit .lt_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 꽉 채우기, 잘릴 수 있음 */
  display: block;
}
.video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 비율 = 9/16 * 100 */
  height: 0;
  overflow: hidden;
}

.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#footer {background-color:#eee; padding: 40px 0; text-align:left;}
#footer .wrap {display: flex; justify-content: space-between; align-items:center;}
#footer .f_logo {width: 120px; margin-bottom: 17px;}
#footer .f_contact p {font-size: 14px; font-weight: 600;}
#footer .f_contact a {text-decoration:underline;}
#footer .f_link {display:flex; align-items:center; justify-content:center; gap: 20px;}
#footer .f_link a {height: 30px; padding: 0 10px; display: flex; align-items:center; justify-content:center; background-color: #5d6d22; color:#fff; font-weight:700; font-size: 15px; text-transform: uppercase; border-radius: 5px;}
#footer .f_link a.bg {background-color:#2c3d0b;}
#footer .f_copyright {color:#866030; text-transform: uppercase; font-weight: 700; margin-top:10px; text-align:right;}


.swiper-button-next, .swiper-button-prev {color: #fff !important;}
.swiper-pagination-bullet-active {background-color:#fff !important;}

.ytp-gradient-top {display:none !important; }
.ytp-chrome-top {display:none !important; }

	@media all and (max-width:1200px) {
	#footer .wrap {padding: 0 20px;}
	}

	@media all and (max-width:768px) {
	.product_area section {margin-bottom: 80px;}
	/* .recipes_list .latest-item {flex-basis: calc( 50% - 5px );} */
	.product_area .p_tit {font-size: 24px;}
	.recipes_tit .rt_txt .tit {font-size: 20px; margin-bottom:0;}
	.recipes_tit .rt_txt .txt {font-size: 16px}
	.recipes_tit .lt_img {width: 300px;}
	.recipes_tit .rt_txt {padding: 30px 0;}
	.product_area .p_tit:before {width: 20px; margin-left: -10px; top: 40px}
	.swp_hero_txt {padding: 50px 20px;}
	.swp_hero .swiper-slide {height: 700px}
	.swp_hero .swiper-slide img {object-fit: cover;
    height: 700px;}
	.swp_hero_txt p {font-size: 16px;}

	.swp_info_area {padding: 80px 50px; background-size: contain;}
	.swp_info .img {width: 280px;}
	.swp_info .tit {font-size: 20px; margin-bottom:10px;}
	.swp_info .txt {font-size: 16px;}
	.product_tit .txt b  {font-size: 20px;}
	.product_tit .txt {font-size: 16px;}
	.product_detail .tit {font-size: 16px;}
	.product_detail .txt {font-size: 16px;}
	
	.product_detail li {border-radius:0px;}
	
	.product_tit_area .tit {font-size: 30px;}
	.product_tit_area .txt {font-size: 18px;}
	
	.header .h_btm img {width: 120px;}

	.swiper-button-next.swpD, .swiper-button-prev.swpD {color: #5d6d22 !important; top: 120px;}
	.swiper-button-next.swpD {right:0;}
	.swiper-button-prev.swpD {left:0;}

	
	
	}


	@media all and (max-width:600px) {
	#contents {position:relative; left:inherit; transform:inherit; overflow:hidden;}
	.recipes_list {display:block; padding: 0 20px;}
	.recipes_list .latest-item {margin-bottom: 50px;}

	.product_tit .img_area .ia2 {margin-top: -250px;}
	.swp_info_area {padding: 50px 20px;}

	#footer .wrap {display: block; text-align:center;}
	#footer .f_link {margin-top: 20px;}
	#footer .f_copyright {text-align:center; margin-top:20px;}
	}