/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer

4. Page
4-1. Main
4-2. About
4-3. Product
4-4. Contact

5. ETC

6. Responsive

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,700|Nunito+Sans:200,400,700,800&display=swap&subset=korean');
@import url(https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/../slick.css);
@import url(https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/../swiper.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:#333; font-family:'Nunito Sans', 'Noto Sans KR', AppleGothic, Dotum, '돋움', sans-serif; font-size:14px; line-height:1.6; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.6;}
ol,
ul,
li {list-style:none;}
blockquote,
q {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
input[type=radio],
input[type=checkbox] {vertical-align:middle;}
input[type=text],
input[type=email],
input[type=password] {vertical-align:top;}
a,
a:hover,
a:active, 
a:focus {text-decoration:none;}
*,
*:before,
*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/*-----------------------------------------------------------------*/
/* 2. Global
/*-----------------------------------------------------------------*/

.dn {display:none !important;}
.hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.empty {padding:100px 0 !important; text-align:center;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both;}
.bc {display:block; margin-left:auto; margin-right:auto;}
.p_color {color:#d53838 !important;}
.p_cursor {cursor:pointer;}
.i_info {display:inline-block; position:relative; top:4px; width:16px; height:16px; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;}

/* input 기본 스타일 */
.form_input {height:60px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:'Nunito Sans', 'Noto Sans KR', AppleGothic, Dotum, '돋움', sans-serif; font-size:1rem; line-height:52px;}
.form_input:focus {border-color:#000; outline:none !important;}
.form_input.block {width:100% !important;}
.form_input:-ms-input-placeholder {color:#666; font-family:'Nunito Sans', 'Noto Sans KR', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-webkit-input-placeholder {color:#666; font-family:'Nunito Sans', 'Noto Sans KR', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input::-moz-placeholder {color:#666; font-family:'Nunito Sans', 'Noto Sans KR', AppleGothic, Dotum, '돋움', sans-serif;}
.form_input.readonly {background:#e0e0e0 !important;}
.form_input.gray {background:#f7f7f7;}
.form_input.gray:focus {background:#fff;}
textarea.form_input {height:auto;}

/* 셀렉트 */
select {max-width:100%; height:60px; padding:4px 6px; border:1px solid #dcdcdc; background:#fff; color:#666; font:inherit;}
select:focus {border-color:#000; outline:none !important;}

/* 페이징 */
.paging * {vertical-align:middle;}
.paging {margin-top:30px; font-size:0; text-align:center;}
.paging li {display:inline; padding:0 2px; color:#9e9e9e; font-size:1.143rem; vertical-align:middle;}
.paging li strong {display:inline-block; width:34px; height:34px; color:#333; font-size:1.143rem; line-height:34px;}
.paging li a {display:inline-block; width:34px; height:34px; background:#fff; color:#999; font-size:1.143rem; line-height:34px;}

/* 하단 줄 */
.underline {display:inline-block; position:relative;}
.underline:after {position:absolute; left:50%; bottom:-7px; width:0; height:2px; background-color:#151515; content:''; transition:all .3s ease;}
.underline:before {position:absolute; right:50%; bottom:-7px; width:0; height:2px; background-color:#151515; content:''; transition:all .3s ease;}
.underline:hover:after,
.underline:hover:before,
.underline.active:after,
.underline.active:before {width:50%;}
.underline.active {font-weight:bold;}
.underline.white:after {background-color:#fff;}
.underline.white:before {background-color:#fff;}
.underline.small:after {bottom:0; height:1px;}
.underline.small:before {bottom:0; height:1px;}

/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; margin:0; padding:18px 27px; border:1px solid #676767; outline:none; background:#151515; color:#fff !important; font-size:1.143rem; font-family:'Nunito Sans', 'Noto Sans KR', AppleGothic, Dotum, '돋움', sans-serif; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;}
.box_btn > *:hover,
.box_btn > *:active,
.box_btn > *:focus {background:#333;}

/* 버튼스타일 - 크기 */
.box_btn.small > * {padding:9px 18px;}
.box_btn.large > * {padding:27px 36px; font-size:1.286rem;}
.box_btn.huge > * {padding:36px 45px; font-size:1.429rem;}

/* 버튼스타일 - 가로길이 */
.box_btn.block {display:block;}
.box_btn.block > * {width:100%;}
.box_btn.w50 > * {width:50px;}
.box_btn.w75 > * {width:75px;}
.box_btn.w100 > * {width:100px;}
.box_btn.w125 > * {width:125px;}
.box_btn.w150 > * {width:150px;}
.box_btn.w175 > * {width:175px;}
.box_btn.w200 > * {width:200px;}
.box_btn.w225 > * {width:225px;}
.box_btn.w250 > * {width:250px;}
.box_btn.w275 > * {width:275px;}
.box_btn.w300 > * {width:300px;}
.box_btn.w325 > * {width:325px;}
.box_btn.w350 > * {width:350px;}

/* 버튼스타일 - 색상 */
.box_btn.white * {border-color:#c3c3c3; background:#fff; color:#666 !important;}
.box_btn.white:hover *,
.box_btn.white:active *,
.box_btn.white:focus * {background:#f5f5f5;}
.box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;}
.box_btn.gray:hover *,
.box_btn.gray:active *,
.box_btn.gray:focus * {background:#dadada;}
.box_btn.transparent * {background:transparent; color:#333 !important;}
.box_btn.transparent:hover *,
.box_btn.transparent:active *,
.box_btn.transparent:focus * {background-color:#333; color:#fff !important;}

/* 버튼스타일 - 텍스트 */
.box_btn.strong * {font-weight:bold;}
.box_btn.mt {margin-top:5px;}

/* 우편번호 찾기 */
.zipcode {width:420px; padding:20px; text-align:center;}
.zipcode * {font-size:12px;}
.zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;}
.zipcode .tab {height:32px; text-align:center;}
.zipcode .tab li {float:left; width:50%; vertical-align:bottom;}
.zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;}
.zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;}
.zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;}
.zipcode .ex span {display:block; color:#888;}
.zipcode .search {position:relative; padding-right:90px;}
.zipcode .search .form_input {height:52px;}
.zipcode .search .box_btn {position:absolute; right:0; top:0;}
.zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;}
.zipcode table th {font-size:0;}
.zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;}
.zipcode table td.addr {text-align:left;}
.zipcode table td font {color:#d53838;}

/* 타이틀 */
/* div.title {display:table-cell; width:100vw; height:40.357rem; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; vertical-align:middle;} */
div.title.about {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/about.jpg');}
div.title.product {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/product.jpg');}
div.title.media {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/media.jpg');}
/* div.title.news {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/news.jpg');} */
div.title.privacy {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/privacy.jpg');}
div.title.uselaw {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/uselaw.jpg');}


.title.visual.news {position:relative;}
.title.visual.news .text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.250rem;}
.title.visual.news .text h2 {font-size:1.250rem;}
.title.visual.news .text p {font-size:1.250rem;}
.title.visual.news .img.mo_img {display:block;}
.title.visual.news .img.ta_img {display:none;}
.title.visual.news .img.pc_img {display:none;}
.title.visual.news .img img {width:100%; height:auto;}

.title.contact.news2 {position:relative;}
.title.contact.news2 .text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.250rem;}
.title.contact.news2 .text h2 {font-size:1.250rem;}
.title.contact.news2 .text p {font-size:1.250rem;}
.title.contact.news2 .img.mo_img {display:block;}
.title.contact.news2 .img.ta_img {display:none;}
.title.contact.news2 .img.pc_img {display:none;}
.title.contact.news2 .img img {width:100%; height:auto;}

.title.visual.contact {position:relative;}
.title.visual.contact .text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.250rem;}
.title.visual.contact .text h2 {font-size:1.250rem;}
.title.visual.contact .text p {font-size:1.250rem;}
.title.visual.contact .img.mo_img {display:block;}
.title.visual.contact .img.ta_img {display:none;}
.title.visual.contact .img.pc_img {display:none;}
.title.visual.contact .img img {width:100%; height:auto;}

@media all and (min-width:768px) {
	.title.visual.news .text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:50px;}
	.title.visual.news .text h2 {font-size:1.429rem; opacity:0.6;}
	.title.visual.news .text p {font-size:50px;}
	.title.visual.news .img.mo_img {display:none;}
	.title.visual.news .img.ta_img {display:block;}
	.title.visual.news .img.pc_img {display:none;}

	.title.contact.news2 .text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:50px;}
	.title.contact.news2 .text h2 {font-size:1.429rem; opacity:0.6;}
	.title.contact.news2 .text p {font-size:50px;}
	.title.contact.news2 .img.mo_img {display:none;}
	.title.contact.news2 .img.ta_img {display:block;}
	.title.contact.news2 .img.pc_img {display:none;}

	.title.visual.contact .text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:50px;}
	.title.visual.contact .text h2 {font-size:1.429rem; opacity:0.6;}
	.title.visual.contact .text p {font-size:50px;}
	.title.visual.contact .img.mo_img {display:none;}
	.title.visual.contact .img.ta_img {display:block;}
	.title.visual.contact .img.pc_img {display:none;}
}

@media all and (min-width:1024px) {
	.title.visual.news .img.mo_img {display:none;}
	.title.visual.news .img.ta_img {display:none;}
	.title.visual.news .img.pc_img {display:block;}

	.title.contact.news2 .img.mo_img {display:none;}
	.title.contact.news2 .img.ta_img {display:none;}
	.title.contact.news2 .img.pc_img {display:block;}

	.title.visual.contact .img.mo_img {display:none;}
	.title.visual.contact .img.ta_img {display:none;}
	.title.visual.contact .img.pc_img {display:block;}
}



div.title.business {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/business.jpg');}
div.title.cer {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/product.jpg');}
/* div.title.contact {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/title/contact.jpg');} */


div.title > h2 {color:#fff; font-size:1.429rem; font-weight:400; opacity:0.6;}
div.title > p {color:#fff; font-size:3.571rem;}
h3.title {padding:4.21vw 0 2.63vw; color:#000; font-size:1.875rem; font-weight:500;}

/* tab */
.tab_menu {width:75%; margin:0 auto; padding:4.21vw 0; font-size:0; text-align:center !important;}
.tab_menu > li {display:inline-block; position:relative; width:25%;}
.tab_menu > li:after {display:inline-block; position:absolute; right:0; top:50%; width:1px; height:1.688rem; margin-top:-0.844rem; background-color:#e5e5e5; content:'';}
.tab_menu > li:last-child:after {display:none;}
.tab_menu > li > a {color:#999; font-size:1.214rem;}
.tab_menu > li > a.active {color:#333;}

/* transition */
.fadeup {opacity:0; -webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out; -webkit-transform:translateY(50px); transform:translateY(50px);}
.fadeup.active {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.fadedown {opacity:0; -webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out; -webkit-transform:translateY(-50px); transform:translateY(-50px);}
.fadedown.active {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.fadeleft {opacity:0; -webkit-transition:transform 1s ease-in-out, opacity 1s ease-in-out; transition:transform 1s ease-in-out, opacity 1s ease-in-out; -webkit-transform:translateX(-100px); transform:translateX(-100px);}
.fadeleft.active {opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/

body.view_nav {overflow:hidden;}
body.view_nav #dimmed {display:block;}
.wrap_inner {position:relative; width:1240px; margin:0 auto;} /* 컨텐츠 사이즈 */

/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/

header {position:fixed; left:0; top:0; z-index:10; width:100%; text-align:center; line-height:5.714rem; transition:0.5s all cubic-bezier(0,0,0,1);}
header,
header * {color:#fff;}
header > h1 {position:absolute; left:3.571rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); line-height:inherit;}
header > h1 > a {font-size:1.714rem; font-weight:800; line-height:inherit;}
header > h1 > a img.pc {display:none;}
header > h1 > a img.mo {display:block;}
header > h1.white > a img.mo {display:block;}
header > h1.black > a img.mo {display:none;}
header.scroll > h1.black > a img.mo {display:block;}
header.scroll > h1.black > a img.pc {display:none;}
header.scroll > h1.white > a img.mo {display:none;}
header.scroll > h1.white > a img.pc {display:none;}

nav.pc {display:inline-block; line-height:inherit; vertical-align:top;}
nav.pc:after {display:block; position:absolute; left:0; top:5.714rem; width:100%; height:1px; background-color:transparent; content:'';}
nav.pc > ul {font-size:0; text-align:center; line-height:inherit;}
nav.pc > ul > li {display:inline-block; text-align:center; vertical-align:top; line-height:inherit;}
nav.pc > ul > li > a {display:block; padding:0 2.143rem; font-size:1.143rem; font-weight:700; line-height:inherit;}
nav.pc > ul > li > ul {overflow:hidden; height:0; transition:0.5s all cubic-bezier(0,0,0,1); text-align:left;}
nav.pc > ul > li > ul > li {padding:0 2.143rem;}
nav.pc > ul > li > ul > li > a {color:#aaa !important; font-size:1.143rem; font-weight:300; line-height:2;}
nav.pc > ul > li > ul > li > a:hover {color:#333 !important;}
nav.pc > .shop {display:inline-block; position:absolute; top:23px; right:3.571rem; padding:5px 10px 5px 35px; border:1px solid #fff; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/icon_cart.png') no-repeat 11px center;}
nav.mobile {display:none;}
nav.mobile .menu_trigger {display:inline-block; position:fixed; right:1.143rem; top:1.143rem; z-index:20; width:27px; height:21px; cursor:pointer;}
nav.mobile .menu_trigger span {display:inline-block; position:absolute; left:0; width:100%; height:2px; background-color:#fff; transition:all .4s; cursor:pointer;}
nav.mobile .menu_trigger span:nth-of-type(1) {top:0;}
nav.mobile .menu_trigger span:nth-of-type(2) {top:45%;}
nav.mobile .menu_trigger span:nth-of-type(3) {bottom:0;}
nav.mobile .menu_trigger.active span:nth-of-type(1) {background-color:#333; -webkit-transform:translateY (9.5px) rotate (-45deg); transform:translateY(9.5px) rotate(-45deg);}
nav.mobile .menu_trigger.active span:nth-of-type(2) {opacity:0;}
nav.mobile .menu_trigger.active span:nth-of-type(3) {background-color:#333; -webkit-transform:translateY(-9.5px) rotate(45deg); transform:translateY(-9.5px) rotate(45deg);}
nav.mobile .snb {overflow:hidden; position:fixed; left:0; top:0; z-index:15; width:100vw; height:0; background-color:#fff; text-align:left; vertical-align:middle; transition:0.5s all cubic-bezier(0,0,0,1);}
nav.mobile .snb > ul {display:table-cell; width:inherit; height:inherit; padding:2.857rem; text-align:left; vertical-align:middle;}
nav.mobile .snb > ul > li,
nav.mobile .snb > ul > li > a {color:#333; font-size:1.143rem; font-weight:700; cursor:pointer;}
nav.mobile .snb > ul > li {padding:0.938rem 0;}
nav.mobile .snb > ul > li > ul {display:none; padding:1.5rem 0.857rem;}
nav.mobile .snb > ul > li > ul > li,
nav.mobile .snb > ul > li > ul > li > a {color:#aaa; font-size:1rem; font-weight:400 !important;}
nav.mobile .snb > ul > li > ul > li {padding:0.5rem 0;}
nav.mobile.is_show .snb {visibility:visible; height:100vh;}
header.scroll {background-color:#fff !important;}
header.scroll,
header.scroll * {color:#333;}
header.active nav.pc:after {background-color:#ddd;}
header.active nav.pc > ul > li > ul {visibility:visible; height:auto; padding:2.143rem 0;}
header.scroll nav.pc > .shop,
header.active nav.pc > .shop {border-color:#333; color:#333; background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/icon_cart_active.png');}
header.scroll nav.mobile > .menu_trigger span {background-color:#333;}


/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/

#cnt {padding-bottom:12.857rem; text-align:center;}
#cnt .cntbody {width:1240px; margin:0 auto;}


/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

footer {padding:3.571rem 0; background-color:#333;}
footer * {color:#aaa;}
footer h1 {display:inline-block; font-size:1.429rem; font-weight:800;}
footer .info {padding-top:1rem; font-style:normal; word-break:keep-all;}
footer .info span {padding-right:0.714rem;}
footer .copyright a strong,
footer .copyright a:hover {color:#3fc0e5;}
footer .link {position:absolute; min-width:10.714rem;}
footer .link.language {right:13rem; top:0;}
footer .link.site {right:0; top:0;}
footer .link > h2 {position:relative; padding:0.286em; padding-right:2rem; border-bottom:1px solid #aaa; color:#aaa; font-weight:400; cursor:pointer;}
footer .link > h2:before {display:inline-block; position:absolute; right:0; top:50%; width:0.929rem; height:1px; background-color:#aaa; content:'';}
footer .link > h2:after {display:inline-block; position:absolute; right:0; top:50%; width:0.929rem; height:1px; background-color:#aaa; content:''; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
footer .link > ul {display:none; position:absolute; bottom:2.143rem; width:100%; padding:5px 0; border:1px solid #333; background-color:#fff;}
footer .link > ul > li > a {display:block; padding:5px 10px; color:#aaa;}
footer .link > ul > li > a:hover {color:#333;}

footer ul.sns {display:inline-block; margin-top:0px; font-size:0; vertical-align:top;}
footer ul.sns > li {display:inline-block; margin-left:22px; vertical-align:top;}
footer ul.sns > li a {display:block;}

@media all and (min-width:768px) {
	footer ul.sns {margin-top:5px;}
}

.popup_fixed {display:block; position:fixed; top:0; right:0; width:100%; height:100%; z-index:20; background:rgba(0, 0, 0, 0.45);}
.popup_fixed .popup_inner {position:absolute; bottom:0; right:0; width:100%;}
.popup_fixed .img {overflow:hidden; border-radius:30px 30px 0 0;}
.popup_fixed .img.mo {display:block;}
.popup_fixed .img.tb {display:none;}
.popup_fixed .img.pc {display:none;}
.popup_fixed .img img {width:100%; height:auto;}
.popup_fixed .btn_close {display:flex; flex-direction: row; justify-content: space-between; align-items:center; padding:12px 16px; background:#fff;}
.popup_fixed .btn_close a {display:block; color:#000; font-family:'Pretendard'; font-size:1.25rem; letter-spacing: -0.15px; cursor:pointer;}
.popup_fixed .btn_close .today a {padding-left:30px; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/etc/popupC_todayclose.png')no-repeat center left;}
.popup_fixed .btn_close .close a {width:24px; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/etc/popupC_close.png')no-repeat center; text-indent:-9999px;}
@media all and (min-width:750px) {
	.popup_fixed .popup_inner {bottom:100px; right:30px; width:550px; border-radius:20px;}
	.popup_fixed .img {border-radius:20px 20px 0 0;}
	.popup_fixed .img.mo {display:none;}
	.popup_fixed .img.tb {display:block;}
	.popup_fixed .img.pc {display:none;}
	.popup_fixed .btn_close {border-radius:0 0 20px 20px;}
}
@media all and (min-width:1024px) {
	.popup_fixed {top:auto; bottom:100px; right:50px; width:auto; height:auto; background:none;}
	.popup_fixed .popup_inner {position:static; bottom:auto; right:auto; width:auto; border-radius:30px;}
	.popup_fixed .img.mo {display:none;}
	.popup_fixed .img.tb {display:none;}
	.popup_fixed .img.pc {display:block;}
	.popup_fixed .img > div.sml_img {position:absolute; right:0; bottom:0; width:230px; height:230px;}
	.popup_fixed .img > div.big_img {opacity:0; width:0; height:0; transition:all .4s ease;}
	.popup_fixed .popup_inner:hover .sml_img {opacity:0; visibility:hidden; transition:all .3s ease;}
	.popup_fixed .popup_inner:hover .big_img {opacity:1; width:720px; height:320px;}
	.popup_fixed .btn_close {display:none;}
	.popup_fixed .popup_inner:hover .btn_close {display:flex; box-shadow:0px 5px 5px rgba(0, 0, 0, 0.03);}

}


/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 4-1. Main
/*-----------------------------------------------------------------*/

#main {text-align:left;}

#main .slide_visual {position:relative; width:100%; height:54.286rem; text-align:center;}
#main .slide_visual * {color:#fff;}
#main .slide_visual .swiper-wrapper .swiper-slide {position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;}
#main .slide_visual .swiper-wrapper .swiper-slide.slide0 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main1.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide1 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main2.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide2 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main3.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide3 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main4.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide4 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main5.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide5 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main6.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide6 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main7.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide7 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main8.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide.slide8 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/mo_main9.jpg');}
#main .slide_visual .swiper-wrapper .swiper-slide > .box {display:table-cell; width:100vw; height:54.286rem; color:#fff; text-align:center; vertical-align:middle;}
#main .slide_visual .swiper-wrapper .swiper-slide > .box > h2 {color:#fff; font-size:4.286rem; font-weight:300; line-height:1;}
#main .slide_visual .swiper-wrapper .swiper-slide > .box > h2 > span {color:#fff; font-size:inherit; font-weight:bold;}
#main .slide_visual .swiper-wrapper .swiper-slide > .box > .summary {color:#fff; padding-top:3.571rem; font-size:2.143rem; font-weight:200;}
#main .slide_visual .swiper-pagination {position:absolute; bottom:0; text-align:right; padding:2.857rem 3.571rem;}
#main .slide_visual .swiper-pagination,
#main .slide_visual .swiper-pagination * {font-size:1.143rem;}
#main .slide_visual .swiper-pagination .swiper-pagination-current {font-weight:700;}
#main .slide_visual .swiper-wrapper .swiper-slide > .box {opacity:0; -webkit-transition:transform .5s ease-in-out, opacity .5s ease-in-out; transition:transform .5s ease-in-out, opacity .5s ease-in-out; -webkit-transform:translateY(-50px); transform:translateY(-50px);}
#main .slide_visual .swiper-wrapper .swiper-slide-active > .box {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}

#main .intro {margin-top:7.857rem;}
#main .intro h2 {color:#333; font-size:2.857rem; font-weight:100; line-height:1.2; letter-spacing:-1px;}
#main .intro .tab {padding-top:2.143rem; font-size:0;}
#main .intro .tab > li {display:inline-block; padding:0 2.643rem;}
#main .intro .tab > li:first-child {padding-left:0;}
#main .intro .tab > li > a {color:#ccc; font-size:2.429rem; font-weight:800; cursor:pointer; transition:all .3s ease;}
#main .intro .tab > li > a.active {color:#333;}
#main .intro .box_slide {/* overflow:hidden; */ position:relative; width:100%; margin-top:5rem;}
#main .intro .box_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000 !important;}
#main .intro .slide_intro {overflow:hidden; width:1240px;}
#main .intro .slide_intro {border:1px solid #eaeaea;}
#main .intro .slide_intro .box {width:100%; padding:2.857rem 0; /* border:1px solid #eaeaea; border-width:1px 0px 1px 0px; */ text-align:center;}
/* #main .intro .slide_intro .swiper-slide:last-child .box {border-right:1px solid #eaeaea;}
#main .intro .slide_intro .swiper-slide:first-child .box {border-left:1px solid #eaeaea;} */
#main .intro .slide_intro .box > .img img {max-width:100%; height:auto; transition:all .3s ease;}
#main .intro .slide_intro .box > .img img:hover {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
#main .intro .slide_intro .box > dl {width:360px; margin:0 auto; padding-top:2.5rem; word-break:keep-all;}
#main .intro .slide_intro .box > dl > dt {color:#333; font-size:1.429rem;}
#main .intro .slide_intro .box > dl > dd {padding-top:1.071rem; color:#aaa; font-size:1.429rem; line-height:1.2;}
#main .intro .slide_intro .swiper-pagination {position:static; width:100%; max-width:1240px; margin-top:4.286rem;}

#main .intro .transition {overflow:hidden;}
#main .intro .swiper-button-prev {position:absolute; left:40px; right:auto !important; top:50%; /* transform:translateY(-50%); */ background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/etc/certificate_prev.png'); opacity:1;}
#main .intro .swiper-button-next {position:absolute; right:40px; left:auto !important; top:50%; /* transform:translateY(-50%); */ background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/etc/certificate_next.png'); opacity:1;}
#main .intro .swiper-button-prev, 
#main .intro .swiper-button-next {position:absolute; /* width:22px; height:25px; */ background-size:100% auto; cursor:pointer !important; pointer-events:initial !important;}
#main .intro .swiper-button-lock {display:block !important;}
#main .intro .swiper-pagination-lock {display:block !important;}

#main .brand {margin-top:7.857rem; padding:5.714rem 0; background-color:#fff;}
#main .brand:after {display:block; clear:both; content:'';}
#main .brand .wrap_inner {display:flex; /* display:table; */ height:48.571rem;}
#main .brand .img1 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide1.jpg') no-repeat center/cover; }
#main .brand .img2 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide2.jpg') no-repeat center/cover; }
#main .brand .img3 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide3.jpg') no-repeat center/cover; }
#main .brand .img4 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide4.jpg') no-repeat center/cover; }
#main .brand .img5 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide5.jpg') no-repeat center/cover; }
#main .brand .img6 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide6.jpg') no-repeat center/cover; }
#main .brand .img7 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide7.jpg') no-repeat center/cover; }
#main .brand .img8 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide10.jpg') no-repeat center/cover; }
/* #main .brand .img8 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide8.jpg') no-repeat center/cover; }
#main .brand .img9 {display:block; width:100%; min-height:100%; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/cer_slide9.jpg') no-repeat center/cover; } */
#main .brand .left {display:block; width:49%; min-height:100%; text-align:left;}
#main .brand .left .img img {width:100%; height:auto;}
#main .brand .left .swiper-slide {width:auto;}
#main .brand .msg {display:table-cell; width:51%; padding:0 4.45%; vertical-align:middle;}
#main .brand .msg > h2 {color:#333; font-size:2.857rem; font-weight:800;}
#main .brand .msg > p:nth-of-type(1) {padding-top:2.857rem; font-size:2.857rem; letter-spacing:-1px;}
#main .brand .msg > p:nth-of-type(1) strong {font-size:inherit; letter-spacing:-1px;}
#main .brand .msg > p:nth-of-type(2) {padding-top:0.857rem; font-size:1.714rem; font-weight:100; letter-spacing:-1px; line-height:1.2;}
#main .brand .msg > p.side {margin-bottom:15px;}
#main .brand .msg > .box_btn {margin-top:5rem;}

#main .news {margin-top:7.857rem;}
#main .news h2 {font-size:2.857rem; font-weight:800;}
#main .news .list {margin:0 -10px; padding-top:0.714rem; font-size:0;}
#main .news .list > li {display:inline-block; position:relative; width:25%; padding:0 10px 50px 10px; vertical-align:top; cursor:pointer;}
#main .news .list > li > span {position:relative;}
#main .news .list > li > span a {display:block; width:45px; height:45px; position:relative;}
#main .news .list > li > span a:before {display:block; position:absolute; left:0; bottom:20px; width:1.786rem; height:1px; background-color:#333; content:'';}
#main .news .list > li > span a:after {display:block; position:absolute; left:0; bottom:20px; width:1.786rem; height:1px; background-color:#333; content:''; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
#main .news .list > li > .img {overflow:hidden;}
#main .news .list > li > .img img {width:100%; height:auto; transition:all .3s ease;}
#main .news .list > li > .img img:hover {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
#main .news .list > li > h3 {padding-top:1.571rem; font-size:1.714rem; font-weight:400; letter-spacing:-1px; cursor:default;}
#main .news .list > li > .summary {padding-top:0.357rem; color:#aaa; font-size:1.143rem; letter-spacing:-1px; cursor:default;}

#main .contact h2 {font-size:2.857rem; font-weight:800; text-align:left;}

#main .about {margin-top:7.857rem;}
#main .about h2 {font-size:2.857rem; font-weight:800;}
#main .about .slide_about .swiper-slide > .img {overflow:hidden;}
#main .about .slide_about .swiper-slide > .img img {width:100%; height:auto; transition:all .3s ease;}
#main .about .slide_about .swiper-slide > .img img:hover {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
#main .about .slide_about .swiper-slide > p:nth-of-type(1) {padding-top:3.571rem; color:#aaa; font-size:1.143rem;}
#main .about .slide_about .swiper-slide > p:nth-of-type(2) {padding-top:0.357rem; font-size:1.714rem;}
#main .about .slide_about .swiper-pagination {position:static; margin-top:3.214rem;}


/*-----------------------------------------------------------------*/
/* 4-2. About
/*-----------------------------------------------------------------*/

#about > .content {padding-top:10.714rem;}
#about > .content > h3 {padding-bottom:2.857rem; color:#000; font-size:1rem; font-weight:400;}
#about > .content > .summary {padding-bottom:1.429rem; color:#333; font-size:2.286rem;}
#about > .content > .msg {padding-bottom:4.286rem; color:#000; font-size:1.286rem;}
#about > .content > .img {text-align:center;}
#about > .content > .img img {max-width:100%; height:auto;}
#about > .content.philosophy {text-align:left;}
#about > .content.vistion > .list {font-size:0;}
#about > .content.vistion > .list > li {display:inline-block; padding:0 2.143rem 4rem 2.143rem;}
#about > .content.vistion > .list > li > span {display:inline-block; width:21.429rem; height:21.429rem; padding-top:2.429rem; border:1px solid #404040; border-radius:50%; background-repeat:no-repeat; background-position:center 40%; background-size:4.143rem; font-size:1.714rem; text-align:center; line-height:21.429rem;}
#about > .content.vistion > .list > li:nth-child(1) > span {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/etc/about_list0.png');}
#about > .content.vistion > .list > li:nth-child(2) > span {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/etc/about_list1.png');}
#about > .content.vistion > .list > li:nth-child(3) > span {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/etc/about_list2.png');}

/*-----------------------------------------------------------------*/
/* 4-3. Product
/*-----------------------------------------------------------------*/

#product > h3 {margin-top:80px; padding:5rem 0 6.071rem; color:#000; font-size:2.143rem;}
#product > .list {margin:0 -1.5rem; font-size:0; text-align:left;}
#product > .list > li {display:inline-block; width:33.33%; padding:0 1.5rem 6.429rem 1.5rem; vertical-align:top;}
#product > .list > li > .box {text-align:center;}
#product > .list > li > .box > .img {overflow:hidden; border:1px solid #eaeaea; text-align:center;}
#product > .list > li > .box > .img img {width:100%; height:auto; transition:all .3s ease;}
#product > .list > li > .box > dl {padding:2.5rem 13% 0 13%; word-break:keep-all;}
#product > .list > li > .box > dl > dt {color:#333; font-size:1.429rem;}
#product > .list > li > .box > dl > dd {padding-top:1.071rem; color:#aaa; font-size:1.429rem; line-height:1.2;}
#product > .list > li > .box:hover > dl > dt {font-weight:700;}
#product > .list > li > .box:hover .img img {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}


/*-----------------------------------------------------------------*/
/* 4-4. Contact
/*-----------------------------------------------------------------*/

.wrap {width:1240px; margin:0 auto; text-align:center;}
.contact .address > h3 {padding:7.89vw 0 18px; color:#999; font-size:14px; font-weight:700;}
.contact .address > p {padding:18px 0 74px; color:#000; font-size:1.675rem; font-weight:600;}
.contact .address > iframe {width:100%; height:580px; padding-top:0.714rem;}
.contact .way {width:100%; margin:0 auto; padding-top:20px; font-size:0; text-align:left;}
.contact .way > li {display:inline-block; width:50%; text-align:left; vertical-align:top;}
.contact .way > li > h4 {color:#000; font-size:1.3rem;}
.contact .way > li > p {padding-top:25px; color:#000; font-size:1.3rem; word-break:keep-all;}
.contact .way > li > .subway {padding-top:30px;}
.contact .way > li > .subway span {color:#888; font-size:1.13rem;}
.contact .way > li > .subway span.nine:before {display:inline-block; width:28px; height:28px; margin-right:10px; border-radius:50%; background-color:#800080; font-family:'Poppins'; color:#fff; font-size:1.067rem; font-weight:700; text-align:center; line-height:28px; content:'9';}
.contact .way > li > .bus {padding-top:30px; font-size:0;}
.contact .way > li > .bus > li {display:inline-block; margin-right:5px;}
.contact .way > li > .bus span {display:inline-block; padding:2px 8px; border-radius:5px; font-family:'Poppins'; color:#fff; font-size:0.967rem; font-weight:700;}
.contact .way > li > .bus span.green {background-color:#5ebf44;}
.contact .way > li > .bus span.blue {background-color:#2a54be;}
.contact .way > li > .bus span.red {background-color:#d65116;}
.contact .way .pc {display:none;}
.contact .way .mo {font-size:0;}
.contact .way .mo span {display:inline-block; width:50%; text-align:center;}
.contact .way .mo {width:100%;} 
.contact .way .mo > li span a {width:100%; height:100%;}
.contact .way .mo img {width:100%; height:auto; padding:40px 40px 15px 40px;}
.contact .way > li span {font-size:20px;}
.contact .way > li span a {position:relative; /* font-size:20px; */ font-size:1rem;}
.contact .way > li span a.email {padding-left:0px;}
.contact .way > li span a.tel {padding-left:0px;}
.contact .way .pc > li span a.email:before {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:190px; height:190px; /* background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/mo_contact3.png'); */ background-size:190px; background-repeat:no-repeat; background-position:center; content:'';}
.contact .way .pc > li span a.tel:before {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:190px; height:190px; /* background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/mo_contact1.png'); */ background-size:190px; background-repeat:no-repeat; background-position:center; content:'';}
.contact .way .pc > li span.call_se a.tel:before {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:190px; height:190px; /* background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/mo_contact2.png'); */ background-size:190px; background-repeat:no-repeat; background-position:center; content:'';}


@media all and (min-width:768px) {
	.contact .way > li span {font-size:20px;}
	.contact .way > li span a {position:relative; font-size:20px;}
	.contact .way > li span a.email {padding-left:46px;}
	.contact .way > li span a.tel {padding-left:46px;}
	.contact .way .pc {display:inline-block; width:100%;}
	.contact .way .mo {display:none;}
	.contact .way > li.pc span a.email:before {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:40px; height:40px; background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/contact3.png'); background-size:40px; background-repeat:no-repeat; background-position:center; content:'';}
	.contact .way > li.pc span a.tel:before {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:40px; height:40px; background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/contact1.png'); background-size:40px; background-repeat:no-repeat; background-position:center; content:'';}
	.contact .way > li.pc span.call_se a.tel:before {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:40px; height:40px; background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/contact2.png'); background-size:40px; background-repeat:no-repeat; background-position:center; content:'';}
}

@media all and (min-width:1024px) {
	.contact .way > li span {font-size:22px; }
	.contact .way > li span a {font-size:22px;}
}

/*-----------------------------------------------------------------*/
/* 5. ETC
/*-----------------------------------------------------------------*/

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw {padding:160px 7.5% 0 7.5%; text-align:left;}
#uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#uselaw > ol > li > dl > dd {padding-left:10px; color:#666;}
#uselaw > ol > li > dl > dd > ul,
#uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy {padding:160px 7.5% 0 7.5%; text-align:left;}
#privacy > ul > li > dl > dt {padding:30px 0 10px; font-weight:bold;}
#privacy > ul > li > dl > dd {padding-left:10px; color:#666;}
#privacy > ul > li > dl > dd > ul,
#privacy > ul > li > dl > dd > ol {padding-left:10px; color:#666;}

/* 댓글 - 리스트(게시판, 상품리뷰) */
.list_comment {position:relative; text-align:left;}
.list_comment > ul {border:1px solid #e5e5e5; border-top:0;}
.list_comment > ul > li {clear:both; overflow:hidden; padding:15px 30px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;}
.list_comment > ul > li .name {float:left; width:12%;}
.list_comment > ul > li .name a {color:inherit; font-size:inherit;}
.list_comment > ul > li .content {float:left; width:73%;}
.list_comment > ul > li .date {float:right; width:15%; text-align:right;}
.list_comment > ul > li .date span {padding-right:5px; color:#888;}
.list_comment > ul > li .date img {margin-top:3px;}

/* 댓글 - 쓰기(게시판, 상품리뷰) */
.write_comment {overflow:hidden; margin-top:-1px; padding:20px; border:1px solid #e5e5e5; background:#fff;}
.write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;}
.write_comment .user span {float:left; width:50%;}
.write_comment .user span.name {padding-right:5px;}
.write_comment .user span.pw {padding-left:5px;}
.write_comment .inputbox {position:relative; padding-right:70px; border:1px solid #e2e2e2; background:#fafafa; text-align:left;}
.write_comment .inputbox textarea.form_input {height:60px; border:0; border-right:1px solid #e2e2e2;}
.write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:70px; height:100%; text-align:center; border:0; background:#fafafa; font-weight:bold; line-height:100%; cursor:pointer;}

/* 게시판 - 상품연동 - 검색 */
#product_search_frm {background:#fff;}
#product_search_frm .frame {min-height:600px; margin:10px;}
#product_search_frm .frame .search {padding-bottom:10px;}
#product_search_frm .frame .btn {padding:15px 0 10px 0; text-align:center;}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write {padding:20px 0;}
.related_prd_write > ul {margin:20px 0;}
.related_prd_write .box_btn.w100 > * {width:100% !important;}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #e0e0e0;}
.related_prd_view .title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;}


/*-----------------------------------------------------------------*/
/* 6. Responsive
/*-----------------------------------------------------------------*/


@media all and (max-width:1400px) {
	.wrap {width:100%;}
	#main .intro .slide_intro {overflow:visible; width:100%;}
}

@media all and (min-width:1024px) {
	#main .slide_visual .swiper-wrapper .swiper-slide {position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide0 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main1.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide1 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main2.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide2 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main3.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide3 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main4.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide4 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main5.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide5 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main6.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide6 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main7.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide7 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main8.jpg');}
	#main .slide_visual .swiper-wrapper .swiper-slide.slide8 {background-image:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/main/pc_main9.jpg');}
}



@media all and (max-width:1240px) {

	/*-----------------------------------------------------------------*/
	/* 3-1. wrapper
	/*-----------------------------------------------------------------*/

	.wrap_inner {width:100%;}


	/*-----------------------------------------------------------------*/
	/* 3-2. header
	/*-----------------------------------------------------------------*/

	header {min-height:3.571rem; line-height:3.571rem;}
	header > h1 {left:1.143rem;}
	nav.pc {display:none;}
	nav.mobile {display:block;}


	/*-----------------------------------------------------------------*/
	/* 3-3. content
	/*-----------------------------------------------------------------*/

	#cnt .cntbody {width:100%; padding:0 16px;}


	/*-----------------------------------------------------------------*/
	/* 3-4. footer
	/*-----------------------------------------------------------------*/

	footer {padding-right:15px; padding-left:15px; background-color:#333;}


	/*-----------------------------------------------------------------*/
	/* 4-1. Main
	/*-----------------------------------------------------------------*/

	#main .news .list {margin:0;}


	/*-----------------------------------------------------------------*/
	/* 4-3. Product
	/*-----------------------------------------------------------------*/

	#product > .list {margin:0;}
	
}

@media all and (max-width:720px) {


	/*-----------------------------------------------------------------*/
	/* 2. Global
	/*-----------------------------------------------------------------*/

	/* input 기본 스타일 */
	.form_input {height:40px; line-height:32px;}

	/* 셀렉트 */
	select {height:40px;}

	/* 버튼스타일 - 기본 */
	.box_btn > * {padding:8px 12px;}

	/* 버튼스타일 - 크기 */
	.box_btn.small > * {padding:4px 8px;}
	.box_btn.large > * {padding:12px 16px; font-size:1.125rem;}
	.box_btn.huge > * {padding:16px 20px; font-size:1.250rem;}

	/* 타이틀 */
	div.title {height:250px;}
	div.title > h2 {font-size:0.750rem;}
	div.title > p {font-size:1.250rem;}
	h3.title {padding:40px 0 20px; color:#000; font-size:1.563rem;}

	/* tab */
	.tab_menu {width:100%; padding-left:10px; padding-right:10px;}
	.tab_menu > li {width:auto; padding:0 20px;}
	.tab_menu > li:after {display:none;}


	/*-----------------------------------------------------------------*/
	/* 3-2. header
	/*-----------------------------------------------------------------*/

	header > h1 > a {font-size:1.286rem;}


	/*-----------------------------------------------------------------*/
	/* 3-3. content
	/*-----------------------------------------------------------------*/

	#cnt {padding-bottom:5rem;}
	#cnt .cntbody {padding:0;}


	/*-----------------------------------------------------------------*/
	/* 3-4. footer
	/*-----------------------------------------------------------------*/

	footer {padding:2.500rem 1.143rem;}
	footer,
	footer * {font-size:0.714rem;}
	footer h1 {font-size:1.143rem;}
	footer .info span {display:block;}
	footer .link {display:inline-block; position:static; min-width:5.714rem; width:5.714rem; margin:1.429rem 2.143rem 1.429rem 0;}
	footer .link > h2 {padding-right:1rem;}
	footer .link > h2:before {width:0.643rem;}
	footer .link > h2:after {width:0.643rem;}
	footer .link > ul {bottom:4.286rem; width:5.714rem;}
	

	/*-----------------------------------------------------------------*/
	/* 4-1. Main
	/*-----------------------------------------------------------------*/

	#main {text-align:left;}

	#main .slide_visual {height:490px;}
	#main .slide_visual .swiper-wrapper .swiper-slide > .box {height:490px;}
	#main .slide_visual .swiper-wrapper .swiper-slide > .box > h2 {font-size:2.143rem;}
	#main .slide_visual .swiper-wrapper .swiper-slide > .box > .summary {font-size:1.14rem; /* padding:0px 50px; */}
	#main .slide_visual .swiper-pagination {padding:1.071rem;}
	#main .slide_visual .swiper-pagination,
	#main .slide_visual .swiper-pagination * {font-size:1.071rem;}

	#main .intro {width:100%; margin-top:3.571rem; padding:0 0 0 1.143rem;}
	#main .intro h2 {font-size:1.429rem;}
	#main .intro .tab {padding-top:1.429rem;}
	#main .intro .tab > li {padding:0 1.429rem;}
	#main .intro .tab > li > a {font-size:1.014rem;}
	/* #main .intro .box_slide {margin-top:1.429rem;} */
	#main .intro .box_slide {margin-top:4.429rem;}
	#main .intro .slide_intro {width:100%;}
	#main .intro .slide_intro .box {padding:1.786rem 0;}
	#main .intro .slide_intro .box > dl {width:100%; padding-top:0.571rem;}
	#main .intro .slide_intro .box > dl > dt {font-size:1.071rem;}
	#main .intro .slide_intro .box > dl > dd {min-height:48px; padding-top:1.071rem; font-size:1rem;}
	#main .intro .slide_intro .swiper-pagination {width:calc(100% - 1.143rem); margin-top:2.143rem;}

	#main .brand {margin-top:3.571rem; padding:3.571rem 1.143rem;}
	#main .brand .wrap_inner {display:block; height:auto;}
	#main .brand .img {display:block; width:100%; min-height:340px; height:340px;}
	#main .brand .left {display:block; width:100%; min-height:340px; height:340px;}
	#main .brand .msg {display:block; width:100%; padding:0;}
	#main .brand .msg > h2 {padding-top:2rem; font-size:1.429rem;}
	#main .brand .msg > p:nth-of-type(1) {padding-top:1.5rem; font-size:1.429rem;}
	#main .brand .msg > p:nth-of-type(2) {padding-top:1.071rem; font-size:0.857rem;}
	#main .brand .msg > .box_btn {margin-top:2rem; }
	#main .brand .msg > .box_btn * {width:auto !important;}

	#main .contact h2 {font-size:1.429rem;}

	#main .news {margin-top:3.571rem; padding:0 1.143rem;}
	#main .news h2 {font-size:1.429rem;}
	#main .news .list {margin:0; padding-top:1.071rem;}
	#main .news .list > li {width:50%; padding:0 0.357rem 3.571rem 0;}
	#main .news .list > li:nth-child(even) {padding:0 0 3.571rem 0.357rem;}
	#main .news .list > li:before {left:0; bottom:2.143rem; width:0.929rem;}
	#main .news .list > li:after {left:0; bottom:2.143rem; width:0.929rem;}
	#main .news .list > li > h3 {padding-top:0.786rem; font-size:1rem;}
	#main .news .list > li > .summary {padding-top:0.357rem; font-size:0.714rem;}

	#main .about {margin-top:3.571rem; padding:0 1.143rem;}
	#main .about h2 {font-size:1.429rem;}
	#main .about .slide_about .swiper-slide > p:nth-of-type(1) {padding-top:1.071rem; font-size:0.714rem;}
	#main .about .slide_about .swiper-slide > p:nth-of-type(2) {padding-top:0.357rem; font-size:1rem;}
	#main .about .slide_about .swiper-pagination {margin-top:2.143rem;}


	/*-----------------------------------------------------------------*/
	/* 4-2. About
	/*-----------------------------------------------------------------*/

	#about > .content {padding-top:5.357rem;}
	#about > .content > h3 {font-size:0.857rem;}
	#about > .content > .summary {padding-right:10%; padding-left:10%; font-size:1.786rem; font-weight:700;}
	#about > .content > .msg {padding-right:10%; padding-left:10%; font-size:1rem;}
	#about > .content.philosophy {text-align:center;}
	#about > .content.vistion > .list > li {padding:0 1rem 1rem 1rem;}
	#about > .content.vistion > .list > li > span {width:10.714rem; height:10.714rem; background-size:2.143rem; font-size:1rem; line-height:10.714rem;}
	#about > .content.vistion > .list > li:nth-child(2) {display:block; display:inline-block;}


	/*-----------------------------------------------------------------*/
	/* 4-3. Product
	/*-----------------------------------------------------------------*/

	#product > h3 {padding:5rem 0 1.786rem; font-size:1.786rem;}
	#product > .list {margin:0 0 0 1px;}
	#product > .list > li {width:50%; padding:0 0 3.214rem 0;}
	#product > .list > li:nth-child(even) {margin-left:-1px;}
	#product > .list > li > .box > dl {padding:0.714rem 1.071rem 0 1.071rem;}
	#product > .list > li > .box > dl > dt {font-size:1rem;}
	#product > .list > li > .box > dl > dd {padding-top:0.357rem; font-size:1rem;}


	/*-----------------------------------------------------------------*/
	/* 4-4. Contact us
	/*-----------------------------------------------------------------*/

	.contact .address > h3 {padding-top:95px;}
	.contact .address > p {padding:32px 8.33% 30px; font-size:2.083rem; line-height:35px;}
	.contact .address > iframe {width:100%; height:70vw;}
	.contact .way {width:93.34%; padding-top:0;}
	.contact .way > li {width:100%; padding-top:7px;}
	.contact .way > li > h4 {font-size:1.167rem;}
	.contact .way > li > p {padding-top:15px; font-size:1.167rem; line-height:23px;}
	.contact .way > li > .subway {padding-top:12px;}
	.contact .way > li > .subway span {font-size:1rem;}
	.contact .way > li > .subway span.nine:before {width:20px; height:20px; font-size:1rem; font-weight:500; line-height:20px;}
	.contact .way > li > .bus {padding-top:12px;}
	.contact .way > li > .bus span {font-size:1rem; font-weight:500;}

}


@media all and (min-width:1024px) {
	/* header > h1 > a img.pc {display:block;}
	header > h1 > a img.mo {display:none;} */

	header > h1 > a img.pc {display:block;}
	header > h1 > a img.mo {display:none;}

	header.scroll > h1.black > a img.pc {display:block;}
	header > h1.black > a img.pc {display:none;}
	header > h1.black > a img.mo {display:none;}
	header > h1.white > a img.mo {display:none;}
	header.scroll > h1.black > a img.mo {display:none;}
	header.scroll > h1.white > a img.mo {display:none;}

	.contact .way span > a {pointer-events:none;}
}

/* 마이페이지 공통 박스 */
.box_mp {margin-bottom:40px; margin-top:40px; padding:55px 20px; border-radius:6px; background-color:#F5F6F8; text-align:center;}
.box_mp > h5 {font-size:1.25rem; font-weight:400;}
.box_mp > span {font-size:2rem; font-weight:700;}
.box_mp .msg {font-size:1.167rem; word-break:keep-all;}
.box_mp > h5 + .msg {padding-top:15px;}
.box_mp .mo_br {display: none;}
.box_mp .form_input {width:100%; max-width:450px; margin:20px auto 0;}
.box_mp .form_input + .form_input {margin-top:10px;}
.box_mp.sml {padding:30px;}

@media all and (max-width:1024px) {
	.box_mp {margin-bottom:35px;}
	.box_mp .mo_br {display: block;}
	.box_mp > h5 {font-size:1.167rem;} 
	.box_mp > span {font-size:1.5rem;}
	.box_mp.sml {padding:18px;}
	#edit_pw .title {display: none;}
} 


/* 게시판 - 상품연동 - 검색 */
#product_search_frm {width:100% !important; background:#fff;}
#product_search_frm .pop_layer {width:560px; margin-left:-280px;}
#product_search_frm .pop_layer .inner {max-height:620px;}
#product_search_frm .pop_layer .frame {margin-top:20px;}
#product_search_frm .frame .search_box {margin-bottom:20px;}

/* 게시판 - 상품연동 - 쓰기 */
.related_prd_write .box_btn > a > span {display:inline-block; padding-right:18px; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/icon_arrow_right.png') no-repeat right center /6px auto;}
.related_prd_write > .prd_basic {padding-top:20px;}
.related_prd_write > .prd_basic .box .name a {padding-top:12px;}
.related_prd_write > .prd_basic .box .price {padding-top:0;}
.related_prd_write > .prd_basic .box .box_btn {margin-top:10px;}

/* 게시판 - 상품연동 - 열람 */
.related_prd_view {border-bottom:1px solid #e0e0e0;}
.related_prd_view > h3.title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;}


/* 레이어팝업(모달레이어)  member_join_step1.wsr/member_order_delivery_frm.wsr/member_order_coupon_frm.wsr/mypage_order_paytype.wsr/common_product_select.wsr/shop_cart_chgOption.wsr/shop_detail_prdcpn.wsr/shop_detail_subscription.wsr  */ 
.pop_layer {position:fixed; top:150px; left:50%; z-index:100; width:575px; margin-left:-287.5px; padding:45px 0 0; background-color:#fff;}
.pop_layer h3.title {margin:0 35px; font-size:1.667rem;}
.pop_layer h3.pop_title {margin:0 35px; padding-bottom:20px; font-size:1.667rem; border-bottom: 1px solid #000; font-weight:600;}
.pop_layer .btn_close {display:block; position:absolute; top:24px; right:24px; width:22px; height:22px; z-index:30; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/btn_close.png') no-repeat center /22px; color:transparent; font-size:0;}
.pop_layer .inner {overflow-y:auto; height:100%; max-height:490px; padding:0 35px 45px;}
.pop_layer .btn_col {margin-top:30px;}

@media all and (max-width:1024px) {
	.pop_layer {top:0; left:0; width:100% !important; height:100%; margin-left:0 !important; padding:60px 0 0;}
	.pop_layer h3.title {margin:0 45px;}
	.pop_layer h3.pop_title {margin:0 45px;}
	.pop_layer .btn_close {top:18px; right:18px;}
	.pop_layer .inner {max-height:calc(100% - 43px) !important; padding:0 45px 45px;}
	.pop_layer .btn_col {margin:30px 0;}
}
@media all and (max-width:768px) {
	.pop_layer {padding:60px 0 0;}
	.pop_layer h3.title {margin:0 4.26%;}
	.pop_layer h3.pop_title {margin:0 4.26%;}
	.pop_layer .btn_close {top:19px; right:12px;}
	.pop_layer .inner {padding:0 4.26% 45px;}
}

/* 쿠폰다운로드 레이어 */
.pop_coupon {display:none; width:465px; margin-left:-232.5px;}
.pop_coupon .count {padding:25px 35px; font-size:1.167rem; letter-spacing:-0.28px;}
.pop_coupon .count > strong {color:#d50c0c; font-weight:700;}
.pop_coupon .inner {max-height:345px; text-align:center;}
.pop_coupon .inner .box_btn {margin:0 auto; padding-top:30px;}
.pop_coupon .inner .box_btn > * {width:166px;}
.pop_coupon .list {margin-top:0; border:0;}
.pop_coupon .list > li {position:relative; padding:22px; border-radius:4px; border:1px solid #ebebeb; text-align:left;}
.pop_coupon .list > li.on {border:1px solid #000;}
.pop_coupon .list > li + li {margin-top:13px;}
.pop_coupon .list > li .cpn_price {padding-bottom:12px;}
.pop_coupon .list > li .cpn_price > span {color:#d50c0c; font-size:1.417rem; font-weight:600; line-height:16px;}
.pop_coupon .list > li > div {padding-bottom:8px; color:#000; font-size:1.167rem; letter-spacing:-0.28px;}
.pop_coupon .list > li > div.btn {position:absolute; right:10px; top:24px; z-index:10; padding-top:0;} 
.pop_coupon .list > li > div.btn span {font-size:1.083rem;}
.pop_coupon .list > li > div.btn span.down {cursor:pointer;}
.pop_coupon .list > li > div.btn span.down > a {display:block; width:30px; height:30px; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/cpn_download.png') no-repeat center/30px auto; text-indent:-9999px;}
.pop_coupon .list > li > div.btn span.fin {padding:7px 30px 7px 0; background:url('https://www.byvow.com/_skin/rsp_booster_foodco_241108/img/common/cpn_finish.png')no-repeat center right /30px;}
.pop_coupon .list > li > div.price {color:#666;}

@media all and (max-width:1024px) {
	.pop_coupon .count {padding:25px 45px;}
	.pop_layer.pop_coupon .inner {max-height:calc(100% - 107px) !important;}
}
@media all and (max-width:768px) {
	.pop_coupon .count {padding:25px 4.26%;}
}

/* 개별상품쿠폰 레이어 */
.prdcpn_layer {width:465px; margin-left:-232.5px;}
.prdcpn_layer .inner {max-height:345px;}
.prdcpn_layer .inner .box_btn {width:100%; margin:0 auto; padding-top:30px;}
.prdcpn_layer .inner .box_btn > * {width:115px;}
.prdcpn_layer .tbl_toggle.cpn_list {border-top:0;}
.prdcpn_layer .tbl_toggle.cpn_list > .table > li {width:auto; padding:15px 0;}
.prdcpn_layer .tbl_toggle.cpn_list > .table.first > li {font-size:1.167rem;}
.prdcpn_layer .tbl_toggle.cpn_list > .table > li * {font-size:1.083rem;}
.prdcpn_layer .tbl_toggle.cpn_list > .table > li.tal {width:30%; padding-left:20px;}
.prdcpn_layer .tbl_toggle.cpn_list > .table > li.prdimg {width:50px !important;}
.prdcpn_layer .tbl_toggle.cpn_list > .table > li .name {color:#333; font-size:1.083rem; letter-spacing:-0.26px;}
.prdcpn_layer .tbl_toggle.cpn_list > .table > li .m_txt {display:none;}
.prdcpn_layer .tbl_toggle .content.usable_cpn_box {display:block; text-align:left; border:0; background:#fff;}
.prdcpn_layer .tbl_toggle .content.usable_cpn_box ul {padding:15px 0; border-bottom:1px solid #EFEFEF;}
.prdcpn_layer .tbl_toggle .content.usable_cpn_box ul > li,
.prdcpn_layer .tbl_toggle .content.usable_cpn_box ul > li * {color:#333; font-size:1.167rem; letter-spacing:-0.26px; word-break:keep-all;}
.prdcpn_layer .tbl_toggle .content.usable_cpn_box ul > li + li {padding-top:8px;}
.prdcpn_layer .tbl_toggle .content.usable_cpn_box ul > li label > span {color:#d50c0c;}

@media all and (max-width:768px) {
	.prdcpn_layer .tbl_toggle.cpn_list .table {display:table; padding:0; table-layout:fixed; border-collapse:collapse;}
	.prdcpn_layer .tbl_toggle.cpn_list .table > li {display:table-cell; float:none; text-align:center; vertical-align:middle;}
}

#qdBackground {width:100% !important;}
#ui-datepicker-div {z-index:10 !important;}