: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 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;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:100%;overflow:hidden;overflow-y:auto;}
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:10%;color:#fff;font-size:1vmin;}
                  

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 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;}
section#machine-set .machine-set-display .display-set .sound-set .icon{background:url(../img/clova.png) no-repeat 50% 50%;background-size:contain;display:inline-block;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{width:auto;display:inline-block;margin-bottom:1vh;vertical-align:middle;}
section#machine-set .machine-set-display .display-set-wrap .shop-did .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 .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 .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%;display:block;}
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;}

/* 이용 내역 */
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%;}


/** 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%;}
/* 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:nth-last-of-type(1) li{margin-bottom:1vh;}
section#admin .store-setting #store-setting .store-info ul:nth-last-of-type(1) .input-group{width:100%;overflow:hidden;}
section#admin .store-setting #store-setting .store-info ul:nth-last-of-type(1) .form-control{text-align:left;width:85%;}
section#admin .store-setting #store-setting .store-info ul:nth-last-of-type(1) .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:not(#pay-notice){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{overflow:hidden;}
section#admin .admin-list article{width:100%;height:100%;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:83%;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 li:has(.toggle){line-height:6vh;}
section#cms .products-info article .pro-sub-info li:has(.toggle) h4{display:inline-block;margin-right:.5vw;}
section#cms .products-info article .pro-sub-info li .toggle{width:3vw;float:none;display:inline-block;height:3vh;}
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:95%;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 form>div>div{margin-bottom:3vh;}
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;width:90%;margin:0 auto;}
section#cms .cms-settings-wrap article ul li{display:inline-block;margin:0 3vw 2vh 0;width:35%;position:relative;}
section#cms .cms-settings-wrap article ul li:has(.toggle){width:auto;}
section#cms .cms-settings-wrap article ul li:has(.toggle) h4{display:inline-block;margin:0;line-height:3vh;margin-right:1vw;}
section#cms .cms-settings-wrap article ul li:has(.toggle) .toggle{float:none;display:inline-block;}
section#cms .cms-settings-wrap article ul li .input-group{width:100%;}
section#cms .cms-settings-wrap article .exemption-criteria ul{display:flex;}
section#cms .cms-settings-wrap article .exemption-criteria li:has(dl){height:5vh;}
section#cms .cms-settings-wrap article .exemption-criteria li:has(dl) dl{width:100%;line-height:0;}
section#cms .cms-settings-wrap article .exemption-criteria li:has(dl) span{text-align:center;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-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 .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;}
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 .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 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 form{padding:0;width:90%;}
section#modal .point-cm-info h4{margin-bottom:1vh;}
section#modal .point-cm-info ul{height:auto;margin-bottom:2vh;}
section#modal .point-cm-info li{position:relative;height:6vh;padding:0 2%;}
section#modal .point-cm-info ul:nth-last-of-type(1) li{width:100%;height:auto;}
section#modal .point-cm-info p,section#modal .point-cm-info .input-group{width:100%;}

/* 포인트 상품 정보 */
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 .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;float:right;}
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;}

