/** index */
.content.mIndex{background-color: #F8F8F8;padding-bottom: 30px;}
.content.mIndex .section01{height: 68px;display: flex;text-align: left;align-items: center;padding: 0 17px;}
.content.mIndex .section01 img{width: 42px;height: 42px;}
.content.mIndex .section01 > span{color: #285F28;font-size: 14px;flex: 1;display: flex;align-items: center;justify-content: end;}
.content.mIndex .section01 > span img{padding-right: 7px;width: 14.3px;height: 17px;}
.content.mIndex .section02{padding: 15px 17px 0;}
.content.mIndex .section02 .swiper-slide > img{border-radius: 12px;}
.content.mIndex .section02 .swiper-pagination{padding-top: 10px;}
.content.mIndex .section02 .swiper-pagination .swiper-pagination-bullet{background-color: #02B763;width: 7px;height: 7px;}
.content.mIndex .section02 .swiper-slide.main {background-color: #FFEDB3;border-radius: 12px;}
.content.mIndex .section02 .swiper-slide div{display: flex;align-items: center;padding: 38px 17px 38px 21.5px;width: 100%;}
.content.mIndex .section02 .swiper-slide div span{color: #333333;font-size: 24px;letter-spacing: -0.72pt;font-weight: 700;flex: 1;text-align: left;}
.content.mIndex .section02 .swiper-slide div img{width: 127px;height: 116px;}.content.mIndex .section02 .swiper-slide div{display: flex;align-items: center;padding: 38px 17px 38px 21.5px;width: 100%;}
.content.mIndex .section02 > div {background-color: #FFEDB3;border-radius: 12px;display: flex;align-items: center;padding: 38px 17px 38px 21.5px;}
.content.mIndex .section02 > div > span{color: #333333;font-size: 24px;letter-spacing: -0.72pt;font-weight: 700;flex: 1;text-align: left;}
.content.mIndex .section02 > div > img{width: 127px;height: 116px;}
.content.mIndex .section03{padding: 33px 17px 6px;}
.content.mIndex .section03 h3{color: #333333;font-size: 16px;font-weight: 700;padding-bottom: 16px;}
.content.mIndex .section03 h3 em{color: #02B763;}
.content.mIndex .section03 li{display: flex;align-items: center;padding: 17px;box-shadow: 0pt 6pt 15pt #0000000D;border-radius: 12px;margin-bottom: 14px;}
.content.mIndex .section03 li img{width: 55px;height: 55px;border: #E4E4E4 1px solid;border-radius: 99px;}
.content.mIndex .section03 li > div{flex: 1;padding-left: 13px;}
.content.mIndex .section03 li > div span{color: #333333;font-size: 17px;font-weight: 700;display: block;}
.content.mIndex .section03 li > div div{display: flex;align-items: center;padding-top: 7px;}
.content.mIndex .section03 li > div div img{width: 17px;height: 17px;margin-right: 5px;}
.content.mIndex .section03 li > div div span{color: #02B763;font-size: 12px;font-weight: 500;}
.content.mIndex .section04{padding: 0 17px;}
.content.mIndex .section04 > div{background-color: #F9D571;border-radius: 12px;padding: 25px 0;text-align: center;}
.content.mIndex .section04 > div div{color: #333333;padding-bottom: 18px;font-size: 14px;}
.content.mIndex .section04 > div a{color: #285F28;font-size: 14px;font-weight: 500;}
.content.mIndex .popup{background-color: rgba(51,51,51,0.8);position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 1}
.content.mIndex .popup > div{background-color: #FFFFFF;border-radius: 31px;position: relative;flex:1;margin: auto 17px;width: 100%;}
.content.mIndex .popup > div > img{position: absolute;right: 35px;top: 33px;z-index: 1;}
.content.mIndex .popup > div > div > div{padding-top: 42px;text-align: center;position: relative;}
.content.mIndex .popup > div > div > div img.beta{position: absolute;top: 44px;left: calc(50% + 30px);}
.content.mIndex .popup > div > div > h3{padding-top: 19px;color: #373454;font-size: 24px;font-weight: 500;text-align: center;}
.content.mIndex .popup > div > div > p{color: #373454;padding: 26px 28px 0;font-size: 14px;font-weight: 300;}
.content.mIndex .popup > div > div > p em{color: #02B763;font-weight: 500;}
.content.mIndex .popup > div > div > img{margin: 0 auto;text-align: center;display: block;padding: 8px 0 21px;}

/** 로그인 */
.content.login{background-color: #F8F8F8;padding-bottom: 10px;}
.content.login > img{display: block;margin: 0 auto;padding-top: 30px;height: 100px;}
.content.login h3{text-align: center;font-size: 24px;font-weight: 500;color: #373454;padding-top: 20px;}
.content.login p{color: #373454;font-size: 14px; font-weight: 300;padding: 30px 46px;}
.content.login .section01{text-align: right;padding: 0 17px;}
.content.login .section01 ul{padding: 20px 0 6px;text-align: left;}
.content.login .section01 ul li{border-radius: 12px;border: solid 1px #E4E4E4;padding: 6px 17px 11px;margin-top: 14px;background-color: #ffffff;}
.content.login .section01 ul li label{color: #333333;font-size: 13px;}
.content.login .section01 ul li > input{border: none;color: #333333;font-size: 17px;margin-top: 5px;width: 100%;}
.content.login .section01 ul li > input:focus{outline: none;}
.content.login .section01 a{text-decoration: none;color: #333333;padding-top: 10px;font-size: 15px;}
.content.login .btnArea{position: absolute;bottom: 20px;width: 100%;}
.content.login.short .btnArea{position: relative;bottom: 0;}
.content.login .btnArea button{justify-content: center;border: solid #E1E0F1 1px;border-radius: 12px;background-color: #FFFFFF;font-size: 15px;font-weight: 500;color: #333333;display: flex;align-items: center;padding: 15px 0;width: calc(100% - 34px);margin: 10px 17px 0;position: relative;}
.content.login .btnArea button img{position: absolute;left: 20px;}
.content.login .btnArea button#btnAppleLogin img{height: 25px;}
.content.login .btnArea button:first-child{margin-right: 0;}
.pc .content.login .btnArea{max-width: 400px;}
.pc .content.login .btnArea button{max-width: 366px;}

/** 마이페이지 */
.content.myPage {background-color: #F8F8F8;padding-bottom: 96px;}
.content.myPage .section01{background-color: #FFFFFF;padding: 22px 17px 20px 34px;display: flex;align-items: center;}
.content.myPage .section01 div{color: #373454;font-size: 13px;flex: 1;}
.content.myPage .section01 div span{color: #333333;font-size: 12px;display: block;}
.content.myPage .section01 div span em{color: #02B763;font-size: 18px;font-weight: 500;}
.content.myPage .section01 button{color: #333333;font-size: 12px;padding: 7px 11px;background-color: #FFFFFF;border: solid 1px #CDCDCD;border-radius: 6px;}
.content.myPage .section02{padding: 0 17px;}
.content.myPage .section02 .swiper-slide img{border-radius: 12px;}
.content.myPage .section02 .swiper-pagination{padding-top: 10px;}
.content.myPage .section02 .swiper-pagination .swiper-pagination-bullet{background-color: #02B763;width: 7px;height: 7px;}
.content.myPage .section03{padding: 0;}
.content.myPage .section03 ul{background-color: #FFFFFF;box-shadow: 0pt 6pt 15pt #0000000D;margin-top: 10px;}
.content.myPage .section03 ul li{border-bottom: solid 1px #E4E4E4;display: flex;padding: 20px 17px;cursor: pointer;}
.content.myPage .section03 ul li:last-child{border-bottom: none;}
.content.myPage .section03 ul li.btnArea{padding:0;}
.content.myPage .section03 ul li.btnArea > button{flex: 1;padding: 20px;color: #333333;font-size: 15px;background-color: #FFFFFF;border: none;border-radius: 12px;}
.content.myPage .section03 ul li label{color: #333333;font-size: 15px;width: 85px;}
.content.myPage .section03 ul li div{flex: 1;position: relative;}
.content.myPage .section03 ul li div span{color: #333333;font-size: 12px;display: block;}
.content.myPage .section03 ul li div span em{color: #02B763;font-size: 17px;font-weight: 500;}
.content.myPage .section03 ul li div button{background-color: #FFFFFF;border-radius: 6px;border: 1px solid #CDCDCD;color: #333333;font-size: 12px;padding: 6px 21px;margin-top: 10px;}
.content.myPage .section03 ul li div img{position: absolute;right: 0;top: 5px;}
.content.myPage .section03 ul li label.full{width: auto;}
.content.myPage .section03 > div{font-size: 13px;color: #707070;text-align: right;padding: 20px 5px 15px;font-weight: 300;}
.content.myPage .section03 > div span{cursor: pointer;}

/** 약관동의 */
.content.clause{background-color: #F8F8F8;height: 100%;}
.content.clause .section01{padding: 33px 17px;}
.content.clause .section01 h3{color: #333333;font-size: 18px;font-weight: 700;}
.content.clause .section01 p{color: #333333;font-size: 13px;padding-top: 10px}
.content.clause .section01 ul{border-radius: 12px; border: 1px solid #E4E4E4;background-color: #FFFFFF;margin-top: 30px}
.content.clause .section01 ul li{border-bottom: 1px solid #E4E4E4;display: flex;padding: 16px;}
.content.clause .section01 ul li:last-child,
.content.clause .section01 ul li:last-child{border-bottom: none;}
.content.clause .section01 ul li input{}
.content.clause .section01 ul li label{color: #171F24;font-size: 15px;flex:1;padding-left: 34px;display: table;}
.content.clause .section01 ul li label em{color: #02B763;}
.content.clause .section01 ul li label span{color: #333333;font-size: 13px;opacity: 0.5;padding-top: 8px;display: block;}
.content.clause .section01 ul li a{color: #333333;font-size: 15px;text-decoration: none;}
.content.clause .section02{background-color: #ffffff;box-shadow: #0000000D 0px -5px 16px;padding: 17px;position: absolute;bottom: 0;width: calc(100% - 34px);}
.pc .content.clause .section02{max-width: 366px}
.content.clause .section02 button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px;width: 100%;border: none;}

/** 약관 */
.content.clau .section01{padding: 16px;}
.content.clau .section01 h3{padding-bottom: 20px;}
.content.clau .section01 h4{padding-bottom: 10px;}
.content.clau .headerTitle{position: sticky;top: 0;}

/** 휴대폰번호 인증 */
.content.authPhone{background-color: #F8F8F8;height: 100%;}
.content.authPhone .section01{padding: 33px 17px;}
.content.authPhone .section01 h3{color: #333333;font-size: 18px;font-weight: 700;}
.content.authPhone .section01 p{color: #333333;font-size: 13px;padding-top: 10px}
.content.authPhone .section01 ul{border-radius: 12px; border: 1px solid #E4E4E4;background-color: #FFFFFF;margin-top: 30px}
.content.authPhone .section01 ul li{padding: 16px;}
.content.authPhone .section01 ul li label{color: #333333;font-size: 13px;display: block}
.content.authPhone .section01 ul li div{padding-top: 25px;display: flex;align-items: center;}
.content.authPhone .section01 ul li div input{border: none;font-size: 17px;width: 100%;align-items: end;padding: 0;}
.content.authPhone .section01 ul li div input:focus{outline: none;}
.content.authPhone .section01 ul li div button{background-color: #CDCDCD;border-radius: 99px;padding: 6px 6px;border: none;display: flex;}
.content.authPhone .section01 ul li div span{color: #02B763;font-size: 12px;}
.content.authPhone .section01 ul li div a{color: #333333;font-size: 14px;width: 60px;padding-left: 24px;}
.content.authPhone .section02{background-color: #ffffff;box-shadow: #0000000D 0px -5px 16px;padding: 17px;position: absolute;bottom: 0;width: calc(100% - 34px);}
.pc .content.authPhone .section02{max-width: 366px;}
.content.authPhone .section02 button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px;width: 100%;border: none;}

/** 개인정보수정 */
.content.myInfo{background-color: #F8F8F8;padding-bottom: 95px;}
.content.myInfo .section01 ul{padding: 84px 17px 6px;}
.content.myInfo .headerTitle{position: fixed;width: calc(100% - 28px);z-index: 1;}
.content.myInfo .section01 ul li{border-radius: 12px;border: solid 1px #E4E4E4;padding: 11px 17px 16px;margin-top: 14px;background-color: #ffffff;}
.content.myInfo .section01 ul li.error{margin-bottom: 40px;border: solid 2px #F4997A;position: relative;}
.content.myInfo .section01 ul li label{color: #333333;font-size: 13px;}
.content.myInfo .section01 ul li > span{color: #333333;font-size: 17px;display: block;padding-top: 25px;opacity: 0.5}
.content.myInfo .section01 ul li > span.error{display: none;}
.content.myInfo .section01 ul li.error > span.error{display: block;color: #F4997A;font-size: 14px;font-weight: 300;position: absolute;}
.content.myInfo .section01 ul li > input{border: none;color: #333333;font-size: 17px;margin-top: 25px;width: 100%;}
.content.myInfo .section01 ul li > input:focus{outline: none;}
.content.myInfo .section01 ul li > div > div{display: flex;padding-top: 21px;}
.content.myInfo .section01 ul li > div > div span{color: #333333;font-size: 17px;flex: 1;}
.content.myInfo .section01 ul li > div > div button{border: 1px solid #CDCDCD;border-radius: 6px;color: #333333;font-size: 12px;padding: 7px 16px;background-color: #ffffff;}
.content.myInfo .section01 ul li > div > span{color: #333333;font-size: 17px;display: block;padding-top: 10px;}
.content.myInfo .section01 ul li > div > input{border: none;color: #333333;font-size: 17px;margin-top: 14px;width: 100%;}
.content.myInfo .section01 ul li > div > input:focus{outline: none;}
.content.myInfo .section01 > span{color: #333333;opacity: 0.6;padding-left: 34px;font-size: 14px;font-weight: 300;}
.content.myInfo .section02{background-color: #ffffff;box-shadow: #0000000D 0px -5px 16px;padding: 17px;position: absolute;bottom: 0;width: calc(100% - 34px);}
.pc .content.myInfo .section02{max-width: 366px;}
.pc.scroll .content.myInfo .section02{max-width: 361px;}
.content.myInfo .section02 button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px;width: 100%;border: none;}
.content.myInfo .section03{position: fixed;top: 0;width: 100%;height: 100%;background-color: #ececec;}
.content.myInfo .section03 .headerTitle{position: relative;}
.pc .content.myInfo .section03{max-width: 400px;}
.pc.scroll .content.myInfo .section03{max-width: 395px;}
.content.myInfo .section03 #divDaumPost{width: 100%;padding: 10px;height: 100%;}
.content.myInfo .section03 #divDaumPost > div{width: calc(100% - 20px) !important;}
.content.myInfo .section04{padding: 14px 17px;}
.content.myInfo .section04 > label{color: #333333;font-size: 18px;font-weight: 700;}
.content.myInfo .section04 ul{padding-top: 12px;}
.content.myInfo .section04 ul li{padding-bottom: 12px;}
.content.myInfo .section04 > input[type=text]{display: block;border: 1px solid #E4E4E4;border-radius: 12px;padding: 17px;background-color: #ffffff;width: calc(100% - 34px);}
.content.myInfo .section04 > span{color: #333333;font-size: 14px;font-weight: 300;padding-top: 16px;display: block;line-height: 1.5;}

/** 충전 */
.content.qqPay{background-color: #F8F8F8;height: 100%;}
.content.qqPay .section01{padding: 30px 17px 0;}
.content.qqPay .section01 p{color: #373454;font-size: 14px;font-weight: 300;padding: 0 17px 30px;line-height: 1.7;}
.content.qqPay .section01 ul li{border: #ffffff solid 2px;padding: 18px 15px 24px;box-shadow: 0pt 6pt 15pt #0000000d;border-radius: 12px;margin-bottom: 14px;background-color: #ffffff;}
.content.qqPay .section01 ul li.on{border: #02B763 solid 2px;position: relative;}
.content.qqPay .section01 ul li.on::after{content:'';background-image: url("/static/images/icon/iconCheck.svg");width: 18px;height: 17px;display: block;position: absolute;right: 17px;top: 33px;}
.content.qqPay .section01 ul li span.amt{color: #02B763;font-size: 17px;font-weight: bold;display: block;}
.content.qqPay .section01 ul li span.point{color: #333333;font-size: 12px;display: block;padding-top: 8px;}
.content.qqPay .section01 ul li span.point em{font-weight: 700;}
.content.qqPay .section02{background-color: #ffffff;box-shadow: #0000000D 0px -5px 16px;padding: 17px;position: absolute;bottom: 0;width: calc(100% - 34px);}
.pc .content.qqPay .section02{max-width: 366px;}
.pc.scroll .content.qqPay .section02{max-width: 361px;}
.content.qqPay .section02 button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px;width: 100%;border: none;}

/** 포인트 내역 */
.content.myPoint{background-color: #F8F8F8;height: 100%;}
.content.myPoint .section01{padding: 30px 17px 0;}
.content.myPoint .section01 div{box-shadow: #0000000D 0px -5px 16px;background-color: #FFFFFF;border-radius: 12px;padding: 23px 17px 30px;}
.content.myPoint .section01 div h5{color: #333333;font-size: 13px;padding-bottom: 10px;}
.content.myPoint .section01 div span{color: #02B763;font-size: 17px;font-weight: 500;}
.content.myPoint .section02{padding: 30px 17px 0;}
.content.myPoint .section02 h3{color: #333333;font-size: 16px;font-weight: 500;}
.content.myPoint .section02 ul{padding-top: 16px;}
.content.myPoint .section02 ul li{padding: 20px 17px 20px;box-shadow: 0pt 6pt 15pt #0000000d;border-radius: 12px;margin-bottom: 6px;background-color: #ffffff;}
.content.myPoint .section02 ul li > span{color: #333333;font-size: 14px;opacity: 0.4;padding: 12px 0 10px;width: 100%;text-align: center;display: block;}
.content.myPoint .section02 ul li > div{}
.content.myPoint .section02 ul li > div label{color: #A19F5A;font-size: 14px;width: 74px;display: inline-block;}
.content.myPoint .section02 ul li > div span{color: #333333;font-size: 14px;padding-left: 10px;}

/** 쿠폰 내역 */
.content.myCoupon{background-color: #F8F8F8;height: 100%;}
.content.myCoupon .section01{padding: 30px 17px;}
.content.myCoupon .section01 div{box-shadow: #0000000D 0px -5px 16px;background-color: #FFFFFF;border-radius: 12px;padding: 23px 17px 30px;}
.content.myCoupon .section01 div h5{color: #333333;font-size: 13px;padding-bottom: 10px;}
.content.myCoupon .section01 div span{color: #02B763;font-size: 17px;font-weight: 500;}
.content.myCoupon .section02{padding: 19px 17px 30px;}
.content.myCoupon .section02 h3{color: #333333;font-size: 16px;font-weight: 500;}
.content.myCoupon .section02 ul{padding-top: 16px;}
.content.myCoupon .section02 ul li{padding: 20px 17px 20px;box-shadow: 0pt 6pt 15pt #0000000d;border-radius: 12px;margin-bottom: 6px;background-color: #ffffff;position: relative;}
.content.myCoupon .section02 ul li > div{display: flex;}
.content.myCoupon .section02 ul li.used > div{opacity: 0.34;}
.content.myCoupon .section02 ul li > span{color: #333333;font-size: 14px;opacity: 0.4;padding: 12px 0 10px;width: 100%;text-align: center;display: block;}
.content.myCoupon .section02 ul li > div > .divImg{position: relative;padding-top: 12px;}
.content.myCoupon .section02 ul li > div > .divImg img{width: 49px;height: 32.5px;}
.content.myCoupon .section02 ul li > div > .divImg span{color: #02B763; font-size: 14px;font-weight: 700;position: absolute;left: 0;top: 19px;width: 100%;text-align: center;letter-spacing: -1.3px;}
.content.myCoupon .section02 ul li > div > .divTxt{padding-left: 20px;}
.content.myCoupon .section02 ul li > div > .divTxt p{color: #333333;font-size: 17px;font-weight: 700;}
.content.myCoupon .section02 ul li > div > .divTxt span.coupNm{color: #718058;font-size: 12px;font-weight: 500;display: block;padding-top: 5px;}
.content.myCoupon .section02 ul li > div > .divTxt span.vldtPeri{color: #333333;font-size: 12px;font-weight: 500;opacity: 0.5}
.content.myCoupon .section02 ul li > div > .divTxt span.vldtPeriYmd{color: #02B763;font-size: 12px;font-weight: 500;padding-left: 10px;}
.content.myCoupon .section02 ul li > div > .divTxt span.minLdtn{color: #333333;font-size: 12px;font-weight: 500;opacity: 0.5;}
.content.myCoupon .section02 ul li > div > .divTxt span.minLdtnAmt{color: #333333;font-size: 12px;font-weight: 500;padding-left: 8px;}
.content.myCoupon .section02 ul li > img{position: absolute;top: 22px;right: 17px;display: none;}
.content.myCoupon .section02 ul li.used > img{display: block;}

/** 퀵퀵카트 소개 */
.content.intro{background-color: #F8F8F8;height: 100%;}
.content.intro .section01 {height: calc(100% - 73px);}
.content.intro .section01 iframe{width: 100%;height: 100%;border: none;}

/** 회원탈퇴 */
.content.leave{background-color: #F8F8F8;height: 100%;}
.content.leave .section01{padding: 30px 17px 0;}
.content.leave .section01 p{padding: 0 17px 37px;color: #373454;font-size: 14px;font-weight: 300;line-height: 1.8;}
.content.leave .section01 > span{color: #333333;font-size: 13px;}
.content.leave .section01 > span em{color: #02B763;font-size: 16px;font-weight: 700;}
.content.leave .section01 > div{box-shadow: 0pt 6pt 15pt #0000000d;border-radius: 12px;padding: 21px 17px 23px;margin-top: 11px;}
.content.leave .section01 > div li{}
.content.leave .section01 > div label{color: #333333;font-size: 12px;font-weight: 700;opacity: 0.5;width: 65px;display: inline-block;}
.content.leave .section01 > div span{color: #02B763;font-size: 12px;font-weight: 700;}
.content.leave .section01 > button{margin-top: 30px;border:none;width: 100%;background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px 0;}
.content.leave .popup{background-color: rgba(51,51,51,0.8);position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
.content.leave .popup > div{background-color: #FFFFFF;border-radius: 31px;position: relative;flex:1;margin: auto 17px;width: 100%;}
.content.leave .popup > div > div > h3{padding-top: 53px;color: #373454;font-size: 24px;font-weight: 500;text-align: center;}
.content.leave .popup > div > div > p{color: #373454;padding: 17px 28px 0;font-size: 14px;font-weight: 300;line-height: 1.8;}
.content.leave .popup > div > div > img{margin: 0 auto;text-align: center;display: block;padding: 48px 0 0px;}
.content.leave .popup > div > div > button{border:none;width: calc(100% - 94px);background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px 0;    margin: 0 47px 30px;}

/** 주문내역 */
.content.myOrder{background-color: #F8F8F8;}
.content.myOrder .section01{padding: 30px 17px 20px;text-align: right;position: relative;}
.content.myOrder .section01 span{color: #333333;font-size: 12px;font-weight: 500;}
.content.myOrder .section01 img{padding-left: 6px;width: 10px;height: 6px;position: relative;top: -1px;display: inline-block;}
.content.myOrder .section01.on img{transform: rotateX(180deg);}
.content.myOrder .section01 div{border: #E4E4E4 solid 1px;border-radius: 12px;background-color: #ffffff;padding: 21px 22px 11px;position: absolute;right: 17px;top: 60px;z-index: 100;}
.content.myOrder .section01 div ul li{color: #333333;font-size: 15px;padding-bottom: 10px;text-align: left;}
.content.myOrder .section02 > div{padding: 0 17px;display: flex;}
.content.myOrder .section02 > div a{color: #333333;font-size: 14px;text-align: center;padding: 15px 0;flex: 1;}
.content.myOrder .section02 > div a.on{color: #FFFFFF;font-weight: 700;background-color: #02B763;border-radius: 12px;}
.content.myOrder .section03 {padding: 10px 17px 0;}
.content.myOrder .section03 > ul > li {background-color: #ffffff;border-radius: 12px;box-shadow: 0pt 6pt 15pt #0000000D;padding: 16px 17px;margin-bottom: 8px;}
.content.myOrder .section03 > ul > li > span{color: #333333;font-size: 14px;opacity: 0.4;display: block;width: 100%;text-align: center;padding: 39px 0;}
.content.myOrder .section03 > ul > li > a  {display: flex;}
.content.myOrder .section03 > ul > li > a  > img{width: 87px;height: 87px;border-radius: 10px}
.content.myOrder .section03 > ul > li > a  h5{color: #333333;font-size: 18px;font-weight: 500;}
.content.myOrder .section03 > ul > li > a  p{color: #333333;font-size: 13px;font-weight: normal;padding-top: 8px;}
.content.myOrder .section03 > ul > li > a  a{color: #333333;font-size: 12px;font-weight: normal;display: flex;align-items: center;padding-top: 18px;}
.content.myOrder .section03 > ul > li > a  div{padding-left: 10px;}
.content.myOrder .section03 > ul > li > a  div img{width: 6px;padding-left: 6px;}
.content.myOrder .section03 > ul > li > a  div span{color: #333333;font-size: 12px;font-weight: 500;padding-top: 12px;display: flex;align-items: center;}
.content.myOrder .section04{padding: 10px 17px 0;}
.content.myOrder .section04 > ul > li {background-color: #ffffff;border-radius: 12px;box-shadow: 0pt 6pt 15pt #0000000D;padding: 16px 17px;margin-bottom: 8px;}
.content.myOrder .section04 > ul > li > span{color: #333333;font-size: 14px;opacity: 0.4;display: block;width: 100%;text-align: center;padding: 39px 0;}
.content.myOrder .section04 > ul > li > div > label{color: #02B763;font-size: 12px;padding-top: 7px;display: block;}
.content.myOrder .section04 > ul > li > div > p{color: #333333;font-size: 18px;font-weight: 700;padding-top: 10px;}
.content.myOrder .section04 > ul > li > div > p span{font-size: 12px;padding-left: 12px;font-weight: normal;}
.content.myOrder .section04 > ul > li > div > span{color: #333333;font-size: 14px;opacity: 0.5;}

/** 계산기 */
.content.calc{background-color: #F8F8F8;padding: 0px 17px;height: 100%;}
.content.calc h3{color: #333333;font-size: 18px;font-weight: 700;padding: 20px 0;display: flex;align-items: center;}
.content.calc h3 div{flex: 1;display: flex;padding-left: 20px;}
.content.calc h3 div button{border: 0;background-color: #fff;font-size: 14px;padding: 8px 20px;border-radius: 0 12px 12px 0;}
.content.calc h3 div button:first-child{border-radius: 12px 0 0 12px;}
.content.calc h3 div button.on{color: #ffffff;color: #FFFFFF;background-color: #02B763;}
.content.calc h3 img{width: 20px;height: 20px;}
.content.calc ul{}
.content.calc ul li{margin-bottom: 14px;display: block;}
.content.calc ul li.hr{background-color: #E4E4E4;height: 1px;}
.content.calc ul li > span{text-align: right;font-size: 12px;display: block;padding-top: 5px;}
.content.calc ul li > span em{font-weight: 700;}
.content.calc ul li > div{border-radius: 12px;background-color: #FFFFFF;border: #E4E4E4 solid 1px;padding: 11px 17px;}
.content.calc ul li > div label{color: #333333; font-size: 13px;display: block;}
.content.calc ul li > div div{display: flex;align-items: end;}
.content.calc ul li > div div input{border: none;text-align: right;font-size: 17px;width: 100%;align-items: end;}
.content.calc ul li > div div input:focus{outline: none;}
.content.calc ul li > div div em{font-size: 13px;padding-bottom: 2px;width: 20px;}
.content.calc ul li.ramt{}
.content.calc ul li.ramt > div{display: flex;align-items: center;padding-top: 10px;border-radius:none;background-color: #F8F8F8;border: none;padding: 10px 0 0;}
.content.calc ul li.ramt label{font-size: 17px;display: inline-block;font-weight: 700;flex: 1;}
.content.calc ul li.ramt span{text-align: right;font-size: 20px;font-weight: 700;}
.content.calc ul li.ramt span em{font-size: 13px;}
.content.calc > div{display: flex;padding-top: 30px;}
.content.calc > div button{width: 100%;border-radius: 12px;font-size: 16px;font-weight: 500;color: #333333;background-color: #ffffff;border: 0;padding: 15px 0;margin-right: 10px;border: 1px solid #CDCDCD ;}
.content.calc > div button:last-child{color: #ffffff;color: #FFFFFF;background-color: #02B763;margin-left: 10px;margin-right: 0;border: none;}

/** headerTitle */
.headerTitle{padding: 14px 17px;position: relative;background-color: #FFFFFF;height: 40px;display: flex;align-items: center;}
.headerTitle > img{cursor: pointer;}
.headerTitle img.back{width: 35px;height: 35px;position: absolute;}
.headerTitle img.btnBack{width: 35px;height: 35px;position: absolute;}
.headerTitle img.close{width: 22px;height: 22px;position: absolute;right: 17px;}
.headerTitle img.close.type02{left: 17px;}
.headerTitle h4{color: #373454; font-size: 18px;font-weight: 500;width: 100%;text-align: center;}

/** menuBottom */
.menuBottom{width: 100%;height: 96px;position: fixed;bottom: 0;background-color: #ffffff;border-top: 1px solid #E4E4E4;}
.menuBottom ul{display: flex;}
.menuBottom li{text-align: center;flex: 1;text-align: center;padding-top: 15px;}
.menuBottom li img{height: 26px;}
.menuBottom li span{color: #333333;font-size: 12px;display: block;padding-top: 6px;}
.menuBottom li.on span{color: #02B763}

/** footer */
footer{background-color: #ffffff;}
/*footer{background-color: #F5F5F5;}*/
footer > div{position: relative;padding: 32px 16px 140px;}
footer > div div{padding-top: 0;}
footer > div div:last-child{padding-top: 30px;}
footer > div span{color: #333333;display: block;padding-top: 5px;font-size: 13px;padding-right: 0;}
footer > div span a{text-decoration: underline;color: #86B528;}
footer > div span em{color: #000000;}

/** v1 index */
.content.mIndex2.v1{padding: 20px;}
.content.mIndex2.v1 li{}

/** v1 index */
.content.mIndex.v1{background-color: #ffffff;padding-top: 68px;}
.content.mIndex.v1 > .headerTitle{position: fixed;width: 100%;padding: 14px 0;top: 0;z-index: 2;}
.content.mIndex.v1 > .headerTitle.shadow{box-shadow: 0pt 3pt 6pt #0000001A;}
.content.mIndex.v1 > .headerTitle > img{position: absolute;left: 17px;}
.pc .content.mIndex.v1 > .headerTitle{max-width: 400px;}
.pc.scroll .content.mIndex.v1 > .headerTitle{max-width: 395px;}
.content.mIndex.v1 .section01{height: auto;}
.content.mIndex.v1 .section01 > div{background-color: #E4E4E4;border-radius: 12px;height: 93px;width: 100%;}
.content.mIndex.v1 .section01 > a{display: flex;text-align: center;justify-content: center;width: 100%;align-items: center;color: #333333;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.content.mIndex.v1 .section01 > a img{width: 17px;height: 20px;padding-right: 6px;}
.content.mIndex.v1 .section01 > a em{color: #02B763;font-size: 14px;font-weight: 500;padding-left: 6px;text-decoration: underline;}
.content.mIndex.v1 .section02{padding: 20px 0 0;}
.content.mIndex.v1 .section02 h3{color: #333333;font-size: 16px;font-weight: 400;padding-left: 17px;}
.content.mIndex.v1 .section02 h3 em{color: #02B763;}
.content.mIndex.v1 .section02 li{padding: 20px 17px;border-bottom: solid 1px #E4E4E4;}
.content.mIndex.v1 .section02 li a{display: flex;align-items: center;text-decoration: none;}
.content.mIndex.v1 .section02 li a > img{width: 55px;height: 55px;border: #E4E4E4 1px solid;border-radius: 99px;}
.content.mIndex.v1 .section02 li a > div{flex: 1;padding-left: 13px;position: relative;padding-right: 30px;}
.content.mIndex.v1 .section02 li a > div img{width: 17px;height: 17px;margin-right: 5px;}
.content.mIndex.v1 .section02 li a > div p{color: #333333;font-size: 18px;font-weight: 700;}
.content.mIndex.v1 .section02 li a > div > div{display: flex;align-items: center;padding-top: 7px;}
.content.mIndex.v1 .section02 li a > div > div .close{display: none;}
.content.mIndex.v1 .section02 li a > div > div.close .time{display: none;}
.content.mIndex.v1 .section02 li a > div > div.close .close{display: inline-block;}
.content.mIndex.v1 .section02 li a > div > div span{color: #02B763;font-size: 12px;font-weight: 500;}
.content.mIndex.v1 .section02 li a > div > div.close span{color: #F4997A;font-size: 12px;}
.content.mIndex.v1 .section02 li a > div > img{position: absolute;right: 0;top: 11px;}
.content.mIndex.v1 .section02 li a > div > span{display: inline-flex;border-radius: 14px;border: 1px solid #E4E4E4;padding: 5px 16px 5px 10px;color: #02B763;font-size: 12px;font-weight: 500;margin-top: 8px;}
.content.mIndex.v1 .section03{padding: 30px 16px 0;}
.content.mIndex.v1 .section03 > div{background-color: #F8F8F8;border-radius: 12px;display: flex;padding: 18px 0 0 12px;align-items: end;}
.content.mIndex.v1 .section03 > div > div{display: flex;flex-direction: column;padding:0 0 12px 13px;}
.content.mIndex.v1 .section03 > div > div h5{color: #F4997A;font-size: 17px;font-weight: 700;}
.content.mIndex.v1 .section03 > div > div p{color: #333333;font-size: 13px;font-weight: 300;padding-top: 8px;}
.content.mIndex.v1 .section03 > div > div a{color: #02B763;font-size: 13px;font-weight: 700;padding-top: 12px;text-decoration: none;}
.content.mIndex.v1 .section03 > div > div a img{padding-left: 8px;}
.content.mIndex.v1 .section04{padding-top: 30px;}
.content.mIndex.v1 .section04 h3{color: #333333;font-size: 16px;font-weight: 400;}
.content.mIndex.v1 .section04 ul{}
.content.mIndex.v1 .section04 ul li{padding: 21px 0;border-bottom: solid 1px #E4E4E4;cursor: pointer;}
.content.mIndex.v1 .section04 ul li h4{color: #333333;font-size: 16px;font-weight: 400;width: 100%;position: relative;}
.content.mIndex.v1 .section04 ul li h4 img{position: absolute;right: 0;transform: rotateZ(180deg);top: calc(50% - 14px);transition: all 0.5s;}
.content.mIndex.v1 .section04 ul li.on h4 img{transform: rotateZ(0deg);}
.content.mIndex.v1 .section04 ul li div{display: none;padding-top: 21px;}
.content.mIndex.v1 .section04 ul li div p{color: #333333;font-size: 16px;font-weight: 400;}
.content.mIndex.v1 .section05{text-align: center;flex-direction: column;justify-content: center;align-items: center;display: flex;}
.content.mIndex.v1 .section05 img{width: 250px;}
.content.mIndex.v1 .section05 p{color: #333333;font-size: 20px;font-weight: 400;padding-top: 40px;}
.content.mIndex.v1 .section06{padding-top: 20px;}
.content.mIndex.v1 .section06 h3{color: #333333;font-size: 16px;font-weight: 400;padding-left: 17px;}
.content.mIndex.v1 .section06 h3 em{color: #02B763;}
.content.mIndex.v1 .section06 .swiper-wrapper{padding: 16px 17px;}
.content.mIndex.v1 .section06 .swiper-slide{display: block;padding-right: 0;width: 81px;}
.content.mIndex.v1 .section06 .swiper-slide img{border: 1px solid #E4E4E4;border-radius: 99px;width: 65px;height: 65px;display: block;margin: auto;}
.content.mIndex.v1 .section06 .swiper-slide p{color: #333333;font-size: 12px;font-weight: 500;display: block;padding: 5px 5px 0;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.content.mIndex.v1 .section06 .swiper-slide span{color: #02B763;font-size: 10px;font-weight: 500;display: block;padding-top: 3px;}
.content.mIndex.v1 .section07{border-bottom: solid 1px #E4E4E4;padding: 15px 0 0;}
.content.mIndex.v1 .section07 .swiper-wrapper{padding-left: 17px;}
.content.mIndex.v1 .section07 .swiper-slide{width: auto;padding-right: 20px;}
.content.mIndex.v1 .section07 .swiper-slide a{color: #333333;font-size: 14px;font-weight: 400;height: 30px;}
.content.mIndex.v1 .section07 .swiper-slide a.on{color: #02B763;}
.content.mIndex.v1 .section07 .swiper-slide a.on:after{content: '';height: 2px;background-color: #02B763;width: calc(100% - 20px);position: absolute;left: 0;bottom: 0;}
.content.mIndex.v1 .section08 {padding: 5px 17px 10px;}
.content.mIndex.v1 .section08 .swiper-slide {padding:0;}
.content.mIndex.v1 .section08 .swiper-slide a {width: 100%;}
.content.mIndex.v1 .section08 .swiper-slide a img {width: 100%;border-radius: 12px;}
.content.mIndex.v1 .section08 .swiper .swiper-pagination{position: absolute;bottom: 0;width: 100%;}
.content.mIndex.v1 .section08 .swiper .swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;margin-right: 7px;}
.content.mIndex.v1 .section08 .swiper .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.content.mIndex.v1 footer{background-color: #ffffff;}
.content.mIndex.v1 footer > div{padding: 30px 17px 70px;}
.content.mIndex.v1 footer > div span{font-size: 12px;}
.content.mIndex.v1 footer > div span a{color: #02B763;}

/** 상점 상세 */
.content.mStore.v1{padding-bottom: 161px;}
.content.mStore.v1 .confirm{background-color: #02B763;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;z-index: 3;position: fixed;top: -92px;width: 100%;}
.pc .content.mStore.v1 .confirm{max-width: 400px;}
.content.mStore.v1 .confirm div{display: flex;padding: 41px 17px 30px 34px;}
.content.mStore.v1 .confirm div span{flex: 1;color: #FFFFFF;font-size: 14px;font-weight: 300;}
.content.mStore.v1 .confirm div img{}
.content.mStore.v1 .headerTitle{padding: 14px 17px 0px;position: fixed;top:0;width: calc(100% - 34px);z-index: 2;display: block;height: auto;}
.content.mStore.v1 .headerTitle > div.head{display: flex;}
.content.mStore.v1 .headerTitle > div.head img{position: relative;z-index: 1;cursor: pointer;}
.content.mStore.v1 .headerTitle > div.head > span{position: absolute;width: calc(100% - 34px);text-align: center;}
.content.mStore.v1 .headerTitle > div.head > span > div{display: inline-block;cursor: pointer;}
.content.mStore.v1 .headerTitle > div.head > span > div > img{width: 41px;height: 41px;border-radius: 99px;border: 1px solid #E4E4E4;}
.content.mStore.v1 .headerTitle > div.head > span > div span{color: #333333;font-size: 13px;font-weight: 700;display: block;display: flex;justify-content: center;align-items: center;}
.content.mStore.v1 .headerTitle > div.head > span > div span img{margin-left: 5px;}
.content.mStore.v1 .headerTitle .section01{display: flex;align-items: center;padding: 35px 17px 5px;justify-content: center;}
.content.mStore.v1 .headerTitle .section01 p{color: #333333;font-size: 13px;font-weight: 500;padding: 0 12px 0 6px;}
.content.mStore.v1 .headerTitle .section01 span{color: #02B763;font-size: 12px;font-weight: 500;}
.content.mStore.v1 .headerTitle .section01 .close{display: none;}
.content.mStore.v1 .headerTitle .section01.close .time{display: none;}
.content.mStore.v1 .headerTitle .section01.close .close{    display: inline-block;position: static;width: 17px;}
.content.mStore.v1 .headerTitle .section01 span{color: #02B763;font-size: 12px;font-weight: 500;}
.content.mStore.v1 .headerTitle .section01.close span{color: #F4997A;font-size: 13px;padding-left: 5px;}
.content.mStore.v1 .divSearch{width: calc(100% - 34px);height: 55px;border-radius: 12px;border: #E4E4E4 1px solid;margin-left: 17px;margin-top: 114px;display: flex;background-color: #F8F8F8}
.content.mStore.v1 .divSearch input{border: none;width: 100%;color: #333333;font-size: 16px;font-weight: 700;margin-left: 17px;margin-right: 17px;background: none;}
.content.mStore.v1 .divSearch input::placeholder{font-weight: 400;}
.content.mStore.v1 .divSearch input:focus{outline: none;}
.content.mStore.v1 .divSearch img.search{width: 16px;padding-left: 12px;}
.content.mStore.v1 .divSearch img.del{width: 20px;padding-right: 16px;cursor: pointer;}
.content.mStore.v1 .section02{padding: 20px 0 0 17px;}
.content.mStore.v1 .section02 > p{font-size: 14px;color: #333333;font-weight: 400;padding-bottom: 20px;}
.content.mStore.v1 .section02 > p em{font-weight: 700;}
.content.mStore.v1 .section02 > img{padding-top: 80px;margin: 0 auto;width: 234px;display: block;}
.content.mStore.v1 .section02 .list{}
.content.mStore.v1 .section02 .list h4{color: #333333;font-size: 20px;font-weight: 700;padding-bottom: 19px;}
.content.mStore.v1 .section02 .list h4 span{color: #718058;font-size: 14px;font-weight: 500;padding-left: 6px;}
.content.mStore.v1 .section02 .list ul{text-align: center;}
.content.mStore.v1 .section02 .list ul li{display: inline-table;width: 155px;padding-right: 16px;padding-bottom: 30px;}
.content.mStore.v1 .section02 .list ul li .divImg {position: relative;overflow: hidden;}
.content.mStore.v1 .section02 .list ul li .divImg > img{width: 155px;height: 154px;border-radius: 20px;}
.content.mStore.v1 .section02 .list ul li .divImg > div{position: absolute;top: 0;right: 0;height: 37px;background-color: #ffffff;border-radius: 99px;display: flex;align-items: center;transition: all 0.2s;width: 37px;box-shadow: 0pt 3pt 6pt #00000029;cursor: pointer;}
.content.mStore.v1 .section02 .list ul li .divImg > div span{color: #02B763;font-size: 16px;font-weight: 700;display: inline-block;display: none;width: 61px;text-align: center;}
.content.mStore.v1 .section02 .list ul li .divImg > div img{width: 17px;}
.content.mStore.v1 .section02 .list ul li .divImg > div > div{height: 100%;display: flex;padding: 0 10px;}
.content.mStore.v1 .section02 .list ul li .divImg > div .del{display: none;}
.content.mStore.v1 .section02 .list ul li .divImg > div.ing{justify-content: center;width: 54px;}
.content.mStore.v1 .section02 .list ul li .divImg > div.ing span{display: inline-block;}
.content.mStore.v1 .section02 .list ul li .divImg > div.ing .del{display: none;}
.content.mStore.v1 .section02 .list ul li .divImg > div.ing .minus{display: none;}
.content.mStore.v1 .section02 .list ul li .divImg > div.ing .add{display: none;}
.content.mStore.v1 .section02 .list ul li .divImg > div.active{width: 116px;overflow: hidden;cursor: default;}
.content.mStore.v1 .section02 .list ul li .divImg > div.active .add{display: flex;cursor: pointer;}
.content.mStore.v1 .section02 .list ul li .divImg > div.active .del{display: flex;cursor: pointer;}
.content.mStore.v1 .section02 .list ul li .divImg > div.active .minus{display: flex;cursor: pointer;}
.content.mStore.v1 .section02 .list ul li .divImg > div.active span{display: inline-block;}
.content.mStore.v1 .section02 .list ul li > div span{color: #333333;font-size: 14px;font-weight: 700;display: flex;align-items: center;    padding-top: 3px;}
.content.mStore.v1 .section02 .list ul li > div span em{font-size: 12px;font-weight: normal;padding-right: 5px;opacity: 0.6;text-decoration: line-through;}
.content.mStore.v1 .section02 .list ul li > div h5{color: #333333;font-size: 13px;padding-top: 3px;font-weight: normal;text-align: left;}
.content.mStore.v1 .section02 .list ul li > div .dis{color: #F4997A;font-size: 13px;font-weight: 700;padding-top: 1px;text-align: left;}
.content.mStore.v1 .section02 .list ul li > div .diff{color: #333333;font-size: 11px;font-weight: normal;opacity: 0.6;padding-top: 1px;text-align: left;}
.content.mStore.v1 .section03{position: fixed;bottom:0;width: 100%;background-color: #02B763;height: 78px;padding: 0px 17px;transition: all 0.4s;}
.pc .content.mStore.v1 .section03{max-width: 366px;}
.pc.scroll .content.mStore.v1 .section03{max-width: 361px;}
.content.mStore.v1 .section03.active{height: 149px;padding: 15px 17px 29px;}
.content.mStore.v1 .section03 .divTxt{display: flex;align-items: center;height: 100%;cursor: pointer;}
.content.mStore.v1 .section03.active .divTxt{display: none;}
.content.mStore.v1 .section03 .divTxt > img{margin-left: 27px;}
.content.mStore.v1 .section03 .divTxt > p{color: #FFFFFF;font-size: 13px;flex: 1;padding-left: 13px;}
.content.mStore.v1 .section03 .divTxt > p span{font-size: 16px;display: flex;}
.content.mStore.v1 .section03 .divTxt > p span img{padding-left: 6px;}
.content.mStore.v1 .section03 .divInput {display: none;width: 100%;}
.content.mStore.v1 .section03.active .divInput {display: inline-block;}
.content.mStore.v1 .section03 .divInput > input{border: 1px #FFFFFF solid;border-radius: 12px;height: 51px;width: calc(100% - 51px);padding-left: 17px;font-size: 17px;font-weight: 300;}
.pc .content.mStore.v1 .section03 .divInput > input{width: calc(100% - 17px);}
.content.mStore.v1 .section03 .divInput > div.close{width: calc(100% - 34px);text-align: center;padding-bottom: 10px;}
.pc .content.mStore.v1 .section03 .divInput > div.close{width: 100%;cursor: pointer;}
.content.mStore.v1 .section03 .divInput > div.quty{display: inline-flex;padding-top: 16px;width: calc(100% - 34px);}
.pc .content.mStore.v1 .section03 .divInput > div.quty{width: 100%;}
.content.mStore.v1 .section03 .divInput > div.quty > div{background-color: #F8F8F8;border-radius: 19px;display: inline-flex;width: 50%;height: 51px;margin-right: 10px;}
.content.mStore.v1 .section03 .divInput > div.quty > div img{width: 18px;padding: 0 18px;}
.content.mStore.v1 .section03 .divInput > div.quty > div img.disabled{opacity: 0.4;}
.content.mStore.v1 .section03 .divInput > div.quty > div input{border: none;color: #333333;font-size: 16px;font-weight: 700;width: 100%;background-color: #F8F8F8;text-align: center;}
.content.mStore.v1 .section03 .divInput > div.quty button{background-color: #FFFFFF;border-radius: 19px;color: #02B763;font-size: 16px;font-weight: 700;width: 50%;border: none;padding: 15px 0;margin-left: 10px;}
.content.mStore.v1 .section03 .divInput > div.quty button:disabled{opacity: 0.4;}
.content.mStore.v1 .section04{text-align: center;}
.content.mStore.v1 .section04 span{color: #333333;font-size: 20px;font-weight: 400;opacity: 0.6;}
.content.mStore.v1 .section04 div{background-color: #E4E4E4;border-radius: 12px;color: #333333;font-size: 21px;font-weight: 400;position: fixed;bottom: 214px;padding: 22px 13px 19px;opacity: 1;margin: 0 22px;letter-spacing: -1.65px;width: calc(100% - 70px);}
.pc .content.mStore.v1 .section04 div{max-width: 330px;}
.content.mStore.v1 .section04 div img{position: absolute;bottom: -14.6px;left: 41px;}
.content.mStore.v1 .section05{border-bottom: solid 1px #E4E4E4;padding: 22px 0 0;}
.content.mStore.v1 .section05 .swiper-wrapper{padding-left: 17px;}
.content.mStore.v1 .section05 .swiper-slide{width: auto;padding-right: 20px;}
.content.mStore.v1 .section05 .swiper-slide a{color: #333333;font-size: 16px;font-weight: 400;height: 30px;}
.content.mStore.v1 .section05 .swiper-slide a.on{color: #02B763;font-weight: 700;}
.content.mStore.v1 .section05 .swiper-slide a.on:after{content: '';height: 2px;background-color: #02B763;width: calc(100% - 20px);position: absolute;left: 0;bottom: 0;}
.content.mStore.v1 .section06{padding: 14px 0 0;}
.content.mStore.v1 .section06 .swiper-wrapper{padding-left: 17px;}
.content.mStore.v1 .section06 .swiper-slide{width: auto;padding-right: 20px;}
.content.mStore.v1 .section06 .swiper-slide a{color: #333333;font-size: 14px;font-weight: 400;padding: 5px 25px;background-color: #E4E4E4;border-radius: 21px;}
.content.mStore.v1 .section06 .swiper-slide a.on{border: 2px solid #707070;padding: 3px 21px;}
.content.mStore.v1 .popup{background-color: rgba(51,51,51,0.8);position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 2;}
.content.mStore.v1 .popup > div{background-color: #FFFFFF;border-radius: 31px;position: relative;flex: 1;width: 100%;padding: 28px 0 21px;margin: auto 17px;}
.pc .content.mStore.v1 .popup > div{max-width: 370px;margin: auto;}
.content.mStore.v1 .popup > div > div{width: 100%;text-align: center;}
.content.mStore.v1 .popup > div > div > img{width: 91px;height: 91px;border: 1px solid #E4E4E4;border-radius: 99px;}
.content.mStore.v1 .popup > div > h3{color: #333333;font-size: 20px;font-weight: 700;text-align: center;padding-top: 5px;}
.content.mStore.v1 .popup > div hr{height: 1px;background-color: #E4E4E4;border: none;margin: 20px 0;}
.content.mStore.v1 .popup > div > h4{color: #333333;font-size: 17px;font-weight: 700;padding-left: 16px;}
.content.mStore.v1 .popup > div > p{color: #333333;font-size: 14px;padding: 12px 16px 0;line-height: 1.8;}
.content.mStore.v1 .popup > div > span{color: #333333;font-size: 14px;display: block;padding-left: 16px;}
.content.mStore.v1 .popup > div > span em{color: #02B763;padding-top: 10px;display: inline-block;}
.content.mStore.v1 .popup > div > div > button{background-color: #333333;border-radius: 19px;color: #FFFFFF;font-size: 16px;font-weight: 700;padding: 17px 0;width: calc(100% - 32px);border: none;margin: 0 16px;}

/** menuBottom v1 */
.pc .menuBottom.v1{max-width: 400px;}
.pc.scroll .menuBottom.v1{max-width: 395px;}
.menuBottom.v1{height: 57px;}
.menuBottom ul{padding: 0 20px;height: 100%;align-items: center;}
.menuBottom li{padding-top: 0px;}
.menuBottom li a{position: relative;}
.menuBottom li a span{padding-top: 0;font-size: 10px;font-weight: 400;}
.menuBottom li a div{display: inline-block;position: relative;}
.menuBottom li a img{height: 17px;}
.menuBottom li a div img.ing{height: 9px;position: absolute;left: 17px;}
.menuBottom li a div #sMenuOrderCnt{position: absolute;left: 16px;top: -5px;padding: 1px 5.5px 2px 4.5px;background-color: #F4997A;border-radius: 100%;color: #ffffff;}
.menuBottom li.on a span{font-weight: 700;}
.divMenuSearch{position: fixed;top: 100%;background-color: #fff;width: 100%;height: 100%;transition: all 0.5s;opacity: 1;}
.pc .divMenuSearch{max-width: 400px;}
.divMenuSearch.active{opacity: 1;top: 0;z-index: 3;}
.divMenuSearch .divAddr {text-align: center;display: flex;justify-content: center;align-items: center;}
.divMenuSearch .divAddr img{width: 17px;height: 20px;padding-right: 6px;}
.divMenuSearch .divSearch{width: calc(100% - 34px);height: 55px;border-radius: 12px;border: #E4E4E4 1px solid;margin-left: 17px;margin-top: 20px;display: flex;background-color: #F8F8F8}
.divMenuSearch .divSearch input{border: none;width: 100%;color: #333333;font-size: 16px;font-weight: 700;margin-left: 17px;margin-right: 17px;background: none;}
.divMenuSearch .divSearch input::placeholder{font-weight: 400;}
.divMenuSearch .divSearch input:focus{outline: none;}
.divMenuSearch .divSearch img.search{width: 16px;padding-left: 12px;}
.divMenuSearch .divSearch img.del{width: 20px;padding-right: 16px;}
.divMenuSearch > span{color: #333333;font-size: 14px;font-weight: 400;padding: 20px 17px 10px;display: block;}
.divMenuSearch > span em{font-weight: 500;}
.divMenuSearch .divSearchStore{overflow: auto;}
.divMenuSearch .divSearchStore li{padding: 20px 17px;border-bottom: solid 1px #E4E4E4;}
.divMenuSearch .divSearchStore li a{display: flex;align-items: center;text-decoration: none;}
.divMenuSearch .divSearchStore li a > img{width: 55px;height: 55px;border: #E4E4E4 1px solid;border-radius: 99px;}
.divMenuSearch .divSearchStore li a > div{flex: 1;padding-left: 13px;position: relative;}
.divMenuSearch .divSearchStore li a > div img{width: 17px;height: 17px;margin-right: 5px;}
.divMenuSearch .divSearchStore li a > div p{color: #333333;font-size: 18px;font-weight: 700;}
.divMenuSearch .divSearchStore li a > div > div{display: flex;align-items: center;padding-top: 7px;}
.divMenuSearch .divSearchStore li a > div > div .close{display: none;}
.divMenuSearch .divSearchStore li a > div > div.close .time{display: none;}
.divMenuSearch .divSearchStore li a > div > div.close .close{display: inline-block;}
.divMenuSearch .divSearchStore li a > div > div span{color: #02B763;font-size: 12px;font-weight: 500;}
.divMenuSearch .divSearchStore li a > div > div.close span{color: #F4997A;font-size: 12px;}
.divMenuSearch .divSearchStore li a > div > span.now{display: inline-flex;border-radius: 14px;border: 1px solid #E4E4E4;padding: 5px 16px 5px 10px;color: #02B763;font-size: 12px;font-weight: 500;margin-top: 8px;}
.divMenuSearch .divSearchStore li a > div > img{position: absolute;right: 0;top: 11px;}

/** 장바구니 */
.content.mCart .headerTitle{z-index: 1}
.content.mCart .noData{display: flex;height: 100%;position: absolute;top: 0;justify-content: center;align-content: center;width: 100%;flex-direction: column;}
.pc .content.mCart .noData{max-width: 400px;}
.pc.scroll .content.mCart .noData{max-width: 395px;}
.content.mCart .noData div{text-align: center;}
.content.mCart .noData p{color: #333333;font-size: 20px;padding-top: 45px;}
.content.mCart .section01{}
.content.mCart .section01 li{border-bottom: solid 1px #E4E4E4;padding: 20px 17px;}
.content.mCart .section01 li .divShop{display: flex;align-items: center;}
.content.mCart .section01 li .divShop > img{width: 41px;height: 41px;border-radius: 99px;border: 1px solid #E4E4E4;}
.content.mCart .section01 li .divShop h4{color: #333333;font-size: 17px;font-weight: 700;padding-left: 8px;flex: 1;}
.content.mCart .section01 li .divShop h4 a{display: flex;}
.content.mCart .section01 li .divShop h4 img{padding-left: 8px;padding-right: 8px;}
.content.mCart .section01 li .divShop span{color: #02B763;font-size: 12px;font-weight: 700;}
.content.mCart .section01 li .divImg{padding-top: 20px;display: flex;align-items: center;}
.content.mCart .section01 li .divImg img{width: 53px;height: 53px;border-radius: 10px;margin-right: 11px;}
.content.mCart .section01 li .divImg div{width: 55px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: normal;}
.content.mCart .section01 li .divImg span{color: #333333;font-size: 15px;font-weight: normal;display: inline-block;background-color: #F8F8F8;border-radius: 10px;padding: 15.5px 17px;}
.content.mCart .section01 li .divImg div + span{margin-left: 10px;}
.content.mCart .section01 li .divImg span em{color: #02B763;font-size: 15px;font-weight: 700;padding-left: 2px;}
.content.mCart .section01 li .divBtn{padding-top: 20px;}
.content.mCart .section01 li .divBtn button{width: 100%;background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px 0;border: none;}

/** 장바구니 상세 */
.content.mCartDtpt{padding: 68px 0 120px;}
.content.mCartDtpt .headerTitle{position: fixed;top: 0;width: 100%;z-index: 1;}
.content.mCartDtpt .headerTitle h4{width: calc(100% - 34px);}
.content.mCartDtpt .section01{display: flex;align-items: center;padding: 20px 17px;}
.content.mCartDtpt .section01 > img{width: 41px;height: 41px;border-radius: 99px;border: 1px solid #E4E4E4;}
.content.mCartDtpt .section01 > div{padding-left: 12px;}
.content.mCartDtpt .section01 > div h4{color: #333333;font-size: 17px;font-weight: 700;flex: 1;}
.content.mCartDtpt .section01 > div > div{display: flex;padding-top: 3px;align-items: center;}
.content.mCartDtpt .section01 span{color: #02B763;font-size: 12px;font-weight: 700;padding-left: 5px;}
.content.mCartDtpt .section02 li{padding: 20px 0 22px;border-bottom: 1px solid #E4E4E4;margin: 0 17px;}
.content.mCartDtpt .section02 li > div{display: flex;}
.content.mCartDtpt .section02 li > div > img{width: 38px;height: 38px;border-radius: 10px;}
.content.mCartDtpt .section02 li > div .info{padding-left: 10px;flex: 1;}
.content.mCartDtpt .section02 li > div .info h4{color: #333333;font-size: 15px;font-weight: normal;word-break: break-all;}
.content.mCartDtpt .section02 li > div .info span.del{color: #333333;font-size: 11px;font-weight: normal;display: flex;padding-top: 10px;align-items: center;}
.content.mCartDtpt .section02 li > div .info span.del img{width: 13.17px;height: 15px;margin-right: 5px;}
.content.mCartDtpt .section02 li > div .quty{padding-left: 19px;position: relative;}
.content.mCartDtpt .section02 li > div .quty > span{border-radius: 4px;border: 1px solid #E4E4E4;text-align: right;color: #333333;font-size: 14px;font-weight: normal;width: 32px;display: inline-block;padding: 7px 10px 8px 0;}
.content.mCartDtpt .section02 li > div .quty > span.noBorder{border:none;}
.content.mCartDtpt .section02 li > div .divImg {position: relative;overflow: hidden;position: absolute;top: 0px;right: 0;width: 123px;overflow: hidden;height: 48px;}
.content.mCartDtpt .section02 li > div .divImg > div{position: absolute;top: 0;right: 0;height: 37px;background-color: #ffffff;border-radius: 99px;display: flex;align-items: center;transition: all 0.2s;width: 37px;box-shadow: 0pt 3pt 6pt #00000029;opacity: 0;}
.content.mCartDtpt .section02 li > div .divImg > div span{color: #02B763;font-size: 16px;font-weight: 700;display: inline-block;display: none;width: 61px;text-align: center;}
.content.mCartDtpt .section02 li > div .divImg > div img{width: 17px;}
.content.mCartDtpt .section02 li > div .divImg > div > div{height: 100%;display: flex;padding: 0 10px;}
.content.mCartDtpt .section02 li > div .divImg > div .del{display: none;}
.content.mCartDtpt .section02 li > div .divImg > div.active{width: 116px;overflow: hidden;height: 37px;opacity: 1;}
.content.mCartDtpt .section02 li > div .divImg > div.active .add{display: flex;}
.content.mCartDtpt .section02 li > div .divImg > div.active .del{display: flex;}
.content.mCartDtpt .section02 li > div .divImg > div.active .minus{display: flex;}
.content.mCartDtpt .section02 li > div .divImg > div.active span{display: inline-block;}
.content.mCartDtpt .section02 li > div .amt{width: 61px;padding-left: 20px;text-align: right;}
.content.mCartDtpt .section02 li > div .amt span{color: #333333;font-size: 13px;font-weight: normal;}
.content.mCartDtpt .section02 li > div .amt.loading span{display: none;}
.content.mCartDtpt .section02 li > div .amt img{position: relative;top: 15px;display: none;}
.content.mCartDtpt .section02 li > div .amt.loading img{display: inline-block;transform: translate(-50%, -50%);transition: all 0.2s;animation-name: spinCircle;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.content.mCartDtpt .section02 li.dtc{display: flex;}
.content.mCartDtpt .section02 li.dtc p{color: #333333;font-size: 15px;font-weight: normal;flex: 1;}
.content.mCartDtpt .section02 li.dtc p em{color: #02B763}
.content.mCartDtpt .section02 li.dtc span{color: #333333;font-size: 13px;font-weight: normal;}
.content.mCartDtpt .section03 p{text-align: center;width: 100%;font-size: 14px;color: #333333;font-weight: normal;padding: 30px 0;}
.content.mCartDtpt .section03 span{text-align: center;width: 100%;font-size: 14px;color: #02B763;font-weight: normal;display: block;}
.content.mCartDtpt .section04{position: fixed;width: 100%;background-color: #ffffff;padding: 19px 17px;bottom: 0;box-shadow: 0 -5px 16px #0000000D;}
.pc .content.mCartDtpt .section04{max-width: 366px;}
.pc.scroll .content.mCartDtpt .section04{max-width: 361px;}
.pc .content.mCartDtpt .section04 button{width: 100%;}
.content.mCartDtpt .section04 button{background-color: #02B763;border: none;border-radius: 12px;color: #ffffff;font-size: 16px;font-weight: 500;padding: 17px 0; width: calc(100% - 34px);}
.content.mCartDtpt .section05 .confirmPopup > div{padding-top: 30px;}
.content.mCartDtpt .section05 .confirmPopup > div h5{color: #373454;font-size: 18px;font-weight: 500;text-align: center;}
.content.mCartDtpt .section05 .confirmPopup > div p{font-size: 14px;font-weight: normal;padding-top: 20px;}
.content.mCartDtpt .section05 .confirmPopup > div a{width: 100%;}
.content.mCartDtpt .section05 .confirmPopup > div a.home{width: 150px;margin-right: 10px;}
.content.mCartDtpt .section05 .confirmPopup > div a.home button{background-color: #333333;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;width: 100%;border: none;padding: 17px 0;margin-right: 10px;}
.content.mCartDtpt .section06{padding: 30px 0 25px;}
.content.mCartDtpt .section06 div{display: flex;align-items: center;justify-content: center;}
.content.mCartDtpt .section06 span{width: 100px;background-color: #F8F8F8;height: 5px;display: inline-block;}
.content.mCartDtpt .section06 img{}
.content.mCartDtpt .section07{display: flex;}
.content.mCartDtpt .section07 div{flex: 1;width: 120px;}
.content.mCartDtpt .section07 div.left{text-align: right;padding-right: 50px;}
.content.mCartDtpt .section07 div > div{text-align: center;display: inline-block;}
.content.mCartDtpt .section07 div > div p{color: #333333;font-size: 16px;font-weight: 700;padding-bottom: 5px;}
.content.mCartDtpt .section07 div > div span{color: #333333;font-size: 14px;font-weight: 400;letter-spacing: -0.85px;}

.content.mV2CartDtpt > .headerTitle{position: fixed;top: 0;width: calc(100% - 34px);}
.content.mV2CartDtpt > .headerTitle.active{z-index: 1;}
.content.mV2CartDtpt .section01{padding-top: 68px;}
.content.mV2CartDtpt .section01 > ul{}
.content.mV2CartDtpt .section01 > ul > li{border-bottom: solid 1px #E4E4E4;padding: 20px 17px;}
.content.mV2CartDtpt .section01 > ul > li > h5{color: #333333;font-size: 18px;font-weight: 700;display: flex;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li > h5 span{flex: 1;}
.content.mV2CartDtpt .section01 > ul > li > h5 img{padding-right: 10px;}
.content.mV2CartDtpt .section01 > ul > li.noClick > h5 img.arr{display: none;}
.content.mV2CartDtpt .section01 > ul > li > span{color: #373454;font-size: 16px;font-weight: normal;display: block;padding-top: 10px;}
.content.mV2CartDtpt .section01 > ul > li > span em{opacity: 0.6;padding-right: 10px;}
.content.mV2CartDtpt .section01 > ul > li.step6 > span span{display: block;}
.content.mV2CartDtpt .section01 > ul > li.step6 > span span label{width: 70px;display: inline-block;}
.content.mV2CartDtpt .section01 > ul > li.step6 > span span em{opacity: 1;padding-right: 0;}
.content.mV2CartDtpt .section01 > ul > li.step6 > span span:last-child{padding-top: 10px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > span{display: flex;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li > span img{width: 29px;height: 29px;border-radius: 99px;margin-right: 8px;border: 1px solid #E4E4E4;}
.content.mV2CartDtpt .section01 > ul > li > div.detail{display: none;padding: 13px 0 0;}
.content.mV2CartDtpt .section01 > ul > li.step1 > div.detail div{border: #E4E4E4 solid 1px;border-radius: 12px;padding: 9px 17px 21px;position: relative;}
.content.mV2CartDtpt .section01 > ul > li.step1 > div.detail div button{border: 1px solid #E4E4E4;background-color: #FFFFFF;color: #333333;font-size: 12px;font-weight: normal;padding: 4px 12px;position: absolute;top: 19px;right: 17px;border-radius: 12px;}
.content.mV2CartDtpt .section01 > ul > li.step1 > div.detail div p{color: #333333;font-size: 16px;font-weight: normal;padding-top: 10px;}
.content.mV2CartDtpt .section01 > ul > li.step1 > div.detail div > span{padding-top: 10px;color: #373454;font-size: 16px;font-weight: 400;display: block;}
.content.mV2CartDtpt .section01 > ul > li.step1 > div.detail div > span em{opacity: 0.6;padding-right: 5px;}
.content.mV2CartDtpt .section01 > ul > li > div.detail .save{color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px 0;width: 100%;background-color: #02B763;border-radius: 12px;border: none;margin-top: 20px;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail{padding: 0;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail label{display: inline;padding-left: 34px;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li{border: #CDCDCD solid 1px;border-radius: 12px;padding: 15px 17px 20px 27px;margin-top: 10px;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li.on{border: #02B763 solid 2px;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li.on.resv label{padding-left: 0;background-image: none;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li > span{color: #333333;font-size: 16px;font-weight: 700;padding-bottom: 10px;display: block;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li > div{display: flex;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li > div label{flex: 1;}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li > div span{font-size: 16px;font-weight: 700;color: #02B763}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li > div span.add{color: #333333}
.content.mV2CartDtpt .section01 > ul > li.step2 > div.detail ul li > div span.dis{color: #F4997A}
.content.mV2CartDtpt .section01 > ul > li.step3 p{color: #333333;font-size: 14px;font-weight: 400;display: flex;padding-bottom: 16px;padding-top: 14px;}
.content.mV2CartDtpt .section01 > ul > li.step3 p img{width: 17px;height: 17px;padding-right: 8px;padding-top: 1px;}
.content.mV2CartDtpt .section01 > ul > li.step3 > div.detail p{padding-top: 0;}
.content.mV2CartDtpt .section01 > ul > li.step3 > div.detail{padding: 14px 0 0 0;}
.content.mV2CartDtpt .section01 > ul > li.step3 > div.detail textarea{border-radius: 12px;border: 1px #E4E4E4 solid;width: calc(100% - 34px);height: 68px;padding: 17px;margin-bottom: 10px;color: #333333;font-size: 16px;font-weight: 400;}
.content.mV2CartDtpt .section01 > ul > li.step3 > div.detail textarea:focus{outline: none;}
.content.mV2CartDtpt .section01 > ul > li.step3 > div.detail label{padding-left: 34px;color: #373454;font-size: 16px;font-weight: 400;}
.content.mV2CartDtpt .section01 > ul > li.step4 > div.detail{}
.content.mV2CartDtpt .section01 > ul > li.step4 > div.detail h5{color: #373454;font-size: 16px;font-weight: 400;}
.content.mV2CartDtpt .section01 > ul > li.step4 > div.detail h5 em{font-weight: 700;}
.content.mV2CartDtpt .section01 > ul > li.step4 > div.detail div{border-radius: 12px;border: solid 1px #E4E4E4;padding: 11px 17px 16px;margin-top: 14px;background-color: #ffffff;}
.content.mV2CartDtpt .section01 > ul > li.step4 > div.detail div label{color: #333333;font-size: 13px;}
.content.mV2CartDtpt .section01 > ul > li.step4 > div.detail div input{border: none;color: #333333;font-size: 17px;margin-top: 25px;width: 100%;}
.content.mV2CartDtpt .section01 > ul > li.step4 > div.detail div input:focus{outline: none;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.noCard{padding: 12px 27px 0 33px;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.noCard h5{color: #373454;font-size: 16px;font-weight: 400;padding-bottom: 14px;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.noCard button{width: 100%;display: flex;align-items: center;font-size: 17px;font-weight: 400;color: #333333;padding: 22px 0 22px 20px;background-color: #F8F8F8;border-radius: 12px;border: none;margin-bottom: 20px;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.noCard button img{width: 17px;height: 17px;margin-right: 10px;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.card{padding: 12px 0 20px 33px;position: relative;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.card select{width: 100%;color: #373454;font-size: 16px;font-weight: 700;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.card.bas::after{content: "기본카드";color: #02B763;font-size: 11px;font-weight: 500;position: absolute;right: 65px;top: 34px;pointer-events: none;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail div.card > span{color: #02B763;font-size: 13px;font-weight: 400;padding-top: 5px;display: block;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail #rdoCard1:checked+label+.card span{display: block !important;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail .pass{padding: 12px 0 20px 33px;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail #rdoCard2:checked+label+.pass span{display: block !important;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail .pass > div{display: flex;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail .pass > div span{color: #373454;font-size: 16px;font-weight: 400;flex: 1;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail .pass > div span em{font-size: 18px;font-weight: 500;padding-left: 3px;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail .pass > div button{border: none;background-color: #02B763;border-radius: 6px;color: #FFFFFF;font-size: 13px;font-weight: 500;padding: 9px 10px;}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail .pass > span{color: #02B763;font-size: 13px;font-weight: 400;padding-top: 5px;display: block;width: calc(100% - 100px);}
.content.mV2CartDtpt .section01 > ul > li.step5 > div.detail span button{color: #373454;font-size: 11px;font-weight: 700;border: #CDCDCD 1px solid;border-radius: 7px;background-color: #ffffff;padding: 9px 13px;position: absolute;right: 0;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail > div h5{display: flex;color: #373454;font-size: 18px;font-weight: 700;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail > div h5 span{color: #373454;font-size: 16px;font-weight: 400;text-align: right;flex: 1;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail > div h5 span em{padding-left: 12px;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .coupon{}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .coupon span{color: #333333;font-size: 16px;font-weight: 400;opacity: 1;display: block;padding-top: 10px;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .coupon ul{padding-top: 10px}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .coupon ul li{border-bottom: #E4E4E4 1px solid;padding: 13px 0;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .coupon ul li label{color: #333333;font-size: 16px;font-weight: 400;display: table;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .coupon ul li label em{opacity: 0.6;color: #333333;font-size: 14px;font-weight: 400;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .point{padding-top: 20px;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .point div{padding-top: 10px;display: flex;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .point div input{border: 1px #E4E4E4 solid;color: #333333;font-size: 16px;font-weight: 400;padding: 15px 17px;border-radius: 12px;flex: 1;width: 100%;opacity: 0.6;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .point div em{position: relative;left: -35px;}
.content.mV2CartDtpt .section01 > ul > li.step6 > div.detail .point div button{background-color: #333333;border-radius: 12px;font-size: 14px;font-weight: 500;color: #FFFFFF;border: none;padding: 19px 22px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail h5{color: #333333;font-size: 16px;font-weight: 400;display: flex;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail h5 img{border: 1px solid #E4E4E4;border-radius: 99px;width: 27px;height: 27px;margin-right: 8px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul{padding-bottom: 20px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li{padding: 14px 0 12px;border-bottom: 1px solid #E4E4E4;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div{display: flex;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .info{padding-left: 10px;flex: 1;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .info h4{color: #333333;font-size: 15px;font-weight: normal;word-break: break-all;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .info span.del{color: #333333;font-size: 11px;font-weight: normal;display: flex;padding-top: 10px;align-items: center;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .info span.del img{width: 13.17px;height: 15px;margin-right: 5px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .quty{padding-left: 19px;position: relative;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .quty > span{border-radius: 4px;border: 1px solid #E4E4E4;text-align: right;color: #333333;font-size: 14px;font-weight: normal;width: 32px;display: inline-block;padding: 7px 10px 8px 0;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .quty > span.noBorder{border:none;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg {position: relative;overflow: hidden;position: absolute;top: 0px;right: 0;width: 123px;overflow: hidden;height: 48px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div{position: absolute;top: 0;right: 0;height: 37px;background-color: #ffffff;border-radius: 99px;display: flex;align-items: center;transition: all 0.2s;width: 37px;box-shadow: 0pt 3pt 6pt #00000029;opacity: 0;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div span{color: #02B763;font-size: 16px;font-weight: 700;display: inline-block;display: none;width: 61px;text-align: center;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div img{width: 17px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div > div{height: 100%;display: flex;padding: 0 10px;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div .del{display: none;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div.active{width: 116px;overflow: hidden;height: 37px;opacity: 1;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div.active .add{display: flex;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div.active .del{display: flex;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div.active .minus{display: flex;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .divImg > div.active span{display: inline-block;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .amt{width: 61px;padding-left: 20px;text-align: right;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .amt span{color: #333333;font-size: 13px;font-weight: normal;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .amt.loading span{display: none;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .amt img{position: relative;top: 15px;display: none;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail ul li > div .amt.loading img{display: inline-block;transform: translate(-50%, -50%);transition: all 0.2s;animation-name: spinCircle;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.content.mV2CartDtpt .section01 > ul > li.step7 > div.detail > label{color: #333333;font-size: 15px;font-weight: 400;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul{}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li{padding-bottom: 10px;display: flex;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li label{color: #333333;font-size: 18px;font-weight: 400;flex: 1;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li span{color: #333333;font-size: 18px;font-weight: 400;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li label em{color: #02B763;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li.hndc label{opacity: 0.6;font-size: 16px;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li.hndc span{opacity: 0.6;font-size: 16px;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li.hr{background-color: #02B763;height: 1px;padding: 0;margin: 6px 0 20px;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li.tot span{color: #333333;font-size: 18px;font-weight: 700;}
.content.mV2CartDtpt .section01 > ul > li.step8 ul li.tot span em{font-size: 16px;font-weight: 400;opacity: 0.6;}
.content.mV2CartDtpt .section01 > ul > li.step9 p{color: #373454;font-size: 14px;font-weight: 400;letter-spacing: -1px;line-height: 1.8;}
.content.mV2CartDtpt .section01 > ul > li.step9 button{color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px 0;width: 100%;background-color: #02B763;border-radius: 12px;border: none;margin-top: 20px;}
.content.mV2CartDtpt .section01 > ul > li.step9 button:disabled{opacity: 0.3;pointer-events: none;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail p{color: #373454;font-size: 16px;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul{padding-top: 6px;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul li{padding-top: 10px;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul li label{color: #373454;font-size: 16px;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul li.inpArea{display: flex;align-items: center;position: relative;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul li.inpArea label{flex: 1;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul li.inpArea div{position: absolute;right: 0;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul li.inpArea div input{border:#E4E4E4 1px solid;border-radius: 12px;padding: 13px 17px;font-size: 16px;width: 120px;}
.content.mV2CartDtpt .section01 > ul > li.step10 .detail ul li.inpArea div span{color: #333333;font-size: 16px;position: absolute;right: 20px;top: 13px;}
.content.mV2CartDtpt .section02{position: fixed;top: 100%;background-color: #fff;width: 100%;height: 100%;transition: all 0.5s;opacity: 0;display: none;}
.pc .content.mV2CartDtpt .section02{max-width: 400px;}
.pc.scroll .content.mV2CartDtpt .section02{max-width: 395px;}
.content.mV2CartDtpt .section02.active{opacity: 1;top: 0;overflow: auto;}
.content.mV2CartDtpt .section02 > div {padding-bottom: 95px;padding-top: 55px;}
.content.mV2CartDtpt .section02 > div.headerTitle {position: fixed;top: 0;width: calc(100% - 34px);padding-bottom: 14px;padding-top: 14px;}
.content.mV2CartDtpt .section02 > div > ul{padding: 16px 17px 6px;}
.content.mV2CartDtpt .section02 > div > ul li{border-radius: 12px;border: solid 1px #E4E4E4;padding: 11px 17px 16px;margin-top: 14px;background-color: #ffffff;}
.content.mV2CartDtpt .section02 > div > ul li.error{margin-bottom: 40px;border: solid 2px #F4997A;}
.content.mV2CartDtpt .section02 > div > ul li label{color: #333333;font-size: 13px;}
.content.mV2CartDtpt .section02 > div > ul li > span{color: #333333;font-size: 17px;display: block;padding-top: 25px;opacity: 0.5}
.content.mV2CartDtpt .section02 > div > ul li > span.error{display: none;}
.content.mV2CartDtpt .section02 > div > ul li.error > span.error{display: block;color: #F4997A;font-size: 14px;font-weight: 300;position: absolute;}
.content.mV2CartDtpt .section02 > div > ul li > input{border: none;color: #333333;font-size: 17px;margin-top: 25px;width: 100%;}
.content.mV2CartDtpt .section02 > div > ul li > input:focus{outline: none;}
.content.mV2CartDtpt .section02 > div > ul li > div > div{display: flex;padding-top: 21px;}
.content.mV2CartDtpt .section02 > div > ul li > div > div span{color: #333333;font-size: 17px;flex: 1;}
.content.mV2CartDtpt .section02 > div > ul li > div > div button{border: 1px solid #CDCDCD;border-radius: 6px;color: #333333;font-size: 12px;padding: 7px 16px;background-color: #ffffff;}
.content.mV2CartDtpt .section02 > div > ul li > div > span{color: #333333;font-size: 17px;display: block;padding-top: 10px;}
.content.mV2CartDtpt .section02 > div > ul li > div > input{border: none;color: #333333;font-size: 17px;margin-top: 14px;width: 100%;}
.content.mV2CartDtpt .section02 > div > ul li > div > input:focus{outline: none;}
.content.mV2CartDtpt .section02 > div > span{color: #333333;opacity: 0.6;padding-left: 34px;font-size: 14px;font-weight: 300;}
.content.mV2CartDtpt .section02 > div > div{padding: 14px 17px;}
.content.mV2CartDtpt .section02 > div > div > label{color: #333333;font-size: 18px;font-weight: 700;}
.content.mV2CartDtpt .section02 > div > div ul{padding-top: 12px;}
.content.mV2CartDtpt .section02 > div > div ul li{padding-bottom: 12px;}
.content.mV2CartDtpt .section02 > div > div > input[type=text]{display: block;border: 1px solid #E4E4E4;border-radius: 12px;padding: 17px;background-color: #ffffff;width: calc(100% - 34px);}
.content.mV2CartDtpt .section02 > div > div span {color: #333333;font-size: 14px;font-weight: 300;padding-top: 16px;display: block;line-height: 1.5;}

.content.mV2CartDtpt .section02 .btnArea{background-color: #ffffff;box-shadow: #0000000D 0px -5px 16px;padding: 17px;position: fixed;bottom: 0;width: calc(100% - 34px);}
.pc .content.mV2CartDtpt .section02 .btnArea{max-width: 366px;}
.pc.scroll .content.mV2CartDtpt .section02 .btnArea{max-width: 361px;}
.content.mV2CartDtpt .section02 .btnArea button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px;width: 100%;border: none;}
.content.mV2CartDtpt .section03{position: fixed;top: 0;width: 100%;height: 100%;background-color: #ececec;}
.pc .content.mV2CartDtpt .section03{max-width: 400px;}
.content.mV2CartDtpt .section03 > div > div{width: 100% !important;}
.content.mV2CartDtpt .section04{position: fixed;top: 100%;background-color: #fff;width: 100%;height: 100%;transition: all 0.5s;opacity: 0;}
.pc .content.mV2CartDtpt .section04{max-width: 400px;}
.content.mV2CartDtpt .section04.active{opacity: 1;top: 0;}
.content.mV2CartDtpt .section04 .day{display: flex;justify-content: center;padding-top: 30px;}
.content.mV2CartDtpt .section04 .day div{background-color: #E4E4E4;border-radius: 12px;padding-top: 8px;text-align: center;width: 61px;height: 50px;margin-right: 5px;cursor: pointer;}
.content.mV2CartDtpt .section04 .day div:last-child{margin-right: 0px;}
.content.mV2CartDtpt .section04 .day div h5{color: #373454;opacity: 0.6;font-size: 15px;font-weight: 700;padding-bottom: 3px;}
.content.mV2CartDtpt .section04 .day div p{color: #373454;opacity: 0.6;font-size: 14px;font-weight: 400;}
.content.mV2CartDtpt .section04 .day div.on{border: 2px solid #02B763;background-color: #FFFFFF;width: 57px;height: 46px;}
.content.mV2CartDtpt .section04 .day div.on h5{opacity: 1;}
.content.mV2CartDtpt .section04 .day div.on p{opacity: 1;}
.content.mV2CartDtpt .section04 ul{padding: 45px 17px;}
.content.mV2CartDtpt .section04 ul li{padding-bottom: 16px;display: flex;}
.content.mV2CartDtpt .section04 ul li label{color: #373454;font-size: 16px;font-weight: 400;display: inline;padding-left: 34px;flex: 1;}
.content.mV2CartDtpt .section04 ul li span{color: #373454;font-size: 16px;font-weight: 700;}
.content.mV2CartDtpt .section04 .btnArea{padding: 17px;position: absolute;bottom: 0;width: calc(100% - 34px);}
.content.mV2CartDtpt .section04 .btnArea button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px;width: 100%;border: none;}
.content.mV2CartDtpt .section05{position: fixed;top: 100%;background-color: #fff;width: 100%;height: 100%;transition: all 0.5s;opacity: 0;}
.pc .content.mV2CartDtpt .section05{max-width: 400px;}
.content.mV2CartDtpt .section05.active{opacity: 1;top: 0;}
.content.mV2CartDtpt .section05 iframe{width: 100%;height: 100%;border: none;}
.content.mV2CartDtpt .section06 .confirmPopup > div{padding-top: 30px;}
.content.mV2CartDtpt .section06 .confirmPopup > div h5{color: #373454;font-size: 18px;font-weight: 500;text-align: center;}
.content.mV2CartDtpt .section06 .confirmPopup > div p{font-size: 14px;font-weight: normal;padding-top: 20px;}
.content.mV2CartDtpt .section06 .confirmPopup > div a{width: 100%;}
.content.mV2CartDtpt .section06 .confirmPopup > div a.home{width: 150px;margin-right: 10px;}
.content.mV2CartDtpt .section06 .confirmPopup > div a.home button{background-color: #333333;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;width: 100%;border: none;padding: 17px 0;margin-right: 10px;}
.content.mV2CartDtpt .section07{position: fixed;top: 100%;background-color: #fff;width: 100%;height: 100%;transition: all 0.5s;opacity: 0;}
.content.mV2CartDtpt .section07.active{opacity: 1;top: 0;}
.content.mV2CartDtpt .section07 iframe{width: 100%;height: 100%;border: none;}

/** 주문ING */
.content.mOrderIng{padding: 0 0 60px;}
.content.mOrderIng .title{padding: 17px 17px 21px;position: sticky;top:0;width: 100%;background-color: #ffffff;z-index: 1;}
.pc .content.mOrderIng .title{max-width: 361px;}
.content.mOrderIng .title span{color: #373454;font-size: 24px;font-weight: 700;}
.content.mOrderIng .noData{display: flex;height: 100%;position: absolute;top: 0;justify-content: center;align-content: center;width: 100%;flex-direction: column;}
.pc .content.mOrderIng .noData{max-width: 400px;}
.content.mOrderIng .noData div{text-align: center;}
.content.mOrderIng .noData p{color: #333333;font-size: 20px;padding-top: 45px;}
.content.mOrderIng .section01{padding: 10px 17px 0;}
.content.mOrderIng .section01 ul li.oderHity{border-bottom: 1px solid #E4E4E4;padding: 20px 0px}
.content.mOrderIng .section01 ul li.oderHity:last-child{border-bottom: none;}
.content.mOrderIng .section01 ul li.oderHity a{display: flex;align-items: center;}
.content.mOrderIng .section01 ul li.oderHity a > img.shopImg{border-radius: 99px;border: #E4E4E4 1px solid;width: 41px;height: 41px;}
.content.mOrderIng .section01 ul li.oderHity a > img.arrow{width: 9px;padding-left: 30px;}
.content.mOrderIng .section01 ul li.oderHity.hity a > img.arrow{opacity: 0.3;}
.content.mOrderIng .section01 ul li.oderHity a > div{display: flex;flex-direction: column;padding-left: 8px;flex: 1;}
.content.mOrderIng .section01 ul li.oderHity a > div h5{color: #333333;font-size: 15px;font-weight: 700;}
.content.mOrderIng .section01 ul li.oderHity a > div span{color: #333333;font-size: 11px;font-weight: normal;opacity: 0.6;}
.content.mOrderIng .section01 ul li.oderHity .divImg{padding-top: 20px;display: flex;align-items: center;}
.content.mOrderIng .section01 ul li.oderHity .divImg img{width: 53px;height: 53px;border-radius: 10px;margin-right: 11px;}
.content.mOrderIng .section01 ul li.oderHity .divImg div{width: 55px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: normal;}
.content.mOrderIng .section01 ul li.oderHity .divImg span{color: #333333;font-size: 15px;font-weight: normal;display: inline-block;background-color: #F8F8F8;border-radius: 10px;padding: 15.5px 17px;}
.content.mOrderIng .section01 ul li.oderHity .divImg div + span{margin-left: 10px;}
.content.mOrderIng .section01 ul li.oderHity .divImg span em{color: #02B763;font-size: 15px;font-weight: 700;padding-left: 2px;}
.content.mOrderIng .section01 ul li.oderHity .divBtn{padding-top: 20px;}
.content.mOrderIng .section01 ul li.oderHity .divBtn button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;width: 100%;border: none;padding: 13px 0;display: flex;align-items: center;justify-content: center;}
.content.mOrderIng .section01 ul li.oderHity .divBtn button img{margin-right: 9px;}
.content.mOrderIng .section01 ul li.oderWtng{box-shadow: 0 0 10px #00000029;padding: 16px;border-radius: 12px;margin-bottom: 16px;}
.content.mOrderIng .section01 ul li.oderWtng .shop{text-align: center;position: relative;border-bottom: 1px solid #E4E4E4;margin: 17px 0;padding-bottom: 16px;}
.content.mOrderIng .section01 ul li.oderWtng .shop img{width: 75px;height: 75px;border-radius: 100%;object-fit: cover;}
.content.mOrderIng .section01 ul li.oderWtng .shop h3{color: #333333;font-size: 24px;font-weight: 700;padding-top: 15px;}
.content.mOrderIng .section01 ul li.oderWtng .shop p{color: #333333;opacity: 0.6;font-size: 14px;}
.content.mOrderIng .section01 ul li.oderWtng .shop span{color: #CDCDCD;font-size: 16px;font-weight: 700;top: -12px;right: 5px;position: absolute;}
.content.mOrderIng .section01 ul li.oderWtng > a{color: #373454;font-size: 15px;display: flex;align-items: center;border-bottom: 1px solid #E4E4E4;padding-bottom: 10px;}
.content.mOrderIng .section01 ul li.oderWtng > a div{flex: 1;line-height: 2;}
.content.mOrderIng .section01 ul li.oderWtng > a img{width: 9px;}
.content.mOrderIng .section01 ul li.oderWtng > h5{color: #333333;font-size: 18px;font-weight: 700;padding-top: 16px;}
.content.mOrderIng .section01 ul li.oderWtng .svcAmt{display: flex;align-items: center;padding-bottom: 16px;border-bottom: 1px solid #E4E4E4;}
.content.mOrderIng .section01 ul li.oderWtng .svcAmt span{color: #373454;font-size: 14px;flex: 1;padding-top: 10px;}
.content.mOrderIng .section01 ul li.oderWtng .svcAmt button{border: 1px solid #CDCDCD;border-radius: 6px;padding: 6px 9px;color: #333333;font-size: 13px;background-color: #FFFFFF;}
.content.mOrderIng .section01 ul li.oderWtng > button{background-color: #F4997A;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;border: none;width: 100%;display: flex;align-items: center;justify-content: center;padding: 17px 0;margin-top: 16px;}
.content.mOrderIng .section01 ul li.oderWtng > button img{padding-right: 10px;}
.content.mOrderIng .section01 ul li.oderIng{box-shadow: 0 0 10px #00000029;padding: 16px;border-radius: 12px;margin-bottom: 16px;}
.content.mOrderIng .section01 ul li.oderIng:last-child{border-bottom: none;}
.content.mOrderIng .section01 ul li.oderIng a{display: flex;align-items: center;}
.content.mOrderIng .section01 ul li.oderIng a > img.shopImg{border-radius: 99px;border: #E4E4E4 1px solid;width: 41px;height: 41px;}
.content.mOrderIng .section01 ul li.oderIng a > img.arrow{width: 9px;padding-left: 30px;}
.content.mOrderIng .section01 ul li.oderIng.hity a > img.arrow{opacity: 0.3;}
.content.mOrderIng .section01 ul li.oderIng a > div{display: flex;flex-direction: column;padding-left: 8px;flex: 1;}
.content.mOrderIng .section01 ul li.oderIng a > div h5{color: #333333;font-size: 15px;font-weight: 700;}
.content.mOrderIng .section01 ul li.oderIng a > div span{color: #333333;font-size: 11px;font-weight: normal;opacity: 0.6;}
.content.mOrderIng .section01 ul li.oderIng > p{color: #373454;font-size: 15px;border-bottom: 1px solid #E4E4E4;border-top: 1px solid #E4E4E4;padding: 20px 0;margin-top: 16px;}
.content.mOrderIng .section01 ul li.oderIng .divBtn{padding-top: 20px;}
.content.mOrderIng .section01 ul li.oderIng .divBtn button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;width: 100%;border: none;padding: 13px 0;display: flex;align-items: center;justify-content: center;}
.content.mOrderIng .section01 ul li.oderIng .divBtn button img{margin-right: 9px;}
.content.mOrderIng .section01 hr{background-color: #E4E4E4;height: 1px;margin: 20px 0;border: none;}
.content.mOrderIng .section01 p{color: #373454;font-size: 15px;font-weight: normal;}
.content.mOrderIng .shprTipArea{position: fixed;width: 100%;height: 100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.8);z-index: 1;padding: 0 17px;flex-direction: column;justify-content: center;display: none;}
.content.mOrderIng .shprTipArea.active{display: flex;}
.content.mOrderIng .shprTipArea > div{background-color: #FFFFFF;border-radius: 12px;padding: 32px 20px 20px;margin: auto 0;width: calc(100% - 74px);animation-duration: 0.2s;}
.content.mOrderIng .shprTipArea.active > div{animation-name: shprTipAni;}
.content.mOrderIng .shprTipArea > div h3{color: #373454;font-size: 18px;font-weight: 500;text-align: center;}
.content.mOrderIng .shprTipArea > div ul{padding-top: 25px;}
.content.mOrderIng .shprTipArea > div ul li{padding-bottom: 12px;}
.content.mOrderIng .shprTipArea > div ul li div{position: relative;text-align: right;padding-top: 10px;}
.content.mOrderIng .shprTipArea > div ul li div input{border: #E4E4E4 1px solid;border-radius: 12px;padding: 13px 40px 13px 17px;font-size: 16px;width: 160px;text-align: right;}
.content.mOrderIng .shprTipArea > div ul li div span{color: #333333;font-size: 16px;position: absolute;right: 20px;top: 24px;}
.content.mOrderIng .shprTipArea > div > div{display: flex;align-items: center;}
.content.mOrderIng .shprTipArea > div > div button#btnTipCancel{background-color: #FFFFFF;border-radius: 12px;color: #333333;font-size: 16px;font-weight: 700;padding: 12px 35px;border: none;border: #E4E4E4 1px solid;}
.content.mOrderIng .shprTipArea > div > div button#btnTipOk{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 700;padding: 14px 0;border: none;flex: 1;margin-left: 14px;}
@keyframes shprTipAni {
    0%{transform: scale(0.8);}
    100%{transform: scale(1);}
}
/** 주문 내역 */
.content.myOrderDtpt .section01{padding: 25px 17px;}
.content.myOrderDtpt .section01 > div.shopInfo{display: flex;align-items: center;}
.content.myOrderDtpt .section01 > div.shopInfo .shopImg{width: 55px;height: 55px;border-radius: 99px;}
.content.myOrderDtpt .section01 > div.shopInfo h4{color: #333333;font-size: 17px;font-weight: 700;padding-left: 12px;}
.content.myOrderDtpt .section01 .time{color: #333333;font-size: 13px;font-weight: normal;padding-top: 13px;display: block;}
.content.myOrderDtpt .section01 .imageExpand{width: 100%;border-radius: 10px;margin-top: 20px;}
.content.myOrderDtpt .section01 .swiper-slide img{height: 277px;}
.content.myOrderDtpt .section01 h5{color: #333333;font-size: 14px;font-weight: normal;padding-top: 25px;}
.content.myOrderDtpt .section01 .divDtpt > ul{padding-top: 7px;}
.content.myOrderDtpt .section01 .divDtpt > ul li{color: #333333;font-size: 12px;font-weight: normal;padding-top: 5px;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity{text-align: center;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity h4{color: #333333;font-size: 18px;font-weight: 500;display: flex;cursor: pointer;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity h4 img{transition: all 0.5s;transform: rotateZ(180deg);padding: 0 8px;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity h4 img.close{transform: rotateZ(0deg);}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity div{padding-top: 20px;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity div table{width: 100%;border-spacing: 0px;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity div table thead th{color: #333333;font-size: 13px;font-weight: normal;opacity: 0.7;padding-bottom: 8px;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity div table tbody tr:first-child td{border-top: #E4E4E4 solid 1px;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity div table tbody td{color: #333333;size: 14px;font-weight: normal;padding-top: 20px;}
.content.myOrderDtpt .section01 .divDtpt > div.buyHity div button{border: solid 1px #CDCDCD;border-radius: 7px;color: #333333;font-size: 12px;font-weight: normal;margin-top: 25px;background-color: #FFFFFF;padding: 3px 8px;}
.content.myOrderDtpt .section01 hr{height: 1px;background-color: #E4E4E4;border: none;margin: 20px 0;}
.content.myOrderDtpt .section01 label{color: #333333;font-size: 12px;font-weight: normal;padding-top: 20px;opacity: 0.6;}
.content.myOrderDtpt .section01 p{color: #333333;font-size: 12px;font-weight: normal;padding-top: 8px;}
.content.myOrderDtpt .section01 p em{opacity: 0.6;padding-left: 6px;}

/** 카드 리스트 */
.content.myCardList .section01{}
.content.myCardList .section01 ul{padding: 0 17px;}
.content.myCardList .section01 ul li{padding: 20px 0;border-bottom: 1px solid #E4E4E4;}
.content.myCardList .section01 ul li div{display: flex;}
.content.myCardList .section01 ul li div input{}
.content.myCardList .section01 ul li div label{display: table;flex: 1;padding-left: 34px;opacity: 1;}
.content.myCardList .section01 ul li div button{border: none;color: #373454;font-size: 12px;font-weight: normal;background: none;}
.content.myCardList .section02{padding: 30px 17px 0;}
.content.myCardList .section02 div{background-color: #F8F8F8;border-radius: 12px;text-align: center;padding: 50px 0;}
.content.myCardList .section02 div img{}
.content.myCardList .section02 div span{color: #333333;font-size: 17px;font-weight: 400;padding-text-outline: 15px;display: block;}

/** 카드 등록 선택*/
.content.myCardRegInfo{height: 100%;}
.content.myCardRegInfo .section01{height: calc(100% - 68px)}
.content.myCardRegInfo .section01 > div.divImg{position: absolute;top: calc(50% - 196px);text-align: center;width: 100%;}
.content.myCardRegInfo .section01 > div.divImg span{color: #333333;font-size: 13px;font-weight: normal;padding-top: 20px;display: block;}
.content.myCardRegInfo .section01 > div.divBtn{position: fixed;width: 100%;bottom: 0;padding: 0 17px 20px;}
.content.myCardRegInfo .section01 > div.divBtn button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px 0;border: none;display: block;width: calc(100% - 34px);}
.content.myCardRegInfo .section01 > div.divBtn button.cor{background-color: #333333;margin-top: 10px;}

/** 카드 등록 */
.content.myCardReg{padding-bottom: 98px;min-height: 780px;}
.content.myCardReg .section01{padding: 20px 17px 0;}
.content.myCardReg .section01 .corDiv{text-align: right;padding-bottom: 19px;}
.content.myCardReg .section01 .box{border: 1px solid #E4E4E4;border-radius: 12px;padding: 11px 17px 15px;margin-bottom: 10px;}
.content.myCardReg .section01 .two{display: flex;}
.content.myCardReg .section01 .two .box{flex: 1;}
.content.myCardReg .section01 .two .box:first-child{margin-right: 10px;}
.content.myCardReg .section01 .box > label{color: #333333;font-size: 13px; font-weight: normal;display: block;padding-bottom: 20px;}
.content.myCardReg .section01 .box em{color: #333333;font-size: 20px; font-weight: 300;}
.content.myCardReg .section01 .box .date span{font-size: 20px;color: #CDCDCD;font-weight: 700;padding-right: 6px;}
.content.myCardReg .section01 .box input{border: none;font-size: 20px;color: #333333;font-weight: 700;width: 60px;padding: 0;letter-spacing: 3px;outline: none;}
.content.myCardReg .section01 .box .card{display: flex;}
.content.myCardReg .section01 .box .card input{flex: 1;text-align: center;}
.content.myCardReg .section01 .box input.date{}
.content.myCardReg .section01 .box input::placeholder{color: #CDCDCD;}
.content.myCardReg .section01 .box input::-webkit-input-placeholder{color: #CDCDCD;}
.content.myCardReg .section01 .box input::-ms-input-placeholder{color: #CDCDCD;}
.content.myCardReg .section01 .box .date input{width: 43px;text-align: center;}
.content.myCardReg .section01 .box .corNo input{letter-spacing: 8px;}
.content.myCardReg .section01 .box .corNo input.step1{width: 60px;}
.content.myCardReg .section01 .box .corNo input.step2{width: 40px;}
.content.myCardReg .section01 .box .corNo input.step3{width: 130px;}
.content.myCardReg .section01 .box .corNo em{padding: 0 10px 0 3px;}
.content.myCardReg .section01 .box .pw input{width: 40px;letter-spacing: 5px;}
.content.myCardReg .section01 .box .psno input{width: 120px;letter-spacing: 8px;}
.content.myCardReg .section01 .box .psno em{padding-right: 15px;}
.content.myCardReg .section02 ul{padding: 0 17px;}
.content.myCardReg .section02 ul li{padding: 17px 0;border-bottom: 1px solid #E4E4E4;}
.content.myCardReg .section02 ul li:first-child{border-bottom: none;padding-bottom: 5px;}
.content.myCardReg .section02 ul li div{display: flex;}
.content.myCardReg .section02 ul li div input{}
.content.myCardReg .section02 ul li div label{flex: 1;padding-left: 34px;color: #333333;font-size: 15px;font-weight: normal;}
.content.myCardReg .section02 ul li div.all label{font-size: 16px;font-weight: 700;}
.content.myCardReg .section02 ul li div label em{color: #F4997A;}
.content.myCardReg .section02 ul li div a{color: #02B763;font-size: 15px;font-weight: normal;}
.content.myCardReg .section02 ul li div button{border: none;color: #373454;font-size: 12px;font-weight: normal;background: none;}
.content.myCardReg .section03{position: fixed;bottom: 0;width: 100%;background-color: #ffffff;box-shadow: 0px -5px 16px #0000000D;}
.pc .content.myCardReg .section03{max-width: 400px;}
.content.myCardReg .section03 div{padding: 15px 17px 24px;}
.content.myCardReg .section03 div button{width: 100%;background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;border: none;padding: 17px 0;}
.content.myCardReg .section03 div button:disabled{opacity: 0.4;}
.content.myCardReg .section04 iframe{border: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;}

/** 전자금융거래 이용약관 */
.content.mFnncClau ul{padding-top: 55px;padding-left: 40px;}
.content.mFnncClau ul li{color: #333333;font-size: 15px;font-weight: normal;list-style-type: disc;}
.content.mFnncClau ul li::marker{color: #02B763;}
.content.mFnncClau ul li a{display: flex;}
.content.mFnncClau ul li a img{padding-left: 7px;}

/** 약관 */
.content.mClau .section01{}
.content.mClau .section01 iframe{border: none;width: 100%;height: calc(100% - 68px);position: absolute;}
.pc .content.mClau .section01 iframe{max-width: 400px;}
.content.mClau pre{white-space: pre-wrap;padding: 17px;}

/**  개인정보처리방침 */
.content.indvInfoDalClau{background-color: #F8F8F8;}
.content.indvInfoDalClau pre{white-space: pre-wrap;padding: 10px;font-size: 14px;}
.content.indvInfoDalClau pre table{border-spacing: 0;}
.content.indvInfoDalClau pre table th{border-top: 1px solid #000;border-left: 1px solid #000;background-color: #dbdbdb;}
.content.indvInfoDalClau pre table td{border: 1px solid #000;border-bottom: none;}
.content.indvInfoDalClau pre table tr:last-child th{border-bottom: 1px solid #000;}
.content.indvInfoDalClau pre table tr:last-child td{border-bottom: 1px solid #000;}

/** 배너 */
.content.mBnnr > .headerTitle{position: fixed;width: 100%;padding: 14px 0;top: 0;z-index: 2;}
.content.mBnnr > .headerTitle.shadow{box-shadow: 0pt 3pt 6pt #0000001A;}
.content.mBnnr > .headerTitle > img{position: absolute;left: 17px;}
.content.mBnnr .section01 {padding: 68px 0 91px;}
.content.mBnnr .section01.noLInk {padding-bottom: 0px;}
.content.mBnnr .section01 img{width: 100%;}
.content.mBnnr .section01 > div{background-color: #ffffff;box-shadow: #0000000D 0px -5px 16px;padding: 17px;position: absolute;bottom: 0;width: calc(100% - 34px);}
.pc .content.mBnnr .section01 > div{max-width: 366px;}
.pc.scroll .content.mBnnr .section01 > div{max-width: 361px;}
.content.mBnnr .section01 > div button{background-color: #02B763;border-radius: 12px;color: #FFFFFF;font-size: 16px;font-weight: 500;padding: 17px;width: 100%;border: none;}

/* 앱 Link */
.appLink .header{text-align: center;padding-top: 50px;}
.pc .appLink{max-width: 400px;}
.appLink .header img{width: 50%;}
.appLink .mainImg{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);text-align: center;}
.pc .appLink .mainImg{max-width: 400px;}
.appLink .mainImg img{width: 50%;}
.appLink .btnArea{position: absolute;bottom: 20px;width: 100%;}
.appLink .btnArea a{justify-content: center;border: solid #E1E0F1 1px;border-radius: 12px;background-color: #FFFFFF;font-size: 15px;font-weight: 500;color: #333333;display: flex;align-items: center;padding: 15px 0;width: calc(100% - 34px);margin: 10px 17px 0;position: relative;text-decoration: none;}
.appLink .btnArea a img{position: absolute;left: 20px;width: 20px;}
.pc .appLink .btnArea a{max-width: 366px;}

/* 카카오톡 채널 */
.divKakaoTalkChat{position: fixed;bottom: 70px;right: 21px;}
.divKakaoTalkChat img{box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);border-radius: 100%;width: 60px;}
.mobile .divKakaoTalkChat img{width: 45px;}