@charset "utf-8";
/* 
font-family:"Pretendard Variable"
font-family: 'Noto Sans KR';
357e6b 녹색
rgb(229, 229, 229) = #e5e5e5
rgb(221, 221, 221); = #ddd
rgb(248, 248, 248); = #f8f8f8
rgb(125, 125, 125); = #7d7d7d
body.iosDevice {background: red;}
*/
.sub_content {overflow: hidden; width: 100%;}


.daily_wrap {position: relative;display: block;width: 1300px;margin: 0 auto;/* overflow: hidden; */box-sizing: border-box; padding-bottom: 20px;}
.daily_wrap * {box-sizing: border-box;}

/* 상단 */
.visual {}
.visual__top {}
.visual__top img {display: block; width: 100%;}
.visual__main {position: relative; display: block; text-align: center; width: 100%; height: auto; padding: 78px 0 61px; background: #f7f4ef;}
.visual__main .tit {display: block; max-width: 100%; margin: 0 auto; width: fit-content;}
.visual__main .text {text-align: center; line-height: 1.5;}
.visual__main .text strong {display: block; font-size: 28px; font-weight: 700; color: #1e1e1e; line-height: 1.179; -moz-transform: scale(0.98, 1); -webkit-transform: scale(0.98, 1); -ms-transform: scale(0.98, 1); transform: scale(0.98, 1); letter-spacing: -0.025em;}
.visual__main .text p {display: block; line-height: 1.5; font-size: 24px; font-weight: 400; color: #1e1e1e; -moz-transform: scale(0.98, 1); -webkit-transform: scale(0.98, 1); -ms-transform: scale(0.98, 1); transform: scale(0.98, 1); letter-spacing: -0.025em; margin-top: 1px;}
.visual__main > img {display: block; max-width: 100%; margin: 45px auto 0;}


/* 본문 */
.daily_con {position: relative; display: block; width: 100%; height: auto; max-width: 830px; margin: 0 auto 0;}
.daily_con__head {text-align: center;}
.daily_con__head img {display: block; margin: 0 auto; max-width: 100%; width: fit-content;}
.daily_con__head .time {display: block; line-height: 1.15; color: #7d7d7d; font-weight: 500; font-size: 20px;}
.daily_con__head .time span {letter-spacing: -0.010em;}
.daily_con__head h3 {display: block; line-height: 1.15; color: #1e1e1e; letter-spacing: -0.010em; font-weight: 500; font-size: 30px;}

.daily_con__body {position: relative; display: block; width: 100%; height: auto; font-size: 0;}
.daily_con__body .img_box {}
.daily_con__body .img_box img {display: block; width: 100%;}

/* 상품 */
.prd {position: relative; display: block; width: 100%; overflow: hidden;}
.prd ul {display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px;}
.prd ul li {position: relative; display: block; width: 25%; padding: 0 5px; box-sizing: border-box;}
.prd ul li:nth-child(n+5) {margin-top: 10px;}
.prd ul li a {}
.prd ul li img {display: block; width: 100%; height: auto;}

/* wake up */
.daily_con--wake_up {/* padding: 110px 0 0 0; */}
.daily_con--wake_up .daily_con__body {/* padding: 40px 0 0 0; */}
.daily_con--wake_up .prd {}

/* breakfast */
.daily_con--breakfast {/* padding: 137px 0 0 0; */}
.daily_con--breakfast .daily_con__body {/* padding-top: 34px; */}
.daily_con--breakfast .daily_con__body .prd03 {padding-bottom: 120px;}

/* Lunch Dinner */
.daily_con--lunch_dinner {/* padding: 137px 0 0 0; */}
.daily_con--lunch_dinner .daily_con__body {/* padding: 40px 0 0 0; */}

/* Lunch Dinner */
.daily_con--before_bedtime {/* padding: 135px 0 141px 0; */padding-bottom: 141px;}
.daily_con--before_bedtime .daily_con__body {/* padding: 40px 0 0 0; */}

/* 띠배너 */
.wide_banner {position: relative;display: block;width: 1300px;height: auto;margin: 81px 0 0 -650px;left: 50%;}
/* .wide_banner:before {content: "";display: block;width: 100vw;height: 100%;top: 0;left: 50%;transform: translateX(-50%);position: absolute;z-index: -1;background: #f1f1f1;} */

/* 유튜브 */
.daily_con__body {}
.daily_con__body > .ytb {position: relative; display: block; width: 830px; height: 467px;}
.daily_routine_video {position: relative; display: block; width: 100%; height: 100%;}
.daily_routine_video iframe {width: 100% !important; height: 100% !important; padding: 0; margin: 0;}
.daily_routine_video .btn_frame {position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: left top; font-size: 0;}
.daily_routine_video .btn_frame button {padding: 0; margin: 0; border: 0; background: url(../../../assets/img/daily/ytb_btn.png)no-repeat center; display: block; width: 100px; height: 100px; font-size: 0;}


/* faq */
.faq_box {position: relative; display: block; width: 100%; height: auto; font-size: 0; background: #f5f5f5; padding: 0 0 59px 0;}
.faq_box img.tit {display: block; width: 830px; margin: 0 auto;}
.faq_box .inner {position: relative; display: block; width: 830px; height: auto; margin: 0 auto;}
/* .faq_box .inner dl {display: none;}
.faq_box .inner dl.show {display: block;} */
.faq_box .inner dt a {cursor: pointer; position: relative; display: block;}
.faq_box .inner dt a:after {content: ""; display: block; width: 14px; height: 10px; background: url(../../../assets/img/daily/faq/arrow.png)no-repeat center / 100%; position: absolute; right: 0; top: 50%; margin-top: -5px; /* transform: rotate(180deg); */}
/* .faq_box .inner .show dt a:after {transform: rotate(0);} */
.faq_box .inner dd {display: none;}
.faq_box .inner dd.show {display: block;}

/* 리뷰 */
.bottom_review {position: relative; display: block; width: 100%; height: auto; background: #357e6b; padding-bottom: 78px;}
.bottom_review img.tit {display: block; max-width: 100%; margin: 0 auto;}
.bottom_review ul {position: relative; display: flex; flex-wrap: wrap; width: 1240px; height: auto; margin: 0 auto;}
.bottom_review ul li {padding: 0 10px;}
.bottom_review .more {display: block; width: 231px; margin: 50px auto 0;}


/* 자간 */
.letter_sacing-0 {letter-spacing: 0;}
.letter_sacing-020em {letter-spacing: -0.020em;}
.letter_sacing-025em {letter-spacing: -0.025em;}
.letter_sacing-030em {letter-spacing: -0.030em;}
.letter_sacing-035em {letter-spacing: -0.035em;}
.letter_sacing-040em {letter-spacing: -0.040em;}