@import url(reset.css);

/* ============================== [ HEADER ] ============================================================ */
#header {backdrop-filter:blur(15px); position:fixed; left:0; top:0; padding-top:32px; width:100%; z-index:100;}
#header .hd_wrap {display:flex; align-items:center; border-bottom:1px solid rgba(34,34,34,0.2); margin:0 auto; height:64px; width:1280px;}
#header .logo {background:url(/assets/images/logo.png) no-repeat 0 0; background-size:cover; margin-right:auto; height:48px; width:160px;}
#header .logo a {display:block; height:100%; width:100%;}

#gnb {margin-left:auto;}
#gnb > ul {display:flex; position:relative;}
#gnb .depth_wrap {position:relative;}
#gnb .depth_wrap ~ .depth_wrap {margin-left:40px;}
#gnb a {display:block; transition:color 0.3s;}

#gnb .depth_01 {font-weight:600; line-height:1.38em; position:relative;}
#gnb .depth_01:hover {color:#FF3624;}
#gnb .depth_01:before {background-color:#222222; content:""; position:absolute; left:0; right:0; bottom:-21px; margin:0 auto; height:1px; width:0;}
#gnb .depth_01:before {transition:width 0.2s ease-in-out;}
#gnb .depth_wrap.on .depth_01 {color:#FF3624;}
#gnb .depth_wrap.on .depth_01:before {width:100%;}

#gnb .depth_02 {display:none; position:absolute; left:0; top:64px; width:250%;}
#gnb .depth_02 ul {display:flex;}
#gnb .depth_02 li ~ li {margin-left:32px;}
#gnb .depth_02 a {font-size:13px;}
#gnb .depth_02 a:hover {text-decoration:underline;}
#gnb .depth_wrap:nth-child(2) .depth_02 {left:-300px; width:720px;}

#gnb .depth_wrap.on .depth_02 {display:block;}

/* ============================== [ FOOTER ] ============================================================ */
#footer {background-color:#fff; overflow:hidden; position:relative; padding-top:120px; z-index:1;}
#footer .cotn {overflow:hidden; border-top:1px solid #aaa; margin:0 auto; padding:0 120px 32px; width:1240px;}

#footer .info {float:left; padding-top:32px;}
#footer .info .link {margin-bottom:24px;}
#footer .info .link a {display:inline-block; font-size:14px; font-weight:600; text-decoration:underline;}
#footer .info .link a ~ a {margin-left:40px;}
#footer .info address,
#footer .info p {font-size:11px; line-height:1.36em;}
#footer .info .copy {margin-top:24px;}

#footer .social_link {float:right; background-color:#fff; display:block; border:1px solid #aaa; border-radius:8px; position:relative; margin-top:20px; padding:7px 12px; height:40px; width:220px;}
#footer .social_link:before {background:url(/assets/images/arrow_bk_16.png) no-repeat 0 0; content:""; position:absolute; right:12px; top:11px; height:16px; width:16px;}
#footer .social_link .btn_drop {display:block; font-size:12px; line-height:24px; height:24px;}
#footer .social_link ul {display:none;}
#footer .social_link ul a {background:url(/assets/images/icon_insta.png) no-repeat 0 0; display:inline-block; font-size:12px; line-height:2em; padding-left:28px;}
#footer .social_link.on {height:82px;}
#footer .social_link.on ul {display:block; margin-top:8px;}

/* ============================== [ 공통 ] ============================================================ */
#wrap {background:linear-gradient(to bottom, #F0E3D9, #FFFFFF); padding:176px 0 120px 0;}
#container {margin:0 auto; width:1000px;}
#contents {}
.ff_archivo {font-family:'Archivo'}
.go_view {/* background-color:rgba(0,0,0,0.5); */ position:absolute; left:0; top:0; height:100%; width:100%;}
.mdl_cotn {margin:0 auto; width:1000px;}
.bg_line {background:url(/assets/images/bg_title.png) repeat-x 0 bottom;}

