@charset "utf-8";
/********** 공통사항 **********/
.mainBannerPoint{width:fit-content;}
.point{background-size:100% 100% !important}

/********** popup **********/
.modal-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000;}
  /* 팝업창 본체 */
  .modal {background: #fff;max-width: 400px; border-radius:12px;}
  /* 이미지 스타일 */
  .modal img {height: auto; border-radius: 10px 10px 0 0;}
  /* 버튼 스타일 */
  .modal button {background:#fff; border:none; cursor:pointer; padding:12px 20px; border-radius:0 0 10px 10px;}

/********** header **********/
header{left:0; top:0; background:#fefefe; overflow-y:hidden}
.sideMenu > a:nth-child(1){border:1px solid #007E41}

/********** mainPopup ***********/
.popupBox{background:rgba(0,0,0,0.5);left:0;top:0; z-index: 99999999999;display:none}
.popupBtnBox button{background:transparent;cursor: pointer;}
.popupSwiper{width:100%}
.popupSwiper .swiper-slide{overflow:hidden; line-height: 0;}
.popupSwiperBtnBox button{background:transparent; border:1px solid #f7f8f8; cursor: pointer;}
.popupSwiperBtnBox span{border:1px solid #f7f8f8}
#popupPrev span{border-width:0px 0px 1px 1px; transform:rotate(45deg);left:2px}
#popupNext span{border-width:1px 1px 0px 0px; transform:rotate(45deg); left:-2px}

/********** mainBanner **********/
.mainBanner{background:url('/theme/basic/img/mainBannerImg1.jpg')center center no-repeat; background-size:cover}
.mainBannerPoint{border-top:3px solid #E8C396; border-bottom:3px solid #E8C396; }
.mainBannerPoint p{color:#E8C396}
.mainBanner .pointP2{text-shadow: 0 0 8px rgba(0,0,0,0.8);}
.mainBannerCnt{background:url('/theme/basic/img/mainTxtBox.svg')center center no-repeat;background-size:100% 100%}

/********** intro **********/
.intro{background:url('/theme/basic/img/storyBg.jpg')center center no-repeat; background-size: cover}
.intro .pA{right:0; bottom:0}
.intro .point{background:url('/theme/basic/img/labelBrown.svg')center center no-repeat}
.intro .point p{color:#967D7A}

/********** brand **********/
.brand{background:url('/theme/basic/img/cometenceBg.jpg')center center no-repeat; background-size:cover}
.brand .point{background:url('/theme/basic/img/labelBrown.svg')center center no-repeat}
.brand .point p{color:#967D7A}
.brand .pA{right:0; bottom:0}

/********** product **********/
.product .point{background:url('/theme/basic/img/labelBrown.svg')center center no-repeat}
.product .point p{color:#967D7A}
.productMenu{border-top:4px solid #9D0000; border-bottom:4px solid #9D0000; width:fit-content}
.productCnt{width:calc(33.3333% - 16px)}
.product .pA{right:0; bottom:0}

/********** process **********/
.process{background:url('/theme/basic/img/stepBg.jpg')center center no-repeat; background-size:cover}
.process .point{background:url('/theme/basic/img/labelWhite.svg')center center no-repeat}
.processCnt{width:calc(25% - 45px)}
.processIcon{width:100%; background:#005E31; border:1px solid #339B68; border-radius:200px}

/********** price **********/
.price{background:url('/theme/basic/img/moneyBg.jpg')center center no-repeat; background-size:cover}
.price .point{background:url('/theme/basic/img/labelBrown.svg')center center no-repeat}
.price .point p{color:#967D7A}
.tableBg{border:1px solid #E9DAD5;box-shadow: 4px 4px 0 rgba(200, 184, 184, 0.25);}
.tableBg tbody td{border-bottom:1px solid #E9E9EC}
.pricetableline {border-left: 1px solid #E9DAD5;}

/********** interior **********/
.image-modal {left: 0;top: 0;overflow: auto; background-color: rgba(0,0,0,0.8); z-index: 9999;}
.image-modal .modal-content {display: block; margin: 0 auto;max-width: 90%;max-height: 80vh;}
.image-modal .close-modal {position: absolute; top: 40px;right: 60px; color: white;font-size: 36px;font-weight: bold;cursor: pointer;}

/********** map **********/
.map{background:url('/theme/basic/img/placeBg.jpg')center center no-repeat; background-size:cover}
.map .point{background:url('/theme/basic/img/labelBrown.svg')center center no-repeat}
.map .point p{color:#967D7A}
.mapLinkBox a{border:1px solid #967D7A; box-shadow: 4px 4px 0 rgba(200, 184, 184, 0.25);}

/********** online **********/
input[type="text"]::placeholder, input[type="number"]::placeholder, textarea::placeholder{ letter-spacing: -0.05em; font-family:'SUIT', sans-serif; color:#9091a0}
.online{background:url('/theme/basic/img/contactBg.jpg')center center no-repeat; background-size:cover}
.online .point{background:url('/theme/basic/img/labelWhite.svg')center center no-repeat}
.shopChoice input[type="radio"]{left:-99999px}
.shopChoice input[type="radio"] + label{border:1px solid #fefefe; background:transparent; transition: ease-in-out 0.3s; cursor: pointer;}
.shopChoice input[type="radio"]:checked + label{border:1px solid #007E41; background:#007E41; transition: ease-in-out 0.3s;}
.online textarea{resize:none; box-sizing: border-box;}
.online input[type="checkbox"]{left:-9999px;}
.online input[type="checkbox"] + label{cursor: pointer; }
.online input[type="checkbox"] + label:before{width:20px; height:20px;  content:''; transition: ease-in-out 0.3s;
    margin-right:8px;background:url('/theme/basic/img/chkOff.svg')center center no-repeat; background-size:cover;display:block}
.online input[type="checkbox"]:checked + label:before{background:url('/theme/basic/img/chkOn.svg')center center no-repeat;}
.policyBox a{border-bottom:1px solid #fefefe}


/********** login **********/
.loginFieldset input[type="text"], .loginFieldset input[type="password"]{border:1px solid #E9E9EC}
.loginBox .pA{right:0; bottom:0; mix-blend-mode: multiply;}

.loginAuto > input[type="checkbox"]{position:absolute;}
.loginAuto > input[type="checkbox"] + label{width:100%; padding-left:24px; position:relative; }
.loginAuto > input[type="checkbox"] + label:before{content:''; background:#fff; width:16px; height:16px; border:1px solid #91949f; border-radius:2px; display:block;
position:absolute; left:-0; top:50%; transform: translateY(-50%);}
.loginAuto > input[type="checkbox"]:checked + label:after{content:''; width:5px; height:8px; border-right:1px solid #222; border-bottom:1px solid #222;
position:absolute; left:6px; top:46%; transform:translateY(-50%) rotate(45deg)}
.loginAuto > input[type="checkbox"]:checked + label:before{background:#fefefe}
#login_auto_login{left:-9999px}

/********** memberMenu **********/
.memberMenu .pA{right:0; bottom:0; mix-blend-mode: multiply;}
.memberMenuBox{box-shadow: 12px 12px 0 #156d43;}

/********** order list **********/
.hiddenCheck{left:-99999px}
.boardListBox{overflow-x:auto}
.boardListBox table {min-width:1200px;}
.boardListBox table a{width:fit-content}
.boardListBox table tr td{border-top:1px solid #d9dade; border-bottom:1px solid #d9dade; border-right:1px solid #d9dade}
.boardListBox table tr td:nth-last-child(1){border-right:0}
.writeBtn{width:fit-content}
.orderListInput, .orderListSelect{border:1px solid #d9dade}
.orderListSelect{background:url('https://stunningw.com/theme/basic/img/arrow.svg') no-repeat #f7f8f8 !important; background-position:94% center !important;
background-size:12px 12px!important}
.meat-item td{border:1px solid #d5d5d5}
.meat-item th {border:1px solid #d5d5d5}
/********** order write **********/
.categoryBtn{background:transparent;transition: ease-in-out 0.3s; cursor: pointer;}
.categoryBtn.active{background:#26272b; color:#fefefe}
.productItem{border:2px solid transparent; transition: all 0.1s; cursor: pointer;}
.productItem.active{border:2px solid #222}
#orderModal{background:rgba(0, 0, 0, 0.5); position:fixed; z-index: 999; left:0; top:0;}

.cartBox{position:relative; max-height:60dvh; overflow-y:auto}
.countWrap, .cartQty{overflow:hidden}
.qtyInput, .cartQty input{border-top:1px solid #d9dade; border-bottom:1px solid #d9dade; border-radius: 0 !important;}
.cartItems, .paySaveBox{border-top:1px solid #d9dade}
.cartDel{border:1px solid #eeeef0; position:relative;}
.cartDel:before, .cartDel:after{content:''; display:block; width:1px; height:12px; background:#5d606c;position:absolute; left:50%; top:50%;}
.cartDel:before{transform:translate(-50%, -50%)rotate(45deg)}
.cartDel:after{transform:translate(-50%, -50%)rotate(-45deg)}

.modalOverlay{ background:rgba(0,0,0,0.8);  top:0; left:0; }
.modalWindow{max-height: 80dvh; overflow-y:auto;}
.etcTextarea{resize:none;border:none; box-sizing: border-box;}
.etcTextarea::placeholder{color:#91949f;  }
.orderSubmitBtn button{cursor: pointer;}
.modalCloseBtn{top:64px;right:54px; cursor: pointer;}
.modalCloseBtn:before, .modalCloseBtn:after{content:''; display:block; width:2px; height:12px; background:#222;position:absolute; left:50%; top:50%;}
.modalCloseBtn:before{transform:translate(-50%, -50%)rotate(45deg)}
.modalCloseBtn:after{transform:translate(-50%, -50%)rotate(-45deg)}

.paySaveBox input[type="radio"]{left:-9999px;}
.paySaveBox input[type="radio"] + label{border:1px solid #b8bac1; cursor: pointer; transition: ease-in-out 0.3s;}
.paySaveBox input[type="radio"]:checked + label{border:1px solid #222; color:#fefefe; background:#222}

/********** order view **********/
.listBtn{width:fit-content; border:1px solid #d9dade;}

/********** product edit **********/
.unitSelect, .priceInput, .vatInput, .baseInput{ border:1px solid #d9dade}
.priceInput, .vatInput, .baseInput{background:#F7F8F8}
.unitSelect{background:url('https://stunningw.com/theme/basic/img/arrow.svg') no-repeat #F7F8F8 !important;
background-position: 94% center !important;background-size: 12px 12px!important;}

/********** online view **********/
.onlineView tr td{border:1px solid #d9dade; border-right:0; border-left:0}

/********** policy **********/
.boxBottomLine {border-bottom:1px solid #26272b}

.pg a, .pg span, .pg strong{width:32px; height:32px; background:transparent; display:flex; align-items: center; 
    justify-content: center; border-radius:4px; margin:0 8px; line-height: 1em;}
.pg strong{background:#eeeef0}

/********** pay write **********/
.payListTbl {overflow-x:auto;}
.payListTbl table {min-width:1200px;}
.payListTbl td, .payWirteTbl td{border:1px solid #d9dade;}
.payListTbl select, .payWirteTbl select{background:url('https://stunningw.com/theme/basic/img/arrow.svg') no-repeat #eeeef0 !important;
background-position:94% center !important; background-size:12px 12px!important;}
.payListTbl select, .payWirteTbl select, .payWirteTbl input{border:1px solid #d9dade}