/* --------------------------------sec_recipe_01-------------------------------- */
.bg_recipe {background-image:url(/public/test/images/recipe/bg_recipe.webp), -webkit-linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-image:url(/public/test/images/recipe/bg_recipe.webp), linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-repeat:repeat-y,repeat-y; background-position:top center,top center; background-size:auto,100% auto}
.bg_detail {background-image:url(/public/test/images/recipe/bg_detail.webp),-webkit-linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-image:url(/public/test/images/recipe/bg_detail.webp),linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-repeat:repeat-y,repeat-y; background-position:top center,top center; background-size:auto,100% auto}
.bg_card {background:url(/public/test/images/class/bg_card.webp) no-repeat top center /100% auto}
@media screen and (max-width:767px) {
    .bg_card {background:url(/public/test/images/class/bg_card_mo.webp) no-repeat  center bottom /100% auto}
}/* md */

.sec_recipe_01 .inner {text-align:center; padding:5.125rem 0 3.812rem}
.sec_recipe_01 .sec_tit {/*color:#C85B60; text-align:center; font-family:"Sandoll Hoyoyo2 TTF"; text-shadow:10px 12px 16px #0000001a; font-size:4.5rem; font-weight:900; line-height:120%; display:inline-block; margin:0 auto 6.5rem; */position:relative; margin:0 auto 1.5rem; width:100%; max-width:calc(942/1504*100%)}
/*.sec_recipe_01 .sec_tit .sizeup {font-size:7.5rem; line-height:100%}*/
.sec_recipe_01 .sec_tit img {margin:0 auto}
.sec_recipe_01 .sec_desc {position:relative; display:inline-block}
.sec_recipe_01 .sec_desc p {text-align:center; position:relative; color:#333; font-size:2rem; font-weight:500; line-height:160%; letter-spacing:-.96px}
.sec_recipe_01 .sec_desc p:nth-of-type(1) {margin-bottom:1rem}
.sec_recipe_01 .sec_desc .color {color:#C85B60; font-weight:700}
.sec_recipe_01 .sec_desc::after {content:''; display:block; position:absolute; z-index:2; background-size:contain; background-repeat:no-repeat; background-position:center; top:0; right:0.75rem; transform:translate(100%,1.75rem); width:calc(361/1504*100%); padding-bottom:21.75%; background-image:url(/public/test/images/recipe/img_dog.webp)}
.sec_recipe_01 .underline {font-weight:700; position:relative; z-index:2}
.sec_recipe_01 .underline::after {content:''; display:block; width:0; height:1rem; background-color:#FCFF5F; position:absolute; bottom:0; left:0; z-index:-1}
.sec_recipe_01 .active p:nth-of-type(3) .underline:nth-of-type(1)::after {animation:underline 0.7s 0.3s forwards ease-in-out}
.sec_recipe_01 .active p:nth-of-type(3) .underline:nth-of-type(2)::after {animation:underline 0.6s 1s forwards ease-in-out}
/*.sec_recipe_01 .ico_tit::before {content:''; display:block; width:7.4375rem; padding-bottom:calc(105/158*100%); position:absolute; top:0; left:0; transform:translate(-65%,-50%); background:url(/public/test/images/recipe/ico_shock_2.png) no-repeat center/contain}*/
/*.sec_recipe_01 .ico_tit::after {content:''; display:block; width:109%; max-width:53.75rem; padding-bottom:calc(118/860*100%); position:absolute; bottom:0; right:0; transform:translate(15%,47%); background:url(/public/test/images/recipe/ico_underline_2.png) no-repeat center/contain}*/
@media screen and (max-width:1300px) {
    .sec_recipe_01 .sec_desc::after {transform:translate(50%,-3rem)}
}/* md */
@media screen and (max-width:1024px) {
    .sec_recipe_01 .inner {padding:1.34rem 0 0}
    .sec_recipe_01 .sec_tit {font-size:2rem; margin:0 auto 3.17rem; width:45%; max-width:calc(208/328*100%)}
    .sec_recipe_01 .sec_tit .sizeup {font-size:4rem}
    .sec_recipe_01 .sec_desc p {font-size:1.34rem}
    .sec_recipe_01 .sec_desc p:nth-of-type(4) {margin-top:0.75rem}
    .sec_recipe_01 .ico_tit::before {width:5.08rem}
    .sec_recipe_01 .ico_tit::after {width:137.8%; transform:translate(12%,46%)}
    .sec_recipe_01 .sec_desc::after {width:118px; height:96.4px; padding:0; right:4.5rem; transform:translate(100%, -5rem)}
}/* md */
@media screen and (max-width:767px) {
    .sec_recipe_01 .sec_tit {width:100%; max-width:215px}
    .bg_recipe {background-image:url(/public/test/images/recipe/bg_recipe_mo.webp), -webkit-linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-image:url(/public/test/images/recipe/bg_recipe_mo.webp), linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-repeat:repeat-y,repeat-y; background-position:top center,top center; background-size:auto,100% auto}
    .bg_detail {background-image:url(/public/test/images/recipe/bg_recipe_mo.webp),-webkit-linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-image:url(/public/test/images/recipe/bg_recipe_mo.webp),linear-gradient(180deg,#FFFAFA 0%,#FDECEC 100%); background-repeat:repeat-y,repeat-y; background-position:top center,top center; background-size:auto,100% auto}
}/* sm */
/* --------------------------------sec_recipe_01 end-------------------------------- */


/* --------------------------------sec_recipe_02-------------------------------- */
.sec_recipe_02 .inner {padding:8.75rem 0 4rem}
@media screen {
    .sec_recipe_02 .inner {padding:4rem 0 7.5rem}
}

/* sub title */
.sec_recipe_02 .recipe_wrap {width:100%; position:relative; background:url(/public/test/images/recipe/tough_line.png) repeat-x top center/auto 7px; padding-top:5rem}
.sec_recipe_02 .recipe_wrap::before {content:''; display:block; position:absolute; z-index:2; background-size:contain; background-repeat:no-repeat; background-position:center; top:0; left:-1rem; transform:translateY(-76%); width:calc(199/1504*100%); padding-bottom:27.75%; background-image:url(/public/test/images/recipe/img_book.webp)}
.sec_recipe_02 .sub_desc {color:#333; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px; text-align:center}
.sec_recipe_02 .sub_tit {color:#333; font-size:4rem; font-weight:400; line-height:120%; letter-spacing:-1.92px; text-align:center}
.sec_recipe_02 .sub_tit .color {color:#BCB200; font-weight:700}
@media screen and (max-width:1400px) {
    .sec_recipe_02 .recipe_wrap::before {width:calc(145/1504*100%); transform:translateY(-70%)}
    /*.sec_recipe_02 .sec_desc::after {width:calc(250/1504*100%); transform:translateY(-164%)}*/
}/* md */
@media screen and (max-width:1024px) {
    .sec_recipe_02 .recipe_wrap {background-size:auto 3px}
    .sec_recipe_02 .sub_tit {font-size:2.67rem; margin-top:1rem}
    .sec_recipe_02 .video_wrap {border-radius:1.66rem; border-width:4px; padding:2.67rem 1.66rem}
}/* md */
@media screen and (max-width:767px) {
    .sec_recipe_02 .recipe_wrap::before {width:70px; height:147px; padding:0; transform:translateY(-70%); background-position:left}
}/* sm */

/* obj */
.sec_recipe_02 .character_wrap {position:relative}
.sec_recipe_02 .info {position:relative; padding-bottom:calc(690/1504*100%); width:100%}
.sec_recipe_02 .info_right {position:absolute; top:0; right:0}
.sec_recipe_02 .obj {position:absolute}
.sec_recipe_02 .obj1 {left:calc(180/1504*100%); top:calc(175/690*100%); width:calc(331/1504*100%)}
.sec_recipe_02 .obj2 {right:calc(184/1504*100%); top:0; width:calc(186/1504*100%)}
.sec_recipe_02 .obj3 {left:calc(108/1504*100%); bottom:calc(38/690*100%); width:calc(194/1504*100%)}
.sec_recipe_02 .obj4 {right:calc(94/1504*100%); bottom:calc(40/690*100%); width:calc(206.5/1504*100%)}
.sec_recipe_02 .character {position:absolute; bottom:0; right:50%; transform:translateX(50%); width:calc(501/1504*100%); z-index:-1}
.sec_recipe_02 .character img {width:100%}
.sec_recipe_02 .typing_line {display:inline-block; padding:1.5rem 2rem; border-radius:1.875rem; border:1px solid #FFF; background:linear-gradient(0deg,#FFF 26.72%,#ECF8F9 100%); color:#333; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px; position:relative; text-align:center; filter:drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.15))}
.sec_recipe_02 .info_left .typing_line {position:absolute; left:calc(114/1504*100%); top:calc(62/690*100%); min-width:calc(316/1504*100%)}
.sec_recipe_02 .info_left .typing_line::after {content:''; display:block; width:2.625rem; height:1.8125rem; background:url(/public/test/images/lab/ico_bubble_1.png) no-repeat top center / contain; position:absolute; bottom:0; left:3.5rem; transform:translateY(100%)}
.sec_recipe_02 .info_right .typing_line {position:absolute; right:1rem; bottom:calc(288/690*100%); min-width:calc(389/1504*100%)}
.sec_recipe_02 .info_right .typing_line::after {content:''; display:block; width:2.625rem; height:1.8125rem; background:url(/public/test/images/lab/ico_bubble_2.png) no-repeat top center / contain; position:absolute; bottom:0; right:3.5rem; transform:translateY(100%)}
.sec_recipe_02 .typing_line .bold {font-weight:700}
.sec_recipe_02 .typing_line.active::after {content:''; display:inline-block; width:2px; height:1em; background:#333; margin-left:2px; animation:blinkCursor .8s infinite; vertical-align:text-bottom}
.sec_recipe_02 .typing_line::after {display:none}
@media screen and (max-width:1280px) {
    .sec_recipe_02 .obj1 {top:calc(200/690*100%)}
}/* md */
@media screen and (max-width:1024px) {
    .sec_recipe_02 .character_wrap {margin:1.5rem auto 0; max-width:500px}
    .sec_recipe_02 .info {padding-bottom:calc(297/360*100%)}
    .sec_recipe_02 .character {width:calc(192/360*100%); padding-left:12px}
    .sec_recipe_02 .obj1 {left:0; top:calc(108/297*100%); width:calc(105/360*100%)}
    .sec_recipe_02 .obj2 {right:4px; width:calc(64/360*100%); top:unset; bottom:calc(50 / 297 * 100%)}
    .sec_recipe_02 .obj3 {left:-1rem; bottom:calc(50 / 690 * 100%); width:calc(50 / 360 * 100%)}
    .sec_recipe_02 .obj4 {width:calc(80/360*100%); bottom:unset; top:calc(46 / 297 * 100%)}
    .sec_recipe_02 .typing_line {font-size:1.17rem; padding:.75rem 1.34rem; border-radius:1.34rem}
    .sec_recipe_02 .info_left .typing_line {left:0; top:calc(36/297*100%)}
    .sec_recipe_02 .info_right .typing_line {top:0; right:0; bottom:unset; min-width:176px}
    .sec_recipe_02 .info_left .typing_line::after {width:19px; height:13px; left:30px}
    .sec_recipe_02 .info_right .typing_line::after {width:19px; height:13px; right:20px}
}/* md */
@media screen and (max-width:767px) {
    .sec_recipe_02 .obj4 {top:calc(58 / 297 * 100%)}
    .sec_recipe_02 .info_right .typing_line {min-width:150px}
}/* sm */

/* tab */
.sec_recipe_02 .filter_wrap {margin:0 auto 3.5rem}
.sec_recipe_02 .filter_list {max-width:784px; margin:0 auto; display:grid; grid-template-columns:repeat(3,auto); gap:1.5rem 2rem; justify-content:center; align-items:center; flex-wrap:wrap}
.sec_recipe_02 .filter_btn button {display:flex; justify-content:center; align-items:center; gap:.5rem; color:#999; width:15rem; height:4.5rem; text-align:center; font-size: min(1.15vw, 1.5rem)/*1.5rem*/; font-weight:500; line-height:1; letter-spacing:-.72px; transition:all .15s ease-in-out; border-radius:300px; background:linear-gradient(0deg,#FFEAEA 0%,#FFF 100%); box-shadow:6px 6px 10px 0 #0000001a inset}
.sec_recipe_02 .filter_btn button span {opacity:.9}
.sec_recipe_02 .filter_btn.active button {opacity:1; border:3px solid #D58689; background:linear-gradient(0deg,#FFEAEA 0%,#FFF 100%)}
.sec_recipe_02 .filter_btn button::before {content:''; display:block; width:3.5rem; height:3.5rem; background-size:contain; background-repeat:no-repeat; background-position:center}
.sec_recipe_02 .filter_btn_01 button::before {background-image:url(/public/test/images/recipe/ico_cate_1.webp)}
.sec_recipe_02 .filter_btn_02 button::before {background-image:url(/public/test/images/recipe/ico_cate_2.webp)}
.sec_recipe_02 .filter_btn_03 button::before {background-image:url(/public/test/images/recipe/ico_cate_3.webp)}
.sec_recipe_02 .filter_btn_04 button::before {background-image:url(/public/test/images/recipe/ico_cate_4.webp)}
.sec_recipe_02 .filter_btn_05 button::before {background-image:url(/public/test/images/recipe/ico_cate_5.webp)}
.sec_recipe_02 .filter_btn_06 button::before {background-image:url(/public/test/images/recipe/ico_cate_6.webp)}
.sec_recipe_02 .recipe_list {display:grid; grid-template-columns:repeat(3, 1fr); gap:3.5rem 2rem; justify-content:flex-start; align-items:flex-start}
.sec_recipe_02 .recipe_list .recipe_card {border-radius:40px; background:linear-gradient(0deg,#fff3 0%,#fff3 100%),linear-gradient(0deg,#FFEAEA 0%,#FFF 100%); width:100%; max-width:100%; filter:drop-shadow(10px 12px 16px #0000001a); height:100%}
.sec_recipe_02 .recipe_list .recipe_card a {display:block; width:100%; padding:3rem 2.5rem 2.25rem}
.sec_recipe_02 .recipe_list .recipe_sub {color:#009752; font-size:1.5rem; font-weight:500; letter-spacing:-.72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; line-height:160%; /*min-height:calc(1.5rem * 1.6); max-height:calc(1.5rem * 1.6 * 2)*/}
.sec_recipe_02 .recipe_list .recipe_title {color:#333; font-size:2rem; font-weight:700; line-height:160%; letter-spacing:-.96px; margin:.5rem 0 2rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; /*min-height:calc(2rem * 1.6); max-height:calc(2rem * 1.6 * 2)*/}
.sec_recipe_02 .recipe_list .recipe_thumb {width:100%; border-radius:16px; overflow:hidden; aspect-ratio: 16 / 9;}
.sec_recipe_02 .recipe_list .recipe_thumb img {width:100%; object-fit: cover; height: 100%; object-position: center}
.sec_recipe_02 .btn_wrap {text-align:center}
.sec_recipe_02 .btn_more {position:relative; display:inline-flex; justify-content:center; align-items:center; gap:.75rem; border-radius:300px; border:4px solid #324D46; background:linear-gradient(0deg,#425A54 0%,#1D4138 100%),radial-gradient(52.15% 50.15% at 50% 50%,#FFF 0%,#F1F1F1 100%); box-shadow:16px 12px 24px 0 #0000001a; color:#FFF; text-align:center; font-size:2rem; font-weight:700; line-height:5.5625rem; height:5.5625rem; padding:0 3.5rem; margin:5rem auto 0; letter-spacing:-.96px; overflow:hidden; transition:transform .3s ease}
.sec_recipe_02 .btn_more::after {content:''; display:block; width:1.0625rem; height:1.1875rem; background:url(/public/test/images/common/btn_more.png) no-repeat center/contain; transition:transform .5s ease}
.sec_recipe_02 .btn_more::before {content:''; position:absolute; top:0; left:-100%; width:200%; height:100%; background:linear-gradient(120deg,#ffffff1a,transparent); transform:skewX(-20deg); transition:left .5s ease}
.sec_recipe_02 .btn_more:hover::before {left:125%}
/*.sec_recipe_02 .btn_more:hover::after {transform: scale(1.1)}*/
.sec_recipe_02 .btn_more:hover {border-color:#fff}


/* custom cursor */
.sec_recipe_02 .recipe_list .recipe_card a {cursor:url(/public/test/images/recipe/ico_cursor.svg) 16 16,auto}
/*.custom-cursor--link {transform:translate(-50%, -50%) scale(1); background-color:transparent; border:1px solid #fff}*/
/*.custom-cursor--link::after {content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:2.625rem; height:2.625rem; background:url(/public/test/images/recipe/ico_cursor.png) no-repeat center/contain}*/
/*.custom-cursor--scale {transform:translate(-50%, -50%) scale(1)}*/
/*!* 터치 디바이스나 hover 미지원 환경에서 커서 숨김 *!*/
/*@media (hover:none), (pointer:coarse) {*/
/*    .custom-cursor {*/
/*        display:none !important; */
/*    }*/
/*}*/

@media screen and (max-width:1280px) {
    .sec_recipe_02 .filter_list {gap:1.34rem 0.75rem}
    .sec_recipe_02 .filter_btn button {font-size:1.25rem}
}/* md */
@media screen and (max-width:1024px) {
    .sec_recipe_02 .recipe_wrap {padding-top:4rem}
    .sec_recipe_02 .filter_list {max-width:90%}
    .sec_recipe_02 .filter_wrap {margin:0 auto 2rem}
    .sec_recipe_02 .recipe_list {gap:2rem 1.5rem; grid-template-columns:repeat(2, 1fr)}
    .sec_recipe_02 .recipe_list .recipe_card {border-radius:1.67rem; box-shadow:4px 6px 10px 0 rgba(0, 0, 0, 0.10)}
    .sec_recipe_02 .recipe_list .recipe_card a {padding:2.67rem 2rem 2rem}
    .sec_recipe_02 .recipe_list .recipe_sub {font-size:1.17rem; min-height:calc(1.17rem * 1.6); max-height:calc(1.17rem * 1.6 * 2)}
    .sec_recipe_02 .recipe_list .recipe_title {margin:-2px 0 0.75rem}
    .sec_recipe_02 .filter_btn button {width:12rem; height:3.33rem; border-width:2px; font-size:1.17rem; gap:0.33rem; box-shadow:2px 2px 6px 0 rgba(0, 0, 0, 0.10) inset}
    .sec_recipe_02 .filter_btn button::before {width:2.33rem; height:2.33rem}
    .sec_recipe_02 .filter_btn.active button {border-width:2px}
    .sec_recipe_02 .filter_btn button span {display:inline-block; margin-top:0; margin-left:4px}
    .sec_recipe_02 .btn_more {height:4rem; line-height:4rem; font-size:1.34rem; margin:2.67rem auto 0; box-shadow:4px 6px 10px 0 rgba(0, 0, 0, 0.10)}
    .sec_recipe_02 .btn_more::after {width:10px; height:12px}
}/* md */
@media screen and (max-width:767px) {
    .sec_recipe_02 .filter_list {grid-template-columns:repeat(2, auto)}
}/* sm */
@media screen and (max-width:640px) {
    .sec_recipe_02 .recipe_list {grid-template-columns:repeat(1, 100%)}
}/* sm */
/* --------------------------------sec_recipe_02 end-------------------------------- */


/* --------------------------------sec_recipe_03 -------------------------------- */
.sec_recipe_03 .inner {padding:6.5rem 0 9.5rem; text-align:center}
.sec_recipe_03 .sub_tit {/*color:#425A54; text-align:center; font-family:"Sandoll Hoyoyo2 TTF"; font-size:4.5rem; font-weight:700; line-height:120%; letter-spacing:-.72px; */position:relative; display:inline-block; margin:0 auto; width:100%; max-width:calc(911/1504*100%)}
/*.sec_recipe_03 .sub_tit .color {color:#58A45E}*/
.sec_recipe_03 .sub_tit img {width:100%; margin:0 auto}
.sec_recipe_03 .ico_tit::before {content:''; display:block; width:7.4375rem; height:6.375rem; position:absolute; top:0; left:0; transform:translate(-65%,-50%); background:url(/public/test/images/recipe/ico_star_2.webp) no-repeat center/contain}
@media screen and (max-width:1024px) {
    .sec_recipe_03 .inner {padding:0 0 6.17rem}
    .sec_recipe_03 .sub_tit {font-size:2rem}
    .sec_recipe_03 .sub_tit {width:50%; max-width:calc(195/328*100%)}
    .sec_recipe_03 .ico_tit::before {width:3.34rem; height:3rem; transform:translate(-66%,-60%)}
}/* md */
@media screen and (max-width:767px) {
    .sec_recipe_03 .sub_tit {width:100%}
}/* sm */

/* card */
.sec_recipe_03 .card_list {display:flex; gap:2rem; margin:4.125rem auto 0; justify-content:center; align-items:center}
.sec_recipe_03 .card_item {flex:1; max-width:480px; background:#fff; text-align:center; overflow:hidden; position:relative; border-radius:3.75rem; box-shadow:10px 12px 16px 0 #0000001a}
.sec_recipe_03 .card_inner {width:100%; padding:2rem 1.5rem 5.625rem; border-radius:3.75rem; border:2px solid #FFF; background:linear-gradient(0deg,#FFF 56.77%,#F5F5F5 100%)}
.sec_recipe_03 .card_desc p {color:#666; font-size:1.5rem; font-weight:500; height:2.875rem; line-height:2.875rem; letter-spacing:-.72px; position:relative}
.sec_recipe_03 .card_desc p::after {content:''; display:block; width:100%; height:1px; background:url(/public/test/images/lab/dotted_line.png) repeat-x center/auto 100%; position:absolute; bottom:0; left:0}
.sec_recipe_03 .card_desc p .color {color:#29A2A3; font-weight:700}
.sec_recipe_03 .card_title {margin:1rem auto 0; color:#333; text-align:center; font-size:2.5rem; font-weight:700; line-height:120%; letter-spacing:-1.2px}
.sec_recipe_03 .card_item:nth-of-type(1) .card_title {color:#D97E71}
.sec_recipe_03 .card_item:nth-of-type(2) .card_title {color:#9B9F31}
.sec_recipe_03 .card_img {width:65%; margin:.5rem auto 3.625rem}
.sec_recipe_03 .card_img img {width:100%}
.sec_recipe_03 .card_btn {display:inline-flex; justify-content:center; align-items:center; gap:.5rem; color:#fff; padding:0 1.5rem; text-decoration:none; position:absolute; bottom:0; left:0; width:100%; height:5.625rem; line-height:5.625rem; overflow:hidden; transition:all .3s ease; box-shadow:10px 12px 16px 0 #0000001a; text-align:center; font-size:2rem; font-weight:700; letter-spacing:-.96px}
.sec_recipe_03 .card_item:nth-of-type(1) .card_btn {background:linear-gradient(180deg, #F59C90 0%, #FDB4AA 100%), linear-gradient(180deg, #0CBBB5 0%, #18D8D1 100%), linear-gradient(180deg, #B8BD4A 0%, #CED176 100%), linear-gradient(180deg, #0CBBB5 0%, #18D8D1 100%)}
.sec_recipe_03 .card_item:nth-of-type(2) .card_btn {background:linear-gradient(180deg,#B8BD4A 0%,#CED176 100%),linear-gradient(180deg,#0CBBB5 0%,#18D8D1 100%)}
.sec_recipe_03 .card_btn::after {content:''; display:block; width:1.5625rem; height:1.5625rem; background:url(/public/test/images/common/ico_btn_next2.png) no-repeat center / contain}
.sec_recipe_03 .card_btn::before {content:''; position:absolute; top:0; left:-100%; width:200%; height:100%; background:linear-gradient(120deg,#fff3 0%,#fff0 70%); transform:skewX(-20deg); transition:left .5s ease}
.sec_recipe_03 .card_item:hover .card_btn::before {left:125%}
.sec_recipe_03 .card_item:hover .card_btn {transform:scale(1.02)}
.sec_recipe_03 .card_btn:hover {border-color:#fff}
@media screen and (max-width:1024px) {
    .sec_recipe_03 .card_list {margin:1.83rem auto 0}
    .sec_recipe_03 .card_item {border-radius:1.67rem}
    .sec_recipe_03 .card_inner {padding:2rem 1.5rem 4.83rem; border-radius:1.67rem}
    .sec_recipe_03 .card_title {margin:0.75rem auto 0; font-size:2rem}
    .sec_recipe_03 .card_desc p {line-height:2.5rem; height:2.5rem; font-size:1.17rem; max-width:70%; margin:0 auto}
    .sec_recipe_03 .card_img {margin:0 auto}
    /*.sec_recipe_03 .card_item:nth-of-type(2) .card_img {margin:0.67rem auto 1.68rem}*/
    .sec_recipe_03 .card_btn {height:4.83rem; line-height:4.83rem; font-size:1.34rem; gap:0.33rem}
    .sec_recipe_03 .card_btn::after {width:1.34rem; height:1.34rem}
}/* md */
@media screen and (max-width:767px) {
    .sec_recipe_03 .card_list {flex-direction:column}
    .sec_recipe_03 .card_item {max-width:68.88%}
}/* sm */
/* --------------------------------sec_recipe_03 end-------------------------------- */


/* --------------------------------sec_detail_01 -------------------------------- */
.sec_detail_01 .inner {padding:6.5rem 0 12.25rem}
@media screen and (max-width:1024px) {
    .sec_detail_01 .inner {padding:3rem 0 6.17rem}
}/* md */

/* recipe cont */
.sec_detail_01 .detail_wrap {background-color:#fff; box-shadow:10px 12px 16px 0 #0000001a; padding:5rem 6rem 6.875rem; position:relative; border-radius:46px}
.sec_detail_01 .detail_wrap::after {content:''; border-width:40px; border-image-source:url(/public/test/images/recipe/wave_border.png); border-image-slice:34 fill; border-image-repeat:round; border-style:solid; position:absolute; top:-6px; left:-6px; z-index:1; width:calc(100% + 12px); height:calc(100% + 12px)}
.sec_detail_01 .recipe_cont {position:relative; z-index:3}
.sec_detail_01 .recipe_header {display:flex; gap:2rem; align-items:flex-start; position:relative; height:19.375rem}
.sec_detail_01 .recipe_thumb {flex:0 0 calc(400/1054*100%); max-width:400px; overflow:hidden}
.sec_detail_01 .recipe_thumb img {display:block; width:100%; height:100%; border-radius:16px; overflow:hidden; object-fit:cover}
.sec_detail_01 .recipe_info {flex:1; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; height:100%}
.sec_detail_01 .info_top {flex:1}
.sec_detail_01 .recipe_cate_list {display:flex; gap:.5rem; justify-content:flex-start; align-items:center }
.sec_detail_01 .recipe_category {display:inline-flex; justify-content:center; align-items:center; gap:.5rem; color:#333; font-size:1rem; font-weight:500; line-height:140%; padding:.5rem 1rem; border-radius:300px; border:2px solid #F3C3C5; letter-spacing:-.48px}
.sec_detail_01 .recipe_category i {width:1.875rem; height:1.875rem; background-position:center; background-size:contain; background-repeat:no-repeat}
.sec_detail_01 .recipe_category[data-category="1"] i {background-image:url(/public/test/images/recipe/ico_cate_1.webp)}
.sec_detail_01 .recipe_category[data-category="2"] i {background-image:url(/public/test/images/recipe/ico_cate_2.webp)}
.sec_detail_01 .recipe_category[data-category="3"] i {background-image:url(/public/test/images/recipe/ico_cate_3.webp)}
.sec_detail_01 .recipe_category[data-category="4"] i {background-image:url(/public/test/images/recipe/ico_cate_4.webp)}
.sec_detail_01 .recipe_category[data-category="5"] i {background-image:url(/public/test/images/recipe/ico_cate_5.webp)}
.sec_detail_01 .recipe_category[data-category="6"] i {background-image:url(/public/test/images/recipe/ico_cate_6.webp)}
.sec_detail_01 .recipe_sub {color:#333; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px; margin:1.5rem 0 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis}
.sec_detail_01 .recipe_title {color:#333; font-size:3.5rem; font-weight:700; line-height:120%; letter-spacing:-1.68px; margin:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; min-height:calc(3.5rem * 1.2); max-height:calc(3.5rem * 1.2 * 2)}
.sec_detail_01 .recipe_waring {display:flex; gap:1rem}
.sec_detail_01 .recipe_waring span {padding:.5rem 1.25rem .5rem .5rem; border-radius:300px; border:2px solid #F3C3C5; background:#FFF; display:inline-flex; justify-content:flex-start; align-items:center; gap:.5rem; flex-direction:row}
.sec_detail_01 .recipe_waring .warning_fire::before {content:''; display:block; width:2.5rem; height:2.5rem; background:url(/public/test/images/recipe/ico_warning_1.webp) no-repeat center/contain}
.sec_detail_01 .recipe_waring .warning_knife::before {content:''; display:block; width:2.5rem; height:2.5rem; background:url(/public/test/images/recipe/ico_warning_2.webp) no-repeat center/contain}
.sec_detail_01 .recipe_ingredients {margin-top:6.5rem}
.sec_detail_01 .recipe_ingredients .sec_title {font-size:1.5rem; margin-bottom:3rem; padding-bottom:1.5rem; background:url(/public/test/images/recipe/tough_line.png) repeat-x bottom center / auto 7px}
.sec_detail_01 .recipe_ingredients .sec_title span {width: 302px; height: 81px; color:#FFF; display:inline-block; padding:24px 0 0 2.25rem; font-size:24px; font-weight:700; line-height:120%; letter-spacing:-.96px; background:url(/public/test/images/recipe/img_tag.png) no-repeat center center / contain}
.sec_detail_01 .ingredient_wrap {display:grid; grid-template-columns:calc(352/1054*100%) 1fr; gap:2rem; align-items:start; background:url(/public/test/images/recipe/tough_line.png) repeat-x bottom center / auto 7px; padding-bottom:6.5rem}
.sec_detail_01 .ingredient_thumb {flex:0 0 calc(352/1054*100%); max-width:352px; aspect-ratio:352/240; overflow:hidden}
.sec_detail_01 .ingredient_thumb img {display:block; width:100%; height:auto; border-radius:1rem; overflow:hidden; object-fit:cover}
.sec_detail_01 .ingredient_list {list-style:none; padding:0; margin:0}
.sec_detail_01 .ingredient_item {display:flex; justify-content:space-between; align-items:flex-start; padding:.75rem 0; background:url(/public/test/images/recipe/tough_line.png) repeat-x bottom center / auto 3px}
.sec_detail_01 .ingredient_item:last-of-type {background:none}
.sec_detail_01 .ingredient_name {flex:0 0 33.33%; min-width:14rem; padding:0 2.625rem 0 2.5rem; border-right:2px solid #F3C3C5; color:#333; font-size:1.25rem; font-weight:600; line-height:160%; letter-spacing:-.6px; position:relative}
.sec_detail_01 .ingredient_name::before {content:''; display:block; width:1.5rem; height:1.5rem; background:url(/public/test/images/recipe/ico_indgr.webp) no-repeat center/contain; position:absolute; top:.25rem; left:0}
.sec_detail_01 .ingredient_quantity {margin-left:2rem; color:#666; flex:1; text-align:left; font-size:1.25rem; font-weight:500; line-height:100%; letter-spacing:-.6px}
.sec_detail_01 .recipe_step {padding:3rem 0; background:url(/public/test/images/recipe/tough_line.png) repeat-x bottom center / auto 7px}
.sec_detail_01 .recipe_step .step {width:100%; max-width:650px; margin:0 auto}
.sec_detail_01 .recipe_step .step:not(:last-of-type) {margin:0 auto 3rem}
.sec_detail_01 .step_number {width:11.47rem; text-transform:uppercase; height:4.22rem; margin:0 auto 1.5rem; text-align:center; color:#FFF; background:url(/public/test/images/recipe/step_tag.png) no-repeat center/contain; text-shadow:0 0 8px #0003; font-size:1.5rem; font-weight:700; line-height:4.22rem}
.sec_detail_01 .recipe_step .step_desc {color:#333; font-size:1.5rem; font-weight:500; line-height:160%; letter-spacing:-.72px}
.sec_detail_01 .step_thumb {width:100%; overflow:hidden; margin:0 auto 2rem}
.sec_detail_01 .step_thumb img {display:block; width:100%; border-radius:1rem; overflow:hidden; object-fit:cover}
@media screen and (max-width:1400px) {
    .sec_detail_01 .detail_wrap {padding:4rem 4rem 5rem}
    .sec_detail_01 .recipe_title {font-size:3rem}
}/* md */
@media screen and (max-width:1024px) {
    .sec_detail_01 .detail_wrap {padding:2rem 2rem 3.33rem;border-radius:22px;}
    .sec_detail_01 .detail_wrap::after {border-width:20px; border-image-source:url(/public/test/images/recipe/wave_border_mo.png); width: calc(100% + 10px); height: calc(100% + 10px);}
    .sec_detail_01 .recipe_sub {font-size:1.17rem; margin:1.34rem 0 0}
    .sec_detail_01 .recipe_title {font-size:2rem; min-height:calc(2rem * 1.6); max-height:calc(2rem * 1.6 * 2)}
    .sec_detail_01 .recipe_waring {margin-top:2rem}
    .sec_detail_01 .recipe_waring span {font-size:1.34rem; gap:0.33rem; padding:0.84rem 1rem 0.84rem 0.84rem}
    .sec_detail_01 .recipe_waring .warning_fire::before,
    .sec_detail_01 .recipe_waring .warning_knife::before {width:1.67rem; height:1.67rem}
    .sec_detail_01 .recipe_ingredients {margin-top:4.17rem}
    .sec_detail_01 .recipe_ingredients .sec_title{margin-bottom:2rem; padding-bottom:0.75rem}
    .sec_detail_01 .recipe_ingredients .sec_title span{width: 178px; height: 52px; padding: 15px 0 0 1.83rem; font-size:16px; background:url(/public/test/images/recipe/img_tag_mo.png) no-repeat center center / contain}
    .sec_detail_01 .recipe_thumb{flex:0 0 50%}
    .sec_detail_01 .ingredient_wrap {display:block; padding-bottom:4rem}
    .sec_detail_01 .ingredient_thumb {margin-bottom:2.34rem}
    .sec_detail_01 .ingredient_item{padding:1rem 0}
    .sec_detail_01 .ingredient_name {flex:0 0 61%; font-size:1.34rem; padding:0 1.67rem 0 3rem; border-right:none}
    .sec_detail_01 .ingredient_name::before {width:1.67rem; height:1.67rem}
    .sec_detail_01 .ingredient_name::after {content:''; display:block; position:absolute; top:0.33rem; right:0; width:2px; height:1.34rem; background-color: #F3C3C5; }
    .sec_detail_01 .ingredient_quantity {font-size:1.34rem; line-height: 160%}
    .sec_detail_01 .step_number {margin:0 auto 1.34rem}
    .sec_detail_01 .step_thumb {margin:0 auto 1.34rem}
    .sec_detail_01 .step_number {width:6.84rem; height:3.67rem; line-height:3.67rem; margin:0 auto 1.5rem; background:url(/public/test/images/recipe/step_tag_mo.png) no-repeat center/contain; font-size:1.17rem}
}/* md */
@media screen and (max-width:768px) {
    .sec_detail_01 .recipe_header {flex-direction:column; align-items:center; text-align:center; height:auto; gap:1.34rem}
    .sec_detail_01 .recipe_thumb {flex:unset; width:100%; max-width:100%; aspect-ratio:280/198}
    .sec_detail_01 .recipe_thumb img {height:auto}
    .sec_detail_01 .recipe_info {width:100%}
    .sec_detail_01 .info_top {text-align:left}
    .sec_detail_01 .recipe_actions {justify-content:center}
    .sec_detail_01 .ingredient_thumb {margin-bottom:1.5rem}
} /* sm */

.sec_detail_01 .btn_wrap {text-align:center; position:relative; z-index:3}
.sec_detail_01 .btn_list {position:relative; display:inline-flex; justify-content:center; align-items:center; gap:.75rem; border-radius:300px; border:4px solid #324D46; background:linear-gradient(0deg,#425A54 0%,#1D4138 100%),radial-gradient(52.15% 50.15% at 50% 50%,#FFF 0%,#F1F1F1 100%); box-shadow:16px 12px 24px 0 #0000001a; color:#FFF; text-align:center; font-size:2rem; font-weight:700; line-height:5.5625rem; height:5.5625rem; padding:0 3.5rem; margin:5rem auto 0; letter-spacing:-.96px; overflow:hidden; transition:transform .3s ease}
.sec_detail_01 .btn_list::before {content:''; position:absolute; top:0; left:-100%; width:200%; height:100%; background:linear-gradient(120deg,#ffffff1a,transparent); transform:skewX(-20deg); transition:left .5s ease}
.sec_detail_01 .btn_list:hover::before {left:125%}
.sec_detail_01 .btn_list:hover {border-color:#fff}
@media screen and (max-width:1024px) {
    .sec_detail_01 .inner {padding:2.66rem 0 6rem}
    .sec_detail_01 .btn_list {margin:2rem auto 0}
}/* md */
/* --------------------------------sec_detail_01 end-------------------------------- */


/* --------------------------------sec_detail_02 -------------------------------- */
.sec_detail_02 .inner {padding:6.5rem 0 9.5rem}
.sec_detail_02 .sub_tit {/*color:#425A54; text-align:center; font-family:"Sandoll Hoyoyo2 TTF"; font-size:4.5rem; font-weight:700; line-height:120%; letter-spacing:-.72px; */position:relative; display:block; margin:0 auto; width:100%; max-width:calc(606/1504*100%); text-align:center}
/*.sec_recipe_03 .sub_tit .color {color:#58A45E}*/
.sec_detail_02 .sub_tit img {width:100%; margin:0 auto}
@media screen and (max-width:1024px) {
    .sec_detail_02 .inner {padding:0 0 3.5rem}
    .sec_detail_02 .sub_tit {width:50%; max-width:calc(206/328*100%)}
}/* md */
@media screen and (max-width:767px) {
    .sec_detail_02 .sub_tit {width:100%}
}/* sm */

/* reccommend recipe */
.sec_detail_02 .recommend_list {width:66%; max-width:992px; display:grid; grid-template-columns:repeat(2, 1fr); gap:2rem; justify-content:flex-start; align-items:flex-start; margin:3.5rem auto 0}
.sec_detail_02 .recommend_list .recommend_card {border-radius:2.5rem; background:linear-gradient(0deg,#fff3 0%,#fff3 100%),linear-gradient(0deg,#FFEAEA 0%,#FFF 100%); width:100%; max-width:100%; box-shadow:10px 12px 16px 0 rgba(0, 0, 0, 0.10); height:100%; border:2px solid #FFF}
.sec_detail_02 .recommend_list .recommend_card a {display:block; width:100%; padding:2.5rem}
.sec_detail_02 .recommend_list .recommend_sub {color:#009752; font-size:1.5rem; font-weight:500; letter-spacing:-.72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; line-height:160%; /*min-height:calc(1.5rem * 1.6); max-height:calc(1.5rem * 1.6 * 2)*/; margin:2rem 0 0}
.sec_detail_02 .recommend_list .recommend_title {color:#333; font-size:2rem; font-weight:700; line-height:160%; letter-spacing:-.96px; margin:.25rem 0 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; /*min-height:calc(2rem * 1.6); max-height:calc(2rem * 1.6 * 2)*/}
.sec_detail_02 .recommend_list .recommend_thumb {width:100%; border-radius:1rem; overflow:hidden}
.sec_detail_02 .recommend_list .recommend_thumb img {width:100%}
@media screen and (max-width:1024px) {
    .sec_detail_02 .recommend_list {width:100%; max-width:unset; margin:2rem auto 0}
    .sec_detail_02 .recommend_list .recommend_card {border-radius:1.67rem }
    .sec_detail_02 .recommend_list .recommend_card a {padding:1.34rem; border-radius:1.34rem}
    .sec_detail_02 .recommend_list .recommend_sub {margin:1rem 0 0; font-size:1.17rem}
    .sec_detail_02 .recommend_list .recommend_title {margin:0}
}/* md */
@media screen and (max-width:767px) {
    .sec_detail_02 .recommend_list {width:calc(248/328*100%); grid-template-columns:repeat(1, 1fr)}
}/* sm */
/* --------------------------------sec_detail_02 end-------------------------------- */

@media screen and (min-width:1024.1px) {

}/* lg */

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

}/* md */
@media screen and (max-width:767px) {

}/* sm */