@charset "utf-8";



/* 공통 S */
*{box-sizing:border-box;}
.kiosk-wrap {position:relative;max-width: 1280px;height: 800px;margin:0 auto;overflow:hidden;letter-spacing: -0.05em;}
.blind {display:none;}
.logo-wrap{padding-top: 0;height: 100px;display: flex;align-items: center;justify-content: center;background: #fff;position: relative;z-index: 3;background: #f4313f;}
.title-wrap{text-align: center; padding-top:90px;}
.title-wrap .title{font-size:44px; color:#c60001; padding-bottom:30px;}
.title-wrap .s-title{font-size:26px;color:#333;line-height: 1.5;}
.logo-wrap .home{position:absolute; left:77px; top:20px;}
.logo-wrap .my{position:absolute; right:87px; top:20px;}
/* 공통 E */


/* 메인 S */
.main-wrap{/* background: #fff; */width:100%;height:100%;text-align: center;}
/* 230515 - .main-wrap .box02{margin-top:160px} */
.main-wrap .box02{display: flex; flex-direction: column; justify-content: center; margin-top: 0; height: calc(100vh - 250px);}
/* /230515 */
.main-wrap .box02 img{display:block; margin:0 auto;}
/* 230515 - .main-wrap .box02 img:nth-child(2){margin-top:170px;}  */
.main-wrap .box02 img:nth-child(2){margin-top:15px;}
.main-wrap .box02 img:nth-child(3){margin-top:120px;}
/* /230515 */
.main-wrap .box03 {width:100%;position:absolute;bottom:0;left:0;/* background: #c20000; */height: 180px;display:flex;gap: 20px;align-items:center;justify-content:center;}
.main-wrap .box03 a{width: 860px;height: 120px;background: #f4313f;color: #fff;font-size: 50px;border-radius: 10px;display:flex;align-items:center;justify-content:center;}
.main-wrap .box03 a.w{color:#000; background:#fff;}
/* 메인 E */




/* 팝업 S */
.pop-wrap .cover{position:absolute;left:0;top:0;z-index: 1;/* background-color: rgba(0,0,0,0.55); */width:100%;height:100%;}
.pop-wrap.modal .cover{position:absolute;left:0;top:0;z-index: 1; width:100%;height:100%; filter: blur(5px); -webkit-filter: blur(5px);}

.pop-wrap .title{font-size: 32px;color: #fff;background: #f4313f;font-weight: 700;display: flex;width: 100%;align-items: center;justify-content: center;height: 70px;border-radius: 10px;margin-bottom: 30px;}
.pop-wrap .content{font-size:32px; font-weight:500; min-height:200px; display:flex; align-items:center;}
.pop-wrap .btns{display:flex; align-items:center; justify-content:center; gap:20px;}
.pop-wrap .btn{width:220px; height:70px; display:flex; align-items:center; justify-content:center; background:#f4313f; color:#fff; font-size:28px; border-radius:10px;}
.pop-wrap .btn.border{background:transparent; border:1px solid #000; color:#333;}

.pop-wrap .s-title{font-size:35px; color:#333; padding-top: 50px; line-height: 1.5; text-align: center;}
.pop-wrap .s-title span{color:#c20000;}
.pop-wrap .mail{font-size:30px; color:#000; margin:40px 0 90px; font-weight: 700;}

/* 230515 - .pop-wrap .pop{display: flex;align-items: center;justify-content: space-between;flex-direction: column;padding:50px;width: 730px;position:absolute;z-index: 2;left:50%;top:50%;transform: translate(-50%,-50%);background-color: #fff;border-radius: 10px;border: 1px solid #000;} */
.pop-wrap .pop{display: flex;align-items: center;justify-content: space-between;flex-direction: column;padding:50px;width: 730px;position:absolute;z-index: 2;left:50%;top:50%; transform: translate(-50%,calc(-50% + 50px));background-color: #fff;border-radius: 10px;border: 1px solid #000;}
/* /230515 */

.pop-wrap .member{margin-bottom:50px; margin-top:90px;}
.pop-wrap .member .item{display:flex; align-items:center; gap:30px; margin-bottom: 20px;}
.pop-wrap .member .item p{font-size: 45px;display: flex;gap: 25px;}
.pop-wrap .member .item p span{font-weight: 700;}
.pop-wrap .member .item a{width: 105px; height: 60px; border-radius:10px; color:#fff; font-size:20px; background:#000; display:flex; align-items:center; justify-content:center;}

.pop-wrap .btn-wrap{position:absolute;bottom: 50px;width: 100%;left: 0;display:flex;align-items:center;justify-content:center;gap:50px;}
.pop-wrap .btn-wrap a{height:100px;font-size: 35px;display:flex;align-items:center;justify-content:center;border-radius:10px;gap: 10px;}
.pop-wrap .btn-wrap .grey{background:#eaeaea; color:#333;}
.pop-wrap .btn-wrap .black{background:#000; color:#fff;}
.pop-wrap .btn-wrap .point{background:#c20000; color:#fff;}
.pop-wrap .btn-wrap .short{width: 280px;}
.pop-wrap .btn-wrap .long{width: 545px;}
.pop-wrap .btn-wrap .half{width: 410px;}
.pop-wrap .btn-wrap .full{width: 880px;}


.pop-wrap .bottom-btn{display:flex; align-items: center; justify-content: center;}
.pop-wrap .bottom-btn>a:first-child{margin-right: 10px;}

.pop-wrap .pop .con{border:1px solid #666; padding:60px 40px; width:100%; height: 460px;}
.pop-wrap .pop .con .con-tit{display: flex; text-align: center; justify-content: center;}
.pop-wrap .pop .con .con-tit .cate{font-size:45px; font-weight: 500; margin-right: 5px;}
.pop-wrap .pop .con .con-tit .name{font-size:35px; font-weight: 500;}
.pop-wrap .pop .con .con-tit .name span{font-size:45px; color:#333; font-weight: 700;}
.pop-wrap .pop .con .phone{margin-top:25px; font-size:45px; font-weight: 300; text-align: center; padding:25px 0; width:100%;}
.pop-wrap .pop .con .point-score{display: flex; justify-content: space-between; font-size: 45px; font-weight: 300; margin-top:35px;}
.pop-wrap .pop .number-pad{padding-top: 25px;}
.pop-wrap .pop .number-pad ul{display: flex; flex-wrap:wrap; width:100%; justify-content: space-between;}
.pop-wrap .pop .number-pad ul li{font-size:35px; background:#e5e5e5; color:#333; font-weight: 800; width:139px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius:6px; margin-bottom:10px; padding:0 10px;}
.pop-wrap .pop .number-pad ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;top: -3px;}
.pop-wrap .pop .number-pad ul li:nth-child(11) a{top:0;}
.pop-wrap .pop .number-pad ul li.long{width:288px;}

.pop-wrap .pop .big-btn{margin-bottom: 200px;}
.pop-wrap .pop .big-btn>a:first-child{margin-right:40px;}


.pop-wrap.bag .pop{padding-top:200px;}
.pop-wrap.bag .box01{text-align: center;}
.pop-wrap.bag .box01 .tit{margin-bottom: 90px;}

.pop-wrap.bill .pop{padding-top: 320px;}
.pop-wrap.bill .box{text-align: center;}
.pop-wrap.bill .img{margin-top: 50px;}
.pop-wrap.bill .img img{width: 210px;}

.pop-wrap.customer .pop{padding-top:240px;}

.big-btn-wrap>p{font-size:25px; color:#333; font-weight: 400; text-align: center;}

.pop-wrap .close-btn{position:absolute;top: 60px;right: 60px;width:35px;height: 35px;}

.pop-wrap.deposit .pop{padding-top: 75px;}
.pop-wrap.deposit .txt, .pop-wrap.defer .txt{width: 100%; text-align: center; font-size:25px; line-height: 1.8;}
.pop-wrap .box{width:100%; display:flex; }
.pop-wrap .box>div{width:50%;}
.pop-wrap .box>div:first-child{margin-right: 25px;}
.pop-wrap .box .table ul li{border-bottom:2px solid #bfbfbf; height: 75px; display:flex; align-items:center; padding-left:20px;}
.pop-wrap .box .table ul li span{display: block; width: 205px; font-size:23px; color:#333; font-weight: 500;}
.pop-wrap .box .table ul li p{font-size:23px; width:calc(100% - 205px);}
.pop-wrap .box .table ul li .bold{font-weight: 700;}
.pop-wrap .box .table ul li .point{font-weight: 700; color:#e75236;}
.pop-wrap .box .table ul li p input{width:100%; border:none;}

/* 팝업 E */

/* 서브 S */
.sub-wrap{background: #e8e8e8;	height:1720px;	padding:50px;}
.sub-wrap .sub-inner{background: #fff; height:100%;}
.sub-wrap .number-wrap{padding-top:170px; text-align: center;}
.sub-wrap .number-wrap .number-out{font-size:70px; color:#000; font-weight: 700;}
.sub-wrap .number-wrap .point{font-size:70px; color:#000; font-weight: 700;}
.sub-wrap .number-wrap .point span{color:#d6d6d6;}
.sub-wrap .number-wrap.member_point{padding-top: 120px;}

.sub-wrap .number-pad-round{padding-top: 60px;}

.sub-wrap .available-point{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:50px; font-size:40px;}
.sub-wrap .available-point span{color:#c20000;}

.sub-wrap .number-pad-round ul{display:grid;grid-template-rows: repeat(4, 154px);grid-template-columns: repeat(3, 154px);gap: 40px;justify-content: center;}
.sub-wrap .number-pad-round ul li{}
.sub-wrap .number-pad-round ul li a{transition:0.25s ease;/* background:#f2f2f2; */border: 3px solid #d6d6d6;border-radius:100px;color:#000;font-size: 33px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.sub-wrap .number-pad-round ul li a.darkgrey{background:#d9d9d9;}
.sub-wrap .number-pad-round ul li a.point{background:#ffed9b;}
.sub-wrap .number-pad-round ul li a:hover{background:#d9d9d9; transition:0.25s ease;}
.sub-wrap .number-pad-round ul li a.darkgrey:hover{background:#b3b3b3;}
.sub-wrap .number-pad-round ul li a.point:hover{background:#feb411;}
.sub-wrap .number-pad-round .cafe24srd{font-size:23px;}

.sub-wrap .btn-wrap{position:absolute;bottom: 100px;width: 100%;left: 0;display:flex;align-items:center;justify-content:center;gap:50px;}
.sub-wrap .btn-wrap a{height:135px;font-size: 35px;display:flex;align-items:center;justify-content:center;border-radius:10px;gap: 10px;font-weight: 700;}
.sub-wrap .btn-wrap .grey{background:#eaeaea; color:#333;}
.sub-wrap .btn-wrap .point{background:#c20000; color:#fff;}
.sub-wrap .btn-wrap .short{width: 280px;}
.sub-wrap .btn-wrap .long{width: 545px;}
.sub-wrap .btn-wrap .half{width: 410px;}
.sub-wrap .btn-wrap .full{width: 880px;}

.sub-wrap.history .sub-inner{background:transparent;}
.sub-wrap.history .sub-inner .sub-inner-in{
  background: #fff;
  margin-bottom: 25px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.sub-wrap.history .btn-wrap.four{gap:20px;}
.sub-wrap.history .btn-wrap.four a{width:230px;}


.sub-wrap .con{height:915px; text-align: center; position: relative; margin-top:170px; padding:0 150px;}
.sub-wrap .con .border-box{width:100%; height:900px; border:1px solid #666;}
.sub-wrap .con .border-box .img{margin-top:180px; margin-bottom: 85px;}
.sub-wrap .con .border-box .txt .t01{font-size:60px; font-weight: 500; color:#009b67;}
.sub-wrap .con .border-box .txt .t02{font-size:30px; font-weight: 300; color:#333; margin-top: 20px;}
.sub-wrap .btn{padding:0 100px;}
.sub-wrap .btn a{display:flex; align-items: center; justify-content: center; margin-top: 30px; font-size:70px; font-weight: 500; color:#fff; background:#009b67; height:180px; border-radius: 20px;}


.sub-wrap .btn-box-wrap{}
.sub-wrap .btn-box-wrap .btn-box-01{margin:35px 0; display:flex; justify-content:space-between; align-items:center;}
.sub-wrap .btn-box-wrap .btn-box-01 .b01{display:flex; align-items:center;}
.sub-wrap .btn-box-wrap .btn-box-01 .b01 > a{width:143px; height: 57px; margin-right: 22px;}
.sub-wrap .btn-box-wrap .btn-box-02{display:flex; align-items:center; justify-content:space-between;}
.sub-wrap .btn-box-wrap .btn-box-02 > a{width: 211px; height: 146px;} 



.sub-wrap.success .con{margin-top: 390px; height:auto; margin-bottom: 400px;}
.sub-wrap.success .box{display: flex; align-items: flex-end;}
.sub-wrap.success .box{margin-top: 95px;}
.sub-wrap.success .box .img img{width:175px; position: relative; top: 13px;}
.sub-wrap.success .box .txt{width: calc(100% - 175px);}
.sub-wrap.success .box .txt .t01{font-size:60px; color:#009b67; font-weight: 500;}
.sub-wrap.success .box .txt .t02{font-size:30px; color:#333; font-weight: 400; margin-top:30px;}

/* 서브 E */



/* 20221226 */

.pop-wrap.flex-start .pop{justify-content:flex-start;}

.pop-wrap.voucher .pop{padding-top:240px;}

.pop-wrap.voucher-paper .pop{height:1160px; }
.pop-wrap.voucher-paper .pop .tit{border-bottom:0;}
.pop-wrap.voucher-paper .voucher-price-wrap{margin-bottom:80px;}
.pop-wrap.voucher-paper .voucher-price-wrap .description{font-size:30px;font-weight: 500;margin:60px 0;text-align:center;}
.pop-wrap.voucher-paper .voucher-price-wrap .item{display:flex;}
.pop-wrap.voucher-paper .voucher-price-wrap .item:nth-of-type(2){border-bottom:1px solid #b2b2b2; margin-bottom:20px; padding-bottom:20px;}
.pop-wrap.voucher-paper .voucher-price-wrap .item .title{font-size:45px;color:#000;font-weight: 600;margin-right:80px;}
.pop-wrap.voucher-paper .voucher-price-wrap .item .price{font-size:45px;color:#000;font-weight: 500;}
.pop-wrap.voucher-paper .voucher-price-wrap .item .price span{font-size:35px;color:#000;font-weight: 600;}
.pop-wrap.voucher-paper .voucher-btn-wrap .item:first-child{display:flex; margin-bottom:14px;}
.pop-wrap.voucher-paper .voucher-btn-wrap .item:first-child a{margin-right:22px; display: block;}
.pop-wrap.voucher-paper .voucher-btn-wrap .item:first-child a:last-child{margin-right: 0;}


.pop-wrap.voucher-mobile .pop{height:1192px; }
.pop-wrap.voucher-mobile .pop .tit{border-bottom:0;}
.pop-wrap.voucher-mobile .voucher-price-wrap{margin-bottom:80px;}
.pop-wrap.voucher-mobile .voucher-price-wrap .description{font-size:30px;font-weight: 500;margin:60px 0;text-align:center;}
.pop-wrap.voucher-mobile .voucher-price-wrap .item{display:flex;}
.pop-wrap.voucher-mobile .voucher-price-wrap .item:nth-of-type(2){border-bottom:1px solid #b2b2b2; margin-bottom:20px; padding-bottom:20px;}
.pop-wrap.voucher-mobile .voucher-price-wrap .item .title{font-size:45px;color:#000;font-weight: 600;margin-right:80px;}
.pop-wrap.voucher-mobile .voucher-price-wrap .item .price{font-size:45px;color:#000;font-weight: 500;}
.pop-wrap.voucher-mobile .voucher-price-wrap .item .price span{font-size:35px;color:#000;font-weight: 600;}
.pop-wrap.voucher-mobile .voucher-btn-wrap .item:first-child{display:flex; margin-bottom:14px;}
.pop-wrap.voucher-mobile .voucher-btn-wrap .item:first-child a{margin-right:22px; display: block;}
.pop-wrap.voucher-mobile .voucher-btn-wrap .item:first-child a:last-child{margin-right: 0;}


.pop-wrap.point-01 .pop{height:520px;}
.pop-wrap.point-01 .pop .s-title{font-size:40px; font-weight:400; margin-bottom:90px;}
.pop-wrap.point-01 .pop .big-btn{margin-bottom:0;}

.pop-wrap.point-02 .pop{height:880px;}
.pop-wrap.point-02 .box{justify-content:center;}
.pop-wrap.point-02 .txt{width: 100%;text-align: center;font-size:25px;line-height: 1.8;margin-top: 30px;}
.pop-wrap.point-02 .box>div:first-child{margin-right: 0px;}
.pop-wrap.point-02 .input-number-wrap{border-bottom:1px solid #7f7f7f;padding-top: 60px;}
.pop-wrap.point-02 .input-number-wrap .input-number{font-size:52px;font-weight: 600;width: 450px;text-align: center;padding-bottom: 20px;}
.pop-wrap.point-02 .pop .number-pad ul li:nth-child(10){background:#f2f2f2; }
.pop-wrap.point-02 .pop .number-pad ul li:nth-child(12){background:#fdd000; }

.pop-wrap.point-02 .pop .number-pad ul li a{top:0;}


.pop-wrap.point-03 .title {margin-bottom:30px; width:100%; border-bottom:1px solid #333; padding-bottom:30px;}
.pop-wrap.point-03 .t01{text-align: center; font-size:30px; line-height: 1.5;}
.pop-wrap.point-03 .table-description{margin-top:60px; width:100%; text-align: center; font-size:20px;}
.pop-wrap.point-03 table{margin-bottom:50px;margin-top:20px;width:795px;border-top:1px solid #000;border-left:1px solid #000;border-radius:10px;}
.pop-wrap.point-03 table tbody th{background:#fff5d0; font-size:25px; font-weight:800; text-align: center;}
.pop-wrap.point-03 table tbody th, .pop-wrap.point-03 table tbody td{font-size:25px;border-bottom:1px solid #000;border-right:1px solid #000;padding:20px;vertical-align:middle;}
.pop-wrap.point-03 table tbody td > div {display:inline-block; margin-right:130px;}
.pop-wrap.point-03 table tbody td > div input{width:17px; height:17px; border:1px solid #000; display:inline-block; margin-right:5px;}

.pop-wrap.point-03 table tbody .bottom-gap{margin-bottom:30px;}
.pop-wrap.point-03 table tbody .right-no-gap{margin-right:0px;}

.pop-wrap.point-03 .big-btn-wrap .big-btn{display:flex; justify-content:center; margin:0 auto;}


.pop-wrap.point-04 .table-description{margin-top: 20px;margin-bottom: 100px;width:100%;text-align: center;font-size:20px;padding-left: 70px;opacity:.8;text-align: left;}
.pop-wrap.point-04 .table-description > div{margin-top:10px;}

.pop-wrap.point-04 table{margin-top: 50px;width:795px;border-top:1px solid #000;border-left:1px solid #000;border-radius:10px;}
.pop-wrap.point-04 table tbody th{background:#e5e5e5; font-size:25px; font-weight:800; text-align: center;}
.pop-wrap.point-04 table tbody th, .pop-wrap.point-04 table tbody td{font-size:25px; border-bottom:1px solid #000; border-right:1px solid #000; padding:20px; vertical-align:middle;}

.pop-wrap.point-04 table tbody .bottom-gap{margin-bottom:30px;}
.pop-wrap.point-04 table tbody .right-no-gap{margin-right:0px;}



.pop-wrap.point-05 table{margin-top: 50px;width:795px;border-top:1px solid #000;border-left:1px solid #000;border-radius:10px;margin-bottom: 60px;}
.pop-wrap.point-05 table tbody th{background:#e5e5e5; font-size:25px; font-weight:800; text-align: center;}
.pop-wrap.point-05 table tbody th, .pop-wrap.point-05 table tbody td{font-size:25px; border-bottom:1px solid #000; border-right:1px solid #000; padding:20px; vertical-align:middle;}

.pop-wrap.point-05 table tbody .bottom-gap{margin-bottom:30px;}
.pop-wrap.point-05 table tbody .right-no-gap{margin-right:0px;}

.pop-wrap.point-05 table tbody td .mileage-blank{display:inline-block;}
.pop-wrap.point-05 table tbody td .mileage-blank .blank{vertical-align:baseline; width:110px;border-bottom:2px solid #000;display: inline-block;}
.pop-wrap.point-05 table tbody td .mileage-blank p{display:inline-block; vertical-align:baseline;}
.pop-wrap.point-05 table tbody td .use-mileage{display:inline-block; margin-left:40px;}



.pop-wrap.point-05-phone .box{justify-content:center;}
.pop-wrap.point-05-phone .txt{width: 100%;text-align: center;font-size:25px;line-height: 1.8;margin-top: 30px;}
.pop-wrap.point-05-phone .box>div:first-child{margin-right: 0px;}
.pop-wrap.point-05-phone .input-number-wrap{border-bottom:1px solid #7f7f7f;padding-top: 60px;}
.pop-wrap.point-05-phone .input-number-wrap .input-number{font-size:52px;font-weight: 600;width: 450px;text-align: center;padding-bottom: 20px;}
.pop-wrap.point-05-phone .pop .number-pad ul li:nth-child(10){background:#f2f2f2; }
.pop-wrap.point-05-phone .pop .number-pad ul li:nth-child(12){background:#fdd000; }

.pop-wrap.point-05-phone .pop .number-pad ul li a{top:0;}




/* 230112 */
.pop-wrap.point-03 .pop{height:1200px;}
.pop-wrap.point-03 .box{justify-content:center;}
.pop-wrap.point-03 .number-pad{margin-bottom:30px;}
.pop-wrap.point-03 table{margin-left:auto; margin-right:auto;}
.pop-wrap.point-03 .born {text-align: center; font-size:40px;}
.pop-wrap.point-03 .born input{height:80px;border:1px solid #000;margin:0 10px;max-width: 280px;padding: 20px;text-align: center;}


/* 230131 */
.pop-wrap.pay-method .pop{background:#fdcf14;border-radius:50px;height: 740px;padding: 140px 50px 80px;}
.pop-wrap.pay-method .pop .tit{padding-bottom:60px; border-bottom:0;}
.pop-wrap.pay-method .pop .img--btn{display:flex; gap:40px}



/* 230216 */

/* .cafe24srd{font-family: "Cafe24Ssurround";}
 */
.pop-wrap .prev-btn{position:absolute;top: 60px;left: 50px;width:44px;height: 36px;}

.pop-wrap .pop{padding: 30px;}
.pop-wrap .pop .big-btn>a:first-child{margin-right:63px;}

.pop-wrap .pop .s-title.left{line-height:1.4;font-size:60px;color:#000;margin-right:auto;margin-top: 60px;margin-bottom: 120px;}
.pop-wrap .pop .s-title.left{margin-bottom:70px;}
.pop-wrap .pop .s-title.left span{font-weight:800;}
.pop-wrap .pop .s-title.left span.yellow{color:#feb411;}
.pop-wrap .pop .s-title.left span b.dot{position: relative; display:inline-block;}
.pop-wrap .pop .s-title.left span b.dot::after{content:''; position:absolute; top:-10px; width:10px; height: 10px; background:#feb411; border-radius:50px; left:50%; transform:translateX(-50%);}

.pop-wrap .pop .s-title-txt{font-size:20px; color:#000; margin-top:10px; line-height: 1.6;}

.pop-wrap .pop .number-wrap-wrap{width: calc(100% - 480px);margin-right: 50px !important;}
.pop-wrap .pop .number-wrap{border-bottom:5px solid #ffed9b;padding-bottom:20px;}
.pop-wrap .pop .number-tit{font-size:25px; color:#000; font-weight: 700; margin-bottom: 50px;}
.pop-wrap .pop .number{font-size:35px; font-weight:700; color:#e5e5e5; }
.pop-wrap .pop .number span{color:#000;}
.pop-wrap .pop .number span.year{font-weight: 800; letter-spacing:0.2em; color:#e5e5e5; font-size:70px;}
.pop-wrap .pop .number span.year-before{color:#e5e5e5; font-size:25px;}

.pop-wrap .pop .number-pad-round{/* font-family:"Pretendard";  */width:430px;}
.pop-wrap .pop .number-pad-round ul{display:grid; grid-template-rows:repeat(4, 83px); grid-template-columns:repeat(3, 1fr); gap:12px;}
.pop-wrap .pop .number-pad-round ul li{}
.pop-wrap .pop .number-pad-round ul li a{transition:0.25s ease; background:#f2f2f2; border-radius:100px; color:#000; font-size:35px; font-weight: 900; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.pop-wrap .pop .number-pad-round ul li a.darkgrey{background:#d9d9d9;}
.pop-wrap .pop .number-pad-round ul li a.point{background:#ffed9b;}
.pop-wrap .pop .number-pad-round ul li a:hover{background:#d9d9d9; transition:0.25s ease;}
.pop-wrap .pop .number-pad-round ul li a.darkgrey:hover{background:#b3b3b3;}
.pop-wrap .pop .number-pad-round ul li a.point:hover{background:#feb411;}
.pop-wrap .pop .number-pad-round .cafe24srd{font-size:23px;}

.pop-wrap .gender-wrap{margin-top:30px;}
.pop-wrap .gender-wrap a{display:flex;font-size:20px;padding-left: 95px;font-weight: 700;margin-bottom:15px;align-items:center;border-radius:100px;width: 177px;height: 84px;background: #e6e6e6 url(/resource/images/gender-check-none.png) no-repeat top 10px left 11px;}
.pop-wrap .gender-wrap a.on{background: #fff0ac url(/resource/images/gender-check.png) no-repeat top 10px left 11px;}

.pop-wrap .point-table{}
.pop-wrap .point-table .item{display:flex; justify-content:space-between; padding:15px 0; border-bottom:2px solid #d9d9d9;}
.pop-wrap .point-table .item p{font-size:25px; color:#000;}
.pop-wrap .point-table .item p span{font-weight: 800;}
.pop-wrap .point-table .item p span.before{font-size:20px; font-weight: 700;}
.pop-wrap .point-table .item p span.color{color:#4d5aff;}
.pop-wrap .point-table .use-item{padding:15px 0;}
.pop-wrap .point-table .use-item p{font-size:25px; color:#000;}
.pop-wrap .point-table .use-item .use-point-wrap{border-bottom:5px solid #ffed9b;}
.pop-wrap .point-table .use-item .use-point-wrap .use-point{text-align:right;}
.pop-wrap .point-table .use-item .use-point-wrap .use-point span{font-size:50px; font-weight: 800; color:#dbdbdb; letter-spacing: 0.1em;}
.pop-wrap .point-table .use-item .use-point-wrap .use-point span.before{font-size:20px; font-weight: 700; color:#000;}

.pop-wrap.btn-mode .pop{padding-bottom:150px;}
.pop-wrap .add-txt{font-size:25px; margin-bottom:20px;}
.pop-wrap .btn-wrap{margin-top:65px; width:100%;}
.pop-wrap .btn-wrap.btn-2{display:grid; grid-template-columns:1fr 1fr; gap:50px;}
.pop-wrap .btn-wrap .btn{margin:0 auto;width:100%;  max-width:365px; height:130px; border-radius:30px; background:#f2f2f2; display:flex; align-items:center; justify-content:center; font-size:35px; color:#000;}
.pop-wrap .btn-wrap .btn.point{background:#ffed9b;}
.pop-wrap .btn-wrap .btn.point:hover{background:#ffe158;}

.pop-wrap.point-01 .pop{height: 960px; background: #fff url(/resource/images/point-01-bg-character.png) no-repeat top 90px right 180px;}
.pop-wrap.point-01 .pop .s-title.left{margin-bottom:140px;}

.pop-wrap.point-02 .pop{height:950px;}
.pop-wrap.point-02 .box{align-items: flex-start;}

.pop-wrap.point-03 .box{align-items: flex-start;}
.pop-wrap.point-03 .pop{height: 940px;}

.pop-wrap.point-05-phone .pop{height: 1160px;}

.pop-wrap.point-join-end .pop {height: 955px; background:url(/resource/images/point-join-end-bg.png) no-repeat bottom center / cover}
.pop-wrap.point-join-end .btn-wrap{margin-top: 330px;}


.defer_pay .title-wrap .title{padding-bottom:0;}


.profile{background:#fff;border-radius:10px;padding:30px 50px;display: grid;align-items:center;grid-template-columns: 180px 397px 200px;gap:50px;}
.profile .profile-img{}
.profile .profile-img img{}
.profile .profile-content{}
.profile .profile-content .title{font-size:40px;margin-bottom:20px;font-weight: 700;}
.profile .profile-content .txt{line-height: 1.5; font-size:25px;}
.profile .profile-content .txt span{color:#c30000; font-weight:700;}
.profile .profile-content .txt span b{color:#333;}
.profile .btns{display:grid; gap:10px; grid-template-columns:100%;}
.profile .btns a{border-radius:10px;display:flex;align-items:center;justify-content:center;height:74px;width:204px;font-size:25px;font-weight: 700;}
.profile .btns .grey{background:#dfdfdf; color:#000;}
.profile .btns .dark-grey{background:#949494; color:#fff;}





.sub-wrap .list-wrap{}
.sub-wrap .list-wrap .tit{display:flex; align-items: center; justify-content: center; height: 115px; background:#fed52f; border-radius:10px; margin-bottom: 35px;}
.sub-wrap .list-wrap .input{margin-bottom: 35px; padding-left:80px; position: relative; display:flex; align-items: center;  width:100%; height:115px; background-color:#eee; border-radius:10px;}
.sub-wrap .list-wrap .input input{margin-left: 10px; padding-left: 20px; background:transparent; font-size:25px; color:#333; font-weight: 500; border:none; width: 100%; height:70px; letter-spacing: -0.05em;}
.sub-wrap .list-wrap .input input::placeholder{font-size:25px; color:#333;}
.sub-wrap .list-wrap .input i{font-size:40px; position:absolute; right:20px; top:13px;} 

.sub-wrap .list-wrap .list{/* display:flex; */border-radius:10px;/* height: 795px; *//* padding:15px; */padding-bottom: 120px;overflow: hidden;}
.sub-wrap .list-wrap .list ul{padding-right:20px;padding: 15px;overflow-y: scroll;height: 684px;}
.sub-wrap .list-wrap .list ul li{display: grid;align-items: center;grid-template-columns: 432px 147px 250px 40px;height: 100px;background: #f5f5f5;margin-bottom: 10px;border-radius:10px;padding: 20px 40px;}
.sub-wrap .list-wrap .list ul li>div:nth-child(1){}
.sub-wrap .list-wrap .list ul li>div:nth-child(2){width: 146px;}
.sub-wrap .list-wrap .list ul li>div:nth-child(3){}
.sub-wrap .list-wrap .list ul li .name{height:50px;display:flex;align-items:center;font-size:25px;font-weight:400;color:#333;/* padding-right:20px; */}
.sub-wrap .list-wrap .list ul li .name p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.sub-wrap .list-wrap .list ul li .quan{vertical-align: middle; display: flex;  align-items: center;font-size:32px; font-weight:400; color:#333; justify-content: space-between;}
.sub-wrap .list-wrap .list ul li .quan img{position: relative; top:1px;}
.sub-wrap .list-wrap .list ul li .quan .num{position: relative; text-align: center; font-weight: 700;}
.sub-wrap .list-wrap .list ul li .price{font-size:32px;color:#333;font-weight: 700;/* text-align: right; */text-align: center;}
.sub-wrap .list-wrap .list ul li .close{/* font-size:34px; */color:#333;display:flex;align-items: center;justify-content: center;/* position: absolute; *//* right: 35px; *//* top: 35px; */}
.sub-wrap .list-wrap .list ul li .close a{display: flex;}

.sub-wrap .list-wrap .list>div{width:80px;}
.sub-wrap .list-wrap .list .top{height:95px; background:#c30000; color:#fff; font-size:36px; font-weight:700;width:100%; display:flex; align-items:center; padding:0 50px;}
.sub-wrap .list-wrap .list .arrow{display:flex; flex-direction:column; justify-content:space-between;}
.sub-wrap .list-wrap .list .arrow a{border-radius:10px; height:calc(50% - 6px); display: flex; align-items: center; justify-content: center; background:#7d7d7d;}

.sub-wrap .list-wrap .total{padding:30px; background:#ececec; border-radius:10px; margin-top: 35px; font-size:40px; color:#333; font-weight: 500; display: flex; align-items: center; }
.sub-wrap .list-wrap .total span{font-weight: 900; margin-left: 40px;}
.sub-wrap .list-wrap .total>div{width:50%; padding:20px;}




.history .list-wrap .btns{position:absolute;bottom: 15px;width: 100%;left: 0;display:flex;align-items:center;justify-content:center;gap: 20px;}
.history .list-wrap .btns a{height: 85px;font-size: 30px;display:flex;align-items:center;justify-content:center;border-radius:10px;gap: 10px;width: 305px;background: #333;font-weight: 700;}
.history .list-wrap .btns .white{background:#fff; color:#000; border:2px solid #949494;}
.history .list-wrap .btns .grey{background:#949494; color:#fff;}
.history .list-wrap .btns .black{background:#000; color:#fff;}

.sub-wrap .sub-inner-in.pay-check {padding: 35px 40px;}
.sub-wrap .sub-inner-in.pay-check .title{font-size:40px; font-weight: 700;}
.sub-wrap .sub-inner-in.pay-check .content{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 40px;
  gap: 30px 160px;
}
.sub-wrap .sub-inner-in.pay-check .content .item{
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}
.sub-wrap .sub-inner-in.pay-check .content .item .tit{
  font-size: 30px;
}
.sub-wrap .sub-inner-in.pay-check .content .item .price{
  font-size: 30px;
  display: flex;
  align-items: baseline;
}
.sub-wrap .sub-inner-in.pay-check .content .item .price.all span{color: #949494;font-weight: 700;font-size: 33px;}
.sub-wrap .sub-inner-in.pay-check .content .item .price.won span{
  font-size: 42px;
  font-weight: 700;
}
.sub-wrap .sub-inner-in.pay-check .content .item .price.point span{
  font-size: 33px;
  font-weight: 700;
}
.sub-wrap .sub-inner-in.pay-check .content .item .price.last span{
  color: #e7141a;
  font-weight: 700;
  font-size: 50px;
}




.sub-wrap.history .btn-wrap{bottom:50px;}

.pop-wrap.btn .pop{padding-bottom:200px;}
.pop-btn-wrap{position :absolute; bottom:50px; width: 880px; left:50%; transform:translateX(-50%);  }
.pop-btn-wrap a{display:flex; align-items:center; justify-content:center;  font-weight:700; color:#fff; font-size:40px; background:#000; border-radius:10px; height:100px;}

.pop-wrap.history .content{text-align: center; font-size:40px;color:#000;line-height: 1.6;font-weight: 600;}
.pop-wrap.history .content span{color:#c30000; font-weight: 700;}
.pop-wrap.history .pop{padding: 180px 10px 310px 10px;}

.pop-wrap.history.info .pop{
  padding: 20px 10px 230px 10px;
}

.pop-wrap.history.info .pop .title{font-weight:700; margin-bottom:100px;}
.pop-wrap.history.info .pop .content{font-weight:400;}





/* 230515 - .login-wrap .box02{width:520px; margin:0 auto; margin-top:195px; } */
.login-wrap .box02{display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 520px; height: calc(100vh - 100px);}
/* /230515 */
.login-wrap .box02 .input-box{height:85px; display:grid;grid-template-columns:85px 1fr;align-items:center;border:1px solid #d9d9d9;border-radius:10px;margin-bottom:30px;justify-items: center;}
.login-wrap .box02 .input-box input{width:100%; height:65px; padding:10px; background:transparent; border:none; font-size:22px;}
.login-wrap .btn-wrap .btn{width:520px; height:85px; color:#fff; background:#f4313f; font-size:30px; display:flex; border-radius:10px; align-items:center; justify-content:center;}

/* 230515 
.s-wrap{ padding:20px;}
.s-wrap .border-box{border-radius:10px; height:520px; display:grid; grid-template-columns:100%; border:5px solid #eeeeee; padding:40px;}
*/
.s-wrap{ display: flex; flex-direction: column; justify-content: center; padding:20px; height: calc(100vh - 240px);}
.s-wrap.btn { height: calc(100vh - 100px);}
.s-wrap.list { height: calc(100vh - 100px);}
.s-wrap.inventory { height: calc(100vh - 240px);}
.s-wrap .border-box{border-radius:10px; height:450px; display:grid; grid-template-columns:100%; border:5px solid #eeeeee; padding:20px;}
.s-wrap.inventory .border-box > div {}
/* /230515 */
.s-wrap .border-box.p20{padding:20px;}
.s-wrap .border-box .text{padding-left:130px;}
.s-wrap .border-box .text .t01{font-weight:300; font-size:32px; line-height:1.5; margin-bottom:50px;}
.s-wrap .border-box .text .t01 span{font-weight:700;}
.s-wrap .border-box .text .t02{position: relative; font-weight:700; font-size:56px; line-height:1.5;}

.s-wrap.num .border-box{grid-template-columns:1fr 1fr; align-items:center;}


/* 230515 - 
.number-pad ul{display:grid;grid-template-rows: repeat(4, 84px);grid-template-columns: repeat(3, 84px);gap: 25px;justify-content: center;}
*/
.number-pad ul{display:grid;grid-template-rows: repeat(4, 84px);grid-template-columns: repeat(3, 84px);gap: 20px;justify-content: center;}
/* 230515 */
.number-pad ul li{}
.number-pad ul li a{transition:0.25s ease;background: #f3f3f3;/* border: 3px solid #d6d6d6; */box-shadow: 0 5px 10px rgba(0,0,0,.2);border-radius:100px;color:#000;font-size: 43px;width:100%;font-weight: 700;height:100%;display:flex;align-items:center;justify-content:center;}
.number-pad ul li a.darkgrey{/* background:#d9d9d9; */}
.number-pad ul li a.point{background:#ffed9b;}
.number-pad ul li a:hover{background:#d9d9d9;transition:0.25s ease;}
.number-pad ul li a.darkgrey:hover{/* background:#b3b3b3; */}
.number-pad ul li a.point:hover{background:#feb411;}
.number-pad .cafe24srd{font-size:23px;}
.number-pad .num010{font-size:27px;}
.number-pad .close{font-size:27px;}

/* 230515 - .btn-wrap{position:absolute;bottom:20px;width: calc(100% - 20px);}  */
.btn-wrap{position:absolute;bottom:0;width: calc(100% - 20px);}
/* /230515 */
.btn-wrap .btn{height:120px;font-size:40px;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;background: #f4313f;width: 100%;font-weight: 600;}


.employ_reg .input-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}
.employ_reg .input-wrap .input-box{
    font-size: 26px;
    display: grid;
    grid-template-columns: 70px 1fr;
    align-items: center;
}
.employ_reg .input-wrap .input-box input{
    border: 1px solid #676767;
    border-radius: 10px;
    height: 68px;
    padding: 10px 25px;
    width: 100%;
}
.employ_reg .input-wrap .input-box input::placeholder{
  color:#d8d8d8;
}

.employ_reg .input-wrap .input-box select{
    border: 1px solid #676767;
    border-radius: 10px;
    height: 68px;
    padding: 10px 25px;
    width: 100%;
}

/* 230515 - .employ_reg .content{height:360px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-top: 30px;} */
.employ_reg .content{height:315px;display:flex;align-items:center;justify-content:center;font-size:32px;margin-top: 30px;}
/* /230515 */
.employ_reg .content span{font-weight:700}

.s-wrap.btn .border-box{height:660px;}
.s-wrap.btn .content{margin-top: 140px;text-align:center;font-size:32px;}
.s-wrap.btn .content span{font-weight:700;}
.s-wrap.btn .content .btns{margin-top:70px; display:flex; align-items:center; justify-content:center; gap:20px;}
.s-wrap.btn .content .btns .btn{color:#fff;display:flex;align-items:center;justify-content:center;width:260px;height:200px;border-radius:10px;font-weight: 700;}
.s-wrap.btn .content .btns .btn.sb{background: #5d5d5d;}
.s-wrap.btn .content .btns .btn.b{background: #303030;}


/* 230515 -
.s-wrap.list .wrap-box{height:520px; display:grid; grid-template-columns:820px 1fr; gap:20px;}
.s-wrap.list .wrap-box .left{position: relative;border: 1px solid #d9d9d9;width: 100%;padding-right: 24px;height: 520px;}
 */
.s-wrap.list .wrap-box{height:100%; display:grid; grid-template-columns:820px 1fr; gap:20px;}
.s-wrap.list .wrap-box .left{position: relative;border: 1px solid #d9d9d9;width: 100%;padding-right: 24px;height: 450px;}
/* /230515 */
.s-wrap.list .wrap-box .left ul.cate{/* display:grid; *//* width: 200px; *//* grid-template-columns:1fr 1fr 1fr 1fr; */}
.s-wrap.list .wrap-box .left ul.cate li{/* height:260px; */border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.s-wrap.list .wrap-box .left ul.cate li a{display:flex;align-items:center;justify-content:center;font-size:20px;width: 100%;height: 100%;border-right: 1px solid #d9d9d9;}
.s-wrap.list .wrap-box .left .arrows{background: #d2d2d2;position:absolute;right:0;top:0;height:100%;width:24px;z-index:999;}
.s-wrap.list .wrap-box .left .arrows>div{display:flex; align-items:center; justify-content:center; width:24px; height:50%; border-bottom:1px solid #d9d9d9;}

.s-wrap.list .wrap-box .left.prd ul.cate li{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}

.s-wrap.list .wrap-box .right{}

.s-wrap.list .wrap-box .right .tit{margin-bottom:15px;height:50px;background: #f4313f;width:100%;display:grid;grid-template-columns: 210px 120px 70px;color:#fff;font-size:23px;border-radius:10px 10px 0 0;}
.s-wrap.list .wrap-box .right .tit p{display:flex; align-items:center; justify-content:center;}
/* 230515 - .s-wrap.list .wrap-box .right .content {height: 318px; overflow-y: scroll;} */
.s-wrap.list .wrap-box .right .content {height: 249px; overflow-y: scroll;}
/* /230515 */
.s-wrap.list .wrap-box .right .content .item{margin-bottom:5px; height:53px;background:#eee;align-items: center;display: grid;grid-template-columns: 210px 120px 70px;}
.s-wrap.list .wrap-box .right .content .item .name{font-size:15px;line-height:1.3;padding-left: 35px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.s-wrap.list .wrap-box .right .content .item .quan{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 20px;justify-items: center;font-weight: 600;font-size:25px;}
.s-wrap.list .wrap-box .right .content .item .quan a{display:block;}
.s-wrap.list .wrap-box .right .content .item .close{display:flex; justify-content:center;font-size:25px;}

.s-wrap.list .wrap-box .right .total{color:#fff;font-size:23px;/* margin-bottom: 15px; */height: 50px;background: #aaaaaa;width: 100%;display: grid;grid-template-columns: 210px 120px 70px;color: #fff;font-size: 23px;border-radius: 0 0 10px 10px;margin-top: 15px;}
.s-wrap.list .wrap-box .right .total p{display:flex; align-items:center; justify-content:center;}

.s-wrap.list .btn-wrap{display:grid;grid-template-columns: 820px 420px;gap:20px;}
.s-wrap.list .btn-wrap > .btn{text-align:center; line-height:1.2;}
.s-wrap.list .btn-wrap > .btn span{font-size:30px;font-weight: 700;}
.s-wrap.list .btn-wrap .right{display:flex; gap:20px;}
.s-wrap.list .btn-wrap .right .btn{color:#333;font-size:23px;background:#fff;border: 5px solid #f4313f;display:flex;gap:10px;}
.s-wrap.list .btn-wrap .right .btn.prev{background: #f4313f;color:#fff;}

.s-wrap.list .prd .prd-item{padding: 8px;height:100%;text-align:center;}
/* 230515 - .s-wrap.list .prd .prd-item img{border:1px solid #333;margin-bottom: 5px;} */
.s-wrap.list .prd .prd-item img{border:1px solid #333;margin-bottom: 5px;max-width:85px;}
/* /230515 */
.s-wrap.list .prd .prd-item p{font-size: 14px;line-height:1.3;text-align:left;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.s-wrap.inventory .category-wrap{padding-right:50px;}
.s-wrap.inventory .category-wrap .cate-list{}
.s-wrap.inventory .category-wrap .cate-list ul{}
.s-wrap.inventory .category-wrap .cate-list ul li{}
.s-wrap.inventory .category-wrap .cate-list ul li a{
    font-size: 28px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fdd6d9;
    font-weight: 700;
}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(1) a{/* background: #cefeef; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(2) a{/* background: #cef7f6; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(3) a{/* background: #ccf1fc; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(4) a{/* background: #cee3f7; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(5) a{/* background: #cedafe; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(6) a{/* background: #d7dbe8; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(7) a{/* background: #d0d8f2; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(8) a{/* background: #ccf1fc; */}

.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(9) a{/* background: #cefeef; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(10) a{/* background: #cef7f6; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(11) a{/* background: #ccf1fc; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(12) a{/* background: #cee3f7; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(13) a{/* background: #cefeef; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(14) a{/* background: #d7dbe8; */}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(15) a{background: #d0d8f2;}
.s-wrap.inventory .category-wrap .cate-list ul li:nth-child(16) a{background: #ccf1fc;}

.s-wrap.inventory .inven-list-head{padding-right:50px}
.s-wrap.inventory .inven-list-head>div{
    background: #f4313f;
    color: #fff;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 70px 425px 110px 205px 135px;
    gap: 25px;
    height: 35px;
    align-items: center;
    padding-left: 35px;
    padding-right: 75px;
}
.s-wrap.inventory .inven-list-head .img{
    padding-left: 10px;
}
.s-wrap.inventory .inven-list-head .name{
    padding-left: 88px;
}
.s-wrap.inventory .inven-list-head .current{
    padding-left: 32px;
}
.s-wrap.inventory .inven-list-head .quan{
    padding-left: 71px;
}
.s-wrap.inventory .inven-list-head .price{
    padding-left: 50px;
}

/* 230515 - 
.s-wrap.inventory .inven-list{position: relative; margin-top: 8px; height: 360px;}
.s-wrap.inventory .inven-list ul{}
.s-wrap.inventory .inven-list ul li{padding-right: 50px;}
*/
.s-wrap.inventory .inven-list{position: relative; margin-top: 8px; padding-bottom: 37px; height: calc(100vh - 453px);}
.s-wrap.inventory .inven-list > .swiper-wrapper {height: auto;}
.s-wrap.inventory .inven-list > ul li{padding: 0 50px 5px 0;}
/* /230515 */
.s-wrap.inventory .inven-list ul li .item{
    background: #eee;
    /* color: #fff; */
    border-radius: 10px;
    display: grid;
    grid-template-columns: 70px 425px 110px 205px 135px;
    gap: 25px;
    height: 35px;
    align-items: center;
    padding-left: 35px;
    padding-right: 75px;
    height: 83px;
    font-size: 25px;
}
.s-wrap.inventory .inven-list ul li .item .img{
    height: 100%;
    display: flex;
    align-items: center;
}
.s-wrap.inventory .inven-list ul li .item .img img{
    width:70px;
    height:70px;
}
.s-wrap.inventory .inven-list ul li .item .name{
    color: #333;
    line-height: 1.3;
}
.s-wrap.inventory .inven-list ul li .item .current{
    text-align: center;
}
.s-wrap.inventory .inven-list ul li .item .quan{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.s-wrap.inventory .inven-list ul li .item .price{
    text-align: center;
}

.s-wrap.inventory .category-wrap{position: relative;margin-bottom: 20px;}
.s-wrap.inventory .cate-list-right-arrow{position:absolute; right:0; top:0;}


.s-wrap.inventory .inven-list .total{bottom:0; position:absolute; padding-right:50px; z-index:5; width: 100%; left:0;}
.s-wrap.inventory .inven-list .total>div{ text-align: center;   padding-left: 35px;
    padding-right: 75px; gap: 25px; height:37px; background:#313131; color:#fff; display:grid; grid-template-columns: 70px 425px 110px 205px 135px; align-items:center;}
/* 230515 - 
.s-wrap.inventory .arrows{background: #d2d2d2;position:absolute;right:0;bottom: 0;height: 402px;width: 43px;z-index:999;}
 */
.s-wrap.inventory .arrows{background: #d2d2d2;position:absolute;right:0;bottom: 0;height: calc(100% - 80px);width: 43px;z-index:999;}
/* /230515 */
.s-wrap.inventory .arrows>div{display:flex;align-items:center;justify-content:center;height:50%;width: 43px;border-bottom:1px solid #d9d9d9;}
.s-wrap.inventory .border-box>div{position: relative;}




.id-check{font-size:20px;display:flex;gap:7px;justify-content: flex-end;}
.id-check input{width:20px; height:20px;}


.blurEffect{
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.under-line{position:absolute;bottom: 11px;left: 5px;height: 3px;display: flex;gap: 5px;}
.under-line span{width: 28px;height: 3px;background: #333;display: inline-block;}


.cate-img-box{ text-align: center; font-size:20px; font-weight: 700; color:#222;}
.cate-img-box p{margin-top:40px;}





/* 230426 리스트페이지 상품명 위 바코드검색 추가 */
.s-wrap.list .wrap-box .right .code-search{
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    margin-bottom: 15px;
}
.s-wrap.list .wrap-box .right .code-search .code-img{}
.s-wrap.list .wrap-box .right .code-search .search{
    border: 3px solid #f4313f;
    border-radius: 10px;
    position: relative;
}
.s-wrap.list .wrap-box .right .code-search .search input{
    height: 50px;
    border-radius: 10px;
    border: none;
    width: 100%;
    padding-right: 45px;
	padding-left: 10px;
}
.s-wrap.list .wrap-box .right .code-search .search input::-webkit-input-placeholder {
  font-weight: 900;
  color:black;
} 
.s-wrap.list .wrap-box .right .code-search .search img{
    position: absolute;
    right: 10px;
    top: 13px;
}


/* 230426 공통헤더 추가 */
.logo-box{
    display: flex;
    align-items: center;
    gap: 50px;
}
.logo-box p{
    font-size: 32px;
    color: #fff;
    font-weight: 700;
}





/* 230426 6시 수정
.kiosk-wrap{height:calc(100vh - 100px);}
.s-wrap.list .btn-wrap{grid-template-columns: 820px 1fr;}
.btn-wrap{ width: calc(100% - 40px); margin-left:20px;}
.s-wrap.list .btn-wrap .right{
display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.pop-wrap .btns.two{display:grid; grid-template-columns:1fr 1fr; gap:20px;}


.main-wrap .box03{position:fixed;}
 */

/* 230515 수정 */
.kiosk-wrap{height:708px;}
.s-wrap{ height:488px}
.main-wrap .box02 {}
.s-wrap.list .btn-wrap{grid-template-columns: 820px 1fr;}
.btn-wrap{ width: calc(100% - 40px); margin-left:20px;}
.s-wrap.list .btn-wrap .right{
display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.pop-wrap .btns.two{display:grid; grid-template-columns:1fr 1fr; gap:20px;}


.main-wrap .box03{position:fixed;}