:root{
    --main:#243672;
    --lightpoint:#252BD6;
    --lightgray:#CACACA;
    --lightbg:#F0F0F0;
    --point:#00B2FF;
    --darkgray:#777777;
    --delete:#E51B1B;
    --pointbt:#F5980D;
    --lightbox:0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    --lightboxmb:0px 0px 5px 1px rgba(0, 0, 0, 0.25);
}

*{outline:none;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{width:100%;height:100%;overflow:hidden;}
*::-webkit-scrollbar{width:.3vw;background:var(--lightbg);border-radius:1vw;}
*::-webkit-scrollbar-thumb{background:var(--darkgray);border-radius:1vw;}
*::-webkit-scrollbar-track{display:none;}
/*
body{width:100%;height:100%;font-family:'neo-rg';color:#000;background:var(--lightbg);margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000;font-size:1.2vmin;}
*/
body{width:100%;height:100%;font-family:'neo-rg';color:#000;background:var(--lightbg);margin:0;color:#000;font-size:1.2vmin;}

body table{overflow:hidden;}
.main-wrap{width:100%;height:100%;}
.wrap{width:95.5vw;height:100%;padding:0;float:right;position:relative;overflow:hidden;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.wrap.pin{width:90vw;}
section{width:100%;height:calc(100vh - 4.5vw);background:var(--lightbg);position:absolute;bottom:0;overflow:hidden;}
article{border-radius:1vw;position:relative;background:#fff;-webkit-box-shadow:var(--lightbox);box-shadow:var(--lightbox);}
button{background:none;border:none;font-family:'neo-bd';font-size:.7vmax;border-radius:1vmin;color:#000;cursor:pointer;}
button:focus{border:none;outline:none;}
blockquote{border-left:5px solid var(--lightgray);font-size:.7vw;padding:.5vh .5vw;}
pre{background:var(--lightbg);border-radius:1vmin;font-size:.7vw;padding:.5vh .5vw;}
.row{margin:0;}
.icon{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.icon i{text-align:center;vertical-align:middle;}

h1{font-size:2vw;font-family:'neo-ex';}
h2{font-size:2.2vmin;font-family:'neo-bd';text-align:center;margin:1vh 0 2vh;border-radius:1vw 1vw 0 0;}
h3{font-size:1.9vmin;font-family:'neo-bd';}
h4{font-size:1.4vmin;font-family:'neo-bd';}
p{font-size:1.3vmin;}
li{list-style:none;}
.over-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;width:100%;height:100%;line-height:inherit;}

.popover{z-index:9999;max-width:100% !important;font-family:'neo-ex';}
.bs-popover-top{left:1vw !important;text-align:center;font-size:1.2vmin;}
.bs-popover-top .popover-body{color:var(--lightpoint);}

dl{border:1px solid var(--lightgray);border-radius:1vmin;display:inline-block;overflow:hidden;margin:0;cursor:pointer;position:absolute;line-height:3vh;background:#fff;}
dl::-webkit-scrollbar{width:.2vw;background:var(--lightbg);border-radius:1vw;}
.long-select{width:50%;max-height:20vh;overflow-y:auto;}
dt{display:inline-block;width:100%;line-height:3vh;font-size:1.2vmin;}
dt .icon{display:inline-block;width:auto;margin:0 .25vw;position:absolute;}
dt .dl-arrow{position:absolute;right:0;}
dt span{padding:0 .5vw;display:inline-block;width:auto;text-align:center;line-height:3vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;font-size:.7vmax;max-width:100%;}
dl dd{background:#fff;width:100%;font-size:1.2vmin;margin:0;vertical-align:middle;line-height:3vh;text-align:center;position:relative;display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
dd.on{background:var(--main);color:#fff;}
dd:hover{background:var(--main);color:#fff;}
section#modal dd.on{background:#000;}
section#modal dd:hover{background:#000;}

input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:1vmin;font-size:1.2vmin;}
input[type=radio]{background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;vertical-align:middle;}
input[type=radio]:checked{border:.4vmin solid var(--lightpoint);background:#fff;}
label{cursor:pointer;margin:0;}
#modal input[type=radio],#modal #brew-wash,#modal .made-method input{border:none;background:var(--lightgray);vertical-align:middle;width:1.6vmin;height:1.6vmin;margin-right:.5vmin;}
#modal input[type=radio]:checked,#modal #brew-wash:checked,#modal .made-method input:checked{border:.5vmin solid #000;background:#fff;width:1.6vmin;height:1.6vmin;}
input[type=tel]{-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--lightgray);border-radius:1vmin;width:100%;height:3vh;padding:0 3%;}
input[type=password]{-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--lightgray);width:100%;height:3vh;padding:0 5%;text-align:left;}
input[type=text]{-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--lightgray);width:100%;height:3vh;padding:0 5%;text-align:left;}
input[type=number]{-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--lightgray);width:100%;height:3vh;padding:0 5%;text-align:left;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin-left:.5vw;}
.file-upload{width:35%;height:30%;border:1px solid var(--lightgray);position:relative;min-height:5vw;vertical-align:middle;padding:1%;border-radius:.5vw;overflow:hidden;}
.file-upload label{font-family:'neo-bd';border-radius:15px;width:100%;height:1.5vw;text-align:center;line-height:1.5vw;margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.file-upload img{max-width:100%;width:auto;height:auto;max-height:100%;border:none;margin:0 auto;display:block;}
input[type=file]{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;z-index:99;cursor:pointer;}
.toggle{width:3vw;height:100%;float:right;margin:0;}
.toggle input{width:100%;height:1.3vw;position:relative;border:1px solid var(--lightgray);border-radius:2vmin;vertical-align:middle;cursor:pointer;}
.toggle input:checked{background:var(--lightpoint);border:none;}
#modal .toggle input:checked{background:#000;border:none;}
.toggle input::before{content:"";position:absolute;left:0;top:0;width:1.25vw;height:1.25vw;border-radius:100%;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);background:var(--lightgray);-webkit-transition:all .5s 0s;-o-transition:all .5s 0s;transition:all .5s 0s;}
.toggle input:checked::before{background:#fff;left:1.7vw;}
textarea{-webkit-box-shadow:none;box-shadow:none;resize:none;border:1px solid var(--lightgray);padding:1%;border-radius:.5vw;line-height:1.5;width:100%;height:10vh;font-size:.7vmax;}
select{border:1px solid var(--lightgray);-webkit-box-shadow:none;box-shadow:none;}
span.soldout{color:var(--delete);font-family:'neo-ex';margin:0 .3vmax;display:none;}

.filter{float:left;width:30%;padding-bottom:.1vh;font-size:.7vw;overflow:visible;}
.filter article{height:auto;padding:0;position:relative;padding-bottom:.1%;}
.filter article form{padding-bottom:.1%;}
.filter article:nth-of-type(2){margin-top:2.5vh;}
.filter h2{background:var(--main);color:#fff;padding:3%;margin:0;}
.filter ol{width:90%;height:5vh;margin:2vh auto;position:relative;}
.filter ol:nth-of-type(1){height:3.5vh;}
.date input[type=date]{border:1px solid var(--lightgray);float:left;width:50%;height:100%;padding:2%;position:relative;text-align:center;color:#000;}
.date input[type=date]::-webkit-calendar-picker-indicator{float:left;width:100%;height:100%;position:absolute;top:0;left:0;color:transparent;background:transparent;cursor:pointer;}
.date input[type=date]:nth-of-type(1){border-radius:1vmin 0 0 1vmin;}
.date input[type=date]:nth-of-type(2){border-radius:0 1vmin 1vmin 0;}
.date input[type=month]{border:1px solid var(--lightgray);float:left;width:50%;height:100%;padding:2%;position:relative;text-align:center;color:#000;}
.date input[type=month]::-webkit-calendar-picker-indicator{float:left;width:100%;height:100%;position:absolute;top:0;left:0;color:transparent;background:transparent;cursor:pointer;}
.date input[type=month]:nth-of-type(1){border-radius:1vmin 0 0 1vmin;}
.date input[type=month]:nth-of-type(2){border-radius:0 1vmin 1vmin 0;}
.filter ol label{width:auto;}
.filter ol:nth-of-type(n+2) li{float:left;height:3.5vh;line-height:3.5vh;margin-right:.5vw;}
.filter ol li input[type=text]{height:3.5vh;}
.filter ol li input[type=radio]{vertical-align:middle;cursor:pointer;}
.filter ol:nth-of-type(1) li:nth-of-type(1){width:75%;float:left;height:100%;}
.filter-search,.filter-reset{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(12.5% - .25vw);margin-left:.25vw;height:100%;border-radius:1vmin;float:left;}
.filter-search i,.filter-reset i{width:100%;height:3.5vmin;font-size:2vmin;line-height:3.5vmin;text-align:center;font-size:1.2vmin;}
.filter-search{background:var(--lightpoint);color:#fff;cursor:pointer;}
.filter-reset{border:2px solid var(--lightpoint);color:var(--lightpoint);cursor:pointer;}
.filter .goods{display:none;}
.filter p{width:100%;}
.filter .toggle{width:3vw;}
.filter dl{width:50%;top:0;}
.filter dl span{width:100%;padding:0 8%;}
.phone li,.goods li{width:80%;}

.list{float:right;width:67%;height:100%;font-size:.8vw;}
.list h2{margin:2vh auto;}
.list h3{width:100%;font-size:1.5vw;position:absolute;top:50%;color:var(--lightgray);text-align:center;display:none;}
.list form{overflow:hidden;overflow-y:auto;width:100%;height:90%;}
.list form table{width:90%;margin:0 auto;text-align:center;}
.list form table thead{height:3vh;}
.list form table tbody tr{border-bottom:1px solid var(--lightgray);font-size:.7vw;line-height:1;cursor:pointer;}
.list form table tbody button{width:70%;height:3vh;line-height:3vh;}
.list table tbody td div{width:70%;height:3vh;line-height:3vh;margin:0 auto;border-radius:1vmin;}
.list table tbody td .td-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;height:100%;line-height:inherit;border-radius:0;margin:0;}
.list tfoot div i{margin-right:.2vw;line-height:3vh;}

.input-group{display:inline-block;width:auto;border:solid 1px var(--lightgray);border-radius:1vmin;margin:0;}
.input-group .form-control{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:1vmin;display:inline-block;border:none;background:none;text-align:right;height:3vh;line-height:3vh;padding:0;width:80%;color:#000;font-size:1.2vmin;}
.input-group .form-control:focus{-webkit-box-shadow:none;box-shadow:none;border-color:var(--lightgray);}
.input-group-text{background:none;font-family:'neo-bd';border:none;color:#000;height:3vh;padding:0;line-height:3vh;width:20%;float:right;font-size:.7vw;justify-content:center;}
.count .input-group{border:none;background:var(--lightbg);height:3vh;vertical-align:middle;}
.count .input-group .input-group-text{float:left;width:30%;cursor:pointer;}
.count .input-group .input-group-text i{font-size:1vw;line-height:3vh;}
.count .input-group input{width:40%;float:left;text-align:center;font-size:.8vw;}

section article .bt-wrap{width:80%;margin:1vh auto;text-align:center;position:absolute;width:100%;left:0;bottom:0;height:6vh;line-height:6vh;}
section article .bt-wrap button{width:20%;height:4vh;border-radius:1vmin;margin:0 1vw!important;line-height:4vh;vertical-align:middle;}
.close-bt{position:absolute;right:.5vw;top:.5vw;font-size:1.5vw;width:1.5vw;height:1.5vw;color:#000;}
.close-popup{position:absolute;right:.5vw;top:.5vw;font-size:1.5vw;width:1.5vw;height:1.5vw;color:#000;}
.normal-bt{border:1px solid #000;border-radius:1vmin;margin:0 auto;color:#000;text-align:center;font-family:'neo-bd';}
.normal-bt:focus{border:1px solid #000;border-radius:1vmin;margin:0 auto;color:#000;}
.default-bt{background:var(--lightpoint);border-radius:1vmin;color:#fff;text-align:center;font-family:'neo-bd';}
.cancle-bt{background:var(--lightgray);border-radius:1vmin;margin:0 auto;color:#000;font-family:'neo-bd';}
.point-bt{background:var(--pointbt);border-radius:1vmin;margin:0 auto;color:#000;font-family:'neo-bd';}
.delete-bt{background:var(--delete);border-radius:1vmin;margin:0 auto;color:#fff;font-family:'neo-bd';}
.save-set{width:6vw;line-height:3vh;background:var(--lightpoint);color:#fff;border-radius:1vmin;position:absolute;top:2vh;right:2vw;}
.list .add{font-size:.7vw;}
.list .add div{width:6vw;height:3vh;background:var(--lightpoint);color:#fff;border-radius:1vmin;margin-left:20%;float:right;line-height:3vh;cursor:pointer;}
.list .add div i{margin-right:.2vw;line-height:3vh;}
.list .excel{font-size:.7vw;cursor:pointer;}
.list .excel div{width:6vw;height:3vh;background:var(--lightpoint);color:#fff;border-radius:1vmin;margin-left:20%;float:right;line-height:3vh;}
.list .excel i{margin-right:.2vw;line-height:3vh;}
.page-wrap{padding-top:1vh;text-align:left;}
.page-bt-wrap{display:inline-block;}
.page-bt,.next,.prev{text-align:center;display:inline-block;width:1.5vw;height:1.5vw;line-height:1.5vw;border:1px solid var(--lightgray);border-radius:.5vw;margin:0 .2vw;color:#000;position:relative;}
.page-bt a i{line-height:1.5vw;}
a{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;color:#000;position:absolute;display:inline-block;top:0;left:0;}
a:hover{text-decoration:none;color:inherit;}
.page-bt.on{border:none;background:var(--lightpoint);color:#fff;}
.page-bt.on a{color:#fff;}


/** 로그인 **/
section#login{display:block;width:100%;height:100%;}
section#login article{width:30%;height:40%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:5vh 2vw;}
section#login article h1{font-size:2.5vmin;width:90%;height:4vh;line-height:4vh;margin:0 auto;}
section#login article h1 span{display:inline-block;height:100%;vertical-align:middle;}
section#login article h1 .login-logo{float:right;height:100%;background:url(../img/hunik_login.png)no-repeat;width:30%;background-size:contain;}
section#login article form{border:1px solid var(--lightgray);border-radius:1vw;width:90%;margin:4vh auto 2vh;height:70%;padding:1.5vh 1vw;text-align:center;}
section#login article form ul{width:70%;margin:0 auto;text-align:left;}
section#login article form ul li{width:100%;margin:1vh 0;height:2.5vh;line-height:2.5vh;display:inline-block;vertical-align:middle;position:relative;}
section#login article form ul li label{width:35%;display:inline-block;height:2.5vh;line-height:2.5vh;font-size:.8vw;vertical-align:middle;margin:0;}
section#login article form ul li label i{margin-right:.5vw;display:inline-block;vertical-align:middle;}
section#login article form ul li label span{margin-left:.2vw;color:var(--delete);height:2vh;display:inline-block;vertical-align:middle;}
section#login article form ul li input{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:65%;height:2.5vh;float:right;background:var(--lightbg);border:1px solid var(--lightgray);padding:0 .5vw;border-radius:.5vmin;line-height:2.5vh;}
section#login article form ul li input:focus{background:none;border:1px solid var(--lightgray);line-height:2.5vh;}
section#login article form ul li #pass-show{position:absolute;width:2.5vh;height:2.5vh;bottom:0;right:0;background:url(../img/pass-show.svg) 50% 50% no-repeat;background-size:60%;opacity:.4;cursor:pointer;}
section#login article form ul li.save-check{line-height:1vw;font-size:.6vw;height:1vw;margin:.0 0 .5vh;}
section#login article form ul li input[type=checkbox]{width:.9vw;height:.9vw;background:#fff;border-width:2px;padding:0;float:none;line-height:1vw;vertical-align:middle;position:relative;margin-right:.5vw;cursor:pointer;}
section#login article form ul li input[type=checkbox]:checked{border:0;background:var(--main);}
section#login article form ul li input[type=checkbox]:checked:after{content:'';background:url(../img/check-solid.svg) 50% 50% no-repeat;position:absolute;width:100%;height:100%;background-size:60%;}
section#login article form button{-moz-appearance:none;-webkit-appearance:none;background:var(--main);color:#fff;width:70%;height:4vh;margin:1.5vh auto;font-size:1.5vmin;border-radius:.5vmin;}
section#login article p{-moz-appearance:none;-webkit-appearance:none;color:var(--darkgray);width:90%;text-align:right;margin:0 auto;font-size:.5vw;}


/** 로딩 **/
#loading{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;background:rgba(0,0,0,.8);}
#loading-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#loading-bar{height:10vw;width:10vw;border-radius:100%;border:5px solid transparent;border-color: transparent #fff transparent #fff;animation:loading 1.5s linear 0s infinite normal;}
#loading-text{animation:loading-text 2s ease-in 0s infinite;color:#fff;font-size:1.5vw;opacity:0;text-align:center;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@keyframes loading{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@keyframes loading-text{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}


/** 원격조정 **/
body .main-wrap>.remote{width:4.5vw;height:100%;background:var(--main);position:fixed;right:-4.5vw;top:0;z-index:99999;}
body .main-wrap>.remote .remote{width:4.5vw;height:4.5vw;background:var(--main);padding:1vw;color:var(--point);cursor:pointer;}
body .main-wrap>.remote .remote .icon i{font-size:1.5vw;margin-bottom:.2vw;}
body .main-wrap>.remote .remote p{width:100%;text-align:center;font-size:.6vw;}
body .main-wrap>.remote .remote .remote-close{display:none;}
body .main-wrap>.remote .mac-list{width:90%;line-height:3vmin;margin:5%;background:#fff;}
body .main-wrap>.remote .mac-list dt{line-height:3vmin;height:3vmin;}
body .main-wrap>.remote .mac-list dt span{line-height:3vmin;height:3vmin;}
body .main-wrap>.remote .mac-list dd{line-height:3vmin;height:3vmin;}
body .main-wrap>.remote ul{width:90%;margin:4vmin auto 0;}
body .main-wrap>.remote ul li{width:4vw;height:8vmin;margin-bottom:10%;color:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;}
body .main-wrap>.remote ul li:hover{color:var(--point);cursor:pointer;}
body .main-wrap>.remote ul li .icon{height:50%;font-size:2.5vmin;position:relative;}
body .main-wrap>.remote ul li .icon i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
body .main-wrap>.remote ul li p{font-size:1vmin;text-align:center;max-height:3.5vmax;line-height:1.2;margin:0;position:absolute;bottom:2vh;width:100%;}


/** 내비게이션 **/
nav{width:4.5vw;height:100%;overflow:hidden;float:left;background:#fff;z-index:9999;position:absolute;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;cursor:pointer;}
nav:hover{width:10vw;}
nav.pin{width:10vw;}
nav .nav-pin{display:none;}
nav .logo-wrap{height:4.5vw;position:relative;font-size:1.2vw;}
nav .logo-wrap .logo{width:100%;height:100%;background:var(--main) url(../img/logo.png)no-repeat 50% 50%;background-size:30%;}
nav .logo-wrap .icon{color:#fff;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);display:none;}
nav .logo-wrap .nav-pin{width:1.5vw;}
nav:hover .nav-pin{display:block;}
nav:hover .logo-wrap .logo{background:var(--main) url(../img/hunik.png)no-repeat 40% 50%;background-size:60%;}
nav .nav-close{display:none;}
nav.pin{width:10vw;}
nav.pin .logo{background:var(--main) url(../img/hunik.png)no-repeat 40% 50%;background-size:60%;}
nav.pin .logo-wrap .nav-pin{display:block;}
nav.pin .logo-wrap .nav-pin i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
nav .header-select{display:none;}
nav ul{width:10vmax;height:calc(100% - 4.5vw);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
nav .nav{display:block;}
nav ul::-webkit-scrollbar{display:none;}
nav ul>li{width:100%;display:inline-block;position:relative;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;vertical-align:top;}
nav ul li:hover{background:var(--lightbg);}
nav ul li:hover a{text-decoration:none;color:#000;}
nav ul li .icon{width:4.5vw;height:4.5vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
nav ul li div:nth-of-type(2){width:5%;height:4.5vw;}
nav ul li div:nth-of-type(2) i{font-size:.8vmax;}
nav .icon i{font-size:1.4vmax;}
nav ul li p{width:40%;height:30%;display:inline-block;font-size:1vmax;line-height:1vmax;margin:0;}
nav ul li.rf-nfc p{font-size:.75vmax;}
nav ul li p span{color:var(--lightgray);font-size:.5vmax;display:block;}
nav .logout{color:var(--main);}
nav ul li.on{background:var(--lightbg);color:var(--lightpoint);}
nav ul li.on p span,nav ul li.on>a{color:var(--lightpoint);}
nav ul>li>ol{width:100%;height:0;overflow:hidden;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
nav ol li{width:100%;height:2.25vw;color:#000;font-size:.7vmax;}
nav ol li .icon{height:2.25vmax;width:4.5vmax;}
nav ol li .icon i{font-size:.7vmax;}
nav ol li:hover{background:var(--main);color:#fff;}
nav ol li:hover a{color:#fff;}
body nav:hover ~ .wrap{width:90vw;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
body .wrap:hover ~ nav ul li ol{height:0;}


/** 헤더 **/
header{width:100%;height:4.5vw;position:absolute;background:#fff;top:0;right:0;z-index:999;}
header .mb-nav{display:none;}
header .title{width:auto;height:100%;line-height:4.5vw;padding-left:2vw;display:inline-block;margin:0;}
header .lang{width:6%;background:#fff;float:right;margin-top:calc(4.5vw - 3vw);position:relative;line-height:1.5vw;}
header .lang dt{line-height:1.5vw;font-size:.7vw;}
header .lang dt span{width:100%;line-height:1.5vw;}
header .lang dd{line-height:1.5vw;font-size:.7vw;}
header>div{width:4.5vw;height:4.5vw;padding:1%;float:right;}
header>div .icon i{font-size:1.5vw;margin-bottom:.2vw;}
header>div p{width:100%;text-align:center;font-size:.6vw;}
header .bell{color:var(--main);position:relative;}
header .bell .noti-count{position:absolute;width:25%;height:25%;border-radius:100%;background:var(--delete);top:35%;left:55%;color:#fff;display:none;align-items:center;justify-content:center;font-size:.75vmax;}
header .bell .noti-count.on{display:flex;}
header .remote{background:var(--main);color:var(--point);cursor:pointer;display:none;}
header .remote-disconnect{background:var(--delete);color:#fff;cursor:pointer;display:none;}
header .now-shop-name{width:auto;position:relative;margin:0 1%;float:right;margin-top:calc(4.5vw - 3vw);line-height:1.5vw;padding:0;}
header .now-shop-name>div{width:10vw;border:1px solid var(--lightgray);border-radius:1vmin;display:inline-block;overflow:hidden;cursor:pointer;height:3vh;line-height:3vh;background:#fff;display:inline-block;}
header .now-shop-name span{width:100%;line-height:3vh;font-size:.7vw;text-align:center;display:inline-block;padding:0 5% 0 12%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
header .now-shop-name .icon{display:inline-block;width:auto;margin:0 .25vw;position:absolute;}
header .now-shop-name .icon i{font-size:.7vw;line-height:3vh;}
header .now-shop-name #shop-disconnect{width:5vh;height:3vh;background:var(--lightpoint);color:#fff;display:inline-block;vertical-align:top;display:none;}
header .login-account{width:10%;position:relative;margin:0 1%;float:right;margin-top:calc(4.5vw - 3vw);line-height:1.5vw;border:1px solid var(--lightgray);border-radius:1vmin;display:inline-block;overflow:hidden;cursor:pointer;height:3vh;line-height:3vh;background:#fff;padding:0;}
header .login-account span{width:100%;line-height:3vh;font-size:.7vw;text-align:center;display:inline-block;padding:0 5% 0 12%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
header .login-account .icon{display:inline-block;width:auto;margin:0 .25vw;position:absolute;}
header .login-account .icon i{font-size:.7vw;line-height:3vh;}


/** 서버 이용료 팝업 **/
#server-fee-popup{width:100%;height:auto;position:absolute;top:4.5vw;left:0;z-index:99;}
#server-fee-popup>div{padding:1vh 2vh;box-shadow:0 0 .5vh .5vh rgba(0,0,0,.2);}
#server-fee-popup>div>div{position:relative;display:grid;grid-template-columns:90% 10%;grid-template-rows:auto auto;row-gap:1vh;}
#server-fee-popup>div h4{font-size:1.5vh;margin:0;}
#server-fee-popup>div>div>p{margin:0;grid-row:2;}
#server-fee-popup>div>div>i{font-size:3vh;text-align:right;grid-row:span 2;align-self:center;}
#server-fee-popup .server-fee-info{background:#e0efff;display:none;}
#server-fee-popup .server-fee-info h4, #server-fee-popup .server-fee-info i{color:#181c8e;}
#server-fee-popup .server-fee-warn{background:#ffe8e8;display:none;}
#server-fee-popup .server-fee-warn h4, #server-fee-popup .server-fee-warn i{color:#a40808;}



/** 대시보드 **/
section#dashboard{display:block;}
section#dashboard .sales-list{width:67.5%;height:12.5vh;position:relative;float:left;margin:2.5vh 2%;background:none;-webkit-box-shadow:none;box-shadow:none;overflow:visible;display:flex;justify-content:space-between;}
section#dashboard .sales-list>div{-webkit-box-shadow:var(--lightbox);box-shadow:var(--lightbox);background:#fff;width:23%;height:100%;text-align:center;padding:2.5vh 2vw;border-radius:1vw;float:left;position:relative;cursor:pointer;}
section#dashboard .sales-list>div:nth-child(1){margin-left:0;}
section#dashboard .sales-list>div h2{width:100%;margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
section#dashboard .sales-list>div span{color:var(--lightpoint);width:100%;display:inline-block;margin-top:1vh;}

section#dashboard .now-stock{display:none;width:26.5%;height:calc(100% - 5vh);background:#fff;float:right;margin:2.5vh 2%;margin-left:0;padding:2vh 2%;}
section#dashboard .now-stock h2{margin:0 auto 3vh;line-height:3vh;}
section#dashboard .now-stock .mac-list{width:40%;position:absolute;line-height:1.5vh;}
section#dashboard .now-stock .mac-list dt{text-align:center;}
section#dashboard .now-stock .mac-list dd{line-height:3vh;}
section#dashboard .now-stock .all-refill{width:45%;border-radius:1vmin;line-height:3vh;float:right;}
section#dashboard .now-stock form{width:100%;margin:0 auto;height:100%;overflow:hidden;}
section#dashboard .now-stock ul{width:100%;margin:8.5vh auto 0;height:85%;position:relative;}
section#dashboard .now-stock ul li{width:100%;height:3vh;font-size:1.2vmin;position:relative;margin-bottom:2.3vh;display:flex;justify-content:space-between;}
section#dashboard .now-stock ul li label{width:20%;display:inline-block;vertical-align:middle;margin:0;font-size:.8vmax;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#dashboard .now-stock ul li .bar{display:inline-block;width:60%;height:2.5vh;border-radius:2vmin;overflow:hidden;background:var(--lightbg);position:relative;vertical-align:middle;}
section#dashboard .now-stock ul li .bar .now-bar{height:100%;background:var(--lightpoint);position:absolute;display:inline-block;top:0;left:0;border-radius:2vmin;}
section#dashboard .now-stock ul li .per{position:absolute;line-height:2.5vh;left:.5vw;width:10%;color:#fff;font-size:1vmin;}
section#dashboard .now-stock ul li button{width:2.5vh;height:2.5vh;background:var(--lightpoint);color:#fff;border-radius:2vmin;}
section#dashboard .now-stock ul li button i{line-height:2.5vh;}



section#dashboard .shop-sales-graph{width:26.5%;height:calc(100% - 5vh);background:#fff;float:right;margin:2.5vh 2%;margin-left:0;padding:2vh 2%;}
section#dashboard .shop-sales-graph form{width:100%;}
section#dashboard .shop-sales-graph form.filter ol{width:100%;display:flex;justify-content:space-between;margin:0;}
section#dashboard .shop-sales-graph form.filter li{position:relative;}
section#dashboard .shop-sales-graph form.filter li:nth-of-type(1){width:25%;}
section#dashboard .shop-sales-graph form.filter li:nth-of-type(2){width:45%;}
section#dashboard .shop-sales-graph form.filter ol dl{width:100%;line-height:3.5vh;}
section#dashboard .shop-sales-graph form.filter ol input#sales-calendar{width:100%;border-radius:1vmin;}
section#dashboard .shop-sales-graph #shop-sales-graph{margin:0 auto;height:85%;overflow:hidden;overflow-y:auto;padding-right:.5vw;}
section#dashboard .shop-sales-graph ul{width:100%;margin:3vh auto 0;height:85%;position:relative;}
section#dashboard .shop-sales-graph ul li{width:100%;height:3vh;font-size:1.2vmin;position:relative;margin-bottom:2.3vh;display:flex;justify-content:space-between;}
section#dashboard .shop-sales-graph ul li label{width:35%;display:inline-block;vertical-align:middle;margin:0;font-size:.8vmax;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#dashboard .shop-sales-graph ul li .bar{display:inline-block;width:60%;height:2.5vh;border-radius:2vmin;overflow:hidden;background:var(--lightbg);position:relative;vertical-align:middle;}
section#dashboard .shop-sales-graph ul li .bar .now-bar{height:100%;background:var(--lightpoint);position:absolute;display:inline-block;top:0;left:0;border-radius:2vmin;}
section#dashboard .shop-sales-graph ul li .per{position:absolute;line-height:2.5vh;left:.5vw;width:90%;color:#fff;font-size:1vmin;mix-blend-mode:difference;}


section#dashboard .sales-graph-wrap{width:67.5%;height:37.5vh;margin:2.5vh 2%;margin-top:0;float:left;display:flex;justify-content:space-between;}
section#dashboard .sales-graph-wrap article{width:48.5%;height:100%;padding:1% 2%;}
section#dashboard .sales-graph-wrap article dl{width:15%;position:absolute;top:4.5%;right:2.5%;text-align:center;}
section#dashboard .sales-graph-wrap article .graph{width:100%;height:80%;overflow:hidden;overflow-y:auto;}





section#dashboard .notice-error-wrap{width:67.5%;height:calc(100% - 60vh);margin:2.5vh 2%;margin-top:0;float:left;display:flex;justify-content:space-between;}
section#dashboard .notice-error-wrap article{width:48.5%;height:100%;padding:1% 2%;}
section#dashboard .notice-error-wrap .notice table{width:100%;text-align:center;}
section#dashboard .notice-error-wrap .notice tbody tr{height:4vh;border-bottom:1px solid var(--lightgray);cursor:pointer;}
section#dashboard .notice-error-wrap .notice td{width:10%;}
section#dashboard .notice-error-wrap .notice .title{width:50%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#dashboard .notice-error-wrap .notice .date{width:20%;}
section#dashboard .notice-error-wrap .notice .sort{width:20%;}
section#dashboard .notice-error-wrap .notice .sort div{width:50%;background:var(--lightpoint);margin:0 auto;height:3vh;line-height:3vh;color:#fff;border-radius:1vmin;}

section#dashboard .notice-error-wrap .error-list{overflow:hidden;}
section#dashboard .notice-error-wrap .error-list h4{position:absolute;top:3.5vh;right:2vw;}
section#dashboard .notice-error-wrap .error-list ul{width:100%;height:75%;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:space-around;align-items:center;margin:-0.25vw;}
section#dashboard .notice-error-wrap .error-list ul li{width:23%;height:4vw;text-align:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;align-content:center;margin:.25vw;border:1px solid var(--lightgray);border-radius:1vmin;}
section#dashboard .notice-error-wrap .error-list ul li div{display:flex;align-items:center;justify-content:center;gap:.5vh;}
section#dashboard .notice-error-wrap .error-list ul li div p{font-size:.8vw;height:1vw;line-height:1vw;}
section#dashboard .notice-error-wrap .error-list ul li div p i{height:1vw;line-height:1vw;}
section#dashboard .notice-error-wrap .error-list ul li p{margin:0;}
section#dashboard .notice-error-wrap .error-list ul li .error-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;word-break:break-all;width:100%;}




/** 매출 **/
section#sales .wrap{height:100%;padding:2.5vh 2.5vw;width:33%;}
section#sales .sales-filter{width:100%;height:48vh;margin-bottom:2.5vh;}
section#sales .sales-filter ol:nth-last-of-type(1){height:9vh;}

section#sales .stats{width:100%;height:calc(100% - 50.5vh);}
section#sales .stats table{width:85%;height:70%;margin:5% auto;}
section#sales .stats table tr td{display:inline-block;width:50%;height:5vh;line-height:5vh;}
section#sales .stats table tr td:nth-of-type(2){text-align:right;}

section#sales .sales-list{height:calc(100% - 5vh);margin:2.5vh 2.5vw;margin-left:0;width:64%;}
section#sales .sales-list table{width:95%;}
section#sales .sales-list thead,section#sales .sales-list tbody,section#sales .sales-list tfoot,section#sales .sales-list tr{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;}
section#sales .sales-list thead .refund,section#sales .sales-list thead .delete{color:transparent;}
section#sales .sales-list .no,section#sales .sales-list .payment,section#sales .sales-list .state,section#sales .sales-list .refund,section#sales .sales-list td.delete{width:6.5%}
section#sales .sales-list .date,section#sales .sales-list .machine{width:15%;}
section#sales .sales-list .price{width:10%;}
section#sales .sales-list .goods{width:26%;}
section#sales .sales-list tbody tr{height:4.5vh;border-bottom:1px solid var(--lightgray);font-size:.7vw;line-height:4.5vh;}
section#sales .sales-list td{display:inline-block;}
section#sales .sales-list tbody .goods{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;}
section#sales .sales-list tbody .goods span{width:auto;display:inline-block;background:var(--lightpoint);color:#fff;height:2.5vh;padding:0 .4vw;border-radius:1vmin;line-height:2.5vh;vertical-align:middle;margin-left:.5vw;}
section#sales .sales-list tbody .refund button{border-radius:1vmin;width:70%;height:3vh;margin:0 auto;display:inline-block;line-height:3vh;}
section#sales .sales-list tbody .payment div{border-radius:1vmin;width:70%;height:3vh;color:#fff;margin:0 auto;display:inline-block;line-height:3vh;}
section#sales .sales-list tbody .state div{border:2px solid var(--lightpoint);border-radius:1vmin;width:70%;height:3vh;color:var(--lightpoint);margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:3vh;}
section#sales .sales-list tbody .state div span{width:100%;align-content:center;}

section#sales .sales-list .sales-goods{width:100%;height:100%;margin:0 auto;display:none;}
section#sales .sales-list .sales-goods ul{width:95%;height:93%;overflow-y:auto;margin:0 auto;}
section#sales .sales-list .sales-goods ul li{width:30%;height:7vw;border:1px solid var(--lightgray);border-radius:.5vw;margin:1.5%;float:left;overflow:hidden;font-size:0;}
section#sales .sales-list .sales-goods ul .image{width:40%;height:100%;float:left;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
section#sales .sales-list .sales-goods ul p{display:inline-block;width:60%;height:2vw;line-height:2vw;padding-left:3%;margin:1% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#sales .sales-list .sales-goods .excel{width:6vw;height:3vh;background:var(--lightpoint);color:#fff;border-radius:1vmin;margin-right:5%;float:right;line-height:3vh;}

section#sales .sales-list .sales-day{display:none;}
section#sales .sales-list .sales-day td{width:25%;}
section#sales .sales-list .sales-day tbody tr{height:2vw;}

section#sales .sales-list .sales-month{display:none;}
section#sales .sales-list .sales-month td{width:33%;}
section#sales .sales-list .sales-month tbody tr{height:2.7vw;}


/** 기기 관리 **/
/* 재고 설정 */
section#machine-set .stock-wrap{width:100%;height:100%;overflow:hidden;}
section#machine-set .stock-wrap .now-stock{width:30%;height:calc(100% - 5vh);background:#fff;float:left;margin:2.5vh 2.5%;padding:2vh 2%;}
section#machine-set .stock-wrap .now-stock h2{margin:0 auto 3vh;line-height:3vh;}
section#machine-set .stock-wrap .now-stock .mac-list{width:40%;position:absolute;line-height:1.5vh;text-align:center;}
section#machine-set .stock-wrap .now-stock .mac-list dd{line-height:3vh;}
section#machine-set .stock-wrap .now-stock .all-refill{width:45%;background:var(--lightpoint);color:#fff;border-radius:1vmin;float:right;line-height:3vh;}
section#machine-set .stock-wrap .now-stock ul{width:100%;margin:8.5vh auto 0;height:85%;position:relative;}
section#machine-set .stock-wrap .now-stock ul li{width:100%;height:3vh;font-size:1.2vmin;position:relative;margin-bottom:2.3vh;}
section#machine-set .stock-wrap .now-stock ul li label{width:20%;display:inline-block;vertical-align:middle;margin:0;font-size:.8vmax;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#machine-set .stock-wrap .now-stock ul li .bar{display:inline-block;width:65%;height:2.5vh;border-radius:2vmin;overflow:hidden;background:var(--lightbg);position:relative;vertical-align:middle;}
section#machine-set .stock-wrap .now-stock ul li .bar .now-bar{height:100%;background:var(--lightpoint);position:absolute;display:inline-block;top:0;left:0;border-radius:2vmin;}
section#machine-set .stock-wrap .now-stock ul li .per{position:absolute;line-height:2.5vh;left:.5vw;width:10%;color:#fff;font-size:1vmin;}
section#machine-set .stock-wrap .now-stock ul li button{width:2.5vh;height:2.5vh;background:var(--lightpoint);color:#fff;border-radius:2vmin;float:right;}
section#machine-set .stock-wrap .now-stock ul li button i{line-height:2.5vh;}
 
section#machine-set .stock-wrap .stock-sort-notice{width:62.5%;height:100%;margin:2.5vh 2.5% 2.5vh 0;float:right;}
section#machine-set .stock-wrap .stock-set{width:100%;height:calc(100% - 25.5vh);margin-left:0;padding:1%;}
section#machine-set .stock-wrap #stock-set{width:100%;height:100%;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap{width:98%;height:91%;margin:0 auto;overflow:hidden;overflow-y:auto;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div{width:100%;margin-bottom:2vw;clear:both;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div h3{width:100%;float:left;font-size:1vmax;margin:.5vw auto;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div h4{font-size:.75vmax;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul{width:100%;display:flex;align-items:flex-end;font-size:0;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li{width:18.5%;display:inline-block;margin:0 1.2%;height:5.5vh;}
/*section#machine-set .stock-wrap .stock-set .stock-set-wrap>.cup-set ul li:nth-of-type(1){margin-left:0;display:none;}*/
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(1) ul li:nth-of-type(3n+1){width:15%;height:3vh;vertical-align:bottom;line-height:3vh;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(1) ul li:nth-of-type(3n+1) h4{width:auto;display:inline-block;margin:0;line-height:3vh;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(1) ul li:nth-of-type(3n+1) p{display:inline-block;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(2){width:9%;height:3vh;vertical-align:bottom;line-height:3vh;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(2) h4{width:auto;display:inline-block;margin:0;line-height:3vh;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(2) p{display:inline-block;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(1){text-align:center;height:3vh;width:7vw;line-height:3vh;margin:0;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(1) div{cursor:pointer;border-radius:1vmin;height:3vh;font-size:.75vmax;width:95%;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(3) input,section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(4) input{cursor:default;text-align:center;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(n+3){flex:1;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li .input-group{max-width:100%;width:100%;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li .input-group span{font-size:.7vw;}
section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li input{text-align:right;font-size:.7vw;}

section#machine-set .stock-wrap .stock-notice{width:100%;height:18vh;margin:2.5vh 2.5%;margin-left:0;padding:1%;overflow:hidden;}
section#machine-set .stock-wrap .stock-notice form{width:100%;max-height:50%;}
section#machine-set .stock-wrap .stock-notice ul{width:auto;text-align:center;margin:0;display:flex;}
section#machine-set .stock-wrap .stock-notice ul li{display:inline-block;margin:0 2.5%;text-align:left;flex:1;}
section#machine-set .stock-wrap .stock-notice ul li .input-group{width:100%;}


/* 화면 설정 */
section#machine-set .display-wrap{display:block;width:100%;height:100%;overflow:hidden;}
section#machine-set .machine-set-display{width:95%;height:calc(100% - 5vh);margin:2.5vh 2.5%;padding:1%;}
section#machine-set .machine-set-display .display-set-wrap{width:95%;height:93%;margin:0 auto;overflow:hidden;overflow-y:auto;}
section#machine-set .machine-set-display .display-set-wrap>div{width:50%;height:auto;float:left;}
section#machine-set .machine-set-display .display-set>div{margin-bottom:2vw;}
/* 클로바 아이콘(img/clova.png) 미추가 상태 — 빈 span 이 폭을 차지해 항목 간격이 어긋나므로 숨김. 이미지 추가 시 display 를 inline-block 으로 되돌리면 됨 */
section#machine-set .machine-set-display .display-set .sound-set .icon{background:url(../img/clova.png) no-repeat 50% 50%;background-size:contain;display:none;width:1vw;height:1vw;vertical-align:middle;margin-left:.3vw;}
section#machine-set .machine-set-display .display-set ul{width:100%;height:auto;}
section#machine-set .machine-set-display .display-set h4{width:auto;display:inline-block;margin:0;margin-right:1vw;vertical-align:middle;}
section#machine-set .machine-set-display .display-set ul li{width:auto;display:inline-block;margin-right:1vw;vertical-align:middle;line-height:3vh;}
section#machine-set .machine-set-display .display-set ul li:nth-last-of-type(1){margin:0}
section#machine-set .machine-set-display .display-set ul>li ol{width:auto;display:inline-block;height:4vh;line-height:4vh;}
section#machine-set .machine-set-display .display-set ul>li .tag-sort input{border:none;background:var(--lightgray);vertical-align:middle;width:1.5vmin;height:1.5vmin;margin-right:.5vmin;}
section#machine-set .machine-set-display .display-set ul>li .tag-sort input:checked{border:.4vmin solid var(--lightpoint);background:#fff;width:1.5vmin;height:1.5vmin;}
section#machine-set .machine-set-display .display-set ul>li .mac-theme input{vertical-align:middle;}
section#machine-set .machine-set-display .display-set ul>li ol label{margin:0;}
section#machine-set .machine-set-display .display-set-wrap .image-set{width:50%;height:auto;padding:0 2%;margin-bottom:2vh;}
section#machine-set .machine-set-display .display-set-wrap .image-set>div{margin:2vh 0;}
section#machine-set .machine-set-display .display-set-wrap .image-set div>p{font-size:1.4vmin;}
section#machine-set .machine-set-display .display-set-wrap .shop-did h3,
section#machine-set .machine-set-display .display-set-wrap .shop-ad h3{width:auto;display:inline-block;margin-bottom:1vh;vertical-align:middle;}
section#machine-set .machine-set-display .display-set-wrap .shop-did .toggle,
section#machine-set .machine-set-display .display-set-wrap .shop-ad .toggle{float:none;display:inline-block;vertical-align:middle;margin:0;margin-left:2vh;margin-bottom:1vh;}
section#machine-set .machine-set-display .display-set-wrap div .file-upload{width:100%;height:22vh;}
section#machine-set .machine-set-display .display-set-wrap .shop-logo h3,
section#machine-set .machine-set-display .display-set-wrap .shop-icon h3{margin-bottom:1vh;}
section#machine-set .machine-set-display .display-set-wrap .image-set .file-set-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
section#machine-set .machine-set-display .display-set-wrap .image-set .file-set-head p{margin:0;}
section#machine-set .machine-set-display .display-set-wrap .image-set .file-delete input{border:none;background:var(--lightgray);vertical-align:middle;width:2vmin;height:2vmin;margin-right:.7vmin;}
section#machine-set .machine-set-display .display-set-wrap .image-set .file-delete input:checked{border:.5vmin solid var(--lightpoint);background:#fff;width:2vmin;height:2vmin;}
section#machine-set .machine-set-display .display-set-wrap .image-set .file-delete input:disabled{opacity:.4;}
section#machine-set .machine-set-display .display-set-wrap .image-set .file-delete label{margin:0;vertical-align:middle;cursor:pointer;}
section#machine-set .machine-set-display .display-set-wrap .image-set .file-delete input:disabled+label{opacity:.4;cursor:default;}

/* 포트 설정 */
section#machine-set .port-wrap{display:none;width:100%;height:100%;overflow:hidden;}
section#machine-set .machine-set-port{width:95%;height:calc(100% - 5vh);margin:2.5vh 2.5%;padding:1%;}
section#machine-set .machine-set-port .mac-list{width:10vw;margin-left:5%;position:absolute;}
section#machine-set .machine-set-port .mac-list span{width:100%;}
section#machine-set .machine-set-port .port-set-wrap{width:90%;height:92%;margin:0 auto;overflow:hidden;overflow-y:auto;margin-top:5vh;}
section#machine-set .machine-set-port .port-set-wrap>div{width:100%;margin:3% 0;position:relative;height:10vh;}
section#machine-set .machine-set-port .port-set-wrap>div ul{width:100%;}
section#machine-set .machine-set-port .port-set-wrap>div ul li{width:15%;height:3vh;display:inline-block;margin-right:5%;position:relative;}
section#machine-set .machine-set-port .port-set-wrap>div ul li dl{width:100%;position:absolute;}
section#machine-set .machine-set-port .port-set-wrap>div ul li dl span{padding-left:10%;}
section#machine-set .machine-set-port .port-set-wrap>div h3{margin:2% 0 1%;}
section#machine-set .machine-set-port .port-set-wrap .etc-machine ul li{width:35%;margin-right:5%;}
section#machine-set .machine-set-port .port-set-wrap .etc-machine ul li dl{width:45%;}
section#machine-set .machine-set-port .port-set-wrap .etc-machine ul li dl:nth-of-type(2){right:0;}


/** 상품 **/
section#goods-list{display:block;}
section#goods-list .wrap{height:100%;padding:2.5vh 2.5%;width:33%;}
section#goods-list .goods-filter{width:100%;height:25vh;padding-bottom:.1vh;}
section#goods-list .goods-filter ol:nth-of-type(2){height:3vh;}
section#goods-list .goods-filter ol:nth-of-type(2) h4{width:auto;display:inline-block;margin:0;margin-right:1vw;line-height:3vh;}

section#goods-list .category{width:100%;height:calc(100% - 27.5vh);}
section#goods-list .category h2{padding:0;background:none;color:#000;}
section#goods-list .category form{padding-top:1vh;}
section#goods-list .category thead .no,#goods-list .category thead .show{width:10%;}
section#goods-list .category tbody tr{height:5vh;}
section#goods-list .category thead .delete{color:transparent;width:20%;}
section#goods-list .category tbody .toggle{margin:0 auto;float:none;}

section#goods-list .goods-list{height:calc(100% - 5vh);margin:2.5vh 2.5%;margin-left:0;width:64%;}
section#goods-list .goods-list thead .no, section#goods-list .goods-list thead .image{width:10%}
section#goods-list .goods-list thead .price{width:20%}
section#goods-list .goods-list thead .show,#goods-list .goods-list thead .soldout{width:8%;}
section#goods-list .goods-list thead .made,#goods-list .goods-list thead .delete{color:transparent;width:8%;}
section#goods-list .goods-list tbody tr{height:6.5vh;}
section#goods-list .goods-list tbody tr .no, section#goods-list .goods-list tbody tr .image, section#goods-list .goods-list tbody tr .goods, section#goods-list .goods-list tbody tr .price, section#goods-list .goods-list tbody tr .made, section#goods-list .goods-list tbody tr>.delete{height:3.2vw;}
section#goods-list .goods-list tbody .image img{max-width:100%;width:auto;height:auto;max-height:3vw;display:block;margin:0 auto;}
section#goods-list .goods-list tbody .toggle{margin:0 auto;float:none;}
section#goods-list .goods-list tfoot div{width:6vw;height:3vh;border-radius:1vmin;margin-left:1vw;float:right;line-height:3vh;cursor:pointer;padding:0;font-size:.7vw;}
section#goods-list .goods-list tfoot .ice-bulk{width:auto;padding:0 .8vw;white-space:nowrap;}/* 라벨이 길어 폭 자동 */

section#goods-list .ui-sortable-helper{border:3px solid var(--lightpoint)!important;background:#fff;}


/** 물품 주문 **/
/* 사업자 정보(footer) */
section#shop footer{position:absolute;bottom:.2vh;left:0;width:100%;text-align:center;}
section#shop footer p{display:inline-block;margin:0;font-size:.5vw;color:var(--darkgray);}
section#shop footer p:nth-of-type(n+2):nth-of-type(-n+7)::after{content:"｜";width:auto;}
section#shop footer p:nth-last-of-type(1){margin-left:.5vw;}
section#shop footer #ft-name{margin-right:1vw;}
section#shop footer #ft-name i{display:none;}
section#shop footer #ft-number, section#shop footer #ft-terms{cursor:pointer;}
 
/* 이용약관 및 개인정보처리방침 */
section#shop .terms-policy{width:100%;height:100%;padding:2.5vh 2.5%;z-index:9999;position:absolute;top:0;left:0;}
section#shop .terms-policy article{height:100%;padding:.5%;}
section#shop .terms-policy article .terms{width:100%;height:85%;padding:0 5%;overflow:hidden;}
section#shop .terms-policy article ol{height:44%;border:1px solid var(--lightgray);border-radius:1vmin;overflow:hidden;overflow-y:auto;padding:1% 2%;margin-bottom:2vh;}
section#shop .terms-policy article ul{padding:.5% 1%;}
section#shop .terms-policy article ol>li{font-family:'neo-bd';font-size:.7vw;margin-bottom:.5vh;}
section#shop .terms-policy article ol:nth-of-type(1)>li{list-style:decimal;}
section#shop .terms-policy article ol>li>p{margin:0;font-family:'neo-rg';}
section#shop .terms-policy article ul>li{list-style:decimal;font-family:'neo-rg';font-size:.65vw;}
section#shop .terms-policy article ul>li>ul>li{list-style:circle;}
 
/* 물품 목록 */
section#shop{display:block;}
section#shop .shop-products{width:100%;height:100%;padding:2.5vh 2.5%;}
section#shop .shop-products .wrap{overflow:visible;}
section#shop .shop-products .shop-pro-filter{width:100%;height:20vh;margin-bottom:2.5vh;padding-bottom:.1vh;}
section#shop .shop-products .shop-pro-filter ol:nth-of-type(2){height:5vh;width:90%;margin-top:2.5vh;}
section#shop .shop-products .shop-pro-filter ol:nth-of-type(2) h4{width:auto;display:inline-block;margin:0;margin-right:1vw;line-height:3vh;}
section#shop .shop-products .shop-pro-filter ol dl{width:50%;text-align:center;}
section#shop .shop-products .shop-pro-filter ol:nth-of-type(n+3) li{width:auto;}

section#shop .shop-products .shop-cart{width:100%;height:calc(100% - 22.5vh);}
section#shop .shop-products .shop-cart h2{padding:2vh auto;background:none;color:#000;}
section#shop .shop-products .shop-cart form{padding:1vh;height:70%;overflow:hidden;overflow-y:auto;}
section#shop .shop-products .shop-cart form table{width:100%;}
section#shop .shop-products .shop-cart form table tr{height:5vh;border-bottom:1px solid var(--lightgray);text-align:center;}
section#shop .shop-products .shop-cart form table tr td{display:inline-block;line-height:5vh;}
section#shop .shop-products .shop-cart form table tr .name{width:37%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#shop .shop-products .shop-cart form table tr .unit{width:10%;}
section#shop .shop-products .shop-cart form table tr .count{width:18%;}
section#shop .shop-products .shop-cart form table tr .price{width:20%;}
section#shop .shop-products .shop-cart form table tr .delete{width:15%;}
section#shop .shop-products .shop-cart form table tr .delete button{width:90%;height:3vh;vertical-align:middle;line-height:3vh;}
section#shop .shop-products #cart-info{padding:1vh;border-top:1px solid var(--lightgray);width:98%;height:20%;margin:0 auto;position:relative;}
section#shop .shop-products #cart-info ul{width:100%;}
section#shop .shop-products #cart-info ul li{height:3.5vh;line-height:3.5vh;}
section#shop .shop-products #cart-info ul .total-price{font-size:.9vw;}
section#shop .shop-products #cart-info button{width:20%;height:4vh;display:block;position:absolute;}
section#shop .shop-products #cart-info #delete-all-cart{top:1vh;right:1vh;}
section#shop .shop-products #cart-info #order-cart{bottom:1vh;right:1vh;}

section#shop .shop-products .shop-pro-list{height:100%;margin-left:0;width:67%;}
section#shop .shop-products .shop-pro-list thead .no, section#shop .shop-products .shop-pro-list thead .image,section#shop .shop-products .shop-pro-list thead .sort{width:10%;}
section#shop .shop-products .shop-pro-list thead .unit{width:15%;}
section#shop .shop-products .shop-pro-list thead .price{width:20%;}
section#shop .shop-products .shop-pro-list tbody tr{height:6.5vh;}
section#shop .shop-products .shop-pro-list tbody .image img{max-width:100%;width:auto;height:auto;max-height:3vw;display:block;margin:0 auto;}
section#shop .shop-products .shop-pro-list tfoot ul{justify-content:center;}
 
/* 주문/결제 정보 */
section#shop .shop-order-pay{width:100%;height:100%;padding:2.5vh 2.5%;}
section#shop .shop-order-pay input[type=checkbox],section#shop .shop-order-pay input[type=radio]{border-color:#000;vertical-align:middle;}
section#shop .shop-order-pay input[type=checkbox]{background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;}
section#shop .shop-order-pay input[type=checkbox]:checked{border:.4vmin solid;background:#fff;}
section#shop .shop-order-pay dl dd:hover, section#shop .shop-order-pay dl dd.on{background:#000;}
section#shop .shop-order-pay article{padding:.5%;width:100%;height:100%;text-align:center;}
section#shop .shop-order-pay article form{height:85%;}
section#shop .shop-order-pay #shop-order-pay .del-order-wrap{width:45%;height:auto;display:inline-block;margin:0 2%;text-align:left;vertical-align:top;height:100%;}
section#shop .shop-order-pay #shop-order-pay .info-type{width:100%;height:auto;margin-bottom:1vw;position:relative;}
section#shop .shop-order-pay #shop-order-pay .info-type h3{border-bottom:3px solid var(--lightgray);padding:1%;margin:0;}
section#shop .shop-order-pay #shop-order-pay .info-type h4{vertical-align:middle;margin:0;margin-right:1vw;vertical-align:middle;display:inline-block;}
section#shop .shop-order-pay #shop-order-pay .info-type>ul>li{display:inline-block;}
section#shop .shop-order-pay #shop-order-pay #op-del-info #address-change{width:3.5vw;height:3vh;position:absolute;top:2%;right:1%;border-width:2px;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul{height:auto;margin:0;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul li{height:auto;line-height:4vh;width:100%;padding:0 1%;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul li p{display:inline-block;width:auto;margin:0;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(1){border-bottom:1px solid var(--lightgray);}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(1) li{width:49.5%;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(2) li:nth-of-type(n+2){width:49.5%;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(2) li:nth-of-type(n+4){line-height:3vh;width:100%;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(2) li:nth-of-type(n+4) h4{width:100%;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(2) li:nth-of-type(3) p span{line-height:1;}
section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(2) li:nth-of-type(3) p #op-subadd{display:block;}
section#shop .shop-order-pay #shop-order-pay #op-order-info h3{border:none;}
section#shop .shop-order-pay #shop-order-pay #op-order-info table{border:1px solid var(--lightgray);border-radius:1vmin;width:100%;display:block;text-align:center;}
section#shop .shop-order-pay #shop-order-pay #op-order-info table thead{width:100%;background:var(--lightgray);display:block;height:4vh;line-height:4vh;}
section#shop .shop-order-pay #shop-order-pay #op-order-info table tbody{width:100%;display:block;overflow:hidden;overflow-y:auto;height:29vh;}
section#shop .shop-order-pay #shop-order-pay #op-order-info table tr{width:100%;display:block;height:4vh;line-height:4vh;border-bottom:1px solid var(--lightgray);}
section#shop .shop-order-pay #shop-order-pay #op-order-info table td{display:inline-block;float:left;}
section#shop .shop-order-pay #shop-order-pay #op-order-info table .name{width:45%;}
section#shop .shop-order-pay #shop-order-pay #op-order-info table .unit,section#shop .shop-order-pay #shop-order-pay #op-order-info table .count{width:15%;}
section#shop .shop-order-pay #shop-order-pay #op-order-info table .price{width:25%;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info{width:45%;display:inline-block;margin:0 2%;text-align:left;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info>ul{padding:0 1%;margin-bottom:1.5vh;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info h4{display:block;height:3vh;line-height:3vh;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info li{height:4vh;line-height:4vh;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info{text-align:right;padding:0;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info li{display:inline-block;width:33%;padding:0 1%;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info li:nth-of-type(n+4){display:block;width:100%;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info li:nth-last-of-type(1){background:var(--lightbg);border-radius:1vmin;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info li:nth-last-of-type(1) #op-total-price{font-size:1.5vmin;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .pay-method li{margin-right:1vw;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .pay-notice #pay-notice{border:1px solid var(--lightgray);border-radius:1vmin;overflow:hidden;overflow-y:auto;height:38vh;line-height:1.5;padding:1%;}
section#shop .shop-order-pay #shop-order-pay #op-pay-info .pay-notice .read-check span {font-weight: bold;margin-left:1vh;}

/* 배송지 목록 */
section#shop .shop-address{width:100%;height:100%;padding:2.5vh 2.5%;display:none;}
section#shop .shop-address .address-list{height:100%;width:100%;margin-left:0;}
section#shop .shop-address .address-list table .no, section#shop .shop-address .address-list table .delete{width:6%}
section#shop .shop-address .address-list table .add-name, section#shop .shop-address .address-list table .addressee{width:14%;}
section#shop .shop-address .address-list table .address{width:30%;overflow:hidden;}
section#shop .shop-address .address-list table .address span{display:block;line-height:2vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#shop .shop-address .address-list table .buy-tel, section#shop .shop-address .address-list table .add-tel{width:15%;}
section#shop .shop-address .address-list tbody tr{height:6.5vh;}
 
/* 주문 목록 */
section#shop .shop-orders{width:100%;height:100%;padding:2.5vh 2.5%;display:none;}
section#shop .shop-orders .shop-order-filter dl{width:50%;top:0;}
section#shop .shop-orders .shop-order-filter dl span{width:100%;padding:0 8%;}
section#shop .shop-orders .shop-order-filter ol{margin:2vh auto;}
section#shop .shop-orders .shop-order-filter ol:nth-of-type(3){height:3vh;position:relative;line-height:3vh;margin:2.5vh auto;}
section#shop .shop-orders .shop-order-filter ol:nth-of-type(3) h4{width:auto;display:inline-block;margin-right:1vw;}
section#shop .shop-orders .shop-order-filter ol:nth-of-type(n+5){height:6vh;}
section#shop .shop-orders .shop-order-filter ol:nth-of-type(n+5) li{width:80%;}
section#shop .shop-orders #shop-order-list tr{height:4.5vh;}
section#shop .shop-orders #shop-order-list .date, section#shop .shop-orders #shop-order-list .price{width:15%;}
section#shop .shop-orders #shop-order-list .no{width:20%}
section#shop .shop-orders #shop-order-list .order, section#shop .shop-orders #shop-order-list .del{width:10%;}
section#shop .shop-orders #shop-order-list .pro span{width:auto;display:inline-block;background:var(--lightpoint);color:#fff;height:2.5vh;padding:0 .4vw;border-radius:1vmin;line-height:2.5vh;vertical-align:middle;margin-left:.5vw;}
section#shop .shop-orders #shop-order-list tbody td div{height:3.5vh;line-height:3.5vh;}
section#shop .shop-orders .shop-order-list .normal-bt{border:2px solid var(--lightpoint);color:#000;}

/* 주문 정보 */
section#shop .shop-order-info{width:100%;height:100%;padding:2.5vh 2.5%;}
section#shop .shop-order-info article{padding:.5%;width:100%;height:100%;text-align:center;}
section#shop .shop-order-info article form{height:85%;}
section#shop .shop-order-info #shop-order-info .info-type{width:100%;height:auto;margin-bottom:1vw;position:relative;}
section#shop .shop-order-info #shop-order-info .info-type h3{border-bottom:3px solid var(--lightgray);padding:1%;margin:0;}
section#shop .shop-order-info #shop-order-info .info-type h4{vertical-align:middle;margin:0;margin-right:1vw;vertical-align:middle;display:inline-block;}
section#shop .shop-order-info #shop-order-info .info-type>ul>li{display:inline-block;}
section#shop .shop-order-info #shop-order-info #order-info{width:45%;height:100%;display:inline-block;text-align:left;}
section#shop .shop-order-info #shop-order-info #order-info h3{border:none;display:inline-block;vertical-align:top;}
section#shop .shop-order-info #shop-order-info #order-info h3:nth-of-type(n+2){font-size:1vw;padding:0;height:4vh;line-height:4vh;margin-left:1vh;}
section#shop .shop-order-info #shop-order-info #order-info h3 span{margin-left:1.5vmin;font-family:'neo-rg';}
section#shop .shop-order-info #shop-order-info #order-info #od-state{width:8vmin;height:4vh;display:flex;align-items:center;justify-content:center;float:left;font-size:1.6vmin;}
section#shop .shop-order-info #shop-order-info #order-info h3.normal-bt{border:2px solid var(--lightpoint);}
section#shop .shop-order-info #shop-order-info #order-info .pro-list{height:85%;margin:1.5vh 0;overflow:hidden;overflow-y:auto;padding-right:1.5vmin;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li{border:1px solid var(--lightgray);border-radius:1vmin;width:100%;height:15vh;font-size:0;margin-bottom:1vh;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li div{height:100%;display:inline-block;padding:2%;vertical-align:top;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li div:nth-of-type(1){width:80%;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-del-state{width:100%;margin:0;margin-bottom:1vh;font-size:1.8vmin;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-image{width:8vh;height:8vh;margin:0;margin-right:1.5vh;float:left;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-image img{width:100%;height:100%;overflow:hidden;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-name{width:calc(100% - 9.5vh);display:inline-block;font-size:1.5vmin;margin:0;height:4vh;position:relative;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-name span{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-unit{width:auto;display:inline-block;margin:0 0 1vh 0;height:3vh;line-height:3vh;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-count,section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-price{width:auto;display:inline-block;margin:0 0 1vh .5vh;height:3vh;line-height:3vh;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li div:nth-of-type(2){width:20%;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li div:nth-of-type(2) button{width:95%;height:4vh;border-width:2px;margin:1vh auto;}
section#shop .shop-order-info #shop-order-info #order-info .pro-list li div:nth-of-type(2) button:nth-of-type(1){border-color:var(--lightpoint);}
section#shop .shop-order-info #shop-order-info .del-pay-wrap{width:40%;height:auto;display:inline-block;margin-left:4%;text-align:left;vertical-align:top;height:100%;position:relative;}
section#shop .shop-order-info #shop-order-info #od-del-info{margin-bottom:5vh;}
section#shop .shop-order-info #shop-order-info #od-del-info ul{height:auto;margin:0;}
section#shop .shop-order-info #shop-order-info #od-del-info ul li{height:auto;line-height:4vh;width:100%;padding:0 1%;}
section#shop .shop-order-info #shop-order-info #od-del-info ul li p{display:inline-block;width:auto;margin:0;vertical-align:middle;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(1){border-bottom:1px solid var(--lightgray);padding:.5vh 0;font-size:0;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(1) li{width:50%;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2){margin-bottom:2vh;font-size:0;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li{margin-top:1vh;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li:nth-of-type(n+2){width:50%;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li:nth-of-type(n+4){line-height:3vh;width:100%;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li:nth-of-type(n+4) h4{width:100%;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li:nth-of-type(3) p span{line-height:1;}
section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li:nth-of-type(3) p #od-sub-add{display:block;}
section#shop .shop-order-info #shop-order-info #od-pay-info{display:inline-block;text-align:left;margin:0;position:absolute;bottom:4vh;right:0;}
section#shop .shop-order-info #shop-order-info #od-pay-info>button{position:absolute;top:.5vh;right:0;width:4.5vw;height:2.5vh;border-radius:.8vmin;}
section#shop .shop-order-info #shop-order-info #od-pay-info>ul{padding:0 1%;font-size:0;}
section#shop .shop-order-info #shop-order-info #od-pay-info h4{display:block;height:3vh;line-height:3vh;}
section#shop .shop-order-info #shop-order-info #od-pay-info li{height:4vh;line-height:4vh;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info{text-align:right;padding:0;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li{display:inline-block;width:33.3%;padding:0 1%;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-of-type(1){display:block;width:100%;border-bottom:1px solid var(--lightgray);text-align:left;padding:.5vh 1%;height:auto;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-of-type(1) p{margin:0;display:inline-block;width:100%;height:3vh;line-height:3vh;vertical-align:middle;font-family:'neo-bd';font-size:1.4vmin;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-of-type(1) p span{margin-left:1vh;font-family:'neo-rg';font-size:1.3vmin;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-of-type(n+5){display:block;width:100%;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-last-of-type(1){background:var(--lightbg);border-radius:1vmin;}
section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-last-of-type(1) #od-total-price{font-size:1.5vmin;}
section#shop .shop-order-info .bt-wrap button{width:15%;}


/** 포인트 **/
section#point{display:block;}
section#point>div{width:100%;height:100%;padding:2.5vh 2.5%;}
section#point article form{height:90%;}
section#point article table tbody tr{height:4.5vh;}
section#point table tbody td{width:auto;}
section#point tbody .state div{width:50%;}
section#point tbody .delete div{width:30%;}

/* 고객 목록 */
section#point .point-log-wrap .filter .phone{height:5.5vh;}
section#point .point-cm-list tbody td{width:25%;}
section#point .point-cm-list tfoot div{width:6vw;height:3vh;border-radius:1vmin;margin-left:1vw;float:right;line-height:3vh;cursor:pointer;padding:0;font-size:.7vw;}

/* 고객(customer) 단독 카테고리 — 기존 section#point 고객 목록 레이아웃 재사용 */
section#customer{display:block;}
section#customer>div{width:100%;height:100%;padding:2.5vh 2.5%;}
section#customer article form{height:90%;}
section#customer article table tbody tr{height:4.5vh;}
section#customer table tbody td{width:auto;}
section#customer tbody .delete div{width:30%;}
/* 목록 컬럼 너비(순서/연락처/보유포인트/가입일/포인트수정 5개) */
section#customer .point-cm-list .no{width:9%;}
section#customer .point-cm-list .pointcall{width:25%;}
section#customer .point-cm-list .totalpoint{width:20%;}
section#customer .point-cm-list .regdate{width:24%;}
section#customer .point-cm-list .point-edit{width:22%;}
/* 목록의 '포인트 수정' 버튼(기존 삭제 자리) — 모달 '포인트 수정'과 동일 주황 톤 */
section#customer .point-cm-list tbody .point-edit-list-bt{display:inline-block;width:auto;padding:0 .7vw;background:var(--pointbt);color:#000;font-family:'neo-bd';white-space:nowrap;}
section#customer .point-cm-list tfoot div{width:auto;height:3vh;border-radius:1vmin;margin-left:.6vw;float:right;line-height:3vh;cursor:pointer;padding:0 .7vw;font-size:.68vw;white-space:nowrap;}
section#customer .point-cm-list tfoot div i{margin-right:.35vw;}

/* 이용 내역 */
section#point .point-log-list table .date,section#point .point-log-list table .pointcall,section#point .point-log-list table .pointchange{width:20%;}
section#point .point-log-list table .state{width:10%;}

/* 상품 */
section#point .point-goods{display:none;width:100%;height:100%;overflow:hidden;padding:0;}
section#point .point-goods-list{width:95%;height:calc(100% - 5vh);margin:2.5vh 2.5%;padding:1%;}
section#point #point-goods-list table{width:95%;}
section#point #point-goods-list table .toggle{float:none;margin:0 auto;}
section#point #point-goods-list table .no,section#point #point-goods-list table .show,section#point #point-goods-list table .delete{width:10%;}

/** 쿠폰 **/
section#coupon{display:block;}
section#coupon>div{display:none;width:100%;height:100%;padding:2.5vh 2.5%;}
section#coupon .coupon-list tbody tr,section#coupon .coupon-log-list tbody tr{height:4.5vh;}
section#coupon .coupon-list table{table-layout:fixed;}
section#coupon .coupon-list .couponcode{width:20%;word-break:break-all;}
section#coupon .coupon-list .couponname{width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#coupon .coupon-list .couponissued{width:16%;}
section#coupon .coupon-list .couponexpires,section#coupon .coupon-list .couponused{width:12%;}
section#coupon .filter .coupon-code li{width:80%;}
section#coupon .coupon-list .couponstate{width:12%;}
/* 상태 토글 — 트랙 안에 활성/만료 텍스트를 겹쳐 표시한다(::before 는 공용 .toggle 의 손잡이라 텍스트는 ::after). */
section#coupon .coupon-list tbody .toggle{width:4.6vw;margin:0 auto;float:none;}
section#coupon .coupon-list tbody .toggle input{height:1.8vw;background:var(--lightgray);border:none;border-radius:2vmin;}
section#coupon .coupon-list tbody .toggle input:checked{background:var(--lightpoint);}
section#coupon .coupon-list tbody .toggle input::before{width:1.2vw;height:1.2vw;top:.3vw;left:.3vw;background:#fff;-webkit-transform:none;-ms-transform:none;transform:none;}
section#coupon .coupon-list tbody .toggle input:checked::before{left:3.1vw;background:#fff;}
section#coupon .coupon-list tbody .toggle input::after{content:"만료";position:absolute;top:0;right:.5vw;line-height:1.8vw;font-size:.7vw;font-family:'neo-bd';color:#555;-webkit-transition:all .5s 0s;-o-transition:all .5s 0s;transition:all .5s 0s;}
section#coupon .coupon-list tbody .toggle input:checked::after{content:"활성";right:auto;left:.5vw;color:#fff;}
/* 만료일이 지났거나 이미 사용된 쿠폰 — 조작 불가 */
section#coupon .coupon-list tbody .toggle input:disabled{cursor:default;opacity:.45;}
/* 쿠폰 생성/엑셀 다운로드 버튼 — 상품 목록 tfoot 버튼과 동일한 규격, 표 오른쪽 끝에 붙지 않도록 여백 */
section#coupon .coupon-list tfoot .bd div{width:6vw;height:3vh;border-radius:1vmin;line-height:3vh;font-size:.7vw;padding:0;margin:1.5vh 1vw 1.5vh 0;float:right;cursor:pointer;}
section#coupon .coupon-list tfoot .bd div i{margin-right:.2vw;line-height:3vh;}
/* 이용 내역 5열 폭 (쿠폰번호·혜택·분류·내역·일자) — 혜택에 여유 폭, 분류는 좁게 */
section#coupon .coupon-log-list .couponcode{width:22%;}
section#coupon .coupon-log-list .couponname{width:32%;}
section#coupon .coupon-log-list .couponcat{width:10%;text-align:center;}
section#coupon .coupon-log-list .couponuse{width:16%;}
section#coupon .coupon-log-list .couponusedate{width:20%;}
/* 이용 내역 분류 칩 (포인트 이용내역 참고) — 텍스트에 맞춘 좁은 pill. 생성=파랑 채움 / 사용=외곽선 2px·검정 / 취소=빨강 채움 */
section#coupon .coupon-log-list .couponcat div{display:inline-block;width:auto;height:3vh;line-height:3vh;padding:0 .9vw;font-size:.7vw;}
section#coupon .coupon-log-list .couponcat .used{background:none;color:#000;border:2px solid var(--lightpoint);line-height:calc(3vh - 4px);}
section#coupon .coupon-log-list .couponcat .cancelled{background:var(--delete);}
/* 좌측 사이드 (검색 필터 위 + 통계 아래) — 통계를 컬럼 하단에 고정 */
section#coupon .coupon-side{float:left;width:30%;height:100%;display:flex;flex-direction:column;}
section#coupon .coupon-side .filter{float:none;width:100%;}
/* 쿠폰 통계 카드 (좌측 사이드 하단, 검색필터 적용된 목록 기준) */
section#coupon .coupon-stats{float:none;width:100%;margin-top:auto;padding:0;font-size:.7vw;overflow:hidden;}
section#coupon .coupon-stats h2{background:var(--main);color:#fff;padding:3%;margin:0;}
section#coupon .coupon-stats ul{display:flex;width:100%;text-align:center;padding:2.5vh 5%;}
section#coupon .coupon-stats li{flex:1;position:relative;padding:.5vh 0;}
section#coupon .coupon-stats li+li{border-left:1px solid var(--lightgray);}
section#coupon .coupon-stats h4{font-size:.8vw;color:var(--darkgray);margin-bottom:1vh;font-family:'neo-bd';}
section#coupon .coupon-stats p{font-size:1.7vw;font-family:'neo-ex';line-height:1;}
section#coupon .coupon-stats .active p{color:var(--lightpoint);}
section#coupon .coupon-stats .expired p{color:var(--darkgray);}

/** RF 카드 **/
section#rf{display:block;}
section#rf>div{display:none;width:100%;height:100%;padding:2.5vh 2.5%;}

/* 고객 목록 */
section#rf .rf-card-wrap .list form{height:92%;}
section#rf .rf-number li,section#rf .rf-group li,section#rf .rf-log-wrap .rf-name li{width:75%;}
section#rf .rf-card-wrap .list tbody tr{height:4.5vh;}
section#rf .rf-card-wrap .list tbody td{width:20%;}
section#rf .rf-card-wrap .list .rfsort div{width:40%;border:2px solid var(--lightpoint);color:#000;}
section#rf .rf-card-wrap .list tfoot div{width:6vw;height:3vh;border-radius:1vmin;margin-left:1vw;float:right;line-height:3vh;cursor:pointer;padding:0;font-size:.7vw;}

/* 이용 내역 */
section#rf .rf-log-wrap .list form{height:90%;}
section#rf .rf-log-wrap .list tbody tr{height:4.5vh;}
section#rf .rf-log-wrap .list tbody td{width:15%;}
section#rf .rf-log-wrap .list .no{width:10%;}
section#rf .rf-log-wrap .list .rfsort div{width:40%;border:2px solid var(--lightpoint);color:#000;}

/* 상세 이용 내역 */
section#rf .rf-detail-wrap article{height:100%;width:100%;}
section#rf .rf-detail-wrap h4{width:90%;margin:0 auto;font-size:1.8vmin;height:4vh;margin-top:-2vh;}
section#rf .rf-detail-wrap .list form{height:83%;}
section#rf .rf-detail-wrap .list tbody tr{height:4.2vh;}
section#rf .rf-detail-wrap .list tbody td{width:20%;}
section#rf .rf-detail-wrap .list .logsort div{width:25%;border:2px solid var(--lightpoint);color:#000;}


/** 자료 **/
section#data{display:block;}
section#data>div{width:100%;height:100%;padding:2.5vh 2.5%;display:none;}
section#data article form{height:90%;}
section#data article table{table-layout:fixed;}
section#data article table tbody tr{height:4.5vh;}
section#data article table tbody tr td .td-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;}
section#data article table tbody tr .name .td-text{max-width:80%;}
section#data article table tbody tr .name span{width:auto;display:inline-block;background:var(--lightpoint);color:#fff;height:2.5vh;padding:0 .4vw;border-radius:1vmin;line-height:2.5vh;vertical-align:middle;margin-left:.5vw;}

/* 공지사항 */
section#data .notice-wrap article{width:100%;height:100%;padding:1%;}
section#data .notice-wrap h2{margin:1vh 0 2vh;}
section#data .notice-wrap .notice-list form{width:95%;height:92%;margin:0 auto;overflow:hidden;overflow-y:auto;}
section#data .notice-wrap .notice-list table{width:100%;}
section#data .notice-wrap .notice-list td{width:10%;}
section#data .notice-wrap .notice-list .title{width:60%;text-align:left;}
section#data .notice-wrap .notice-list .date{width:20%;}
section#data .notice-wrap .notice-list .sort div{width:50%;}

/* 공지사항 양식 */
section#data .notice-info{display:none;}
section#data .notice-info article{width:100%;height:100%;padding:1%;}
section#data .notice-info article>h2{display:none;}
section#data .notice-info.edit article>h2{display:block;}
section#data .notice-info form{width:95%;height:85%;margin:0 auto;overflow:hidden;overflow-y:auto;}
section#data .notice-info form a{width:auto;height:auto;position:relative;}
section#data .notice-info form .toggle{float:none;}
section#data .notice-info form .toggle input:checked{background:#000;}
section#data .notice-info .notice-title{height:6vh;width:95%;margin:0 auto;margin-bottom:1vh;}
section#data .notice-info.edit .notice-title{display:none;}
section#data .notice-info .notice-title li{display:inline-block;padding:0 .5vw;vertical-align:top;width:6%;height:6vh;line-height:6vh;text-align:center;}
section#data .notice-info .notice-title li:nth-of-type(2){width:auto;text-align:left;}
section#data .notice-info .notice-title #notice-sort{width:100%;height:4vh;border-radius:1vmin;line-height:4vh;text-align:center;vertical-align:middle;display:inline-block;font-size:.8vw;}
section#data .notice-info .notice-title #notice-title{margin:0;line-height:6vh;font-size:1.3vw;}
section#data .notice-info form .notice-header{height:6vh;display:none;}
section#data .notice-info.edit form .notice-header{display:block;}
section#data .notice-info form .notice-header li{width:8%;height:6vh;vertical-align:top;float:left;position:relative;}
section#data .notice-info form .notice-header li button{width:90%;height:3vh;background:#000;color:#fff;line-height:3vh;}
section#data .notice-info form .notice-header li dl{width:90%;}
section#data .notice-info.revise form .notice-header li dl{width:80%;display:block;}
section#data .notice-info form .notice-header li dl dd.on,section#data .notice-info form .notice-header li dl dd:hover{background:#000;}
section#data .notice-info form .notice-header li dl span{width:100%;}
section#data .notice-info form .notice-header li.notice-popup-date{width:18%;padding:0 1%;}
section#data .notice-info form .notice-header li:nth-last-of-type(1){width:50%;}
section#data .notice-info form .notice-header li:nth-last-of-type(1) input{padding:0 .5vw;width:100%;}
section#data .notice-info form .notice-header .noticetitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#data .notice-info.revise form .notice-header .notice-pin{display:inline-block;}
section#data .notice-info form>div{width:100%;height:63vh;overflow:hidden;overflow-y:auto;border:1px solid var(--lightgray);border-radius:1vmin;padding:.5% 1%;}
/* 공지 본문: 보기 모드는 .notice-view, 편집 모드는 CKEditor 위젯 (위젯 래퍼에 inline style display:inline-block 이 있어 !important 필요) */
section#data .notice-info form .django-ckeditor-widget{display:none!important;}
section#data .notice-info.edit form .django-ckeditor-widget{display:block!important;}
section#data .notice-info.edit form .notice-view{display:none;}
section#data .notice-info form .notice-view{font-size:1.2vmin;line-height:1.6;word-break:break-word;}
section#data .notice-info form .notice-view img{max-width:100%;height:auto!important;}
section#data .notice-info form .notice-view table{table-layout:fixed;}
section#data .notice-info form .notice-view td p,section#data .notice-info form .notice-view th p{margin:0;padding:0;}
section#data .notice-info form .notice-view a{display:inline;width:auto;height:auto;color:#2980b9;text-decoration:underline;cursor:pointer;}
/* section#data .notice-info form *{font-size:1.2vmin!important;} */
section#data .notice-info form .note-editor{width:100%;border-radius:1vmin;}
section#data .notice-info form .note-editor .note-toolbar button{border:1px solid rgba(0,0,0,.2);}
section#data .notice-info form .note-editor .note-toolbar button:focus{box-shadow:none;outline:none;}
section#data .notice-info form .note-editor .note-toolbar{background:none;padding:.5vh .25vw;border-bottom:1px solid rgba(0,0,0,.2);}
section#data .notice-info form .note-editor .note-toolbar>div{margin:0 .25vw;}
section#data .notice-info form .note-editor .note-toolbar .dropdown-style{width:10vw;}
section#data .notice-info form .note-editor .note-toolbar .dropdown-style li{padding:0 .5vw;}
section#data .notice-info form .note-editor .note-toolbar .dropdown-style a{position:relative;}
/* section#data .notice-info form h1{font-size:1.5vw!important;}
section#data .notice-info form h2{text-align:left;font-size:1.2vw!important;}
section#data .notice-info form h3{font-size:1vw!important;}
section#data .notice-info form h4{font-size:.8vw!important;}
section#data .notice-info form h5{font-size:.7vw!important;}
section#data .notice-info form h6{font-size:1.2vmin!important;}
section#data .notice-info form pre{font-family:'neo-rg';} */
section#data .notice-info form .note-editor .note-editable{margin-right:.5%;width:99.7%;}
section#data .notice-info form .note-editor .note-statusbar{display:none;}
section#data .notice-info form .note-editor .dropdown-toggle{overflow:hidden;padding-right:0;}
/* section#data .notice-info form .note-editor .dropdown-toggle span{display:inline-block;width:100%;} */
section#data .notice-info form .note-editor .dropdown-toggle:after{display:none;}
section#data .notice-info form .note-modal .modal-header button.close{margin:0;position:absolute;right:0;top:0;}
section#data .notice-info form .notice-file{height:5vh;position:relative;}
section#data .notice-info form .notice-file h4{line-height:5vh;width:auto;text-align:center;margin:0;display:inline-block;vertical-align:top;padding:0 1vw;}
section#data .notice-info form .notice-file #notice-file{line-height:5vh;width:50%;height:5vh;display:inline-block;margin:0;color:var(--lightgray);position:relative;}
section#data .notice-info form .notice-file #notice-file a{width:auto;height:100%;color:var(--darkgray);cursor:default;}
section#data .notice-info.edit form .notice-file{display:none;}
section#data .notice-info form .notice-footer{display:none;}
section#data .notice-info.edit form .notice-footer{display:block;margin:0;}
section#data .notice-info.edit form .notice-footer li{height:6vh;line-height:6vh;}
section#data .notice-info.edit form .notice-footer li h4{height:6vh;line-height:6vh;width:5%;margin:0;display:inline-block;vertical-align:top;text-align:center;float:left;}
section#data .notice-info.edit form .notice-footer li p{position:relative;display:inline-block;width:95%;height:4vh;line-height:4vh;margin:0;border:1px solid var(--lightgray);border-radius:1vmin;vertical-align:middle;}
section#data .notice-info.edit form .notice-footer label{margin:0;padding:0 .5vw;color:var(--darkgray);}
section#data .notice-info .bt-wrap button{width:15%;}
section#data .notice-info .bt-wrap #notice-apply{display:none;}
section#data .notice-info.edit .bt-wrap #notice-apply{display:inline-block;}
section#data .notice-info.edit .bt-wrap #notice-edit{display:none;}
 
 
/** 로그 **/
section#log>div{width:100%;height:100%;padding:2.5vh 2.5%;}
section#log .filter .mac-select,section#log .filter .code-select{height:3vh;line-height:3vh;margin: 2.5vh auto;}
section#log .filter .mac-select h4,section#log .filter .code-select h4{width:15%;display:inline-block;}
section#log .list table{table-layout:fixed;}
section#log .list tbody tr{height:4.5vh;line-height:4.5vh;}
section#log .list tfoot td ul{justify-content:center;}
 
/* 콘솔 로그 */
section#log .console-log .filter input[type=date]{width:100%;border-radius:1vmin;}
section#log .console-log .list tbody tr:nth-last-of-type(1){border:none;}
section#log .console-log .list tbody td{width:100%;text-align:left;}
 
/* 에러 로그 */
section#log .error-log .list td{width:25%;}
 
/* 작업 로그 */
section#log .work-log .list .date{width:25%;}
section#log .work-log .list .access-id,section#log .work-log .list .access-ip{width:15%;}
section#log .work-log .list .path{width:45%;}
 
/* 알림톡 로그 */
section#log .alarm-log .wrap{overflow:visible;}
section#log .alarm-log .wrap article{height:45vh;padding-bottom:1%;}
section#log .alarm-log .filter .template-name{height:6vh;}
section#log .alarm-log .filter .template-name li{width:100%;}
section#log .alarm-log .wrap .stats{margin-top:2.5vh;height:calc(100% - 47.5vh);}
section#log .alarm-log .wrap .stats ul{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);margin:0;padding:0 5%;}
section#log .alarm-log .wrap .stats ul li{width:auto;height:8vh;line-height:8vh;font-size:1.7vmin;text-align:left;}
section#log .alarm-log .list .date{width:20%;}
section#log .alarm-log .list .template{width:30%;}
section#log .alarm-log .list .contents{width:50%;}
section#log .alarm-log .list .result{width:10%;}


/** 관리자 **/
section#admin{overflow:hidden;}
section#admin>div{width:100%;height:100%;padding:2.5vh 2.5%;}
section#admin article form{height:90%;}
section#admin article table{table-layout:fixed;}
section#admin article table tbody tr{height:4.5vh;}
section#admin article table tbody tr td .td-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;}

/* 매장 설정 */
section#admin .store-setting{overflow:hidden;display:block;}
section#admin .store-setting article{width:100%;height:100%;padding:1%;overflow:hidden;}
section#admin .store-setting #store-setting{width:95%;height:93%;margin:0 auto;overflow:hidden;overflow-y:auto;padding-right:1%;display:flex;justify-content:space-between;}
section#admin .store-setting #store-setting h3{margin:2.5vh 0;}
section#admin .store-setting #store-setting .store-info{width:20%;}
section#admin .store-setting #store-setting .store-info ul li{width:100%;margin-bottom:2vh;}
section#admin .store-setting #store-setting .store-info ul li input{padding:0 5%;}
section#admin .store-setting #store-setting .store-info ul.store-address li{margin-bottom:1vh;}
section#admin .store-setting #store-setting .store-info ul.store-address .input-group{width:100%;overflow:hidden;}
section#admin .store-setting #store-setting .store-info ul.store-address .form-control{text-align:left;width:85%;}
section#admin .store-setting #store-setting .store-info ul.store-address .input-group-text{background:var(--lightgray);border-radius:0;width:15%;}
section#admin .store-setting #store-setting .store-set{width:77%;overflow:hidden;overflow-y:auto;}
section#admin .store-setting #store-setting .store-set ul{margin-bottom:1.5vh;display:flex;flex-wrap:wrap;gap:.5vw;height:auto;}
section#admin .store-setting #store-setting .store-set ul>li{width:auto;vertical-align:middle;height:3vh;line-height:3vh;position:relative;}
section#admin .store-setting #store-setting .store-set ul >li:nth-of-type(1){width:18%;margin-right:2%;}
section#admin .store-setting #store-setting .store-set ul>li h4{width:auto;float:left;margin:0;margin-right:1vw;line-height:3vh;font-size:.7vw;}
section#admin .store-setting #store-setting .store-set ul li p{width:auto;display:inline-block;vertical-align:middle;margin:0;}
section#admin .store-setting #store-setting .store-set ul li .toggle{width:3vw;vertical-align:middle;line-height:3vh;}
section#admin .store-setting #store-setting .store-set ul li dl{position:absolute;width:auto;margin-left:.2vw;right:0;}
section#admin .store-setting #store-setting .store-set ul li dl span{padding-right:1vw;width:100%;}
section#admin .store-setting #store-setting .store-set ul>div{width:75%;display:flex;flex-wrap:wrap;gap:.5vw;}
section#admin .store-setting #store-setting .store-set ul>div li{line-height:3vh;position:relative;}
section#admin .store-setting #store-setting .store-set ul>div li h4{width:auto;float:left;margin:0;margin-right:1vw;line-height:3vh;font-size:.7vw;}
section#admin .store-setting #store-setting .store-set ul.max-drink,section#admin .store-setting #store-setting .store-set ul.standby{width:20%;}
section#admin .store-setting #store-setting .store-set ul.max-drink li,section#admin .store-setting #store-setting .store-set ul.standby li{width:100%;}
section#admin .store-setting #store-setting .store-set ul #max-drink,section#admin .store-setting #store-setting .store-set ul #drink-standby{width:auto;min-width:35%;top:0;right:0;}
section#admin .store-setting #store-setting .store-set ul #max-drink span,section#admin .store-setting #store-setting .store-set ul #drink-standby span{padding-right:1.5vw;}
section#admin .store-setting #store-setting .store-set ul.operating-time div li{width:30%;}
section#admin .store-setting #store-setting .store-set ul.operating-time div li>div{position:relative;width:70%;float:right;}
section#admin .store-setting #store-setting .store-set ul.operating-time div li dl{width:45%;}
section#admin .store-setting #store-setting .store-set ul.operating-time div li dl:nth-of-type(1){left:0;}
section#admin .store-setting #store-setting .store-set ul.point div>li:nth-of-type(1){padding-right:8%;}
section#admin .store-setting #store-setting .store-set ul.point div>li:nth-of-type(2){width:50%;}
section#admin .store-setting #store-setting .store-set ul.point div>li:nth-of-type(n+3){width:20%;}
section#admin .store-setting #store-setting .store-set ul.powder-water>li:nth-of-type(1){display:block;}
section#admin .store-setting #store-setting .store-set ul.powder-water div li{width:24%;}
section#admin .store-setting #store-setting .store-set ul.powder-water div li .input-group{width:35%;}
section#admin .store-setting #store-setting .store-set ul.powder-water div li .form-control{width:70%;}
section#admin .store-setting #store-setting .store-set ul.powder-water div li .input-group-text{width:30%;}
section#admin .store-setting #store-setting .store-set ul.wash div li:nth-of-type(2) .input-group{width:50%;float:right;}
section#admin .store-setting #store-setting .store-set ul.wash div>li:nth-of-type(3){display:none !important;}
section#admin .store-setting #store-setting .store-set ul.wash div>li:nth-of-type(3) dl{min-width:40%;top:0;right:0;}
section#admin .store-setting #store-setting .store-set ul.wash div>li:nth-of-type(3) dl span{padding-right:1.7vw;}
section#admin .store-setting #store-setting .store-set ul li input{line-height:1.5vw;}
section#admin .store-setting #store-setting .store-set ul:nth-of-type(n+4)>li:nth-last-of-type(1) h4{width:auto;vertical-align:middle;}
section#admin .store-setting #store-setting .store-set ol li input[type=checkbox]{background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;}
section#admin .store-setting #store-setting .store-set ol li input[type=checkbox]:checked{border:.4vmin solid var(--lightpoint);background:#fff;}
section#admin .store-setting #store-setting .store-set ul li ol{width:auto;display:inline-block;}
section#admin .store-setting #store-setting .store-set ul li ol li{width:auto;display:inline-block;vertical-align:middle;margin-right:.5vw;}
section#admin .store-setting #store-setting .store-set ul li ol li input{display:inline-block;vertical-align:middle;margin-right:.25vw;}
section#admin .store-setting #store-setting .store-set ul li ol li label{margin:0;}
 
/* 관리자 - 서버 이용료 현황 */
section#admin .shop-server{display:none;}
section#admin .shop-server .shop-server-filter{height:28vh;}
section#admin .shop-server .stats{height:15vh;}
section#admin .shop-server .stats ul, section#admin .shop-server .monthly-info ul{width:100%;height:auto;font-size:0;margin:1vh 0;}
section#admin .shop-server .stats ul li, section#admin .shop-server .monthly-info ul li{width:auto;height:7vh;line-height:7vh;font-size:.85vw;}
section#admin .shop-server .stats ul li:nth-child(odd){width:50%;padding:0 5%;float:left;}
section#admin .shop-server .stats ul li:nth-child(even){padding-right:5%;text-align:right;float:right;}
section#admin .shop-server .monthly-info{height:calc(100% - 48vh);margin-top:2.5vh;}
section#admin .shop-server .monthly-info ul li{padding:0 5%;}
section#admin .shop-server #shop-server-list td{width:30%;}
section#admin .shop-server #shop-server-list .feeamount{width:40%;}
section#admin .shop-server #shop-server-list .claim div{width:30%}
 
/* 관리자 - 서버 이용료 내역 정보 */
section#admin .shop-server-info{width:100%;height:100%;padding:2.5vh 2.5%;display:none;}
section#admin .shop-server-info article{padding:.5%;width:100%;height:100%;text-align:center;}
section#admin .shop-server-info article form{height:85%;position:relative;}
section#admin .shop-server-info #shop-server-info #ss-info-state{width:40%;margin-bottom:1vw;height:4vh;position:absolute;top:0;right:5.5%;text-align:left;}
section#admin .shop-server-info #shop-server-info #ss-info-state #ss-state{width:9vh;height:4vh;display:flex;align-items:center;justify-content:center;float:left;margin-right:1vw;}
section#admin .shop-server-info #shop-server-info #ss-info-state h3:nth-of-type(n+2){font-size:1vmax;border:none;display:inline-block;height:4vh;line-height:4vh;margin:0 .5vw;}
section#admin .shop-server-info #shop-server-info #ss-info-state h3 span{margin-left:1.5vmin;font-family:'neo-rg';}
section#admin .shop-server-info #shop-server-info .info-type{width:100%;height:auto;margin-bottom:1vw;}
section#admin .shop-server-info #shop-server-info .info-type h3{border-bottom:3px solid var(--lightgray);padding:1%;margin:0;}
section#admin .shop-server-info #shop-server-info .info-type h4{vertical-align:middle;margin:0;margin-right:1vw;vertical-align:middle;display:inline-block;}
section#admin .shop-server-info #shop-server-info .info-type>ul>li{display:inline-block;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap{width:45%;height:100%;display:inline-block;text-align:left;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table{border:1px solid var(--lightgray);border-radius:1vmin;width:100%;height:95%;display:block;overflow:hidden;font-size:0;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table thead{background:var(--lightgray);height:4vh;line-height:4vh;display:block;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table tbody{height:94%;display:block;overflow:hidden;overflow-y:auto;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table tbody tr{border-bottom:1px solid var(--lightgray);}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table tr{width:100%;display:block;height:4vh;line-height:4vh;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table td{display:inline-block;text-align:center;font-size:.6vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.date{width:25%;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.name{width:35%;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.unit{width:10%;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.count{width:10%;}
section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.price{width:20%;}
section#admin .shop-server-info #shop-server-info .ss-detail-wrap{width:40%;height:auto;display:inline-block;padding-top:5vh;margin-left:4%;text-align:left;vertical-align:top;height:100%;position:relative;}
section#admin .shop-server-info #shop-server-info #ss-claim-info{margin-bottom:5vh;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul{height:auto;margin:0;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul li{height:auto;line-height:4vh;width:100%;padding:0 1%;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul li p{display:inline-block;width:auto;margin:0;vertical-align:middle;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul{padding:.5vh 0;font-size:0;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul li{width:50%;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul:nth-last-of-type(1){margin-bottom:2vh;background:var(--lightbg);border-radius:1vmin;text-align:right;padding:0;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul:nth-last-of-type(1) li{width:100%;}
section#admin .shop-server-info #shop-server-info #ss-claim-info ul:nth-last-of-type(1) #ss-server-fee{font-size:1.5vmin;}
section#admin .shop-server-info #shop-server-info #ss-pay-method ul li{height:auto;line-height:4vh;padding:0 1%;}
section#admin .shop-server-info #shop-server-info #ss-pay-method input[type=radio]{background:var(--lightgray);width:2vmin;height:2vmin;border-radius:100%;position:relative;cursor:pointer;vertical-align:middle;}
section#admin .shop-server-info #shop-server-info #ss-pay-method input[type=radio]:checked{border:.6vmin solid #000;background:#fff;}
section#admin .shop-server-info #shop-server-info #ss-pay-info{text-align:left;margin:0;position:absolute;bottom:4vh;right:0;}
section#admin .shop-server-info #shop-server-info #ss-pay-info>ul{padding:0 1%;font-size:0;}
section#admin .shop-server-info #shop-server-info #ss-pay-info h4{display:inline-block;height:3vh;line-height:3vh;}
section#admin .shop-server-info #shop-server-info #ss-pay-info li{height:4vh;line-height:4vh;}
section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info{padding:0;}
section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li{display:inline-block;width:100%;padding:0 1%;}
section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-of-type(1){display:block;width:100%;padding:.5vh 1%;height:auto;}
section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-of-type(1) p{margin:0;display:inline-block;width:85%;height:3vh;line-height:3vh;vertical-align:middle;}
section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-last-of-type(1){background:var(--lightbg);border-radius:1vmin;text-align:right;}
section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-last-of-type(1) #ss-total-price{font-size:1.5vmin;}
section#admin .shop-server-info .bt-wrap button{width:15%;}


/* 서버 이용료 당월 결제 동의 */
section#admin .shop-server-info #shop-server-info #ss-pay-notice{display:none;}
section#admin .shop-server-info #shop-server-info .pay-notice #pay-notice{border:1px solid var(--lightgray);border-radius:1vmin;overflow:hidden;overflow-y:auto;height:16vh;line-height:1.5;padding:1%;}
section#admin .shop-server-info #shop-server-info .pay-notice #pay-notice>span{color:red;font-weight:bold;}
section#admin .shop-server-info #shop-server-info .read-check input[type=checkbox],section#admin .shop-server-info input[type=radio]{border-color:#000;vertical-align:middle;}
section#admin .shop-server-info #shop-server-info .read-check input[type=checkbox]{background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;}
section#admin .shop-server-info #shop-server-info .read-check input[type=checkbox]:checked{border:.4vmin solid;background:#fff;}





/* 관리자 계정 목록 */
section#admin .admin-list{width:100%;height:100%;overflow:hidden;}
section#admin .admin-list article{width:95%;height:calc(100% - 5vh);margin:2.5vh 2.5%;padding:1%;overflow:hidden;}
section#admin .admin-list h2{margin:1vh 0 2vh;}
section#admin .admin-list form{height:92%;}
section#admin .admin-list table{width:95%;}
section#admin .admin-list tbody tr{height:4.5vh;}
section#admin .admin-list tbody .state div{width:30%;}
section#admin .admin-list table td{width:18%;}
section#admin .admin-list table .no{width:10%;}

 
/** 통계 **/
section#stats>div{width:100%;height:100%;padding:2.5vh 2.5%;display:block;}
section#stats article form{height:90%;}
section#stats article table{table-layout:fixed;}
section#stats article table tbody tr{height:4.5vh;}
section#stats article table tbody tr .name .td-text{max-width:80%;width:auto;}
section#stats article table tbody tr .name span{width:auto;display:inline-block;background:var(--lightpoint);color:#fff;height:2.5vh;padding:0 .4vw;border-radius:.4vw;line-height:2.5vh;vertical-align:middle;margin-left:.5vw;}
 
/* 주문 통계 */
section#stats .order-stats .order-stats-filter{height:calc(100% - 23vh);}
section#stats .order-stats .order-stats-filter ol:nth-of-type(3) input{background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;vertical-align:middle;}
section#stats .order-stats .order-stats-filter ol:nth-of-type(3) input:checked{border:.4vmin solid var(--lightpoint);background:#fff;}
section#stats .order-stats .order-stats-filter ol:nth-of-type(n+4):nth-of-type(-n+5){height:3vh;position:relative;line-height:3vh;margin:2.5vh auto;}
section#stats .order-stats .order-stats-filter ol:nth-of-type(n+4):nth-of-type(-n+5) h4{width:15%;display:inline-block;margin-right:1vw;}
section#stats .order-stats .order-stats-filter ol:nth-of-type(n+6){height:6vh;}
section#stats .order-stats .order-stats-filter ol:nth-of-type(n+6):nth-of-type(-n+7) li{width:90%;}
section#stats .order-stats .stats{height:20.5vh;position:relative;}
section#stats .order-stats .stats ul{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-15%);margin:0;}
section#stats .order-stats .stats ul li{width:auto;height:7vh;line-height:7vh;font-size:1.7vmin;}
section#stats .order-stats .stats ul #pro-count{float:left;text-align:left;padding:0 .5vw 0 1.5vw;}
section#stats .order-stats .stats ul #pro-price{float:right;text-align:right;padding:0 1.5vw 0 .5vw;}
section#stats .order-stats #order-stats-list .groupname, section#stats .order-stats #order-stats-list .proprice{width:15%;}
section#stats .order-stats #order-stats-list .shopname{width:25%;}
section#stats .order-stats #order-stats-list .proname{width:35%;}
section#stats .order-stats #order-stats-list .procount{width:10%;}
 
/* 사용 통계 */
section#stats .usage-stats .usage-stats-filter{height:calc(100% - 30vh);}
section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4){height:3vh;position:relative;line-height:3vh;margin:2.5vh auto;}
section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4) h4{width:15%;display:inline-block;margin-right:1vw;}
section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+5){height:6vh;}
section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+5):nth-of-type(-n+6) li{width:90%;}
section#stats .usage-stats .stats{height:27.5vh;position:relative;}
section#stats .usage-stats .stats ul{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-15%);margin:0;}
section#stats .usage-stats .stats ul li{width:auto;height:7vh;line-height:7vh;font-size:1.7vmin;}
section#stats .usage-stats .stats ul #usage-count{float:left;text-align:left;padding:0 .5vw 0 1.5vw;}
section#stats .usage-stats .stats ul #usage-price{float:right;text-align:right;padding:0 1.5vw 0 .5vw;}
section#stats .usage-stats #usage-stats-list .groupname{width:15%;}
section#stats .usage-stats #usage-stats-list .shopname,section#stats .usage-stats #usage-stats-list .usageprice{width:20%;}
section#stats .usage-stats #usage-stats-list .proname{width:35%;}
section#stats .usage-stats #usage-stats-list .usagecount{width:10%;}
 
/* 주문 대비 사용 통계 */
section#stats .comparison-stats .comparison-stats-filter{height:calc(100% - 30vh);}
section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4){height:3vh;position:relative;line-height:3vh;margin:2.5vh auto;}
section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4) h4{width:15%;display:inline-block;margin-right:1vw;}
section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+5){height:6vh;}
section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+5):nth-of-type(-n+6) li{width:90%;}
section#stats .comparison-stats .stats{height:27.5vh;position:relative;}
section#stats .comparison-stats .stats ul{width:100%;height:6vh;line-height:6vh;text-align:center;margin:3vh 0;}
section#stats .comparison-stats .stats ul li{width:auto;font-size:1.7vmin;}
section#stats .comparison-stats .stats ul #comparison-order-count,section#stats .comparison-stats .stats ul #comparison-usage-count{float:left;text-align:left;padding:0 .5vw 0 1.5vw;}
section#stats .comparison-stats .stats ul #comparison-order-price,section#stats .comparison-stats .stats ul #comparison-usage-price{float:right;text-align:right;padding:0 1.5vw 0 .5vw;}
section#stats .comparison-stats #comparison-stats-list .groupname,section#stats .comparison-stats #comparison-stats-list .shopname{width:12.5;}
section#stats .comparison-stats #comparison-stats-list .proname{width:30%;}
section#stats .comparison-stats #comparison-stats-list .ordercount,section#stats .comparison-stats #comparison-stats-list .usagecount{width:7.5%;}
section#stats .comparison-stats #comparison-stats-list .orderprice,section#stats .comparison-stats #comparison-stats-list .usageprice{width:15%;}
 
/* 매출 통계 */
section#stats .sales-stats .sales-stats-filter{height:calc(100% - 30vh);}
section#stats .sales-stats .sales-stats-filter ol:nth-of-type(5){height:6vh;}
section#stats .sales-stats .sales-stats-filter ol:nth-of-type(5) li{width:90%;}
section#stats .sales-stats .stats{height:27.5vh;position:relative;}
section#stats .sales-stats .stats ul{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-15%);margin:0;}
section#stats .sales-stats .stats ul li{width:auto;height:7vh;line-height:7vh;font-size:1.7vmin;}
section#stats .sales-stats .stats ul #total-goods{float:left;text-align:left;padding:0 .5vw 0 1.5vw;}
section#stats .sales-stats .stats ul #total-sales{float:right;text-align:right;padding:0 1.5vw 0 .5vw;}
section#stats .sales-stats #sales-stats-list .groupname{width:18%;}
section#stats .sales-stats #sales-stats-list .grouptype, section#stats .sales-stats #sales-stats-list .goodscount{width:8%;}
section#stats .sales-stats #sales-stats-list .shopname{width:23%;}
section#stats .sales-stats #sales-stats-list .goodsname{width:28%;}
section#stats .sales-stats #sales-stats-list .goodsprice{width:15%;}
 
 
/** 정산 **/
section#calculate>div{width:100%;height:100%;padding:2.5vh 2.5%;}
section#calculate article form{height:90%;}
section#calculate article table{table-layout:fixed;}
section#calculate article table tbody tr{height:4.5vh;}
section#calculate article table tbody tr td .td-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;}
section#calculate article table tbody tr .name .td-text{max-width:80%;}
section#calculate article table tbody tr .name span{width:auto;display:inline-block;background:var(--lightpoint);color:#fff;height:2.5vh;padding:0 .4vw;border-radius:1vmin;line-height:2.5vh;vertical-align:middle;margin-left:.5vw;}
 
/* 정산 - 서버 이용료 */
section#calculate .server-calculate .server-calculate-filter{height:calc(100% - 43vh);}
section#calculate .server-calculate .server-calculate-filter ol.group-sort{height:3vh;position:relative;line-height:3vh;margin:2.5vh auto;}
section#calculate .server-calculate .server-calculate-filter ol.group-sort h4{width:auto;display:inline-block;line-height:inherit;margin:0;margin-right:1vw;}
section#calculate .server-calculate .server-calculate-filter ol.shop-name{height:6vh;}
section#calculate .server-calculate .server-calculate-filter ol.shop-name li{width:90%;}
section#calculate .server-calculate .stats{height:40.5vh;position:relative;}
section#calculate .server-calculate .stats ul{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);}
section#calculate .server-calculate .stats ul li{width:auto;height:7vh;line-height:7vh;font-size:.85vw;}
section#calculate .server-calculate .stats ul li:nth-child(odd){float:left;width:50%;padding:0 5%;}
section#calculate .server-calculate .stats ul li:nth-child(even){float:right;padding-right:5%;}
section#calculate .server-calculate #server-calculate-list .date{width:20%;}
section#calculate .server-calculate #server-calculate-list .shopname{width:30%;}
section#calculate .server-calculate #server-calculate-list .exemptiontype{width:30%;}
section#calculate .server-calculate #server-calculate-list .claim{width:20%;}
section#calculate .server-calculate #server-calculate-list .claim div{width:50%;}


/** CMS **/
section#cms{display:block;}
section#cms>div{width:100%;height:100%;padding:2.5vh 2.5%;}
section#cms article form{height:90%;}
section#cms .filter ol.text-input{height:6vh;}
section#cms .filter ol.text-input li{width:80%;}
section#cms article table tbody tr{height:4.5vh;}
section#cms tbody .state div{width:50%;background:var(--lightpoint);}

/* 소속 목록 */
section#cms .group-list table .no,section#cms .group-list table .shopcount{width:15%;}
section#cms .group-list table .groupcode{width:20%;}
section#cms .group-list table .groupname{width:30%;}

/* 매장 목록 */
section#cms .shop-wrap{display:block;}
section#cms .shop-wrap .filter .shop-sido{height:3vh;line-height:3vh;}
section#cms .shop-wrap .filter .shop-sido h4{display:inline-block;margin-right:1vw;}
section#cms .shop-list table .no{width:10%;}
section#cms .shop-list table .groupname,section#cms .shop-list table .shopname{width:25%;}
section#cms .shop-list table .shopcode{width:15%;}
section#cms .shop-list tbody .connect div{width:70%;background:var(--pointbt);color:#000;}

/* 매장 정보 */
section#cms .shop-info article{width:100%;height:100%;padding:1%;}
section#cms .shop-info article form{width:95%;margin:0 auto;height:85%;position:relative;}
section#cms .shop-info article h3{width:auto;margin-bottom:2vh;}
section#cms .shop-info article ul{position:relative;margin-bottom:2vh;}
section#cms .shop-info article ul li{position:relative;}
section#cms .shop-info article dl{text-align:center;}
section#cms .shop-info article .toggle input:checked{background:#000;}
section#cms .shop-info article dl dd.on,section#cms .shop-info article dl dd:hover{background:#000;}
section#cms .shop-info article form>ul:nth-of-type(n+1){width:85%;height:6vh;}
section#cms .shop-info article form>ul:nth-of-type(n+1) li{float:left;width:25%;}
section#cms .shop-info article form>ul:nth-of-type(n+1) li p,section#cms .shop-info article form>ul:nth-of-type(n+1) li dl{width:90%;}
section#cms .shop-info article .shop-sub-info{width:85%;height:auto;margin-top:5vh;font-size:0;}
section#cms .shop-info article .shop-sub-info li h4{width:auto;display:inline-block;margin-right:1vw;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(1) li{width:25%;height:3vh;line-height:3vh;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(1) li .toggle{float:none;display:inline-block;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(2){height:auto;font-size:0;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(2) li{display:inline-block;width:25%;margin-bottom:2vh;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(2) li p{width:90%;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(n+3){width:50%;display:inline-block;vertical-align:top;padding-right:2.5%;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) li:nth-of-type(1){width:25%;display:inline-block;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) .input-group{width:100%;overflow:hidden;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) .input-group .form-control{text-align:left;padding:0 5%;width:85%;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) .input-group .input-group-text{background:var(--lightgray);border-radius:0;width:15%;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) li:nth-of-type(n+2) input{padding:0 1vw;}
section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) li:nth-of-type(2){width:74%;float:right;}
section#cms .shop-info article .shop-sub-info #shopmemo{width:97.5%;}
section#cms .shop-info article form>ul:nth-of-type(3){width:15%;text-align:center;height:100%;position:absolute;top:0;right:0;margin:0;}
section#cms .shop-info article form>ul:nth-of-type(3) li{height:30vh;width:100%;}
section#cms .shop-info article form>ul:nth-of-type(3) li h4{font-size:2vmin;margin-bottom:4vh;}
section#cms .shop-info article form>ul:nth-of-type(3) li button{width:70%;height:5vh;border:2px solid;margin-bottom:3vh;font-size:1.5vmin;}
section#cms .shop-info article form>ul:nth-of-type(3) li button:nth-of-type(2){border:none;margin:0;background:#000;color:#fff;}

/* 계정 목록 */
section#cms .account-list table .no{width:10%;}
section#cms .account-list table .shopname,section#cms .account-list table .accountname{width:25%;}
section#cms .account-list table .level{width:15%;}
section#cms .account-list table tfoot td{text-align:center;}

/* 기기 목록 */
section#cms .machine-list table .no{width:15%;}
section#cms .machine-list table .state{width:20%;}
section#cms .machine-list table tfoot td{text-align:center;}

/* 기기 정보 */
section#cms .machine-info article{width:100%;height:100%;padding:1%;}
section#cms .machine-info article form{width:95%;margin:0 auto;height:85%;position:relative;}
section#cms .machine-info article h3{width:auto;margin-bottom:2vh;}
section#cms .machine-info article .toggle input:checked{background:#000;}
section#cms .machine-info article dl dd.on,section#cms .shop-info article dl dd:hover{background:#000;}
section#cms .machine-info article ul{position:relative;margin-bottom:2vh;}
section#cms .machine-info article ul:nth-of-type(1){height:13vh;}
section#cms .machine-info article ul:nth-of-type(2){height:6vh;}
section#cms .machine-info article ul:nth-of-type(2) .toggle{line-height:6vh;float:none;display:inline-block;}
section#cms .machine-info article ul:nth-of-type(2)>li h4{width:auto;display:inline-block;}
section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2){width:auto;line-height:6vh;}
section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2) ol{width:auto;display:inline-block;}
section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2) ol li{width:auto;display:inline-block;margin-right:1vh;}
section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2) ol li input[type=checkbox]{border-color:#000;vertical-align:middle;}
section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2) ol li input[type=checkbox]{background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;}
section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2) ol li input[type=checkbox]:checked{border:.4vmin solid;background:#fff;}
section#cms .machine-info article ul:nth-of-type(3){height:35vh;}
section#cms .machine-info article ul:nth-of-type(3) li{height:100%;width:50%;}
section#cms .machine-info article ul>li{position:relative;width:20%;float:left;}
section#cms .machine-info article ul li input,section#cms .machine-info article ul li dl{width:90%;}
section#cms .machine-info article ul .toggle input{width:100%;}
section#cms .machine-info article li h4{width:auto;margin-right:1vw;} 
section#cms .machine-info article ul:nth-of-type(3) h4{display:inline-block;line-height:3vh}
section#cms .machine-info article ul:nth-of-type(3) #submac-add{width:10%;height:3vh;background:var(--lightpoint);color:#fff;line-height:3vh;}
section#cms .machine-info article ul:nth-of-type(3) #submac-add i{margin-right:.3vw;line-height:3vh;}
section#cms .machine-info article ul .submac-list{width:95%;height:95%;border:1px solid var(--lightgray);border-radius:1vmin;overflow:hidden;overflow-y:auto;float:none;}
section#cms .machine-info article ul .submac-list table{width:100%;text-align:center;padding:1%;font-size:.7vmax;}
section#cms .machine-info article ul .submac-list thead{background:var(--lightgray);height:3.5vh;}
section#cms .machine-info article ul .submac-list tbody tr{height:3.5vh;border-bottom:1px solid var(--lightgray);}
section#cms .machine-info article ul .submac-list tbody tr td{width:25%;}
section#cms .machine-info article ul .submac-list tbody tr .state div{margin:0 auto;height:2.5vh;line-height:2.5vh;}
section#cms .machine-info article ul:nth-of-type(3) li:nth-of-type(n+2){width:25%;}
section#cms .machine-info article #etcsettings{width:95%;height:95%;}
section#cms .machine-info article #machinememo{width:95%;height:95%;}

/* 물품 관리 */
section#cms .products-wrap .wrap{overflow:visible;}
section#cms .products-wrap .pro-filter{width:100%;height:25vh;margin-bottom:2.5vh;padding-bottom:.1vh;}
section#cms .products-wrap .pro-filter .pro-sort{height:3vh;width:90%;}
section#cms .products-wrap .pro-filter .pro-sort h4{width:auto;display:inline-block;margin:0;margin-right:1vw;line-height:3vh;}
section#cms .products-wrap .pro-filter .pro-sort dl{width:50%;text-align:center;}
section#cms .products-wrap .pro-filter .pro-state li{width:auto;}

section#cms .products-wrap article.pro-sort{width:100%;height:calc(100% - 27.5vh);margin:0;}
section#cms .products-wrap article.pro-sort h2{padding:0;background:none;color:#000;}
section#cms .products-wrap article.pro-sort form{padding-top:1vh;}
section#cms .products-wrap article.pro-sort thead .no{width:10%;}
section#cms .products-wrap article.pro-sort tbody tr{height:5vh;}
section#cms .products-wrap article.pro-sort thead .delete{color:transparent;width:20%;}

section#cms .products-wrap .pro-list{height:100%;margin-left:0;width:67%;}
section#cms .products-wrap .pro-list thead .no, section#cms .products-wrap .pro-list thead .image{width:10%}
section#cms .products-wrap .pro-list thead .sort{width:15%}
section#cms .products-wrap .pro-list thead .show,#cms .products-wrap .pro-list thead .soldout,section#cms .products-wrap .pro-list thead .delete{width:10%;}
section#cms .products-wrap .pro-list tbody tr{height:6.5vh;}
section#cms .products-wrap .pro-list tbody .image img{max-width:100%;width:auto;height:auto;max-height:3vw;display:block;margin:0 auto;}
section#cms .products-wrap .pro-list tbody .toggle{margin:0 auto;float:none;}
section#cms .products-wrap .pro-list tfoot div{width:6vw;height:3vh;background:var(--lightpoint);color:#fff;border-radius:1vmin;margin-left:1vw;float:right;line-height:3vh;cursor:pointer;padding:0;font-size:.7vw;}
section#cms .products-wrap .pro-list tfoot div i{margin-right:.2vw;line-height:3vh;}

section#cms .products-wrap .ui-sortable-helper{border:3px solid var(--lightpoint)!important;background:#fff;}

/* 물품 정보 */
section#cms .products-info article{width:100%;height:100%;padding:1%;}
section#cms .products-info article form{width:95%;margin:0 auto;height:80%;position:relative;padding-top:2vh;}
section#cms .products-info article h3{width:auto;margin-bottom:2vh;}
section#cms .products-info article ul{position:relative;height:100%;}
section#cms .products-info article ul li{position:relative;display:inline-block;}
section#cms .products-info article .toggle input:checked{background:#000;}
section#cms .products-info article dl dd.on,section#cms .products-info article dl dd:hover{background:#000;}
section#cms .products-info article .pro-main-info{width:24%;margin-right:2vw;float:left;}
section#cms .products-info article .pro-main-info .file-upload{width:100%;height:40vh;}
section#cms .products-info article .pro-main-info li{width:100%;margin-bottom:2vh;}
section#cms .products-info article .pro-main-info #pro-name{padding:0 2.5%;}
section#cms .products-info article .pro-main-info #pro-info{height:8vh;padding:2.5%;}
section#cms .products-info article .pro-sub-info{width:40%;height:100%;float:left;overflow-y:auto;}
section#cms .products-info article .pro-sub-info ul{height:auto;}
section#cms .products-info article .pro-sub-info>ul li{height:6vh;margin:0 2%;vertical-align:top;width:28%;}
section#cms .products-info article .pro-sub-info ul li dl{width:100%;left:0;top:2.3vh;}
section#cms .products-info article .pro-sub-info ul li dl span{width:100%;padding:0 10% 0 5%;}
section#cms .products-info article .pro-sub-info>ul li p,section#cms .products-info article .pro-sub-info ul li .input-group{width:100%;}
section#cms .products-info article .pro-sub-info>ul:nth-of-type(2) li{height:6vh;width:auto;}
section#cms .products-info article .pro-sub-info>ul:nth-of-type(2) li h4{display:inline-block;margin-bottom:0;margin-right:.5vw;line-height:6vh;}
section#cms .products-info article .pro-sub-info>ul:nth-of-type(2) li .toggle{line-height:6vh;width:3vw;}
section#cms .products-info article .pro-sub-info>ul:nth-of-type(3) li .form-control{width:75%;}
section#cms .products-info article .pro-sub-info>ul:nth-of-type(3) li .input-group-text{width:25%;}
section#cms .products-info article .pro-sub-info #purchase-range{margin-top:4vh;}
section#cms .products-info article .pro-sub-info #purchase-range>ul{margin-bottom:2vh; }
section#cms .products-info article .pro-sub-info #purchase-range>ul>li{width:auto;height:3vh;line-height:3vh;}
section#cms .products-info article .pro-sub-info #purchase-range>ul li h4{display:inline-block;margin-bottom:0;margin-right:.5vw;}
section#cms .products-info article .pro-sub-info #purchase-range>ul li .toggle{width:3vw;}
section#cms .products-info article .pro-sub-info #purchase-range ol li input[type=checkbox]{background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;}
section#cms .products-info article .pro-sub-info #purchase-range ol li input[type=checkbox]:checked{border:.4vmin solid #000;background:#fff;}
section#cms .products-info article .pro-sub-info #purchase-range ul li ol{width:auto;display:inline-block;padding:0 1vw;}
section#cms .products-info article .pro-sub-info #purchase-range ul li ol li{width:auto;display:inline-block;vertical-align:middle;margin-right:.5vw;}
section#cms .products-info article .pro-sub-info #purchase-range ul li ol li input{display:inline-block;vertical-align:middle;margin-right:.25vw;}
section#cms .products-info article .pro-sub-info #purchase-range ul li ol li label{margin:0;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope{height:auto;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope div>h4{text-align:center;margin:.5vh 0 1vh;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope div ul{width:100%;overflow:hidden;overflow-y:auto;height:90%;margin:0;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope div ul li{width:95%;margin:0 auto .5vw;background:#fff;display:block;height:3.5vh;font-size:.6vw;border-radius:.5vw;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope div ul li span{display:inline-block;width:85%;padding:0 .5vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;line-height:3.5vh;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope .available-group{display:inline-block;width:40%;margin-right:1.5vw;padding:.5vw;height:40vh;overflow:hidden;background:#eee;border:none;border-radius:1vw;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope .available-group li i{float:right;font-size:.7vw;width:15%;text-align:center;line-height:3.5vh;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope .unavailable-group{display:inline-block;width:40%;padding:.5vw;height:40vh;overflow:hidden;background:#eee;border:none;border-radius:1vw;}
section#cms .products-info article .pro-sub-info #purchase-range #group-scope .unavailable-group li i{float:left;font-size:.7vw;width:15%;text-align:center;line-height:1.8vw;}
section#cms .products-info article .pro-sub-image{width:33%;height:100%;float:right;}
section#cms .products-info article .pro-sub-image .file-upload{width:100%;height:100%;overflow-y:auto;}
section#cms .products-info article .pro-sub-image .file-upload img{max-height:none;}
 
/* 주문 관리 */
section#cms .orders-wrap{width:100%;height:100%;padding:2.5vh 2.5%;}
section#cms .orders-wrap .wrap{overflow:visible;}
section#cms .orders-wrap .cms-order-filter{height:55vh;margin-bottom:5%;}
section#cms .orders-wrap .cms-order-filter dl{width:50%;top:0;}
section#cms .orders-wrap .cms-order-filter dl span{width:100%;padding:0 8%;}
section#cms .orders-wrap .cms-order-filter ol{margin:2vh auto;}
section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+3):nth-of-type(-n+4){height:3vh;position:relative;line-height:3vh;margin:2.5vh auto;}
section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+3):nth-of-type(-n+4) h4{width:auto;display:inline-block;margin-right:1vw;}
section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+6){height:6vh;}
section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+6) li{width:80%;}
section#cms .orders-wrap .current-state{height:calc(100% - 57.5vh);position:relative;}
section#cms .orders-wrap .current-state ul{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-25%);margin:0;}
section#cms .orders-wrap .current-state ul li{width:32%;display:inline-block;height:7vh;line-height:7vh;font-size:1.7vmin;}
section#cms .orders-wrap #cms-order-list tr{height:4.5vh;}
section#cms .orders-wrap #cms-order-list .date, section#cms .orders-wrap #cms-order-list .price{width:15%;}
section#cms .orders-wrap #cms-order-list .shop{width:20%}
section#cms .orders-wrap #cms-order-list .order, section#cms .orders-wrap #cms-order-list .del{width:10%;}
section#cms .orders-wrap #cms-order-list .pro span{width:auto;display:inline-block;background:var(--lightpoint);color:#fff;height:2.5vh;padding:0 .4vw;border-radius:1vmin;line-height:2.5vh;vertical-align:middle;margin-left:.5vw;}
section#cms .orders-wrap #cms-order-list td div{height:3.5vh;line-height:3.5vh;}
section#cms .orders-wrap #cms-order-list tfoot div{width:6vw;height:3vh;border-radius:1vmin;margin-left:1vw;float:right;line-height:3vh;cursor:pointer;padding:0;font-size:.7vw;}
section#cms .orders-wrap .cms-order-list .normal-bt{border:2px solid var(--lightpoint);color:#000;}
 
/* 주문 정보 */
section#cms .cms-order-info{width:100%;height:100%;padding:2.5vh 2.5%;}
section#cms .cms-order-info article{padding:.5%;width:100%;height:100%;text-align:center;}
section#cms .cms-order-info article form{height:85%;position:relative;}
section#cms .cms-order-info .normal-bt{border:2px solid var(--lightpoint);}
section#cms .cms-order-info #cms-order-info #cms-od-info{width:40%;height:auto;margin-bottom:1vw;height:4vh;position:absolute;top:0;right:5.5%;text-align:left;}
section#cms .cms-order-info #cms-order-info #cms-od-info #cms-od-state{width:9vh;height:4vh;display:flex;align-items:center;justify-content:center;float:left;margin-right:1vw;}
section#cms .cms-order-info #cms-order-info #cms-od-info h3:nth-of-type(n+2){font-size:1vmax;border:none;display:inline-block;height:4vh;line-height:4vh;margin:0 .5vw;}
section#cms .cms-order-info #cms-order-info #cms-od-info h3 span{margin-left:1.5vmin;font-family:'neo-rg';}
section#cms .cms-order-info #cms-order-info .info-type{width:100%;height:auto;margin-bottom:1vw;}
section#cms .cms-order-info #cms-order-info .info-type h3{border-bottom:3px solid var(--lightgray);padding:1%;margin:0;}
section#cms .cms-order-info #cms-order-info .info-type h4{vertical-align:middle;margin:0;margin-right:1vw;vertical-align:middle;display:inline-block;}
section#cms .cms-order-info #cms-order-info .info-type>ul>li{display:inline-block;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap{width:45%;height:100%;display:inline-block;text-align:left;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap .all-pro{height:4vh;line-height:4vh;font-size:1.4vmin;padding-left:.5vw;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap .all-pro label{margin-left:.5vw;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap input[type=checkbox]{background:var(--lightgray);width:2vmin;height:2vmin;border-radius:100%;position:relative;cursor:pointer;vertical-align:middle;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap input[type=checkbox]:checked{border:.6vmin solid #000;background:#fff;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table{border:1px solid var(--lightgray);border-radius:1vmin;width:100%;height:90%;display:block;overflow:hidden;font-size:0;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table thead{font-size:0;background:var(--lightgray);height:4vh;line-height:4vh;display:block;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table tbody{height:94%;display:block;overflow:hidden;overflow-y:auto;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table tbody tr{border-bottom:1px solid var(--lightgray);}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table tr{width:100%;display:block;height:4vh;line-height:4vh;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td{display:inline-block;text-align:center;font-size:.6vw;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.check{width:10%;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.name{width:33%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.unit{width:7.5%;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.count{width:7.5%;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.price{width:15%;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.invoice{width:17%;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.del{width:10%;}
section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.del div{width:90%;height:3vh;display:flex;align-items:center;justify-content:center;margin:0 auto;}
section#cms .cms-order-info #cms-order-info .del-pay-wrap{width:40%;height:auto;display:inline-block;padding-top:5vh;margin-left:4%;text-align:left;vertical-align:top;height:100%;position:relative;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info{margin-bottom:5vh;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul{height:auto;margin:0;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul li{height:auto;line-height:4vh;width:100%;padding:0 1%;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul li p{display:inline-block;width:auto;margin:0;vertical-align:middle;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(1){border-bottom:1px solid var(--lightgray);padding:.5vh 0;font-size:0;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(1) li{width:50%;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2){margin-bottom:2vh;font-size:0;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li{margin-top:1vh;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li:nth-of-type(n+2){width:50%;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li:nth-of-type(n+4){line-height:3vh;width:100%;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li:nth-of-type(n+4) h4{width:100%;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li:nth-of-type(4) p span{line-height:1;}
section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li:nth-of-type(4) p #cms-od-sub-add{display:block;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info{display:inline-block;text-align:left;margin:0;position:absolute;bottom:4vh;right:0;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info>ul{padding:0 1%;font-size:0;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info h4{display:inline-block;height:3vh;line-height:3vh;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info li{height:4vh;line-height:4vh;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info{text-align:right;padding:0;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li{display:inline-block;width:33.3%;padding:0 1%;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-of-type(1){display:block;width:100%;border-bottom:1px solid var(--lightgray);text-align:left;padding:.5vh 1%;height:auto;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-of-type(1) p{margin:0;display:inline-block;width:85%;height:3vh;line-height:3vh;vertical-align:middle;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-of-type(n+5){display:block;width:100%;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-last-of-type(1){background:var(--lightbg);border-radius:1vmin;}
section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-last-of-type(1) #cms-od-total-price{font-size:1.5vmin;}
section#cms .cms-order-info .bt-wrap button{width:15%;}
 
/* CMS 기본 설정 */
section#cms .cms-settings-wrap{display:block;}
section#cms .cms-settings-wrap article{width:100%;height:100%;padding:1%;}
section#cms .cms-settings-wrap article form{width:100%;padding:0 2.5%;height:90%;overflow:hidden;overflow-y:auto;}
section#cms .cms-settings-wrap article .delivery-wrap{width:50%;float:left;}
section#cms .cms-settings-wrap article .server-fee-wrap{width:50%;float:right;}
section#cms .cms-settings-wrap article h3{width:auto;width:90%;margin:0 auto 1.5vh;}
section#cms .cms-settings-wrap article ul{position:relative;height:auto;font-size:0;margin-bottom:5vh;width:90%;margin:0 auto 5vh;}
section#cms .cms-settings-wrap article ul li{display:inline-block;margin-right:3vw;width:35%;}
section#cms .cms-settings-wrap article ul li .input-group{width:100%;}


/** 모달 **/
section#modal{display:none;}
section#modal{width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;position:fixed;top:0;left:0;}
section#modal article{display:none;width:50%;height:60%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;}
section#modal article h3{text-align:center;margin:2vh 0 1vh;font-size:1.3vmax;}
section#modal article form{width:95%;height:auto;margin:0 auto;overflow:hidden;overflow-y:auto;padding:0 1%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
section#modal article form ul>li{width:32%;margin:1vh 0;display:inline-block;vertical-align:middle;}
section#modal article form ul li h4{width:100%;;display:inline-block;margin-right:1vw;vertical-align:middle;margin-bottom:1vh;}
section#modal article form ul{width:100%;margin:0 auto 1vw;}
section#modal article form>ul:nth-of-type(2){border-bottom:1px solid var(--lightgray);padding-bottom:1vw;}
section#modal article form ul li p{width:auto;display:inline-block;border:none;text-align:left;vertical-align:middle;margin-bottom:0;}
section#modal article form ul li .toggle{width:3vw;float:none;}
section#modal article form dl{width:65%;}
section#modal article form dl span{width:100%;}
section#modal article form dl dd:hover{background:#000;}
section#modal article form dl dd.on{background:#000;}

/* 매출 정보 모달 */
section#modal .sales-info form{width:95%;margin:0 auto;max-height:75%}
section#modal .sales-info form h4{font-size:.8vmax;width:auto;margin-bottom:0;}
section#modal .sales-info form p{font-size:.7vmax;}
section#modal .sales-info form ul:nth-of-type(2) li:nth-last-of-type(1){width:100%;}

/* 결제 정보 - 원격 추출 버튼 */
section#modal .sales-info .order-list li{width:100%;}
/* 주문 상품 헤더: 라벨 + 원격 추출 버튼 세로 중앙 정렬(가로 평행), 아래 상품 리스트와 간격 */
section#modal .sales-info .order-goods-head{display:flex;align-items:center;margin-bottom:1.5vh;}
section#modal .sales-info .order-goods-head h4{margin:0 .8vw 0 0;}
section#modal .sales-info .order-goods-head + br{display:none;}
section#modal .sales-info .remote-extract-bt{background:var(--lightpoint);color:#fff;border:none;border-radius:1vmin;padding:.5vh .9vw;font-size:.7vmax;line-height:1.4;cursor:pointer;font-family:'neo-bd';}
section#modal .sales-info .remote-extract-bt:hover{opacity:.85;}

/* 매출 환불 모달 */
section#modal .sales-refund form{max-height:70%;}
section#modal .sales-refund form h4{width:auto;margin-bottom:0;}
section#modal .sales-refund form ul:nth-of-type(3)>li{width:100%;height:3.5vh;line-height:3vh;position:relative;}
section#modal .sales-refund form ul:nth-of-type(3)>li:nth-last-of-type(1){height:10vh;}
section#modal .sales-refund form ul li ol{display:inline-block;}
section#modal .sales-refund form ul li ol li{display:inline-block;margin-right:1vw;}
section#modal .sales-refund form ul li ol li input{display:inline-block;border-color:#000;}
section#modal .sales-refund form ul li ol li label{display:inline-block;margin-bottom:0;}
section#modal .sales-refund form ul li dl{position:absolute;width:20%;top:0;}
section#modal .sales-refund form ul li textarea{width:90%;height:100%;display:inline-block;vertical-align:middle;}

/* 재고 분류 선택 모달 */
section#modal .stock-sort-select{width:40%;height:30%;overflow:visible;}
section#modal .stock-sort-select form{height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:visible;overflow:visible;}
section#modal .stock-sort-select ul{width:95%;margin:0 auto;text-align:center;}
section#modal .stock-sort-select ul li{text-align:left;width:40%;position:relative;margin:0 .5vw;height:10vh;}
section#modal .stock-sort-select ul .stock-name{display:inline-block;display:none;}
section#modal .stock-sort-select ul li h4{width:100%;margin-bottom:.5vw;}
section#modal .stock-sort-select ul li dl{width:100%;left:0;top:3vh;max-height:24vh;}
section#modal .stock-sort-select ul li p{width:100%;position:absolute;left:0;top:3vh;}
section#modal .stock-sort-select .bt-wrap{z-index:-1;}

/* 상품 정보 모달 */
section#modal .goods-info{width:60%;height:75%;font-size:.7vmax;}
section#modal .goods-info input,section#modal .goods-info .input-group-text{font-size:.7vmax;}            
section#modal .goods-info .input-group{width:100%;}
section#modal .goods-info ul{margin:0;}
section#modal .goods-info ul li{width:24%;vertical-align:top;}
section#modal .goods-info ul li h4{width:100%;margin-bottom:.5vh;font-size:.7vmax;}
section#modal .goods-info dl dd.on{background:#000;}
section#modal .goods-info dl dd:hover{background:#000;}
section#modal .goods-info form{width:90%;height:78%;padding:0 1vw;overflow:visible;}
section#modal .goods-info .main-info{width:25%;height:100%;float:left;}
section#modal .goods-info .main-info li{width:100%;height:auto;margin:.5vh 0;position:relative;}
section#modal .goods-info .main-info li:nth-of-type(1){height:48%;}
section#modal .goods-info .main-info li h4{width:100%;margin-bottom:.5vh;font-size:.7vmax;}
section#modal .goods-info .main-info li textarea{width:100%;padding:.5vh .5vw;}
section#modal .goods-info .main-info li #goodsname{height:5.5vh;}
section#modal .goods-info .main-info li #goodsinfo{height:8vh;padding:2.5%;}
section#modal .goods-info .main-info li .file-upload{width:100%;height:85%;}
section#modal .goods-info .main-info li:nth-last-of-type(3) h4{width:auto;height:3.5vh;line-height:3.5vh;margin:0;margin-right:.25vw;}
section#modal .goods-info .main-info li .toggle{width:3vw;float:inherit;margin-right:.25vw}
section#modal .goods-info .main-info li .toggle input:checked{background:#000;}
section#modal .goods-info .main-info li:nth-last-of-type(2) p{width:auto;margin-bottom:.5vh;}
/* 상품설명 li 추가로 nth-last-of-type 가 밀리는 것 보정: 상품명/상품설명 라벨은 블록 유지 */
section#modal .goods-info .main-info li:nth-of-type(2) h4,section#modal .goods-info .main-info li:nth-of-type(4) h4{width:100%;height:auto;line-height:normal;margin:0 0 .5vh 0;}
section#modal .goods-info .main-info li .accrual{width:20%;position:absolute;margin-left:.5vw;}
 
/*section#modal .goods-info .select-info{width:70%;height:20%;float:right;border:none;}*/
section#modal .goods-info .select-info{width:72%;height:20%;float:right;border:none;}

section#modal .goods-info ol li{width:45%;height:3vh;display:inline-block;position:relative;margin-right:.25vw;}
section#modal .goods-info ol li input{border-radius:1vmin;width:100%;height:100%;background:none;border:1px solid var(--lightgray);}
section#modal .goods-info ol li input:checked{background:#000;border:none;width:100%;height:3vh;}
section#modal .goods-info ol li label{text-align:center;width:100%;position:absolute;left:0;top:0;line-height:3vh;}
section#modal .goods-info .select-info>li{position:relative;height:5vh;}
section#modal .goods-info .select-info li p{width:95%;}
section#modal .goods-info .select-info li dl{width:95%;position:absolute;height:auto;left:0;top:calc(0.5vh + 0.7vmax);}
section#modal .goods-info .select-info li .category-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;text-align:left;vertical-align:top;}
section#modal .goods-info .select-info li:nth-of-type(n+6){width:auto;margin-right:.75vw;line-height:3vh;height:3vh;}
section#modal .goods-info .select-info li:nth-of-type(n+6) h4{width:auto;margin:0;margin-right:.5vw;}
section#modal .goods-info .select-info li .toggle{width:3vw;line-height:3vh;}
section#modal .goods-info .select-info li .toggle input:checked{background:#000;}
section#modal .goods-info .select-info li.goodsaccrual{width:29%;}
section#modal .goods-info .select-info .goodsaccrual .input-group{width:52%;}
section#modal .goods-info .select-info .goodsaccrual .form-control{width:75%;}
section#modal .goods-info .select-info .goodsaccrual .input-group-text{width:25%;}
section#modal .goods-info .setting-select{width:72%;height:80%;float:right;overflow:hidden;}
section#modal .goods-info .setting-detail .recipe h4, section#modal .goods-info .setting-detail .oper h4, section#modal .goods-info .setting-detail .option h4{font-size:.6vmax;}
section#modal .goods-info .setting-select ul{width:100%;height:10%;float:right;margin-bottom:1vh;}
section#modal .goods-info .setting-select>ul li{width:8vw;height:4vh;position:relative;margin-right:1vw;}
section#modal .goods-info .setting-select>ul li input{border-radius:.5vw;width:100%;height:100%;background:none;border:1px solid var(--lightgray);}
section#modal .goods-info .setting-select>ul li input:checked{background:#000;border:none;}
section#modal .goods-info input[type=radio]:checked + label{color:#fff;}
section#modal .goods-info .setting-select li label{text-align:center;width:100%;position:absolute;left:0;top:0;line-height:4vh;}
section#modal .goods-info .setting-detail{width:100%;height:85%;overflow:hidden;overflow-y:auto;}
section#modal .goods-info .setting-detail .recipe ul{margin:0;}
section#modal .goods-info .setting-detail .recipe ul>li{width:23%;margin-right:.5vw;}
 
section#modal .goods-info .setting-detail .recipe ul>li:nth-of-type(1) li label{line-height:3vh;}
section#modal .goods-info .setting-detail .recipe ul>li:nth-of-type(1) li:nth-last-of-type(1){float:right;margin:0;}
section#modal .goods-info .setting-detail .recipe ul li .input-group{width:100%;}
section#modal .goods-info .setting-detail .oper{height:100%;display:none;overflow:hidden;}
section#modal .goods-info .setting-detail .oper .move-select{width:60%;height:100%;float:left;}
section#modal .goods-info .setting-detail .oper .move-select li{border:1px solid var(--lightgray);line-height:1.5vw;margin-right:.25vw;width:30%;font-size:.6vw;text-align:center;border-radius:.5vw;}
section#modal .goods-info .setting-detail .oper .move-select li i{margin-right:5%;}
section#modal .goods-info .setting-detail .oper .move-sequence{width:40%;float:right;padding:.5vw;height:100%;overflow:hidden;background:#eee;border:none;border-radius:1vw;}
section#modal .goods-info .setting-detail .oper .move-sequence ul{width:100%;overflow:hidden;overflow-y:auto;height:100%;}
section#modal .goods-info .setting-detail .oper .move-sequence ul li{width:95%;margin:0 auto .5vw;background:#fff;display:block;line-height:1.8vw;font-size:.6vw;border-radius:.5vw;}
section#modal .goods-info .setting-detail .oper .move-sequence li .icon{display:inline-block;}
section#modal .goods-info .setting-detail .oper .move-sequence li .icon:nth-of-type(1){background:#000;width:15%;color:#fff;font-size:.7vw;margin-right:.5vw;border-radius:.5vw 0 0 .5vw;}
section#modal .goods-info .setting-detail .oper .move-sequence li .icon:nth-of-type(2){font-size:.7vw;float:right;width:15%;}
section#modal .goods-info .setting-detail .option{display:none;}
section#modal .goods-info .setting-detail .option .option-list h4{width:auto;display:inline-block;margin-right:.5vw;margin-bottom:0;}
section#modal .goods-info .setting-detail .option ul{display:flex;gap:.55vw;align-items:center;margin:0;}
section#modal .goods-info .setting-detail .option ul>h4{margin:0;width:7.5%;}
section#modal .goods-info .setting-detail .option ul>li{max-width:17%;}
section#modal .goods-info .bt-wrap{margin-top:1.5vw;}

/* 상품 제조 모달 */
section#modal .goods-made{width:45%;height:50%;padding:2%;}
section#modal .goods-made form{width:95%;margin:0 auto;overflow:hidden;text-align:center;}
section#modal .goods-made .drink-info{width:30%;height:100%;position:relative;border:1px solid var(--lightgray);border-radius:.5vw;display:inline-block;}
section#modal .goods-made .drink-info .image{max-width:100%;max-height:90%;width:auto;height:auto;display:block;margin:auto;border:none;overflow:hidden;padding:2%;}
section#modal .goods-made .drink-info .name{width:100%;text-align:center;line-height:1.3vw;height:1.3vw;position:absolute;bottom:0;}
section#modal .goods-made .made-option{width:auto;height:100%;padding:2.5vh 5%;margin:0;display:inline-block;text-align:left;vertical-align:top;}
section#modal .goods-made .made-option>li{width:auto;margin:4vh 0;position:relative;display:block;height:7vh;}
section#modal .goods-made .made-option li h4{width:100%;margin-bottom:1vw;}
section#modal .goods-made .made-option li dl{width:80%;position:absolute;text-align:center;left:0;top:4vh;}
section#modal .goods-made .made-option li dd.on{background:#000;}
section#modal .goods-made .made-option li ol li{width:auto;display:inline-block;line-height:2vmin;vertical-align:middle;margin-right:1vw;}
section#modal .goods-made .made-option li ol li label{margin:0;line-height:2vmin;}

/* 제빙기 값 일괄 변경 모달 */
section#modal .ice-bulk-change{width:42%;height:50%;padding:1% 2%;font-size:.8vmax;}
section#modal .ice-bulk-change form{width:86%;overflow:visible;}
section#modal .ice-bulk-change .change-method{width:100%;border-bottom:1px solid var(--lightgray);padding-bottom:1.5vh;margin:0 auto 2vh;}
section#modal .ice-bulk-change .change-method h4{width:100%;margin-bottom:1.2vh;}
section#modal .ice-bulk-change .change-method li{display:inline-block;width:auto;margin:0 2vw 0 0;line-height:2.4vh;white-space:nowrap;vertical-align:middle;}
section#modal .ice-bulk-change .change-method li label{margin-left:.4vw;vertical-align:middle;line-height:2.4vh;cursor:pointer;}
section#modal .ice-bulk-change .ice-bulk-inputs{width:100%;margin:0 auto;display:flow-root;}
section#modal .ice-bulk-change .ice-bulk-inputs>li{width:48%;margin:1.2vh 0;position:relative;}
section#modal .ice-bulk-change .ice-bulk-inputs>li:nth-of-type(1){float:left;}
section#modal .ice-bulk-change .ice-bulk-inputs>li:nth-of-type(2){float:right;}
section#modal .ice-bulk-change .ice-bulk-inputs>li h4{width:100%;margin-bottom:1vh;}
section#modal .ice-bulk-change .ice-bulk-inputs .input-group{width:100%;display:block;}
/* 셀렉트는 absolute로 오버레이 → 열려도 레이아웃 높이 변화 없음 */
section#modal .ice-bulk-change .ice-direction{position:absolute;display:none;left:0;width:100%;margin:1vh 0 0;text-align:center;}
section#modal .ice-bulk-change .ice-direction .dl-arrow{right:.4vw;}
section#modal .ice-bulk-change.relative-mode .ice-direction{display:block;}
section#modal .ice-bulk-change.relative-mode .ice-bulk-inputs>li{padding-bottom:4.5vh;}/* 닫힌 셀렉트 자리 확보 */
section#modal .ice-bulk-change dd.on,section#modal .ice-bulk-change dd:hover{color:#fff;}
section#modal .ice-bulk-change .ice-apply-all{clear:both;width:100%;padding-top:2vh;text-align:left;}
/* 체크박스: 변경 방식 라디오와 동일한 디자인 (참고: #modal input[type=radio]) */
section#modal .ice-bulk-change .ice-apply-all input[type=checkbox]{border:none;background:var(--lightgray);border-radius:100%;width:1.6vmin;height:1.6vmin;margin-right:.5vmin;vertical-align:middle;cursor:pointer;}
section#modal .ice-bulk-change .ice-apply-all input[type=checkbox]:checked{border:.5vmin solid #000;background:#fff;}
section#modal .ice-bulk-change .ice-apply-all label{vertical-align:middle;cursor:pointer;margin-left:.2vw;}
section#modal .ice-bulk-change .ice-bulk-warning{clear:both;width:100%;margin-top:1.5vh;color:var(--delete);font-size:.8vmax;font-family:'neo-bd';line-height:1.5;text-align:left;word-break:keep-all;}

/* 카테고리 정보 모달 */
section#modal .category-info{width:40%;height:30%;}
section#modal .category-info form{overflow:visible;}
section#modal .category-info ul{width:95%;margin:0 auto;text-align:center;}
section#modal .category-info ul li{text-align:left;}
section#modal .category-info ul li h4{width:100%;margin-bottom:.5vw;}
section#modal .category-info ul li:nth-of-type(n+2) p{width:90%;}
section#modal .category-info ul li:nth-of-type(1){width:25%;}
section#modal .category-info ul li:nth-of-type(1) h4{width:auto;margin-bottom:0;height:3vh;line-height:3vh;}
section#modal .category-info ul li:nth-of-type(1) .toggle input:checked{background:#000;}

/* 엑셀 일괄 등록 모달 */
section#modal .excel-upload{width:40%;height:30%;}
section#modal .excel-upload .bt-wrap{z-index:-1;}
section#modal .excel-upload form{height:auto;overflow:visible;text-align:center;padding-bottom:2vh;}
section#modal .excel-upload ul{width:95%;margin:0 auto;text-align:center;}
section#modal .excel-upload ul li{text-align:left;width:auto;height:auto;margin:0 .5vw;}
section#modal .excel-upload ul li h4{width:auto;margin:0;margin-bottom:1vh;display:block;}
section#modal .excel-upload ul li:nth-of-type(1){width:30%;position:relative;height:6vh;line-height:inherit;text-align:left;}
section#modal .excel-upload ul li:nth-of-type(1) dl{left:0;top:2.7vh;width:100%;}
section#modal .excel-upload ul li:nth-of-type(2){width:50%;height:6vh;}
section#modal .excel-upload ul li:nth-of-type(2) p{width:90%;position:relative;border:1px solid var(--lightgray);border-radius:1vmin;height:3vh;line-height:3vh;padding:0 .5vw;}
section#modal .excel-upload ul li .toggle input:checked{background:#000;}
section#modal .excel-upload ul li:nth-of-type(4){height:3vh;vertical-align:bottom;}
section#modal .excel-upload ul li #excel-file{border:1px solid var(--lightgray);border-radius:1vmin;height:3vh;position:relative;width:9vw;text-align:center;line-height:3vh;}

/* 물품 정보 모달 */
section#modal .shop-pro-info{width:60%;height:75%;font-size:.7vmax;}
section#modal .shop-pro-info form{padding:0 5%;height:80%;}
section#modal .pro-main-info{width:35%;height:100%;float:left;margin:0;}
section#modal .pro-main-info li{width:100%;margin:.5vh 0;}
section#modal .pro-main-info .image{width:100%;height:50%;border:1px solid var(--lightgray);border-radius:1vw;overflow:hidden;padding:5%;margin-top:0;}
section#modal .pro-main-info .image .pro-main-image{width:100%;height:100%;background:no-repeat center;background-size:contain;}
section#modal .pro-main-info .name{width:100%;line-height:3vh;font-size:1.1vmax;max-height:6vh;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
section#modal .pro-main-info .info{max-height:3vmax;line-height:1.5;width:100%;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
section#modal .pro-main-info .unit{height:4vh;line-height:4vh;}
section#modal .pro-main-info h4,#modal .pro-main-info .unit ol{display:inline-block;width:auto;margin-bottom:0;}
section#modal .pro-main-info .unit li{display:inline-block;width:auto;margin:0;margin-right:.5vw;}
section#modal .pro-main-info .count{height:4vh;line-height:4vh;}
section#modal .pro-main-info .count .input-group{height:3vh;width:35%;vertical-align:middle;}
section#modal .pro-main-info .price{font-size:1vmax;color:var(--lightpoint);height:4vh;line-height:4vh;}
section#modal .pro-sub-image{width:60%;height:95%;float:right;border:1px solid var(--lightgray);border-radius:1vw;overflow:hidden;padding:1%;}
section#modal .pro-sub-image div{width:100%;height:100%;overflow:hidden;overflow-y:auto;text-align:center;}
section#modal .pro-sub-image img{width:100%;height:auto;}

/* 물품 분류 선택 모달 */
section#modal .pro-sort-info{width:40%;height:30%;overflow:visible;}
section#modal .pro-sort-info form{height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:visible;overflow:visible;}
section#modal .pro-sort-info ul{width:95%;margin:0 auto;text-align:center;}
section#modal .pro-sort-info ul li{text-align:left;width:35%;position:relative;margin:0 .5vw;height:10vh;}
section#modal .pro-sort-info ul li h4{width:100%;margin-bottom:.5vw;}
section#modal .pro-sort-info ul li dl{width:100%;left:0;top:2.7vh;max-height:24vh;}
section#modal .pro-sort-info ul li p{width:100%;}
section#modal .pro-sort-info .bt-wrap{z-index:-1;}

/* 배송지 목록 모달 */
section#modal .address-select-list{width:40%}
section#modal .address-select-list form{height:75%;}
section#modal .address-select-list ul{width:90%;}
section#modal .address-select-list ul li{width:100%;height:auto;border:1px solid var(--lightgray);border-radius:1vmin;position:relative;}
section#modal .address-select-list ul li label{position:relative;width:100%;height:100%;padding:1% 10% 1% 2%;margin:0;z-index:9;}
section#modal .address-select-list ul li label p{display:block;margin:.5vh 0;}
section#modal .address-select-list ul li label .addressee{font-size:1.6vmin;}
section#modal .address-select-list ul li label .address{overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}
section#modal .address-select-list ul li div{width:10%;height:100%;position:absolute;right:0;top:0;text-align:center;}
section#modal .address-select-list ul li div input,section#modal .address-select-list ul li div input:checked{width:2.2vmin;height:2.2vmin;margin:0;right:0;top:50%;transform:translate(0,-50%);}
section#modal .address-select-list ul .address-add{height:5vh;text-align:center;line-height:5vh;background:var(--lightbg);border:none;font-size:1.8vmin;}
 
/* 배송지 정보 */
section#modal .address-info{z-index:9;}
section#modal .address-info form{overflow:visible;}
section#modal .address-info h4{margin-bottom:.5vh;}
section#modal .address-info h4 span{color:var(--delete);display:inline-block;vertical-align:sub;}
section#modal .address-info li{padding:0 2%;position:relative;}
section#modal .address-info li p,section#modal .address-info li .input-group{width:100%;overflow:hidden;}
section#modal .address-info .address{border:none;padding:0 2%;}
section#modal .address-info .address li{padding:0;margin-top:0;height:3vh;}
section#modal .address-info .address li #add-num{text-align:left;padding:0 6%;}
section#modal .address-info .address li input{padding:0 2%;}
section#modal .address-info .address li .input-group-text{background:var(--lightgray);border-radius:0;}
section#modal .address-info .address li:nth-of-type(2){width:63.5%;margin-left:.5vw;}
section#modal .address-info .address li:nth-last-of-type(1){width:97%;}
section#modal .address-info .request{padding:0 2%;}
section#modal .address-info .request h4{width:auto;display:inline-block;margin:0;margin-right:1vw;vertical-align:middle;}
section#modal .address-info .request li{height:3vh;}
section#modal .address-info .request #request-select{width:100%;top:0;left:0;}
section#modal .address-info .request #request-self{width:55%;display:inline-block;}
section#modal .address-info .bt-wrap{z-index:-1;}
 
/* 배송조회 */
section#modal .del-inquiry form{width:90%;height:75%;font-size:0;}
section#modal .del-inquiry .del-state{width:100%;display:flex;justify-content:space-between;position:relative;margin-bottom:1vh;}
section#modal .del-inquiry .del-state::before{content:'';width:95%;height:.8vmin;background:linear-gradient(90deg,#000 0,var(--lightbg) 0);position:absolute;top:3vh;left:2.5%;z-index:-9;}
section#modal .del-inquiry .del-state.ready::before{background:linear-gradient(90deg,#000 30%,var(--lightbg) 0);}
section#modal .del-inquiry .del-state.del::before{background:linear-gradient(90deg,#000 70%,var(--lightbg) 0);}
section#modal .del-inquiry .del-state.end::before{background:linear-gradient(90deg,#000 100%,var(--lightbg) 0);}
section#modal .del-inquiry .del-state li{display:inline-block;width:10%;height:100%;margin:0;}
section#modal .del-inquiry .del-state li .icon{width:7vh;height:7vh;background:var(--lightbg);border-radius:50%;margin:0 auto;line-height:7vh;font-size:2.5vh;color:var(--darkgray);display:flex;}
section#modal .del-inquiry .del-state li .icon i{flex:1;}
section#modal .del-inquiry .del-state li.on .icon{background:#fff;color:#000;border:.8vmin solid #000;}
section#modal .del-inquiry .del-state li h3{width:100%;margin:1vh 0;color:var(--darkgray);font-size:1vmax;}
section#modal .del-inquiry .del-state li.on h3{color:#000;}
section#modal .del-inquiry .del-info{width:50%;height:70%;display:inline-block;vertical-align:top;}
section#modal .del-inquiry .del-info li{width:100%;height:3vh;line-height:3vh;}
section#modal .del-inquiry .del-info h4{width:auto;margin:0;margin-right:1vw;vertical-align:top;line-height:3vh;}
section#modal .del-inquiry .del-info p{display:inline-block;width:auto;font-size:.65vmax;vertical-align:top;}
section#modal .del-inquiry .del-info #del-address{line-height:1.2;}
section#modal .del-inquiry .del-info #del-sub-add{display:block;}
section#modal .del-inquiry .del-timestamp{width:50%;height:70%;display:inline-block;vertical-align:top;border:1px solid var(--lightgray);border-radius:1vmin;text-align:center;}
section#modal .del-inquiry .del-timestamp thead{width:100%;height:3.5vh;background:var(--lightgray);display:block;line-height:3.5vh;}
section#modal .del-inquiry .del-timestamp tbody{width:100%;height:calc(100% - 3.4vh);display:block;overflow:hidden;overflow-y:auto;}
section#modal .del-inquiry .del-timestamp tr{height:3.5vh;line-height:3.5vh;border-bottom:1px solid var(--lightgray);display:block;font-size:0;}
section#modal .del-inquiry .del-timestamp td{display:inline-block;font-size:.65vmax;}
section#modal .del-inquiry .del-timestamp td.date{width:40%;}
section#modal .del-inquiry .del-timestamp td.state{width:23%;}
section#modal .del-inquiry .del-timestamp td.location{width:37%;}
 
/* 장바구니 담기 */
section#modal .go-cart{width:35%;height:35%;padding:4%;}
section#modal .go-cart h2{font-size:1.5vw;}
section#modal .go-cart p{text-align:center;font-size:1vw;color:var(--darkgray);}
section#modal .go-cart .bt-wrap{width:100%;bottom:3vh;}
 
/* 교환/반품 신청 */
section#modal .change-refund-request{width:40%;}
section#modal .change-refund-request form{height:75%;padding:0 5%;}
section#modal .change-refund-request form input[type=checkbox]{background:var(--lightgray);border-radius:100%;width:2.2vmin;height:2.2vmin;margin:0;vertical-align:middle;}
section#modal .change-refund-request form input[type=checkbox]:checked{background:#fff;border:.6vmin solid #000;}
section#modal .change-refund-request form>h4{float:left;margin:0;height:2.2vh;line-height:2.2vh;}
section#modal .change-refund-request form>div{float:right;height:2.2vh;line-height:2.2vh;}
section#modal .change-refund-request form>div label{margin-left:.3vw;font-size:1.4vmin;margin-bottom:0;vertical-align:middle;}
section#modal .change-refund-request .pro-list{width:100%;}
section#modal .change-refund-request .pro-list li{width:100%;height:10vh;border:1px solid var(--lightgray);border-radius:1vmin;position:relative;}
section#modal .change-refund-request .pro-list li label{position:relative;width:100%;height:100%;padding:.5vh 10% .5vh 2%;margin:0;z-index:9;}
section#modal .change-refund-request .pro-list li label p{float:left;margin:.5vh 0;}
section#modal .change-refund-request .pro-list li label .cr-pro-image{width:8vh;height:8vh;margin-right:.5vh;}
section#modal .change-refund-request .pro-list li label .cr-pro-image img{width:100%;height:100%;overflow:hidden;}
section#modal .change-refund-request .pro-list li label .cr-pro-name{font-size:1.6vmin;width:calc(100% - 8.5vh);line-height:5vh;margin:0;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}
section#modal .change-refund-request .pro-list li label p:nth-of-type(n+3){line-height:3vh;margin:0;margin-right:.2vw;}
section#modal .change-refund-request .pro-list li div{width:10%;height:100%;position:absolute;right:0;top:0;text-align:center;}
section#modal .change-refund-request .pro-list li div input{position:absolute;right:50%;top:50%;transform:translate(-50%,-50%);}
section#modal .change-refund-request .cr-pro-select{display:block;}
section#modal .change-refund-request .cr-way-select{display:none;font-size:0;}
section#modal .change-refund-request .cr-way-select>h4{width:100%;text-align:center;position:absolute;bottom:7.5vh;color:var(--darkgray);}
section#modal .change-refund-request .cr-way-select .select-pro{width:55%;margin:0;display:inline-block;height:93%;vertical-align:top;float:none;overflow:hidden;}
section#modal .change-refund-request .cr-way-select form h4{margin:0;height:3vh;line-height:3vh;width:auto;display:inline-block;}
section#modal .change-refund-request .cr-way-select .pro-list{height:93%;overflow-y:auto;}
section#modal .change-refund-request .cr-way-select .pro-list li{width:98%;}
section#modal .change-refund-request .cr-way-select .pro-list label{padding:.5vh 0;}
section#modal .change-refund-request .cr-way-select .pro-list .cr-pro-name{font-size:1.4vmin;width:70%;}
section#modal .change-refund-request .cr-way-select .way-select{width:43%;margin:0;display:inline-block;height:93%;vertical-align:top;padding-top:4vh;}
section#modal .change-refund-request .cr-way-select .way-select ul{height:auto;position:relative;}
section#modal .change-refund-request .cr-way-select .way-select ul dl{top:0;right:0;width:70%;line-height:1;}
section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) li{width:100%;text-align:right;padding-right:.5vw;margin:.8vh 0;}
section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) h4{float:left;height:5vh;line-height:5vh;}
section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) li:nth-of-type(1){height:5vh;line-height:5vh;border-bottom:3px solid var(--lightgray);margin-top:0;}
section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) li:nth-last-of-type(1){background:var(--lightbg);height:4vh;line-height:4vh;border-radius:1vmin;}
section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) li:nth-last-of-type(1) #cr-refund-price{font-size:1.5vmin;}

/* 포인트 고객 정보 */
section#modal .point-cm-info{width:38%;height:78%;transition:width .25s ease;}
section#modal .point-cm-info.log-open{width:72%;}
section#modal .point-cm-info form{padding:0;width:94%;height:calc(100% - 17vh);top:6vh;left:50%;transform:translateX(-50%);margin:0;overflow:hidden;display:flex;flex-direction:row;gap:2%;}
section#modal .point-cm-info h4{margin-bottom:1vh;}
section#modal .point-cm-info p,section#modal .point-cm-info .input-group{width:100%;}
/* 좌: 필드+메모(세로 스택) / 우: 이용 내역 */
section#modal .point-cm-info .cm-info-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;}
section#modal .point-cm-info .cm-info-fields{width:100%;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:6vh 6vh 6vh auto;column-gap:4%;row-gap:1vh;
    grid-template-areas:"contact pw" "count point" "regdate btns" "consent consent";}
section#modal .point-cm-info .cm-info-fields .fld{position:relative;min-width:0;}
section#modal .point-cm-info .cm-info-fields .fld-contact{grid-area:contact;}
section#modal .point-cm-info .cm-info-fields .fld-pw{grid-area:pw;}
section#modal .point-cm-info .cm-info-fields .fld-count{grid-area:count;}
section#modal .point-cm-info .cm-info-fields .fld-regdate{grid-area:regdate;}
section#modal .point-cm-info .cm-info-fields .fld-point{grid-area:point;}
section#modal .point-cm-info .cm-info-fields .fld-btns{grid-area:btns;display:flex;flex-direction:column;}
section#modal .point-cm-info .cm-info-fields .fld-btns .btn-row{display:flex;gap:4%;}
section#modal .point-cm-info .cm-info-fields .fld-consent{grid-area:consent;}
section#modal .point-cm-info .regdate{width:100%;text-align:center;}
/* 포인트 수정 버튼 */
section#modal .point-cm-info .point-edit-bt,
section#modal .point-cm-info .coupon-send-bt{flex:1 1 0;min-width:0;height:calc(3vh + 2px);display:flex;align-items:center;justify-content:center;border-radius:1vmin;font-family:'neo-bd';font-size:1.1vmin;color:#000;cursor:pointer;}
/* 포인트 수정 = 분류 '지급' 디자인(주황) */
section#modal .point-cm-info .point-edit-bt{background:var(--pointbt);border:none;}
/* 쿠폰 발송 = 분류 '적립' 디자인(파란 배경, 흰 글씨) */
section#modal .point-cm-info .coupon-send-bt{background:var(--lightpoint);border:none;color:#fff;}
section#modal .point-cm-info .coupon-send-bt:disabled{background:var(--lightgray);color:#fff;cursor:not-allowed;}
/* 동의 사항 (읽기 전용 표시) */
section#modal .point-cm-info .cm-info-consent{width:100%;}
section#modal .point-cm-info .cm-info-consent>h4{margin-bottom:1vh;}
section#modal .point-cm-info .cm-info-consent ul{width:100%;height:auto;margin:0;}
section#modal .point-cm-info .cm-info-consent li.consent-item{width:100%;height:auto;display:flex;align-items:center;gap:1.2%;padding:0.35vh 0;}
section#modal .point-cm-info .cm-info-consent .consent-box{flex:0 0 auto;width:1.6vmin;height:1.6vmin;border:solid 1px var(--lightgray);border-radius:0.4vmin;display:flex;align-items:center;justify-content:center;background:#fff;}
section#modal .point-cm-info .cm-info-consent .consent-box i{font-size:1vmin;color:#fff;opacity:0;}
section#modal .point-cm-info .cm-info-consent li.on .consent-box{background:#000;border-color:#000;}
section#modal .point-cm-info .cm-info-consent li.on .consent-box i{opacity:1;}
section#modal .point-cm-info .cm-info-consent .consent-label{font-size:1vmin;color:#999;line-height:1.2;}
section#modal .point-cm-info .cm-info-consent li.on .consent-label{color:#000;}
section#modal .point-cm-info .cm-info-consent .consent-label em{font-style:normal;color:var(--lightgray);}
section#modal .point-cm-info .cm-info-memo{width:100%;flex:0 0 auto;display:flex;flex-direction:column;margin-top:auto;}
section#modal .point-cm-info .cm-info-memo ul{height:auto;width:100%;margin:0;}
section#modal .point-cm-info .cm-info-memo li{width:100%;height:100%;padding:0;position:relative;}
section#modal .point-cm-info .cm-info-memo textarea{width:100%;height:14vh;resize:none;}
/* 이용 내역 아코디언 토글 탭 — 인덱스형(사다리꼴), 배경없음+외곽선, 모달 기준 절대배치 */
/* 사다리꼴 외곽선(왼쪽 좁은 인덱스형)+왼쪽 두 모서리 라운드 = SVG 아웃라인 배경. 내부 흰색으로 구분선 가림 */
section#modal .point-cm-info .cm-log-toggle{position:absolute;top:50%;right:-0.3vw;transform:translateY(-50%);z-index:3;width:2.7vw;display:flex;align-items:center;justify-content:center;padding:2.8vh 0;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 150' preserveAspectRatio='none'><path d='M40 0 L9 13 Q1 15 1 24 L1 126 Q1 135 9 137 L40 150' fill='none' stroke='%23CACACA' stroke-width='1.2' vector-effect='non-scaling-stroke'/></svg>") no-repeat;background-size:100% 100%;border:none;color:#000;cursor:pointer;transition:right .25s ease;}
section#modal .point-cm-info.log-open .cm-log-toggle{right:calc(50% - 0.3vw);}
section#modal .point-cm-info .cm-log-toggle span{position:relative;writing-mode:vertical-rl;font-family:'neo-bd';font-size:.85vw;letter-spacing:.15vh;white-space:nowrap;}
/* 우: 이용 내역 리스트 (고객별) — .log-open 일 때만 표시(가로 폭까지 접힘) */
section#modal .point-cm-info .cm-info-log{flex:0 0 50%;min-width:0;padding-left:2%;min-height:0;display:flex;flex-direction:column;}
section#modal .point-cm-info .cm-log-title{display:none;}   /* 데스크톱은 아코디언 탭이 라벨 → 숨김, 모바일에서만 표시 */
section#modal .point-cm-info:not(.log-open) .cm-info-log{display:none;}
section#modal .point-cm-info.log-open .cm-info-log{border-left:1px solid var(--lightgray);}
/* 펼침 시 좌측 정보가 탭과 겹치지 않도록 우측 여백 확보 */
section#modal .point-cm-info.log-open .cm-info-left{padding-right:2vw;}
/* 접힘 시 콘텐츠 폭 축소(좌우 여백 확보) — 인풋이 과하게 길어지는 것 방지 */
section#modal .point-cm-info:not(.log-open) .cm-info-left{padding:0 4%;}
/* 고객 '추가' 모달: 연락처·비밀번호·메모만 노출 + 내용에 맞춰 높이 축소 */
section#modal .point-cm-info.cm-add{height:44%;}
section#modal .point-cm-info.cm-add .cm-info-fields{grid-template-rows:auto;grid-template-areas:"contact pw";}
section#modal .point-cm-info.cm-add .fld-count,
section#modal .point-cm-info.cm-add .fld-regdate,
section#modal .point-cm-info.cm-add .fld-point,
section#modal .point-cm-info.cm-add .fld-btns,
section#modal .point-cm-info.cm-add .fld-consent,
section#modal .point-cm-info.cm-add .cm-log-toggle,
section#modal .point-cm-info.cm-add #cust-delete{display:none;}
section#modal .point-cm-info .cm-log-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;}
section#modal .point-cm-info .point-cm-log-page{flex:0 0 auto;text-align:center;padding-top:1vh;}
section#modal .point-cm-info .point-cm-log-page li{width:1.5vw;margin:0 .15vw;}
section#modal .point-cm-info .point-cm-log-list{width:100%;margin:0;text-align:center;table-layout:fixed;font-size:.75vw;flex:0 0 auto;}
section#modal .point-cm-info .point-cm-log-list thead{height:3.5vh;}
section#modal .point-cm-info .point-cm-log-list thead td{vertical-align:middle;}
section#modal .point-cm-info .point-cm-log-list tbody tr{border-bottom:1px solid var(--lightgray);line-height:1;}
section#modal .point-cm-info .point-cm-log-list tbody td{padding:0.35vh 0.3%;vertical-align:middle;word-break:break-all;}
section#modal .point-cm-info .point-cm-log-list tbody td.state div{width:60%;height:2.5vh;line-height:2.5vh;margin:0 auto;border-radius:.5vmin;font-size:.62vw;display:flex;align-items:center;justify-content:center;}
section#modal .point-cm-info .point-cm-log-list .date{width:28%;white-space:nowrap;}
section#modal .point-cm-info .point-cm-log-list .state{width:14%;}
section#modal .point-cm-info .point-cm-log-list .detail{width:36%;}
section#modal .point-cm-info .point-cm-log-list .pointchange{width:22%;}
section#modal .point-cm-info .cm-log-empty{display:none;width:100%;text-align:center;color:var(--lightgray);font-size:1vw;margin:auto 0;}

/* 포인트 수정 모달 — 공통/부트스트랩 규칙 간섭 없는 자체 구조 */
section#modal .point-edit-modal{width:34%;height:auto;padding-bottom:13vh;}
section#modal .point-edit-modal form{position:static;top:auto;left:auto;transform:none;width:86%;height:auto;margin:7vh auto 0;padding:0;overflow:visible;}
section#modal .point-edit-modal .pt-edit-box{display:flex;flex-direction:column;gap:2.4vh;width:100%;}
section#modal .point-edit-modal .pt-edit-field{width:100%;}
section#modal .point-edit-modal .pt-edit-label{display:block;font-family:'neo-bd';font-size:1.4vmin;margin-bottom:1vh;text-align:left;}
/* 연락처 / 포인트 현황 : 라벨 + 값 한 줄 */
section#modal .point-edit-modal .pt-edit-inline{display:flex;align-items:center;gap:1.2vw;}
section#modal .point-edit-modal .pt-edit-inline .pt-edit-label{margin-bottom:0;flex:0 0 auto;}
section#modal .point-edit-modal .pt-edit-status{font-family:'neo-bd';font-size:1.4vmin;flex:0 0 auto;}
section#modal .point-edit-modal .pt-edit-status i{margin:0 .4vw;color:var(--lightgray);font-size:1.2vmin;}
/* 상태(포인트 변경) 아래로 안내문구 배치 */
section#modal .point-edit-modal .pt-edit-status-field{flex-direction:column;align-items:flex-start;gap:.7vh;}
/* 차감이 보유 초과 시 안내문구(포인트 변경 안내 아래) */
section#modal .point-edit-modal .pt-edit-warn{display:none;width:100%;flex:0 0 auto;color:var(--delete);font-family:'neo-bd';font-size:1.4vmin;line-height:1.3;word-break:keep-all;}
section#modal .point-edit-modal .pt-edit-warn.show{display:block;}
/* 선택 연락처 칩 — 타이틀 왼쪽(close-bt 와 대칭) */
section#modal .point-edit-modal .pt-edit-chip{position:absolute;left:1.5vw;top:2vh;height:1.5vmax;display:flex;align-items:center;background:var(--lightbg);color:#000;font-family:'neo-bd';font-size:1.5vmin;padding:0 1vw;border-radius:3vmin;white-space:nowrap;}
/* 수정 분류: 라벨 + 라디오 한 줄(pt-edit-inline) */
section#modal .point-edit-modal .pt-edit-type{display:flex;align-items:center;}
section#modal .point-edit-modal .pt-edit-type label{margin-right:1.4vw;cursor:pointer;}
/* 수정 포인트: 인풋(축소) + 퀵버튼 한 줄 */
section#modal .point-edit-modal .pt-edit-amount-line{display:flex;align-items:center;gap:3%;}
section#modal .point-edit-modal .pt-edit-amount-box{flex:0 0 44%;display:flex;align-items:center;height:3.2vh;border:solid 1px var(--lightgray);border-radius:1vmin;padding:0 3%;}
section#modal .point-edit-modal .pt-edit-sign{flex:0 0 auto;font-family:'neo-bd';font-size:1.4vmin;padding-right:.4vw;}
section#modal .point-edit-modal .pt-edit-amount{flex:1 1 auto;min-width:0;width:auto;border:none;background:none;text-align:right;height:100%;font-size:1.2vmin;color:#000;outline:none;}
section#modal .point-edit-modal .pt-edit-unit{flex:0 0 auto;font-family:'neo-bd';padding-left:.4vw;}
/* 퀵 버튼(100/1,000/10,000) */
section#modal .point-edit-modal .pt-edit-quick{flex:1 1 auto;display:flex;gap:3%;}
section#modal .point-edit-modal .pt-quick-bt{flex:1 1 0;height:3.2vh;border:solid 1px var(--lightgray);border-radius:1vmin;background:#fff;color:#000;font-family:'neo-bd';font-size:1.1vmin;cursor:pointer;white-space:nowrap;}
section#modal .point-edit-modal .pt-quick-bt:hover{background:var(--lightbg);}

/* 쿠폰 발송 모달 — 자체 클래스(공통 form/ul/li·부트스트랩 간섭 배제) */
section#modal .cp-modal{width:32%;height:60%;}
section#modal .cp-modal form{width:88%;height:47vh;overflow:hidden;}
section#modal .cp-modal .cp-send-box{display:flex;flex-direction:column;height:100%;width:100%;}
/* 연락처 칩 */
section#modal .cp-modal .cp-send-chip{position:absolute;left:1.5vw;top:2vh;height:1.5vmax;display:flex;align-items:center;background:var(--lightbg);color:#000;font-family:'neo-bd';font-size:1.5vmin;padding:0 1vw;border-radius:3vmin;white-space:nowrap;}
/* 필터 */
section#modal .cp-modal .cp-filter{flex:0 0 auto;margin-bottom:1.5vh;}
section#modal .cp-modal .cp-filter-row{display:flex;align-items:center;gap:1vw;margin-bottom:1vh;}
section#modal .cp-modal .cp-filter-label{flex:0 0 auto;width:3.5vw;font-family:'neo-bd';font-size:1.4vmin;text-align:left;}
section#modal .cp-modal .cp-filter-type{display:flex;align-items:center;}
section#modal .cp-modal .cp-filter-type label{margin-right:1.2vw;cursor:pointer;}
section#modal .cp-modal .cp-filter-keyword{flex:1 1 auto;min-width:0;height:3.4vh;border:solid 1px var(--lightgray);border-radius:1vmin;padding:0 2%;font-size:1.2vmin;color:#000;background:#fff;}
section#modal .cp-modal .cp-filter-search{flex:0 0 auto;width:3.4vh;height:3.4vh;border:solid 1px var(--lightgray);border-radius:1vmin;background:var(--lightbg);color:#000;cursor:pointer;}
/* 목록(스크롤, 외곽선) */
section#modal .cp-modal .cp-list-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;border:1px solid var(--lightgray);border-radius:1vmin;position:relative;}
section#modal .cp-modal .cp-list{width:100%;margin:0;text-align:center;table-layout:fixed;font-size:1.2vmin;overflow:visible;}
section#modal .cp-modal .cp-list thead{height:4vh;position:sticky;top:0;background:#fff;z-index:1;}
section#modal .cp-modal .cp-list thead td{position:sticky;top:0;background:#fff;box-shadow:inset 0 -1px 0 var(--lightgray);}
section#modal .cp-modal .cp-list thead td{vertical-align:middle;font-family:'neo-bd';border-bottom:1px solid var(--lightgray);}
section#modal .cp-modal .cp-list tbody td{padding:.8vh .3%;vertical-align:middle;word-break:break-all;border-bottom:1px solid var(--lightgray);}
section#modal .cp-modal .cp-list tbody tr:last-child td{border-bottom:none;}   /* 외곽선과 이중선 방지 */
section#modal .cp-modal .cp-list tbody tr{cursor:pointer;}
/* 6컬럼: 체크박스 / 전체선택 / 혜택 / dummy(=전체선택 폭) / 발급일 / 만료일
   → 혜택이 (전체선택+혜택+dummy) 중앙에 위치, 본문 혜택(colspan=3)도 동일 span 중앙 → 정렬 일치 */
section#modal .cp-modal .cp-check{width:8%;}
section#modal .cp-modal .cp-allsel{width:14%;text-align:left;}
section#modal .cp-modal .cp-benefit{width:24%;}
section#modal .cp-modal .cp-dummy{width:14%;}
section#modal .cp-modal .cp-issued{width:20%;}
section#modal .cp-modal .cp-expires{width:20%;}
section#modal .cp-modal .cp-allsel label{cursor:pointer;white-space:nowrap;}
section#modal .cp-modal .cp-qty{color:var(--lightpoint);font-size:.92em;font-family:'neo-bd';}
section#modal .cp-modal .cp-msg-hl{color:var(--lightpoint);}
section#modal .cp-modal .cp-stat.cp-send-msg{line-height:1.5;font-size:1.35vmin;}
section#modal .cp-modal .cp-send-msg .cp-msg-benefit{color:var(--lightpoint);font-size:1.7vmin;}
/* 체크박스 — 분류 라디오와 동일 디자인(전역 appearance:none 대응) */
section#modal .cp-modal input[type=checkbox]{width:1.6vmin;height:1.6vmin;margin:0;border:none;border-radius:100%;background:var(--lightgray);vertical-align:middle;cursor:pointer;}
section#modal .cp-modal input[type=checkbox]:checked{border:.5vmin solid #000;background:#fff;}
section#modal .cp-modal .cp-empty{display:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;text-align:center;color:var(--lightgray);font-size:1.1vw;margin:0;}
/* 통계 */
section#modal .cp-modal .cp-stat{flex:0 0 auto;margin-top:1.3vh;font-family:'neo-bd';font-size:1.8vmin;text-align:left;}
section#modal .cp-modal .cp-stat .cp-sel-count{color:var(--lightpoint);}

/* 그룹발송 — 쿠폰 + 고객 2단 레이아웃(처음부터 표시) */
section#modal .coupon-group-modal{width:56%;height:70%;}
/* 타이틀 아래·버튼 위 여백은 유지(간격=(70-53)/2=8.5vh, 기존과 동일)한 채 목록 영역만 확대 */
section#modal .coupon-group-modal form{height:53vh;}
section#modal .coupon-group-modal .cpg-cust-warn{display:none;color:var(--delete);}
section#modal .coupon-group-modal .cpg-cust-warn.on{display:inline;}
section#modal .coupon-group-modal .cpg-warn-mark{display:inline-flex;align-items:center;justify-content:center;width:1.7vmin;height:1.7vmin;border-radius:50%;background:var(--delete);color:#fff;font-size:1.1vmin;font-family:'neo-bd';line-height:1;vertical-align:middle;}
section#modal .coupon-group-modal .cpg-split{display:flex;flex-direction:row;width:100%;height:100%;}
section#modal .coupon-group-modal .cpg-split .cp-send-box{flex:1 1 auto;min-width:0;padding-right:2%;}
section#modal .coupon-group-modal .cpg-cust-panel{flex:0 0 50%;min-width:0;display:flex;flex-direction:column;height:100%;padding-left:2%;border-left:1px solid var(--lightgray);}
section#modal .coupon-group-modal .cpg-cust-count{color:var(--lightpoint);}
/* 발송 버튼 — 웹 포인트 블루(활성). 비활성 시 회색은 아래 :disabled 가 우선(특이도) */
section#modal .coupon-group-modal #cpg-send{background:var(--lightpoint);border:1px solid var(--lightpoint);color:#fff;}
section#modal .coupon-group-modal #cpg-send:disabled{background:var(--lightgray);border-color:var(--lightgray);color:#fff;cursor:not-allowed;}
/* 개인 발송(확인) 버튼도 그룹 발송과 동일 UI */
section#modal .coupon-send-modal #cp-send-apply{background:var(--lightpoint);border:1px solid var(--lightpoint);color:#fff;}
section#modal .coupon-send-modal #cp-send-apply:disabled{background:var(--lightgray);border-color:var(--lightgray);color:#fff;cursor:not-allowed;}
/* 고객 패널 헤더 필터(보유 포인트 라디오 + 방문 기간/횟수) — 좌측 필터와 동일 높이 */
section#modal .coupon-group-modal .cpg-cust-head{flex:0 0 auto;}
section#modal .coupon-group-modal .cpg-cust-head .cp-filter-label{width:5vw;}
section#modal .coupon-group-modal .cpg-visit-row{gap:.5vw;}
section#modal .coupon-group-modal .cpc-visit-date{flex:0 0 auto;width:6vw;height:3.4vh;-webkit-appearance:auto;appearance:auto;border:solid 1px var(--lightgray);border-radius:1vmin;padding:0 2%;font-size:1.1vmin;color:#000;background:#fff;cursor:pointer;text-align:center;text-align-last:center;}
section#modal .coupon-group-modal .cpc-visit-search{flex:0 0 auto;margin-left:auto;width:3.4vh;height:3.4vh;border:solid 1px var(--lightgray);border-radius:1vmin;background:var(--lightbg);color:#000;cursor:pointer;}
section#modal .coupon-group-modal .cpc-visit-date::-webkit-datetime-edit{text-align:center;}
section#modal .coupon-group-modal .cpc-visit-count{flex:0 0 auto;width:3.5vw;height:3.4vh;border:solid 1px var(--lightgray);border-radius:1vmin;padding:0;font-size:1.2vmin;color:#000;background:#fff;text-align:center;-moz-appearance:textfield;appearance:textfield;}
section#modal .coupon-group-modal .cpc-visit-count::-webkit-inner-spin-button,
section#modal .coupon-group-modal .cpc-visit-count::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
section#modal .coupon-group-modal .cpg-visit-txt{flex:0 0 auto;font-size:1.2vmin;color:#000;white-space:nowrap;}
/* 고객 목록(스크롤·외곽선은 .cp-list-wrap과 동일) */
section#modal .coupon-group-modal .cpg-cust-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;border:1px solid var(--lightgray);border-radius:1vmin;position:relative;}
/* 6컬럼: 체크박스 / selpad / 연락처 / teldummy / 보유포인트 / 마지막발송일
   → 연락처가 (selpad+연락처+teldummy) 중앙, 본문 연락처(colspan=3)도 동일 span 중앙 → 정렬 일치(쿠폰 목록과 동일 트릭) */
section#modal .coupon-group-modal .cpg-cust-list .cpc-check{width:10%;}
section#modal .coupon-group-modal .cpg-cust-list .cpc-selpad{width:8%;}
section#modal .coupon-group-modal .cpg-cust-list .cpc-tel{width:22%;}
section#modal .coupon-group-modal .cpg-cust-list .cpc-teldummy{width:8%;}
section#modal .coupon-group-modal .cpg-cust-list .cpc-point{width:24%;}
section#modal .coupon-group-modal .cpg-cust-list .cpc-lastsend{width:28%;}
/* 고객 페이저(50명/페이지) — 다른 화면 페이징과 동일 UI(.pagination bd / .page-bt / .prev / .next / .on 전역 스타일 재사용).
   모달 공통 'form ul>li{width:32%…}' 간섭만 무력화(치수·마진), 테두리·색·active 는 전역 규칙 유지 */
section#modal .coupon-group-modal .cpg-cust-page{flex:0 0 auto;text-align:center;padding-top:1vh;}
section#modal .coupon-group-modal .cpg-cust-page .pagination{display:inline-block;width:auto;margin:0;padding:0;}
section#modal .coupon-group-modal .cpg-cust-page .pagination>li{width:1.5vw;height:1.5vw;line-height:1.5vw;margin:0 .2vw;padding:0;display:inline-block;vertical-align:middle;cursor:pointer;}
section#modal .coupon-group-modal .cpg-cust-page .pagination>li a{font-size:.85vw;color:inherit;}

/* 포인트 상품 정보 */
section#modal .point-goods-info{height:45%;}
section#modal .point-goods-info ul:nth-of-type(2){border:none;}
section#modal .point-goods-info li{padding:0 2%;}
section#modal .point-goods-info ul:nth-of-type(1) li:nth-last-of-type(1) h4{width:auto;margin-bottom:0;margin-right:1vw;}
section#modal .point-goods-info h4{width:80%;margin:0;margin-bottom:1vh;text-align:left;}
section#modal .point-goods-info p,section#modal .point-goods-info .input-group{width:100%;}

/* 쿠폰 생성 */
section#modal .coupon-info{width:42%;height:auto;padding:2vh 0 12vh;overflow:visible;}
section#modal .coupon-info h3{margin:1vh 0 3vh;font-size:1.5vmax;}
section#modal .coupon-info form{position:static;transform:none;top:auto;left:auto;width:84%;max-height:none;overflow:visible;padding:0;}
section#modal .coupon-info form>ul{display:flex;gap:6%;width:100%;margin:0 0 2vh;align-items:flex-start;}
section#modal .coupon-info form>ul:nth-of-type(1){padding-bottom:2.5vh;border-bottom:1px solid var(--lightgray);margin-bottom:2.5vh;}
section#modal .coupon-info form>ul:nth-of-type(2){border:none;padding-bottom:0;}
section#modal .coupon-info li{position:relative;width:47%;height:auto;padding:0;margin:0;display:block;flex:1 1 0;}
section#modal .coupon-info h4{width:100%;margin:0 0 1vh;text-align:left;font-size:1.5vmin;}
section#modal .coupon-info p,section#modal .coupon-info .input-group{width:100%;display:block;}
section#modal .coupon-info .coupon-new-type{display:flex;align-items:center;height:3vh;}
section#modal .coupon-info .coupon-new-type label{margin:0 1.5vw 0 .4vw;vertical-align:middle;}
section#modal .coupon-info .coupon-new-expires{width:100%;height:3vh;border:1px solid var(--lightgray);border-radius:1vmin;padding:0 3%;background:#fff;}
section#modal .coupon-info .input-group{border:1px solid var(--lightgray);height:3vh;padding:0 3%;}
section#modal .coupon-info .input-group .form-control{width:85%;padding:0;}
section#modal .coupon-info .input-group-text{width:15%;}
section#modal .coupon-info .long-select{position:relative;top:auto;left:auto;width:100%;max-height:22vh;}
section#modal .coupon-info .long-select dt{line-height:3vh;}
section#modal .coupon-info .long-select dt span{width:calc(100% - 2vw);text-align:left;}
section#modal .coupon-info .coupon-new-count-row{display:flex;align-items:center;gap:1vw;width:100%;}
section#modal .coupon-info .coupon-new-count-row .input-group{width:auto;flex:0 0 38%;}
/* 생성 수량 게이지 바 (1~50) — 양끝 1·50 표기, 라디오와 동일한 검정/흰색 톤 */
section#modal .coupon-info .coupon-new-count-gauge{display:flex;align-items:center;gap:.6vw;flex:1;}
section#modal .coupon-info .coupon-new-count-gauge .gauge-edge{font-size:1.1vmin;color:var(--darkgray);font-family:'neo-bd';flex:none;}
section#modal .coupon-info .coupon-new-count-range{-webkit-appearance:none;appearance:none;flex:1;height:.7vh;border-radius:1vmin;background:var(--lightgray);cursor:pointer;outline:none;padding:0;}
section#modal .coupon-info .coupon-new-count-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.9vh;height:1.9vh;border-radius:50%;background:#fff;border:.45vh solid #000;box-shadow:none;cursor:pointer;margin-top:0;}
section#modal .coupon-info .coupon-new-count-range::-moz-range-thumb{width:1.9vh;height:1.9vh;border-radius:50%;background:#fff;border:.45vh solid #000;box-shadow:none;cursor:pointer;}
section#modal .coupon-info .coupon-new-count-range::-moz-range-track{height:.7vh;border-radius:1vmin;background:transparent;}
section#modal .coupon-info .bt-wrap button{width:30%;height:4.5vh;line-height:4.5vh;border-radius:1.2vmin;}

/* 카드 정보 */
section#modal .rf-info form{width:90%;max-height:90%;}
section#modal .rf-info h4{margin-bottom:1vh;}
section#modal .rf-info li{position:relative;height:6vh;padding:0 2%;}
section#modal .rf-info ul{height:auto;margin:0;}
section#modal .rf-info ul p{width:100%;}
section#modal .rf-info ul dl{width:88%;}
section#modal .rf-info .rfcount{text-align:right;}
section#modal .rf-info ul:nth-of-type(1) li:nth-of-type(1){display:block;}
section#modal .rf-info ul:nth-of-type(2) .input-group{width:100%;}
section#modal .rf-info ul:nth-of-type(2) li:nth-of-type(1) h4{width:auto;line-height:6vh;margin-bottom:0;}
section#modal .rf-info ul:nth-of-type(2) li:nth-of-type(1) .toggle{line-height:6vh;}
section#modal .rf-info ul:nth-last-of-type(1) h4{margin-bottom:1vh;}
section#modal .rf-info ul:nth-last-of-type(1) li{width:100%;height:auto;}

/* 공지 대상 선택 모달 */
section#modal .notice-target{width:45%;height:50%;padding:1%;}
section#modal .notice-target form{width:95%;height:70%;padding:0;overflow-y:hidden;}
section#modal .notice-target table{width:33.3%;float:left;height:32vh;display:block;border:1px solid var(--lightgray);border-radius:1vmin;overflow:hidden;}
section#modal .notice-target .group{border-radius:1vmin 0 0 1vmin;}
section#modal .notice-target .st-type{border-radius:0;}
section#modal .notice-target .st-order-type{border-radius:0 1vmin 1vmin 0;}
section#modal .notice-target .st-order-type tbody{overflow:hidden;}
section#modal .notice-target .target-toggle{width:auto;height:3.5vh;line-height:3.5vh;}
section#modal .notice-target .target-toggle h4{width:auto;display:inline-block;margin:0;margin-right:1vw;}
section#modal .notice-target .target-toggle .toggle{float:none;display:inline-block;}
section#modal .notice-target thead,section#modal .notice-target tbody,section#modal .notice-target tr,section#modal .notice-target td{display:block;}
section#modal .notice-target thead tr{width:100%;text-align:center;height:4vh;background:var(--lightgray);line-height:4vh;}
section#modal .notice-target tbody{height:calc(100% - 4vh);overflow:hidden;overflow-y:auto;}
section#modal .notice-target tbody tr{width:100%;border-bottom:1px solid var(--lightgray);height:4vh;}
section#modal .notice-target tbody label{margin:0;width:calc(100% - 2.6vmin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
section#modal .notice-target tbody td{line-height:4vh;padding-left:2%;}
section#modal .notice-target tbody tr:nth-of-type(1) td label,section#modal .notice-target tbody tr:nth-of-type(1) td input{cursor:default;}
section#modal .notice-target tbody input[type=checkbox]{border:none;background:var(--lightgray);vertical-align:middle;width:1.6vmin;height:1.6vmin;margin-right:.5vmin;cursor:pointer;}
section#modal .notice-target tbody input[type=checkbox]:checked{border:.5vmin solid #000;background:#fff;width:1.6vmin;height:1.6vmin;}
 
/* 공지사항 팝업 */
section#modal .notice-popup{width:50%;height:60%;padding:1%;}
section#modal .notice-popup form{width:95%;height:90%;margin:0 auto;overflow:hidden;}
section#modal .notice-popup .notice-title{height:4vh;width:95%100%;margin:0;margin-bottom:1vh;}
section#modal .notice-popup .notice-title li{display:inline-block;padding:0 .5vw;vertical-align:top;width:10%;height:4vh;text-align:center;margin:0;}
section#modal .notice-popup .notice-title li:nth-of-type(2){width:auto;text-align:left;}
section#modal .notice-popup .notice-title #notice-popup-sort{width:100%;height:4vh;border-radius:1vmin;line-height:4vh;text-align:center;vertical-align:middle;display:inline-block;font-size:.8vw;}
section#modal .notice-popup .notice-title #notice-popup-title{margin:0;line-height:4vh;font-size:1.3vw;}
section#modal .notice-popup form a{width:auto;height:auto;position:relative;}
section#modal .notice-popup form .notice-content{width:100%;height:85%;overflow:hidden;overflow-y:auto;border:1px solid var(--lightgray);border-radius:1vmin;padding:.5% 1%;}
section#modal .notice-popup form .notice-content *{font-size:1.2vmin!important;}
section#modal .notice-popup form h1{font-size:1.5vw!important;}
section#modal .notice-popup form h2{text-align:left;font-size:1.2vw!important;}
section#modal .notice-popup form h3{font-size:1vw!important;}
section#modal .notice-popup form h4{font-size:.8vw!important;}
section#modal .notice-popup form h5{font-size:.7vw!important;}
section#modal .notice-popup form h6{font-size:1.2vmin!important;}
section#modal .notice-popup form pre{font-family:'neo-rg';}
section#modal .notice-popup form .popup-hide{height:2vh;width:100%;position:relative;border:none;margin-top:1vh;}
section#modal .notice-popup form .popup-hide input[type=checkbox]{border-color:#000;vertical-align:middle;background:var(--lightgray);width:1.5vmin;height:1.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;}
section#modal .notice-popup form .popup-hide input[type=checkbox]:checked{border:.4vmin solid;background:#fff;}
 
/* 알림톡 발송 정보 */
section#modal .alarm-info form{padding:0;width:90%;height:80%;}
section#modal .alarm-info #incoming-result{position:absolute;width:7vh;height:3.5vh;top:1.5vh;left:7%;line-height:3.5vh;font-size:.9vw;text-align:center;}
section#modal .alarm-info ul{margin-bottom:0;}
section#modal .alarm-info h4{width:auto;margin:0;margin-right:1vw;display:inline-block;}
section#modal .alarm-info li{position:relative;height:3vh;line-height:3vh;padding:0 2%;overflow:hidden;}
section#modal .alarm-info li p{overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}
section#modal .alarm-info ul:nth-of-type(n+1):nth-of-type(-n+2){font-size:0;padding-bottom:0;}
section#modal .alarm-info ul:nth-of-type(n+1):nth-of-type(-n+2) li{width:50%;}
section#modal .alarm-info ul:nth-last-of-type(1){height:75%;overflow:hidden;}
section#modal .alarm-info ul:nth-last-of-type(1) h4{margin-bottom:1vh;}
section#modal .alarm-info ul:nth-last-of-type(1) li{width:100%;height:95%;overflow:hidden;}
section#modal .alarm-info ul:nth-last-of-type(1) .contents{border:1px solid var(--lightgray);border-radius:1vmin;height:90%;overflow:hidden;overflow-y:auto;padding:1%;line-height:2vh;}

/* 원격 조정 모달 */
section#modal .remote-info{width:35%;height:35%;padding:1%;}
section#modal .remote-info .remote-select{width:100%;height:50%;margin-bottom:1.5vw;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
section#modal .remote-info .remote-select>div{display:none;text-align:center;height:auto;}
section#modal .remote-info .remote-select .remote-icon{width:30%;height:80%;display:block;position:relative;margin:0 auto;position:absolute;top:50%;left:10%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
section#modal .remote-info .remote-select .remote-icon i{width:7vmin;height:7vmin;font-size:7vmin;color:var(--main);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
section#modal .remote-info .remote-select .remote-icon p{text-align:center;position:absolute;bottom:0;width:100%;margin:0;}
section#modal .remote-info .remote-wash{float:right;width:60%;position:absolute;top:50%;right:0;-webkit-transform:translate(-10%,-50%);-ms-transform:translate(-10%,-50%);transform:translate(-10%,-50%);}
section#modal .remote-info .remote-wash ul{margin:0;text-align:left;}
section#modal .remote-info .remote-wash ul li{width:45%;height:7vh;margin:.5vw 0;display:inline-block;position:relative;vertical-align:top;}
section#modal .remote-info .remote-wash ul li dl{margin:.5vw 0;width:80%;left:0;max-height:15vh;}
section#modal .remote-info .remote-wash ul li dl dt span{width:100%;}
section#modal .remote-info .remote-wash ul li .input-group{margin:.5vw 0;width:80%;}
section#modal .remote-info .remote-wash ul li .input-group input{width:80%;text-align:right;}
section#modal .remote-info .remote-cup{float:right;width:50%;position:absolute;top:50%;right:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
section#modal .remote-info .remote-cup ul{margin:0;text-align:left;}
section#modal .remote-info .remote-cup ul li{width:80%;display:inline-block;vertical-align:top;}
section#modal .remote-info .remote-cup ul li ol li{width:45%;margin-right:2.5%;height:3vh;line-height:3vh;}
section#modal .remote-info .remote-cup ul li ol li input{vertical-align:middle;}
section#modal .remote-info .remote-cup ul li .input-group{margin:.5vw 0;height:3vh;width:80%;}
section#modal .remote-info .remote-cup ul li .input-group input{width:50%;margin-right:.5vw;text-align:right;line-height:3vh;height:3vh;}
section#modal .remote-info .remote-cup ul li .input-group span{line-height:3vh;height:3vh;}
section#modal .remote-info .remote-ice{float:right;width:60%;padding:6% 0;position:absolute;top:50%;right:0;-webkit-transform:translate(-10%,-50%);-ms-transform:translate(-10%,-50%);transform:translate(-10%,-50%);}
section#modal .remote-info .remote-ice ul{margin:0;text-align:left;}
section#modal .remote-info .remote-ice ul li{width:45%;margin:.5vw 0;display:inline-block;}
section#modal .remote-info .remote-ice ul li p{margin:.5vw 0;}
section#modal .remote-info .remote-ice ul li .input-group{margin:.5vw 0;width:80%;}
section#modal .remote-info .remote-ice ul li .input-group input{width:80%;text-align:right;}
section#modal .remote-info .remote-reset{float:right;width:50%;height:auto;position:absolute;top:50%;right:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
section#modal .remote-info .remote-reset ul{margin:0;text-align:left;}
section#modal .remote-info .remote-reset ul>li{width:100%;margin:.5vw 0;display:inline-block;vertical-align:top;position:relative;}
section#modal .remote-info .remote-reset ul li ol{width:100%;}
section#modal .remote-info .remote-reset ul li ol li{width:auto;margin-right:2.5%;height:3vh;line-height:3vh;display:inline-block;}
section#modal .remote-info .remote-reset ul li ol li input{vertical-align:middle;}
section#modal .remote-info .bt-wrap{z-index:-1;}
 
/* 통계 엑셀 다운로드 모달 */
section#modal .stats-e-down{width:35%;height:35%;padding:1%;}
section#modal .stats-e-down form{height:auto;overflow:visible;text-align:center;}
section#modal .stats-e-down ul h4{display:inline-block;height:5vh;line-height:5vh;margin:0;margin-right:1vw;font-size:.8vw;}
section#modal .stats-e-down ul li{display:inline-block;margin:0 1vw;width:auto;text-align:center;height:5vh;line-height:5vh;vertical-align:bottom;font-size:.7vw;}
 
/* 서버 이용료 청구 내역 모달 */
section#modal .claim-details{width:40%;}
section#modal .claim-details form{height:75%;padding:0 5%;}
section#modal .claim-details .claim-records{width:45%;height:100%;margin:0;border:1px solid var(--lightgray);border-radius:1vmin;display:block;overflow:hidden;text-align:center;line-height:4vh;float:left;}
section#modal .claim-details .claim-records thead{background:var(--lightgray);display:block;height:4vh;}
section#modal .claim-details .claim-records tbody{display:block;height:93%;overflow:hidden;overflow-y:auto;}
section#modal .claim-details .claim-records tr{display:inline-block;width:100%;border-bottom:1px solid var(--lightgray);}
section#modal .claim-details .claim-records td{display:block;float:left;}
section#modal .claim-details .claim-records td.date,section#modal .claim-details .claim-records td.state{width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#modal .claim-details .claim-records td.state div{width:50%;height:3vh;line-height:3vh;display:inline-block;vertical-align:middle;font-size:.7vw;}
section#modal .claim-details .records-detail{width:50%;margin:0;height:100%;text-align:center;float:right;}
section#modal .claim-details .records-detail li{position:relative;width:100%;height:4vh;line-height:4vh;font-size:0;}
section#modal .claim-details .records-detail h4{width:30%;height:4vh;line-height:4vh;text-align:left;display:inline-block;margin:0;font-size:.7vw;}
section#modal .claim-details .records-detail p{width:70%;height:4vh;line-height:4vh;display:inline-block;font-size:.7vw;}
section#modal .claim-details .records-detail p span{width:auto;}
 
/* 서버 이용료 청구 상태 변경 모달 */
section#modal .claim-state-change{width:40%;height:40%;}
section#modal .claim-state-change form{height:70%;padding:0 5%;}
section#modal .claim-state-change ul{width:95%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;}
section#modal .claim-state-change ul li{width:40%;position:relative;}
section#modal .claim-state-change ul li:nth-of-type(n+1):nth-of-type(-n+3){height:3vh;line-height:3vh;}
section#modal .claim-state-change ul li:nth-of-type(n+1):nth-of-type(-n+3) h4{width:auto;display:inline-block;margin:0;margin-right:1vw;line-height:inherit;}
section#modal .claim-state-change ul li:nth-of-type(1),section#modal .claim-state-change ul li:nth-of-type(4){width:100%;}
section#modal .claim-state-change ul li:nth-of-type(2) p{display:inline-block;line-height:inherit;}
section#modal .claim-state-change ul li:nth-of-type(3) dl{top:0;right:0;}
section#modal .claim-state-change ul li:nth-of-type(4){margin-top:2vh;}
section#modal .claim-state-change ul li:nth-of-type(4) h4{margin-bottom:1vh;}

/* 소속 정보 */
section#modal .group-info form{padding:0;width:90%;overflow:hidden;overflow-y:auto;}
section#modal .group-info h4{margin-bottom:.5vh;}
section#modal .group-info ul:nth-of-type(2) li:nth-of-type(1) h4{width:auto;margin-bottom:0;}
section#modal .group-info ul:nth-of-type(2) li:nth-of-type(2) h4{width:auto;margin-bottom:0;}
section#modal .group-info ul:nth-of-type(2) .toggle{line-height:5vh;}
section#modal .group-info li{position:relative;height:5vh;padding:0 2%;}
section#modal .group-info p{width:100%;}
section#modal .group-info dl{width:96%;}
section#modal .group-info ul:nth-last-of-type(1) li{width:100%;height:auto;}

/* 상품 복사 */
section#modal .goods-copy{width:40%;height:40%;}
section#modal .goods-copy form{height:65%;padding-top:4vh;overflow:visible;overflow-y:visible;}
section#modal .goods-copy ul{width:95%;margin:0 auto;margin-bottom:4vh;height:6vh;}
section#modal .goods-copy ul li{text-align:left;position:relative;height:6vh;width:31%;float:left;margin:0 1%;}
section#modal .goods-copy ul li h4{width:100%;margin-bottom:.5vw;}
section#modal .goods-copy ul li dl{width:95%;}
section#modal .goods-copy ul li dl span{padding-right:1vw;}
section#modal .goods-copy ul li dl span,section#modal .goods-copy ul li dl dd,section#modal .goods-copy ul li input{font-size:1.1vmin;}
section#modal .goods-copy ul li p{width:3vw;}
section#modal .goods-copy ul:nth-last-of-type(1){border:none;}
section#modal .goods-copy ul:nth-last-of-type(1) p{width:95%;}
section#modal .goods-copy ul:nth-last-of-type(1) .toggle{width:3vw;}

/* 계정 정보 */
section#modal .account-info form{padding:0;width:90%;max-height:80%;}
section#modal .account-info h4{margin-bottom:.5vh;}
section#modal .account-info li{position:relative;height:6vh;padding:0 2%;}
section#modal .account-info p{width:100%}
section#modal .account-info dl{width:88%}
section#modal .account-info ul:nth-of-type(1){margin-bottom:0;}
section#modal .account-info ul:nth-of-type(1) li:nth-of-type(1){display:block;}
section#modal .account-info ul:nth-of-type(2) li:nth-of-type(1) h4{width:auto;margin-bottom:0;}
section#modal .account-info ul:nth-of-type(2) li:nth-of-type(1){line-height:6vh;}
section#modal .account-info ul:nth-last-of-type(1) li{width:100%;height:auto;}

/* 연결 기기 */
/* 모달 높이는 내용에 맞춰 확장(max 88%), 넘칠 때 온도값 ul(mailbean-main/500)만 스크롤 */
section#modal .submac-info{height:auto;max-height:88%;min-height:40%;}
section#modal .submac-info form{padding:3vh 0;width:90%;margin-bottom:8vh;position:relative;top:auto;left:auto;transform:translate(0);display:flex;flex-direction:column;overflow:hidden;height:auto;max-height:72vh;}
section#modal .submac-info form ul{height:7vh;}
section#modal .submac-info form>ul{flex:0 0 auto;}
section#modal .submac-info ul.mailbean-main,section#modal .submac-info ul.mailbean-500{flex:1 1 auto;min-height:0;height:auto;overflow-x:hidden;overflow-y:auto;padding-right:.5vw;}
section#modal .submac-info h4{width:100%;margin-bottom:1vh;}
section#modal .submac-info li{position:relative;height:6vh;width:31%;margin:0 1%;}
section#modal .submac-info li p,section#modal .submac-info li dl{width:100%;}
section#modal .submac-info ul:nth-of-type(2){height:auto;border:none;}
section#modal .submac-info ul:nth-of-type(2) li:nth-of-type(1) h4{width:auto;line-height:6vh;margin:0;margin-right:.5vw;}
/*section#modal .submac-info ul:nth-of-type(3) li{width:23%;float:left;margin:1%;}
section#modal .submac-info ul:nth-of-type(3) li .input-group{width:100%;}*/
section#modal .submac-info ul:nth-of-type(n+3) li .input-group{width:100%;}
section#modal .submac-info ul.mailbean-main li{width:23%;float:left;margin:1%;}
section#modal .submac-info ul.mailbean-500 li{float:left;margin:1%;}
section#modal .submac-info li .toggle{width:3vw;line-height:6vh;}
 
/* 주문 목록 다운로드 모달 */
section#modal .cms-order-download{width:35%;height:35%;padding:1%;}
section#modal .cms-order-download form{height:auto;overflow:visible;text-align:center;}
section#modal .cms-order-download ul li{display:inline-block;margin:0 1%;width:28%;text-align:center;height:5vh;line-height:5vh;vertical-align:bottom;font-size:.7vw;}
section#modal .cms-order-download ul li:nth-of-type(1){width:30%;position:relative;height:6vh;line-height:inherit;text-align:left;}
section#modal .cms-order-download ul li:nth-of-type(1) dl{left:0;top:2vh;width:100%;}
 
/* 송장번호 등록 모달 */
section#modal .invoice-apply{width:40%;}
section#modal .invoice-apply form{height:75%;padding:0 5%;}
section#modal .invoice-apply .selected-pro{width:55%;margin:0;display:inline-block;height:100%;vertical-align:top;float:none;overflow:hidden;}
section#modal .invoice-apply .selected-pro>h4{height:3vh;line-height:3vh;margin:0;}
section#modal .invoice-apply .selected-pro .pro-list{height:93%;border:1px solid var(--lightgray);border-radius:1vmin;display:block;overflow:hidden;text-align:center;line-height:3.5vh;}
section#modal .invoice-apply .selected-pro .pro-list thead{background:var(--lightgray);display:block;height:3.5vh;}
section#modal .invoice-apply .selected-pro .pro-list tbody{display:block;height:93%;overflow:hidden;overflow-y:auto;}
section#modal .invoice-apply .selected-pro .pro-list tr{display:inline-block;width:100%;border-bottom:1px solid var(--lightgray);}
section#modal .invoice-apply .selected-pro .pro-list td{display:block;float:left;}
section#modal .invoice-apply .selected-pro .pro-list td.name{width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
section#modal .invoice-apply .selected-pro .pro-list td.unit, section#modal .invoice-apply .selected-pro .pro-list td.count{width:15%;}
section#modal .invoice-apply .selected-pro .pro-list td.price{width:30%;}
section#modal .invoice-apply .del-select{width:40%;margin:0;display:inline-block;height:100%;padding-top:3vh;text-align:center;float:right;}
section#modal .invoice-apply .del-select li{position:relative;width:100%;height:7vh;margin:0 0 2vh;}
section#modal .invoice-apply .del-select h4{width:100%;height:3vh;line-height:3vh;text-align:left;}
section#modal .invoice-apply .del-select dl{top:3vh;left:0;line-height:1;width:100%;}
section#modal .invoice-apply .del-select p{width:100%;}
 
/* 교환/반품 처리 모달 */
section#modal .change-refund-apply{width:40%;}
section#modal .change-refund-apply form{height:75%;padding:0 5%;}
section#modal .change-refund-apply .selected-pro{width:55%;margin:0;display:inline-block;height:100%;vertical-align:top;float:none;overflow:hidden;}
section#modal .change-refund-apply .selected-pro>h4{height:3vh;line-height:3vh;margin:0;}
section#modal .change-refund-apply .selected-pro .pro-list{height:93%;border:1px solid var(--lightgray);border-radius:1vmin;display:block;overflow:hidden;text-align:center;line-height:3.5vh;}
section#modal .change-refund-apply .selected-pro .pro-list thead{background:var(--lightgray);display:block;height:3.5vh;}
section#modal .change-refund-apply .selected-pro .pro-list tbody{display:block;height:93%;overflow:hidden;overflow-y:auto;}
section#modal .change-refund-apply .selected-pro .pro-list tr{display:inline-block;width:100%;border-bottom:1px solid var(--lightgray);}
section#modal .change-refund-apply .selected-pro .pro-list td{display:block;float:left;}
section#modal .change-refund-apply .selected-pro .pro-list td.name{width:40%;}
section#modal .change-refund-apply .selected-pro .pro-list td.unit, section#modal .change-refund-apply .selected-pro .pro-list td.count{width:15%;}
section#modal .change-refund-apply .selected-pro .pro-list td.price{width:30%}
section#modal .change-refund-apply .request-way{width:40%;margin:0;display:inline-block;height:100%;padding-top:3vh;float:right;}
section#modal .change-refund-apply .request-way ul{height:auto;}
section#modal .change-refund-apply .request-way ul:nth-of-type(n+1):nth-of-type(-n+2) li{width:100%;height:3vh;line-height:3vh;position:relative;}
section#modal .change-refund-apply .request-way ul:nth-of-type(n+1):nth-of-type(-n+2) h4{display:inline-block;width:auto;}
section#modal .change-refund-apply .request-way ul:nth-of-type(n+1):nth-of-type(-n+2) p{border:1px solid var(--lightgray);border-radius:1vmin;width:70%;height:3vh;line-height:3vh;text-align:center;}
section#modal .change-refund-apply .request-way ul:nth-of-type(n+1):nth-of-type(-n+2) dl{top:0;right:0;width:70%;line-height:1;}
section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li{width:100%;text-align:right;padding-right:.5vw;margin:.8vh 0;}
section#modal .change-refund-apply .request-way ul:nth-last-of-type(1)>h4{height:5vh;line-height:5vh;text-align:left;border-bottom:3px solid var(--lightgray);margin:0;}
section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-of-type(1){height:5vh;line-height:5vh;border-bottom:1px solid var(--lightgray);margin-top:0;text-align:left;}
section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-of-type(1) h4{width:auto;}
section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-of-type(1) p{width:65%;text-align:right;float:right;}
section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-last-of-type(1){background:var(--lightbg);height:4vh;line-height:4vh;border-radius:1vmin;}
section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-last-of-type(1) #cms-refund-price{font-size:1.5vmin;}
 
/* 주문 취소 모달 */
section#modal .order-cancle{width:35%;height:35%;padding:4%;}
section#modal .order-cancle h2{font-size:1.5vw;}
section#modal .order-cancle p{text-align:center;font-size:1vw;color:var(--darkgray);}
section#modal .order-cancle .bt-wrap{width:100%;bottom:3vh;}
 
/* 요청 거부 확인 모달 */
section#modal .deny-apply{width:35%;height:35%;padding:4%;}
section#modal .deny-apply h2{font-size:1.5vw;}
section#modal .deny-apply p{text-align:center;font-size:1vw;color:var(--darkgray);}
section#modal .deny-apply .bt-wrap{width:100%;bottom:3vh;}
 
/* 교환/반품 완료 확인 모달 */
section#modal .change-refund-check{width:35%;height:35%;padding:4%;}
section#modal .change-refund-check h2{font-size:1.5vw;}
section#modal .change-refund-check p{text-align:center;font-size:1vw;color:var(--darkgray);}
section#modal .change-refund-check .bt-wrap{width:100%;bottom:3vh;}

/* 삭제 모달 */
section#modal .md-delete{width:35%;height:35%;padding:4%;}
section#modal .md-delete h2{font-size:1.5vw;}
section#modal .md-delete p{text-align:center;font-size:1vw;color:var(--darkgray);}
section#modal .md-delete .bt-wrap{width:100%;bottom:3vh;}



/** 반응형 **/
@media only screen and (max-width:1024px){
    
    *::-webkit-scrollbar{width:1vmin;background:var(--lightbg);border-radius:1vmin;}
    body{font-size:1.8vh;color:#000;}
    .wrap{width:100vw;}
    section{height:92%;overflow:hidden;overflow-y:auto;}
    article{border-radius:2vmin;box-shadow:var(--lightboxmb);}
    button{font-size:1.7vh;border-radius:2vmin;}
    .icon i{font-size:2vh;}
    a[href^=tel]{color:inherit;text-decoration:none;}

    h1{font-size:4vh;}
    h2{font-size:3vh;border-radius:2vmin 2vmin 0 0;}
    h3{font-size:2.5vh;}
    h4{font-size:2vh;}
    p{font-size:1.8vh;}
    blockquote{font-size:1.8vh;padding:.5%;}
    pre{border-radius:2vmin;font-size:1.8vh;padding:.5%;text-overflow:ellipsis;word-break:break-word;overflow:hidden;white-space:pre-wrap;}
    
    .popover{z-index:9999;max-width:100% !important;font-size:1.8vh;}
    .bs-popover-bottom{top:0 !important;}
    .bs-popover-top{left:20vw !important;right:50vw !important;}

    dl{border-radius:2vmin;line-height:4vh;}
dl::-webkit-scrollbar{width:.5vh;}
    .long-select{max-height:30vh;}
    dt{line-height:5vh;font-size:2vh;}
    dt .icon{margin:0 1vh;line-height:5vh;}
    dt span{padding:0 2vw;line-height:5vh;font-size:1.8vh;}
    dl dd{font-size:1.8vh;line-height:5vh;}

    input{border-radius:2vmin;font-size:1.8vh;}
    input[type=password]{height:5vh;line-height:5vh;}
    input[type=radio]{width:2.5vh;height:2.5vh;margin-right:2vw;}
    #modal input[type=radio],#modal #brew-wash,#modal .made-method input{border:none;background:var(--lightgray);width:3vh;height:3vh;border-radius:3vh;margin-right:1vh;}
    #modal input[type=radio]:checked,#modal #brew-wash:checked,#modal .made-method input:checked{border:.8vh solid #000;background:#fff;width:3vh;height:3vh;}
    input[type=radio]:checked{border:.8vh solid var(--lightpoint);}
    input[type=tel]{border-radius:2vmin;}
    input[type=tel],input[type=text],input[type=number]{height:5vh;border-radius:2vmin;}
    .file-upload{border-radius:3vw;}
    .toggle{line-height:4vh;width:9vh;}
    .toggle input{height:4vh;border-radius:2.5vh;}
    .toggle input::before{width:4vh;height:4vh;}
    .toggle input:checked::before{left:5vh;}
    textarea{border-radius:2vmin;font-size:1.8vh;padding:1vh;}

    .filter{padding-bottom:1vh;margin-bottom:2.5vh;font-size:1.8vh;}
    .filter ol{width:95%;height:7vh;margin:3vh auto;}
    .filter ol:nth-of-type(1){height:5vh;}
    .date input[type=date]{height:5vh;font-size:1.8vh;}
    .date input[type=date]:nth-of-type(1){border-radius:2vmin 0 0 2vmin;}
    .date input[type=date]:nth-of-type(2){border-radius:0 2vmin 2vmin 0;}
    .filter,.list{float:none;width:100%;}
    .filter ol:nth-of-type(n+2) li{margin-right:2vw;}
    .filter ol li input[type=text]{height:5vh;}
    .filter-search,.filter-reset{width:calc(14% - 4vw);margin-left:2vw;height:5vh;border-radius:2vmin;}
    .filter-search i,.filter-reset i{height:5vh;line-height:5vh;font-size:4vw;}
    .filter .toggle{width:9vh;}
    .filter dl{width:70%;right:2.5%;}
    .filter dl span{width:100%;padding:0 10%;}
    .phone li{width:100%;height:5vh;}

    .list{font-size:2.2vh;}
    .list h3{font-size:2.5vh;position:relative;}
    .list form{overflow:hidden;}
    .list form table{width:100%;}
    section#sales .sales-list table,section#cms .products-wrap .pro-list table{display:block;}
    .list form table thead{display:none;}
    #sales-list form table tbody,section#cms .products-wrap .pro-list table tbody{display:block;}
    .list form table tbody tr{font-size:1.8vh;}
    .list form table tbody td div{border-radius:2vmin;}
    .list form table tbody button{width:80%;height:5vh;line-height:5vh;}
    .list tfoot td{display:inline-block;width:100%;margin-top:1vh;margin:2vh 0;}

    .input-group{max-width:100%;border-radius:2vmin;height:5vh;line-height:5vh;}
    .input-group .form-control{font-size:1.8vh}
    .input-group-text{font-size:1.8vh;height:5vh;line-height:5vh;}
    .count .input-group{height:3.5vh;width:90%;}
    .count .input-group .input-group-text{height:3.5vh;line-height:3.5vh;}
    .count .input-group .input-group-text i{font-size:1.8vh;line-height:3.5vh;}
    .count .input-group input{font-size:1.8vh;height:3.5vh;}

    section article .bt-wrap{width:100%;margin:1vh auto;display:flex;padding-top:1.5vh;padding:0 2.5%;align-items:center;}
    section article .bt-wrap button{height:5vh;border-radius:2vmin;margin:2% 2%;flex:1;}
    section article .bt-wrap button:active{margin:2% 2%;}
    .close-bt{right:2vw;top:2vh;font-size:6vh;width:6vh;height:6vh;line-height:6vh;}
    .close-popup{right:2vw;top:2vh;font-size:6vh;width:6vh;height:6vh;line-height:6vh;z-index:9999;}
    .save-set{width:30%;border-radius:2vmin;line-height:4.5vh;top:3.5vw;right:3vw;}
    .list .add{padding-top:0;display:inline-block;width:85vw;text-align:center;font-size:1.8vh;}
    .list .add div{width:50%;height:5vh;margin-left:0;line-height:5vh;float:none;margin:0 auto;border-radius:2vmin;}
    .list .add div i{margin-right:2vw;line-height:5vh;}
    .list .excel{display:none;}
    .e-up,.e-down{display:none;}
    .page-wrap{text-align:center;width:100%;display:inline-block;padding:0;}
    .pagination{margin:0 auto;display:block;}
    .page-bt,.next,.prev{width:4.5vh;height:4.5vh;line-height:4.5vh;border:1px solid var(--lightgray);border-radius:2vmin;margin:0 1vw;vertical-align:middle;}
    
    
    /** 로그인 **/
    section#login article{width:100%;height:100%;border-radius:0;padding:5%;position:fixed;}
    section#login article h1{font-size:5vmin;width:80%;height:15vh;line-height:15vh;text-align:center;position:relative;}
    section#login article h1 span{display:block;width:100%;height:7vh;position:absolute;bottom:0;line-height:7vh;}
    section#login article h1 .login-logo{float:none;height:8vh;width:75%;vertical-align:top;margin:0 auto;}
    section#login article form{margin:2vh auto 1vh;height:42vh;padding:1vh 0;background:#fff;border-radius:3vmin}
    section#login article form ul li{margin:1vh 0;height:10vh;line-height:10vh;}
section#login article form ul li #pass-show{height:4vh;width:4vh;margin-bottom:.5vh;}
    section#login article form ul li.save-check{font-size:3vmin;height:2vh;}
    section#login article form ul li.save-check input{width:2vh;height:2vh;border-radius:.5vh;margin-right:1vh;}
    section#login article form ul li label{width:100%;display:block;height:5vh;line-height:5vh;font-size:3vmin;}
    section#login article form ul li label i{display:none;}
    section#login article form ul li label span{margin-left:1vw;height:4vh;}
    section#login article form ul li input{width:100%;height:5vh;border-radius:2vmin;padding:0 2.5vw;font-size:3vmin;}
    section#login article form button{height:7vh;margin:3vh auto;font-size:4vmin;border-radius:2.5vmin}
    section#login article p{font-size:2vmin;}
    

    /** 로딩 **/
    #loading-bar{height:30vh;width:30vh;border:8px solid transparent;border-color:transparent #fff transparent #fff;}
    #loading-text{font-size:3vh;}

    
    /** 원격조정 **/
    body .main-wrap>.remote{width:100%;position:fixed;right:-100%;}
    body .main-wrap>.remote .remote{width:100%;height:10vh;padding:0;}
    body .main-wrap>.remote .remote .icon:nth-of-type(1){height:10vh;width:20vw;position:absolute;top:0;left:0;line-height:10vh;}
    body .main-wrap>.remote .remote .icon i{margin:0;height:10vh;font-size:6vh;line-height:10vh;}
    body .main-wrap>.remote .remote .icon:nth-of-type(1) i{font-size:5vh;}
    body .main-wrap>.remote .remote p{line-height:10vh;height:10vh;font-size:4vh;}
    body .main-wrap>.remote .remote .remote-close{display:inline-block;position:absolute;top:0;right:0;width:20vw;height:10vh;line-height:10vh;}
    body .main-wrap>.remote .mac-list{line-height:5vh;}
    body .main-wrap>.remote .mac-list dt{height:5vh;line-height:5vh;}
    body .main-wrap>.remote .mac-list dt span{text-align:center;width:100%;height:5vh;line-height:5vh;}
    body .main-wrap>.remote .mac-list dd{height:5vh;line-height:5vh;}
    body .main-wrap>.remote ul{width:90%;margin:12vh auto 0;}
    body .main-wrap>.remote ul li{width:45%;height:15vh;margin:0 2% 5%;display:inline-block;}
    body .main-wrap>.remote ul li .icon{height:8vh;line-height:8vh;margin:5% 0;}
    body .main-wrap>.remote ul li .icon i{font-size:5vh;}
    body .main-wrap>.remote ul li p{font-size:2vh}


    /** 내비게이션 **/
    nav{width:100%;position:fixed;top:0;left:-100%;z-index:9999;-webkit-box-shadow:none;box-shadow:none;}
    nav:hover{width:100%;}
    nav .nav-pin{display:none;}
    nav:hover .nav-pin{display:none;}
    nav.mb .logo-wrap{width:100%;height:10vh;}
    nav.mb .logo-wrap .logo{background:var(--main) url(../img/hunik.png)no-repeat 50% 50%;background-size:30%;}
    nav:hover .logo{background:var(--main) url(../img/hunik.png)no-repeat 50% 50%;background-size:30%;}
    nav.mb{left:0;}
    nav .header-select{width:100%;height:auto;display:inline-block;text-align:center;position:relative;vertical-align:top;padding:.5vh 0;}
    nav .header-select .now-shop-name,nav .header-select .login-account{display:inline-block;vertical-align:middle;text-align:left;line-height:4vh;height:auto;width:95%;margin:.5vh 2.5%;font-size:0;position:relative;}
    nav .header-select .now-shop-name>div,nav .header-select .login-account>div{border:1px solid var(--lightgray);height:5vh;line-height:5vh;width:100%;border-radius:2vmin;}
    nav .header-select .now-shop-name>div .icon,nav .header-select .login-account>div .icon{width:10%;display:inline-block;margin:0 1%;vertical-align:top;}
    nav .header-select .now-shop-name>div span,nav .header-select .login-account>div span{width:88%;display:inline-block;font-size:1.9vh;line-height:5vh;text-align:center;padding-right:5%;}
    nav .header-select .now-shop-name #shop-disconnect{width:7vh;height:5vh;background:var(--lightpoint);color:#fff;line-height:5vh;position:absolute;right:0;top:0;border-radius:0 2vmin 2vmin 0;display:none;}
/*
    nav .header-select dl{display:inline-block;vertical-align:middle;text-align:left;line-height:4vh;height:auto;position:absolute;}
    nav .header-select dl span{width:100%;padding:0 5vw;}
    nav .header-select dl .icon:nth-of-type(1){float:left;}
    nav .header-select dl .icon i{font-size:2vh;line-height:4vh;height:4vh;}
*/
/*    nav .header-select .lang{width:38%;left:2vw;}*/
    nav .header-select .shop-list{width:95%;right:2.5vw;}
    nav ul{width:100%;height:77%;}
    nav ul>li{vertical-align:top;}
    nav ul li .icon{width:10vh;height:10vh;float:left;}
    nav ul li div:nth-of-type(2){width:15vw;height:10vh;line-height:10vh;float:right;}
    nav ul li div:nth-of-type(2) i{font-size:2vh;}
    nav .icon i{font-size:3vh;}
    nav .nav-close{width:15vw;height:10vh;right:0;}
    nav .nav-close i{font-size:5vh;width:100%;height:100%;line-height:10vh;}
    nav ul li p{width:50%;height:6vh;font-size:2.5vh;line-height:6vh;float:left;padding-left:5%;}
    nav ul li p span{font-size:1.5vh;height:3vh;}
    nav ol li{width:100%;height:5vh;color:#000;font-size:2vh;line-height:5vh;}
    nav ol li .icon{height:5vh;width:20vw;line-height:5vh;}
    nav ol li .icon i{font-size:3.5vmin;}
    body nav:hover ~ .wrap{width:100vw;}


    /** 헤더 **/
    header{height:8vh;box-shadow:0 0 1.5vh .5vh rgba(0,0,0,.2);}
    header .mb-nav{width:8vh;height:100%;display:inline-block;vertical-align:middle;line-height:8vh;float:left;padding:0;}
    header .mb-nav i{width:100%;height:100%;font-size:3.5vh;text-align:center;color:var(--darkgray);line-height:8vh;}
    header .title{line-height:8vh;}
    header .now-shop-name, header .login-account{display:none;}
    header>div{width:8vh;height:8vh;display:inline-block;}
    header>div .icon i{font-size:3vh;height:4vh;line-height:4vh;}
    header>div p{font-size:1.3vh;margin:0;}
    header .bell .noti-count{width:30%;height:30%;top:30%;left:55%;font-size:1.4vh;}
 
 
    /** 서버 이용료 팝업 **/
    #server-fee-popup{top:8vh;}
    #server-fee-popup>div{padding:1vh 2vh;}
    #server-fee-popup>div>div{grid-template-columns:95% 5%;}
    #server-fee-popup>div h4{font-size:2.5vh;}
    #server-fee-popup>div>div>p{margin:0;grid-row:2;grid-column:span 2;word-break:keep-all;}
    #server-fee-popup i{font-size:3vh;text-align:right;grid-row:1;grid-column:2;}
    
    
    /** 대시보드 **/
    section#dashboard article{float:none;margin:2.5vh auto;padding:5vmin;display:none;}
    section#dashboard .sales-list{width:99%;height:35vh;overflow:visible;margin:2.5vh .5%;padding:0;display:block;}
    section#dashboard .sales-list>div{box-shadow:var(--lightboxmb);width:46%;height:45%;border-radius:2vmin;margin:2%;}
    section#dashboard .sales-list>div:nth-child(1){margin-left:2%;}
    section#dashboard .sales-list>div span{vertical-align:bottom;}

    section#dashboard .now-stock{width:95%;height:auto;margin:0 2.5% 2.5vh;display:none;}
    section#dashboard .now-stock h2{width:70%;margin:.5vh 0 4vh;}
    section#dashboard .now-stock .mac-list{width:44%;border-radius:2vmin;}
    section#dashboard .now-stock .mac-list dt span{width:100%;padding-right:16%;}
    section#dashboard .now-stock .mac-list dd{line-height:5vh;}
    section#dashboard .now-stock .all-refill{border-radius:2vmin;line-height:5vh;font-size:2vh;width:44%;}
    section#dashboard .now-stock ul{width:100%;margin:12vh auto 0;}
    section#dashboard .now-stock ul li{height:8vmin;}
    section#dashboard .now-stock ul li label{width:25%;line-height:7vmin;margin:0;font-size:3vmin;}
    section#dashboard .now-stock ul li .bar{width:60%;height:7vmin;border-radius:10vmin;vertical-align:middle;}
    section#dashboard .now-stock ul li .bar .now-bar{border-radius:10vmin;}
    section#dashboard .now-stock ul li .per{line-height:7vmin;left:3%;font-size:2.5vmin;}
    section#dashboard .now-stock ul li button{width:7vmin;height:7vmin;border-radius:8vmin;line-height:7vmin;}
    section#dashboard .now-stock ul li button i{line-height:7vmin;font-size:3.5vmin;}

    section#dashboard .shop-sales-graph{display:block;width:95%;height:auto;max-height:80vh;background:#fff;float:right;margin:0 2% 2.5vh;padding:1% 2%;}
    section#dashboard .shop-sales-graph h2{width:100%;margin:.5vh 0 1vh;}
    section#dashboard .shop-sales-graph form.filter ol{width:100%;display:flex;justify-content:space-between;margin:0;}
    section#dashboard .shop-sales-graph form.filter li{position:relative;}
    section#dashboard .shop-sales-graph form.filter li:nth-of-type(n+3){width:13%;}
    section#dashboard .shop-sales-graph form.filter ol dl{width:100%;line-height:3.5vh;}
    section#dashboard .shop-sales-graph form.filter ol input#sales-calendar{border-radius:2vmin;}
    section#dashboard .shop-sales-graph #shop-sales-graph{margin:0 auto;height:60vh;overflow:hidden;overflow-y:auto;}
    section#dashboard .shop-sales-graph ul{width:100%;margin:1vh auto 0;height:85%;position:relative;}
    section#dashboard .shop-sales-graph ul li{height:8vmin;}
    section#dashboard .shop-sales-graph ul li label{width:35%;line-height:7vmin;margin:0;font-size:3vmin;}
    section#dashboard .shop-sales-graph ul li .bar{width:60%;height:7vmin;border-radius:10vmin;vertical-align:middle;}
    section#dashboard .shop-sales-graph ul li .bar .now-bar{border-radius:10vmin;}
    section#dashboard .shop-sales-graph ul li .per{line-height:7vmin;left:3%;font-size:2.5vmin;}

    section#dashboard .sales-graph-wrap{display:block;width:95%;height:auto;margin:0 2%;float:left;}
    section#dashboard .sales-graph-wrap h2{margin:2vh 0;}
    section#dashboard .sales-graph-wrap article{width:100%;height:35vh;padding:1% 2%;display:block;margin:0 0 2.5vh;}
    section#dashboard .sales-graph-wrap article dl{width:25%;position:absolute;top:4.5%;right:2.5%;text-align:center;}
    section#dashboard .sales-graph-wrap article dl span{width:100%;padding:0 5vw 0 0;}

    section#dashboard .notice-error-wrap{width:95%;height:auto;margin:0 2% 2.5vh;margin-top:0;float:left;display:block;}
    section#dashboard .notice-error-wrap article{width:100%;height:auto;padding:1% 2%;padding-bottom:1vh;min-height:49vh;display:block;margin:0 0 2.5vh;}

    section#dashboard .notice-error-wrap .notice form, section#dashboard .notice table{display:block;}
    section#dashboard .notice-error-wrap .notice thead{display:none;}
    section#dashboard .notice-error-wrap .notice tbody{display:block;}
    section#dashboard .notice-error-wrap .notice tbody tr{height:8vh;display:block;}
    section#dashboard .notice-error-wrap .notice td{width:10%;float:left;height:8vh;line-height:8vh;}
    section#dashboard .notice-error-wrap .notice .title{width:60%;height:4vh;line-height:4vh;}
    section#dashboard .notice-error-wrap .notice .date{width:60%;text-align:left;height:4vh;line-height:4vh;}
    section#dashboard .notice-error-wrap .notice .sort{width:30%;}
    section#dashboard .notice-error-wrap .notice .sort div{width:70%;height:4vh;line-height:4vh;vertical-align:middle;display:inline-block;}

    section#dashboard .notice-error-wrap .error-list h4{position:absolute;top:2vh;right:2vh;}
    section#dashboard .notice-error-wrap .error-list ul{width:100%;height:auto;display:flex;flex-wrap:wrap;align-content:space-around;align-items:center;}
    section#dashboard .notice-error-wrap .error-list ul li{width:28.5%;height:12vh;margin:1vh;border-radius:2.5vmin;}
    section#dashboard .notice-error-wrap .error-list ul li div p{font-size:2.2vh;height:2.2vh;line-height:2.2vh;}
    section#dashboard .notice-error-wrap .error-list ul li div p i{height:2.2vh;line-height:2.2vh;}
    section#dashboard .notice-error-wrap .error-list ul li .error-name{word-break:keep-all;width:90%;}


    
    /** 매출 **/
    section#sales .wrap{height:auto;padding:0;margin:2.5vh auto;overflow:visible;width:95%;font-size:1.8vh;}
    section#sales .sales-filter{height:auto;margin-bottom:2.5vh;}
    section#sales .sales-filter input{font-size:1.8vh;}

    section#sales .stats{height:auto;padding-bottom:1%;}
    section#sales .stats table{width:90%;font-size:1.8vh;}
    section#sales .stats table tr{margin:1vh 0;display:block;}
    section#sales .stats table tr td{width:100%;display:block;}
    section#sales .stats table tr td:nth-of-type(2){text-align:left;}

    section#sales .sales-list{height:auto;padding:5%;margin:2.5vh auto;width:95%;}
    section#sales .sales-list thead{display:none;}
    section#sales .sales-list tbody{width:100%;}
    section#sales .sales-list tbody tr{width:100%;height:10vh;font-size:1.8vh;line-height:5vh;display:block;position:relative;}
    section#sales .sales-list tbody tr td{float:left;}
    section#sales .sales-list tbody tr td.no,section#sales .sales-list tbody tr td.machine,section#sales .sales-list tbody tr td.refund,section#sales .sales-list tbody tr td.delete{display:none;}
    section#sales .sales-list .sales-case tbody tr td.date{width:55%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:5vh;line-height:5vh;}
    section#sales .sales-list .sales-case tbody tr td.goods{width:70%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:left;}
    section#sales .sales-list .sales-case tbody tr td.goods span{padding:0 .5vh;margin-left:1vh;}
    section#sales .sales-list .sales-case tbody tr td.price{width:30%;text-align:right;height:5vh;line-height:5vh;float:right;}
    section#sales .sales-list tbody tr td.payment,section#sales .sales-list tbody tr td.state{width:22%;text-align:right;height:5vh;position:absolute;top:0;right:0;line-height:5vh;}
    section#sales .sales-list tbody tr td.payment{right:22%;}
    section#sales .sales-list tbody tr td.payment div,section#sales .sales-list tbody tr td.state div{width:95%;text-align:center;height:4.5vh;border-radius:2vmin;line-height:4.5vh;vertical-align:middle;display:inline-block;}

    section#sales .sales-list .sales-goods ul li{width:100%;height:15vh;border-radius:3vw;margin:0 0 3vw;}
    section#sales .sales-list .sales-goods ul .image{width:35%;}
    section#sales .sales-list .sales-goods ul p{height:5vh;line-height:5vh;padding-left:3%;margin:0;}
    section#sales .sales-list .sales-goods>div{display:none;}

    section#sales .sales-list .sales-day thead{display:block;font-size:1.8vh;height:5vh;line-height:5vh;}
    section#sales .sales-list .sales-day thead tr{width:100%;display:block;}
    section#sales .sales-list .sales-day tbody tr{height:5vh;}
    section#sales .sales-list .sales-day thead tr td,section#sales .sales-list .sales-day tbody tr td{width:40%;float:left;}
    section#sales .sales-list .sales-day tr td.count{width:20%;}
    section#sales .sales-list .sales-day tr td.day{display:none;}

    section#sales .sales-list .sales-month thead{display:block;font-size:1.8vh;height:5vh;line-height:5vh;}
    section#sales .sales-list .sales-month thead tr{width:100%;display:block;}
    section#sales .sales-list .sales-month tbody tr{height:5vh;line-height:5vh;}
    section#sales .sales-list .sales-month thead tr td,section#sales .sales-list .sales-month tbody tr td{width:40%;float:left;}
    section#sales .sales-list .sales-month tr td.count{width:20%;}
    section#sales .sales-list tfoot tr .page-wrap{text-align:center;}
    
    
    /** 기기 관리 **/
    /* 재고 설정 */
    section#machine-set .stock-wrap{height:100%;padding:2.5vh 2.5%;}
    section#machine-set .stock-wrap .now-stock{display:none;}

    section#machine-set .stock-wrap .stock-sort-notice{width:100%;margin:0;}
    section#machine-set .stock-wrap .stock-set{height:100%;margin:0 auto;float:none;padding:5vw 3vw;}
    section#machine-set .stock-wrap .stock-set h2{margin:0 auto 2vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap{width:100%;height:calc(100% - 5vh);}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div h3{width:100%;float:none;margin-bottom:5vw;font-size:2.5vh}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div h4{font-size:2vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul{width:100%;float:none;display:block;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li .input-group,#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li input{width:95%;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li .input-group .form-control{width:80%;height:5vh;line-height:5vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li .input-group .input-group-text{width:20%;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li{width:50%;float:left;margin:0;height:10vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul{height:auto;margin-bottom:2vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li{float:none;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(1) ul li:nth-of-type(3n+1){width:50%;height:5vh;line-height:5vh;margin:2vh 0;display:block;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(1){height:5vh;width:50%;line-height:5vh;margin-bottom:2vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(1) div{width:95%;border-radius:2vmin;font-size:1.8vh;height:5vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(2){width:40%;height:5vh;vertical-align:bottom;line-height:5vh;margin-bottom:2vh;margin-left:1vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(2) h4{line-height:5vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-of-type(n+2) ul li:nth-of-type(2) p{line-height:5vh;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div:nth-last-of-type(1) ul{margin-bottom:0;}
    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li .input-group span{font-size:1.8vh;}

    section#machine-set .stock-wrap .stock-set .stock-set-wrap>div ul li input{font-size:1.8vh;}
    section#machine-set .stock-wrap .stock-notice{display:none;}

    /* 화면 설정 */
    section#machine-set .machine-set-display{width:95%;height:calc(100% - 5vh);margin:2.5vh 2.5%;padding:2%;}
    section#machine-set .machine-set-display h2{margin:1vh auto 2vh;}
    section#machine-set .machine-set-display .display-set-wrap{width:100%;height:93%;margin:0;padding-right:2vw;overflow:hidden;overflow-y:auto;}
    section#machine-set .machine-set-display .display-set-wrap>div{width:100%;height:auto;float:none;}
    section#machine-set .machine-set-display .display-set>div{margin-bottom:4vh;}
    section#machine-set .machine-set-display .display-set .sound-set .icon{width:3vh;height:3vh;margin-left:.5vh;}
    section#machine-set .machine-set-display .display-set ul li{margin-right:1vh;line-height:4vh;}
    section#machine-set .machine-set-display .display-set h4{margin-right:2vh;}
    section#machine-set .machine-set-display .display-set ul{height:auto;}
    section#machine-set .machine-set-display .display-set ul>li{margin-right:1vh;margin:1vh 0;}
    section#machine-set .machine-set-display .display-set ul>li ol{height:4vh;line-height:4vh;}
    section#machine-set .machine-set-display .display-set ul>li .tag-sort input{width:2.5vh;height:2.5vh;border-radius:2.5vh;margin-right:1vh;}
    section#machine-set .machine-set-display .display-set ul>li .tag-sort input:checked{border:.8vh solid var(--lightpoint);background:#fff;width:2.5vh;height:2.5vh;}
    section#machine-set .machine-set-display .display-set-wrap .image-set{width:100%;float:none;padding:0;margin-bottom:2vh;}
    section#machine-set .machine-set-display .display-set-wrap .image-set>div{margin:3vh 0;}
    section#machine-set .machine-set-display .display-set-wrap .image-set div>p{font-size:1.6vh;margin:.5vh 0}
    section#machine-set .machine-set-display .display-set-wrap div .file-upload{width:100%;height:30vh;}
    section#machine-set .machine-set-display .display-set-wrap .image-set .file-delete input{width:3vh;height:3vh;border-radius:3vh;margin-right:1vh;}
    section#machine-set .machine-set-display .display-set-wrap .image-set .file-delete input:checked{border:1vh solid var(--lightpoint);background:#fff;width:3vh;height:3vh;}
    /* 좁은 화면에서 설명 문구가 줄바꿈되면 정렬이 어긋나므로 '파일 삭제'를 타이틀 오른쪽으로 이동 */
    section#machine-set .machine-set-display .display-set-wrap .image-set .shop-logo,
    section#machine-set .machine-set-display .display-set-wrap .image-set .shop-icon{position:relative;}
    section#machine-set .machine-set-display .display-set-wrap .image-set .shop-logo h3,
    section#machine-set .machine-set-display .display-set-wrap .image-set .shop-icon h3{min-height:3vh;line-height:3vh;}
    section#machine-set .machine-set-display .display-set-wrap .image-set .file-set-head{display:block;margin-bottom:0;}
    section#machine-set .machine-set-display .display-set-wrap .image-set .file-set-head p{margin:.5vh 0;}
    section#machine-set .machine-set-display .display-set-wrap .image-set .file-set-head p.file-delete{position:absolute;top:0;right:0;height:3vh;margin:0;display:flex;align-items:center;}

    /* 포트 설정 */
    section#machine-set .machine-set-port{height:calc(100% - 3vh);margin:1.5vh auto;padding:5vw 3vw;overflow:hidden;}
    section#machine-set .machine-set-port h2{margin:0 auto 2vh;}
    section#machine-set .machine-set-port .mac-list{width:calc(100% - 6vw);margin:0;}
    section#machine-set .machine-set-port .port-set-wrap{width:100%;margin-top:10vh;padding-right:2vw;height:calc(100% - 13vh);}
    section#machine-set .machine-set-port .port-set-wrap>div{height:auto;}
    section#machine-set .machine-set-port .port-set-wrap>div ul{margin-bottom:2vh;}
    section#machine-set .machine-set-port .port-set-wrap>div ul li{width:100%;height:10vh;margin-right:0;margin-bottom:2vh;}
    section#machine-set .machine-set-port .port-set-wrap>div h3{margin:0 0 2vh;}
    section#machine-set .machine-set-port .port-set-wrap .etc-machine ul li{width:100%;margin-right:0;}
    section#machine-set .machine-set-port .port-set-wrap .etc-machine ul li dl{width:100%;position:relative;margin-bottom:2vh;}
    section#machine-set .machine-set-port .port-set-wrap .remote-port ul li{margin:0;}
    
    
    /** 상품 **/
    section#goods-list .wrap{height:auto;padding:0;margin:2.5vh auto;overflow:visible;width:95%;font-size:1.8vh;}
    section#goods-list .goods-filter{height:auto;margin-bottom:2.5vh;}
    section#goods-list .goods-filter input{font-size:1.8vh;}
    section#goods-list .goods-filter ol:nth-of-type(2) h4{margin-right:3vw;line-height:5vh;}

    section#goods-list .category{height:auto;padding:2vw;}
    section#goods-list .category h2{margin:1vh;}
    section#goods-list .category form{padding-top:2vh;width:95%;margin:0 auto;}
    section#goods-list .category tbody,section#goods-list .category tfoot{display:block;}

    /* tr을 BFC로 만들어 float 셀이 행 밖으로 새지 않게 함 (전체메뉴/포인트의 빈 td 0-높이로 인한 계단식 어긋남 방지) */
    section#goods-list .category tbody tr{height:8vh;width:100%;line-height:8vh;display:flow-root;}
    section#goods-list .category tbody td{width:20%;float:left;height:8vh;}

    section#goods-list .category tbody .no{width:15%;}
    section#goods-list .category tbody .name{width:40%;word-break:break-all;line-height:8vh;}
    section#goods-list .category tbody .show{width:25%;}
    section#goods-list .category tbody .toggle{line-height:8vh;width:9vh;}
    section#goods-list .category tfoot tr{display:block;height:auto;line-height:5vh;}
    section#goods-list .category tfoot td{margin:1vh 0;}

    section#goods-list .goods-list{height:auto;margin:2.5vh auto;margin-right:2.5%;padding:2.5vw;width:95%;}
    section#goods-list .goods-list h2{margin:1vh;}
    section#goods-list .goods-list table{width:100%;margin-top:2vh;}
    section#goods-list .goods-list tbody,section#goods-list .goods-list tfoot{display:block;}
    section#goods-list .goods-list tbody tr{height:10vh;line-height:10vh;display:block;}
    section#goods-list .goods-list tbody tr td{float:left;}
    section#goods-list .goods-list tbody .show, section#goods-list .goods-list tbody .soldout{display:none;}
    section#goods-list .goods-list tbody tr td{width:10%;height:10vh;line-height:10vh;}
    section#goods-list .goods-list tbody tr .image{width:20%;height:10vh;line-height:10vh;}
    section#goods-list .goods-list tbody tr .goods{width:45%;height:5vh;line-height:5vh;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;}
    section#goods-list .goods-list tbody tr .price{width:25%;height:5vh;line-height:5vh;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:right;}
    section#goods-list .goods-list tbody tr .made,section#goods-list .goods-list tbody tr td.delete{width:35%;height:5vh;line-height:1;}
    section#goods-list .goods-list tbody tr .made button,section#goods-list .goods-list tbody tr td.delete button{height:3.5vh;line-height:3.5vh;}
    section#goods-list .goods-list tbody tr .image img{max-height:100%;display:inline-block;vertical-align:middle;}
    section#goods-list .goods-list tfoot td{display:inline-block;width:100%;}
    /* 상품 추가/제빙기 값 일괄 변경 버튼 동일 UI 통일: block+margin auto → 세로 스택·완전 동일 중앙 정렬 */
    section#goods-list .goods-list tfoot .add,
    section#goods-list .goods-list tfoot .ice-bulk{display:block;float:none;width:50%;height:5vh;line-height:5vh;font-size:1.8vh;text-align:center;padding:0;margin:1.2vh auto 0;border-radius:1vmin;white-space:normal;}
    /* 두 버튼(상품 추가/제빙기) 아이콘-텍스트 간격 + 세로 정렬 */
    section#goods-list .goods-list tfoot div i{margin-right:1.5vw;line-height:5vh;}
    section#goods-list .goods-list tfoot tr{display:block;height:auto;line-height:5vh;}
    section#goods-list .goods-list tfoot td{margin:1vh 0;}
    
    
    /** 물품 주문 **/
    /* 사업자 정보(footer) */
    section#shop footer{position:relative;padding:.5vh 0;}
    section#shop footer p{font-size:1.3vh;line-height:2.5vh;display:block;}
    section#shop footer p:nth-of-type(n+2):nth-of-type(-n+7){height:0;overflow:hidden;}
    section#shop footer p:nth-of-type(n+2):nth-of-type(-n+7)::after{content:"";}
    section#shop footer p:nth-last-of-type(1){margin-left:0;}
    section#shop footer #ft-name{margin-right:0;width:100%;font-size:1.8vh;line-height:4vh;}
    section#shop footer #ft-name i{display:inline-block;font-size:2vh;line-height:1;}
    section#shop footer #ft-number, section#shop footer #ft-terms{display:inline-block}
    section#shop footer #ft-terms span{line-height:1.3vh;}
 
    /* 이용약관 및 개인정보처리방침 */
    section#shop .terms-policy{padding:0;position:fixed;}
    section#shop .terms-policy article{padding:3%;border-radius:0;}
    section#shop .terms-policy article .close-bt{display:none;}
    section#shop .terms-policy article .terms{width:100%;height:85%;padding:0;}
    section#shop .terms-policy article ol{height:43%;border-radius:2vmin;padding:2% 5%;margin-bottom:3vh;}
    section#shop .terms-policy article p{white-space:pre-line;word-break:keep-all;}
    section#shop .terms-policy article ul{padding:0;padding-left:4%;}
    section#shop .terms-policy article ol>li{font-size:2vh;margin-bottom:.5vh;}
    section#shop .terms-policy article ul>li{font-size:1.8vh;}
    section#shop .terms-policy article ul>li p{padding-left:1vh;}
    
    /* 물품 목록 */
    section#shop .shop-products{height:auto;display: block;}
    section#shop .shop-products .wrap{width:100%;height:auto;}
    section#shop .shop-products .shop-pro-filter{height:auto;}
    section#shop .shop-products .shop-pro-filter ol:nth-of-type(2){line-height:5vh;}
    section#shop .shop-products .shop-pro-filter ol:nth-of-type(2) h4{margin-right:3vw;}
    section#shop .shop-products .shop-pro-filter ol dl{width:70%;max-height:30vh;overflow:hidden;}

    section#shop .shop-products .shop-cart{height:auto;}
    section#shop .shop-products .shop-cart:after{border-radius:2vmin;}
    section#shop .shop-products .shop-cart form{height:auto;padding:0;overflow:visible;min-height:30vh;}
    section#shop .shop-products .shop-cart form table{width:98%;margin:0 auto;}
    section#shop .shop-products .shop-cart form table tr{height:10vh;}
    section#shop .shop-products .shop-cart form table tr td{line-height:5vh;}
    section#shop .shop-products .shop-cart form table tr .name{width:70%;text-align:left;padding-left:3%;}
    section#shop .shop-products .shop-cart form table tr .unit{width:30%;}
    section#shop .shop-products .shop-cart form table tr .count{width:30%;}
    section#shop .shop-products .shop-cart form table tr .price{width:40%;}
    section#shop .shop-products .shop-cart form table tr .delete{width:30%;}
    section#shop .shop-products .shop-cart form table tr .delete button{width:70%;height:3.5vh;line-height:3.5vh;}
    section#shop .shop-products #cart-info{height:auto;text-align:center;}
    section#shop .shop-products #cart-info ul{text-align:left;margin-bottom:1vh;}
    section#shop .shop-products #cart-info ul .pro-price,#shop .shop-products #cart-info ul .vat-price{width:48%;}
    section#shop .shop-products #cart-info ul .del-price{height:7vh;}
    section#shop .shop-products #cart-info ul .del-price-info{width:100%;display:block;}
    section#shop .shop-products #cart-info ul .total-price{font-size:2.2vh;}
    section#shop .shop-products #cart-info button{width:35%;height:5vh;border-radius:1vmin;position:relative;display:inline-block;margin:0 5%;}
    section#shop .shop-products #cart-info #delete-all-cart{top:0;right:0;}
    section#shop .shop-products #cart-info #order-cart{bottom:0;right:0;}

    section#shop .shop-products .shop-pro-list{width:100%;padding:3%;height:auto;}
    section#shop .shop-products .shop-pro-list tbody tr{height:12vh;}
    section#shop .shop-products .shop-pro-list tbody td{/*line-height:4vh;*/height:4vh;float:left;}
    section#shop .shop-products .shop-pro-list tbody .no{width:10%;height:12vh;line-height:12vh;}
    section#shop .shop-products .shop-pro-list tbody .image{width:20%;height:12vh;line-height:12vh;}
    section#shop .shop-products .shop-pro-list tbody .image img{max-height:11vh;vertical-align:middle;display:inline-block;}
    section#shop .shop-products .shop-pro-list tbody .name{width:70%;text-align:left;padding-left:1%;}
    section#shop .shop-products .shop-pro-list tbody .sort{width:25%;text-align:left;padding-left:1%;}
    section#shop .shop-products .shop-pro-list tbody .unit{width:45%;}
    section#shop .shop-products .shop-pro-list tbody .price{width:70%;text-align:left;padding-left:1%;}
    section#shop .shop-products .shop-pro-list tfoot ul{justify-content:center;}
    
    /* 주문/결제 정보 */
    section#shop .shop-order-pay{overflow:hidden;position:fixed;top:0;z-index:999;padding:0;display:none;}
    section#shop .shop-order-pay h2{margin:2vh 0;}
    section#shop .shop-order-pay article{padding:3%;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;border-radius:0;}
    section#shop .shop-order-pay article form{height:85%;overflow:hidden;overflow-y:auto;padding-right:.5vh;}
    section#shop .shop-order-pay input[type=checkbox]{width:2.5vh;height:2.5vh;}
    section#shop .shop-order-pay input[type=checkbox]:checked{border-width:.8vh;}
    section#shop .shop-order-pay #shop-order-pay .del-order-wrap{width:100%;margin:0;height:auto;margin-bottom:2vh;}
    section#shop .shop-order-pay #shop-order-pay .info-type{margin-bottom:1.5vh;}
    section#shop .shop-order-pay #shop-order-pay .info-type h3{height:6vh;line-height:6vh;border-bottom:3px solid var(--lightgray);padding:0;}
    section#shop .shop-order-pay #shop-order-pay .info-type h4{margin-right:1vh;}
    section#shop .shop-order-pay #shop-order-pay #op-del-info #address-change{width:8vh;height:4vh;right:0;}
    section#shop .shop-order-pay #shop-order-pay #op-del-info ul li{line-height:5vh;padding:0 .5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(1) li{width:100%;}
    section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(2) li:nth-of-type(n+2){width:100%;}
    section#shop .shop-order-pay #shop-order-pay #op-del-info ul:nth-of-type(2) li:nth-of-type(n+4){line-height:4.5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-order-info table{border-radius:2vmin;}
    section#shop .shop-order-pay #shop-order-pay #op-order-info table thead{height:5vh;line-height:5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-order-info table tbody{height:35vh;}
    section#shop .shop-order-pay #shop-order-pay #op-order-info table tr{height:5vh;line-height:5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info{width:100%;margin:0;margin-bottom:2vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info>ul{padding:0 1%;margin-bottom:1.5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info h4{display:block;height:3vh;line-height:3vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info li{height:4vh;line-height:4vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info{text-align:left;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info li{width:100%;padding:0 .5vh;height:5vh;line-height:5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info li:nth-last-of-type(1){border-radius:2vmin;height:7vh;line-height:7vh;padding:0 1vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .price-info li:nth-last-of-type(1) #op-total-price{font-size:2vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .pay-method li{margin-right:1vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay{margin-bottom:2vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay ol{margin-bottom:0;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay ol h4{height:5vh;line-height:5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay .account-transfer{height:11vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay .account-transfer dl{width:100%;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay ol dl{top:5vh;width:100%;max-height:40vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay ol li{height:11vh;width:100%;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .selected-pay ol li p{line-height:5vh;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .pay-notice #pay-notice{border:1px solid var(--lightgray);border-radius:1vmin;overflow:hidden;overflow-y:auto;height:40vh;line-height:1.5;padding:1%;}
    section#shop .shop-order-pay #shop-order-pay #op-pay-info .pay-notice .read-check span {display: block;}

    /* 배송지 목록 */
    section#shop .shop-address{display:none;height:auto;}
    section#shop .shop-address .address-list{height:auto;min-height:100%;padding:2%;}
    section#shop .shop-address .address-list table{width:100%;height:auto;display:block;overflow:hidden;}
    section#shop .shop-address .address-list table tbody{display:block;}
    section#shop .shop-address .address-list table .no{width:15%;float:left;}
    section#shop .shop-address .address-list table .add-name,section#shop .shop-address .address-list table .addressee{width:35%;float:left;}
    section#shop .shop-address .address-list table .address{width:85%;height:6vh;float:left;position:relative;text-align:left;}
    section#shop .shop-address .address-list table .address span{max-width:100%;line-height:3vh;padding:0 1vw;}
    section#shop .shop-address .address-list table .buy-tel,section#shop .shop-address .address-list table .add-tel{width:42.5%;float:left;text-align:left;padding:0 1vw;}
    section#shop .shop-address .address-list table .delete{height:12vh;line-height:12vh;width:15%;}
    section#shop .shop-address .address-list table .delete div{vertical-align:middle;display:inline-block;width:90%;height:4vh;line-height:4vh;}
    section#shop .shop-address .address-list tbody tr{height:12vh;width:100%;display:block;}
    section#shop .shop-address .address-list tbody td{display:inline-block;height:3vh;line-height:3vh;}
    
    /* 주문 목록 */
    section#shop .shop-orders{width:100%;height:auto;padding:2.5vh 2.5%;display:none;}
    section#shop .shop-orders .shop-order-filter{width:100%;}
    section#shop .shop-orders .shop-order-list{width:100%;padding:3%;}
    section#shop .shop-orders .shop-order-filter dl{width:75%;}
    section#shop .shop-orders .shop-order-filter dl span{width:100%;padding:0 8%;}
    section#shop .shop-orders .shop-order-filter ol{margin:2vh auto;}
    section#shop .shop-orders .shop-order-filter ol:nth-of-type(3){height:5vh;line-height:5vh;}
    section#shop .shop-orders .shop-order-filter ol:nth-of-type(3) h4{margin-right:2vh;}
    section#shop .shop-orders .shop-order-filter ol:nth-of-type(n+5){height:8vh;}
    section#shop .shop-orders .shop-order-filter ol:nth-of-type(n+5) li{width:100%;}
    section#shop .shop-orders #shop-order-list{width:100%;margin:0 auto;}
    section#shop .shop-orders #shop-order-list tbody tr{height:10vh;position:relative;}
    section#shop .shop-orders #shop-order-list tfoot tr{height:5vh;}
    section#shop .shop-orders #shop-order-list td{float:left;height:5vh;line-height:5vh;}
    section#shop .shop-orders #shop-order-list .no{display:none;}
    section#shop .shop-orders #shop-order-list .date{width:50%;text-align:left;} 
    section#shop .shop-orders #shop-order-list .pro{width:70%;position:absolute;left:0;bottom:0;text-align:left;} 
    section#shop .shop-orders #shop-order-list .price{width:30%;position:absolute;right:0;bottom:0;text-align:right;}
    section#shop .shop-orders #shop-order-list .order, section#shop .shop-orders #shop-order-list .del{width:25%;}
    section#shop .shop-orders #shop-order-list .pro span{height:3vh;padding:0 1vh;border-radius:2vmin;line-height:3vh;margin-left:1vh;}
    section#shop .shop-orders #shop-order-list td div{width:80%;height:4vh;line-height:4vh;vertical-align:middle;display:inline-block;}
    
    /* 주문 정보 */
    section#shop .shop-order-info{height:auto;}
    section#shop .shop-order-info h2{margin:2vh 0;}
    section#shop .shop-order-info article{padding:3%;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;border-radius:0;}
    section#shop .shop-order-info article form{height:85%;overflow:hidden;overflow-y:auto;padding-right:1vmin;}
    section#shop .shop-order-info #shop-order-info .info-type{margin-bottom:2vh;}
    section#shop .shop-order-info #shop-order-info .info-type h3{padding:0;margin-bottom:0;padding-bottom:.5vh;}
    section#shop .shop-order-info #shop-order-info .info-type h4{margin-right:1vh;}
    section#shop .shop-order-info #shop-order-info .info-type>ul>li{display:block;}
    section#shop .shop-order-info #shop-order-info #order-info{width:100%;height:auto;margin-bottom:5vh;}
    section#shop .shop-order-info #shop-order-info #order-info h3{font-size:2vh;margin:0;height:3vh;padding:0;}
    section#shop .shop-order-info #shop-order-info #order-info h3:nth-of-type(n+2){font-size:2vh;line-height:3vh;}
    section#shop .shop-order-info #shop-order-info #order-info h3 span{margin-left:1vh;}
    section#shop .shop-order-info #shop-order-info #order-info #od-state{position:fixed;top:3vh;left:2.5%;margin:0;width:11vh;height:4.5vh;font-size:2.2vh;border-radius:2vmin;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list{height:auto;max-height:50vh;margin:1vh 0;padding-right:0;border:1px solid var(--lightgray);border-radius:2vmin;padding:3%;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li{border-radius:2vmin;height:auto;margin-bottom:1vh;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li div:nth-of-type(1){width:100%;height:70%;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-del-state{font-size:2.2vh;margin:0 0 .5vh;line-height:2.5vh;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-image{margin-right:1.5vh;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-name{font-size:1.8vh;height:5vh;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-name span{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:keep-all;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-unit{margin:0;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-count,section#shop .shop-order-info #shop-order-info #order-info .pro-list li .od-pro-price{margin:0 0 0 .5vh;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li div:nth-of-type(2){width:100%;height:30%;}
    section#shop .shop-order-info #shop-order-info #order-info .pro-list li div:nth-of-type(2) button{width:45%;margin:0 2.5%;}
    section#shop .shop-order-info #shop-order-info .del-pay-wrap{width:100%;margin-left:0;height:auto;}
    section#shop .shop-order-info #shop-order-info #od-del-info{margin-bottom:5vh;}
    section#shop .shop-order-info #shop-order-info #od-del-info ul{height:auto;margin:0;}
    section#shop .shop-order-info #shop-order-info #od-del-info ul li{height:auto;}
    section#shop .shop-order-info #shop-order-info #od-del-info ul li p{margin-left:1vh;}
    section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(1){padding:0;}
    section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(1) li{width:100%;height:5vh;line-height:5vh;}
    section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li:nth-of-type(n+4) p{margin-left:0;}
    section#shop .shop-order-info #shop-order-info #od-del-info ul:nth-of-type(2) li:nth-of-type(n+2){width:100%;}
    section#shop .shop-order-info #shop-order-info #od-pay-info{position:relative;bottom:0;}
    section#shop .shop-order-info #shop-order-info #od-pay-info>button{width:auto;height:3.5vh;top:-.5vh;padding:0 1vh;}
    section#shop .shop-order-info #shop-order-info #od-pay-info li{height:5vh;line-height:5vh;}
    section#shop .shop-order-info #shop-order-info #od-pay-info .price-info{text-align:left;}
    section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li{display:block;width:100%;padding:0 1vh;}
    section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-of-type(1){padding:0 1vh;height:auto;}
    section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-of-type(1) p{font-size:2vh;height:auto;line-height:5vh;margin:1vh 0;}
    section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-of-type(1) p span{font-size:1.8vh;}
    section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-last-of-type(1){border-radius:2vmin;}
    section#shop .shop-order-info #shop-order-info #od-pay-info .price-info li:nth-last-of-type(1) #od-total-price{font-size:2.2vh;}
    section#shop .shop-order-info .bt-wrap button{width:15%;}
    
    
    /** 포인트 **/
    section#point>div{width:100%;height:auto;padding:0;}
    section#point article{width:95%;margin:2.5vh 2.5%;}
    section#point .list{padding:3%;}

    /* 고객 목록 */
    section#point .point-cm-list tr{height:8vh;}
    section#point .point-cm-list tbody td{width:27.5%;float:left;height:8vh;line-height:8vh;display:block;}
    section#point .point-cm-list td.no{display:none;}
    section#point .point-cm-list td.pointcall{width:45%;}
    section#point .point-cm-list tbody .delete div{width:70%;height:3.5vh;line-height:3.5vh;vertical-align:middle;display:inline-block;}
    section#point .point-cm-list tfoot .add{float:none;width:50%;height:5vh;line-height:5vh;font-size:1.8vh;}

    /* 고객(customer) 반응형 — section#point 고객 목록 대응 */
    section#customer>div{width:100%;height:auto;padding:0;}
    section#customer article{width:95%;margin:2.5vh 2.5%;}
    section#customer .list{padding:3%;}
    section#customer .point-cm-list tr{height:8vh;}
    section#customer .point-cm-list tbody td{width:27.5%;float:left;height:8vh;line-height:8vh;display:block;}
    section#customer .point-cm-list td.no{display:none;}
    section#customer .point-cm-list td.pointcall{width:45%;}
    section#customer .point-cm-list tbody .delete div{width:70%;height:3.5vh;line-height:3.5vh;vertical-align:middle;display:inline-block;}
    section#customer .point-cm-list tfoot .add{float:none;width:50%;height:5vh;line-height:5vh;font-size:1.8vh;}
    
    /* 이용 내역 */
    section#point .point-log-wrap .filter .phone li{width:100%;}
    section#point .point-log-wrap .filter .phone{height:8vh;}
    section#point .point-log-list table .date,section#point .point-log-list table .pointcall,section#point .point-log-list table .state,section#point .point-log-list table .detail,section#point .point-log-list table .pointchange{float:left;line-height:4vh;height:4vh;display:block;}
    section#point .point-log-list table .date{width:60%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#point .point-log-list table .pointcall{width:40%;text-align:right;}
    section#point .point-log-list table .state{width:25%;height:4vh;line-height:4vh;}
    section#point .point-log-list table .state div{vertical-align:middle;display:inline-block;height:3.5vh;line-height:3.5vh;width:80%;}
    section#point .point-log-list table .detail{width:45%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#point .point-log-list table .pointchange{width:30%;text-align:right;}

    /* 상품 */
    section#point .point-goods{overflow:hidden;overflow-y:auto;}
    section#point .point-goods-list{height:auto;}
    section#point #point-goods-list{height:auto;}
    section#point #point-goods-list table{width:100%;height:auto;}
    section#point #point-goods-list table .toggle{float:none;margin:0 auto;}
    section#point #point-goods-list table tbody tr{height:8vh;display:block;}
    section#point #point-goods-list table tbody td{float:left;}
    section#point #point-goods-list table tbody .show{display:none;}
    section#point #point-goods-list table .no{width:10%;height:8vh;line-height:8vh;}
    section#point #point-goods-list table .name,section#point #point-goods-list table .price,section#point #point-goods-list table .point,section#point #point-goods-list table .delete{width:45%;height:4vh;line-height:4vh;}
    section#point .point-goods-list tbody .delete div{width:40%;height:3.5vh;line-height:3.5vh;vertical-align:middle;display:inline-block;}
    
    /** 쿠폰 **/
    section#coupon>div{width:100%;height:auto;padding:0;}
    section#coupon article{width:95%;margin:2.5vh 2.5%;}
    section#coupon .list{padding:3%;}
    /* 쿠폰 목록: flex 컬럼으로 두어 빈 목록일 때 안내문구를 제목-버튼 사이 중앙에 배치 */
    section#coupon .coupon-list{position:relative;display:flex;flex-direction:column;min-height:45vh;}
    /* 제목과 '변경 사항 저장' 버튼을 같은 높이로 정렬 (버튼 top = 패딩 3vw + h2 margin 2vh, line-height 동일) */
    section#coupon .coupon-list h2{order:1;margin:2vh auto;line-height:4.5vh;}
    section#coupon .coupon-list .save-set{top:calc(3vw + 2vh);height:4.5vh;line-height:4.5vh;}
    section#coupon .coupon-list h3{order:2;position:relative;top:auto;margin:auto 0;}
    section#coupon .coupon-list form{order:3;}
    section#coupon .coupon-side{float:none;width:100%;height:auto;display:block;}
    section#coupon .coupon-side .filter{width:95%;margin:2.5vh 2.5%;}
    /* 검색 필터: 쿠폰번호 입력칸을 컴포넌트 너비 전체로 (목록·이용내역 공통) */
    section#coupon .filter .coupon-code li{width:100%;}
    /* 통계: 숫자만 축소, 한글 라벨(h4)은 유지 */
    section#coupon .coupon-stats{float:none;width:95%;margin:2.5vh 2.5%;font-size:1.8vh;}
    section#coupon .coupon-stats h4{font-size:2vh;}
    section#coupon .coupon-stats p{font-size:3vh;}
    /* 쿠폰 목록: 다른 리스트 페이지(sales/rf)처럼 표를 행 단위 카드형으로 재구성 */
    section#coupon .coupon-list table{display:block;}
    section#coupon .coupon-list thead{display:none;}
    section#coupon .coupon-list tbody{display:block;width:100%;}
    section#coupon .coupon-list tbody tr{display:block;position:relative;width:100%;height:auto;padding:1.5vh 1vh;border-bottom:1px solid var(--lightgray);font-size:1.8vh;line-height:1.6;text-align:left;}
    section#coupon .coupon-list tbody td{display:block;width:auto;height:auto;text-align:left;line-height:1.6;}
    section#coupon .coupon-list tbody .couponcode{width:100%;font-family:'neo-bd';font-size:2vh;padding-right:11vh;word-break:break-all;}
    section#coupon .coupon-list tbody .couponname{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    /* 발행일은 단독 줄, 만료일·사용일은 아랫줄에 한 줄로 (모두 왼쪽 정렬) */
    section#coupon .coupon-list tbody .couponissued,section#coupon .coupon-list tbody .couponexpires,section#coupon .coupon-list tbody .couponused{width:auto;font-size:1.5vh;color:var(--darkgray);text-align:left;}
    section#coupon .coupon-list tbody .couponissued{display:block;margin:.5vh 0 .3vh;}
    section#coupon .coupon-list tbody .couponexpires,section#coupon .coupon-list tbody .couponused{display:inline-block;margin-right:3vw;}
    section#coupon .coupon-list tbody .couponissued::before{content:"발행 ";color:var(--lightgray);}
    section#coupon .coupon-list tbody .couponexpires::before{content:"만료 ";color:var(--lightgray);}
    section#coupon .coupon-list tbody .couponused::before{content:"사용 ";color:var(--lightgray);}
    /* 상태 토글은 행 우측, 세로 중앙에 고정 */
    section#coupon .coupon-list tbody .couponstate{position:absolute;top:50%;right:1vh;width:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
    section#coupon .coupon-list tbody .toggle{width:9vh;line-height:3.4vh;margin:0;}
    section#coupon .coupon-list tbody .toggle input{height:3.4vh;border-radius:2.5vh;}
    section#coupon .coupon-list tbody .toggle input::before{width:2.2vh;height:2.2vh;top:.6vh;left:.6vh;}
    section#coupon .coupon-list tbody .toggle input:checked::before{left:6.2vh;}
    section#coupon .coupon-list tbody .toggle input::after{line-height:3.4vh;font-size:1.5vh;right:1.2vh;}
    section#coupon .coupon-list tbody .toggle input:checked::after{right:auto;left:1.2vh;}
    /* 목록 하단: 페이지네이션 + 생성 버튼 (엑셀 다운로드는 모바일에서 .e-down 숨김) */
    section#coupon .coupon-list tfoot,section#coupon .coupon-list tfoot tr{display:block;width:100%;}
    section#coupon .coupon-list tfoot td{display:block;width:100%;text-align:center;}
    /* 엑셀 버튼이 숨겨져 사실상 생성 버튼만 노출되므로 가운데 정렬 */
    section#coupon .coupon-list tfoot .bd div{width:60%;height:5vh;line-height:5vh;font-size:1.8vh;margin:1.5vh auto 0;padding:0;float:none;}
    section#coupon .coupon-list tfoot .bd div i{line-height:5vh;margin-right:1.2vw;}

    /* 이용 내역 목록 — 2열 카드 그리드 (쿠폰번호|분류칩 / 혜택|내역 / 일자) */
    section#coupon .coupon-log-list table{display:block;}
    section#coupon .coupon-log-list thead{display:none;}
    section#coupon .coupon-log-list tbody{display:block;width:100%;}
    section#coupon .coupon-log-list tbody tr{display:grid;grid-template-columns:1fr auto;column-gap:2vw;row-gap:1vh;align-items:center;width:100%;height:auto;padding:1.5vh 1vh;border-bottom:1px solid var(--lightgray);text-align:left;}
    section#coupon .coupon-log-list tbody td{display:block;width:auto;height:auto;text-align:left;line-height:1.5;}
    section#coupon .coupon-log-list tbody .couponcode{grid-column:1;grid-row:1;width:auto;min-width:0;font-family:'neo-bd';font-size:2vh;word-break:break-all;}
    section#coupon .coupon-log-list tbody .couponname{grid-column:1;grid-row:2;width:auto;min-width:0;font-size:1.9vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    /* 분류 칩 — 1행 우측 */
    section#coupon .coupon-log-list tbody .couponcat{grid-column:2;grid-row:1;justify-self:end;width:auto;text-align:right;}
    section#coupon .coupon-log-list tbody .couponcat div{height:3.4vh;line-height:3.4vh;padding:0 3.5vw;font-size:1.6vh;}
    section#coupon .coupon-log-list tbody .couponcat .used{line-height:calc(3.4vh - 4px);}
    /* 내역 — 2행 우측 / 일자 — 전체 폭 아랫줄 */
    section#coupon .coupon-log-list tbody .couponuse{grid-column:2;grid-row:2;justify-self:end;width:auto;white-space:nowrap;color:var(--darkgray);font-size:1.8vh;}
    section#coupon .coupon-log-list tbody .couponusedate{grid-column:1 / -1;grid-row:3;width:auto;color:#999;font-size:1.8vh;}
    /* 하단 페이지네이션 */
    section#coupon .coupon-log-list tfoot,section#coupon .coupon-log-list tfoot tr,section#coupon .coupon-log-list tfoot td{display:block;width:100%;text-align:center;}
    
    /** RF 카드 **/
    section#rf>div{width:100%;height:auto;padding:0;}
    section#rf article{width:95%;margin:2.5vh 2.5%;}
    section#rf .list{padding:3%;}
    section#rf .filter .rf-card-sort,section#rf .filter .rf-log-sort{height:10vh;}
    
    /* 고객 목록 */
    section#rf .rf-number li,section#rf .rf-group li,section#rf .rf-log-wrap .rf-name li{width:100%;}
    section#rf .rf-card-wrap .list tr{height:8vh;}
    section#rf .rf-card-wrap .list tbody td{width:40%;height:4vh;line-height:4vh;display:inline-block;float:left;}
    section#rf .rf-card-wrap .list .no{width:20%;height:8vh;line-height:8vh;}
    section#rf .rf-card-wrap .list .rfsort div{width:70%;height:3.5vh;line-height:3.5vh;}
    section#rf .rf-card-wrap .list tfoot .add{float:none;width:50%;height:5vh;line-height:5vh;font-size:1.8vh;}
    
    /* 이용 내역 */
    section#rf .rf-log-wrap .list tbody tr{height:8vh;}
    section#rf .rf-log-wrap .list tbody td{display:inline-block;height:4vh;line-height:4vh;float:left;width:28%;}
    section#rf .rf-log-wrap .list .no{width:16%;height:8vh;line-height:8vh;}
    section#rf .rf-log-wrap .list .rfsort div{width:80%;height:3.5vh;line-height:3.5vh;}
    section#rf .rf-log-wrap .list .lastlogdate{overflow:hidden;white-space:wrap;text-overflow:ellipsis;}
    
    /* 상세 이용 내역 */
    section#rf .rf-detail-wrap article{width:95%;margin:2.5vh 2.5%;}
    section#rf .rf-detail-wrap #selectRf{width:100%;margin:0 auto;font-size:2vh;height:6vh;line-height:3vh;word-break:keep-all;}
    section#rf .rf-detail-wrap .list tbody tr{height:8vh;}
    section#rf .rf-detail-wrap .list tbody td{display:inline-block;height:4vh;line-height:4vh;float:left;}
    section#rf .rf-detail-wrap .list tbody .no{width:20%;height:8vh;line-height:8vh;}
    section#rf .rf-detail-wrap .list tbody .logdate,section#rf .rf-detail-wrap .list tbody .logdetail{width:50%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#rf .rf-detail-wrap .list tbody .logsort,section#rf .rf-detail-wrap .list tbody .logprice{width:30%;}
    section#rf .rf-detail-wrap .list .logsort div{width:70%;height:3.5vh;line-height:3.5vh;display:inline-block;vertical-align:middle;}
    section#rf .rf-detail-wrap .list .bt-wrap{display:none;}


    /** 자료 **/
    section#data>div{height:auto;padding:2.5vh 2.5%;display:none;}
    section#data article, section#data .filter{width:100%;height:auto;}
    section#data article table tbody tr{height:5vh;}
    section#data article table tbody tr td .td-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;}
    section#data article table tbody tr .name .td-text{max-width:80%;}
    section#data article table tbody tr .name span{width:auto;display:inline-block;background:var(--lightpoint);color:#fff;height:2.5vh;padding:0 .4vw;border-radius:1vmin;line-height:2.5vh;vertical-align:middle;margin-left:.5vw;}
    
    /* 공지사항 */
    section#data .notice-wrap .notice-list{height:auto;min-height:calc(100% - 5vh);padding-bottom:2vh;}
    section#data .notice-wrap .notice-list form{padding-right:1vw;overflow:hidden;}
    section#data .notice-wrap .notice-list table, section#data .notice-wrap .notice-list tbody, section#data .notice-wrap .notice-list tfoot{display:block;}
    section#data .notice-wrap .notice-list tbody tr{height:8vh;display:block;}
    section#data .notice-wrap .notice-list tbody td{width:10%;float:left;height:8vh;line-height:8vh;}
    section#data .notice-wrap .notice-list .sort{width:30%;}
    section#data .notice-wrap .notice-list .sort div{width:70%;height:4vh;line-height:4vh;vertical-align:middle;display:inline-block;}
    section#data .notice-wrap .notice-list .title{width:60%;text-align:left;height:4vh;line-height:4vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#data .notice-wrap .notice-list .date{width:60%;text-align:left;height:4vh;line-height:4vh;}
    section#data .notice-wrap .notice-list tfoot tr{display:block;}
    section#data .notice-wrap .notice-list tfoot td{display:block;float:none;width:100%;}
    section#data .notice-wrap .notice-list .add{padding:0;}

    /* 공지사항 양식 */
    section#data .notice-info{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;padding:0;}
    section#data .notice-info article{width:100%;height:100%;margin:0;border-radius:0;}
    section#data .notice-info form{width:103%;height:82%;overflow:hidden;overflow-y: auto;padding-right:1%;}
    section#data .notice-info.edit article>h2{margin-top:3vh;}
    section#data .notice-info .notice-title{margin:1.5vh auto;height:auto;max-height:12vh;}
    section#data .notice-info .notice-title li{width:18%;padding:0;vertical-align:bottom;position:relative;}
    section#data .notice-info .notice-title li:nth-of-type(2){width:70%;padding:0 1%;vertical-align:middle;}
    section#data .notice-info .notice-title #notice-sort{font-size:1.8vh;}
    section#data .notice-info .notice-title #notice-title{font-size:2.5vh;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;line-height:1.2;position:absolute;top:50%;left:0;transform:translateY(-50%);}
    section#data .notice-info form .notice-header{height:auto;position:relative;}
    section#data .notice-info form .notice-header li{width:49.5%;height:9vh;display:inline-block;float:none;}
    section#data .notice-info form .notice-header li button{height:5vh;border-radius:2vmin;}
    section#data .notice-info form .notice-header li dl{width:90%;left:0;top:3vh;}
    section#data .notice-info form .notice-header li.notice-popup-date{width:100%;padding:0;}
    section#data .notice-info form .notice-header li:nth-last-of-type(1){width:100%;}
    section#data .notice-info form .notice-header li:nth-last-of-type(1) input{padding:0 .5vw;width:100%;}
    section#data .notice-info form .notice-header .notice-pin .toggle{height:5vh;line-height:5vh;vertical-align:middle;display:inline-block;}
    section#data .notice-info form>div{height:91%;padding:0 1vw;}
    section#data .notice-info form>div img{max-width:100%;height:auto!important;}
    section#data .notice-info form .notice-file{height:5vh;line-height:5vh;margin:0;}
    section#data .notice-info form .notice-file h4{width:auto;height:5vh;line-height:5vh;}
    section#data .notice-info form .notice-file #notice-file{line-height:5vh;width:70%;height:5vh;vertical-align:middle;display:inline-block;float:right;}
    section#data .notice-info form .notice-file #notice-file a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#data .notice-info.edit form .notice-footer li h4{width:20%;}
    section#data .notice-info.edit form .notice-footer li p{width:80%;border-radius:2vmin;}
    section#data .notice-info.edit form .notice-footer label{padding:0 3%;}
    section#data .notice-info .bt-wrap{width:100%;display:flex;}
    section#data .notice-info .bt-wrap button{float:left;flex:1;}
    
    
    /** 로그 **/
    section#log>div{height:auto;}
    section#log .filter{height:auto;width:100%;}
    section#log .filter .mac-select,section#log .filter .code-select{height:5vh;line-height:5vh;margin:3vh auto;}
    section#log .filter .mac-select h4,section#log .filter .code-select h4{width:auto;display:inline-block;}
    section#log .list{width:100%;overflow:hidden;padding:2.5%;}
    section#log .list tbody tr{height:5vh;line-height:5vh;}
 
    /* 콘솔 로그 */
    section#log .console-log .list tbody tr{height:10vh;}
    section#log .console-log .list tbody td .td-text{height:10vh;line-height:5vh;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:keep-all;white-space:normal;}
    section#log .console-log .list tfoot td ul{justify-content:center;}
    
    /* 에러 로그 */
    section#log .error-log .filter .module-select{height:10vh;}
    section#log .error-log .list tbody tr{height:10vh;}
    section#log .error-log .list tbody tr td{height:5vh;line-height:5vh;display:inline-block;}
    section#log .error-log .list tbody tr .date{width:60%;text-align:left;}
    section#log .error-log .list tbody tr .module{width:40%;text-align:right;}
    section#log .error-log .list tbody tr .code{width:30%;text-align:left;}
    section#log .error-log .list tbody tr .contents{width:70%;text-align:right;}
    section#log .error-log .list tfoot td ul{justify-content:center;}
    
    /* 작업 로그 */
    section#log .work-log .list tbody tr{height:12vh;line-height:4vh;}
    section#log .work-log .list tbody tr td{height:4vh;line-height:4vh;display:inline-block;}
    section#log .work-log .list .date{width:100%;text-align:left;}
    section#log .work-log .list .access-id{width:50%;text-align:left;}
    section#log .work-log .list .access-ip{width:50%;text-align:right;}
    section#log .work-log .list .path{width:100%;text-align:left;}
    
    /* 알림톡 로그 */
    section#log .alarm-log .wrap{overflow:visible;}
    section#log .alarm-log .wrap article{height:auto;}
    section#log .alarm-log .filter .template-name{height:8vh;}
    section#log .alarm-log .wrap .stats{height:auto;}
    section#log .alarm-log .wrap .stats ul{width:100%;text-align:center;position:static;transform:translate(0,0);padding:2vh 1vh;}
    section#log .alarm-log .wrap .stats ul li{height:7vh;line-height:7vh;font-size:1.8vh;}
    section#log .alarm-log .list tbody tr{height:10vh;}
    section#log .alarm-log .list tbody td{height:5vh;line-height:5vh;display:inline-block;}
    section#log .alarm-log .list .date{width:50%;text-align:left;}
    section#log .alarm-log .list .template{width:50%;text-align:right;}
    section#log .alarm-log .list .contents{width:80%;text-align:left;}
    section#log .alarm-log .list .result{width:20%;}
    section#log .alarm-log .list .result div{display:inline-block;}

    
    /** 관리자 **/
    section#admin{overflow:hidden;overflow-y:auto;}
    /* 매장 설정 */
    section#admin .store-setting{height:auto;}
    section#admin .store-setting article{padding:2.5%;}
    section#admin .store-setting #store-setting{width:100%;height:90%;padding-right:2vw;display:block;}
    section#admin .store-setting #store-setting .store-info{margin-bottom:5vw;width:100%;}
    section#admin .store-setting #store-setting .store-info ul{margin:0;}
    section#admin .store-setting #store-setting .store-info ul li{width:100%;margin-right:0;}
    section#admin .store-setting #store-setting .store-info ul li input{width:100%;padding:0 2vw;}
    section#admin .store-setting #store-setting .store-info ul.store-address li:nth-of-type(1){width:100%;margin-bottom:1vh;}
    section#admin .store-setting #store-setting .store-info ul.store-address li:nth-of-type(n+2) input{padding:0 5%;width:100%;}
    section#admin .store-setting #store-setting .store-info ul.store-address li:nth-of-type(2){width:100%;float:none;}
    section#admin .store-setting #store-setting .store-set{height:auto;width:100%;overflow-y:hidden;}
    section#admin .store-setting #store-setting .store-set ul{margin-bottom:3vh;gap:1vh;}
    section#admin .store-setting #store-setting .store-set ul>li{width:100%;height:auto;margin-right:0;margin-bottom:2vh;}
    section#admin .store-setting #store-setting .store-set ul>li:nth-of-type(1){width:100%;height:5vh;line-height:5vh;margin-bottom:0;}
    section#admin .store-setting #store-setting .store-set ul>li:nth-of-type(n+2){margin:0;}
    section#admin .store-setting #store-setting .store-set ul>li h4{margin-right:3vw;height:5vh;line-height:5vh;width:100%;font-size:1.8vh;}
    section#admin .store-setting #store-setting .store-set ul>li:nth-of-type(1) h4{width:auto;font-size:1.8vh}
    section#admin .store-setting #store-setting .store-set ul:nth-last-of-type(1){margin-bottom:0;}
    section#admin .store-setting #store-setting .store-set ul:nth-last-of-type(1)>li:nth-last-of-type(1){width:100%;margin-bottom:0;}
    section#admin .store-setting #store-setting .store-set ul li p,section#admin .store-setting #store-setting .store-set ul li .input-group{width:100%;}
    section#admin .store-setting #store-setting .store-set ul li .toggle{width:9vh;line-height:5vh;float:none;}
    section#admin .store-setting #store-setting .store-set ul li dl{width:100%;display:block;}
    section#admin .store-setting #store-setting .store-set ul li dl span{padding:0 3vw;}
    section#admin .store-setting #store-setting .store-set ul>div{width:100%;gap:2vh;}
    section#admin .store-setting #store-setting .store-set ul>div li{position:relative;}
    section#admin .store-setting #store-setting .store-set ul>div li h4{width:auto;float:left;margin:0;margin-right:1vw;line-height:5vh;font-size:1.8vh;}
    section#admin .store-setting #store-setting .store-set ul.max-drink, section#admin .store-setting #store-setting .store-set ul.standby{width:100%;}
    section#admin .store-setting #store-setting .store-set ul #max-drink span,section#admin .store-setting #store-setting .store-set ul #drink-standby span{padding-right:40%;}
    section#admin .store-setting #store-setting .store-set ul li ol{width:100%;}
    section#admin .store-setting #store-setting .store-set ul li ol li{width:50%;margin-right:0;float:left;height:5vh;line-height:5vh;}
    section#admin .store-setting #store-setting .store-set ul li ol li input{margin-right:2vw;}
    section#admin .store-setting #store-setting .store-set .tumbler li:nth-of-type(2) p{width:70%;}
    section#admin .store-setting #store-setting .store-set .tumbler li:nth-of-type(2) dl{right:0;bottom:0;width:28%;}
    section#admin .store-setting #store-setting .store-set ul.operating-time div li{width:100%;}
    section#admin .store-setting #store-setting .store-set ul.point div>li:nth-of-type(1){padding:0;width:100%;}
    section#admin .store-setting #store-setting .store-set .point div li:nth-of-type(2) p{width:0%;}
    section#admin .store-setting #store-setting .store-set .point div li p{width:65%;display:block;}
    section#admin .store-setting #store-setting .store-set .point li .accrual{width:30%;right:0;bottom:0;}
    section#admin .store-setting #store-setting .store-set .point li .accrual span{padding:0;padding-right:25%;}
    section#admin .store-setting #store-setting .store-set ul.point div>li:nth-of-type(2){width:100%;}
    section#admin .store-setting #store-setting .store-set ul.point div>li:nth-of-type(n+3){width:45%;}
    section#admin .store-setting #store-setting .store-set ul.extra-ice div li{width:100%;}
    section#admin .store-setting #store-setting .store-set ul.powder-water div li{width:47%;}
    section#admin .store-setting #store-setting .store-set ul.powder-water div li .input-group{width:100%;}
    section#admin .store-setting #store-setting .store-set ul.wash>li:nth-of-type(n+3):nth-of-type(-n+4){width:100%;margin:1vh 0;}
    section#admin .store-setting #store-setting .store-set ul.wash>li:nth-of-type(n+3):nth-of-type(-n+4) h4{width:auto;}
    section#admin .store-setting #store-setting .store-set ul.wash>li:nth-of-type(3) .input-group{width:40%;float:right;}
    section#admin .store-setting #store-setting .store-set ul.wash>li:nth-of-type(4) dl{width:40%;}
    section#admin .store-setting #store-setting .store-set ul.wash>li:nth-of-type(4) dl span{padding-right:5.5vh;}
    section#admin .store-setting #store-setting .store-set ul.wash>li:nth-last-of-type(1){padding:0;margin-top:1vh;}
    section#admin .store-setting #store-setting .store-set ul li ol input[type=checkbox]{width:2.5vh;height:2.5vh;margin-right:1vh;cursor:pointer;}
    section#admin .store-setting #store-setting .store-set ul li ol input[type=checkbox]:checked{border:.8vh solid var(--lightpoint);background:#fff;}
 
    /* 관리자 - 서버 이용료 */
    section#admin .shop-server{overflow-y:auto;}
    section#admin .shop-server .filter, section#admin .shop-server .shop-server-filter, section#admin .shop-server .stats, section#admin .shop-server .monthly-info{height:auto;}
    section#admin .shop-server .stats ul li, section#admin .shop-server .monthly-info ul li{font-size:1.8vh;}
    section#admin .shop-server .stats ul li:nth-child(odd){width:100%;float:none;}
    section#admin .shop-server .stats ul li:nth-child(even){width:100%;padding:0 5%;text-align:left;float:none;}
    section#admin .shop-server .shop-server-list{padding:1%;display:block;width:100%;height:auto;}
    section#admin .shop-server #shop-server-list tbody tr{height:5vh;line-height:5vh;}
    section#admin .shop-server #shop-server-list td{width:50%;height:5vh;line-height:5vh;float:left;}
    section#admin .shop-server #shop-server-list .date{width:50%;}
    section#admin .shop-server #shop-server-list .feeamount{display:none;}
    section#admin .shop-server #shop-server-list .claim{width:50%;}
    section#admin .shop-server #shop-server-list .claim div{width:50%;height:4vh;line-height:4vh;vertical-align:middle;display:inline-block;}
    section#admin .shop-server #shop-server-list tbody, section#admin .shop-server #shop-server-list tr{display:block;}
    section#admin .shop-server #shop-server-list tfoot td{width:100%;}
    
    /* 관리자 - 서버 이용료 내역 정보 */
    section#admin .shop-server-info article{width:100%;height:100%;padding:3% 0;position:fixed;top:0;left:0;z-index:9999;border-radius:0;}
    section#admin .shop-server-info article h2{margin:2vh 0;}
    section#admin .shop-server-info article form{overflow:hidden;overflow-y:auto;}
    section#admin .shop-server-info #shop-server-info #ss-info-state{width:100%;height:5vh;line-height:5vh;right:0;padding:0 2.5%;position:relative;}
    section#admin .shop-server-info #shop-server-info #ss-info-state #ss-state{width:12vh;height:5vh;border-radius:2vmin;margin-right:1vh;position:fixed;top:2.5%;left:3%;}
    section#admin .shop-server-info #shop-server-info #ss-info-state h3:nth-of-type(n+2){font-size:2.2vh;height:4vh;line-height:4vh;margin:0 .5vh;vertical-align:top;}
    section#admin .shop-server-info #shop-server-info .info-type{margin-bottom:2vh;}
    section#admin .shop-server-info #shop-server-info .info-type h3{border-bottom:3px solid var(--lightgray);padding:1%;margin:0;}
    section#admin .shop-server-info #shop-server-info .info-type h4{margin:0;margin-right:1vh;}
    section#admin .shop-server-info #shop-server-info .info-type>ul>li{display:inline-block;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap{width:98%;height:auto;display:block;margin:0 auto 3vh;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table{border-radius:2vmin;height:auto;height:38vh;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table thead{display:none;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table tbody{height:100%;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table tr{height:8vh;line-height:8vh;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table td{font-size:1.8vh;height:4vh;line-height:4vh;float:left;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.date{width:40%;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.name{width:60%;text-align:right;padding-right:2vh;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.unit, section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.count{width:20%;}
    section#admin .shop-server-info #shop-server-info .ss-order-wrap table td.price{width:60%;text-align:right;padding-right:2vh;}
    section#admin .shop-server-info #shop-server-info .ss-detail-wrap{width:95%;display:block;margin-left:0;height:auto;padding:0;margin:0 auto;}
    section#admin .shop-server-info #shop-server-info #ss-claim-info{margin-bottom:4vh;}
    section#admin .shop-server-info #shop-server-info #ss-claim-info ul{padding:0;}
    section#admin .shop-server-info #shop-server-info #ss-claim-info ul li{width:100%;margin:1vh 0;}
    section#admin .shop-server-info #shop-server-info #ss-claim-info ul:nth-last-of-type(1){border-radius:2vmin;}
    section#admin .shop-server-info #shop-server-info #ss-claim-info ul:nth-last-of-type(1) #ss-server-fee{font-size:2.2vh;text-align:left;width:100%;}
    section#admin .shop-server-info #shop-server-info #ss-pay-method{margin-bottom:4vh;}
    section#admin .shop-server-info #shop-server-info #ss-pay-method ul{margin:1vh 0;}
    section#admin .shop-server-info #shop-server-info #ss-pay-method ul li{height:4vh;line-height:4vh;padding:0 1%;float:none;}
    section#admin .shop-server-info #shop-server-info #ss-pay-method input[type=radio]{width:3vh;height:3vh;}
    section#admin .shop-server-info #shop-server-info #ss-pay-method input[type=radio]:checked{border:.8vh solid #000;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info{position:relative;bottom:0;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info h4{height:4vh;line-height:4vh;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info li{height:5vh;line-height:5vh;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info{padding:0;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li{padding:0 1vh;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-of-type(1){padding:1vh;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-of-type(1) p{width:75%;height:4vh;line-height:4vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-last-of-type(1){border-radius:2vmin;}
    section#admin .shop-server-info #shop-server-info #ss-pay-info .price-info li:nth-last-of-type(1) #ss-total-price{font-size:2.2vh;text-align:left;}

    /* 서버 이용료 당월 결제 동의 */
    section#admin .shop-server-info #shop-server-info #ss-pay-notice{display:none;}
    section#admin .shop-server-info #shop-server-info .pay-notice #pay-notice{border:1px solid var(--lightgray);border-radius:1vmin;overflow:hidden;overflow-y:auto;height:17vh;line-height:1.5;padding:1%;}
    section#admin .shop-server-info #shop-server-info .pay-notice #pay-notice>span{color:red;font-weight:bold;}
    section#admin .shop-server-info #shop-server-info .read-check input[type=checkbox],section#admin .shop-server-info input[type=radio]{border-color:#000;vertical-align:middle;}
    section#admin .shop-server-info #shop-server-info .read-check input[type=checkbox]{background:var(--lightgray);width:4.5vmin;height:4.5vmin;border-radius:100%;position:relative;margin-right:.5vmin;cursor:pointer;}
    section#admin .shop-server-info #shop-server-info .read-check input[type=checkbox]:checked{border:1.3vmin solid;background:#fff;}


    
    /* 관리자 계정 목록 */
    section#admin .admin-list{overflow-y:auto;}
    section#admin .admin-list article{height:auto;padding:2%;}
    section#admin .admin-list form{padding-bottom:1vh;}
    section#admin .admin-list tbody tr{height:8vh;}
    section#admin .admin-list table td{float:left;height:4vh;line-height:4vh;}
    section#admin .admin-list table .no{width:15%;height:8vh;line-height:8vh;}
    section#admin .admin-list tbody .shopname{width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
    section#admin .admin-list tbody .accountname{width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;}
    section#admin .admin-list tbody .level{width:25%;text-align:left;}
    section#admin .admin-list tbody .state{width:30%;}
    section#admin .admin-list tbody .state div{width:70%;display:inline-block;}
    section#admin .admin-list tbody .lastlogin{width:30%;overflow:hidden;text-overflow:ellipsis;white-space:wrap;text-align:right;}
    section#admin .admin-list tfoot td{width:100%;height:7vh;line-height:7vh;}
    section#admin .admin-list .add{padding:0;}
    section#admin .admin-list .add div{vertical-align:middle;display:inline-block;}
    
    
    /** 통계 **/
    section#stats .filter{height:auto;width:100%;}
    section#stats .filter article form{padding-bottom:.1%;}
    section#stats .filter .stats{margin-top:2.5vh;overflow:hidden;}
    section#stats .filter .stats ul{position:static;transform:translate(0,0);margin:2vh 0;height:auto;}
    section#stats .filter dl{width:70%;right:0;}
    section#stats .filter dl span{width:100%;padding:0 10%;}
    section#stats .filter ol{margin:2.5vh auto;position:relative;}
    section#stats>div{width:100%;height:auto;padding:2.5vh 2.5%;display:block;}
    section#stats article{width:100%;overflow:hidden;height:auto;}
    section#stats article.list{padding:3%;}
    section#stats article table tbody tr{height:12vh;display:block;font-size:0;padding:0 1vh;overflow:hidden;}
    section#stats article table tbody td{display:inline-block;font-size:1.8vh;height:4vh;line-height:4vh;overflow:hidden;}
    section#stats article table tbody tr td .td-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;}
    section#stats article table tbody tr .name span{height:3vh;padding:0 .5vh;border-radius:2vmin;line-height:3vh;margin-left:.5vh;}
 
    /* 주문 통계 */
    section#stats .order-stats .order-stats-filter ol:nth-of-type(3){height:10vh;}
    section#stats .order-stats .order-stats-filter ol:nth-of-type(3) input{width:2.5vh;height:2.5vh;margin-right:1vh;}
    section#stats .order-stats .order-stats-filter ol:nth-of-type(3) input:checked{border:.8vh solid var(--lightpoint);}
    section#stats .order-stats .order-stats-filter ol:nth-of-type(n+4):nth-of-type(-n+5){height:5vh;line-height:5vh;margin:3.5vh auto;}
    section#stats .order-stats .order-stats-filter ol:nth-of-type(n+4):nth-of-type(-n+5) h4{width:auto;margin-right:0;}
    section#stats .order-stats .order-stats-filter ol:nth-of-type(n+6):nth-of-type(-n+7){height:8vh;}
    section#stats .order-stats .order-stats-filter ol:nth-of-type(n+6):nth-of-type(-n+7) li{width:100%;}
    section#stats .order-stats .stats{height:auto;}
    section#stats .order-stats .stats ul li{font-size:1.8vh;}
    section#stats .order-stats .stats ul #pro-count{float:none;display:block;padding:0 1vh;}
    section#stats .order-stats .stats ul #pro-price{text-align:left;float:none;display:block;padding:0 1vh;}
    section#stats .order-stats #order-stats-list .groupname{width:40%;text-align:left;}
    section#stats .order-stats #order-stats-list .shopname{width:60%;text-align:right;}
    section#stats .order-stats #order-stats-list .proname{width:100%;text-align:left;}
    section#stats .order-stats #order-stats-list .procount{width:50%;text-align:left;}
    section#stats .order-stats #order-stats-list .proprice{width:50%;text-align:right;}
 
    /* 사용 통계 */
    section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4){height:5vh;line-height:5vh;margin:3.5vh auto;}
    section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4) h4{width:auto;margin-right:0;}
    section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+5){height:8vh;}
    section#stats .usage-stats .usage-stats-filter ol:nth-of-type(n+5):nth-of-type(-n+6) li{width:100%;}
    section#stats .usage-stats .usage-stats-filter ol:nth-of-type(7){height:10vh;}
    section#stats .usage-stats .stats{height:auto;}
    section#stats .usage-stats .stats ul li{font-size:1.8vh;}
    section#stats .usage-stats .stats ul #usage-count{float:none;display:block;padding:0 1vh;}
    section#stats .usage-stats .stats ul #usage-price{text-align:left;float:none;display:block;padding:0 1vh;}
    section#stats .usage-stats #usage-stats-list .groupname{width:40%;text-align:left;}
    section#stats .usage-stats #usage-stats-list .shopname{width:60%;text-align:right;}
    section#stats .usage-stats #usage-stats-list .proname{width:100%;text-align:left;}
    section#stats .usage-stats #usage-stats-list .usagecount{width:50%;text-align:left;}
    section#stats .usage-stats #usage-stats-list .usageprice{width:50%;text-align:right;}
    
    /* 주문 대비 사용 통계 */
    section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4){height:5vh;line-height:5vh;margin:3.5vh auto;}
    section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+3):nth-of-type(-n+4) h4{width:auto;margin-right:0;}
    section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+5){height:8vh;}
    section#stats .comparison-stats .comparison-stats-filter ol:nth-of-type(n+5):nth-of-type(-n+6) li{width:100%;}
    section#stats .comparison-stats .stats{height:auto;}
    section#stats .comparison-stats .stats ul li{font-size:1.8vh;}
    section#stats .comparison-stats .stats ul #comparison-order-count,section#stats .comparison-stats .stats ul #comparison-usage-count{float:none;display:block;padding:0 1vh;}
    section#stats .comparison-stats .stats ul #comparison-order-price,section#stats .comparison-stats .stats ul #comparison-usage-price{text-align:left;float:none;display:block;padding:0 1vh;}
    section#stats .comparison-stats #comparison-stats-list tbody tr{height:16vh;}
    section#stats .comparison-stats #comparison-stats-list .groupname{width:40%;text-align:left;}
    section#stats .comparison-stats #comparison-stats-list .shopname{width:60%;text-align:right;}
    section#stats .comparison-stats #comparison-stats-list .proname{width:100%;text-align:left;}
    section#stats .comparison-stats #comparison-stats-list .ordercount{width:50%;text-align:left;}
    section#stats .comparison-stats #comparison-stats-list .usagecount{width:50%;text-align:right;}
    section#stats .comparison-stats #comparison-stats-list .orderprice{width:50%;text-align:left;}
    section#stats .comparison-stats #comparison-stats-list .usageprice{width:50%;text-align:right;}
    
    /* 매출 통계 */
    section#stats .sales-stats .sales-stats-filter{height:auto;}
    section#stats .sales-stats .sales-stats-filter ol:nth-of-type(5){height:8vh;}
    section#stats .sales-stats .sales-stats-filter ol:nth-of-type(5) li{width:100%;height:5vh;}
    section#stats .sales-stats .sales-stats-filter ol:nth-of-type(6){height:10vh;}
    section#stats .sales-stats .stats{height:auto;}
    section#stats .sales-stats .stats ul li{font-size:1.8vh;}
    section#stats .sales-stats .stats ul #total-goods{float:none;text-align:left;padding:0 1vh;}
    section#stats .sales-stats .stats ul #total-sales{float:none;text-align:left;padding:0 1vh;}
    section#stats .sales-stats #sales-stats-list tbody tr{height:12vh;}
    section#stats .sales-stats #sales-stats-list .grouptype{width:20%;text-align:left;}
    section#stats .sales-stats #sales-stats-list .groupname{width:30%;text-align:center;}
    section#stats .sales-stats #sales-stats-list .shopname{width:50%;text-align:right;}
    section#stats .sales-stats #sales-stats-list .goodsname{width:100%;text-align:left;}
    section#stats .sales-stats #sales-stats-list .goodscount{width:30%;text-align:left;}
    section#stats .sales-stats #sales-stats-list .goodsprice{width:70%;text-align:right;}
    
    
    /** 정산 **/
    section#calculate .filter{width:100%;}
    section#calculate .filter dl{width:70%;right:0;}
    section#calculate .filter dl span{padding:0 10%;}
    section#calculate .filter ol{margin:2.5vh auto;}
    section#calculate .filter .stats ul{position:static;transform:translate(0,0);margin:2vh 0;height:auto;}
    section#calculate>div{height:auto;}
    section#calculate article{width:100%;overflow:hidden;height:auto;}
    section#calculate article table tbody tr{height:8vh;}
    section#calculate article table tbody td{display:inline-block;font-size:1.8vh;height:4vh;line-height:4vh;overflow:hidden;}
    section#calculate article table tbody tr td .td-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;width:auto;max-width:100%;}
    section#calculate article table tbody tr .name span{height:3vh;padding:0 .5vh;border-radius:2vmin;line-height:3vh;margin-left:.5vh;}
 
    /* 서버 이용료 */
    section#calculate .server-calculate .server-calculate-filter{height:auto;padding-bottom:1%;}
    section#calculate .server-calculate .server-calculate-filter ol.group-sort{height:5vh;line-height:5vh;margin:3vh auto;}
    section#calculate .server-calculate .server-calculate-filter ol.group-sort h4{width:auto;margin-right:1vh;}
    section#calculate .server-calculate .server-calculate-filter ol.shop-name{height:8vh;}
    section#calculate .server-calculate .server-calculate-filter ol.shop-name li{width:100%;}
    section#calculate .server-calculate .server-calculate-filter ol.claim-state li{height:4.5vh;line-height:4.5vh;}
    section#calculate .server-calculate .stats{height:auto;position:relative;}
    section#calculate .server-calculate .stats ul li{font-size:1.8vh;width:100%;padding:0 5%;}
    section#calculate .server-calculate .stats ul li:nth-child(odd){width:100%;float:none;}
    section#calculate .server-calculate .stats ul li:nth-child(even){float:none;}
    section#calculate .server-calculate #server-calculate-list tbody tr{height:6vh;line-height:6vh;}
    section#calculate .server-calculate #server-calculate-list .date{width:30%;}
    section#calculate .server-calculate #server-calculate-list .shopname{width:70%;text-align:right;padding-right:1.5vh;}
    section#calculate .server-calculate #server-calculate-list .exemptiontype{width:70%;text-align:left;padding-left:1.5vh;}
    section#calculate .server-calculate #server-calculate-list .claim{width:30%;}
    section#calculate .server-calculate #server-calculate-list .claim div{vertical-align:middle;display:inline-block;height:4vh;line-height:4vh;width:80%;}
    
    
    /** CMS **/
    section#cms{overflow:hidden;overflow-y:auto;padding:2.5vh 2.5%;}
    section#cms>div{width:100%;height:auto;padding:0;margin:0 auto;}
    section#cms article{width:100%;}
    section#cms .list{padding:2.5%;height:auto;}
    section#cms .filter ol.text-input li{width:100%;}
    section#cms article form{height:90%;}
    section#cms article table tbody tr{height:8vh;display:block;}
    section#cms tbody .state div{width:50%;background:var(--lightpoint);}

    /* 소속 목록 */
    section#cms .group-list table tbody tr{height:10vh;}
    section#cms .group-list table .no{width:10%;height:10vh;line-height:10vh;float:left;}
    section#cms .group-list table .code,section#cms .group-list table .name,section#cms .group-list table .shopcount,section#cms .group-list table .state{width:45%;float:left;height:5vh;line-height:5vh;}
    section#cms .group-list table .state{height:5vh;line-height:5vh;}
    section#cms .group-list table .state div{vertical-align:middle;display:inline-block;width:60%;height:3.5vh;line-height:3.5vh;}

    /* 매장 목록 */
    section#cms .shop-wrap .filter .shop-sido{height:5vh;line-height:5vh;}
    section#cms .shop-wrap .filter .shop-sido h4{margin-right:0;}
    section#cms .shop-wrap .filter .shop-sido dl{right:0;}
    section#cms .shop-list table tbody tr{height:10vh;position:relative;}
    section#cms .shop-list table .no{width:10%;height:10vh;line-height:10vh;float:left;}
    section#cms .shop-list table .groupname{width:40%;height:5vh;line-height:5vh;float:left;}
    section#cms .shop-list table .shopcode{width:20%;height:5vh;line-height:5vh;float:left;}
    section#cms .shop-list table .shopname{width:60%;float:left;height:5vh;line-height:5vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#cms .shop-list table .state{position:absolute;top:0;right:0;width:30%;height:5vh;line-height:5vh;}
    section#cms .shop-list table .connect{width:30%;float:left;height:5vh;line-height:5vh;}
    section#cms .shop-list tbody .connect div{background:var(--pointbt);color:#000;}
    section#cms .shop-list tbody td div{width:70%;vertical-align:middle;display:inline-block;height:3.5vh;line-height:3.5vh;}

    /* 매장 정보 */
    section#cms .shop-info article{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;border-radius:0;}
    section#cms .shop-info article h2{margin-top:3vh;}
    section#cms .shop-info article form{height:82%;overflow:hidden;overflow-y:auto;width:100%;padding:0 2%;}
    section#cms .shop-info article h3{width:100%;}
    section#cms .shop-info article ul{position:relative;margin-bottom:0;}
    section#cms .shop-info article ul li{width:100%;}
    section#cms .shop-info article dl{text-align:center;}
    section#cms .shop-info article form>ul:nth-of-type(n+1){float:left;height:auto;width:100%;}
    section#cms .shop-info article form>ul:nth-of-type(n+1) li{width:100%;height:10vh;}
    section#cms .shop-info article form>ul:nth-of-type(n+1) li p,section#cms .shop-info article form>ul:nth-of-type(n+1) li dl{width:100%;}
    section#cms .shop-info article .shop-sub-info{width:100%;height:auto;position:relative;float:right;margin:2vh auto;}
    section#cms .shop-info article .shop-sub-info h3{margin-bottom:0;}
    section#cms .shop-info article .shop-sub-info li h4{width:100%;margin-right:0;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(1) li{width:100%;height:8vh;line-height:1;line-height:8vh;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(1) li h4{width:auto;margin-right:3vw;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(1) li .toggle{float:none;display:inline-block;height:4vh;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(1) li .toggle input:checked{background:#000;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(2) li{float:left;width:100%;margin:0;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(2) li p{width:100%;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(n+3){width:100%;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) h3{width:100%;height:auto;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) .input-group{width:100%;position:relative;margin-bottom:2vh;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) .input-group input{background:#fff;text-align:left;padding:0 3%;height:5vh;line-height:5vh;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) li:nth-of-type(1){width:100%;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) li:nth-of-type(n+2) input{padding:0 3%;}
    section#cms .shop-info article .shop-sub-info ul:nth-of-type(3) li:nth-of-type(2){width:100%;float:none;}
    section#cms .shop-info article .shop-sub-info #shopmemo{width:100%;height:15vh;}
    section#cms .shop-info article form>ul:nth-of-type(3){width:100%;text-align:left;position:relative;}
    section#cms .shop-info article form>ul:nth-of-type(3) li{height:12vh;width:100%;}
    section#cms .shop-info article form>ul:nth-of-type(3) li h4{font-size:2.2vh;margin-bottom:2vh;}
    section#cms .shop-info article form>ul:nth-of-type(3) li button{width:49%;margin-bottom:0;font-size:1.8vh;}
    section#cms .shop-info article .bt-wrap{width:100%;height:8vh;}
    section#cms .shop-info article .bt-wrap button{width:28%;}

    /* 계정 목록 */
    section#cms .account-list table tbody tr{height:10vh;position:relative;}
    section#cms .account-list table tbody td{height:5vh;line-height:5vh;position:relative;}
    section#cms .account-list table .no{width:10%;height:10vh;line-height:10vh;float:left;}
    section#cms .account-list table .shopname,section#cms .account-list table .accountname{width:45%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#cms .account-list table .level,section#cms .account-list table .state{width:45%;float:left;}
    section#cms .account-list table .state div{vertical-align:middle;display:inline-block;height:3.5vh;line-height:3.5vh;}
    section#cms .account-list table tfoot td{text-align:center;}

    /* 기기 목록 */
    section#cms .machine-list table tbody tr{height:8vh;position:relative;}
    section#cms .machine-list table tbody td{height:8vh;line-height:8vh;float:left;}
    section#cms .machine-list table .no{width:10%;}
    section#cms .machine-list table .shopname{width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#cms .machine-list table .machinecode{width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#cms .machine-list table .state{width:20%;}
    section#cms .machine-list table .state div{width:80%;vertical-align:middle;display:inline-block;}
    section#cms .machine-list table tfoot td{text-align:center;}

    /* 기기 정보 */
    section#cms .machine-info article{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;border-radius:0;}
    section#cms .machine-info article form{width:100%;padding:0 2%;overflow:hidden;overflow-y:auto;}
    section#cms .machine-info article h3{width:100%;}
    section#cms .machine-info article .toggle input:checked{background:#000;}
    section#cms .machine-info article ul:nth-of-type(1){height:90vh;}
    section#cms .machine-info article ul:nth-of-type(2){height:auto;}
    section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(1){height:8vh;}
    section#cms .machine-info article ul:nth-of-type(2) .toggle{line-height:8vh;margin-left:2vh;}
    section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2){height:auto;}
    section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2) ol li input[type=checkbox]{width:2.5vh;height:2.5vh;margin-right:1vh;}
    section#cms .machine-info article ul:nth-of-type(2)>li:nth-of-type(2) ol li input[type=checkbox]:checked{border-width:.5vh;}
    section#cms .machine-info article ul:nth-of-type(3){height:35vh;}
    section#cms .machine-info article ul:nth-of-type(3) li:nth-of-type(n+1){width:100%;height:35vh;}
    section#cms .machine-info article ul>li{width:100%;float:none;height:10vh;}
    section#cms .machine-info article ul li input,section#cms .machine-info article ul li dl{width:100%;}
    section#cms .machine-info article li h4{width:100%;margin-right:0;} 
    section#cms .machine-info article ul:nth-of-type(3) h4{display:inline-block;margin-bottom:1vh;width:auto;margin-right:2vh;height:3.5vh;line-height:3.5vh;}
    section#cms .machine-info article ul:nth-of-type(3) #submac-add{width:25%;height:3.5vh;background:var(--lightpoint);color:#fff;line-height:3.5vh;}
    section#cms .machine-info article ul:nth-of-type(3) #submac-add i{margin-right:.5vh;}
    section#cms .machine-info article ul .submac-list{width:100%;height:85%;padding:0;overflow:hidden;overflow-y:auto;}
    section#cms .machine-info article ul .submac-list table{width:100%;text-align:center;padding:0;font-size:1.8vh;}
    section#cms .machine-info article ul .submac-list thead{display:none;}
    section#cms .machine-info article ul .submac-list tbody tr{height:6vh;display:block;overflow:hidden;}
    section#cms .machine-info article ul .submac-list tbody tr td{width:25%;float:left;line-height:6vh;}
    section#cms .machine-info article ul .submac-list tbody tr .state div{margin:0 auto;height:3.5vh;line-height:3.5vh;display:inline-block;width:80%;}
    section#cms .machine-info article #etcsettings{width:100%;height:85%;}
    section#cms .machine-info article #machinememo{width:100%;height:85%;}
    section#cms .machine-info article .bt-wrap{width:100%;height:8vh;}

    /* 물품 관리 */
    section#cms .products-wrap .wrap{height:auto;padding:0;margin:0 auto;margin-bottom:2.5vh;width:100%;font-size:1.8vh;}
    section#cms .products-wrap .pro-filter{height:auto;margin-bottom:2.5vh;}
    section#cms .products-wrap .pro-filter input{font-size:1.8vh;}
    section#cms .products-wrap .pro-filter .pro-sort{width:95%;padding:0;}
    section#cms .products-wrap .pro-filter .pro-sort h4{margin-right:3vw;line-height:5vh;}
    section#cms .products-wrap .pro-filter .pro-sort dl{width:70%;max-height:30vh;overflow:hidden;}
    section#cms .products-wrap .pro-filter .pro-state{height:10vh;}
    section#cms .products-wrap .pro-filter .pro-state li{margin-bottom:1vh;}

    section#cms .products-wrap .pro-sort{height:auto;padding:2vw;}
    section#cms .products-wrap .pro-sort h2{margin:1vh;}
    section#cms .products-wrap .pro-sort form{padding-top:2vh;width:95%;margin:0 auto;}
    section#cms .products-wrap .pro-sort tbody tr{height:8vh;width:100%;line-height:8vh;display:block;}
    section#cms .products-wrap .pro-sort tbody td{width:30%;float:left;}
    section#cms .products-wrap .pro-sort tbody .no{width:15%;}
    section#cms .products-wrap .pro-sort tbody .midsort{width:40%;word-break:break-all;line-height:8vh;}
    section#cms .products-wrap .pro-sort tbody .delete{width:15%;}
    section#cms .products-wrap .pro-sort tbody .delete button{width:100%;}

    section#cms .products-wrap .pro-list{height:auto;margin:0;margin-right:2.5%;padding:2.5vw;width:100%;}
    section#cms .products-wrap .pro-list h2{margin:1vh;}
    section#cms .products-wrap .pro-list table{width:100%;margin-top:2vh;}
    section#cms .products-wrap .pro-list tbody tr{height:10vh;line-height:10vh;display:block;}
    section#cms .products-wrap .pro-list tbody tr td{float:left;}
    section#cms .products-wrap .pro-list tbody .show, section#cms .products-wrap .pro-list tbody .soldout{display:none;}
    section#cms .products-wrap .pro-list tbody tr td{width:10%;height:10vh;line-height:10vh;}
    section#cms .products-wrap .pro-list tbody tr .image{width:25%;height:10vh;line-height:10vh;padding:0 1vw;}
    section#cms .products-wrap .pro-list tbody tr .image img{max-height:100%;display:inline-block;vertical-align:middle;}
    section#cms .products-wrap .pro-list tbody tr .name{width:65%;height:5vh;line-height:5vh;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#cms .products-wrap .pro-list tbody tr .sort{width:40%;height:5vh;line-height:5vh;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#cms .products-wrap .pro-list tbody tr td.delete{width:25%;height:5vh;line-height:5vh;}
    section#cms .products-wrap .pro-list tbody tr td.delete button{height:3.5vh;line-height:3.5vh;}
    section#cms .products-wrap .pro-list tfoot td{display:block;width:100%;}
    section#cms .products-wrap .pro-list tfoot .add{float:none;width:50%;height:5vh;margin:0 auto;padding:0;}
    section#cms .products-wrap .pro-list tfoot .add div{width:100%;height:5vh;font-size:1.8vh;line-height:5vh;}
    
    /* 물품 정보 */
    section#cms .products-info article{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999;border-radius:0;}
    section#cms .products-info article form{width:100%;padding:0 2%;margin:0 auto;height:85%;overflow:hidden;overflow-y:auto;}
    section#cms .products-info article ul{height:auto;}
    section#cms .products-info article .pro-main-info{width:100%;margin:0;float:none;}
    section#cms .products-info article .pro-main-info .file-upload{height:35vh;}
    section#cms .products-info article .pro-main-info #pro-info{height:10vh;overflow:hidden;}
    section#cms .products-info article .pro-sub-info{width:100%;float:none;}
    section#cms .products-info article .pro-sub-info ul{height:auto;}
    section#cms .products-info article .pro-sub-info ul li{height:10vh;margin:0;vertical-align:middle;width:100%;}
    section#cms .products-info article .pro-sub-info ul li dl{top:3vh;}
    section#cms .products-info article .pro-sub-info ul li .pro-majorsort{max-height:25vh;overflow:hidden;}
    section#cms .products-info article .pro-sub-info ul:nth-of-type(2) li{width:48%;margin-right:1%;margin-bottom:2vh;}
    section#cms .products-info article .pro-sub-info ul:nth-of-type(2) li h4{display:inline-block;margin-bottom:0;margin-right:.5vw;line-height:6vh;}
    section#cms .products-info article .pro-sub-info ul:nth-of-type(2) li .toggle{line-height:6vh;width:9vh;}
    section#cms .products-info article .pro-sub-image{width:100%;height:auto;float:right;}
    section#cms .products-info article .pro-sub-image .file-upload{width:100%;height:50vh;overflow-y:auto;}
    section#cms .products-info article .pro-sub-image .file-upload img{max-height:none;}
    section#cms .products-info article .bt-wrap{width:100%;height:8vh;}
    
    /* 주문 관리 */
    section#cms .orders-wrap{padding:0;height:auto;}
    section#cms .orders-wrap .wrap{overflow:visible;width:100%;height:auto;}
    section#cms .orders-wrap .cms-order-filter{height:auto;margin-bottom:2.5vh;padding-bottom:.1vh;}
    section#cms .orders-wrap .cms-order-filter dl{width:70%;}
    section#cms .orders-wrap .cms-order-filter ol{margin:2.5vh auto;}
    section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+3):nth-of-type(-n+4){height:5vh;line-height:5vh;}
    section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+3):nth-of-type(-n+4) h4{margin-right:2.5vh;}
    section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+6){height:8vh;}
    section#cms .orders-wrap .cms-order-filter ol:nth-of-type(n+6) li{width:100%;}
    section#cms .orders-wrap .current-state{height:auto;}
    section#cms .orders-wrap .current-state ul{position:relative;top:0;left:0;transform:translate(0%,0%);}
    section#cms .orders-wrap .current-state ul li{height:10vh;line-height:10vh;font-size:1.8vh;}
    section#cms .orders-wrap #cms-order-list tbody tr{height:13vh;}
    section#cms .orders-wrap #cms-order-list td{float:left;height:4vh;line-height:4vh;}
    section#cms .orders-wrap #cms-order-list .date{width:50%;text-align:left;}
    section#cms .orders-wrap #cms-order-list .shop{width:50%;text-align:right;}
    section#cms .orders-wrap #cms-order-list .pro{width:60%;text-align:left;}
    section#cms .orders-wrap #cms-order-list .price{width:40%;text-align:right;}
    section#cms .orders-wrap #cms-order-list .order, section#cms .orders-wrap #cms-order-list .del{width:50%;height:5vh;line-height:5vh;}
    section#cms .orders-wrap #cms-order-list .pro span{height:3vh;padding:0 .5vh;border-radius:2vmin;line-height:3vh;margin-left:.5vh;}
    section#cms .orders-wrap #cms-order-list td div{height:4vh;line-height:4vh;width:80%;margin:0;}
    section#cms .orders-wrap #cms-order-list .del div{float:right;}
 
    /* 주문 정보 */
    section#cms .cms-order-info{width:100%;height:100%;padding:2.5vh 2.5%;}
    section#cms .cms-order-info article{width:100%;height:100%;padding:3% 0;position:fixed;top:0;left:0;z-index:9999;border-radius:0;}
    section#cms .cms-order-info article h2{margin:2vh 0;}
    section#cms .cms-order-info article form{overflow:hidden;overflow-y:auto;}
    section#cms .cms-order-info #cms-order-info #cms-od-info{width:100%;height:4vh;line-height:5vh;right:0;padding:0 2.5%;position:relative;}
    section#cms .cms-order-info #cms-order-info #cms-od-info #cms-od-state{width:12vh;height:5vh;border-radius:2vmin;margin-right:1vh;position:fixed;top:2.5%;left:3%;}
    section#cms .cms-order-info #cms-order-info #cms-od-info h3:nth-of-type(n+2){font-size:2vh;height:4vh;line-height:4vh;margin:0 .5vh;vertical-align:top;}
    section#cms .cms-order-info #cms-order-info #cms-od-info h3:nth-last-of-type(1){font-size:1.4vh;color:var(--darkgray);}
    section#cms .cms-order-info #cms-order-info #cms-od-info h3 span{margin-left:1vh;}
    section#cms .cms-order-info #cms-order-info .info-type{margin-bottom:2vh;}
    section#cms .cms-order-info #cms-order-info .info-type h4{margin:0;margin-right:1vh;}
    section#cms .cms-order-info #cms-order-info .info-type>ul>li{display:block;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap{width:98%;height:auto;display:block;margin:0 auto 3vh;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap .all-pro{height:5vh;line-height:5vh;font-size:1.8vh;padding-left:.5vh;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap .all-pro label{margin-left:.5vh;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap input[type=checkbox]{width:3vh;height:3vh;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap input[type=checkbox]:checked{border:.8vh solid #000;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table{border-radius:2vmin;height:auto;height:38vh;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table thead{display:none;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table tbody{height:100%;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table tr{height:8vh;line-height:8vh;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td{font-size:1.8vh;height:4vh;line-height:4vh;float:left;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.check{width:10%;height:8vh;line-height:8vh;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.name{width:60%;text-align:left;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.unit{width:15%;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.count{width:15%;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.price{width:25%;text-align:left;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.invoice{width:35%;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.del{width:30%;}
    section#cms .cms-order-info #cms-order-info .del-pro-wrap table td.del div{width:75%;height:3.5vh;border-radius:2vmin;}
    section#cms .cms-order-info #cms-order-info .del-pay-wrap{width:95%;display:block;margin-left:0;height:auto;padding:0;margin:0 auto;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info{margin-bottom:4vh;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info ul{height:auto;margin:0;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info ul li{height:auto;line-height:4vh;width:100%;padding:0 1%;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info ul li p{display:inline-block;width:auto;margin:0;vertical-align:middle;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(1){padding:.5vh 0;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(1) li, section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li:nth-of-type(n+2){width:100%;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li{margin-top:1vh;}
    section#cms .cms-order-info #cms-order-info #cms-od-del-info ul:nth-of-type(2) li:nth-of-type(n+4){line-height:4vh;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info{display:block;text-align:left;position:relative;bottom:0;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info h4{height:4vh;line-height:4vh;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info li{height:5vh;line-height:5vh;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info{text-align:left;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li{width:100%;padding:0 1vh;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-of-type(1){padding:1vh;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-of-type(1) p{width:75%;height:4vh;line-height:4vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-last-of-type(1){border-radius:2vmin;}
    section#cms .cms-order-info #cms-order-info #cms-od-pay-info .price-info li:nth-last-of-type(1) #cms-od-total-price{font-size:2.2vh;}
    section#cms .cms-order-info .bt-wrap button{width:15%;}
    
    /* 주문 기본 설정 */
    section#cms .order-settings-wrap{height:100%;}
    section#cms .order-settings-wrap article h2{width:65%;margin:1.5vh 0}
    section#cms .order-settings-wrap article form{padding-top:2vh;}
    section#cms .order-settings-wrap article h3{width:auto;margin-bottom:1.5vh;}
    section#cms .order-settings-wrap article ul li{width:100%;margin:1vh 0;}
    section#cms .order-settings-wrap article ul li .input-group input{height:5vh;line-height:5vh;}
    
    
    /** 모달 **/
    section#modal article{width:100%!important;height:100%!important;top:0;left:0;transform:translate(0);border-radius:0;}
    section#modal article h3{margin:3.5vh auto 2vh;font-size:3vh;}
    section#modal article form{position:absolute;top:50%;left:50%;max-height:calc(100% - 18vh);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;padding:0 2%;}
    section#modal article form ul{margin:5% auto;}
    section#modal article form ul:nth-of-type(2){padding-bottom:2vh;margin-bottom:2vh;}
    section#modal article form ul>li{width:100%;margin:2.5% auto;position:relative;}
    section#modal article form ul li p{margin-left:5%;}
    section#modal article form ul li .storeaddress{margin-left:0;}
    section#modal article form ul li .toggle{width:9vh;}
    section#modal article .bt-wrap{position:absolute;width:100%;bottom:0;height:8vh;}

    /* 포인트 고객 정보 모달 - 모바일: 이용 내역을 인풋·메모 하단으로 세로 배치 */
    section#modal .point-cm-info form{flex-direction:column;gap:0;height:auto;max-height:calc(100% - 20vh);top:50%;transform:translate(-50%,-50%);overflow-y:auto;}
    section#modal .point-cm-info .cm-info-left{width:100%;flex:0 0 auto;}
    /* (1) 필드 그리드: 모바일은 단일 컬럼(인풋 100%), 버튼(fld-btns) 행만 내부 2버튼 유지 */
    section#modal .point-cm-info .cm-info-fields{grid-template-columns:1fr;grid-template-rows:auto;row-gap:2vh;
        grid-template-areas:"contact" "pw" "count" "point" "regdate" "btns" "consent";}
    /* 고객 추가 모드: 연락처·비밀번호도 단일 컬럼(100% 폭) */
    section#modal .point-cm-info.cm-add .cm-info-fields{grid-template-columns:1fr;grid-template-areas:"contact" "pw";}
    section#modal .point-cm-info .cm-info-fields h4{margin-bottom:.8vh;}
    section#modal .point-cm-info .cm-info-fields ul{margin:0;padding:0;}
    section#modal .point-cm-info .cm-info-fields li{width:100%;margin:0 0 3.5vh;padding:0 1%;}
    section#modal .point-cm-info .cm-info-fields p{margin-left:0;}
    /* (2) 메모 좌우 패딩을 인풋과 동일하게 */
    section#modal .point-cm-info .cm-info-memo li{padding:0 1%;}
    section#modal .point-cm-info .cm-info-memo textarea{height:12vh;}
    section#modal .point-cm-info .cm-info-log{width:100%;flex:0 0 auto;border-left:none;border-top:1px solid var(--lightgray);padding-left:0;padding-top:2vh;margin-top:2vh;}
    section#modal .point-cm-info .cm-log-body{flex:0 0 auto;overflow:visible;display:block;}
    /* (3) 이용내역: 한 행 2줄 (일자|포인트변동 / 분류|상세내역), 헤더 숨김 */
    section#modal .point-cm-info .cm-log-empty{font-size:1.9vh;padding:2vh 0;}
    section#modal .point-cm-info .point-cm-log-list{font-size:1.8vh;}
    section#modal .point-cm-info .point-cm-log-list thead{display:none;}
    section#modal .point-cm-info .point-cm-log-list tbody tr{display:flex;flex-wrap:wrap;align-items:center;row-gap:.8vh;padding:1.3vh 0;}
    section#modal .point-cm-info .point-cm-log-list tbody td{padding:0 1%;height:auto;}
    section#modal .point-cm-info .point-cm-log-list .date{order:1;width:60%;text-align:left;white-space:nowrap;}
    section#modal .point-cm-info .point-cm-log-list .pointchange{order:2;width:40%;text-align:right;}
    section#modal .point-cm-info .point-cm-log-list .state{order:3;width:auto;flex:0 0 auto;text-align:left;}
    section#modal .point-cm-info .point-cm-log-list .detail{order:4;flex:1 1 0;min-width:0;text-align:left;}
    section#modal .point-cm-info .point-cm-log-list tbody td.state div{width:auto;margin:0;padding:0 3vw;display:inline-flex;align-items:center;justify-content:center;height:4.5vh;line-height:4.5vh;font-size:1.5vh;border-radius:1vh;}
    /* 모바일 전용 '이용 내역' 타이틀(데스크톱 아코디언 탭 대체) */
    section#modal .point-cm-info .cm-log-title{display:block;font-family:'neo-bd';font-size:2vh;text-align:center;margin-bottom:1.5vh;}
    /* 페이저 하단 여백 — 하단 버튼(삭제 등) 오터치 방지 */
    section#modal .point-cm-info .point-cm-log-page{padding-bottom:3.5vh;}
    /* 이용내역 페이저 — form ul>li(width:100%) 간섭 무력화, 전역 .page-bt 스타일 유지 */
    section#modal .point-cm-info .point-cm-log-page .pagination{display:inline-block;width:auto;margin:0;padding:0;}
    section#modal .point-cm-info .point-cm-log-page .pagination>li{width:4.5vh;height:4.5vh;line-height:4.5vh;margin:0 1vw;padding:0;display:inline-block;vertical-align:middle;}
    section#modal .point-cm-info .point-cm-log-page .pagination>li a{font-size:1.9vh;}
    
    /* 매출 정보 모달 */
    section#modal .sales-info form{max-height:calc(100% - 18vh);width:100%;padding:0 2%;}
    section#modal .sales-info#qr-receipt form{max-height:90%;position:relative;top:0;left:0;transform:none;}
    section#modal .sales-info form h4{font-size:2vh;}
    section#modal .sales-info form p{font-size:1.8vh;}
    section#modal .sales-info form ul:nth-of-type(1) li p{width:100%;margin-left:0;margin-top:2vw;}
    section#modal .sales-info .bt-wrap button{width:30%;margin:2% 1%;}

    /* 매출 환불 모달 */
    section#modal .sales-refund form ul:nth-of-type(3)>li{margin:2vh auto;height:7vh;}
    section#modal .sales-refund form ul:nth-of-type(1) li p{width:100%;margin-left:0;margin-top:2vw;}
    section#modal .sales-refund form ul:nth-of-type(3)>li:nth-last-of-type(1){height:20vw;}
    section#modal .sales-refund form ul li ol{margin-top:1vh;width:100%;}
    section#modal .sales-refund form ul li ol li{margin-right:3vw;}
    section#modal .sales-refund form ul li dl{width:100%;display:block;margin-top:3.5vh;}
    section#modal .sales-refund form ul li dl span{width:100%;}
    section#modal .sales-refund form ul li textarea{width:100%;margin-top:2vw;}
    
    /* 재고 분류 선택 모달 */
    section#modal .stock-sort-select ul li{width:100%;height:10vh;}
    section#modal .stock-sort-select ul li dl{top:4vh;max-height:30vh;}
    
    /* 상품 정보 모달 */
    section#modal .goods-info{font-size:1.8vh;}
    section#modal .goods-info input,section#modal .goods-info .input-group-text{font-size:1.8vh;}
    section#modal .goods-info ul li{width:100%;}
    section#modal .goods-info ul li input{padding:0 2vw;}
    section#modal .goods-info ul li h4{margin-bottom:1vh;font-size:2vh;}
    section#modal .goods-info form{width:100%;height:calc(100% - 18vh);overflow:hidden;overflow-y:auto;width:100%;padding:0 2%;}
    section#modal .goods-info .main-info{width:100%;height:auto;float:none;}
    section#modal .goods-info .main-info li{margin:0 0 3vw;}
    section#modal .goods-info .main-info li h4{font-size:2vh;}
    section#modal .goods-info .main-info li:nth-of-type(1){height:80vw;}
    section#modal .goods-info .main-info li textarea{width:100%;padding:2vw;}
    section#modal .goods-info .main-info li #goodsname{height:11vh;}
    section#modal .goods-info .main-info li #goodsinfo{height:14vh;}
    section#modal .goods-info .main-info li p{margin:0;}
    section#modal .goods-info .main-info li:nth-last-of-type(3) h4{margin-right:2vw;}
    section#modal .goods-info .main-info li .toggle{width:22%;margin-right:5vw}
    section#modal .goods-info .main-info li .accrual{margin-left:2vw;width:23%;border-radius:3vw;}
    section#modal .goods-info .main-info li .accrual dt{line-height:10vw;}
    section#modal .goods-info .main-info li .accrual span{float:none;width:100%;padding:0 2vw;}
    section#modal .goods-info .main-info li .accrual .icon{line-height:10vw;right:1vw;}
    section#modal .goods-info .select-info{width:100%;height:auto;float:none;}
    section#modal .goods-info ol li{width:50%;height:10vw;float:left;margin-right:0;}
    section#modal .goods-info ol li input{height:5vh;border-radius:2vmin 0 0 2vmin;width:100%;}
    section#modal .goods-info ol li:nth-of-type(2) input{border-radius:0 2vmin 2vmin 0;}
    section#modal .goods-info ol li input:checked{width:100%;border:none;background:#000;height:5vh;}
    section#modal .goods-info ol li label{line-height:5vh;}
    section#modal .goods-info .select-info li{height:8vh;margin-bottom:2vh;}
    section#modal .goods-info .select-info li p{width:100%;margin:0;}
    section#modal .goods-info .select-info li dl{width:100%;line-height:1.5vh;left:0;top:3vh;}
    section#modal .goods-info .select-info li dl span{width:100%;}
    section#modal .goods-info .select-info li:nth-of-type(n+6){width:50%;margin-right:0;float:left;height:10vw;}
    section#modal .goods-info .select-info li:nth-of-type(n+6) h4{margin-right:0;line-height:10vw;width:50%;}
    section#modal .goods-info .select-info li.goodsaccrual{width:100%}
    section#modal .goods-info .select-info li.goodsaccrual h4{width:auto;display:inline-block;}
    section#modal .goods-info .select-info li.goodsaccrual .input-group{float:right;}
    section#modal .goods-info .select-info li .toggle{width:9vh;line-height:10vw;height:10vw;float:none;}
    section#modal .goods-info .setting-select{width:100%;height:auto;float:none;overflow:hidden;}
    section#modal .goods-info .setting-select ul{height:auto;float:none;}
    section#modal .goods-info .setting-select .recipe h4, section#modal .goods-info .setting-select .oper h4, section#modal .goods-info .setting-select .option h4{font-size:1.8vh;}
    section#modal .goods-info .setting-select>ul{margin:3vh 0 2vh;font-size:0;}
    section#modal .goods-info .setting-select>ul li{width:33%;height:5vh;margin-right:0;float:none;display:inline-block;font-size:1.8vh;}
    section#modal .goods-info .setting-select>ul li input{border-radius:0;}
    section#modal .goods-info .setting-select>ul li:nth-of-type(1) input{border-radius:2vmin 0 0 2vmin;}
    section#modal .goods-info .setting-select>ul li:nth-last-of-type(1) input{border-radius:0 2vmin 2vmin 0;}
    section#modal .goods-info input[type=radio]:checked{width:100%;height:5vh;}
    section#modal .goods-info .setting-select li label{line-height:5vh;}
    section#modal .goods-info .setting-detail{height:auto;}
    section#modal .goods-info .setting-detail .recipe ul>li{width:100%;margin-right:0;margin-bottom:5vw;}
    section#modal .goods-info .setting-detail .recipe ul>li:nth-of-type(1){width:100%;}
    section#modal .goods-info .setting-detail .recipe ul>li:nth-of-type(1) li{width:50%;}
    section#modal .goods-info .setting-detail .recipe ul>li:nth-of-type(1) li input{line-height:5vh;height:5vh;}
    section#modal .goods-info .setting-detail .recipe ul>li:nth-of-type(1) li label{line-height:5vh;margin:0;}
    section#modal .goods-info .setting-detail .recipe ul li p{margin:0;}
    section#modal .goods-info .setting-detail .oper .move-select{width:100%;height:auto;float:none;text-align:center;margin-bottom:5vw;}
    section#modal .goods-info .setting-detail .oper .move-select li{line-height:10vw;margin-right:0;width:48%;font-size:4vw;}
    section#modal .goods-info .setting-detail .oper .move-sequence{width:100%;float:none;padding:2vw;height:auto;border-radius:3vw;}
    section#modal .goods-info .setting-detail .oper .move-sequence ul{margin-top:3vw;}
    section#modal .goods-info .setting-detail .oper .move-sequence ul li{width:100%;margin:0 auto 3vw;line-height:10vw;font-size:4vw;}
    section#modal .goods-info .setting-detail .oper .move-sequence li .icon:nth-of-type(1){background:#000;width:15%;color:#fff;font-size:4vw;margin-right:.5vw;}
    section#modal .goods-info .setting-detail .oper .move-sequence li .icon:nth-of-type(2){font-size:6vw;}
    section#modal .goods-info .setting-detail .option ul{font-size:0;flex-wrap:wrap;gap:5%;}
    section#modal .goods-info .setting-detail .option ul>h4{width:100%;margin-bottom: 2vh;}
    section#modal .goods-info .setting-detail .option ul>li{max-width:47.5%;margin:0;margin-bottom:2vh;}
    
    /* 상품 제조 모달 */
    section#modal .goods-made{padding:5vw;}
    section#modal .goods-made form{width:95%;height:calc(100% - 15vh);padding:5vw 0;}
    section#modal .goods-made .drink-info{width:100%;height:50%;float:none;margin-left:0;border-radius:3vw;}
    section#modal .goods-made .drink-info .name{line-height:1.8vh;height:1.8vh;}
    section#modal .goods-made .made-option{width:100%;height:auto;float:none;padding:5vw 0;}
    section#modal .goods-made .made-option>li{margin:3vw 0;height:20vw;}
    section#modal .goods-made .made-option li h4{margin-bottom:3vw;}
    section#modal .goods-made .made-option li dl{width:100%;}
    section#modal .goods-made .made-option li ol li{width:30%;line-height:3vh;margin-right:2vw;height:3vh;text-align:center;}
    section#modal .goods-made .made-option li ol li label{line-height:3vh;vertical-align:top;}

    /* 제빙기 값 일괄 변경 모달 (모바일) */
    section#modal .ice-bulk-change{padding:5vw;}
    /* (1) 제목을 X 아이콘과 같은 높이로 정렬 (X: top 2vh + height 6vh → 중심 5vh). article padding 영향 없이 맞추려 absolute */
    section#modal .ice-bulk-change h3{position:absolute;top:2vh;left:0;width:100%;margin:0;height:6vh;line-height:6vh;text-align:center;}
    /* (2) form 좌우 여백 추가 (상/하단 버튼 영역 제외, 내용 영역만) */
    section#modal .ice-bulk-change form{width:100%;padding:0 5vw;}
    section#modal .ice-bulk-change .change-method{padding-bottom:3vw;margin:0 0 3vh;}
    section#modal .ice-bulk-change .change-method h4{font-size:2vh;margin-bottom:2vh;}
    /* 긴 라벨은 모바일에서 상하로 배치 */
    section#modal .ice-bulk-change .change-method li{display:block;width:100%;margin:2vh 0;line-height:3vh;font-size:1.9vh;white-space:normal;}
    section#modal .ice-bulk-change .change-method li label{line-height:3vh;margin-left:2vw;}
    /* (3) 얼음/물 인풋을 가로로 나란히 (48% 2열, float은 데스크톱 규칙 재사용) */
    section#modal .ice-bulk-change .ice-bulk-inputs>li{width:48%;margin:2vh 0;}
    section#modal .ice-bulk-change .ice-bulk-inputs>li h4{font-size:1.9vh;margin-bottom:1.5vh;}
    section#modal .ice-bulk-change .ice-bulk-inputs .input-group .form-control,
    section#modal .ice-bulk-change .ice-bulk-inputs .input-group-text{height:5vh;line-height:5vh;font-size:1.9vh;}
    /* 셀렉트는 데스크톱과 동일하게 absolute 오버레이 유지(레이아웃 흔들림 방지), 모바일 크기만 조정 */
    section#modal .ice-bulk-change .ice-direction{min-height:5vh;line-height:5vh;border-radius:2vmin;margin:1.2vh 0 0;}
    section#modal .ice-bulk-change .ice-direction dt,
    section#modal .ice-bulk-change .ice-direction dt span{line-height:5vh;font-size:1.8vh;}
    section#modal .ice-bulk-change .ice-direction dd{line-height:5vh;font-size:1.8vh;}
    section#modal .ice-bulk-change.relative-mode .ice-bulk-inputs>li{padding-bottom:6.5vh;}/* 셀렉트 자리 확보(모바일 크기) */
    section#modal .ice-bulk-change .ice-apply-all{padding-top:3vh;font-size:1.9vh;}
    section#modal .ice-bulk-change .ice-apply-all input[type=checkbox]{width:3vh;height:3vh;margin-right:2vw;}
    section#modal .ice-bulk-change .ice-apply-all input[type=checkbox]:checked{border:.8vh solid #000;}
    section#modal .ice-bulk-change .ice-bulk-warning{margin-top:2.5vh;font-size:1.9vh;line-height:1.5;}

    /* 카테고리 정보 모달 */
    section#modal .category-info form{height:40%;}
    section#modal .category-info ul li h4{margin-bottom:2vh;}
    section#modal .category-info ul li:nth-of-type(n+2) p{width:100%;margin:0;}
    section#modal .category-info ul li:nth-of-type(1){width:100%;}
    section#modal .category-info ul li:nth-of-type(1) h4{margin-right:3vmax;}

    /* 원격 조정 모달 */
    section#modal .remote-info{width:100%;height:100%;padding:5vw;}
    section#modal .remote-info h3{margin-top:1vh;}
    section#modal .remote-info .remote-select{width:100%;height:50%;}
    section#modal .remote-info .remote-select .remote-icon{width:100%;left:0;}
    section#modal .remote-info .remote-select .remote-icon i{width:10vh;height:10vh;font-size:10vh;}
    section#modal .remote-info .remote-select .remote-icon p{font-size:2.2vh;}
    section#modal .remote-info .remote-wash{float:none;width:100%;padding:15% 0;height:auto;}
    section#modal .remote-info .remote-wash ul{text-align:center;}
    section#modal .remote-info .remote-wash ul li{width:80%;margin:5vw 0;height:9vh;}
    section#modal .remote-info .remote-wash ul li dl{width:100%;max-height:35vh;}
    section#modal .remote-info .remote-wash ul li .input-group{width:100%;}
    section#modal .remote-info .remote-cup{float:none;width:100%;padding:5% 0;height:auto;}
    section#modal .remote-info .remote-cup ul{text-align:center;}
    section#modal .remote-info .remote-cup ul li{width:100%;margin:5vw 0;display:block;}
    section#modal .remote-info .remote-cup ul li ol{width:30%;margin:0 auto;}
    section#modal .remote-info .remote-cup ul li h4{margin-bottom:2vh;}
    section#modal .remote-info .remote-cup ul li ol li{width:100%;display:inline-block;text-align:left;margin:1vh 0;}
    section#modal .remote-info .remote-ice{float:none;width:100%;padding:10% 0;height:auto;}
    section#modal .remote-info .remote-ice ul{text-align:center;}
    section#modal .remote-info .remote-ice ul li{width:100%;margin:5vw 0;}
    section#modal .remote-info .remote-ice ul li p input{margin-right:3vw;}
    section#modal .remote-info .remote-reset{float:none;width:100%;padding:5% 0;height:auto;}
    section#modal .remote-info .remote-reset ul{text-align:center;}
    section#modal .remote-info .remote-reset ul li{width:100%;margin:5vw 0;display:block;}
    section#modal .remote-info .remote-reset ul li ol li{margin-right:3vw;display:inline-block;}
    
    /* 물품 정보 모달 */
    section#modal .shop-pro-info{font-size:1.8vh;}
    section#modal .shop-pro-info form{padding:0 3%;}
    section#modal .pro-main-info{width:100%;height:auto;float:none;}
    section#modal .pro-main-info li{width:100%;margin:1vh 0;}
    section#modal .pro-main-info .image{width:100%;height:35vh;border-radius:2vmin;}
    section#modal .pro-main-info .name{font-size:2.2vh;}
    section#modal .pro-main-info .info{max-height:8vh;line-height:1.5;}
    section#modal .pro-main-info h4{margin-right:3vw;}
    section#modal .pro-main-info .unit li{margin-right:3vw;}
    section#modal .pro-main-info .count .input-group{height:4vh;width:50%;}
    section#modal .pro-main-info .count .input-group span,#modal .pro-main-info .count .input-group span i,#modal .pro-main-info .count .input-group input{line-height:4vh;height:4vh;}
    section#modal .pro-main-info .price{font-size:2.2vh;}
    section#modal .pro-sub-image{width:100%;height:auto;float:none;border-radius:2vmin;min-height:25vh;}
    section#modal .pro-sub-image div{height:auto;overflow:visible;}

    /* 물품 분류 선택 모달 */
    section#modal .pro-sort-info ul li{text-align:left;width:100%;margin:0;margin-bottom:2vh;}
    section#modal .pro-sort-info ul li h4{width:100%;margin-bottom:1vh;}
    section#modal .pro-sort-info ul li dl{top:3.5vh;max-height:24vh;}
    section#modal .pro-sort-info ul li p{margin:0;}
    
    /* 배송지 목록 모달 */
    section#modal .address-select-list form{height:80%;}
    section#modal .address-select-list ul{width:95%;}
    section#modal .address-select-list ul li{border-radius:2vmin;}
    section#modal .address-select-list ul li label{padding:1% 15% 1% 2%;}
    section#modal .address-select-list ul li label p{margin:1vh 0;}
    section#modal .address-select-list ul li label .addressee{font-size:2vh;}
    section#modal .address-select-list ul li div{width:15%;}
    section#modal .address-select-list ul li div input,section#modal .address-select-list ul li div input:checked{width:3vh;height:3vh;border-radius:3vh;}
    section#modal .address-select-list ul .address-add{height:7vh;line-height:7vh;font-size:2vh;}
    
    /* 배송지 정보 */
    section#modal .address-info form{overflow:hidden;overflow-y:auto;}
    section#modal .address-info h4{margin-bottom:1vh;}
    section#modal .address-info li{padding:0;}
    section#modal .address-info li p,section#modal .address-info li .input-group{margin:0;}
    section#modal .address-info .name-tel li:nth-of-type(3){height:5vh;line-height:5vh;}
    section#modal .address-info .name-tel li:nth-of-type(3) h4{display:inline-block;width:auto;margin-right:1vh;}
    section#modal .address-info .address{padding:0;}
    section#modal .address-info .address li{height:5vh;}
    section#modal .address-info .address li #add-num{padding:0 2%;}
    section#modal .address-info .address li .input-group-text{background:var(--lightgray);border-radius:0;}
    section#modal .address-info .address li:nth-of-type(2){width:100%;margin-left:0;}
    section#modal .address-info .address li:nth-last-of-type(1){width:100%;}
    section#modal .address-info .request{padding:0;}
    section#modal .address-info .request h4{width:auto;display:inline-block;margin:0;margin-right:1vw;vertical-align:middle;}
    section#modal .address-info .request li{height:5vh;}
    section#modal .address-info .request #request-self{width:100%;}
    
    /* 배송조회 */
    section#modal .del-inquiry{padding:3%;}
    section#modal .del-inquiry h3{margin:2vh 0;}
    section#modal .del-inquiry form{width:95%;height:85%;overflow:hidden;overflow-y:auto;padding:0;}
    section#modal .del-inquiry .del-state{width:100%;margin:1vh 0;}
    section#modal .del-inquiry .del-state::before{width:95%;height:1.5vh;}
    section#modal .del-inquiry .del-state li{width:20%;}
    section#modal .del-inquiry .del-state li .icon i{font-size:2.8vh;}
    section#modal .del-inquiry .del-state li.on .icon{border:.8vh solid #000;}
    section#modal .del-inquiry .del-state li h3{margin:1vh 0;font-size:2vh;}
    section#modal .del-inquiry .del-info{width:100%;height:auto;margin:1vh 0;}
    section#modal .del-inquiry .del-info ul{margin:0;}
    section#modal .del-inquiry .del-info li{height:auto;}
    section#modal .del-inquiry .del-info h4{margin-right:0;}
    section#modal .del-inquiry .del-info p{font-size:1.6vh;}
    section#modal .del-inquiry .del-info #del-address{margin-left:0;display:block;}
    section#modal .del-inquiry .del-info #del-sub-add{display:block;}
    section#modal .del-inquiry .del-timestamp{width:100%;height:auto;border-radius:2vmin;}
    section#modal .del-inquiry .del-timestamp thead{height:5vh;line-height:5vh;}
    section#modal .del-inquiry .del-timestamp tbody{height:auto;overflow:hidden;}
    section#modal .del-inquiry .del-timestamp tr{height:5vh;line-height:5vh;}
    section#modal .del-inquiry .del-timestamp td{display:inline-block;font-size:1.5vh;}
    
    /* 장바구니 담기 */
    section#modal .go-cart{padding:65% 4%;}
    section#modal .go-cart h2{font-size:3.5vh;margin:5vh auto;overflow:hidden;white-space:normal;word-break:keep-all;}
    section#modal .go-cart p{font-size:2.2vh;margin-bottom:10vh;}
    section#modal .go-cart .bt-wrap{bottom:0;}
    
    /* 교환/반품 신청 */
    section#modal .change-refund-request form{height:80%;}
    section#modal .change-refund-request form input[type=checkbox]{width:3vh;height:3vh;}
    section#modal .change-refund-request form input[type=checkbox]:checked{border:.8vh solid #000;}
    section#modal .change-refund-request form>h4{height:3vh;line-height:3vh;}
    section#modal .change-refund-request form>div{height:3vh;line-height:3vh;}
    section#modal .change-refund-request form>div label{margin-left:.5vh;font-size:1.8vh;}
    section#modal .change-refund-request .pro-list li{height:15vh;border-radius:2vmin;}
    section#modal .change-refund-request .pro-list li label{padding:1vh 15% 1vh 2%;}
    section#modal .change-refund-request .pro-list li label p{margin:1.5vh 0;}
    section#modal .change-refund-request .pro-list li label .cr-pro-image{width:10vh;height:10vh;margin-right:.5vh;}
    section#modal .change-refund-request .pro-list li label .cr-pro-name{font-size:1.8vh;width:65%;height:8vh;position:relative;}
    section#modal .change-refund-request .pro-list li label .cr-pro-name span{width:100%;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:keep-all;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
    section#modal .change-refund-request .pro-list li label p:nth-of-type(n+3){line-height:3vh;margin:0;margin-right:.2vh;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;}
    section#modal .change-refund-request .pro-list li div{width:15%;}
    section#modal .change-refund-request .cr-way-select>h4{bottom:10vh;margin:0;}
    section#modal .change-refund-request .cr-way-select form{height:72vh;position:relative;top:0;left:0;transform:none;}
    section#modal .change-refund-request .cr-way-select form h4{height:5vh;line-height:5vh;}
    section#modal .change-refund-request .cr-way-select .select-pro{width:100%;display:block;max-height:50vh;height:auto;}
    section#modal .change-refund-request .cr-way-select .pro-list{max-height:90%;height:auto;overflow-y:auto;margin:0;}
    section#modal .change-refund-request .cr-way-select .pro-list li{width:100%;height:14vh;}
    section#modal .change-refund-request .cr-way-select .pro-list .cr-pro-name{font-size:1.8vh;position:relative;}
    section#modal .change-refund-request .cr-way-select .pro-list .cr-pro-name span{width:100%;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:keep-all;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
    section#modal .change-refund-request .cr-way-select .way-select{width:100%;display:block;height:auto;padding-top:0;}
    section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) li{padding-right:1vh;margin:1vh 0;}
    section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) li:nth-last-of-type(1){height:5vh;line-height:5vh;border-radius:2vmin;}
    section#modal .change-refund-request .cr-way-select .way-select ul:nth-last-of-type(1) li:nth-last-of-type(1) #cr-refund-price{font-size:2vh;}
    
    /* 포인트 고객 정보 */
    section#modal .point-cm-info form{width:100%;padding:0 2%;overflow:hidden;overflow-y:auto;}
    section#modal .point-cm-info h4{width:100%;margin-bottom:1vh;}
    section#modal .point-cm-info ul{margin:0;height:auto;}
    section#modal .point-cm-info li{height:auto;}
    section#modal .point-cm-info p{margin:0;max-width:100%;width:100%;}
    section#modal .point-cm-info .input-group{max-width:100%;width:100%;}
    section#modal .point-cm-info .form-control{text-align:left;padding:0 5%;}
    section#modal .point-cm-info ul:nth-last-of-type(1) li textarea{height:15vh;}

    /* 포인트 상품 정보 */
    section#modal .point-goods-info form{text-align:left;}
    section#modal .point-goods-info h4{width:100%;margin-bottom:1vh;}
    section#modal .point-goods-info p,section#modal .point-goods-info .input-group{max-width:100%;width:100%;margin:0;}
    section#modal .point-goods-info .toggle input{width:9vh;}
    section#modal .point-goods-info .form-control{width:85%;}
    section#modal .point-goods-info .input-group-text{width:15%;}
    /* 쿠폰 생성 모달 — 데스크톱 2단 flex 레이아웃을 세로 1단으로 풀고 터치 높이 확보 */
    section#modal .coupon-info{padding:0;}
    section#modal .coupon-info h3{margin:3.5vh auto 2vh;font-size:3vh;}
    section#modal .coupon-info form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-height:calc(100% - 20vh);overflow:hidden;overflow-y:auto;padding:0 5%;text-align:left;}
    section#modal .coupon-info form>ul{display:block;width:100%;margin:0;}
    section#modal .coupon-info form>ul:nth-of-type(1){padding-bottom:1.5vh;margin-bottom:1.5vh;}
    section#modal .coupon-info li{width:100%;margin:0 0 2.5vh;}
    /* 교환상품/금액 입력 li — 구분선 위 여백 축소 */
    section#modal .coupon-info .coupon-new-goods-wrap,section#modal .coupon-info .coupon-new-amount-wrap{margin-bottom:0;}
    section#modal .coupon-info h4{font-size:2vh;margin-bottom:1.5vh;}
    /* 일반 모바일 모달의 p 들여쓰기(margin-left:5%) 제거 — 라디오/입력창 좌측 정렬 */
    section#modal .coupon-info p{margin-left:0;}
    /* 혜택 분류 라디오 — 앞 마진 제거(좌측 정렬), 라벨 줄바꿈 방지 */
    section#modal .coupon-info .coupon-new-type{height:auto;margin-left:0;}
    section#modal .coupon-info .coupon-new-type label{margin:0 8vw 0 1.5vw;white-space:nowrap;}
    /* 입력창 공통 — 6vh 박스에서 텍스트 세로 중앙(line-height 일치), 모바일 표준 radius(2vmin) 통일 */
    section#modal .coupon-info .coupon-new-expires{height:6vh;line-height:6vh;text-align:center;border-radius:2vmin;}
    section#modal .coupon-info .input-group{height:6vh;}
    section#modal .coupon-info .input-group .form-control{height:6vh;line-height:6vh;}
    section#modal .coupon-info .input-group-text{height:6vh;line-height:6vh;}
    /* 교환 상품 드롭다운 — 닫힘일 땐 스크롤바 숨기고, 열림(.dl-open, coupon.js가 토글)일 때만 스크롤 */
    section#modal .coupon-info .long-select{max-height:32vh;overflow-y:hidden;border-radius:2vmin;}
    section#modal .coupon-info .long-select.dl-open{overflow-y:auto;}
    section#modal .coupon-info .long-select dt{line-height:6vh;height:6vh;}
    /* 셀렉트 dt 내부 텍스트/화살표 수직 중앙 정렬 */
    section#modal .coupon-info .long-select dt span{line-height:6vh;vertical-align:middle;}
    section#modal .coupon-info .long-select dt .dl-arrow{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
    /* 쿠폰 만료일 — 타이틀 좌측, 인풋 60% 우측 정렬 */
    section#modal .coupon-info .coupon-new-expires-wrap{display:flex;align-items:center;justify-content:space-between;}
    section#modal .coupon-info .coupon-new-expires-wrap h4{width:auto;margin:0;white-space:nowrap;}
    section#modal .coupon-info .coupon-new-expires-wrap p{flex:none;width:60%;margin:0;}
    /* 생성 수량 — 타이틀 좌측, 인풋 60% 우측 정렬, 슬라이더는 아랫줄 전체 폭 */
    section#modal .coupon-info .coupon-new-count-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
    section#modal .coupon-info .coupon-new-count-wrap h4{width:auto;margin:0;white-space:nowrap;}
    section#modal .coupon-info .coupon-new-count-row{display:contents;}
    section#modal .coupon-info .coupon-new-count-row .input-group{flex:none;width:60%;}
    section#modal .coupon-info .coupon-new-count-gauge{flex:0 0 100%;width:100%;margin-top:2vh;gap:2.5vw;}
    section#modal .coupon-info .coupon-new-count-gauge .gauge-edge{font-size:1.6vh;}
    section#modal .coupon-info .coupon-new-count-range{height:1vh;}
    section#modal .coupon-info .coupon-new-count-range::-webkit-slider-thumb{width:3vh;height:3vh;border-width:.7vh;}
    section#modal .coupon-info .coupon-new-count-range::-moz-range-thumb{width:3vh;height:3vh;border-width:.7vh;}
    /* 하단 버튼 — 다른 모달과 동일 높이(5vh)·flex 균등 배분 */
    section#modal .coupon-info .bt-wrap button{flex:1;width:auto;height:5vh;line-height:5vh;}

    /* 카드 정보 */
    section#modal .rf-info form{width:100%;padding:0 2%;}
    section#modal .rf-info li{height:5vh;}
    section#modal .rf-info ul h4{width:25%;float:left;margin:0;line-height:5vh;}
    section#modal .rf-info ul p{width:75%;float:right;margin:0;line-height:5vh;}
    section#modal .rf-info ul .toggle{width:75%;float:right;margin:0;line-height:5vh;}
    section#modal .rf-info ul .toggle input{width:9vh;}
    section#modal .rf-info ul dl{width:72%;right:2%;top:0;}
    section#modal .rf-info ul:nth-of-type(1){height:auto;margin:0;}
section#modal article.rf-info form ul:nth-of-type(2){margin:0}
    section#modal .rf-info ul:nth-of-type(2) li{line-height:5vh;height:5vh;}
    section#modal .rf-info ul:nth-of-type(2) .input-group{width:75%;float:right;}
    section#modal .rf-info ul:nth-last-of-type(1) h4{margin-bottom:0;}
    section#modal .rf-info ul:nth-last-of-type(1) li{height:auto;}
    
    /* 공지 대상 선택 모달 */
    section#modal .notice-target table{height:90%;border-radius:2vmin;}
    section#modal .notice-target .group{border-radius:2vmin 0 0 2vmin;}
    section#modal .notice-target .st-order-type{border-radius:0 2vmin 2vmin 0;}
    section#modal .notice-target .target-toggle{height:5vh;line-height:5vh;}
    section#modal .notice-target .target-toggle h4{margin-right:1vh;}
    section#modal .notice-target tbody tr{height:5vh;}
    section#modal .notice-target tbody label{width:calc(100% - 4vh);}
    section#modal .notice-target tbody td{line-height:5vh;}
    section#modal .notice-target tbody input[type=checkbox]{border:none;background:var(--lightgray);vertical-align:middle;width:3vh;height:3vh;border-radius:100%;margin-right:1vh;cursor:pointer;}
    section#modal .notice-target tbody input[type=checkbox]:checked{border:.8vh solid #000;width:3vh;height:3vh;}

    /* 공지사항 팝업 */
    section#modal .notice-popup{padding:1%;}
    section#modal .notice-popup form{width:95%;height:97%;margin:0 auto;overflow:hidden;max-height:97%;}
    section#modal .notice-popup .notice-title{margin:2vh 0;height:auto;max-height:12vh;width:90%;}
    section#modal .notice-popup .notice-title li{width:18%;padding:0;vertical-align:bottom;position:relative;}
    section#modal .notice-popup .notice-title li:nth-of-type(2){width:70%;padding:0 1%;vertical-align:middle;}
    section#modal .notice-popup .notice-title #notice-popup-sort{font-size:1.8vh;}
    section#modal .notice-popup .notice-title #notice-popup-title{font-size:2.5vh !important;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;line-height:1.2;position:absolute;top:50%;left:0;transform:translateY(-50%);}
    section#modal .notice-popup form a{width:auto;height:auto;position:relative;}
    section#modal .notice-popup form .notice-content{width:100%;height:86%;overflow:hidden;overflow-y:auto;border:1px solid var(--lightgray);border-radius:1vmin;padding:.5% 1%;}
    section#modal .notice-popup form .notice-content *{font-size:1.5vh!important;}
    section#modal .notice-popup form .notice-content img{max-width:100%;height:auto!important;}
    section#modal .notice-popup form h1{font-size:4vh!important;}
    section#modal .notice-popup form h2{font-size:3vh!important;}
    section#modal .notice-popup form h3{font-size:2.5vh!important;}
    section#modal .notice-popup form h4{font-size:2vh!important;}
    section#modal .notice-popup form h5{font-size:1.8vh!important;}
    section#modal .notice-popup form h6{font-size:1.5vh!important;}
    section#modal .notice-popup form .popup-hide{height:2vh;width:100%;position:relative;border:none;margin-top:1vh;}
    section#modal .notice-popup form .popup-hide input[type=checkbox]{width:3vh;height:3vh;border-radius:100%;position:relative;margin-right:1vh;cursor:pointer;}
    section#modal .notice-popup form .popup-hide input[type=checkbox]:checked{border:.8vh solid;width:3vh;height:3vh;}
    section#modal .notice-popup form .popup-hide label{font-size:1.8vh!important;line-height:3vh;}

    /* 알림톡 발송 정보 */
    section#modal .alarm-info form{width:95%;}
    section#modal .alarm-info #incoming-result{width:10vh;height:4.5vh;top:3vh;left:3%;line-height:4.5vh;font-size:2.5vh;}
    section#modal .alarm-info h4{margin-right:1vh;}
    section#modal .alarm-info li{height:4vh;line-height:4vh;padding:0 1%;}
    section#modal .alarm-info ul:nth-of-type(n+1):nth-of-type(-n+2){margin:0;}
    section#modal .alarm-info ul:nth-of-type(n+1):nth-of-type(-n+2) li{width:100%;}
    section#modal .alarm-info ul:nth-last-of-type(1){height:65%;overflow:hidden;}
    section#modal .alarm-info ul:nth-last-of-type(1) h4{margin-bottom:1vh;}
    section#modal .alarm-info ul:nth-last-of-type(1) li{width:100%;height:100%;overflow:hidden;}
    section#modal .alarm-info ul:nth-last-of-type(1) .contents{border-radius:2vmin;height:90%;padding:1.5%;line-height:2.5vh;word-break:break-all;white-space:normal;}
    
    /* 서버 이용료 청구 내역 모달 */
    section#modal .claim-details form{height:auto;padding:0 2%;}
    section#modal .claim-details .claim-records{width:100%;height:auto;min-height:40vh;margin-bottom:2vh;border-radius:2vmin;line-height:5vh;float:none;}
    section#modal .claim-details .claim-records thead{height:5vh;}
    section#modal .claim-details .claim-records tbody{display:block;height:93%;overflow:hidden;overflow-y:auto;}
    section#modal .claim-details .claim-records td.state div{height:4vh;line-height:4vh;font-size:1.8vh;border-radius:2vmin;}
    section#modal .claim-details .records-detail{width:100%;height:auto;float:none;}
    section#modal .claim-details .records-detail li{height:5vh;line-height:5vh;}
    section#modal .claim-details .records-detail h4{width:25%;height:5vh;line-height:5vh;font-size:1.8vh;}
    section#modal .claim-details .records-detail p{width:75%;height:5vh;line-height:5vh;font-size:1.8vh;padding-left:5%;margin:0;}
    
    /* 서버 이용료 청구 상태 변경 모달 */
    section#modal .claim-state-change form{height:80%;}
    section#modal .claim-state-change ul{width:90%;font-size:0;}
    section#modal .claim-state-change ul li{width:100%;margin-bottom:2vh;}
    section#modal .claim-state-change ul li p{width:75%;margin:0;}
    section#modal .claim-state-change ul li:nth-of-type(n+1):nth-of-type(-n+3){height:5vh;line-height:5vh;}
    section#modal .claim-state-change ul li:nth-of-type(n+1):nth-of-type(-n+3) h4{width:25%;margin:0;}
    section#modal .claim-state-change ul li:nth-of-type(3) dl{width:75%;}
    section#modal .claim-state-change ul li:nth-of-type(4){margin-top:2vh;}
    section#modal .claim-state-change ul li:nth-of-type(4) h4{margin-bottom:1vh;}
    section#modal .claim-state-change ul li:nth-of-type(4) textarea{height:20vh}

    /* 소속 정보 */
    section#modal .group-info form{width:100%;padding:0 2%;}
    section#modal .group-info h4{margin-right:0;width:100%;margin-bottom:1vh;}
    section#modal .group-info ul:nth-of-type(2){height:20vh;}
    section#modal .group-info ul:nth-of-type(2) li{float:left;width:50%;height:5vh;line-height:5vh;}
    section#modal .group-info ul:nth-of-type(2) li h4{width:auto;line-height:5vh;margin:0;margin-right:1vw;}
    section#modal .group-info ul:nth-of-type(2) li:nth-last-of-type(1){width:100%;}
    section#modal .group-info ul:nth-of-type(2) li:nth-last-of-type(1) h4{height:5vh;line-height:5vh;}
    section#modal .group-info li{height:8vh;}
    section#modal .group-info p{width:100%;margin:0;}
    section#modal .group-info .toggle{line-height:4vh;}
    section#modal .group-info dl{max-width:100%;right:0;top:0;width:70%;overflow:overlay;}
    section#modal .group-info li dl::-webkit-scrollbar{width:1vw;}
    section#modal .group-info li dl span{width:100%;}
    section#modal .group-info ul:nth-last-of-type(1) li{width:100%;height:auto;}
    section#modal .group-info .bt-wrap button{width:28%;}
    section#modal .group-info textarea{height:15vh;}

    /* 상품 복사 */
    section#modal .goods-copy form{height:auto;padding-top:0;overflow:hidden;overflow-y:auto;}
    section#modal .goods-copy ul{width:100%;margin:0 auto;margin-bottom:4vh;height:auto;}
    section#modal .goods-copy ul li{text-align:left;height:10vh;width:100%;float:none;margin:0;}
    section#modal .goods-copy ul li:nth-of-type(3){width:100%;margin:0;}
    section#modal .goods-copy ul li:nth-of-type(3) .toggle{width:9vh;height:4vh;}
    section#modal .goods-copy ul li h4{width:100%;margin-bottom:1vh;}
    section#modal .goods-copy ul li dl{width:100%;}
    section#modal .goods-copy ul li dl span,section#modal .goods-copy ul li dl dd,section#modal .goods-copy ul li input{font-size:1.8vh;}
    section#modal .goods-copy ul li p{width:100%;margin:0;}
    section#modal .goods-copy ul:nth-last-of-type(1) p{width:100%;}

    /* 계정 정보 */
    section#modal .account-info form{width:100%;padding:0 2%;height:80%;padding-right:1vh;overflow:hidden;overflow-y:auto;}
    section#modal .account-info h4{margin-right:0;width:100%;margin-bottom:1vh;}
    section#modal .account-info li{position:relative;height:8vh;line-height:1;}
    section#modal .account-info p{max-width:100%;width:100%;margin:0;}
section#modal .account-info li .toggle{line-height:6vh;}
    section#modal .account-info li .toggle input{width:9vh;}
    section#modal .account-info li dl{left:0;top:3.5vh;width:100%;}
    section#modal .account-info ul{margin:0;}
    section#modal .account-info ul:nth-of-type(1){height:auto;}
    section#modal .account-info ul:nth-of-type(2){height:25vh;}
    section#modal .account-info ul:nth-of-type(2) li{height:6vh;}
section#modal .account-info ul:nth-of-type(2) h4{width:auto;margin-bottom:0;margin-right:1vw;}
    section#modal .account-info ul:nth-of-type(1) li:nth-of-type(1){display:block;}
    section#modal .account-info ul:nth-last-of-type(1) li{width:100%;height:10vh;}
    section#modal .account-info li textarea{height:15vh;}
    section#modal .account-info .bt-wrap button{width:28%;}

    /* 연결 기기 */
    section#modal .submac-info{max-height:100%;}
    section#modal .submac-info form{padding:0;width:95%;padding-right:.5vh;height:auto;max-height:80%;display:block;overflow-x:hidden;overflow-y:auto;}
    section#modal .submac-info form ul{height:auto;margin:1vh auto;}
    section#modal .submac-info h4{width:100%;margin-bottom:1vh;}
    section#modal .submac-info li{height:10vh;margin:0;width:100%;}
    section#modal .submac-info li dl{left:0;top:3.5vh;}
    section#modal .submac-info li p,section#modal .submac-info li dl{width:100%;margin:0;}
    section#modal .submac-info ul:nth-of-type(2){padding:0;;}
    section#modal .submac-info ul:nth-of-type(2) li:nth-of-type(1) h4{line-height:8vh;margin:0;margin-right:1vh;height:8vh;}
    section#modal .submac-info ul:nth-of-type(3) li{width:100%;margin:.5vh auto;}
    section#modal .submac-info li .toggle{width:9vh;line-height:8vh;height:8vh;}
 
    /* 송장번호 등록 모달 */
    section#modal .invoice-apply form{height:85%;padding:0 3%;}
    section#modal .invoice-apply .selected-pro{width:100%;display:block;height:50vh;margin-bottom:2vh;}
    section#modal .invoice-apply .selected-pro>h4{height:4vh;line-height:4vh;}
    section#modal .invoice-apply .selected-pro .pro-list{height:90%;border-radius:2vmin;line-height:8vh;}
    section#modal .invoice-apply .selected-pro .pro-list thead{display:none;}
    section#modal .invoice-apply .selected-pro .pro-list tbody{height:100%;}
    section#modal .invoice-apply .selected-pro .pro-list td{height:4vh;line-height:4vh;}
    section#modal .invoice-apply .selected-pro .pro-list td.name{width:100%;}
    section#modal .invoice-apply .selected-pro .pro-list td.unit, section#modal .invoice-apply .selected-pro .pro-list td.count{width:30%;}
    section#modal .invoice-apply .selected-pro .pro-list td.price{width:40%;}
    section#modal .invoice-apply .del-select{width:100%;display:block;height:auto;padding-top:0;float:none;}
    section#modal .invoice-apply .del-select li{height:8vh;margin:0 0 3vh;}
    section#modal .invoice-apply .del-select h4{height:4vh;line-height:4vh;}
    section#modal .invoice-apply .del-select dl{top:4vh;width:100%;}
    section#modal .invoice-apply .del-select p{margin:0;}
    
    /* 주문 목록 다운로드 모달 */
    section#modal .cms-order-download form{height:auto;overflow:visible;text-align:center;}
    section#modal .cms-order-download ul li{display:block;margin:1vh auto;width:100%;vertical-align:middle;font-size:1.8vh;}
    section#modal .cms-order-download ul li:nth-of-type(1){width:100%;height:10vh;margin-bottom:3vh;}
    section#modal .cms-order-download ul li:nth-of-type(1) dl{top:3.5vh;}
 
    /* 교환/반품 처리 모달 */
    section#modal .change-refund-apply form{height:85%;padding:0 3%;}
    section#modal .change-refund-apply .selected-pro{width:100%;display:block;height:50vh;}
    section#modal .change-refund-apply .selected-pro>h4{height:4vh;line-height:4vh;}
    section#modal .change-refund-apply .selected-pro .pro-list{height:90%;border-radius:2vmin;line-height:8vh;}
    section#modal .change-refund-apply .selected-pro .pro-list thead{display:none;}
    section#modal .change-refund-apply .selected-pro .pro-list tbody{height:100%;}
    section#modal .change-refund-apply .selected-pro .pro-list td{height:4vh;line-height:4vh;}
    section#modal .change-refund-apply .selected-pro .pro-list td.name{width:100%;}
    section#modal .change-refund-apply .selected-pro .pro-list td.unit, section#modal .change-refund-apply .selected-pro .pro-list td.count{width:30%;}
    section#modal .change-refund-apply .selected-pro .pro-list td.price{width:40%}
    section#modal .change-refund-apply .request-way{width:100%;display:block;height:auto;padding-top:0;float:none;}
    section#modal .change-refund-apply .request-way ul{height:auto;padding:0;}
    section#modal .change-refund-apply .request-way ul:nth-of-type(n+1):nth-of-type(-n+2) li{height:5vh;line-height:5vh;}
    section#modal .change-refund-apply .request-way ul:nth-of-type(n+1):nth-of-type(-n+2) p{border-radius:2vmin;width:80%;height:5vh;line-height:5vh;text-align:center;}
    section#modal .change-refund-apply .request-way ul:nth-of-type(n+1):nth-of-type(-n+2) dl{top:0;right:0;width:75%;}
    section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li{text-align:left;padding:0;margin:1vh 0;}
    section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li p{margin:0 1vh;}
    section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-of-type(1) h4{width:auto;margin-left:1vh;}
    section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-of-type(1) p{float:none;text-align:left;display:inline-block;}
    section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-last-of-type(1){height:6vh;line-height:6vh;border-radius:2vmin;}
    section#modal .change-refund-apply .request-way ul:nth-last-of-type(1) li:nth-last-of-type(1) #cms-refund-price{font-size:2.2vh;}
 
    /* 주문 취소 모달 */
    section#modal .order-cancle{padding:65% 4%;}
    section#modal .order-cancle h2{font-size:3.5vh;margin:5vh auto;}
    section#modal .order-cancle p{font-size:2.2vh;margin-bottom:10vh;}
    section#modal .order-cancle .bt-wrap{bottom:0;}
 
    /* 요청 거부 확인 모달 */
    section#modal .deny-apply{padding:65% 4%;}
    section#modal .deny-apply h2{font-size:3.5vh;margin:5vh auto;}
    section#modal .deny-apply p{font-size:2.2vh;margin-bottom:10vh;}
    section#modal .deny-apply .bt-wrap{bottom:0;}
    
    /* 교환/반품 완료 확인 모달 */
    section#modal .change-refund-check{padding:65% 4%;}
    section#modal .change-refund-check h2{font-size:3.5vh;margin:5vh auto;}
    section#modal .change-refund-check p{font-size:2.2vh;margin-bottom:10vh;}
    section#modal .change-refund-check .bt-wrap{bottom:0;}

    /* 삭제 모달 */
    section#modal .md-delete{padding:65% 4%;}
    section#modal .md-delete h2{font-size:3vh;margin:5vh auto;}
    section#modal .md-delete p{font-size:2.2vh;margin-bottom:10vh;}
    section#modal .md-delete .bt-wrap{bottom:0;}

    /* ================= 신규: 고객 페이지·쿠폰/포인트 모달 모바일 ================= */

    /* --- 고객 목록: 2행 배치(연락처|보유포인트 / 가입일|포인트수정), 가입일은 쿠폰 페이지처럼 라벨+회색 --- */
    section#customer .point-cm-list tr{height:10vh;}
    section#customer .point-cm-list tbody td{width:50%;float:left;display:flex;align-items:center;height:5vh;line-height:1.3;padding:0 4vw;box-sizing:border-box;}
    section#customer .point-cm-list td.no{display:none;}
    section#customer .point-cm-list td.pointcall{width:50%;justify-content:flex-start;text-align:left;}
    section#customer .point-cm-list td.totalpoint{width:50%;justify-content:flex-end;text-align:right;}
    section#customer .point-cm-list td.regdate{width:50%;justify-content:flex-start;text-align:left;color:var(--darkgray);font-size:1.7vh;}
    section#customer .point-cm-list td.regdate::before{content:'가입일';color:var(--lightgray);margin-right:1.5vw;}
    section#customer .point-cm-list td.point-edit{width:50%;justify-content:flex-end;}
    section#customer .point-cm-list tbody .point-edit-list-bt{width:auto;padding:0 5vw;height:4vh;line-height:4vh;font-size:1.7vh;margin:0;}
    section#customer .point-cm-list tfoot td{height:auto;}
    section#customer .point-cm-list tfoot .e-up,
    section#customer .point-cm-list tfoot .e-down{display:none;}   /* 모바일: 엑셀 업로드/다운로드 숨김 */
    section#customer .point-cm-list tfoot .add,
    section#customer .point-cm-list tfoot .cp-group{float:none;display:flex;align-items:center;justify-content:center;width:70%;height:6vh;line-height:normal;font-size:1.9vh;margin:1.2vh auto;}
    section#customer .point-cm-list tfoot .add i,
    section#customer .point-cm-list tfoot .cp-group i{margin-right:2.5vw;}

    /* --- 공통: 신규 모달 폼을 전체화면에 채움(데스크톱 vh 고정높이 무력화) --- */
    section#modal .cp-modal form{width:100%;height:calc(100% - 16vh);max-height:none;}
    /* 칩 있는 모달(포인트수정/개인발송): 폼을 칩 아래부터 시작(상단 고정) + 좌우 패딩 */
    /* 개인발송: cp-modal(absolute) 폼 — 타이틀 아래 중앙정렬(칩 제거로 top 축소) */
    section#modal .coupon-send-modal form{width:100%;box-sizing:border-box;top:10vh;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);height:calc(100% - 19vh);max-height:none;padding:0 5%;}
    /* 포인트수정: static 흐름 폼(margin auto 중앙) — transform 쓰면 왼쪽으로 밀리므로 금지 */
    section#modal .point-edit-modal form{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;box-sizing:border-box;height:auto;max-height:calc(100% - 22vh);padding:0 5%;margin:0;overflow-y:auto;}

    /* --- 포인트 수정 모달 --- */
    section#modal .point-edit-modal .pt-edit-chip{left:50%;top:9.5vh;transform:translateX(-50%);height:auto;font-size:1.9vh;padding:.7vh 4vw;z-index:2;}
    section#modal .point-edit-modal .pt-edit-box{gap:2.5vh;}
    section#modal .point-edit-modal .pt-edit-field{margin:0;}
    section#modal .point-edit-modal .pt-edit-label{font-size:1.9vh;margin-bottom:1vh;width:auto;}
    section#modal .point-edit-modal .pt-edit-inline{gap:5vw;}   /* 수정 분류 라벨-라디오 간격 */
    section#modal .point-edit-modal .pt-edit-type label{font-size:1.9vh;margin-right:6vw;}
    section#modal .point-edit-modal .pt-edit-amount-line{flex-direction:column;gap:1.5vh;align-items:stretch;}
    section#modal .point-edit-modal .pt-edit-amount-box{flex:0 0 auto;width:100%;height:6vh;}   /* 퀵버튼과 동일 높이(세로 레이아웃에서 flex-basis 무력화) */
    section#modal .point-edit-modal .pt-edit-sign,
    section#modal .point-edit-modal .pt-edit-unit{font-size:2.2vh;}
    section#modal .point-edit-modal .pt-edit-amount{font-size:2.1vh;}
    section#modal .point-edit-modal .pt-edit-quick{width:100%;gap:2vw;}
    section#modal .point-edit-modal .pt-quick-bt{height:6vh;font-size:1.8vh;}
    section#modal .point-edit-modal .pt-edit-status-field{flex-direction:column;align-items:flex-start;gap:1vh;}
    section#modal .point-edit-modal .pt-edit-status{font-size:2.1vh;}
    section#modal .point-edit-modal .pt-edit-status i{font-size:1.8vh;}
    section#modal .point-edit-modal .pt-edit-warn{font-size:2vh;line-height:1.4;}

    /* --- 쿠폰 발송 공통(.cp-modal): 폰트·인풋·목록 크게 --- */
     section#modal .cp-modal .cp-send-chip{left:50%;top:9.5vh;transform:translateX(-50%);height:auto;font-size:1.9vh;padding:.7vh 4vw;z-index:2;}
    section#modal .coupon-send-modal .cp-send-chip{display:none;}   /* 모바일 전용: 개인발송 칩 제거(하단 안내문구가 연락처 포함) */
    section#modal .cp-modal .cp-filter{margin-bottom:2vh;}
    section#modal .cp-modal .cp-filter-row{gap:3vw;margin-bottom:1.5vh;}
    section#modal .cp-modal .cp-filter-label{width:auto;min-width:14vw;font-size:1.9vh;}
    section#modal .cp-modal .cp-filter-benefit .cp-filter-label{display:none;}   /* 모바일: 혜택 라벨 숨겨 검색 인풋 폭 확대 */
    section#modal .cp-modal .cp-filter-type label{margin-right:4vw;font-size:1.8vh;}
    section#modal .cp-modal .cp-filter-keyword{height:5vh;font-size:1.8vh;}
    section#modal .cp-modal .cp-filter-search{width:5vh;height:5vh;}
    section#modal .cp-modal .cp-list{font-size:1.7vh;}
    section#modal .cp-modal .cp-list thead{height:5vh;}
    section#modal .cp-modal .cp-list tbody td{padding:1.3vh .3%;}
    section#modal .cp-modal input[type=checkbox],
    section#modal .cp-modal input[type=radio]{width:2.4vh;height:2.4vh;}
    section#modal .cp-modal input[type=checkbox]:checked{border-width:.7vh;}
    section#modal .cp-modal .cp-stat{font-size:2.4vh;margin-top:1.5vh;}
    section#modal .cp-modal .cp-stat.cp-send-msg{font-size:2vh;}
    section#modal .cp-modal .cp-send-msg .cp-msg-benefit{font-size:2.5vh;}
    section#modal .cp-modal .cp-empty{font-size:2vh;}

    /* --- 개인 발송: 목록이 화면 채우도록 --- */
    section#modal .coupon-send-modal .cp-send-box{height:100%;}

    /* --- 그룹 발송: 2단 → 세로 스택, 폼 스크롤 --- */
    section#modal .coupon-group-modal form{overflow-y:auto;top:10vh;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);height:calc(100% - 20vh);}
    section#modal .coupon-group-modal .cpg-split{flex-direction:column;height:auto;}
    section#modal .coupon-group-modal .cpg-split .cp-send-box{flex:0 0 auto;padding-right:0;min-width:0;}
    section#modal .coupon-group-modal .cpg-cust-panel{flex:0 0 auto;border-left:none;border-top:1px solid var(--lightgray);padding-left:0;padding-top:2vh;margin-top:2vh;}
    /* 모바일: 쿠폰/고객 섹션 상단 타이틀 */
    section#modal .coupon-group-modal .cpg-split .cp-send-box::before{content:'쿠폰 선택';display:block;flex:0 0 auto;font-family:'neo-bd';font-size:2vh;text-align:center;margin:1vh 0 2.5vh;}
    section#modal .coupon-group-modal .cpg-cust-panel::before{content:'고객 선택';display:block;flex:0 0 auto;font-family:'neo-bd';font-size:2vh;text-align:center;margin:1vh 0 2.5vh;}
    /* 부족 안내문구: 모바일은 줄바꿈(별도 줄) */
    section#modal .coupon-group-modal .cpg-cust-warn.on{display:block;margin-top:.6vh;}
    section#modal .coupon-group-modal .cpg-warn-mark{width:2vh;height:2vh;font-size:1.4vh;}
    section#modal .coupon-group-modal .cp-list-wrap{height:34vh;flex:0 0 auto;}
    section#modal .coupon-group-modal .cpg-cust-wrap{height:34vh;flex:0 0 auto;}
    /* 방문 필터: 좁은 폭에서 줄바꿈 허용(잘림 방지) */
    section#modal .coupon-group-modal .cpg-cust-head .cp-filter-label{width:auto;min-width:0;font-size:1.9vh;margin-bottom:0;}   /* margin-bottom 제거 → 라벨-라디오 수직 정렬 */
    section#modal .coupon-group-modal .cpg-visit-row .cp-filter-label{display:none;}   /* 모바일: 방문 라벨 숨김 */
    section#modal .coupon-group-modal .cpg-visit-row{flex-wrap:wrap;row-gap:1vh;gap:2vw;}
    section#modal .coupon-group-modal .cpc-visit-date{flex:0 0 auto;width:38vw;height:5vh;font-size:1.7vh;padding:0 2vw;}
    section#modal .coupon-group-modal .cpc-visit-count{flex:0 0 auto;width:16vw;height:5vh;font-size:1.9vh;}
    section#modal .coupon-group-modal .cpg-visit-txt{font-size:1.8vh;}
    section#modal .coupon-group-modal .cpc-visit-search{width:5vh;height:5vh;margin-left:auto;}
    /* 페이저 크게(터치) */
    section#modal .coupon-group-modal .cpg-cust-page .pagination>li{width:4.5vh;height:4.5vh;line-height:4.5vh;margin:0 1vw;}
    section#modal .coupon-group-modal .cpg-cust-page .pagination>li a{font-size:1.9vh;}

    /* --- 고객 정보 모달: 신규 요소(동의/포인트·쿠폰 버튼/이용내역 토글) --- */
    section#modal .point-cm-info .cm-info-fields .fld-btns .btn-row{gap:2vw;}
    section#modal .point-cm-info .point-edit-bt,
    section#modal .point-cm-info .coupon-send-bt{height:5vh;font-size:1.7vh;border-radius:1.2vh;}
    section#modal .point-cm-info .cm-info-consent>h4{font-size:1.9vh;}
    section#modal .point-cm-info .cm-info-consent .consent-box{width:2.4vh;height:2.4vh;}
    section#modal .point-cm-info .cm-info-consent .consent-box i{font-size:1.5vh;}
    section#modal .point-cm-info .cm-info-consent .consent-label{font-size:1.6vh;line-height:1.35;}
    /* 모바일은 세로 스택이라 가로 아코디언 탭 불필요 → 숨기고 이용내역 항상 표시 */
    section#modal .point-cm-info .cm-log-toggle{display:none;}
    section#modal .point-cm-info:not(.log-open) .cm-info-log{display:flex;}





    /* ===== M500 LITE: FOUC 방지 — 첫 페인트 전 숨김 (JS 분기와 동일 대상) ===== */
    /* .mv-m500lite 클래스는 public_script.js가 localStorage 캐시 기반으로 <html>에 선적용 */
    /* 단순 선택자 (전 브라우저) — 대시보드·재고설정 현재재고량 + 재고설정 파우더5·6 */
    html.mv-m500lite #admin-remain-powder5,
    html.mv-m500lite #admin-remain-powder6,
    html.mv-m500lite ul.powder5,
    html.mv-m500lite ul.powder6 {
        display: none !important;
    }
    /* :has() (최신 브라우저) — 매장설정 자동세척·물공급 파우더5·6 li. 미지원 시 JS 분기로 폴백 */
    html.mv-m500lite li:has(#wash-powder5),
    html.mv-m500lite li:has(#wash-powder6),
    html.mv-m500lite li:has(#powder5-before),
    html.mv-m500lite li:has(#powder5-after),
    html.mv-m500lite li:has(#powder6-before),
    html.mv-m500lite li:has(#powder6-after) {
        display: none !important;
    }





}