/* 연결 기기 */
section#modal .submac-info{height:auto;max-height:60%;min-height:35%;}
section#modal .submac-info form{padding:3vh 0;width:90%;margin-bottom:8vh;position:relative;top:auto;left:auto;transform:translate(0)}
section#modal .submac-info form ul{height:7vh;}
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(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 form{margin:2vh auto 1vh;height:42vh;padding:1vh 0;background:#fff;border-radius:3vmin;}
    section#login>article form ul li:nth-last-of-type(n+1):nth-last-of-type(-n+2){font-size:3vmin;height:2.5vh;line-height:2.5vh;}
    section#login>article form ul li .pass-show{top:inherit;bottom:0;}
    section#login>article .bt-wrap{display:block;width:100%;margin:1vh auto;height:auto;}
    section#login article{width:100%;height:100%;border-radius:0;padding:5%;position:fixed;}
    section#login article h1{font-size:5vmin;width:80%;height:13vh;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:6vh;width:100%;vertical-align:top;margin:0 auto;background-position:center;}
    section#login article form ul{width:70%;margin:0 auto;text-align:left;}
    section#login article form ul li{margin:1vh 0;height:10vh;line-height:10vh;}
    section#login article form ul li label{width:100%;display:block;height:5vh;line-height:5vh;font-size:1.6vh;}
    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 5%;font-size:1.8vh;}
    section#login article form ul li .input-group{width:65%;border:1px solid var(--lightgray);border-radius:2vmin;}
    section#login article form ul li .input-group input{float:none;border:none;background:none;text-align:left;padding:0 5%;}
    section#login article form ul li .pass-show{height:4vh;width:4vh;margin-bottom:.5vh;}
    section#login article form ul li.change-pass{text-align:right;color:var(--lightpoint);}
    section#login article form ul li.change-pass span{font-size:6vmin;height:2vh;}
    section#login article form ul li input[type=checkbox]{width:2.5vh;height:2.5vh;border-radius:.5vh;margin-right:1vh;}
    section#login article .bt-wrap{width:100%;margin:1vh auto;height:auto;}
    section#login article .bt-wrap button{width:75%;height:5vh;border-radius:2.5vmin;line-height:5vh;font-size:4vmin;margin:1vh 0;}
    section#login article .bt-wrap #login-apply{background:var(--main);color:#fff;margin:1.5vh auto;}
    section#login article p{font-size:2vmin;}
 
    /** 로그인 모달 **/
    section#login-modal article{width:100vw;height:100vh!important;position:fixed;padding:0;}
    section#login-modal article h3{text-align:center;margin:3.5vh auto 2vh;font-size:3vh;}
    section#login-modal article h4{font-size:2vh;}
    section#login-modal article form input,section#login-modal article form .input-group{height:5vh;line-height:5vh;}
    section#login-modal article form dl{border-radius:2vmin;width:70%;}
    section#login-modal article form dl span{width:100%;padding:0 10%;}
    section#login-modal article form ul{width:95%;}
    section#login-modal article form ul li{height:5vh;line-height:5vh;}
    section#login-modal article form ul li h4{width:30%;}
    section#login-modal article form ul li p{width:70%;}
    section#login-modal article form ul li input{font-size:1.8vh;}
    section#login-modal article form ul li .pass-show{height:5vh;}
 
    /** 회원가입 **/
    section#login-modal .join-account form ul li .input-group input{width:calc(100% - 4vh);}
    section#login-modal .join-account form ul .auth-num-texting button{width:60%;border-radius:2vmin;}
    section#login-modal .join-account form ul .auth-num-input button{border-radius:2vmin;}
    section#login-modal .join-account form ul .auth-num-input .input-group-text{font-size:1.8vh;}
    section#login-modal .join-account form .address li .input-group input{width:70%;}
    section#login-modal .join-account form .address li .input-group-text{border-radius:0 2vmin 2vmin 0;width:30%;}
    section#login-modal .join-account form .agree-check{font-size:1.8vh;}
    section#login-modal .join-account form .agree-check span{font-size:3vh;}
    section#login-modal .join-account form .agree-check label{display:inline-block;font-size:1.8vh;}
    section#login-modal .join-account form #join-terms{width:auto;font-size:1.8vh;}
 
    /** 가입 정보 **/
    section#login-modal .join-info form ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
    section#login-modal .join-info form input{cursor:default;}
 
    /** 비밀번호 변경 **/
    section#login-modal .change-pass form ul .auth-num-texting button{width:60%;border-radius:2vmin;}
    section#login-modal .change-pass form ul .auth-num-input button{border-radius:2vmin;}
    section#login-modal .change-pass form ul .auth-num-input .input-group-text{font-size:1.8vh;}
    
    
    /** 로딩 **/
    #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:block;}
    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:60vh;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:100%;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-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;}
    section#goods-list .category tbody tr{height:8vh;width:100%;line-height:8vh;display:block;}
    section#goods-list .category tbody td{width:20%;float:left;}
    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%;}
    section#goods-list .goods-list tfoot .add{float:none;width:50%;height:5vh;line-height:5vh;font-size:1.8vh;}
    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;}
    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;}
    
    /* 이용 내역 */
    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;}
    
    
    /** 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:nth-last-of-type(1) li:nth-of-type(1){width:100%;margin-bottom:1vh;}
    section#admin .store-setting #store-setting .store-info ul:nth-last-of-type(1) li:nth-of-type(n+2) input{padding:0 5%;width:100%;}
    section#admin .store-setting #store-setting .store-info ul:nth-last-of-type(1) 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:5vh;line-height:5vh;}
    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%;}
    
    /* CMS 기본 설정 */
    section#cms .cms-settings-wrap{height:100%;}
    section#cms .cms-settings-wrap article h2{width:65%;margin:1.5vh 0}
    section#cms .cms-settings-wrap article form{padding-top:2vh;}
    section#cms .cms-settings-wrap article .delivery-wrap{width:100%;float:none;}
    section#cms .cms-settings-wrap article .server-fee-wrap{width:100%;float:none;}
    section#cms .cms-settings-wrap article h3{width:auto;margin-bottom:1.5vh;}
    section#cms .cms-settings-wrap article ul{width:100%;margin:0 auto 3vh;}
    section#cms .cms-settings-wrap article ul li{width:100%;margin:1vh 0;}
    section#cms .cms-settings-wrap article ul li .input-group{width:100%;}
    section#cms .cms-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 .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 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 .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%;}

    /* 카드 정보 */
    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 .close-bt{z-index: 9999;}
    .close-popup{right:2vw;top:2vh;font-size:6vh;width:6vh;height:6vh;line-height:6vh;z-index:9999;}
 
    /* 공지사항 팝업 */
    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(n+1):nth-of-type(-n+2){margin:0;}
    section#modal .group-info ul:nth-of-type(1) li:nth-last-of-type(1){width:100%;height:5vh;line-height:5vh;}
    section#modal .group-info ul:nth-of-type(1) li:nth-last-of-type(1) h4{height:5vh;line-height:5vh;}
    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;float:right;}
    section#modal .group-info dl{max-width:90%;right:2.5%;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%;}
    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;}
}