@charset "utf-8";
/*
2023년 -작업자 심민아 control
*/

/*
버튼, 링크, 입력박스등 control css
*/
input::placeholder{font-size: 1.4rem;color: #ccc;opacity: 1;letter-spacing: -0.5px;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {background: transparent !important;letter-spacing: -0.5px;}
input[type='password'][numberOnly]{letter-spacing: 4px;}
input[type='text'][numberOnly]{letter-spacing: 1px;}
label{cursor: pointer;}
input::-webkit-inner-spin-button { appearance: none;-moz-appearance: none;-webkit-appearance: none;}

.dfInput {font-size: 1.4rem; display: inline-block;width: 100%; height:4.4rem; padding:0 1.6rem;line-height: 140%;border-radius: 0.6rem;background-color: #fff;border: 1px solid #ddd; transition:0.1s;cursor: pointer;}
.dfInput:focus{border: 2px solid #6fb53d;background-color: #FAFAF0;}
.dfInput:read-only{background-color: #F9F9F9;color: #777;border: 1px solid #eee;}

.dfInput._rnd{border-radius: 0.6rem;}
.dfInput._w108{width: 12rem !important;}
.dfInput._w200{width: 16rem !important;}
.dfInput._w180{width: 18rem !important;}
.dfInput._w108R{width: calc(100% - 113px);margin-left: 5px;}
.dfInput._w100{width: calc(100% - 100px);}
.dfInput._smllH{height: 4.4rem;}

._myOrdrDateSrchBx .dfInput{border: 1px solid #ddd;}
._myOrdrDateSrchBx select.dfInput{margin-top:1rem;}
._myOrdrDateSrchBx .dfInput:hover{border-color: #aaa;}

.dfInput._lftIcn{padding-left:60px;background-position: left 10px center;background-repeat: no-repeat;border-radius: 8px;}
.dfInput._rghtIcn{padding-right:80px;background-position: right 10px center;background-repeat: no-repeat;border-radius: 8px;}
.dfInput.datepicker{background-image:url("../images/ico/ico_calendar.svg");background-size: auto;  border: 1px solid #DCDCDC !important; box-sizing: border-box;}

.wrapImprove .memberBox.find_form .dfInput {margin-bottom:1.2rem;}


select.dfInput{padding-right: 40px;background: url("../images/ico/selectbox_arrow_01.png") right 7px center no-repeat;background-color: var(--background-color);appearance: none; background-size: 2rem 2rem;}
textarea.dfInput{min-height: 100px;padding:1rem 1.6rem;}
textarea::placeholder{font-size:1.2rem;font-family: "Pretendard", sans-serif;}

.dfInput.more{background-image:url("../images/common/icn_dwnAllwHd.svg");background-size: auto;}
.cstmInpt{ position: relative;display: inline-flex;float: left;width: 100%; padding: 0 20px;background-color: #e3ebe6;border-color: #e3ebe6;}
.cstmInpt .ipt{display: block;width: 100%;height: 50px;}
.cstmInpt .txt{display: flex;align-items: center;justify-content: flex-end; flex: 1;margin: 0;padding-left: 10px;white-space: nowrap;}


.numeric_wrap{display: inline-flex;align-items:center;width: 100%;height: 4.4rem;border: 1px solid #DCDCDC;border-radius: 0.6rem;background: #fff;}
.numeric_wrap .down{display: flex;width: 38px;height: 38px;background-image: url("../images/ico/ico_numeric_minus.png");background-position: center;background-repeat: no-repeat;}
.numeric_wrap .numeric{display: block;width: calc(100% - 76px);height: 100%;text-align: center;    font-size: 1.4rem;}
.numeric_wrap .up{display: flex;width: 38px;height: 38px;background-position: center;background-repeat: no-repeat;background-image: url("../images/ico/ico_numeric_plus.png");}

.selectList{display: inline-flex;float: left;flex-wrap: nowrap; width: 100%;gap: 6px;}
.selectList > li{position: relative;display: block;width: 100%;height: 45px;}
.selectList > li .sale{position: absolute; right: -3px;bottom: 100%;padding: 0px 9px;margin-bottom: -11px;text-align: center;font-size: 0.75em;font-weight: 500;color: #ffffff; white-space: nowrap;border-radius: 25px;background-color:var(--primary-color);opacity: 0;}
.selectList.active > li .sale{opacity: 1;bottom: 100%;transition: all 0.35s ease;}
.selectList.active > li:nth-child(3) .sale{transition-delay: 0.2s;}
.selectList.active > li .sale:after{content: '';position: absolute;left: 57%;bottom: -6px;margin-left: 9px;border-top: 10px solid var(--primary-color);;border-right: 15px solid transparent;border-bottom: 0 solid transparent;}
.selectList > li:last-child{margin-right: 0px;}
.selectList > li .chkBtn{display: block;width: 100%;height: 100%;}
.selectList > li .chkBtn input{display: none;}
.selectList > li .chkBtn input + div{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #5B5B5B;font-size:1.4rem;text-align: center;line-height:140%;border-radius: 0.6rem;border: 1px solid #ddd;flex-direction: column;background: #fff;}
.selectList > li .chkBtn input:checked + div{color: var(--primary-color);border: 2px solid var(--primary-color);background-color: #F8FFEF;font-weight: 700; }
.selectList._crclRnd > li .chkBtn input + div{border-radius: 30px;}
.selectList > li .chkBtn input + div span{color: #818181;font-size: 0.85em;}
.selectList > li .chkBtn input:checked + div span{color: #27c166;;font-size: 0.85em;}
.selectList > li .point{position: absolute; left:0;bottom: 100%;padding: 0px 9px;margin-bottom: -9px;text-align: center;font-size: 0.75em;font-weight: 500;color: #ffffff; white-space: nowrap;border-radius: 25px;background-color:#FF7C73;}
.selectList > li .point:after{content: '';position: absolute;right: 9%;bottom: -6px;margin-right: 51px;border-top: 10px solid #FF7C73;border-left: 15px solid transparent;border-bottom: 0 solid transparent;}

.chkBtn{display: inline-flex;flex: 1;align-items: center;justify-content: center;width: 100%;height:4.4rem;font-size:1.6rem;}
.chkBtn input{display: none;}
.chkBtn input ~ .txt{display: inline-flex;align-items: center;justify-content: center;width: 100%;height:  100%;color: #777; border: 1px solid #ddd;border-radius: 0.6rem;}
.chkBtn input:checked ~ .txt{color: var(--c-primary);border:2px solid var(--c-primary);background-color: #FAFAF0;font-weight: 700;}

.lftLstChckBx{display: inline-flex;flex-wrap: wrap;width: 100%;}
.lftLstChckBx .dfRdio ~ .dfRdioLbl{margin-right:25px;}


.dfChck{display:none !important;}
.dfChck + .dfChckLbl{ position: relative;display: inline-block; float: left;min-width: 2rem;min-height: 2rem;padding: 0 0 0 3rem;line-height: 1.5;color:#666;}
.dfChck + .dfChckLbl:before{content:'';position: absolute;top: 0;left: 0;width: 20px;height: 20px;border: 1px solid #d9d9d9;border-radius: 0.6rem;background-color: #ffffff;background-repeat: no-repeat; background-size: 12px; background-position: center;background-image: url("../images/common/icn_chck.svg");}
.dfChck:checked + .dfChckLbl:before{content:'';border-color: var(--primary-color);background-color: var(--primary-color);background-image: url("../images/common/icn_chck_on.svg");}
.dfChck + .dfChckLbl._fullW{width: 100%;}
.dfChck + .dfChckLbl._drckLn:before,.dfChck:checked + .dfChckLbl._drckLn:before{border: 1px solid #818181;}
.dfChck:disabled + .dfChckLbl._drckLn:before{border-color: #bfbfbf;background-color:#ddd;}

.dfRdio{display:none !important;}
.dfRdio + .dfRdioLbl{ position: relative;display: inline-block;min-width: 2rem;min-height: 2rem;padding: 0 0 0 3rem;font-size: 1.6rem;line-height: 2rem;font-weight: 500;    color: #4f4f4f;}
.dfRdio + .dfRdioLbl:before{content:'';position: absolute;top: 0px;left: 0;width: 20px;height: 20px;border: 1px solid #d9d9d9;border-radius:20px;background-color: #ffffff;background-repeat: no-repeat; background-size: 12px; background-position: center;background-image: url("../images/common/icn_chck.svg");}
.dfRdio:checked + .dfRdioLbl:before{content:'';border-color: var(--primary-color);background-color: var(--primary-color);background-image: url("../images/common/icn_chck_on.svg");}
.dfRdio + .dfRdioLbl._fullW{width: 100%;}

.dfRdio + .dfRdioLbl._inImgBnnr{display: inline-flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100px;padding: 0;font-size: 1.4rem;font-weight: 400;text-align: center;border-radius: 8px;border: 1px solid #e2e2e2;transition: 0.2s;}
.dfRdio + .dfRdioLbl._inImgBnnr:before{display:none;}
.dfRdio:checked + .dfRdioLbl._inImgBnnr{border: 0.2rem solid var(--primary-color);
    background-color: #FAFAF0;}
.dfRdio + .dfRdioLbl._inImgBnnr > img{display: block;width: 65%;}
.dfRdioLbl + ._withRLbl{margin-left:10px;}

.leverBx{position: relative;display: inline-block;width: 35px;height: 20px;padding: 0; border: 3px solid #ffffff;border-radius: 10px;background-color: rgba(0, 0, 0, .15);transition: background .3s ease;}
.leverBx input{display: none;}
.leverBx input ~ .lever{position: absolute;top: -3px;left: -3px;width: 20px;height: 20px;border-radius: 10px;background-color: #696969;transition: left .3s ease, background .3s ease;}
.leverBx input:checked ~ .lever{left: 15px;background-color: var(--primary-color);}
.leverTxt{display: inline-block;float: left;}

.switch{display: inline-flex;float: left; width: 50px;margin-left: 10px;}
.switch label{ display: flex;-webkit-box-align: center; -ms-flex-align: center;align-items: center;cursor: pointer;}
.switch label input{opacity: 0; width: 0;height: 0;position: absolute;}
.switch label .lever{display: inline-block;position: relative;width: 50px; height: 30px;background-color: #e1e1e1;border-radius: 15px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle;}
.switch label .lever:after{content: "";position: absolute; display: inline-block; width: 24px;height: 24px; margin-top: -12px; background-color: #fff; border-radius: 100%; left: 3px;top: 50%;    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;}
.switch label input[type=checkbox]:checked + .lever{background-color: var(--primary-color);}
.switch label input[type=checkbox]:checked + .lever:after{left: 23px;}


.greenFixFooterBtn{position: fixed;left: 0;bottom: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 65px;padding: 0 calc(50% - 17.5px) 0 calc(50% - 457.5px); background-color: var(--primary-color);background-clip: content-box;z-index: 100;}
#experience_btn{color: #ffffff;font-size:1.3em;font-weight: 500;}
.btnBxCenter,.list-more{display: inline-flex;align-items: center;justify-content: center;width: 100%;margin-top:2rem;}
.btnBxCenter._topLn{margin-top: 10px;padding-top: 40px; border-top: 1px solid #ececec;    bottom: env(safe-area-inset-bottom); position: relative;}
.btnBxCenter._fltBtwn{    justify-content: space-between;}
.btnBxCenter._fltRght{justify-content: flex-end;}
.btnBxCenter .btn{margin-right: 10px;}
.btnBxCenter .btn:last-child{margin-right: 0;}
.btnBxCenter._bttm .btn{border-radius: 8px;}
.btnBxCenter._prdtVeiwBtn{position: fixed;left: 0;bottom: 0;display: inline-flex;height: 61px;margin-top: 0px;padding: 0 calc(50% - 17.5px) 0 calc(50% - 457.5px);background: var(--third-color);background-clip: content-box;z-index: 101; transition: bottom .35s ease;}
.btnBxCenter._prdtVeiwBtn a{font-size: 1.3em;font-weight: 600;}
.btnBxCenter._prdtVeiwBtn .btn._150W.lnGreen2{width: 110px;height: calc(100% - 14px);margin: 7px 0;font-size: 2rem;border: 0;border-radius: 0;border-right: 1px solid #77dc7f;color: #d5ff83;}
.btnBxCenter._prdtVeiwBtn .btn._widW.bgLghtGreen{height: calc(100% - 14px);margin: 7px 0;font-size: 2rem;border-radius: 0;border: 0;background: none;color:#fff;}
._productInfoFgr .btnBxCenter{flex-wrap: nowrap;}
.btnBxCenter .total{display: inline-block;float: left;width: calc(100% - 130px);font-size: 1.4rem;}

.btn_group.btnBxCenter ._widHrf{margin-right:0.8rem;}
.btn_group.btnBxCenter a:first-child {background-color: #fff; border:1px solid var(--primary-color); color: var(--primary-color);}
.btn_group.btnBxCenter ._widHrf:last-child{margin-right:0;}

.sub-page-section._cartOrderPage .btn_group.btnBxCenter a:first-child {
    background-color: transparent;
    color:#fff;
}


.iptBx{display: inline-flex;align-items: center;width: 100%;}
.ipt_group{display: inline-flex;justify-content: space-around;width: 100%; gap:0.8rem; margin-top: 1rem;}
.ipt_group._flxWrp{flex-wrap: wrap;}
.ipt_group .dfInput,.ipt_group .txtData{display: inline-flex;flex: 1;width: calc(100% - 130px);}
.ipt_group .dfInput:focus-visible {background-color: #FAFAF0;}
.ipt_group .dfInput:first-child,.ipt_group .txtData:first-child{margin-top: 0 ;}
.ipt_group .txtData{align-items: center;}
.ipt_group .btn{height: 45px;    font-size: 1.2rem;}
.ipt_group .btn._wthSmllInp{height: 40px;}
.ipt_group .dfInput:last-child,.ipt_group .chkBtn:last-child{margin-right: 0 ;}
.ipt_group ._dfInptBar{padding: 0 5px 0 0;}
.ipt_group._inptDtPckrBx .dfInput.datepicker{background: none;}
.ipt_group._arnd .bx{ display: inline-block;float: left;width: 100%;flex: 1;padding: 0 5px 0 0;}
.ipt_group._arnd .bx:last-of-type{padding: 0;}
.ipt_group._arnd .dfInput{ display: inline-block;float: left;width: 100%;flex: 1;color:#777;}
.ipt_group._inleverRght{justify-content: flex-start; align-items: center;}
.ipt_group._inleverRght .leverTxt{margin-right: 5px;}
.ipt_group._wthSlct select.dfInput {max-width: 140px;background-color: #fff;}
.ipt_group._wthSlct select.dfInput:focus-visible {background-color: #FAFAF0;}
.ipt_group .dfInput._w200{max-width:200px;min-width:auto;width:200px;}



._inptDtPckrBx:first-of-type{margin:0 0 10px 0;}
._dfInptBar{display: inline-flex;float: left;align-items: center;height: 50px;padding: 0 5px;}

.tb_foot{display: inline-flex;justify-content: center;align-items: center;width: 100%;padding: 2rem;border-top: 12px solid #f5f5f5;}
.tb_foot a.btn {width: 100%;}

._contOnOff{height: 2000px; overflow: hidden;}
._contOnOff.on{height: auto; }
._contOnOffBtn:before{content:'';position: absolute;top: -100px;width: 100%;height: 100px; background: linear-gradient(rgba(255,255,255,0), #ffffff);}
._customOrder .moreBtn,._contOnOffBtn{width: 100%;margin: 10px 0;border: 0;color: #aaa;}
._customOrder .moreBtn,._contOnOffBtn{position:relative;display: inline-flex;align-items: center;justify-content: center; margin: 0;    padding-top: 10px; margin-bottom: 60px;}
._customOrder .moreBtn:after,._contOnOffBtn:after{content:'';display: inline-block;width: 20px;height: 20px;margin-left: 5px;background-repeat: no-repeat;background-position: center;background-size: cover;background-image:url("../images/common/icn_dwnAllwHd.svg");}
._contOnOffBtn.on:before{display: none;}
._contOnOffBtn.on:after{transform: rotate(180deg);}
.moreBtn{display: flex;align-items: center;justify-content: center;width: 100%;height: 40px;margin: 30px 0;border: 1px solid var(--primary-color);border-radius: 8px;background-color: transparent;color: var(--primary-color);cursor: pointer;}
.orderTracking,.smlTxtDlLeft .btn{display: inline-flex; align-items: center;justify-content: center;float: left;width: 100%;margin-bottom: 10px;}
.tb_table.order .orderTracking {float:none;}
.orderTracking .btn{ flex:1;width: auto;padding: 0 10px;height: 45px; margin-right: 5px;   white-space: nowrap; font-size: 0.81em;color: #666;border: 1px solid #cccccc;border-radius: 8px;background-color: #ffffff;margin-top: 10px;}
.orderTracking .btn:last-of-type{ margin-right: 0px;}
.notiTalk{position: relative;display: inline-block;float: right;margin:1rem 1.6rem 0;padding: 0 0 0 2.5rem;color: #5B5B5B;font-size: 1.4rem;line-height: 1.38em; background-repeat: no-repeat;background-position: left center;background-size: 18px;}
.notiTalk:before{content:'';position: absolute; right: 0;bottom: 0; width: calc(100% - 2.4rem);height: 1px;background-color: #5B5B5B;}
.btn.list-more{display: inline-block;width: auto;padding: 0 20px 0 0;text-align: left;line-height: 20px;background-repeat: no-repeat; background-size: 22px;background-position: right top -2px;background-image: url("../images/common/icn_allwHdRnd.svg");}
.btn.reorderViewBtn{margin: 20px 0 10px 0;width: 100%;height: 50px;font-size: 1.4rem;color:var(--primary-color);border: 1px solid var(--primary-color);border-radius: 8px;background-color: #ffffff;}
.btn._inSmllBtn{position: absolute;top: 0;right: 35px;display: inline-flex;align-items: center;justify-content: center;padding: 0 8px;min-width: 45px; height: 30px;font-size: 1.4rem;color: #5B5B5B;border: 1px solid #b1b1b1;border-radius: 8px;}
.btn._delete{position: absolute;top: 0;right: 0px;display: inline-flex;align-items: center;justify-content: center;padding: 0 8px;min-width: 45px; height: 30px;font-size: 1.4rem;color: #5B5B5B;border: 1px solid #b1b1b1;border-radius: 8px;}
.btn._brdrAllwHdAftr:after { content: '';display: inline-block;width: 6px;height: 6px; margin-bottom: 2px;  border-bottom: 1px solid #666;border-right: 1px solid #666;transform: rotate(-45deg);margin-left: 5px;}
.btn._info { width: 25px;height: 25px;margin: 0 10px; border-radius: 50%; background-color: #b6b6b6;color: #fff;position: absolute;}

.btnnon{display:none;}
.btn, a.btn{display:flex;align-items: center;justify-content: center;text-align: center;border-radius: 8px;background-repeat: no-repeat;}
.btn._flex1{flex:1;}
.btn._flex100{flex: 100%;}
.btn._rnd,.btn._rnd2{border-radius: 8px;}
.btn._rnd2{border-radius: 8px;}
.btn._rndCrcl{border-radius: 70px;}
.btn._rghtIcn{padding:0 42px 0 20px;background-size: 22px auto;background-repeat: no-repeat;background-position: right 20px center;}
.btn._onlyIcn{font-size:0 !important;background-position: center;}
.btn._inRLicn:before,.btn._inRLicn:after{content:'';}

._lgSBigH {height: 70px;}
._lgBigH{height:5.2rem;font-size: 1.6rem;}
._lgBigH2{height: 50px;font-size: 1.13em;}
._bigH{height: 60px;font-size: 2rem;}
._bigH2{height: 60px;font-size: 2rem;}
._mddlH{height: 38px;font-weight: 500;}
._mddlH2{height: 38px;font-weight: 500;}
._mddlH2._ellps{border-radius: 19px;}
._mddlH3{height: 40px;font-weight: 500;}
._mddlH3._bCntnt._sttc:before{margin-right: 10px;width: 12px;height: 12px;background-size: cover;}
._mddlH3._smllTxt{height: 45px;}
.btn._mddlH3._inRLicn:before{display: inline-block;float: left;width: 16px; height: 16px;margin-top: -1px;margin-right: 6px;background-color: #ddd;background-repeat: no-repeat;background-position: center;background-size: 16px;}
.btn._inRLicn._rghtAllw:after{display: inline-block;float: left;width: 16px; height: 16px;margin-top: -1px;margin-left: 6px;background-color: #ddd;background-repeat: no-repeat;background-position: center;background-size: 16px;}
._smllH{height: 30px;}

.btn.bigSz{width:270px;height: 50px;font-size: 1.6rem;font-weight: 700}
.btn.bigSz._rghtIcn{justify-content: flex-start;padding:0 48px 0 28px;text-align:left;font-size: 1.4rem;color:#5b5b5b;}
.btn.mddlSz{width:100px;height: 50px;font-size: 1.4rem;}


.btn._widW{ flex: 1;}
.btn._widW._flex100{flex: 100%;}
.btn._dfW{padding:0 16px;}
.btn._widHrf{width:calc(50% - 5px);}
.btn._smllW{width:125px;}
.btn._85W{width:85px;}
.btn._100W{width:100px;}
.btn._120W{width:120px;}
.btn._130W{width:130px;}
.btn._140W{width:140px;}
.btn._150W{width:150px;}
.btn._180W,.btn._widHrf._w180{width:180px;}
.btn._widHrf._w180W{flex:1;}
.btn._widHrf._w180R{width: calc(100% - 192px);}
.btn._w190{width: 190px;}
.btn._w200{width: 200px;}
.btn._dfPddng{padding-left:27px;padding-right:27px;}

.btn._R10{margin-right:10px;}


.btn.lnblck{border: 1px solid #5a5a5a;color: #5B5B5B;background-color: #ffffff;font-size:1.6rem;font-weight: 700;}
.btn.lnDrkGray{height: 4.4rem;font-size:1.6rem;font-weight: 700;border: 1px solid var(--primary-color);background-color: #fff;color:var(--primary-color)}
.btn.lnBgGray{border: 1px solid #9c9c9c; background-color: #f7f7f7;color: #5B5B5B;}
.btn.lnLghtGray{border: 1px solid #ccc;color: #5B5B5B;background-color: #ffffff;font-size:1.6rem;font-weight: 700;}
.btn.lnGreen,.btn.lnGreen2{border: 1px solid var(--primary-color);color: var(--primary-color);}
.btn.lnLghtGreen{border: 1px solid var(--primary-color);color: var(--primary-color);}
.btn.lnBldGreen{border: 1px solid var(--primary-color);color: var(--primary-color);min-height: 4.4rem;}
.btn.bgWhite{border: 1px solid #ffffff; background-color: #ffffff;color: #5B5B5B;}
.btn.bgGreen,.btn.bgGreen2,.btn.bgGreen2New{border: 1px solid var(--primary-color);background-color: var(--primary-color);color: #ffffff;border-radius: 0.8rem;height:4.4rem;font-size:1.6rem;font-weight: 700;}
.btn.bgLghtGreen{border: 1px solid var(--primary-color); background-color: var(--primary-color);color: #ffffff;font-size:1.6rem;font-weight: 700;}
.btn.bgBlack{border: 1px solid #5B5B5B;background-color:#5B5B5B;color: #ffffff;}
.btn.bgGray{border: 1px solid #848484;background-color:#848484;color: #ffffff;}
.btn.bgGray2{background-color: #e3e3e3;border-color: #e3e3e3;    color: #666;}
.btn.bgGray3{background-color: #f4f4f4;border-color: #f4f4f4;    color: #666;}
.btn.dsblGray{ border: 1px solid#ddd; background-color: #ddd; color: #f9f9f9;}
.btn.bgGreenlg{background-color: var(--primary-color);color:#fff;}
.btn.lnGreen{border: 1px solid var(--primary-color); color:var(--primary-color);}


.reviewLnk{display: inline-block;float: left;margin-top: 10px;font-weight: 600;font-size:1.6rem;line-height: 1em;color: var(--primary-color); border-bottom: 1px solid var(--primary-color);}
.btn._bttmLIcn{flex-wrap: wrap;justify-content: flex-start;padding: 12px 45px 10px 12px;line-height: 1.25em;background-repeat: no-repeat;background-position: right 15px bottom 15px;}
.btn._bttmLIcn small{font-size: 0.88em;font-weight: 500;line-height: 1.13em;}

.btn._gift{background: none;}
.btn._gift:before{content:'';display: inline-block;width: 18px;height: 18px;margin-right:5px;background-position: center;background-size: cover;background-repeat: no-repeat;background-image:url("../images/ico/icn_gift.svg");}

.btn.kakao{background-color: #f9de4b;border-color: #f9de4b;color: #341f20;}
.btn.kakao:before{content:'';width: 21px;height: 21px;margin-right: 10px;background-repeat: no-repeat; background-size: cover; background-position: center;background-image: url("../images/ico/icn_kakaologo.svg");}
.btn.naver{background-color: #5aba4a;border-color: #5aba4a;color: #fff;}
.btn.naver:before{content:'';width: 21px;height: 21px;margin-right: 10px;background-repeat: no-repeat; background-size: cover; background-position: center;background-image: url("../images/ico/icn_naverlogo.svg");}
.btn.apple{background-color: #000;border-color: #000;color: #fff;}
.btn.apple:before{content:'';width: 21px;height: 21px;margin-right: 10px;background-repeat: no-repeat; background-size: cover; background-position: center;background-image: url("../images/ico/Applew.svg");}

.btn.lnGreen.allChk{border: 1px solid #9d9d9d;color: #5B5B5B;}
.btn.lnGreen.allChk.checked{border: 1px solid var(--primary-color);color: var(--primary-color);}
.btn._lgBigH.allChk:before{content:'';width: 20px;height: 20px;margin-right: 10px;background-repeat: no-repeat; background-size: 16px; background-position: center;background-image: url("../images/common/icn_chck-blck.svg");}
.btn.lnGreen.allChk.checked:before{background-image: url("../images/common/icn_chck-blck_on.svg");}
.btn._goAllw{background-image: url("../images/ico/swiper-next.svg");background-size: 16px;}


/*페이징*/
.tb_paging{display: inline-flex;justify-content: center;align-items: center;width: 100%;margin-top: 10px;margin-bottom: 30px;}
.pagingList{display: inline-flex;}
.pagingList > li{display: flex;justify-content: center;align-items: center;line-height: 1;width: 28px;height: 28px;font-size:1.6rem;}
.pagingList > li > a{display: flex;font-size: 1.4rem;color: #cacaca;}
.pagingList > li.prev, li.latest{margin-right: 10px;}
.pagingList > li.current > span{font-size: 1.4rem;font-weight: bold;color: #5B5B5B; border-bottom: 1px solid #656565;}
.pagingList > li.next, .pagingList > li.first {margin-left: 10px;}
.pagingList > li.prev > a:before,.pagingList > li.next > a:before,.pagingList > li.latest > a:before,
.pagingList > li.first > a:before,.pagingList > li.latest > a:after,
.pagingList > li.first > a:after {content: ''; width: 10px; height: 10px;  border-bottom: 1px solid #333;border-right: 1px solid #333;transform: rotate(-225deg);}
.pagingList > li.next > a:before, .pagingList > li.first > a:before, .pagingList > li.first > a:after { border-right: 1px solid #333;transform: rotate(-45deg);}
/*.pagingList > li.prev > a:before, a:after, .pagingList > li.latest > a:before, a:after { transform: rotate(135deg);}*/

/*반응형*/
@media screen and (max-width: 900px) and (min-width: 800px)  {
/* PC에서 브라우저 줄일경우 모바일 전까지 fixed로 PC구조에 맞춰 있는부분  */
.btnBxCenter._prdtVeiwBtn{padding: 0 calc(50% - 237.5px);}
.greenFixFooterBtn{padding: 0 calc(50% - 237.5px)}

}
@media screen and (max-width: 800px) and (min-width: 476px)  {
/* PC에서 브라우저 줄일경우 모바일 전까지 fixed로 PC구조에 맞춰 있는부분  */
.btnBxCenter._prdtVeiwBtn{padding: 0 calc(50% - 237.5px);}
.greenFixFooterBtn{padding: 0 calc(50% - 237.5px)}

}

@media screen and (max-width: 475px) and (min-width: 260px) {
.btnBxCenter._prdtVeiwBtn{padding: 0;left: 0; width: 100%;}
.greenFixFooterBtn{padding: 0 calc(50% - 237.5px)}

}

/* 스크롤 */
@media screen and (min-width: 476px) {
/* 전체 기준 박스 스크롤과 같은 두께 */
.dfScroll::-webkit-scrollbar {width: 5px;height: 5px;-webkit-border-radius: 4px; border-radius:4px; }
.dfScroll::-webkit-scrollbar-track {background:transparent;}
.dfScroll::-webkit-scrollbar-track:hover {background:transparent;}
.dfScroll::-webkit-scrollbar-thumb {background: #aaa;;-webkit-border-radius: 4px; border-radius:4px;}
.dfScroll::-webkit-scrollbar-thumb:hover {background: #777;-webkit-border-radius: 4px; border-radius:4px;}
/*모질라*/
.dfScroll{/*scrollbar-color: #bbb rgba(100, 100, 100,0.6);*/scrollbar-width: thin;}
.dfScroll:hover{/*scrollbar-color: #555 rgba(100, 100, 100,1);*/scrollbar-width: thin;}


/* 작은 스크롤  */
.smlScroll::-webkit-scrollbar {width: 4px;height: 4px;-webkit-border-radius: 4px; border-radius:4px; }
.smlScroll::-webkit-scrollbar-track {background:transparent;}
.smlScroll::-webkit-scrollbar-track:hover {background:transparent;}
.smlScroll::-webkit-scrollbar-thumb {background: #bbb;-webkit-border-radius: 4px; border-radius:4px;}
.smlScroll::-webkit-scrollbar-thumb:hover {background: #bbb;-webkit-border-radius: 4px; border-radius:4px;}
/*모질라*/
.smlScroll{/*scrollbar-color: #bbb rgba(100, 100, 100,1);*/scrollbar-width: thin}
.smlScroll:hover{/*scrollbar-color: #bbb rgba(100, 100, 100,1);*/scrollbar-width: thin;}

/* 작은 스크롤  */
.novwScroll::-webkit-scrollbar {width: 0px;height: 0px;-webkit-border-radius: 4px; border-radius:0px; }
.novwcroll::-webkit-scrollbar-track {background:transparent;}
.novwScroll::-webkit-scrollbar-track:hover {background:transparent;}
.novwScroll::-webkit-scrollbar-thumb {background:transparent;}
.novwScroll::-webkit-scrollbar-thumb:hover {background:transparent;}
/*모질라*/
.novwScroll{/*scrollbar-color: #fff rgba(100, 100, 100,0);*/scrollbar-width: thin}
.novwScroll:hover{/*scrollbar-color: #fff rgba(100, 100, 100,0);*/scrollbar-width: thin;}

}
@media screen and (max-width: 430px) and (min-width: 360px){
    .orderTracking .btn{padding: 0 3px;    font-size: 0.75em;}
    .dfInput._lftIcn{padding-left: 43px;}
    .orderTracking .btn{height: 35px;}
    .btn._85W {height: 4.4rem;}
    .greenFixFooterBtn{height: 50px;padding: 0 calc(50% - 203.5px) 0 calc(50% - 457.5px);}
    .btn.mddlSz{height: 45px;}

    .selectList > li .point:after{margin-right: 42px;}
    .selectList > li .point{padding: 2px 9px;font-size: 0.9em;}
    .selectList > li .sale{margin-bottom: -8px;}
}
@media screen and (max-width: 375px) and (min-width: 360px) {
    ._lgBigH{height: 45px;font-size: 1.6rem;}
    ._lgBigH2{height: 40px;}
    ._bigH{height: 50px;}
    ._bigH2{height: 50px;}
    ._mddlH{height: 40px;}
    ._mddlH2{height: 40px;}
    ._mddlH3{height: 40px;}
    ._mddlH3._smllTxt{height: 40px;}
    ._smllH{height: 26px;}
    .btn.bigSz{height: 50px;}
    .btn.mddlSz{height: 45px;}
    .dfInput,._dfInptBar{height:45px;}
    .greenFixFooterBtn{height: 50px;padding: 0 calc(50% - 193.5px) 0 calc(50% - 457.5px);}
    .smlTxtDlLeft .tit {width: 80px !important}
}

@media screen and (max-width: 360px) and (min-width: 280px){
    ._lgBigH{height: 46px;font-size: 1.4rem;}
    ._lgBigH2{height: 36px;}
    ._bigH{height: 46px;}
    ._bigH2{height: 46px;}
    ._mddlH{height: 36px;}
    ._mddlH2{height: 36px;}
    ._mddlH3{height: 36px;}
    ._mddlH3._smllTxt{height: 36px;}
    ._smllH{height: 22px;}
    .btn.bigSz{height: 46px;}
    .btn.mddlSz{height: 38px;}
    .mealTime_info{height: 55%;}
    .btn.bigSz{width:70%;border-radius: 8px;}
    .orderTracking .btn{padding: 0 2px;   font-size: 0.9em;}
    .dfInput._smllH{font-size: 0.88em;}
    .dfInput {height:42px;}
    .chkBtn{height: 35px;}
    .ipt_group .btn{height: 35px;}
    ._dfInptBar{height: 35px;}
    ._inptDtPckrBx{    margin: 10px 0 5px;}
    .tb_paging{margin-top:0;}
    .orderTracking .btn {height: 32px;}
    .greenFixFooterBtn{height: 50px;padding: 0 calc(50% - 183.5px) 0 calc(50% - 457.5px);}
    .dfInput._w200 {width:150px;}
    .btn._85W {width:60px;}
    .dfInput._w100 {width: calc(100% - 80px);}
    .selectList > li .point {padding: 2px 9px;font-size: 0.7em;}
}