html {font-size: 10px; height: 100%;}
body { margin: 0; font-size: 1.4rem; min-width: 343px; height: 100%; font-family:'SCDream,sans-serif'; font-weight: 400; }

/* header */
.divWrapper {position: relative; width: 100%; min-height: 100vh; padding-top: 5rem; box-sizing: border-box; overflow-x: hidden;}
.inner {padding: 0 1rem; box-sizing: border-box;}
.header {position: absolute; width: 100%; height: 5rem; top: 0; left: 0;}
.header .inner {height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .leftH {display: flex; align-items: center; gap: 0.7rem;}
.header .leftH .menubtn {background: transparent; border: 0; cursor: pointer;}
.header .leftH .menubtn img {width: 2.2rem;}
.header .leftH h1 a{font-size: 2.5rem; font-weight: 600; color:#333e4f;}
.header .rightH {display: flex; align-items: center; gap: 0.7rem;}
.header .search img {width: 2.5rem;}
.header .shpping img {width: 1.9rem;}
.header .alert img {width: 2.1rem; padding-left:3px;}
.menuW {position: absolute; z-index: 99; top: 0; left: -100%; width: 95%; box-shadow: 6px 0 14px rgba(0,0,0,0.35); border-radius: 0 2rem 0 0; transition: all 0.4s;}
.menuW.on {left: 0; width:70%; min-width: 70%}
.menuW .menuH {background: #cb535f; border-radius: 0 2rem 0 0;}
.menuW .menuH .menuT {padding: 1.5rem 0.6rem; box-sizing: border-box; border-bottom: 1px solid #ececfe; }
.menuW .menuH .menuT .iconW {display: flex; align-items: center;}
.menuW .menuH .menuT {display: flex; justify-content: space-between; align-items: center; }
.menuW .menuH .menuT .home img {width: 2.5rem;}
.menuW .menuH .menuT .search2 img {width: 2rem; margin-left: 1.2rem;}
.menuW .menuH .menuT .close img {width: 1.7rem;}
.menuW .menuH .menuBtm {display: flex; align-items: center; gap: 2rem; padding: 1.5rem 0.6rem; box-sizing: border-box;}
.menuW .menuH .menuBtm img {width: 3.3rem;}
.menuW .menuH .menuBtm p {font-size: 1.2rem; color: #ffffff;}
.menuB {background: #fff; height: calc(100vh - 11.4rem); overflow-y: auto;}
.menuB .menu_List > li {margin-top: 4rem;}
.menuB .menu_List .menu1 {display: block; font-size: 2rem; color: #cc6666; font-weight: 600; padding-bottom: 1.5rem; border-bottom: 2px solid #cb535f;}
.menuB .menu_Sub > li {margin-top: 1.2rem;}
.menuB .menu_Sub > li > a {display: block; font-size: 1.5rem; font-weight: 400; color: #333333;}
/* header end*/

/* footer */
.footer { margin-top: 3rem; background: #cb535f; padding: 4rem 0; width: 100%; height: 17rem; bottom: 0; position: absolute;}
.footer h2.logo {font-size: 2rem; font-weight: 600; color:#333e4f;}
.footer .top_footer {margin-bottom: 1.5rem;}
.footer .top_footer > p {font-size: 1.5rem; color: #fff; font-weight: 600; margin-bottom: 1rem;}
.footer .top_footer > address {font-size: 1.4rem; line-height: 1.2; font-weight: 300; margin-bottom: 1rem; color: #fff;}
.footer .top_footer > ul {display: flex; gap: 1rem; flex-wrap: wrap;}
.footer .top_footer > ul > li {display: flex; color: #fff; gap: 0.3rem;}
.footer .top_footer > ul > li > span {font-weight: 500; opacity: 0.9;}
.footer .top_footer > ul > li > p {font-size: 300; opacity: 0.9;}
.footer .mid_footer {margin-bottom: 1.5rem;}
.footer .mid_footer > ul {display: flex; flex-wrap: wrap; gap: 2rem; padding: 1rem 0; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15);}
.footer .mid_footer > ul > li > a {text-decoration: none; font-size: 1.4rem; color: #fff; opacity: 0.9;}
.footer .btm_footer {display: flex; align-items: center; gap: 1.5rem;}
.footer .btm_footer > img {width: 14rem;}
.footer .btm_footer > p {color: #fff; opacity: 0.5; font-weight: 300; line-height: 1.2;}
.footer .btm_footer > p > span {font-weight: 500;}

@media screen and (max-width: 400px) {
.footer .btm_footer {display: block;}
.footer .btm_footer > p {width: 100%; margin-top: 1rem;}
}
/* footer end*/


/* 농산코너 */
.tabW {margin-bottom: 1.3rem;}
.tabW > ul {display: flex; border-bottom: 1px solid #333e4f; padding: 0 1rem;}
.tabW > ul > li {flex: 1;}
.tabW > ul > li > a {position: relative; display: block; text-align: center; padding: 1.5rem 0.2rem; color: #333e4f; font-weight: 600; width: 100%; height: 100%; box-sizing: border-box;}
.tabW > ul > li > a.on::before {content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 0.2rem; background: #cb535f;}
.tabW > ul > li > a.on {color: #c04f5b;}
.Agr_Corner .Agr_bg {margin-bottom: 1.5rem;}
.Agr_Corner .Agr_bg img {width: 100%;}
.Agr_List > li:not(:last-child) {margin-bottom: 0.85rem;}
.Agr_List > li > a {position: relative; display: flex; border: 3px solid #3d7428; border-radius: 5px;}
.Agr_List > li > a:before {content: ''; position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; width: 99.3%; height: 98%; background: transparent; border: 2px solid #fff; border-radius: 5px;}
.Agr_List > li > a > div {width: 50%; min-height: 14rem;}
.Agr_BoxL {display: flex; justify-content: center; align-items: center; position: relative;}
.Agr_BoxL img {width: 12.5rem;}
.Agr_BoxL > p {position: absolute; width: 100%; bottom: 1.1rem; left: 50%; transform: translateX(-50%); font-size: 2rem; color: #3e7228; text-align: center; font-weight: 600; text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;}
.Agr_BoxR {position: relative; background: #417b2c; padding: 1rem; box-sizing: border-box;}
.Agr_BoxR > ul {position: relative; z-index: 2; display: flex; height: 100%; flex-direction: column; text-align: right; gap: 0.5rem;}
.Agr_BoxR > P {font-weight: 600; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; font-size: 2.8rem; color: #4d8538; text-align: center;}
.Agr_BoxR > P > span:first-child {position: relative; bottom: 1.7rem;}
.Agr_BoxR > P > span:last-child {position: relative; bottom: -0.5rem;}
.Agr_BoxR > ul > li {position: relative; flex: 1;}
.Agr_BoxR > ul > li.tit {font-size: 2rem; color: #fff; font-weight: 600;}
.Agr_BoxR > ul > li.Count {font-size: 2rem; color: #fff; font-weight: 500;}
.Agr_BoxR > ul > li.cost {font-size: 2rem; color: #112d07; font-weight: 500; opacity: 0.6; text-decoration: line-through;}
.Agr_BoxR > ul > li.price {font-size: 2rem; color: #fff; font-weight: 600;}
.Agr_BoxR > ul > li.price > span {font-size: 2.5rem;}

/* 금주의 전단 */
.shearTit {margin-bottom: 2.5rem; text-align: center;}
.shearTit h2 {font-size: 1.5rem; color: #c04f5b;  font-weight: 600; display: inline-block; position: relative; padding: 1.3rem 0; box-sizing: border-box; line-height: 1;}
.shearTit h2::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 9rem; height: 2px; background: #cb535f;}
.shearZoom {text-align: center; margin-bottom: 2rem;}
.shearZoom > span {display: inline-block; width: 22.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; border: 1px solid #c04f5b; border-radius: 1.3rem; color: #c04f5b; font-weight: 600; }
.shearCon:not(:last-child) {margin-bottom: 1.3rem;}
.shearW img {width: 100%;}


/* Login */
.LoginW {padding: 4rem 0 30rem 0; box-sizing: border-box;}
.form_inner {padding: 0 2.5rem; box-sizing: border-box;}
.loginTit {position: relative; margin-bottom: 2.5rem;}
.loginTit .back_Btn {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.loginTit .back_Btn img {width: 2.2rem;}
.loginTit h2 {font-size: 2rem; color: #333e4f; font-weight: 500; text-align: center;}
.login_Form {margin-bottom: 8rem;}
.login_Form .logbox {text-align: center;}
.login_Form .logbox + .logbox {margin-top: 1rem;}  
.login_Form .logbox input {width: 100%; height: 4rem; border-radius: 0.5rem; box-sizing: border-box; border: 1px solid #666666; padding-left: 2.5rem; font-family: 'SCDream,sans-serif';}
.login_Form .logbox input::placeholder {font-size: 1.5rem; color: #999999;  font-weight: 400;}
.login_Form .btn_login { display: flex; justify-content: space-between; column-gap: 1rem; }
.log_Btn {display: block; margin: 1rem auto 0 auto; width: 100%; height: 4rem; line-height: 4rem; text-align: center; font-size: 1.6rem; background: #c04f5b; color: #fff; font-weight: 600; border-radius: 0.5rem;}
.form_List {display: flex; justify-content: center; margin-top: 2.5rem;}
.form_List > li {position: relative;}
.form_List > li > a {color: #333e4f;}
.form_List > li + li {margin-left: 1.6rem; padding-left: 1.6rem;}
.form_List > li + li::before {content: ''; position: absolute; left: 0; top: 0; width: 0.1rem; height: 1.3rem; background: #666666;}
.snsBtnW > a {display: block; width: 100%; max-width: 50rem; text-align: center; margin: 0 auto; height: 4rem; line-height: 4rem; font-size: 1.8rem; font-weight: 500; border-radius: 0.5rem;}
.snsBtnW > a.naver_Btn {background: #68b557; margin-bottom: 1rem; color: #fff;}
.snsBtnW > a.kakao_Btn {background: #e9d55c; color: #321f20;}
.snsBtnW > a.naver_Btn img {width: 3.2rem;}
.snsBtnW > a.kakao_Btn img {width: 2.5rem;}
.snsBtnW .imgwrap {display: inline-block; width: 3.2rem; margin-right: 0.2rem;}
.menu_grid {margin-bottom: 2rem;}
.menu_grid ul {display: flex ; flex-wrap: wrap; grid-gap: 0.7rem;}
.menu_grid ul > li {width: 23%; /*border-radius: 1.2rem; box-sizing: border-box; border-top: 0;*/}
/*.menu_grid ul > li:nth-child(-n+4) { border-bottom: 2px solid #cccccc; }*/
/*.menu_grid ul > li:nth-child(4n + 1) {border-left: 1px solid #cccccc;}*/
/*.menu_grid ul > li + li {border-left: 0;}*/
.menu_grid ul > li > a {display: flex; justify-content: center; align-items: center; text-align: center; line-height: 270%; color: #333333; border-bottom: 2px solid #cccccc; padding-top: 3px;}
.view_Tab {margin-bottom: 1.4rem;}
.view_Tab > ul {display: flex; gap: 0.75rem; padding: 0 1rem;}
.view_Tab > ul > li {flex: 1;}
.view_Tab > ul > li > a {display: block; text-align: center; height: 3.5rem; line-height: 3.5rem; border-radius: 2.3rem; border: 1px solid #333333; color: #999999; box-sizing: border-box;}
.view_Tab > ul > li > a > span {position: relative; display: inline-block; padding-left: 1.5rem;}
.view_Tab > ul > li > a > span::before {content: ''; position: absolute; top: 10px; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center;}
.view_Tab > ul > li > a.grid > span::before {width: 1.2rem; height: 1.2rem; background-image: url('../image/viewIcon1.png');}
.view_Tab > ul > li.on > a.grid > span::before {background-image: url('../image/viewIcon1on.png');}
.view_Tab > ul > li > a.banner > span::before {width: 1.2rem; height: 1.2rem; background-image: url('../image/viewIcon2.png');}
.view_Tab > ul > li.on > a.banner > span::before {background-image: url('../image/viewIcon2on.png');}
.view_Tab > ul > li > a.list > span::before {width: 1.2rem; height: 1.2rem; background-image: url('../image/viewIcon3.png');}
.view_Tab > ul > li.on > a.list > span::before {background-image: url('../image/viewIcon3on.png');}
.view_Tab > ul > li.on > a  { box-shadow: 0 0 0 1px #c04f5b inset; color: #c04f5b; border: 1px solid #c04f5b;}
@media screen and (max-width: 500px) {
.form_inner {padding: 0 1rem;}
}



/* 쇼핑하기_기본형 그리드*/
.viewCon { max-width: 100%; padding-bottom: 35rem; right: 0;}
.viewCon.grid .grid1 { display: grid; grid-template-columns: 49% 49%; gap: 1rem 1rem; }
.viewCon.grid .viewList > li { height: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2); box-sizing: border-box; border-radius: 1rem; padding: 0; align-items: center;}
.viewCon .viewList > li .imgW { margin-bottom: 1.5rem; box-sizing: border-box; border-radius: 1rem 1rem 0 0;}
.viewCon .viewList > li .imgW svg { background-size: contain; background-repeat: no-repeat; background-position: center; padding:unset; position:relative; border-radius: 1rem 1rem 0 0;}
.viewCon .viewList > li .textW { padding: 0 1rem 0 1rem;}
.viewCon .viewList > li .textW strong.tit {display: block; font-size: 1.4rem; color: #333333; font-weight: 500; letter-spacing: -0.7px; margin-bottom: 0.5rem;}
.viewCon .viewList > li .textW span.eq {display: block; font-size: 1rem; color: #999999; font-weight: 300; margin-bottom: 1.5rem; letter-spacing: -0.7px;}
.viewCon .viewList > li .textW .priceW {margin-bottom: 1.3rem;}
.viewCon .viewList > li .textW .priceW p.price {flex-shrink: 0; font-size: 2rem; color: #333333; font-weight: 600; letter-spacing: -0.7px;}
.viewCon .viewList > li .textW .priceW span.buy {display: inline-block; flex-shrink: 0; padding: 0 0.2rem; height: 2rem; text-align: center; line-height: 2rem; font-weight: 600; color: #c04f5b; border: 2px solid #c04f5b; border-radius: 1rem; font-size: 1.2rem;}
.viewCon .viewList > li .textW .priceW p.price > span.mini_eq {font-size: 1rem; color: #999999; font-weight: 600;}
.viewCon.grid .viewList > li button.cart { width: 100%; height: 4rem; line-height: 4rem; background: #c04f5b; border-radius: 0.5rem; color: #fff; font-weight: 600; font-size: 1.5rem; margin-bottom: 1rem; }


/*@media screen and (max-width: 380px) {
.viewCon.grid .viewList > li .imgW {padding: 0 0.5rem;}
.viewCon.grid .viewList > li .imgW img {width: 100%;}
}*/


/* 쇼핑하기_배너보기*/
.viewCon.banner .grid2 { display: grid; grid-template-columns: 100%; grid-template-rows: auto; row-gap: 1.2rem; }
.viewCon.banner .viewList > li { height: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.2); box-sizing: border-box; border-radius: 1rem; padding: 0; align-items: center;}
.viewCon.banner .ViewList > li .imgW svg { background-size: contain; background-repeat: no-repeat; background-position: center; padding:unset; position:relative; border-radius: 1rem 1rem 0 0;}
.viewCon.banner .viewList > li .textW { padding: 0 1rem 0 1rem; }
.viewCon.banner .viewList > li .textW .priceW span.buy {position: absolute; top: -0.5rem; right: 0;}
.viewCon.banner .viewList > li button.cart { width: 100%; height: 4rem; line-height: 4rem; background: #c04f5b; border-radius: 0.5rem; color: #fff; font-weight: 600; font-size: 1.5rem; margin-bottom: 2.5%; }


/* 쇼핑하기_리스트*/
.viewCon .grid3 { display: grid; grid-template-columns: 100%; row-gap: 1.2rem; width: 100%}
.viewCon.list .viewList > li { display: flex; flex-direction: row; justify-content: left; max-width: 75rem; height: 15rem; max-height: 15rem; box-shadow: 0 0 10px rgba(0,0,0,0.2); box-sizing: border-box; border-radius: 1rem; padding: 0; align-items: left; vertical-align: middle;}
.viewCon.list .viewList > li .imgW { width: 15rem; max-height: 15rem; box-sizing: border-box; border-radius: 1rem 0 0 1rem; }
.viewCon.list .viewList > li .imgW svg { min-height: 15rem; max-height: 15rem; background-size: contain; background-repeat: no-repeat; background-position: center; padding:unset; position:relative; border-radius: 1rem 0 0 1rem;}
.viewCon.list .viewList > li .listWcon { width: 100%; max-width: 75rem; height: 15rem; max-height: 15rem; }
.viewCon.list .viewList > li .textW { width: 100%; min-width: 1rem; max-width: 85rem; padding: 1.5rem 1.3rem 0 1.5rem; box-sizing: border-box;}
.viewCon.list .viewList > li .textW .blinds { width: calc(100% - 15rem); overflow: hidden; text-overflow: hidden; white-space: nowrap;}
.viewCon.list .viewList > li .textW .priceW span.buy { max-width: 50rem; left: 0; top: 0;}
.viewCon.list .viewList > li .textW .cart { width: calc(100% - 15rem); height: 4rem; min-width: 1rem; max-width: 75rem; line-height: 4rem; background: #c04f5b; border-radius: 0.5rem; color: #fff; font-weight: 600; font-size: 1.5rem; margin-bottom: 1rem; }


/* 메인화면_오늘할인중 */
.mainVisual img {width: 100%;}
.timesaleCon {padding: 1.7rem 0 0 0; box-sizing: border-box;}
.timeSale {overflow: hidden;}
.timesaleS {position: relative; padding-bottom: 5.8rem; box-sizing: border-box;}
.timeSale .timesaleBox {display: flex; width: 100%; padding: 0 1.5rem 0 2.4rem; box-sizing: border-box; align-items: center;}
.timeSale .timesaleBox .textW {flex: 1;}
.timeSale .timesaleBox .textW strong {display: block; font-size: 2.3rem; color:#333e4f; font-weight:600; margin-bottom: 0.5rem;}
.timeSale .timesaleBox .textW span {display: block; font-size: 1.6rem; color: #333e4f; font-weight: 500; margin-bottom: 1.5rem;}
.timeSale .timesaleBox .textW p {display: block; color: #333e4f;}
.timeSale .timesaleBox .imgW {width: 10rem; height: 10rem; flex-shrink: 0;}
.timeSale .timesaleBox .imgW img {width: 100%; height: 100%;}
.timeSale .swiper-pagination {bottom: 3rem;}
.timeSale .swiper-pagination-bullet {opacity: 1; background: #d9d1cf;}
.timeSale .swiper-pagination-bullet-active {background: #666666;}
@media screen and (max-width: 450px) {
.timeSale .timesaleBox {padding: 0;}
}
.saleTab > ul {display: flex; gap: 2rem; padding: 0 0.5rem; margin-bottom: 1.5rem;}
.saleTab > ul > li {flex: 1;}
.saleTab > ul > li > a {transition: all 0.4s; display: block; text-align: center; background: #ececec; padding: 1rem 0; box-sizing: border-box; border-radius: 0.5rem; color: #333e4f; font-size: 1.6rem; font-weight: 600;}
.saleTab > ul > li.on > a {background: #333e4f; color: #ececec;}
.saleList > li + li {margin-top: 1.5rem;}
.saleList > li .imgW {position: relative; display: flex; justify-content: center; border-radius: 1rem; box-shadow: 0 0 15px rgba(0,0,0,0.3); align-items: center; background: #ececec; width: 100%; padding: 2rem; box-sizing: border-box;}
.saleList > li .imgW img {width: 17rem;}
.saleList > li .imgW .more {position: absolute; z-index: 2; bottom: 1rem; right: 1rem;}
.saleList > li .imgW .more img {width: 5.3rem;}
.saleList > li .textW {position: relative; padding: 1.35rem 0;}
.saleList > li .textW strong {display: block; font-size: 1.6rem; color: #333333; font-weight: 600; margin-bottom: 0.5rem;}
.saleList > li .textW span.sale_price {font-size: 2rem; color: #cccccc; font-size: 1.3rem; text-decoration: line-through; display: block; margin-bottom: 0.3rem; font-weight: 500;}
.saleList > li .textW p.price {font-size: 1.8rem; color: #333333; margin-bottom: 1.5rem; font-weight: 600;}
.saleList > li .textW span.buy {font-size: 1.4rem; color: #cccccc; font-weight: 500;}
.saleList > li .textW span.rest {position: absolute; top: 1.35rem; right: 0; width: 9rem; height: 2.5rem; text-align: center; line-height: 2.5rem; border-radius: 1.2rem; box-sizing: border-box; background: #c04f5b; color: #fff;  font-weight: 600;}

/* 메인화면_상품 상세설명 */
.detailCon {  padding-bottom: 30rem;}
.detail_ItemW {margin-bottom: 1rem;}
.detail_ItemW .imgW {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; /*padding: 6rem 2rem;*/ box-sizing: border-box; }
.detail_ItemW .imgW img { width: 100%; }
.detail_ItemW .detail_back {position: absolute; top: 1rem; left: 1rem;}
.detail_ItemW .detail_back img {width: 5rem;}
.detail_ItemW .detail_btm {padding: 1.5rem 0; box-sizing: border-box; background: #fff;} 
.detail_ItemW .textW strong.detailTit {display: block; font-size: 2rem; color: #333333; margin-bottom: 0.8rem; font-weight: 600;}
.detail_ItemW .textW span.detailg {display: block; font-size: 1.4rem; color: #999999; margin-bottom: 2.5rem;}
.detail_ItemW .txalign {display: flex; margin-bottom: 1.2rem; justify-content: space-between; align-items: center;}
.detail_ItemW .textW span.detail_buy {display: inline-block; padding: 0 1rem; text-align: center; height: 2.5rem; border-radius: 1.2rem; line-height: 2.5rem; border: 2px solid #c04f5b; font-size: 1.4rem; font-weight: 500; color: #c04f5b;}
.detail_ItemW .textW span.detail_price {font-size: 2.6rem; color: #333333; font-weight: 600;}
.detail_ItemW .detail_cartBtn {width: 100%; height: 5rem; text-align: center; background: #c04f5b; color: #fff; font-weight: 600; font-size: 2.5rem; border-radius: 0.5rem;}

.detailS {background: #fff; padding: 20px 10px 20px 0; box-sizing: border-box; margin-bottom: 1rem;}
.detailS h2 {font-size: 1.8rem; color: #333333; margin-bottom: 2rem; font-weight: 600;}
.detailBoxS { width: 100%; border-right: #d8d8d8 solid 1px;}
.detailS .swiper-slide { display: inline-block; width: 15rem; }
.detailS .swiper-slide + .swiper-slide {margin-left: 1.5rem;} 
.detailBoxS .imgW {display: flex; justify-content: center; align-items: center; padding: 2.5rem 0; margin-bottom: 1.2rem;}
.detailBoxS .imgW img {width: 12rem;}
.detailBoxS .textW strong.tit {font-size: 1.6rem; color: #333333; display: block; margin-bottom: 0.5rem; font-weight: 500;}
.detailBoxS .textW span.eqg {font-size: 1.4rem; color: #999999; display: block; margin-bottom: 1.2rem;}
.detailBoxS .textW .flexW {display: flex; justify-content: space-between; align-items: center;}
.detailBoxS .textW .flexW span.price {flex-shrink: 0; font-size: 1.7rem; color: #333333; font-weight: 500;}
.detailBoxS .textW .flexW span.buy {display: inline-block; padding: 0 1rem; border: 2px solid #c04f5b; line-height: 1.7rem; text-align: center; border-radius: 1rem; height: 2rem; color: #c04f5b; font-size: 1.2rem; box-sizing: border-box;}

.detail_Scrip {background: #fff;}
.detailScript > div > div:not(:last-child) {margin-bottom: 5rem;}
.detail_Tab {display: flex; padding-top: 1rem; box-sizing: border-box; margin-bottom: 2.5rem;}
.detail_Tab > li {flex: 1;}
.detail_Tab > li > a {display: block; text-align: center; height: 2.5rem; line-height: 2.5rem; color: #cccccc; border: 1px solid #cccccc; transition: all 0.2s; border-bottom: 2px solid #c04f5b;}
.detail_Tab > li.on > a {border: 2px solid #c04f5b; color: #c04f5b; font-weight: 500;}  
.detail_Tab > li.on > a {border-bottom: 0;}  
.detail_Tab > li + li > a {border-left: 0;}
.detail_Tab > li:first-child > a {border-left: 0;}
.detail_Tab > li:last-child > a {border-right: 0;} 
.detailScript h2 {font-size: 1.6rem; color:  #333333; font-weight: 600; padding-bottom: 0.7rem; box-sizing: border-box; margin-bottom: 2rem; border-bottom: 1px solid #333333;}
.informationTable {text-align: left; line-height: 1.2; color: #333333;}
.informationTable th {padding-bottom: 1.5rem;}
.informationTable td {padding-left: 0.5rem; padding-bottom: 1.5rem;}

.shopingIn_box:not(:last-child) {margin-bottom: 3.5rem;}
.shopingIn_box h3 {font-size: 1.5rem; color: #333333; margin-bottom: 1rem; font-weight: 500;}
.shoppingTabeBox {background: #ededed; padding: 1.5rem 1rem; box-sizing: border-box;}
.shoppingTabeBox table {width: 100%; text-align: left; line-height: 1.3; color: #333333;}
.shoppingTabeBox table th {padding-bottom: 3rem; font-weight: 500;}
.shoppingTabeBox table td {padding-bottom: 3rem;}
.refund_Box > ul > li {line-height: 1.3;}
.refund_Box > ul > li + li {margin-top: 2rem;}

@media screen and (min-width: 768px) {
.divWrapper {width: 768px; margin: 0 auto; }
.header {width: 768px; left: 50%; transform: translateX(-50%);}
.menuW {width: 60%;}
}

/* 회원가입 */
.join_topW {display: flex; background: #f5f5f5; border-radius: 0.5rem; margin-bottom: 3.5rem; justify-content: center; align-items: center; padding: 2rem 0; box-sizing: border-box;}
.join_topW > div {display: flex; gap: 3rem; align-items: center;}
.join_topW > div > p {display: flex; gap:1rem; align-items: center;}
.join_topW > div > p:nth-child(1) > img {width: 1.7rem;}
.join_topW > div > img {width: 0.9rem;}
.join_topW > div > p:nth-child(3) > img {width: 1.7rem;}
.joinBox {width: 100%;}
.joinBox:not(:last-child) {margin-bottom: 3rem;}
.phoneBox {margin-bottom: 1rem !important;}
.joinBox label {color: #333333; font-size: 1.6rem; margin-bottom: 1rem; font-weight: 500; display: block;}
.joinBox input.infor {width: 100%; height: 5rem; box-sizing: border-box; border-radius: 0.5rem; padding-left: 1.5rem; color: #999999; border: 1px solid #333333; font-family:'SCDream,sans-serif';}
.phoneNum {display: flex; align-items: center; width: 100%;}
.phoneNum select {width: 27%; text-align: center; padding-right: 1.2rem;  height: 5rem; border: 1px solid #333333; border-radius: 0.5rem; font-weight: 600; color: #999999; font-size: 1.5rem;  -webkit-appearance:none; /* 크롬 화살표 없애기 */ -moz-appearance:none;  appearance:none; background: url('../image/join_icon3.png') no-repeat right 0.5rem center; background-size: 1.1rem;}
.phoneNum input {width: 35%;  height: 5rem; border: 1px solid #333333; border-radius: 0.5rem; font-size: 1.5rem; font-weight: 600;}
.line {width: 2.5rem; flex-shrink: 0; text-align: center;}
.line img {width: 1rem;}
.certification_Btn {width: 100%; background: #c04f5b; margin-bottom: 3rem; height: 5rem; line-height: 5rem; border-radius: 0.5rem; color: #fff; font-weight: 600; font-size: 1.7rem;}
.certification_box {display: flex; gap: 1rem; margin-bottom: 4.5rem;}
.certification_box input {flex: 1; height: 5rem; box-sizing: border-box; border-radius: 0.5rem; padding-left: 1.5rem; color: #999999; border: 1px solid #333333; font-family:'SCDream,sans-serif';}
.confirm {width: 9rem; height: 5rem; background: #c04f5b; border-radius: 0.5rem; color: #fff; font-weight: 600;}
.joinBtn {display: block; margin: 0 auto; width: 10rem; height: 3rem; border: 3px solid #c04f5b; text-align: center; line-height: 3rem; border-radius: 1.5rem; color: #c04f5b; font-weight: 600;}


/* 2023 - 03 - 31 추가*/
/* 결제하기 */
.contentBox {box-sizing: border-box; padding: 2.2rem 1.3rem; box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius: 0.5rem;}
.contentBox:not(:last-child) {margin-bottom: 1rem;}
.contentBox h3 {font-weight: 600; font-size: 1.6rem; line-height: 1; color: #333e4f; margin-bottom: 1.3rem;}
.contentBox h3 > span {font-weight: 500;}
.contentBox .addressForm > li {line-height: 1.2; color: #333e4f;}
.contentBox .addressForm > li:not(:last-child) {margin-bottom: 0.9rem;} 
.payputBox {display: flex; position: relative; padding-bottom: 1.3rem; border-bottom: 2px solid #c04f5b;}
.payputBox input {border: 0; width: 100%; font-family: 'SCDream,sans-serif'; font-size: 1.5rem; padding: 0 0 0 0.5rem; box-sizing: border-box; height: 100%;}
.payputBox input::placeholder { color: #cccccc;}
.payputBox .btnStyle1 {flex-shrink: 0;}
@media screen and (max-width: 400px) {
.payputBox input::placeholder {font-size: 1.3rem;}
}
.btnList {display: flex; gap: 0.8rem; flex-wrap: wrap;}
.btnList > li {flex: 1;}
.btnList > li > a {width: 100%;}
.finalPayment {margin-top: 3.5rem; box-sizing: border-box;}
.topPy {box-sizing: border-box; border-bottom: 2px solid #c04f5b; padding: 0 1.2rem 1.7rem 1.2rem;}
.topPy > li {font-size: 1.8rem; color: #333333; font-weight: 500;}
.topPy > li:not(:last-child) {margin-bottom: 0.75rem;}
.bottomPy {padding: 1.7rem 1.2rem 0 1.2rem; box-sizing: border-box;}
.bottomPy > li {font-size: 1.8rem; color: #333333; font-weight: 500;}
.bottomPy > li > span.final_price {color: #c04f5b; font-weight: 600;}

/* 마이페이지_최근주문내역 */
.lastOrder .date {display: block; margin-bottom: 1.5rem; font-weight: 500;}
.lastOrder .contentBox {display: flex; justify-content: center;}
.lastOrder .centerBox {max-width: 351px;}
.lastOrder .imgW {width: 10rem; height: 10rem; flex-shrink: 0;}
.lastOrder .imgW img {width: 100%; height: 100%;}
.lastOrder .cart_itemW {display: flex; gap: 2rem; align-items: center;} 
.lastOrder .cart_itemW:not(:last-child) {margin-bottom: 1.5rem;}
.lastOrder .textW strong {display: block; margin-bottom: 1.5rem; color: #333e4f; font-size: 1.5rem; font-weight: 500;}
.lastOrder .textW p {font-size: 1.5rem; color: #333e4f; margin-bottom: 1rem; font-weight: 600;}

/* 장바구니 */
.cartW {padding-top: 3rem; box-sizing: border-box;}
.cartW h2 {display: flex; align-items: flex-start; gap: 0.5rem; font-size: 1.8rem; color: #333e4f; font-weight: 600; padding-bottom: 1rem; box-sizing: border-box; border-bottom: 2px solid #c04f5b; margin-bottom: 2.2rem;}
.cartW h2 img {width: 1.5rem; flex-shrink: 0; vertical-align: top;}
.cartW .cartBox {display: flex; width: 100%; justify-content: space-between; align-items: center; gap: 1.5rem;}
.cartW .checkBox input[type="checkbox"] {display: none;}
.cartW .checkBox input[type="checkbox"] + label {display: inline-block; width: 1.5rem; height: 1.5rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../image/checkBox.png'); transition: all 0.2s;} 
.cartW .checkBox input[type="checkbox"]:checked + label {background-image: url('../image/checkBoxOn.png');}
.cartW .imgW {width: 10rem; height: 10rem; flex-shrink: 0;}
.cartW .imgW img {width: 100%; height: 100%;}
.cartW .textW strong {display: block; color: #333e4f; font-size: 1.6rem; font-weight: 500; margin-bottom: 1rem;}
.cartW .flW {display: flex; gap: 0.5rem; align-items: center;}
.cartW .flW:not(:last-child) {margin-bottom: 1rem;}
.cartW .flW span.price {font-size: 1.4rem; font-weight: 600; color: #333e4f;}
.cartW .flW span.rest {display: inline-block; padding: 0.3rem 0.5rem; text-align: center; background: #c04f5b; color: #fff; font-size: 1.2rem; font-weight: 600; border-radius: 1rem;}
.cartW .flW button img {width: 2rem;}
.cartW .flW .CountW {width: 7rem; padding-bottom: 0.5rem; border-bottom: 1px solid #c04f5b; text-align: center;}
.cartW .boxClose img {width: 1.5rem;}
.buyBtn {margin-top: 2rem;}
.buyBtn > a {width: 100%; height: 5rem; line-height: 5rem; padding: 0; font-size: 1.8rem;}

.viewCon .viewList > li .textW strong.tit {line-height: 1.2;} 
.viewCon .viewList > li .textW span.eq {line-height: 1.2;}


.menu_grid ul li a{
    font-size:13px;
}