@charset "utf-8";

/* 초기화 */
* img {max-width:100%;}
html {overflow-y:scroll;background:#fff;padding:0;}
body {margin:0;padding:0;font-size:1rem;font-family:'Pretendard', sans-serif;background-color:transparent;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1rem;font-family:'Pretendard', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1rem}
input, button {margin:0;padding:0;font-family:'Pretendard', sans-serif;font-size:1rem}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', sans-serif;font-size:1rem}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none}

input[type=text],input[type=password], textarea {outline:none;}

/* div 클릭시 복사방지 */
/*div {user-select:none;-webkit-user-select:none;} */

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 팝업레이어 */
#boxBlack {display:none;left:0;top:0;position:fixed;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.5);}
#hd_pop {overflow:hidden;z-index:1000;width:90%;max-width:680px;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);margin:0 auto;}
.hd_pops {width:100%;position:relative;}
.hd_pops img {width:100%;display:block;}
.hd_pops_footer {background:#fff;color:#333;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:.5rem 1rem;border:0;background:#fff;color:#333;font-size:.9rem;}
.hd_pops_footer .hd_pops_reject {text-align:left}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0}
@media (min-width:720px) {
		#hd_pop {max-width:540px;}
		.hd_pops_footer button {padding:1rem;font-size:1rem;}
}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 페이징 */
.pg_wrap {clear:both;display:block;margin:1.5rem auto;text-align:center;}
.pg_wrap .pg {align-items:center;display:block;}
.pg_wrap .pg a,
.pg_wrap .pg strong {display:inline-block;text-align:center;vertical-align:middle;background-color:#eee;color:#959595;border:1px solid #eee;font-size:1rem;height:2rem;line-height:2rem;min-width:2rem;text-decoration:none;border-radius:3px;}
.pg_wrap .pg a:focus,
.pg_wrap .pg a:hover {text-decoration:none}
.pg_wrap .pg strong {background:var(--color1);color:#fff;font-weight:normal;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.telbox {display:flex;justify-content:space-between;}
.telbox input {width:34%;}
.telbox select {width:30%;}

.boxArea {display:flex;justify-content:space-between;margin-bottom:.5rem;}
.boxArea select {width:49%;color:#333;height:3rem;border:1px solid #ddd;border-radius:4px;padding-left:1rem;}

.section {padding:2rem 1.5rem;}
.title {display:block;margin-bottom:1.25rem;font-size:1.5rem;font-weight:600;}
.contain {width:1264px;margin:0 auto;}

/* ================================================
   상단 고정메뉴
   ================================================ */
#boxTop {position:absolute;background:#fff;z-index:999;top:0;left:0;width:100%;}
#boxTop .boxTopline {position:relative;}
#boxTop .boxTopline #boxToplineBanner {width:180px;padding:0 .5rem 0 .75rem;display:block;overflow:hidden;border:1px solid var(--color2);border-radius:.9rem;font-size:.8rem;line-height:1.6rem;height:1.6rem;}
#boxTop .boxTopline #boxToplineBanner .swiper-slide {background:#fff;}
#boxTop .boxTopline #boxToplineBanner .swiper-slide span {display:block;}
#boxTop .boxTopline #boxToplineBanner .swiper-slide strong {display:block;color:var(--color2);}
#boxTop .boxTopline .boxToplineMenu em {display:block;width:1px;height:15px;background:#ddd;margin:0 1rem;}
#boxTop .boxTopline .boxToplineMenu a,
#boxTop .boxTopline .boxToplineMenu span {display:block;cursor:pointer;line-height:38px;}

#boxTop .boxTopTag {width:30%;}
#boxTop .boxTopTag a {display:inline-block;padding:5px;margin:0 4px 4px 0;color:#fff;background:#2a5539;line-height:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
#boxTop .logo {display:block;margin:0 auto;height:96px;}

#boxTop .boxTopButton {width:30%;}
#boxTop .boxTopButton a {display:block;margin-left:.4rem;background:#285639;color:#fff;width:50px;height:50px;line-height:55px;text-align:center;cursor:pointer;border-radius:4px;overflow:hidden;position:relative;}
#boxTop .boxTopButton a i {font-size:1.5rem;}

#boxBlank {height:188px;}

/* ================================================
   상단 메뉴바
   ================================================ */
#boxMenu {height:54px;background:var(--color1);position:relative;}
#boxMenu .contain a.mn {color:#fff;line-height:54px;display:block;}
#boxMenu .contain a.mn:hover {color:#dce06f;}

#boxMenu .smn {display:none;position:absolute;padding:10px;top:54px;min-width:150px;z-index:1000;background:#fff;border:1px solid #ddd;overflow:hidden;}
#boxMenu .smn a {display:block;padding:0 10px;line-height:34px;height:34px;color:#333;font-size:16px;}
#boxMenu .smn a:hover {background:#f5f5f5;}

#mnAll {background:#529a6c;color:#fff;line-height:54px;padding:0px 20px;cursor:pointer;float:right !important;}
#mnAllList {display:none;z-index:10000;position:absolute;width:100%;left:0;top:190px;background:#fff;border-bottom:1px solid #2a5539;overflow:hidden;}
#mnAllList .mnAllListSub {position:relative;padding:25px 0;}
#mnAllList .mnAllListSubBox {width:18%;}
#mnAllList .mnAllListSubBox strong {display:block;font-size:1.1rem;line-height:3rem;color:var(--color1);border-bottom:1px solid var(--color2);width:100%;margin-bottom:.75rem;}
#mnAllList .mnAllListSubBox ul {list-style:none;}
#mnAllList .mnAllListSubBox ul li a {display:block;line-height:2.2rem;}
#mnAllList .mnAllListSubBox ul li:hover a {background:var(--color2);color:#fff;padding:0 15px;}
#mnAllClose {position:absolute;right:0;bottom:0;padding:25px;background:transparent;border:0;color:#555;cursor:pointer;}

#boxCustomer {display:none;right:0;background:#fff;width:auto;top:34px;position:absolute;z-index:1000;font-size:14px;}
#boxCustomer .boxCustomersub {border:1px solid #ddd;padding:10px;}
#boxCustomer .boxCustomersub a {display:block;line-height:24px;cursor:pointer;padding:2px 10px;}
#boxCustomer .boxCustomersub a:hover {background:#f5f5f5;}

#boxMember {display:none;right:85px;background:#fff;width:auto;top:34px;position:absolute;z-index:1000;font-size:14px;}
#boxMember .boxMembersub {border:1px solid #ddd;padding:10px;}
#boxMember .boxMembersub a {display:block;line-height:24px;cursor:pointer;padding:2px 10px;}
#boxMember .boxMembersub a:hover {background:#f5f5f5;}

/* ================================================
   서브페이지 네비게이션
   ================================================ */
#boxNav {padding:20px 0px;text-align:left;font-size:14px;color:#777;}
#boxNav a {color:#777;}
#boxNav .fa {margin:0px 10px;}

/* ================================================
   서브페이지 타이틀
   ================================================ */
#boxTitle {text-align:center;font-size:34px;font-weight:500;padding:50px 0;border-bottom:1px solid #333;}

/* ================================================
   서브페이지 컨텐츠
   ================================================ */
#boxContent {padding:75px 0;}
#boxContent img {display:block;margin:0 auto;}

/* ================================================
   하단 카피
   ================================================ */
#boxCopy {background:var(--color4);padding:40px 0px;}
#boxCopy .boxCopyMenu {margin-bottom:50px;overflow:hidden;}
#boxCopy .boxCopyMenu a {display:block;}
#boxCopy .boxCopyMenu em {display:block;background:#ddd;width:1px;height:20px;margin:0 1rem;}
#boxCopy .boxCopyTxt .boxCopyTxtSub {text-align:left;vertical-align:top;padding-left:60px;}
#boxCopy .boxCopyTxt .boxCopyTxtSub:nth-child(1) {width:30%;padding-left:0;}
#boxCopy .boxCopyTxt .boxCopyTxtSub:nth-child(2) {width:40%;border-left:1px solid #333;border-right:1px solid #333;}
#boxCopy .boxCopyTxt .boxCopyTxtSub:nth-child(3) {width:30%;}
#boxCopy .boxCopyTxt .boxCopyTxtSub strong {display:block;margin-bottom:10px;font-size:24px;}
#boxCopy .boxCopyTxt .boxCopyTxtSub .telnumber {display:block;margin-bottom:10px;font-size:32px;color:#2a5539;font-family:'GmarketSansBold';}
#boxCopy .boxCopyTxt .boxCopyTxtSub .copyInfo {font-size:15px;padding:5px 0px;margin-top:10px;display:inline-block;}
#boxCopy .boxCopyTxt .boxCopyTxtSub .copytxt {color:#646464;line-height:180%;font-size:15px;}
#boxCopy .boxCopyTxt .boxCopyTxtSub .copy {color:#646464;margin-top:10px;font-size:15px;}
#boxCopy .boxCopyTxt .boxCopyTxtSub .boxicon {margin-top:20px;display:flex;justify-content:space-between;width:260px;}
#boxCopy .boxCopyTxt .boxCopyTxtSub .boxicon a {float:left;display:block;text-align:center;font-size:12px;}
#boxCopy .boxCopyTxt .boxCopyTxtSub .boxicon a i {display:block;margin-bottom:8px;font-size:24px;width:54px;height:54px;color:#333;background-color:#f0f0f0;line-height:54px;text-align:center;border-radius:54px;-webkit-border-radius:54px;-moz-border-radius:54px;-ms-border-radius:54px;-o-border-radius:54px;}
#boxCopy .boxCopyTxt .boxCopyTxtSub .boxicon a i.fa-naver {background:url('/images/ic_blog.png') no-repeat center center;background-size:40% auto;background-color:#f0f0f0;}

/* ================================================
   고정 퀵메뉴
   ================================================ */
#boxQuick {position:fixed;top:50%;transform:translateY(-50%);right:.5rem;z-index:1000;}
#boxQuick button {border:0;}
#boxQuick img {display:block;margin:0 auto;}


/* ================================================
   메인 이미지
   ================================================ */
#boxMain {position:relative;margin:0 auto;overflow:hidden;}
#boxMain img {display:block;width:100%;}
#boxMain .boxPlayer {position:absolute;width:7.5rem;left:50%;transform:translateX(-50%);bottom:1rem;z-index:100;height:2rem;font-size:.75rem;}
#boxMain .boxPlayer .boxPlayerInner {position:relative;width:100%;height:2rem;background:rgba(0,0,0,0.35);overflow:hidden;border-radius:2rem;}
#boxMain .boxPlayer .boxPlayerInner .swiper-button-prev,
#boxMain .boxPlayer .boxPlayerInner .swiper-container-rtl .swiper-button-next {right:3.5rem;left:unset;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");}
#boxMain .boxPlayer .boxPlayerInner .swiper-button-next,
#boxMain .boxPlayer .boxPlayerInner .swiper-container-rtl .swiper-button-prev {right:.5rem;left:unset;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E");}
#boxMain .boxPlayer .boxPlayerInner .swiper-button-prev,
#boxMain .boxPlayer .boxPlayerInner .swiper-button-next {position:absolute;top:unset;bottom:0;height:2rem;width:1rem;margin-top:0;z-index:100;cursor:pointer;background-size:.75rem .75rem;background-position:center;background-repeat:no-repeat;}
#boxMain .boxPlayer .boxPlayerInner .swiper-pagination-fraction,
#boxMain .boxPlayer .boxPlayerInner .swiper-pagination-custom,
#boxMain .boxPlayer .boxPlayerInner .swiper-container-horizontal > .swiper-pagination-bullets {line-height:2rem;bottom:0;color:#fff;left:1.5rem;}
#swiperPlayPauseBtn {background:transparent;border:0;color:#fff;position:absolute;bottom:0;line-height:2rem;width:1rem;text-align:center;right:2rem;cursor:pointer;font-size:.75rem;z-index:100;}

/* ================================================
   메인 중간 배송안내
   ================================================ */
#boxMid {margin:50px auto;}
#boxMid .boxMidLeft {width:49.8%;background:var(--color1);color:#fff;padding:1rem 1.75rem 1.25rem 1.75rem;}
#boxMid .boxMidLeft > div > strong {display:block;font-size:2rem;font-family:'GmarketSansBold';font-weight:normal;letter-spacing:-1px;}
#boxMid .boxMidLeft > div > span {display:block;font-size:1.35rem;font-weight:300;} 
#boxMid .boxMidLeft > div > button {margin-top:1.25rem;background:#fff;color:var(--color1);font-size:1.15rem;border-radius:2rem;border:0;height:2rem;padding:0 1rem;font-weight:500;}
#boxMid .boxMidLeft > div > button i {margin-right:.5rem;font-size:1.35rem;}
#boxMid .boxMidLeft > i {font-size:7rem;}
#boxMid .boxMidRight {width:49.8%;background:var(--color1);color:#fff;padding:1rem 1.75rem 1.25rem 1.75rem;}
#boxMid .boxMidRight table {width:100%;border-spacing:3px;border-collapse:separate;}
#boxMid .boxMidRight table tr th,
#boxMid .boxMidRight table tr td {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1;}
#boxMid .boxMidRight table tr th {border-radius:.5rem;font-size:1.45rem;line-height:1;font-family:'GmarketSansBold';padding:5px 0 0;margin-bottom:2px;}
#boxMid .boxMidRight table tr th i {margin-right:.5rem;}
#boxMid .boxMidRight table tr th:nth-child(2) {background:var(--color2);}
#boxMid .boxMidRight table tr th:nth-child(3) {background:var(--color7);}
#boxMid .boxMidRight table tr td.boxMidRightTxt {width:28%;background:#fff;color:var(--color1);font-size:1.75rem;font-family:'GmarketSansBold';font-weight:normal;letter-spacing:-1px;border-radius:.5rem;text-align:center;padding-top:.5rem;}
#boxMid .boxMidRight table tr td.boxMidRightYoil {width:36%;background:#fff;color:#222;border-radius:.5rem;font-size:1.2rem;letter-spacing:-1px;text-align:center;line-height:3rem;}
#boxMid .boxMidRight table tr td.boxMidRightYoil:nth-child(2) strong {color:var(--color2);}
#boxMid .boxMidRight table tr td.boxMidRightYoil:nth-child(3) strong {color:var(--color7);}
#boxMid .boxMidRight table tr td.boxMidRightYoilTxt {text-align:center;font-size:1.1rem;padding-top:.5rem;font-weight:300;}

/* ================================================
   메인 드림찬 건강 식단
   ================================================ */
#boxMainProduct {margin:0 auto;}
#boxMainProduct strong {display:block;font-family:'GmarketSansBold';font-size:2.5rem;color:#222;margin-bottom:.5rem;}
#boxMainProduct a {display:block;margin-bottom:12px;}

/* ================================================
   메인 식단 배너
   ================================================ */
#boxMainFoodtable {margin:100px auto;background:var(--color1);color:#fff;padding:1rem 2rem 1.5rem 2rem;}
#boxMainFoodtable > div > strong {display:block;font-size:2rem;font-family:'GmarketSansBold';font-weight:normal;letter-spacing:-1px;}
#boxMainFoodtable > div > span {display:block;font-size:1.35rem;font-weight:300;} 
#boxMainFoodtable > div > button {margin-top:1.25rem;background:#fff;color:var(--color1);font-size:1.15rem;border-radius:2rem;border:0;height:2rem;padding:0 1rem;font-weight:500;}
#boxMainFoodtable > div > button i {margin-right:.5rem;font-size:1.35rem;}
#boxMainFoodtable > i {font-size:3rem;}

/* ================================================
   메인 드림찬 밥국죽
   ================================================ */
#boxMainCarte {margin:0 auto;}
#boxMainCarte strong {display:block;font-family:'GmarketSansBold';font-size:2.5rem;color:#222;margin-bottom:.5rem;}
#boxMainCarte a {display:block;margin-bottom:12px;}

/* ================================================
   메인 하단 게시물
   ================================================ */
#boxMainBottom {margin:60px auto 80px auto;}
#boxMainBottom #boxMainBottomLeft {width:720px;}
#boxMainBottom #boxMainBottomRight {flex:1;margin-left:2.5rem;}
#boxMainBottom #boxMainBottomRight .boxMainBottomRightTab a {display:block;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;border-bottom:1px solid var(--color1);line-height:2.8rem;font-size:1.15rem;}
#boxMainBottom #boxMainBottomRight .boxMainBottomRightTab a.on {color:#fff;background:var(--color1);}
#boxMainBottom #boxMainBottomRight .bottomList {display:none;}
#boxMainBottom #boxMainBottomRight .bottomList.on {display:block;}
#boxMainBottom #boxMainBottomRight .bottomList a {display:block;line-height:2.8rem;border-bottom:1px solid #ddd;padding:0 1rem;}
#boxMainBottom #boxMainBottomRight .bottomList a:last-child {border-bottom:0;}
#boxMainBottom #boxMainBottomRight .boxMainBottomRight3Banner a {display:block;text-align:center;flex:1;border:1px solid #ddd;font-size:1.15rem;padding:1rem 0;color:#777;}
#boxMainBottom #boxMainBottomRight .boxMainBottomRight3Banner a:not(:first-child) {border-left:0;}
#boxMainBottom #boxMainBottomRight .boxMainBottomRight3Banner a i {display:block;font-size:2.4rem;margin:0 auto .6rem auto;color:var(--color2);}

/* ================================================
   페이지 - FAQ
   ================================================ */
#boxFaq {padding:75px 0;overflow:hidden;}
#boxFaq dl {font-size:1rem;border-bottom:1px solid #ddd;}
#boxFaq dl dt {cursor:pointer;line-height:4rem;height:4rem;color:#333;}
#boxFaq dl dd {display:none;padding:1rem 0 2rem 0;border-top:1px solid #ddd;}
#boxFaq dl dt span {font-family:'Montserrat';font-weight:700;text-align:center;font-size:1.25rem;width:2rem;color:var(--color2);}
#boxFaq dl dt .cate {width:8rem;color:var(--color1);text-align:center;}
#boxFaq dl dt .question {width:calc(100% - 11rem);text-align:left;line-height:1.8;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:3rem;}
#boxFaq dl dt i {margin-right:1rem;}
#boxFaq dl dd .con {padding:0 3rem;line-height:1.6;}
#boxFaq dl.on dd {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;}
#boxFaqLoad {margin:0 auto;}
#boxFaqCate {margin-bottom:.5rem;}
#boxFaqCate span {flex:1;margin:0 1px;display:block;background:var(--color1);color:#fff;font-size:1rem;height:3rem;line-height:3rem;padding:0 1rem;cursor:pointer;overflow:hidden;text-align:center;}
#boxFaqCate span:first-child {margin-left:0;}
#boxFaqCate span:last-child {margin-right:0;}
#boxFaqCate span.on {background:var(--color2);}

/* ================================================
   마이페이지 - 레이아웃
   ================================================ */
#boxMypage {overflow:visible;}

/* 나의 드림찬 좌측 메뉴 */
#boxMypageLeft {width:200px;position:sticky;height:fit-content;top:0;}
#boxMypageLeft .boxLmn {padding:2.5rem 1rem;border-bottom:1px solid #ddd;}
#boxMypageLeft .boxLmn:last-child {border-bottom:0;}
#boxMypageLeft .boxLmn > strong {font-size:1.25rem;display:block;margin-bottom:.75rem;}
#boxMypageLeft .boxLmn > a {display:block;font-size:1rem;color:#777;line-height:2.4rem;}
#boxMypageLeft .boxLmn > a > i {margin-right:.75rem;font-size:1rem;color:#555;}

/* 나의 드림찬 우측 메뉴 */
#boxMypageRight {flex:1;margin-left:2.5rem;}
#boxMypageRight .boxMapageTitle {font-size:1.15rem;}














/* ================================================
   상단 검색바
   ================================================ */
#boxTopSearch {padding:0 .5rem;}
#boxTopSearch .boxTopSearchInp {border:1px solid var(--color4);border-radius:.3rem;overflow:hidden;box-sizing:border-box;}
#boxTopSearch .boxTopSearchInp input[type='text'] {width:calc(100% - 2.7rem);border:0;line-height:2.4rem;height:2.4rem;padding:0 1rem;color:#333;}
#boxTopSearch .boxTopSearchInp #btnTopSearch {color:var(--color1);background:transparent;border:0;line-height:2rem;height:2rem;width:2.5rem;text-align:center;border-radius:4px;margin-right:.2rem;}

/* ================================================
   전체 카테고리
   ================================================ */
#boxIconMenu {padding-bottom:1rem;}
#boxIconMenu .boxIcon {padding:1.5rem 1.5rem .5rem 1.5rem;}
#boxIconMenu .boxIcon .tit {margin-bottom:.5rem;}
#boxIconMenu .boxIcon .tit em {display:block;width:3px;height:1rem;background:var(--color5);margin-right:.75rem;}
#boxIconMenu .boxIcon .tit span {display:block;font-size:1.15rem;color:var(--color5);font-weight:500;}
#boxIconMenu .boxIcon .tit .line {margin-left:1rem;flex:1;height:1px;background:#ddd;}
#boxIconMenu .boxIcon .con.flexbox_stretch .cateIcon {width:25%;text-align:center;margin-top:.25rem;font-size:.9rem;padding:.5rem 0;line-height:1.25;overflow:hidden;}
#boxIconMenu .boxIcon .con.flexbox_stretch .cateIcon .cimg {width:75%;max-width:5rem;aspect-ratio:1 / 1;display:block;margin:0 auto .5rem auto;border-radius:1rem;}



/* ================================================
   상단 그룹 카테고리
   ================================================ */
#boxTopMenu {height:3rem;height:3rem;font-size:1rem;}
#boxTopMenu a.on {background:var(--color5);color:#fff;font-weight:600;border-radius:1.5rem;display:block;padding:.25rem 1rem;}

/* ================================================
   상단 전체 카테고리
   ================================================ */
#boxTopIconMenu {display:flex;overflow-x:auto;padding:0 .5rem .5rem .5rem;}
#boxTopIconMenu .proIcon {display:flex;align-items:center;border:1px solid #ddd;border-radius:1.5rem;font-size:.9rem;margin-right:.35rem;padding:2px 10px 2px 2px;white-space:nowrap;flex-shrink:0;}
#boxTopIconMenu .proIcon span {border-radius:1rem;background:#f1f1f1;text-align:center;width:1.6rem;height:1.6rem;line-height:1.6rem;margin-right:.35rem;}
#boxTopIconMenu .proIcon span img {display:block;margin:0 auto;height:1rem;}
#boxTopIconMenu .proIcon.on {background:var(--color5);border:1px solid var(--color5);color:#fff;}
#boxTopIconMenu .proIcon.on span {background:#fff;}
#boxTopIconMenu::-webkit-scrollbar {display:none;/* 스크롤바 숨김 */}

/* ================================================
   상품 리스트
   ================================================ */
#boxProOrder {padding:.5rem 1.5rem 0 1.5rem;}
#boxProOrder #proOrder {border:1px solid #ddd;line-height:2.4rem;height:2.4rem;padding:0 1rem;border-radius:4px;}
   
#boxProList {padding:75px 0;}
#boxProList .boxPro {width:32%;cursor:pointer;padding:1.25rem 1.5rem;margin-bottom:1.5rem;}
#boxProList .boxPro .thumb {width:100%;aspect-ratio:1 / 1;overflow:hidden;}
#boxProList .boxPro .content {width:calc(100% - 80px);padding-left:1rem;}
#boxProList .boxPro .content .company {display:block;font-weight:700;font-size:1.15rem;margin-bottom:.35rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxProList .boxPro .content .summary {display:block;font-size:.9rem;margin-bottom:.5rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#999;}
#boxProList .boxPro .content .tag {display:block;font-size:.9rem;margin-bottom:.5rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--color2);}

/* ================================================
   사전점검 포인트
   ================================================ */
#boxPreUsePoint {background:var(--color6);display:block;padding:2rem;border-radius:1rem;margin-bottom:2rem;}
#boxPreUsePoint .tit em {font-style:normal;color:var(--color5);margin-left:.5rem;}
#boxPreUsePoint .content .myPoint {text-align:right;margin-top:1rem;}
#boxPreUsePoint .content .myPoint strong {color:var(--color5);}
#boxPreUsePoint .content .myPoint i {margin-left:.25rem;}
#boxPreUsePoint .content .myPointMaxPer {border-radius:4px;padding:.75rem;font-size:.9rem;background:#f5f5f5;margin-top:1rem;}
#boxPreUsePoint .content .boxUsepoint {position:relative;margin:1rem 0;}
#boxPreUsePoint .content .boxUsepoint .usepoint {border:1px solid #ddd;border-radius:4px;width:68%;line-height:3rem;height:3rem;color:var(--color5);font-weight:700;text-align:right;padding:0 1rem;}
#boxPreUsePoint .content .boxUsepoint::before {content:'사용';display:inline-block;position:absolute;left:1.5rem;top:0;line-height:3rem;height:3rem;}
#boxPreUsePoint .content .boxUsepoint button {width:30%;line-height:3rem;height:3rem;border-radius:4px;border:0;color:#fff;background:var(--color5);}
#boxPreUsePoint .content .boxUsepoint button.use {color:#999;background:#ddd;}
#boxPreUsePoint .btnUsePoint button {border:0;border-radius:4px;background:var(--color1);color:#fff;line-height:3rem;height:3rem;width:60%;}
#boxPreUsePoint .btnUsePoint button#btnUsePointCancel {background:#999;width:38%;}
#boxPreUsePoint ul {margin-bottom:1rem;}
#boxPreUsePoint ul li {border-bottom:1px solid #ddd;}
#boxPreUsePoint ul li:last-child {border-bottom:0;}
#boxPreUsePoint ul li span,
#boxPreUsePoint ul li div {line-height:2.4rem;height:2.4rem;}
#boxPreUsePoint ul li div {width:60%;}
#boxPreUsePoint ul li span {display:block;width:40%;border-right:1px solid #ddd;}

/* ================================================
   상품 상세페이지 - 상단이미지
   ================================================ */
#boxProTop {padding:50px 0;}
#boxProTopimg {width:800px;height:500px;background-color:var(--color6);margin-right:60px;}
#boxProTopimg .swiper-container,
#boxProTopimg .swiper-container .swiper-wrapper,
#boxProTopimg .swiper-container .swiper-wrapper .swiper-slide {height:100%;}
#boxProTopimg .swiper-pagination {color:#fff;background:rgba(0,0,0,0.5);width:60px;padding:.5rem;border-radius:2rem;}
#boxProTopimg .swiper-pagination-fraction,
#boxProTopimg .swiper-pagination-custom,
#boxProTopimg .swiper-container-horizontal > .swiper-pagination-bullets {left:auto;right:0;}

/* ================================================
   상품 상세페이지 - 상품정보
   ================================================ */
#boxProTopInfo  {flex:1;}
#boxProData {position:relative;}
#boxProData .boxProDataTitle {line-height:1.6;font-weight:400;font-size:20px;color:#777;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #ddd;}
#boxProData .boxProDataTitle .name {font-size:28px;font-weight:600;color:#222;}
#boxProData .boxProDataTitle .summary {margin-top:10px;}
#boxProData .boxProDataContent {border-bottom:1px solid #ddd;padding-bottom:1.5rem;margin-bottom:1.5rem;}
#boxProData .boxProDataContent li {font-size:1.1rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:1.8;}
#boxProData .boxProDataContent li span {display:block;width:100px;}
#boxProData .boxProOrder .btnOrder,
#boxProData .boxProOrder .btnWish {border:1px solid var(--color1);text-align:center;line-height:3rem;}
#boxProData .boxProOrder .btnOrder {background:var(--color1);color:#fff;width:74%;}
#boxProData .boxProOrder .btnWish {background:#fff;color:var(--color1);width:25%;}

/* ================================================
   상품 상세페이지 - 오늘 주문시
   ================================================ */
#boxDelivery {background:#fbfbfb;padding:10px;margin-bottom:20px;}
#boxDelivery table {width:100%;border-spacing:0;border-collapse:collapse;}
#boxDelivery table tr:first-child td {border-bottom:1px solid #ddd;}
#boxDelivery table tr th,
#boxDelivery table tr td {padding:10px;font-weight:normal;font-size:16px;color:#777;}
#boxDelivery table tr td span {color:#000;}
#boxDelivery table tr td em {font-style:normal;color:#b81c10;font-family:'Noto Sans M';}
#boxDelivery table tr td {padding-left:15px;}

/* ================================================
   상품 상세페이지 - 가격정보
   ================================================ */
#boxProPrice {padding:1.5rem;}
#boxProPrice > .flexbox {font-weight:400;margin-bottom:.25rem;}
#boxProPrice > .flexbox > strong {font-size:1rem;color:var(--color2);margin-right:.25rem;}
#boxProPrice > .flexbox > .sale_price {font-size:1.15rem;font-weight:500;color:#333;letter-spacing:-1px;}
#boxProPrice > .flexbox > .sale_price > strong {display:inline-block;font-size:1.35rem;font-weight:700;}
#boxProPrice > .flexbox > .price {font-size:.9rem;color:#999;text-decoration:line-through;margin-left:.5rem;}
#boxProPrice .point_price {font-size:1.15rem;font-weight:500;margin-bottom:.25rem;color:var(--color2);letter-spacing:-.5px;}
#boxProPrice .point_price > strong > span {font-size:1.35rem;font-weight:700;}
#boxProPrice .point_price em {font-size:.8rem;font-weight:500;margin-left:.25rem;font-style:normal;position:relative;top:-3px;}
#boxProPrice .point_price > strong.blur,
#boxProPrice > .flexbox > .sale_price.blur,
#boxProPrice > .flexbox > .price.blur {text-shadow:rgb(204, 204, 204) 0px 0px 7px;color:transparent;user-select:none;}

/* ================================================
   상품 상세페이지 - 주문정보
   ================================================ */
#boxProOrder dl {cursor:pointer;width:100%;margin:0 auto;position:relative;box-sizing:border-box;}
#boxProOrder dl dt {border:1px solid #ddd;display:block;line-height:3rem;height:3rem;padding-left:1rem;position:relative;color:#999;}
#boxProOrder dl.required dt {border-color:var(--color5);background:var(--color6);}
#boxProOrder dl.required.chk dt {background:#fff;}
#boxProOrder dl:not(:first-of-type) dt,
#boxProOrder dl.required:not(:first-of-type) dt {border-top:0;}
#boxProOrder dl:first-of-type dt {border-top-left-radius:4px;border-top-right-radius:4px;}
#boxProOrder dl:last-of-type dt {border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
#boxProOrder dl dt span {display:inline-block;color:var(--color5);margin-right:.75rem;}
#boxProOrder dl dt i {position:absolute;top:0;right:1rem;line-height:3rem;}
#boxProOrder dl dd {display:none;box-sizing:border-box;}
#boxProOrder dl.on dd {display:block;border:1px solid #ddd;border-top:0;position:absolute;top:3rem;left:0;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;z-index:100;}
#boxProOrder dl.on.required dd {border-color:var(--color5);border-top:0;}
#boxProOrder dl.on dd div.item {color:var(--color5);line-height:1.5;padding:1rem;background:#fff;border-bottom:1px solid #ddd;font-size:.9rem;}
#boxProOrder dl.on dd div.item .itemSub {color:#666;}
#boxProOrder dl.on dd div.item .prc {color:#333;}
#boxProOrder dl.on dd div.item .prc strong {font-size:1.1rem;}
#boxProOrder dl.on dd div.item:last-of-type {border-bottom:0;}

#boxOrderList {width:100%;margin:1rem auto;}
#boxOrderList .selected-item {border-radius:4px;background:#f5f5f5;padding:.5rem 1rem 1rem 1rem;margin-top:.5rem;position:relative;}
#boxOrderList .selected-item span {border-bottom:1px solid #ddd;display:block;line-height:2.4rem;height:2.4rem;margin-bottom:1rem;}
#boxOrderList .selected-item span em {font-style:normal;margin-right:.5rem;color:var(--color5);}
#boxOrderList .selected-item i {position:absolute;top:1rem;right:1rem;}
#boxOrderList .selected-item strong {display:block;margin-top:.5rem;}

#boxDateHope {display:block;padding:.65rem 1rem;line-height:1.6;margin:0 auto 2rem auto;width:100%;cursor:pointer;border:1px solid var(--color5);background:var(--color6);border-radius:4px;}
#boxDateHope > .flexbox > span {display:block;}
#boxDateHope > .flexbox > span > em {font-style:normal;}
#boxDateHope > .flexbox > i {display:block;}
#boxDateHope.chk {border:1px solid #ddd;background:#FFF;border-radius:4px;}
#boxDateHope.chk > .flexbox > span > em {display:none;}
#boxDateHope {position:relative;}
#boxDateHope .date_hope {background:var(--color6);width:180px;border-radius:4px;margin-right:1rem;border:1px solid var(--color5);}
#boxDateHope .date_hope.chk {background:#fff;}
#boxDateHope .date_hope::placeholder {color:var(--color5);}
#boxDateHope .date_hope.chk::placeholder {color:#333;}
#boxDateHope #date_hope_txt {white-space:nowrap;color:var(--color5);}

#boxDateHopeDatepicker {position:relative;}
#boxDateHopePop #boxDateHopePop_time {width:100%;background:#fff;margin-top:1rem;line-height:3rem;height:3rem;border-radius:4px;margin-right:1rem;padding:0 1rem;border:1px solid #ddd;}
#boxDateHopePopBtn {border:0;background:var(--color1);color:#fff;margin-top:1rem;line-height:3rem;height:3rem;border-radius:4px;width:100%;}

#boxProOrderBtn {position:fixed;bottom:0;left:50%;max-width:720px;width:100%;transform:translateX(-50%);padding:.5rem .5rem .5rem 1rem;background:#fff;z-index:999;box-shadow:0 -1px 5px rgba(0,0,0,.1);}
#boxProOrderBtn #totalPrc {width:65%;}
#boxProOrderBtn #totalPrc strong {font-size:1.35rem;font-weight:700;letter-spacing:-1px;}
#boxProOrderBtn #totalPrc #btnOpenPoint {margin-left:.5rem;font-size:.9rem;display:inline-block;background:var(--color2);color:#fff;border-radius:4px;padding:5px;}
#boxProOrderBtn button {background:var(--color5);font-weight:600;color:#fff;line-height:3rem;height:3rem;border-radius:4px;width:35%;border:0;}

/* ================================================
   상품 상세페이지 - 탭
   ================================================ */
#boxProTab {transition:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;}
#boxProTab span {background:#fff;color:#777;cursor:pointer;display:block;line-height:4rem;height:4rem;text-align:center;padding:0 1.5rem;margin:0 1rem;font-size:1.15rem;font-weight:400;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
#boxProTab span.on {color:#222;border-bottom:3px solid var(--color2);}
#boxProTab span em {margin-left:.5rem;font-style:normal;position:relative;top:-3px;line-height:100%;background:var(--color2);color:#fff;font-size:.7rem;display:inline-block;padding:4px 6px;border-radius:50px;-webkit-border-radius:50px;}
#boxProTab.fixed {position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;z-index:1000;}
#boxProTabBlank {display:none;height:3rem;}
#boxProTabBlank.fixed {display:block;}

/* ================================================
   상품 상세페이지 - 상세이미지
   ================================================ */
#boxProDetail {padding:75px 0;}
#boxProDetailimg img {display:block;margin:0 auto;}

/* ================================================
   상품 상세페이지 - 식단표
   ================================================ */
#boxProFoodtable{padding:75px 0;}
#boxProFoodtable img {margin:0 auto;}

/* ================================================
   상품 상세페이지 - 식단표
   ================================================ */
#boxProHowto dl {border-bottom:1px dashed #ddd;padding:2rem 1.5rem;width:80%;margin:0 auto;}
#boxProHowto dl:last-child {border-bottom:0;}
#boxProHowto dl dt {line-height:2.2rem;font-size:1.2rem;display:inline-block;background:var(--color1);color:#fff;padding:0 .5rem;margin-bottom:1rem;}
#boxProHowto dl dd {line-height:2;}

/* ================================================
   상품 상세페이지 - 취소/환불
   ================================================ */
#boxProCancel {border-top:.5rem solid var(--color7);}
#boxProCancel .tit {line-height:4rem;height:4rem;padding:0 1.5rem;}
#boxProCancel .content {display:none;padding:0 1.5rem 1.5rem 1.5rem;line-height:1.4;font-size:.9rem;}
#boxProCancel .content.on {display:block;}
#boxProCancel .content .commonCancel {border-radius:4px;margin-bottom:1rem;background:#f5f5f5;padding:1rem;}
#boxProCancel .content dl {margin-bottom:.5rem;}
#boxProCancel .content dl dt,
#boxProCancel .content dl dd {display:block;}
#boxProCancel .content dl dt {width:20%;font-weight:500;color:var(--color5);}
#boxProCancel .content dl dd {width:80%;}

/* ================================================
   상품 상세페이지 - A/S
   ================================================ */
#boxProAS {border-top:.5rem solid var(--color7);}
#boxProAS .tit {line-height:4rem;height:4rem;padding:0 1.5rem;}
#boxProAS .content {display:none;padding:0 1.5rem 1.5rem 1.5rem;line-height:1.4;font-size:.9rem;}
#boxProAS .content.on {display:block;}
#boxProAS .content .commonAS {border-radius:4px;margin-bottom:1rem;background:#f5f5f5;padding:1rem;}
#boxProAS .content .partnerAS {padding:.5rem 1rem;}

/* ================================================
   상품 상세페이지 - 상품문의
   ================================================ */
#boxProQna {border-top:.5rem solid var(--color7);}
#boxProQna .tit {line-height:4rem;height:4rem;padding:0 1.5rem;}
#boxProQna .tit em {font-style:normal;color:var(--color5);margin-left:.5rem;}
#boxProQna .content {display:none;padding:0 1.5rem 1.5rem 1.5rem;}
#boxProQna .content.on {display:block;}
#boxProQna .content .boxQlist {border-bottom:1px solid #ddd;cursor:pointer;}
#boxProQna .content .boxQlist:last-child {border-bottom:0;}
#boxProQna .content .boxQlist dt {line-height:3rem;height:3rem;text-align:left;}
#boxProQna .content .boxQlist dt .QlistQuestion {display:block;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:.5rem;}
#boxProQna .content .boxQlist dt .QlistQuestion span {display:inline-block;color:var(--color5);margin-right:.5rem;}
#boxProQna .content .boxQlist dt .QlistQuestion em.answerOk {display:inline-block;background:var(--color5);color:#fff;font-style:normal;margin-right:.5rem;font-weight:500;padding:3px;border-radius:4px;font-size:.8rem;line-height:100%;}
#boxProQna .content .boxQlist dt em.qnaDate {display:block;font-style:normal;font-size:.9rem;color:#999;}
#boxProQna .content .boxQlist dd {display:none;}
#boxProQna .content .boxQlistContent {padding:1rem 0;font-size:.9rem;}
#boxProQna .content .boxQlistContent .info {margin-bottom:.5rem;}
#boxProQna .content .boxQlistContent .info strong span {display:inline-block;color:var(--color5);margin-right:.5rem;font-weight:500;}
#boxProQna .content .boxQlistContent .info strong em.answerOk {display:inline-block;background:var(--color5);color:#fff;font-style:normal;margin-right:.5rem;font-weight:500;padding:3px;border-radius:4px;font-size:.8rem;}
#boxProQna .content .boxQlistContent .info > em {color:#999;font-size:.8rem;font-style:normal;}
#boxProQna .content .boxQlistContent .answer {background:#f5f5f5;padding:1rem;margin-top:.5rem;border-radius:4px;}
#boxProQna .btnProQna {background:var(--color5);color:#fff;border-radius:4px;line-height:3rem;height:3rem;display:block;text-align:center;}

/* ================================================
   상품 상세페이지 - 상품문의 (글쓰기)
   ================================================ */


/* ================================================
   상품 상세페이지 - 고객리뷰
   ================================================ */
#boxProReview {padding:75px 0;}
#boxProReview .content {display:block;width:80%;margin:0 auto;}
#boxProReview .content .boxProReviewStar {border-radius:1rem;background:#f7f7f7;padding:1.5rem 0;text-align:center;}
#boxProReview .content .boxProReviewStar .reviewStar {width:45%;border-right:1px solid #ddd;}
#boxProReview .content .boxProReviewStar .reviewStar strong {display:block;font-size:2rem;font-weight:700;}
#boxProReview .content .boxProReviewStar .reviewStar .star {display:block;margin-top:.25rem;}
#boxProReview .content .boxProReviewStar .reviewStar .star i {margin:1px;color:var(--color2);}
#boxProReview .content .boxProReviewStar .reviewScore {padding:1rem;width:55%;}
#boxProReview .content .boxProReviewStar .reviewScore .score {font-size:.85rem;margin:.15rem 0;color:#999;}
#boxProReview .content .boxProReviewStar .reviewScore .score em {display:block;text-align:right;font-style:normal;width:20%;}
#boxProReview .content .boxProReviewStar .reviewScore .score em.txt {text-align:center;width:15%;font-weight:500;color:var(--color2);}
#boxProReview .content .boxProReviewStar .reviewScore .score div {display:block;border-radius:.5rem;overflow:hidden;background:#ccc;width:55%;height:8px;margin-left:.5rem;}
#boxProReview .content .boxProReviewStar .reviewScore .score div span {display:block;background:var(--color2);height:8px;border-radius:.5rem;}
#boxProReview .content .boxRlist {cursor:pointer;overflow:hidden;background:#fff;margin-top:2rem;position:relative;}
#boxProReview .content .boxRlist .boxRlistThumb {width:120px;flex-shrink:0;}
#boxProReview .content .boxRlist .boxRlistThumb img {width:100%;}
#boxProReview .content .boxRlist .boxRlistContent {width:calc(100% - 150px);}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistName {border-bottom:1px solid #ddd;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistName strong {font-size:1.1rem;line-height:3rem;font-weight:normal;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistName strong .datetime {color:#777;font-size:1rem;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistName strong .datetime i {margin-right:.25rem;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistName strong .star {display:inline-block;margin-right:1rem;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistName strong .star i {color:var(--color2);margin-left:2px;font-size:1rem;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistName strong em {display:block;width:1px;height:18px;margin:0 1rem;background:#ddd;font-style:normal;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistDetail {display:-webkit-box;font-size:1rem;padding:1rem 0;line-height:1.6;height:4rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistDetail img {display:none;margin-top:1rem;}
#boxProReview .content .boxRlist .boxRlistContent .boxRlistDetail .reply {display:none;}
#boxProReview .content .boxRlist.on .boxRlistContent .boxRlistDetail {display:block;-webkit-line-clamp:unset;-webkit-box-orient:horizontal;white-space:normal;height:auto;line-height:1.6;padding:2.5rem 0;}
#boxProReview .content .boxRlist.on .boxRlistContent .boxRlistDetail img {display:block;max-width:100%;}
#boxProReview .content .boxRlist.on .boxRlistContent .boxRlistDetail .reply {display:block;margin-top:1rem;background:var(--color2);color:#fff;padding:2rem;}

/* ================================================
   상품 상세페이지 - 판매자정보
   ================================================ */
#boxProSaller {border-top:.5rem solid var(--color7);}
#boxProSaller .tit {line-height:4rem;height:4rem;padding:0 1.5rem;}
#boxProSaller .tit em {font-style:normal;color:var(--color5);margin-left:.5rem;}
#boxProSaller .content {display:none;padding:0 1.5rem 1.5rem 1.5rem;}
#boxProSaller .content.on {display:block;}
#boxProSaller .content dl {font-size:.8rem;padding:.75rem 0;border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;}
#boxProSaller .content dl:last-child {border-bottom:0;}
#boxProSaller .content dl dt,
#boxProSaller .content dl dd {display:block;text-align:left;}
#boxProSaller .content dl dt {width:37%;}
#boxProSaller .content dl dd {width:63%;}

/* ================================================
   주문 - 장바구니, 견적상담, 찜목록 공통
   ================================================ */
#boxTopTab {padding:1rem 1rem 0 1rem;}
#boxTopTab a {border:1px solid var(--color5);border-right:0;line-height:3rem;height:3rem;text-align:center;display:block;flex:1;}
#boxTopTab a:first-child {border-top-left-radius:4px;border-bottom-left-radius:4px;}
#boxTopTab a:last-child {border-right:1px solid var(--color5);border-top-right-radius:4px;border-bottom-right-radius:4px;}
#boxTopTab a.on {background:var(--color5);color:#fff;}
#btnGoLogin {z-index:100;font-weight:500;border-radius:4px;background:var(--color5);color:#fff;position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);width:90%;margin:0 auto;max-width:680px;line-height:3.4rem;height:3.4rem;text-align:center;border:0;}

.cls-cart, .cls-wish {position:relative;}
.cls-cart::after, .cls-wish::after {display:block;content:attr(data-count);position:absolute;top:3px;right:3px;background:var(--color6);color:#fff;border-radius:.7rem;font-size:.7rem;width:1.4rem;height:1.4rem;line-height:1.4rem;font-family:'Montserrat';}
.cls-cart[data-count="0"]::after,
.cls-wish[data-count="0"]::after,
.cls-cart[data-count=""]::after,
.cls-wish[data-count=""]::after {display:none;}

/* ================================================
   주문 - 상품리스트
   ================================================ */
#boxItemData {position:relative;}
#boxItemData .item-data {padding:.5rem 1.5rem 1.5rem;}
#boxItemData .item-data.nobd {border-bottom:0;}
#boxItemData .item-data .item-category {border-bottom:1px solid #ddd;}
#boxItemData .item-data .item-category strong {display:block;position:relative;line-height:3rem;height:3rem;text-align:left;font-size:1.15rem;font-weight:600;}
#boxItemData .item-data .item-category span {display:block;color:#666;cursor:pointer;font-size:1rem;}
#boxItemData .item-data .item-category span i {margin-right:.25rem;}
#boxItemData .item-data .item-details {padding:1rem 0;line-height:1.6;font-size:1rem;}
#boxItemData .item-data .item-details .item-name {font-weight:500;font-size:1.15rem;}
#boxItemData .item-data .item-details .item-name strong {display:inline-block;font-size:1rem;}
#boxItemData .item-data .item-details .item-name span {display:inline-block;margin-left:.25rem;font-weight:400;color:#999;font-size:.9rem;text-decoration:line-through;}
#boxItemData .item-data .item-details .item-thumb {width:20%;max-width:70px;margin-right:1rem;}
#boxItemData .item-data .item-details .item-thumb .thumb {display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;}
#boxItemData .item-data .item-details .item-options {margin-top:1rem;}
#boxItemData .item-data .item-details .item-options .option {background:#f5f5f5;padding:1rem;border-radius:4px;margin-bottom:.25rem;font-size:1rem;}
#boxItemData .item-data .item-details .item-options .option .option-required {margin-right:.5rem;font-style:normal;color:var(--color5);display:block;}
#boxItemData .item-data .item-details .item-options .option .option-name .option-date {margin-left:.5rem;}
#boxItemData .item-data .item-details .item-options .option .option-price {font-size:.9rem;color:#666;}
#boxItemData .item-data .item-details .item-options .option .option-price .option-subname {display:inline-block;margin-right:.5rem;}
#boxItemData .item-data .item-details .item-button {margin:1rem auto;}
#boxItemData .item-data .item-details .item-button button {width:48%;border:1px solid #ccc;color:#333;line-height:2.4rem;height:2.4rem;font-size:.9rem;text-align:center;display:block;background:#fff;border-radius:4px;}
#boxItemData .item-data .item-details .item-button button.btnCartOrder {border:1px solid var(--color5);color:var(--color5);font-weight:600;}
#boxItemData .item-data .item-details .item-price {border-top:1px solid #333;padding:1rem 0;}
#boxItemData .item-data .item-details .item-price dl dt {color:#999;font-size:.9rem;}
#boxItemData .item-data .item-details .item-price dl dd {color:#3;font-size:1rem;}
#boxItemData .item-data .item-details .item-price dl dd.item-total {font-weight:500;}

/* ================================================
   주문 - 포인트 적용 레이어
   ================================================ */
#boxUsePointOverlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .55);z-index:999;}
#boxUsePointOverlay.block {display:block;}
#boxUsePoint {width:90%;max-width:600px;display:block;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:2rem;border-radius:1rem;z-index:1000;}
#boxUsePoint .tit em {font-style:normal;color:var(--color5);margin-left:.5rem;}
#boxUsePoint .content .myPoint {text-align:right;margin-top:1rem;}
#boxUsePoint .content .myPoint strong {color:var(--color5);}
#boxUsePoint .content .myPoint i {margin-left:.25rem;}
#boxUsePoint .content .myPointMaxPer {border-radius:4px;padding:.75rem;font-size:.9rem;background:#f5f5f5;margin-top:1rem;}
#boxUsePoint .content .boxUsepoint {position:relative;margin:1rem 0;}
#boxUsePoint .content .boxUsepoint .usepoint {border:1px solid #ddd;border-radius:4px;width:68%;line-height:3rem;height:3rem;color:var(--color5);font-weight:700;text-align:right;padding:0 1rem;}
#boxUsePoint .content .boxUsepoint::before {content:'사용';display:inline-block;position:absolute;left:1.5rem;top:0;line-height:3rem;height:3rem;}
#boxUsePoint .content .boxUsepoint button {width:30%;line-height:3rem;height:3rem;border-radius:4px;border:0;color:#fff;background:var(--color5);}
#boxUsePoint .content .boxUsepoint button.use {color:#999;background:#ddd;}
#boxUsePoint .btnUsePoint button {border:0;border-radius:4px;background:var(--color1);color:#fff;line-height:3rem;height:3rem;width:60%;}
#boxUsePoint .btnUsePoint button#btnUsePointCancel {background:#999;width:38%;}
#boxUsePoint ul {margin-bottom:1rem;}
#boxUsePoint ul li {border-bottom:1px solid #ddd;}
#boxUsePoint ul li:last-child {border-bottom:0;}
#boxUsePoint ul li span,
#boxUsePoint ul li div {line-height:2.4rem;height:2.4rem;}
#boxUsePoint ul li div {width:60%;}
#boxUsePoint ul li span {display:block;width:40%;border-right:1px solid #ddd;}

/* ================================================
   주문 - 주문완료
   ================================================ */
#boxOrderResult {padding:1.5rem;}
#boxOrderResult .completedTitle {text-align:center;line-height:1.25;font-size:2rem;color:var(--color5);padding:1rem 0 2rem 0;}
#boxOrderResult .completedTitle img {display:block;height:3.5rem;margin:0 auto .5rem auto;}
#boxOrderResult .completedContent {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#boxOrderResult .completedContent ul {border-bottom:1px dashed #ccc;padding:1rem 0;}
#boxOrderResult .completedContent ul:last-child {border-bottom:0;}
#boxOrderResult .completedContent li {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:space-between;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;}
#boxOrderResult .completedContent li span,
#boxOrderResult .completedContent li strong {display:block;line-height:2.4rem;height:2.4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxOrderResult .completedContent li strong {text-align:right;font-weight:500;}
#boxOrderResult .btnOrderList {background:var(--color5);color:#fff;line-height:3.4rem;height:3.4rem;display:block;margin:1rem auto 0 auto;text-align:center;font-size:1.15rem;border-radius:4px;}

/* ================================================
   주문 - 장바구니
   ================================================ */
#boxCart {position:relative;}
#boxCart .empty-cart {height:60vh;text-align:center;font-size:1.15rem;line-height:1.4;overflow:hidden;}
#boxCart .empty-cart .iconCart {display:block;height:125px;aspect-ratio:1 / 1;margin-bottom:1.5rem;}

#boxCart #boxCartTotal {z-index:100;padding:1rem;background:#111;color:#fff;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:720px;font-size:.8rem;}
#boxCart #boxCartTotal .flexbox strong.cart_total_price {font-size:1.15rem;}
#boxCart #btnCartTotalOrder {width:100%;background:var(--color2);color:#fff;border:0;margin-top:1rem;border-radius:4px;line-height:3rem;height:3rem;font-weight:500;}
#boxCart #boxCartTotalBlank {height:7rem;}

/* ================================================
   장바구니 상품정보 수정하기
   ================================================ */
#boxProAddData {padding:2rem 1.5rem 0 1.5rem;position:relative;}
#boxProAddData .thumb {display:block;width:22%;max-width:6rem;margin-right:1rem;aspect-ratio:1 / 1;border-radius:4px;}
#boxProAddData .cate {font-size:.9rem;font-weight:500;margin-bottom:.25rem;color:var(--color5);}
#boxProAddData .company {font-size:1.35rem;font-weight:700;margin-bottom:.25rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#boxProAddData .summary {font-size:.9rem;}
#boxProAddDataBlank {height:5rem;}

/* ================================================
   주문 - 관심상품
   ================================================ */
#boxWish {position:relative;padding:75px 0;}
#boxWish .wish-item {width:23%;background:#fff;margin-top:1rem;}
#boxWish .wish-item:nth-child(-n+4) {margin-top:0;}
#boxWish .wish-item .item-thumb {width:100%;aspect-ratio:1/1;display:block;}
#boxWish .wish-item .item-thumb img {display:block;width:100%;}
#boxWish .wish-item .item-name {padding:.5rem 1rem;}
#boxWish .wish-item .item-name strong {display:block;font-weight:500;font-size:1.15rem;line-height:1.4;}
#boxWish .wish-item .item-name button {border:0;background:transparent;color:#777;line-height:2.4rem;height:2.4rem;font-size:.9rem;text-align:center;display:block;background:#fff;border-radius:4px;}
#boxWish .wish-item .item-name button i {margin-right:.25rem;}
#boxWish .empty-wish {height:50vh;text-align:center;font-size:1.15rem;line-height:1.4;overflow:hidden;}

/* ================================================
   주문/결제 페이지
   ================================================ */
#boxOrderData {padding:30px 0;overflow:visible;}
#boxOrderData input[type='text'],
#boxOrderData input[type='number'],
#boxOrderData input[type='password'],
#boxOrderData select,
#boxOrderData button,
#boxOrderData textarea {border:1px solid #ddd;line-height:3rem;height:3rem;font-size:1rem;width:100%;padding:0 1rem;}
#boxOrderData textarea {line-height:1.5;padding:1rem;height:6rem;}
#boxOrderData .boxOrderDataLeft {flex:1;padding:30px;border-right:1px solid #ddd;}
#boxOrderData .boxOrderDataLeft h2 {display:block;border-bottom:1px solid #333;font-size:1.35rem;padding-bottom:1rem;font-weight:500;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub {margin-top:2.5rem;position:relative;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub h3 {display:block;font-size:1.15rem;padding-bottom:.5rem;font-weight:500;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .address_selection span {display:block;line-height:3rem;padding:0 1rem;border:1px solid #ddd;margin-right:.35rem;cursor:pointer;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .address_selection span.on {color:#fff;border:1px solid var(--color1);background:var(--color1);}
#boxOrderData .boxOrderDataLeft .flexbox .boxPaymentAddressSub {width:49%;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .recipient-info input {width:100%;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .recipient-zipcode input[type='number'] {width:120px;text-align:center;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .recipient-zipcode button {width:100px;border:1px solid #333;background:#333;color:#fff;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .recipient-zipcode input[type='text'] {flex:1;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .recipient-addr {margin-top:.35rem;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .shipping_method span {display:block;line-height:3rem;padding:0 1rem;border:1px solid #ddd;margin-right:.35rem;cursor:pointer;}
#boxOrderData .boxOrderDataLeft .boxPaymentAddressSub .shipping_method span.on {color:#fff;border:1px solid var(--color1);background:var(--color1);}
#boxOrderData .boxOrderDataLeft #boxPaymentSchedule {border-top:1px solid #333;margin-top:2.5rem;}
#boxOrderData .boxOrderDataLeft #boxPaymentSchedule .boxPaymentScheduleTitle {line-height:4rem;}
#boxOrderData .boxOrderDataLeft #boxPaymentSchedule .boxPaymentScheduleTitle strong {font-size:1.15rem;font-weight:500;}
#boxOrderData .boxOrderDataLeft #boxPaymentSchedule .boxPaymentScheduleTitle span {display:block;color:var(--color2);}
#boxOrderData .boxOrderDataRight {width:340px;padding:30px;position:sticky;height:fit-content;top:0;}
#boxOrderData .boxOrderDataRight h2 {display:block;border-bottom:1px solid #333;font-size:1.35rem;padding-bottom:1rem;font-weight:500;}
#boxOrderData .boxOrderDataRight .boxOrderDataRightSub {margin-top:2.5rem;}
#boxOrderData .boxOrderDataRight .boxOrderDataRightSub > h3 {display:block;font-size:1.15rem;padding-bottom:.5rem;font-weight:500;}
#boxOrderData .boxOrderDataRight .boxOrderDataRightSub > p {display:block;font-size:.9rem;font-weight:400;margin-bottom:1rem;}
#boxOrderData .boxOrderDataRight button.btnOrderConfirm {font-size:1.15rem;height:3.4rem;margin-top:.5rem;margin-bottom:.5rem;background:var(--color1);color:#fff;border:0;}
#boxOrderData .boxOrderDataRight button.btnOrderCancel {font-size:1.15rem;height:3.4rem;background:#fff;border:1px solid #ddd;color:#777;}

/* ================================================
   주문/결제 - 배송지 선택 (팝업)
   ================================================ */
#boxAddress {background:#fff;padding:2.5rem;width:90%;max-width:1000px;margin:0 auto;position:relative;overflow-y:auto;}
#boxAddress .mfp-close {font-size:3rem;}
#boxAddress .address-list {display:grid;gap:0;width:100%;}  
#boxAddress .address-row {display:grid;grid-template-columns:1fr 3fr 1fr;gap:0;align-items:center;text-align:center;border-bottom:1px solid #ddd;border-top:0;}  
#boxAddress .address-row:first-child {border-top:1px solid #ddd;}
#boxAddress .address-row .col {padding:1rem;gap:0;border-left:1px solid #ddd;}
#boxAddress .address-row .col:first-child {border-left:0;}
#boxAddress .address-row .col.address {text-align:left;}
#boxAddress .address-row .col.address > div {margin-bottom:.5rem;}
#boxAddress .address-row .col.address > i {margin-right:.5rem;}
#boxAddress .address-row .col .set-default {display:block;border:0;background:var(--color5);color:#fff;line-height:1.4rem;padding:0 .25rem;font-size:.8rem;border-radius:4px;margin:0 auto .5rem auto;}
#boxAddress .address-row .col .set-default.on {background:var(--color2);color:#fff;}
#boxAddress .address-row .col .sel_address,
#boxAddress .address-row .col .del_address {display:inline-block;background:var(--color4);color:#777;border:1px solid #ddd;border-radius:4px;height:2rem;line-height:2rem;padding:0 .5rem;}
#boxAddress .address-row .col .sel_address {background:var(--color3);color:#222;border:0;}
#boxAddress .address-row .col .sel_address:hover {background:var(--color2);color:#fff;}

/* ================================================
   주문/결제 - 배송지 선택 (페이지)
   ================================================ */
#boxMyAdress {padding:75px 0;}
#boxMyAdress table {border-spacing:0;border-collapse:collapse;width:100%;border-top:2px solid #333;border-bottom:1px solid #333;}  
#boxMyAdress table tr th.boxMyAdress_chk {width:130px;}
#boxMyAdress table tr th.boxMyAdress_name {width:140px;}
#boxMyAdress table tr th.boxMyAdress_delivery {width:auto;}
#boxMyAdress table tr th.boxMyAdress_date {width:150px;}
#boxMyAdress table tr th,
#boxMyAdress table tr td {padding:1rem .5rem;border-bottom:1px solid #ddd;text-align:center;line-height:1.5;}
#boxMyAdress table tr td.left {text-align:left;}
#boxMyAdress table tr:last-child td {border-bottom:0;}
#boxMyAdress table tr th {font-weight:normal;background:#f9f9f9;}
#boxMyAdress table tr td .set-default {display:block;border:0;background:var(--color5);color:#fff;line-height:1.4rem;padding:0 .25rem;font-size:.9rem;border-radius:4px;margin:0 auto .5rem auto;}
#boxMyAdress table tr td .set-default.on {background:var(--color2);color:#fff;}
#boxMyAdress table tr td i {margin-right:.5rem;}
#boxMyAdress table tr td .sel_address,
#boxMyAdress table tr td .del_address {display:inline-block;background:var(--color4);color:#777;border:1px solid #ddd;border-radius:4px;height:2rem;line-height:2rem;padding:0 .5rem;margin-left:.5rem;}
#boxMyAdress table tr td .sel_address {background:var(--color3);color:#222;border:0;}
#boxMyAdress table tr td .sel_address:hover {background:var(--color2);color:#fff;}
#boxMyAdress table tr td.empty {padding:5rem 0;}
#boxMyAdress a.btnWriteAddress i {margin-right:.5rem;}

/* ================================================
   게시판(배송지) 글쓰기
   ================================================ */
#boxPageAddressWrite {padding:2.5rem 0;}
#boxPageAddressWrite dl {margin-bottom:1.5rem;}
#boxPageAddressWrite dl dt {display:block;color:#999;font-size:.9rem;margin-bottom:.5rem;}
#boxPageAddressWrite dl dd button,
#boxPageAddressWrite dl dd input[type='text'],
#boxPageAddressWrite dl dd input[type='tel'],
#boxPageAddressWrite dl dd input[type='number'],
#boxPageAddressWrite dl dd select {background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;line-height:3rem;height:3rem;color:#333;padding:0 .5rem;}
#boxPageAddressWrite .btnWrite {display:block;border-radius:4px;font-size:1.15rem;width:100%;line-height:4rem;height:4rem;background:var(--color1);color:#fff;border:0;}
#boxPageAddressWrite .recipient-zipcode input[type='number'] {width:120px;text-align:center;}
#boxPageAddressWrite .recipient-zipcode button {width:100px;border:1px solid #333;background:#333;color:#fff;margin:0 .5rem;}
#boxPageAddressWrite .recipient-zipcode input[type='text'] {flex:1;}
#boxPageAddressWrite .recipient-addr {margin-top:.35rem;}
#boxPageAddressWrite .shipping_method span {display:block;line-height:3rem;padding:0 1rem;border:1px solid #ddd;margin-right:.35rem;cursor:pointer;}
#boxPageAddressWrite .shipping_method span.on {color:#fff;border:1px solid var(--color1);background:var(--color1);}
#boxPageAddressWrite .flexbox50 > dl {width:49%;}

/* ================================================
   주문/결제 - 결제상세
   ================================================ */
#boxOrderTotal {border:1px solid #333;padding:.25rem 1rem;}
#boxOrderTotal .boxOrderTotalSub {border-bottom:1px solid #ddd;color:#777;font-size:.9rem;padding:.75rem 0;}
#boxOrderTotal .boxOrderTotalPrice {color:#222;padding:.75rem 0;font-size:1.1rem;}
#boxOrderTotal .boxOrderTotalPrice > strong {display:block;text-align:right;font-weight:normal;margin-bottom:.5rem;}
#boxOrderTotal .boxOrderTotalPrice .boxOrderTotalPriceSub strong {font-size:1.5rem;display:inline-block;color:var(--color6);}

/* ================================================
   주문/결제 - 결제상세 추가 상품 영역
   ================================================ */
#AddProductSubSelectedList > div {margin-bottom:.75rem;}
#AddProductSubSelectedList > div:last-child {margin-bottom:0;} 

/* ================================================
   주문/결제 - 식단 주문 옵션
   ================================================ */
#boxMenuSet > label {display:block;background:#efefef;padding:1px 1px 1px 2.5rem;margin:1px 0;line-height:3rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;box-shadow:inset 0 0 0 1px #ddd;}
#boxMenuSet input[type="radio"]:checked + label {background:#dbebe1;box-shadow:inset 0 0 0 1px var(--color1),0 0 1px var(--color1);}
#boxMenuSet input[type="radio"]:disabled + label {color:#aaa;cursor:not-allowed;}
#boxMenuSet > .magic-radio + label:before {left:.65rem;background:transparent;}
#boxMenuSet > .magic-radio + label:after {top:20px;left:16px;}

/* ================================================
   주문/결제 - 식단 수령일 선택 달력
   ================================================ */
#boxCalendar table {border-spacing:0;border-collapse:collapse;width:100%;table-layout:fixed;}
#boxCalendar table tr th,
#boxCalendar table tr td {text-align:center;font-weight:normal;font-size:1.1rem;padding:1.5rem 0;}
#boxCalendar table tr th {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#boxCalendar table tr td.day {color:#777;}
#boxCalendar table tr td.day div.holidayText:not(:empty) {margin-top:0.25rem;}
#boxCalendar table tr td.available {cursor:pointer;background:var(--color3);}
#boxCalendar table tr td.selectedDay {cursor:pointer;background:var(--color1);color:#fff;}
#boxCalendar table tr td.delivery_holiday {cursor:pointer;background:#ffecec;color:#bc153b;}

/* ================================================
   달력 더보기 버튼
   ================================================ */
#btnMoreDate {border:1px solid #ddd;background:#fff;margin:1rem auto .5rem auto;line-height:3.4rem;text-align:center;cursor:pointer;}
#btnMoreDate:hover {background:var(--color3);}

/* ================================================
   밥국죽김치 추가하기 버튼
   ================================================ */
#btnAddCarte {display:block;border:0;background:var(--color1);color:#fff;margin:0 auto 1rem auto;line-height:3.6rem;text-align:center;cursor:pointer;}
#btnAddCarte:hover {background:var(--color6);}

/* ================================================
   밥국죽김치 추가하기 버튼
   ================================================ */
#AddProduct {background:#fff;padding:2.5rem 2.5rem 6rem 2.5rem;width:90%;max-width:1000px;margin:0 auto;position:relative;border-radius:1rem;}
#AddProduct h2 {display:block;font-size:1.5rem;border-bottom:1px solid #222;font-weight:500;padding-bottom:1rem;margin-bottom:1.5rem;}
#AddProduct table {border-spacing:0;border-collapse:collapse;width:100%;}
#AddProduct table tr th,
#AddProduct table tr td {padding:.5rem .25rem;font-weight:normal;font-size:1.15rem;}
#AddProduct table tr td select {width:100%;border:1px solid #ddd;line-height:3rem;height:3rem;padding-left:1rem;}
#AddProduct .AddProductSub {border-top:1px solid #ddd;margin-top:1.5rem;}
#AddProduct .AddProductSub .AddProductSubLeft {line-height:1.5;color:#777;margin-top:1.5rem;}
#AddProduct .AddProductSub .AddProductSubLeft i {margin-right:.5rem;}
#AddProduct .AddProductSub .AddProductSubRight .AddProductSubSelected {padding:1rem 0;}
#AddProduct .AddProductSub .AddProductSubRight .AddProductSubSelected > div {line-height:2rem;text-align:right;}
#AddProduct .AddProductSub .AddProductSubRight .AddProductSubSelected > div i {margin-left:.5rem;cursor:pointer;}
#AddProduct .boxBtnAddProduct {position:absolute;bottom:0;left:0;width:100%;}
#AddProduct .boxBtnAddProduct button {border:0;height:3.4rem;text-align:center;cursor:pointer;font-size:1.15rem;}
#AddProduct .boxBtnAddProduct .popClose {flex:1;background:#ddd;color:#333;}
#AddProduct .boxBtnAddProduct .popClose i {margin-right:.25rem;}
#AddProduct .boxBtnAddProduct .btnAddProduct {width:70%;display:none;background:var(--color1);color:#fff;}
#AddProduct .boxBtnAddProduct .btnAddProduct span {color:var(--color3);}

/* ================================================
   주문/결제 - 결제수단
   ================================================ */
#boxPaymentCase {margin-top:3rem;}
#boxPaymentCase .content {padding:1.5rem 0;}
#boxPaymentCase .content .btnPaymentCaseEmpty {display:block;width:33.3333%;}
#boxPaymentCase .content .btnPaymentCase {display:block;width:33.3333%;font-size:1.1rem;border:1px solid #ddd;border-top:0;border-left:0;line-height:4rem;height:4rem;text-align:left;padding-left:1.5rem;background:#fff;}
#boxPaymentCase .content .btnPaymentCase i {margin-right:.75rem;color:#999;}
#boxPaymentCase .content .btnPaymentCase:nth-child(-n+3) {border-top:1px solid #ddd;}
#boxPaymentCase .content .btnPaymentCase:nth-child(3n-2) {border-left:1px solid #ddd;}
#boxPaymentCase .content .btnPaymentCase.on {border:0;background:var(--color1);color:#fff;}

/* ================================================
   주문/결제 - 마일리지 사용
   ================================================ */
#boxOrderData {display:flex;min-height:100vh;}
#boxOrderData .boxOrderDataLeft .boxPaymentPoint h3 {display:block;font-size:1.15rem;padding-bottom:.5rem;font-weight:500;margin-top:1rem;}
#boxOrderData .boxOrderDataLeft .boxPaymentPoint .boxPaymentPointSub {font-size:1rem;}
#boxOrderData .boxOrderDataLeft .boxPaymentPoint .boxPaymentPointSub > div input[type='text'] {width:120px;text-align:center;margin:0 .5rem;}

/* ================================================
   주문/결제 - 기피식품
   ================================================ */
#boxOrderData .boxOrderDataLeft .boxAvoid h3 {display:block;font-size:1.15rem;padding-bottom:.5rem;font-weight:500;margin-top:2.5rem;}
#boxOrderData .boxOrderDataLeft .boxAvoid .boxAvoidSub {font-size:1rem;}
#boxOrderData .boxOrderDataLeft .boxAvoid .boxAvoidSub textarea {height:100px;}
#boxOrderData .boxOrderDataLeft .boxAvoid .boxAvoidSub .boxAvoidText {line-height:1.5;color:#777;margin-top:1.5rem;}
#boxOrderData .boxOrderDataLeft .boxAvoid .boxAvoidSub .boxAvoidText i {margin-right:.5rem;}

/* ================================================
   주문/결제 - 구매 유의사항
   ================================================ */
#boxOrderData .boxOrderDataLeft .boxGuide h3 {display:block;font-size:1.15rem;padding-bottom:.5rem;font-weight:500;margin-top:2.5rem;}
#boxOrderData .boxOrderDataLeft .boxGuide .boxGuideSub {font-size:1rem;}
#boxOrderData .boxOrderDataLeft .boxGuide .boxGuideSub .boxGuideText {line-height:1.5;color:#777;}
#boxOrderData .boxOrderDataLeft .boxGuide .boxGuideSub .boxGuideText i {margin-right:.5rem;}

/* ================================================
   주문/결제 - 주문상품
   ================================================ */
#boxPaymentOrder .tit {line-height:4rem;height:4rem;padding:0 1.5rem;}
#boxPaymentOrder .tit em {font-style:normal;color:var(--color5);margin-left:.5rem;}
#boxPaymentOrder .content {display:none;}
#boxPaymentOrder .content.on {display:block;}
#boxPaymentOrder .empty-cart {height:60vh;text-align:center;font-size:1.15rem;line-height:1.4;overflow:hidden;}
#boxPaymentOrder .empty-cart .iconCart {display:block;height:125px;aspect-ratio:1 / 1;margin-bottom:1.5rem;}

/* ================================================
   주문/결제 - 결제상세
   ================================================ */
#boxPaymentSummary .tit {line-height:4rem;height:4rem;padding:0 1.5rem;}
#boxPaymentSummary .content {display:none;padding:0 1.5rem .5rem 1.5rem;}
#boxPaymentSummary .content.on {display:block;}
#boxPaymentSummary .content dl {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#boxPaymentSummary .content dl dt,
#boxPaymentSummary .content dl dd {display:block;line-height:2rem;height:2rem;flex:1;}
#boxPaymentSummary .content dl dd {text-align:right;}
#boxPaymentSummary .content dl.total {padding:0 1.5rem;margin:1rem auto;border-radius:4px;background:var(--color6);}
#boxPaymentSummary .content dl.total dt,
#boxPaymentSummary .content dl.total dd {font-size:1rem;font-weight:500;line-height:3rem;height:3rem;}
#boxPaymentSummary .content dl.total dd span {font-size:1.15rem;font-weight:600;}

/* ================================================
   주문/결제 - 약관동의
   ================================================ */
#boxOrderAgree {padding:2rem 0 1.5rem 0;}
#boxOrderAgree .boxOrderAgreeSub {margin-bottom:.75rem;}
#boxOrderAgree .boxOrderAgreeSub:last-child {margin-bottom: 0;}
#boxOrderAgree .boxOrderAgreeSubAll {border-bottom:1px solid #ddd;padding-bottom:.75rem;}

/* ================================================
   주문/결제 - 결제버튼
   ================================================ */
#btnPay {background:var(--color1);color:#fff;font-weight:600;border:0;border-radius:4px;position:fixed;left:50%;transform:translateX(-50%);bottom:.5rem;width:94%;max-width:680px;line-height:3.4rem;height:3.4rem;font-size:1.15rem;}
#btnPayBlank {display:block;height:4rem;}

/* ================================================
   MY - 시공완료 (시공사진)
   ================================================ */
#boxCompletedPhoto {}
#boxCompletedPhoto .tit {line-height:4rem;height:4rem;padding:0 1.5rem;}
#boxCompletedPhoto .content {display:none;padding:0 1.5rem 1.5rem 1.5rem;}
#boxCompletedPhoto .content.on {display:block;}
#boxCompletedPhotoSub .thumb {margin-bottom:.5rem;}
#boxCompletedMessage {margin-bottom:1rem;padding-bottom:1rem;font-size:1rem;border-bottom:1px dashed #ddd;}
#btnCompletedConfirm {position:fixed;text-align:center;bottom:1rem;width:90%;max-width:700px;border-radius:.5rem;line-height:3rem;height:3rem;font-size:1rem;color:#fff;background:var(--color5);z-index:1000;left:50%;transform:translateX(-50%);border:0;}

/* ================================================
   마이페이지 - 내 주문내역
   ================================================ */
#boxOdStatus {padding:0 1rem;border-bottom:1px solid #ddd;}
#boxOdStatus a {display:block;margin:0 .25rem;letter-spacing:-.5px;font-size:.9rem;color:#999;border-bottom:3px solid transparent;line-height:2.5rem;height:2.5rem;}
#boxOdStatus a.on {color:var(--color2);border-bottom:3px solid var(--color2);font-weight:600;}

#boxOrderlist .orderContent {display:block;background:#fff;}
#boxOrderlist .orderContent .orderContent_status {border-bottom:1px solid #eee;padding:0 1rem;}
#boxOrderlist .orderContent .orderContent_status span {display:block;line-height:3rem;height:3rem;font-weight:600;}
#boxOrderlist .orderContent .orderContent_status span.datetime {color:#999;font-size:.8rem;font-weight:400;}
#boxOrderlist .orderContent .orderContent_product {padding:1rem;border-bottom:1px solid var(--color7);}
#boxOrderlist .orderContent .orderContent_product .proThumb {width:20%;}
#boxOrderlist .orderContent .orderContent_product .proThumb span {display:block;border-radius:4px;overflow:hidden;width:100%;aspect-ratio:1 / 1;}
#boxOrderlist .orderContent .orderContent_product .proInfo {width:80%;padding-left:1rem;}
#boxOrderlist .orderContent .orderContent_product .proInfo > strong {font-size:1rem;margin-bottom:3px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxOrderlist .orderContent .orderContent_product .proInfo > strong > span {display:block;font-weight:600;font-size:.9rem;margin:.25rem 0;}
#boxOrderlist .orderContent .orderContent_product .proInfo ul li {font-size:.8rem;color:#555;}
#boxOrderlist .orderContent .orderContent_payment {padding:0 1rem;line-height:3rem;}
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnPayment,
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnOrderCancel,
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnOrderOk,
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnOrderReview,
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnPaymentCancel {display:block;font-size:.9rem;border:1px solid var(--color2);color:var(--color2);border-radius:1.2rem;padding:0 1rem;background:#fff;height:2rem;margin-right:.25rem;}
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnOrderCancel,
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnPaymentCancel {border:1px solid #999;color:#555;}
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnPaymentCancel span {color:var(--color5);padding-left:.5rem;}
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnOrderReview,
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnOrderOk {line-height:2rem;}
#boxOrderlist .orderContent .orderContent_payment .boxBtnPayment .btnOrderReview {border:1px solid var(--color5);color:var(--color5);}
#boxOrderlist .orderContent .orderContent_payment .total_price {text-align:right;font-size:.8rem;}
#boxOrderlist .orderContent .orderContent_payment .total_price strong {display:inline-block;font-weight:600;font-size:1rem;}
#boxOrderlist .orderContent .orderContent_cancel_date {font-size:.8rem;background:var(--color2);color:#fff;line-height:1.8rem;text-align:center;}

/* ================================================
   마이페이지 - 비밀번호 변경
   ================================================ */
#boxMyModify {padding:2rem;}
#boxMyModify .boxMyModifySub {margin:1.5rem 0;padding:2.5rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#boxMyModify dl {margin-bottom:1rem;}
#boxMyModify dl dt {display:block;margin-bottom:.5rem;}
#boxMyModify dl dd input[type='text'],
#boxMyModify dl dd input[type='email'],
#boxMyModify dl dd input[type='password'],
#boxMyModify dl dd .mb_apt_complex {width:100%;line-height:3rem;height:3rem;border:1px solid #ddd;border-radius:4px;padding:0 1rem;}
#boxMyModify dl dd label {margin-right:1rem;display:inline-block;}
#boxMyModify dl dd input.apt_type,
#boxMyModify dl dd input.apt_dong,
#boxMyModify dl dd input.apt_ho {width:40%;}
#boxMyModify #mb_idx_result {padding:1rem;color:var(--color2);}
#boxMyModify #mb_idx_result:empty {display: none;}

/* ================================================
   마이페이지 - 회원탈퇴
   ================================================ */
#boxMyLeave {padding:2rem;font-size:1rem;}
#boxMyLeave dl {margin-top:1rem;}
#boxMyLeave dl dt {display:block;margin-bottom:.5rem;}
#boxMyLeave dl dd input[type='password'],
#boxMyLeave textarea {width:100%;line-height:3rem;height:3rem;border:1px solid #ddd;border-radius:4px;padding:0 1rem;}
#boxMyLeave textarea {line-height:1.4;height:5.6rem;padding:1rem;margin-top:1rem;}
#boxMyLeave .member_leave_terms {line-height:1.4;overflow-y:auto;margin-bottom:1rem;}
#boxMyLeave .member_leave_terms > strong {display:block;font-size:1.25rem;font-weight:500;border-bottom:1px solid #ddd;padding:1rem 0;line-height:1.6;}
#boxMyLeave .member_leave_terms > strong > p {font-size:1rem;display:block;font-weight:400;color:var(--color5);}
#boxMyLeave .member_leave_terms .terms {padding:1rem 1rem 1rem 2rem;}
#boxMyLeave .member_leave_terms .terms ul {list-style-type:disc;}
#boxMyLeave .member_leave_terms .terms ul li {padding:.25rem 0;}
#boxMyLeave .member_leave_reason {padding:.5rem 1.5rem 1rem 1.5rem;background:var(--color4);border-radius:4px;}
#boxMyLeave .member_leave_reason textarea {background:transparent;}
#boxMyLeave .member_leave_reason dt {margin-bottom:1rem;color:var(--color5);}
#boxMyLeave .member_leave_reason label {display:block;width:100%;margin-bottom:.5rem;}
#boxMyLeave label[for="agreeLeave"] {margin:1.5rem 0 2rem 0;}

/* ================================================
   탭 메뉴
   ================================================ */
#boxTab a {display:block;text-align:center;line-height:3rem;height:3rem;flex:1;border:1px solid #ddd;border-left:0;background:#f5f5f5;font-size:.9rem;}
#boxTab a:last-child {border-right:0;}
#boxTab a.on {border-bottom:1px solid transparent;background:#fff;font-size:1.1rem;}

/* ================================================
   이용후기 리스트
   ================================================ */
#boxPageReview {padding:75px 0;}
#boxPageReview .boxRlist {cursor:pointer;overflow:hidden;background:#fff;margin-top:2rem;position:relative;}
#boxPageReview .boxRlist .boxRlistThumb {width:120px;flex-shrink:0;}
#boxPageReview .boxRlist .boxRlistThumb img {width:100%;}
#boxPageReview .boxRlist .boxRlistContent {width:calc(100% - 150px);}
#boxPageReview .boxRlist .boxRlistContent .boxRlistName {border-bottom:1px solid #ddd;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistName strong {font-size:1.1rem;line-height:3rem;font-weight:normal;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistName strong .datetime {color:#777;font-size:1rem;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistName strong .datetime i {margin-right:.25rem;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistName strong .star {display:inline-block;margin-right:1rem;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistName strong .star i {color:var(--color2);margin-left:2px;font-size:1rem;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistName strong em {display:block;width:1px;height:18px;margin:0 1rem;background:#ddd;font-style:normal;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistDetail {display:-webkit-box;font-size:1rem;padding:1rem 0;line-height:1.6;height:4rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistDetail img {display:none;margin-top:1rem;}
#boxPageReview .boxRlist .boxRlistContent .boxRlistDetail .reply {display:none;}
#boxPageReview .boxRlist.on .boxRlistContent .boxRlistDetail {display:block;-webkit-line-clamp:unset;-webkit-box-orient:horizontal;white-space:normal;height:auto;line-height:1.6;padding:2.5rem 0;}
#boxPageReview .boxRlist.on .boxRlistContent .boxRlistDetail img {display:block;max-width:100%;}
#boxPageReview .boxRlist.on .boxRlistContent .boxRlistDetail .reply {display:block;margin-top:1rem;background:var(--color2);color:#fff;padding:2rem;}
#boxPageReview .empty {height:50vh;text-align:center;font-size:1.15rem;line-height:1.4;overflow:hidden;}

/* ================================================
   갤러리 리스트
   ================================================ */
#boxPageGallery {padding:75px 0;}
#boxPageGallery a.pGallery {width:32%;display:block;overflow:hidden;margin-top:1.5rem;}
#boxPageGallery a.pGallery:nth-child(-n+3) {margin-top:0;}
#boxPageGallery a.pGallery .pGalleryImg {width:100%;height:0;padding-top:100%;aspect-ratio:1 / 1;border-radius:.5rem;}
#boxPageGallery a.pGallery .pGalleryContent {padding:.75rem 1rem;display:block;font-size:1.15rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ================================================
   이벤트 리스트
   ================================================ */
#boxPageEvent {padding:75px 0;}
#boxPageEvent a.pEvent {display:block;overflow:hidden;width:32%;margin-top:1.5rem;}
#boxPageEvent a.pEvent:nth-child(-n+3) {margin-top:0;}
#boxPageEvent a.pEvent .pEventImg {width:100%;aspect-ratio:1 / 1;}
#boxPageEvent a.pEvent .pEventContent {padding:1rem;}
#boxPageEvent a.pEvent .pEventContent strong {display:block;font-size:1.15rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ================================================
   이용방법 리스트
   ================================================ */
#boxPageTips {padding:75px 0;}
#boxPageTips a.pTips {display:block;overflow:hidden;width:32%;margin-top:1.5rem;}
#boxPageTips a.pTips:nth-child(-n+3) {margin-top:0;}
#boxPageTips a.pTips .pTipsImg {width:100%;aspect-ratio:1 / 1;}
#boxPageTips a.pTips .pTipsContent {padding:1rem;background:var(--color1);color:#fff;font-size:1.15rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ================================================
   게시판(공지사항, 1:1문의) 리스트
   ================================================ */
#boxPageList {padding:75px 0;}

.boxPageList_total {color:#777;font-size:1rem;padding:1rem 0;}
.boxPageList_total strong {font-family:'Oswald', sans-serif;font-size:1.5rem;color:#333;font-weight:600;}
.boxPageList_total em {width:1px;height:12px;background:#ddd;margin:0 1rem;}
.boxPageList_total span {font-weight:bold;} 
.boxPageList_total a {display:inline-block;line-height:2.4rem;background:var(--color2);color:#fff;padding:0 1rem;cursor:pointer;margin-left:1rem;border-radius:4px;}
.boxPageList_total a.btnWriteQna i {margin-right:.5rem;}

.icNew {display:inline-block;margin-right:.5rem;background:var(--color2);color:#fff;height:1.6rem;line-height:1.6rem;font-size:.9rem;padding:0 .5rem;border-radius:1rem;}

/* ================================================
   게시판(1:1문의) 글쓰기
   ================================================ */
#boxPageWrite {padding:75px 0;}

/* ================================================
   약관 클래스
   ================================================ */
.boxTerms {width:80%;margin:0 auto;line-height:1.8;font-size:1.1rem;}
.boxTerms h2 {font-size:1.75rem;font-weight:bold;margin-top:2.5rem;border-top:1px solid #ddd;padding-top:4rem;color:#333;}
.boxTerms h3 {font-size:1.5rem;font-weight:bold;margin:2.5rem 0 0 0;color:#333;}
.boxTerms h2:first-child {margin-top:0;padding-top:0;border-top:0;}
.boxTerms ul {list-style-type:disc;margin-left:20px;margin-bottom:10px;}
.boxTerms li {display:list-item;margin-bottom:5px;}

/* ================================================
   기본 테이블 - 목록
   ================================================ */
.listBasic {width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #333;border-bottom:1px solid #333;}
.listBasic tr th,
.listBasic tr td {border-bottom:1px solid #ddd;text-align:center;font-weight:normal;}
.listBasic tr:last-child td {border-bottom:0;}
.listBasic tr th {font-size:12px;line-height:2rem;}
.listBasic tr td {font-size:1rem;line-height:3rem;padding:.5rem 0;}
.listBasic tr .listBasic_no {width:100px;}
.listBasic tr .listBasic_cate {width:130px;}
.listBasic tr td.listBasic_cate {color:var(--color1);}
.listBasic tr .listBasic_date {width:150px;}
.listBasic tr .listBasic_status {width:120px;}
.listBasic tr td.listBasic_status {width:120px;color:var(--color5);}
.listBasic tr td.listBasic_status span {color:var(--color2);}
.listBasic tr td a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;}

/* ================================================
   글쓰기
   ================================================ */
#boxWrite {padding:1.5rem;}
#boxWrite dl {margin-bottom:1.5rem;}
#boxWrite dl dt {display:block;color:#999;font-size:.9rem;margin-bottom:.5rem;}
#boxWrite dl dd textarea,
#boxWrite dl dd input[type='text'],
#boxWrite dl dd input[type='tel'],
#boxWrite dl dd input[type='number'],
#boxWrite dl dd select {background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;line-height:3rem;height:3rem;color:#333;padding:0 .5rem;}
#boxWrite dl dd textarea {padding:1rem;line-height:1.4;height:13.2rem;}
#boxWrite .btnWrite {display:block;border-radius:4px;font-size:1.15rem;width:100%;line-height:4rem;height:4rem;background:var(--color1);color:#fff;border:0;}

/* ================================================
   글보기
   ================================================ */
#boxView {padding:75px 0;font-size:1rem;line-height:1.8;}
#boxView .boxViewHead {padding:0 1.5rem;margin-bottom:1rem;}
#boxView .boxViewHead .subject {font-size:1.25rem;text-align:left;}
#boxView .boxViewHead .star i {color:#FEDC56;margin-left:3px;font-size:1.15rem;}
#boxView .boxViewHead .dateitme {color:#999;font-size:.9rem;margin-top:.5rem;}
#boxView .boxViewBody {border-bottom:1px solid #ddd;}
#boxView .content {padding:2rem 1.5rem;font-size:1.15rem;}
#boxView .question {padding:2rem 1.5rem;border-bottom:1px solid #ddd;}
#boxView .question.no {text-align:center;}
#boxView .question.no i {display:block;margin:1rem auto;font-size:2rem;color:#555;}
#boxView  a.image,
#boxView  img {display:block;max-width:100%;height:auto;margin:0 auto;}
#boxView .boxPrevNext {margin-top:75px;}
#boxView .boxPrevNext a {display:block;border-top:1px solid #ddd;line-height:3.4rem;height:3.4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#boxView .boxPrevNext a span {display:inline-block;width:5rem;text-align:center;color:#999;}
#boxView .btnList {display:block;background:#333;border:0;color:#fff;line-height:3.4rem;height:3.4rem;margin:2rem auto;width:50%;text-align:center;}
#boxView .boxViewImage {margin-top:1rem;}

/* ================================================
   레이아웃 - 버튼
   ================================================ */
#btnConfirm {margin:2.5rem auto 3rem auto;}
#btnConfirm input,
#btnConfirm button,
#btnConfirm a {border:1px solid #ddd; display:block;text-align:center;line-height:3.4rem;height:3.4rem;font-size:1.15rem;background:#fff;border-radius:4px;font-weight:400;cursor:pointer;}
#btnConfirm input,
#btnConfirm button {background:var(--color5);}
#btnConfirm .btnSubmit {background:var(--color1);color:#fff;width:70%;margin-right:.75rem;border:0;}
#btnConfirm .btnCancel {flex:1;}

/* ================================================
   좌측 메뉴
   ================================================ */
/* 좌측 메뉴 - 주요메뉴 */
#boxLeftMenuTop {padding:1.5rem 1rem 0 1rem;}
#boxLeftMenuTop .btnLeftMenuMy {display:block;line-height:1.2;font-size:1.15rem;padding:0 .5rem;}
#boxLeftMenuTop .btnLeftMenuMy strong {font-weight:600;}
#boxLeftMenuTop .btnLeftMenuMy i {margin-left:.5rem;}
#boxLeftMenuTop .boxLeftMenuTopIcon {padding:1.5rem 0 1rem 0;font-size:.9rem;}
#boxLeftMenuTop .boxLeftMenuTopIcon a {width:25%;text-align:center;margin-bottom:1rem;}
#boxLeftMenuTop .boxLeftMenuTopIcon a span {width:75%;max-width:5rem;aspect-ratio:1 / 1;display:block;border:1px solid #ddd;border-radius:30%;margin:0 auto .5rem auto;}

/* 좌측 메뉴 - 전화상담 */
#boxBtnTellink {padding:0 1rem 1.5rem 1rem;}
#boxBtnTellink .btnTellink {display:block;background:#f0f3fa;border-radius:.5rem;padding:1rem;}
#boxBtnTellink .btnTellink span,
#boxBtnTellink .btnTellink strong,
#boxBtnTellink .btnTellink em {display:block;}
#boxBtnTellink .btnTellink strong {font-size:2rem;margin:.5rem 0;}
#boxBtnTellink .btnTellink span {font-weight:500;}
#boxBtnTellink .btnTellink em {font-style:normal;font-size:1rem;line-height:1.4;}
@media (min-width:720px) {
		#boxBtnTellink .btnTellink {padding:1.5rem;}
}

/* 좌측 메뉴 - 카테고리 */
#boxLeftMenuIcon {padding:1.5rem 1rem;background:#f7fbfc;}
#boxLeftMenuIcon > strong.title {display:block;line-height:1.2;font-size:1.15rem;padding-left:.5rem;}
#boxLeftMenuIcon .boxLeftMenuIconSub {border:1px solid #f2f2f2;margin-bottom:1rem;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 1px rgba(0, 0, 0, 0.05);}
#boxLeftMenuIcon .boxLeftMenuIconSub .tit {background:#f1f4f9;line-height:2.4rem;height:2.4rem;padding:0 1rem;font-weight:500;}
#boxLeftMenuIcon .boxLeftMenuIconSub .con {background:#fff;padding:1rem;}
#boxLeftMenuIcon .boxLeftMenuIconSub .con a {width:50%;margin-top:.5rem;font-size:.9rem;}
#boxLeftMenuIcon .boxLeftMenuIconSub .con a:nth-child(-n+2) {margin-top:0;}
#boxLeftMenuIcon .boxLeftMenuIconSub .con a .cimg {width:2rem;aspect-ratio:1 / 1;border:1px solid #ddd;border-radius:.5rem;margin-right:.5rem;}
@media (min-width:720px) {
		#boxLeftMenuIcon > strong.title {line-height:1.4;font-size:1.35rem;padding-left:.75rem;}
		#boxLeftMenuIcon .boxLeftMenuIconSub .tit {line-height:3rem;height:3rem;padding:0 1.5rem;}
		#boxLeftMenuIcon .boxLeftMenuIconSub .con {padding:1.5rem;}
		#boxLeftMenuIcon .boxLeftMenuIconSub .con a {margin-top:.75rem;font-size:1rem;}
		#boxLeftMenuIcon .boxLeftMenuIconSub .con a .cimg {width:2.5rem;margin-right:.75rem;}
}