/* ------------------------ 대타이틀 ------------------------ */
.sub_tit {background:url(/assets/images/bg_title.png) repeat-x 0 bottom; margin-bottom:64px; padding-bottom:40px;}
.sub_tit h2 {background:linear-gradient(to right, #5B2700, #901800); color:transparent; -webkit-background-clip:text; font-size:52px; font-weight:700; letter-spacing:-1px; text-align:center; margin-bottom:20px;}
.sub_tit p {color:#000; font-size:18px; text-align:center;}

.label {border-radius:8px; padding:13px 12px; height:40px;}
.label.orgn {position:relative;}
.label.orgn::before{content:""; display:block; border-radius:8px; background-color: #EF151E; position:absolute; top:0; left:0; height:100%; width:100%;}
.label.fsn {background-color:#006ECD;}/* 삭제금지 */
.label p {color:#fff; font-size:14px; font-weight:600; text-align:center; white-space:nowrap; position:relative; z-index:1;}

/* ------------------------ 테이블 ------------------------ */
.tbl_layout {}
.tbl_layout table th,
.tbl_layout table td {border-right:1px solid #DBD1C7; border-bottom:1px solid #DBD1C7; color:#000; font-size:12px; line-height:1.5em; text-align:center; padding:11px 0;}
.tbl_layout table thead th {background-color:#E9E0D8;}
.tbl_layout table thead tr:first-child th {border-top:1px solid #DBD1C7;}
.tbl_layout table th:first-child,
.tbl_layout table td:first-child {border-left:1px solid #DBD1C7;}

/* ============================== [ Input ] ============================================================ */
.input_set .tit {font-size:14px; line-height:1.5em; margin-bottom:8px;}
.input_set.req .tit:after {color:#EF151E; content:" *"; font-weight:700;}
.input_set .text {position:relative;}
.input_set .text input,
.input_set .text textarea {background-color:#FFFFFF; display:block; border:1px solid #AAAAAA; box-sizing:border-box; font-size:18px; padding:20px; height:56px; width:100%;}
.input_set .text input:focus,
.input_set .text textarea:focus {border-color:#111111; outline:none;}
.input_set .text input:disabled,
.input_set .text textarea:disabled {background-color:#F5F5F5; border-color:#F5F5F5; color:#AAAAAA;}
.input_set .text input:read-only,
.input_set .text textarea:read-only {background-color:#F5F5F5;}
.input_set .text input:read-only:focus,
.input_set .text textarea:read-only:focus {border-color:#CCCCCC;}
.input_set .text input,
.input_set .text textarea {transition:border 0.4s, color 0.2s;}
.input_set .text input {line-height:3em;}
.input_set .text textarea {line-height:1.375em; resize:none; padding:17px 16px; height:144px;}

/* ============================== [ SelectBox ] ============================================================ */
.slct_div {background-color:#ffffff; position:relative;}
.slct_div select {display:block; border:1px solid #AAAAAA; box-sizing:border-box; cursor:pointer; font-size:18px; line-height:1.3em; position:relative; padding:14px 20px; height:56px; width:100%;}
.slct_div .i_arow {background:url(/assets/images/arrow_bk_24.png) no-repeat 0 0; content:""; position:absolute; right:20px; top:16px; height:24px; width:24px;}
.slct_div select:focus {border-color:#111111;}
.slct_div select:focus ~ .i_arow {top:16px; transform:rotate(180deg);}
.slct_div select:disabled {background-color:#F5F5F5; color:#AAAAAA;}

.slct_div.small {background-color:transparent;}
.slct_div.small select {font-size:14px; border:1px solid #AA9F93; border-radius:8px; font-weight:600; padding:0 8px 0 10px; height:32px;}
.slct_div.small .i_arow {background-image:url(/assets/images/arrow_bk_16.png); right:8px; top:8px; height:16px; width:16px;}
.slct_div.small select:focus ~ .i_arow {top:8px; transform:rotate(180deg);}

/* ============================== [ Input Checkbox ] ============================================================ */
.chk_div {display:flex;}
.chk_div ~ .chk_div {margin-top:10px;}
.chk_div .group {display:inline-block; position:relative;}
.chk_div .group input {overflow:hidden; font-size:0; line-height:0; position:absolute; left:-1px; top:-1px; height:0; width:0;}
.chk_div .group .deco {background-color:transparent; display:inline-block; float:left; border:1px solid #111111; border-radius:4px; box-sizing:border-box; position:relative; margin:1px; height:20px; width:20px;}
.chk_div .group .deco {transition:background 0.3s ease-in-out;}
.chk_div .group .deco:before {background:url(/assets/images/i_check.png) no-repeat 0 0; background-size:cover; content:""; position:absolute; left:50%; top:50%; margin:-3px 0 0 -5px; height:7px; width:0;}
.chk_div .group .deco:before {transition:width 0.3s ease-in-out;}
.chk_div .group .txt {float:left; letter-spacing:-0.2px; line-height:24px; margin-left:8px;}
.chk_div.req .group .txt {font-weight:600;}
.chk_div.req .group .txt:after {color:#EF151E; content:" *"; font-weight:700;}
.chk_div.req .group .txt a {text-decoration:underline;}

.chk_div .group input:checked ~ .deco {background-color:#772001; border-color:#772001;}
.chk_div .group input:checked ~ .deco:before {width:10px;}

/* ============================== [ Button ] ============================================================ */
.btn_wrap {display:flex; align-items:center; justify-content:center; box-sizing:border-box; position:relative; width:100%;}
.btn_wrap .btn {display:block; border-radius:50px; box-sizing:border-box; font:18px/1.39em 'Archivo'; font-weight:600; flex:none; text-align:center; padding:20px; min-width:240px;}
.btn_wrap .prmy {background-color:#222222; color:#FFFFFF;}
.btn_wrap i {background-repeat:no-repeat; background-position:0 0; display:inline-block; vertical-align:middle; margin-right:8px;}
.btn_wrap i.i_down {background-image:url(/assets/images/icon_download.png); height:24px; width:24px;}
.btn_wrap i.i_arrow {background-image:url(/assets/images/arrow_white_20.png); height:20px; width:20px;}

.btn_wrap .btn.h_md {font:12px/1.5em 'Archivo'; font-weight:600; padding:10px 20px; height:40px; min-width:auto;}
.btn_wrap .btn.h_md i {vertical-align:-3px; margin-right:6px;}
.btn_wrap .btn.h_md i.i_down {background-image:url(/assets/images/icon_download_16.png); height:16px; width:16px;}
.btn_wrap.btn_view .h_md {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; gap: 0 4px; padding:10px 28px 10px 32px; font:600 16px/1.5em 'NotoSans'; vertical-align:top;} /* VIEW */
.btn_wrap.btn_view .h_md i {margin-right:0;}

/* ============================== [ Contact Us ] ============================================================ */
.contact_wrap {}
.contact {}
.contact .wrn {color:#CB161D; font-size:14px; font-weight:700; text-align:right; margin-bottom:20px;}
.contact .contact_form {border:1px solid #DBD1C7; padding:40px 80px 80px;}
.contact .contact_form .inpt_row {margin-bottom:10px;}
.contact .contact_form .half_st .inpt_row {display:flex; gap:0 16px;}
.contact .contact_form .half_st .input_set {flex:1; }
.contact .contact_form .agree {margin-top:20px;}
.contact .contact_form .btn_wrap {margin-top:40px;}

.contact .info {margin-top:80px;}
.contact .info .img {margin-bottom:20px;}
.contact .info .b_txt {font-size:28px; line-height:1.2em; font-weight:800; margin-bottom:40px;}
.contact .info .s_txt {line-height:1.8em; margin-bottom:40px;}
.contact .info a {font-weight:600; line-height:1.38em; text-decoration:underline;}
.contact .info a i {display:inline-block; transform:rotate(-90deg); vertical-align:middle;}

/* ============================== [ 개인정보 보호정책 ] ============================================================ */
.privacy {}
.privacy .noti p {font-size:14px; line-height:1.79em;}
.privacy .noti .intro {margin-bottom:64px;}
.privacy .noti .bundle {overflow:hidden;}
.privacy .noti .bundle ~ .bundle {margin-top:64px;}
.privacy .noti .bundle .tbl_layout {margin:20px 0;}
.privacy .noti .bundle h3 {font-size:18px; line-height:1.78em; margin-bottom:20px;}
.privacy .noti .bundle p {margin-top:20px;}

/* ============================== [ 개인정보 보호정책 ] ============================================================ */
.cookie {background-attachment: fixed;}
.cookie .noti p {font-size:14px; line-height:1.79em;}
.cookie .noti .intro {margin-bottom:64px;}
.cookie .noti .bundle {overflow:hidden;}
.cookie .noti .bundle ~ .bundle {margin-top:64px;}
.cookie .noti .bundle .tbl_layout {margin:20px 0;}
.cookie .noti .bundle h3 {font-size:18px; line-height:1.78em; margin-bottom:20px;}
.cookie .noti .bundle p {margin-top:20px;}
.cookie .noti .bundle a.link {color:#006ECD;}
.cookie .noti .bundle a.link:hover {text-decoration: underline; text-underline-position:under;}

/* ============================== [ 레시피상세 ] ============================================================ */
.recipes {}
.recipes .sub_tit {}
.recipes .sub_tit .txt {text-align:center;}
.recipes .sub_tit .txt .label {display:inline-block;}
.recipes .sub_tit .txt h2 {display:inline-block; vertical-align:middle; margin-bottom:0; margin-left:16px;}
.recipes .sub_tit .txt > p {background:linear-gradient(to right, #5B2700, #901800); font-size:32px; color:transparent; -webkit-background-clip:text; margin-top:8px;}
.recipes .pdf_down .sub_tit .txt h2,
.recipes .pdf_down .sub_tit .txt > p {color: #5B2700;-webkit-background-clip:unset;background:none;}

.recipes .summ_info {display:flex; overflow:hidden; justify-content:center; gap:80px; margin-bottom:48px;}
.recipes .summ_info dl {}
.recipes .summ_info dt,
.recipes .summ_info dd {text-align:center;}
.recipes .summ_info dt {color:#782001; font-size:12px; line-height:1.5em; margin-bottom:4px;}
.recipes .summ_info dd {font-weight:600; line-height:3em;}

.dtl_recip {display:flex;}
.dtl_recip h3 {color:#782001; font-size:22px; font-weight:700; line-height:1.45em; margin-bottom:32px;}

.dtl_recip .cj_prod {background-color:#E9E0D8; display:flex; flex:none; flex-direction:column; justify-content:space-between; width:400px;}
.dtl_recip .cj_prod .info {padding:40px;}
.dtl_recip .cj_prod h3 {margin-bottom:24px;}
.dtl_recip .cj_prod .prod_go {display:flex; align-items:center; position:relative; gap:6px;}
.dtl_recip .cj_prod .prod_go ~ .prod_go {margin-top:12px;}
.dtl_recip .cj_prod .prod_go .thum {overflow:hidden; flex:none; border-radius:50%; height:56px; width:56px;}
.dtl_recip .cj_prod .prod_go .name {flex:none; font-size:14px; font-weight:600; line-height:1.5em; text-decoration:underline; width:calc(100% - 92px);}

.dtl_recip .cj_prod .prod_go.lnk_no .go_view {display:none;}
.dtl_recip .cj_prod .prod_go.lnk_no .name {text-decoration:none;}

.dtl_recip .cj_prod .img {overflow:hidden; align-items:flex-end; height:400px; width:400px;}
.dtl_recip .cj_prod .img img {object-fit:cover; height:100%; width:100%;}

.recipes .cook_order {overflow:hidden; border-top:1px solid #DBD1C7; border-right:1px solid #DBD1C7; border-bottom:1px solid #DBD1C7; flex:none; padding:40px; width:600px;}
.recipes .cook_order > div ~ div {border-top:1px solid #DBD1C7; margin-top:48px; padding-top:48px;}
.recipes .cook_order li {font-size:14px; line-height:1.5em;}

.recipes .cook_order .ingrnt {position:relative;}
.recipes .cook_order .ingrnt .slct_div {position:absolute; right:0; top:0;}
.recipes .cook_order .ingrnt .slct_div.small select {padding:0 32px;}
.recipes .cook_order .ingrnt .slct_div .i_amount {background:url(/assets/images/icon_amount.png) no-repeat 0 0; position:absolute; left:10px; top:50%; transform:translateY(-50%); height:14px; width:14px;}

.recipes .cook_order .ingrnt ul {display:flex; flex-wrap:wrap;}
.recipes .cook_order .ingrnt li {flex:1 50%; position:relative; padding-left:16px;}
.recipes .cook_order .ingrnt li:nth-child(1n+3) {margin-top:8px;}
.recipes .cook_order .ingrnt li:before {content:""; border:1px solid #111; border-radius:50%; box-sizing:border-box; position:absolute; left:0; top:8px; height:6px; width:6px;}

.recipes .cook_order .prep {}
.recipes .cook_order .prep li,
.recipes .cook_order .recp_order li {counter-increment:number; line-height:1.57em; position:relative; padding-left:39px;}
.recipes .cook_order .prep li ~ li,
.recipes .cook_order .recp_order li ~ li {margin-top:18px;}

.recipes .cook_order .prep li:before,
.recipes .cook_order .recp_order li:before {content:counter(number)"."; font-size:22px; font-weight:600; position:absolute; left:0; top:0;}

.recipes .noti {text-align:center; margin-top:20px;}
.recipes .noti .i_noti,
.recipes .noti span {display:inline-block; vertical-align:middle;}
.recipes .noti .i_noti {background:url(/assets/images/icon_noti.png) no-repeat 0 0; height:24px; width:24px;}
.recipes .noti span {font-size:14px; font-weight:400; line-height:1.5em; margin-left:2px;}

.recipes .btn_wrap {margin-top:80px;}
.recipes .btn_wrap .btn {width:272px;}

/* ============================== [ 제품소개:메인 ] ============================================================ */
#wrap.product {background:#fff; padding-top:100vh; padding-bottom:0;}
.prd_idx #header {backdrop-filter:blur(0px);}
.prd_idx #header .hd_wrap {border-bottom:1px solid rgba(255,255,255,0.2);}
.prd_idx #header .logo {background-image:url(/assets/images/logo_wh.png);}
.prd_idx #gnb a {color:#fff;}

.visual {overflow:hidden; position:fixed; left:0; top:0; height:100vh; width:100%;}
.visual .mov {background:url(/assets/images/img_vis.jpg) no-repeat 0 0; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:120%; width:100%;}
.icon_area {/* background-color:#ccc; */ position:absolute; left:50%; bottom:160px; transform:translateX(-50%);}
.icon_area .mouse {/* background-color:#777; */ display:block; border:2px solid #fff; border-radius:16px; position:relative; margin:0 auto; height:48px; width:28px;}
.icon_area .mouse .deco {background-color:#fff; animation:wheel 1.2s ease-in-out infinite; border-radius:16px; position:absolute; left:50%; top:8px; transform:translateX(-50%); height:7px; width:3px;}
.icon_area p {color:#fff; font-size:12px; font-weight:600; text-align:center; margin-top:8px;}
@keyframes wheel {
	0% {opacity:0; top:8px; height:7px;}
	70% {opacity:1; top:8px; height:27px;}
	71% {opacity:1; bottom:8px; top:auto; height:27px;}
	100% {opacity:1; bottom:8px; top:auto; height:0;}
}

.product .cotn_wrap {background-color:#fff; position:relative; z-index:2;}
.prod_info_wrap {background:url(/assets/images/bg_main.jpg) repeat-x 0 0; background-size:auto; padding-bottom:120px;}

.prod_info_wrap .summ_info {display:flex; align-items:center; justify-content:space-between; margin-bottom:80px; padding:80px 0 50px 0;}
.prod_info_wrap .summ_info .txt {overflow:hidden;}
.prod_info_wrap .summ_info .txt .code {display:inline-block; border:1px solid #CE0E16; border-radius:8px; color:#CE0E16; font-style:italic; line-height:24px; text-align:center; padding:0 8px; height:24px;}
.prod_info_wrap .summ_info .txt .name {background:linear-gradient(to right, #5B2700, #901800); color:transparent; font-size:52px; font-weight:700; letter-spacing:-2px; -webkit-background-clip:text; margin-top:20px;}
.prod_info_wrap .summ_info .txt .copy {font-size:18px; line-height:1.5em; margin-top:20px;}
.prod_info_wrap .summ_info .img {background:url(/assets/images/prod_bg_01.png) no-repeat 0 0; flex:none; width:480px;}

.prod_info_wrap .feature {margin-bottom:80px; padding-bottom:90px;}
.prod_info_wrap .feature li {display:flex; align-items:center; gap:40px;}
.prod_info_wrap .feature li ~ li {margin-top:60px;}
.prod_info_wrap .feature .img {overflow:hidden; flex:none; height:260px; width:400px;}
.prod_info_wrap .feature .txt {overflow:hidden;}
.prod_info_wrap .feature .icon {display:block; overflow:hidden; border:1px solid #C1BCB7; border-radius:50%; height:64px; width:64px;}
.prod_info_wrap .feature .icon img {object-fit:cover; height:100%; width:100%;}
.prod_info_wrap .feature .tit {font-size:28px; font-weight:800; line-height:1.29em; margin-top:8px;}
.prod_info_wrap .feature .tit strong {color:#782001; font-size:18px;}
.prod_info_wrap .feature .sub {font-size:14px; line-height:1.79em; margin-top:20px;}
.prod_info_wrap .feature .quote {border:1px solid #DBD1C7; margin-top:40px; padding:24px 32px;}
.prod_info_wrap .feature .quote dl {overflow:hidden;}
.prod_info_wrap .feature .quote dt {color:#782001; font-weight:700; font-style:italic; margin-bottom:16px;}
.prod_info_wrap .feature .quote dd {color:#666; font-size:12px; line-height:1.5em;}
.prod_info_wrap .feature .quote dd ~ dd {margin-top:12px;}
.prod_info_wrap .feature .quote dd strong {font-style:italic;}

.cntry_sale {margin-bottom:80px; padding-bottom:90px;}
.cntry_sale h3 {text-align:center; margin-bottom:32px;}
.cntry_sale h3 span {display:inline-block; position:relative; font-size:18px; font-weight:700; line-height:1.28em; padding:0 20px;}
.cntry_sale h3 span:before,
.cntry_sale h3 span:after {background-color:#222; content:""; position:absolute; top:50%; transform:translateY(-50%); height:1px; width:55px;}
.cntry_sale h3 span:before {left:-54px;}
.cntry_sale h3 span:after {right:-54px;}
.cntry_sale .flag_list {overflow:hidden; margin-bottom:40px;}
.cntry_sale .flag_list ul {display:flex; justify-content:center;}
.cntry_sale .flag_list li {min-width:72px;}
.cntry_sale .flag_list .gonfalon {overflow:hidden; display:block; margin:0 auto 8px; height:32px; width:32px;}
.cntry_sale .flag_list p {color:#000; font-size:11px; text-align:center;}
.cntry_sale .how_custody {background-color:#F4EFEA; padding:20px 40px 40px 40px;}
.cntry_sale .how_custody ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;}
.cntry_sale .how_custody li {display:flex; align-items:center; flex:0 calc(50% - 20px); padding-top:20px;}
.cntry_sale .how_custody li:nth-child(1n+3) {border-top:1px solid #DBD1C7;}
.cntry_sale .how_custody .tit {font-size:14px; font-weight:600; margin-right:auto;}
.cntry_sale .how_custody p {font-size:14px; line-height:1.5em; text-align:right; margin-left:auto;}
.cntry_sale .how_custody p i {display:inline-block; vertical-align:middle; margin-right:6px; height:24px; width:24px;}

.recp_sign {display:flex; gap:60px; margin:0 auto; width:1000px;}
.recp_sign .area_sign {flex:none; width:480px;}
.area_sign .info_area {background:url(/assets/images/img_prod_04.jpg) no-repeat center 0; background-size:cover; display:flex; align-items:flex-end; justify-content:flex-end; position:relative; padding:0 32px 50px 0; height:300px;}
.area_sign .info_area .label {position:absolute; right:20px; top:20px; height:28px; padding:8px;}
.area_sign .info_area .label p {font-size:12px; font-weight:600;}
.area_sign .info_area .txt {}
.area_sign .info_area .txt .tit {color:#fff; font-size:24px; font-weight:700; margin-bottom:20px;}
.area_sign .info_area .summ_info {display:flex; gap:32px;}
.area_sign .info_area .summ_info dt,
.area_sign .info_area .summ_info dd {color:#fff; font-size:12px; line-height:1.5em;}
.area_sign .info_area .summ_info dd {font-weight:700; margin-top:8px;}
.area_sign .dtl_recip {background-color:#F4EFEA; position:relative; padding:40px 20px 40px 40px;}
.area_sign .cook_order {}
.area_sign .cook_order > div ~ div {position:relative; margin-top:24px; padding-top:24px;}
.area_sign .cook_order > div ~ div:before {background-color:#DBD1C7; content:""; position:absolute; left:0; top:0; height:1px; width:calc(100% - 20px);}
.area_sign .cook_order .tit {color:#782001; font-size:12px; line-height:1.5em; margin-bottom:8px;}
.area_sign .cook_order .ingrnt p {font-size:12px; line-height:1.5em;}
.area_sign .cook_order .prep li,
.area_sign .cook_order .recp_order li {counter-increment:number; font-size:12px; letter-spacing:-0.1px; line-height:1.8em;}
.area_sign .cook_order .prep li:before,
.area_sign .cook_order .recp_order li:before {content:counter(number)". "; font-size:12px; line-height:1.8em;}
.area_sign .dtl_recip .btn_wrap {display:block; position:absolute; left:36px; top:-20px; width:auto;}
.area_sign .dtl_recip .btn_wrap .btn {border:1px solid #DCD9D6;}

.recp_list {flex:none; position:relative; padding-top:10px; width:480px;}
.recp_list .tit {background:linear-gradient(to right, #5B2700, #901800); color:transparent; font-size:32px; font-weight:700; letter-spacing:-1.5px; line-height:1.19em; -webkit-background-clip:text; margin-bottom:48px;}
.recp_list .set {display:flex; align-items:center; justify-content:space-between; position:relative;}
.recp_list .set ~ .set {margin-top:48px;}
.recp_list .set .txt {}
.recp_list .set .txt .label {display:inline-block; border:1px solid #000; border-radius:3px; padding:0 6px; height:20px; width:auto;}
.recp_list .set .txt .label p {color:#111111; font-size:12px; font-weight:700; line-height:18px;}
.recp_list .set .txt .name {font-size:18px; line-height:1.22em; margin-top:8px;}
.recp_list .set .txt .summ_info {margin-top:12px;}
.recp_list .set .txt .summ_info dl {display:flex;}
.recp_list .set .txt .summ_info dl ~ dl {margin-top:4px;}
.recp_list .set .txt .summ_info dt,
.recp_list .set .txt .summ_info dd {font-size:12px; line-height:1.42em;}
.recp_list .set .txt .summ_info dt {font-weight:300; width:100px;}
.recp_list .set .txt .summ_info dd {font-weight:500;}
.recp_list .set .img {overflow:hidden; border-radius:50%; height:140px; width:140px;}

.recp_list .swiper {position:initial; padding-bottom:88px;}
.recp_list .btn_ctrl {background-color:#fff; border:1px solid #DDD8D3; opacity:1; top:calc(100% - 66px); margin:0; height:48px; width:48px;}
.recp_list .btn_ctrl {transition:background 0.2s ease-in-out;}
.recp_list .btn_ctrl[class*="prev"] {left:0;}
.recp_list .btn_ctrl[class*="next"] {right:auto; left:49px;}
.recp_list .btn_ctrl:after {content:""; background:url(/assets/images/arrow_gray_20_01.png) no-repeat 0 0; background-size:20px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:20px; width:20px;}
.recp_list .btn_ctrl:hover {background-color:#DDD8D3; border-color:#DDD8D3;}
.recp_list .btn_ctrl:hover:after {background-image:url(/assets/images/arrow_gray_20_02.png);}
.recp_list .btn_ctrl[class*="prev"]:after {transform:rotate(-180deg) translate(50%, 50%);}
.recp_list .btn_ctrl[class*="disabled"] {border-color:#EEEEEE;}
.recp_list .btn_ctrl[class*="disabled"]:after {background-image:url(/assets/images/arrow_gray_20_03.png);}
.recp_list .btn_ctrl.swiper-button-lock {display:block;}

@media screen and (max-width:1609px) {
	.visual .mov {min-height:100vh; width:auto;}
}



/* ------------ [프린트] ------------ */
@page {
	size:210mm 297mm; /*A4*/
	margin:20mm
}
@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	#header,
	#footer {display:none;}
	#wrap {background:none; padding:40px 0;}

	/* 레시피상세 */
	.recipes .sub_tit .txt h2 {background:none; color:#5B2700;}
	.recipes .sub_tit .txt p {background:none; color:#5B2700;}
	.dtl_recip .cj_prod .prod_go .name {text-decoration:none;}
	.recipes .cook_order {width:550px;}
	.recipes .btn_print {display:none;}

	/* 제품상세 */
	#wrap.product {padding:60px 0 0 0;}
	.product .visual,
	.product .prod_info_wrap,
	.product .recp_list {display:none; margin:0; padding:0;}
	.product .recp_sign {width:auto;}
	.product .recp_sign .btn_print {display:none;}
}