/* COMMON */
.kiosk-inner{padding:0 40px; margin:0 auto;}
.kisok-pagetitle{font-family:'Jalnan';color:#1b2e00;margin-bottom:40px;display: flex;align-items: center;justify-content: center;text-align: center;}
.kisok-pagetitle .title{font-size: 40px;line-height:1.2; text-align:center;}
.kisok-pagetitle .subtitle{font-size: 30px;line-height:1;opacity:.7;margin-right: 10px;text-align:center;}
.kisok-conttitle{color:#0f172d;font-size:28px;line-height:1.2;font-family:'Jalnan';}


@media screen and (max-width: 980px){
	.kisok-pagetitle{flex-direction:column;}
	.kisok-pagetitle .subtitle{font-size:20px; margin-right:0; margin-bottom:4px;}
	.kisok-pagetitle .title{font-size:30px;}
	.kisok-conttitle{font-size:22px;}
}

@media screen and (max-width: 580px){
	.kisok-pagetitle{flex-direction:column; margin-bottom:0; margin:5px 0 20px 0;}
	.kisok-pagetitle .subtitle{font-size:14px;}
	.kisok-pagetitle .title{font-size:20px;}
	.kisok-conttitle{font-size:18px;}
}


/* CONTAINER */
.kiosk-cont-wrap{display:flex; flex-direction:column; background:#8dc63f; border-radius:30px; align-items:center; min-height:680px; position:relative; overflow:hidden; font-family:'Pretendard',sans-serif;}
.kiosk-cont-wrap *{box-sizing:border-box;}
.kiosk-cont-wrap button{border:0;}

.kisok-con-head{position:relative;width:100%;height: 90px;z-index:99;}
.kisok-con-head .kiosk-inner{display:flex; align-items:center; height:100%;}
.kisok-con-head .right{margin-left:auto;}
.kisok-con-head .left{margin-right:auto;}
.kisok-con-head .logo{width:280px;}
.kisok-con-head .logo img{width:100%;}
.kisok-con-head .confirmation-btn{margin-left:auto; color:#fff;}
.kisok-con-head .confirmation-btn a{display:inline-flex; align-items:center; justify-content:center; height:54px; font-size:16px; font-weight:800; background:linear-gradient(0deg , #ee8528 , #ffa82c); border-color:#ffa82c; color:#2d1e0f; border-radius:10px; padding:0 20px;}
.kisok-con-head .confirmation-btn a i{margin-right:6px;}
.kiosk-cancle-btn{display:inline-flex; align-items:center; justify-content:center; height:54px; font-size:16px; font-weight:800; background:linear-gradient(0deg , #ee8528 , #ffa82c); border-color:#ffa82c; color:#2d1e0f; border-radius:10px; padding:0 20px;}


.kiosk-main-caution{background: #ffffff; padding: 25px 30px; width: 100%; border-radius: 10px;}
.kiosk-main-caution .title{font-family: 'Jalnan'; font-size:24px; margin-bottom:10px; color:#263455;}
.kiosk-main-caution p{padding-left:14px; position:relative; font-size:17px; word-break: keep-all;;}
.kiosk-main-caution p:before{content:'-'; position:absolute; left:0; }
.kiosk-main-caution p + p{margin-top:2px;}
.kiosk-main-caution p strong{color:#d50934; text-decoration:underline;}

@media screen and (max-width: 768px) {
	.kiosk-main-caution{margin-bottom:30px;}
}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap{border-radius:10px; min-height:400px;}

	.kisok-con-head{height:60px;}
	.kisok-con-head .kiosk-inner{padding:0 14px;}
	.kisok-con-head .logo{width:140px;}
	.kisok-con-head .confirmation-btn a{height:40px; font-size:14px; padding:0 14px;}
	.kiosk-cancle-btn{height:40px; font-size:14px; padding:0 14px;}

	.kiosk-btn-common{font-size:16px;}

	.kiosk-btn-common.mh80{min-height:50px;}
	.kiosk-btn-common.mh100{min-height:60px;}

    .kiosk-main-caution{ padding: 20px; margin-top:-20px;}
	.kiosk-main-caution p{font-size:14px; padding-left:10px;}
    .kiosk-main-caution .title{font-size:16px;}
}


.kisok-con-head .mc-top{position:relative; background:#f5f5f5; height:100%; padding-bottom:60px;}
.kisok-con-head .mc-top:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:60px; border-radius:60px 60px 0 0; background:#fff;}
.kisok-con-head .mc-top .ban{position:relative;}
.kisok-con-head .mc-top .ban a{display:block; height:100%;}
.kisok-con-head .mc-top .ban img{max-width:100%; height:100%;}
.kisok-con-head .mc-top .qr-join{position:absolute; right:40px; top:calc(50% - 60px); transform:translateY(-50%); z-index:1; width:160px; text-align:center; overflow:hidden; border-radius:20px; background:#fff; margin-left:auto;}
.kisok-con-head .mc-top .qr-join .img img{max-width:100%; height:100%;}
.kisok-con-head .mc-top .qr-join .txt{font-size:24px; line-height:1; color:#8dc63f; font-family:'Jalnan'; padding-bottom:14px;}


.kisok-con-head .login-top{position:relative;background: #fff;height: 100%;}
.kisok-con-head .login-top .kiosk-inner{display:flex;align-items:center;height:100%;}
.kisok-con-head .login-top .bg{position:absolute;}
.kisok-con-head .login-top .bg.bg01{background:url('../images/main-top-bg-l.png') 0 0 no-repeat; width:354px; height:391px; left:0; top:13px;}
.kisok-con-head .login-top .bg.bg02{background:url('../images/main-top-bg-r.png') 0 0 no-repeat; width:332px; height:83px; right:0; top:24px;}
.kisok-con-head .login-top .introtxt{position:relative;z-index:1;font-size: 50px;color: #233050;font-family:'Jalnan';line-height:1.2;}
.kisok-con-head .login-top .introtxt span{color:#8dc63f;}
.kisok-con-head .login-top .qr-join{position:relative;display: flex;align-items: center;z-index:1;text-align:center; padding-right:40px; overflow:hidden;border-radius:20px;background:#fff;margin-left:auto;box-shadow: 0 0.50px 30px rgba(0,0,0,0.1);}
.kisok-con-head .login-top .qr-join .img{width:140px;}
.kisok-con-head .login-top .qr-join .img img{max-width:100%;}
.kisok-con-head .login-top .qr-join .txt{font-size: 40px;color:#8dc63f;font-family:'Jalnan'; padding-left: 20px;}

.kiosk-cont-body{flex:1; width:100%; display:flex;flex-direction:column;padding: 0 40px 40px 40px;overflow-y:auto;}

.cont-bot-btngroup{position:relative;display:flex;height: 150px;z-index:99;}
.cont-bot-btngroup li{flex:1;}
.cont-bot-btngroup .btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;font-size: 18px;font-weight:800;color:#373c41;}
.cont-bot-btngroup .btn.dblue{color:#fff; background:#263455;}
.cont-bot-btngroup .btn.red{color:#fff; background:#df1738;}
.cont-bot-btngroup .btn.lgray{background:#eaeaea;}



@media screen and (max-width: 580px){
	.kiosk-cont-body{padding:0 14px 14px 14px;}
}


/* MAIN */
.kiosk-main-cont-wrap{padding:40px;}
.kiosk-main-cont-wrap .mc-body{flex:1; display:flex; flex-direction:column; justify-content:center; max-width:680px; width:100%;}
.kiosk-main-cont-wrap .mc-body .introtxt{text-align:center; font-size:40px; font-family:'Jalnan'; line-height:1.2; color:#1b2e00;}
.kiosk-main-cont-wrap .mc-body .introtxt span{opacity:.7;}
.kiosk-main-cont-wrap .mc-foot{text-align:center;}
.kiosk-main-cont-wrap .mc-foot img{width:320px; max-width:100%;}
.kiosk-main-cont-wrap .mc-btn-list{display:flex;}
.kiosk-main-cont-wrap .mc-btn-list li{flex:1;}
.kiosk-main-cont-wrap .mc-btn-list li + li{margin-left:20px;}

@media screen and (max-width: 768px){
	.kiosk-main-cont-wrap .mc-btn-list{flex-direction:column;}
	.kiosk-main-cont-wrap .mc-btn-list li + li{margin-left:0; margin-top:10px;}
}


@media screen and (max-width: 580px){
	.kiosk-main-cont-wrap .mc-body .introtxt{font-size:22px;}
	.kiosk-main-cont-wrap .mc-foot {margin-top:40px;}
	.kiosk-main-cont-wrap .mc-foot img{width:140px;}
}

@media screen and (max-width: 480px){
	.kiosk-main-cont-wrap{padding:40px 20px;}
}


/* SIGN01-LIST */
.whiteboard {flex:1;display:flex;flex-direction:column;background:#fff;border-radius:30px;padding: 30px;}

@media screen and (max-width: 580px){
	.whiteboard{border-radius:10px; padding:24px 14px;}
}


.kiosk-cont-wrap .sign01-list{display:flex; flex-wrap:wrap; margin-left:-20px;}
.kiosk-cont-wrap .sign01-list li{width:calc(50% - 20px); margin-left:20px; margin-bottom:20px;}
.kiosk-cont-wrap .sign01-list .item{position:relative;display:flex;align-items:center;height: 120px;background:linear-gradient(135deg, #fff, #d5e7f0);border:1px solid #fff;border-radius:10px;padding: 0 30px;}
.kiosk-cont-wrap .sign01-list .item .txtgroup .txtbig{font-size: 24px;font-family:'Jalnan';line-height: 1;margin-bottom: 10px;}
.kiosk-cont-wrap .sign01-list .item .txtgroup .txtsmall{font-size: 16px;color:#000;opacity:0.6;}
.kiosk-cont-wrap .sign01-list .item .img{position:absolute;width: 120px;text-align:center;right:20px;top:50%;transform:translateY(-50%);}
.kiosk-cont-wrap .sign01-list .item .img img{max-width:100%;}
.kiosk-cont-wrap .sign01-list .item.item01 .txtgroup .txtbig{color:#a45bd7;}
.kiosk-cont-wrap .sign01-list .item.item02 .txtgroup .txtbig{color: #335dab;}
.kiosk-cont-wrap .sign01-list .item.item03 .txtgroup .txtbig{color: #557c00;}
.kiosk-cont-wrap .sign01-list .item.item04 .txtgroup .txtbig{color: #D64000;}
.kiosk-cont-wrap .sign01-list .item.item05 .txtgroup .txtbig{color:#ec2f69;}


@media screen and (max-width: 980px){
	.kiosk-cont-wrap .sign01-list{margin-left:0;}
	.kiosk-cont-wrap .sign01-list li{margin-left:0; width:100%}
}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap .sign01-list li{margin-bottom:16px;}
	.kiosk-cont-wrap .sign01-list .item{padding:0 14px; height:90px;}
	.kiosk-cont-wrap .sign01-list .item .txtgroup .txtbig{font-size:18px;}
	.kiosk-cont-wrap .sign01-list .item .txtgroup .txtsmall{font-size:13px;}
	.kiosk-cont-wrap .sign01-list .item .img{width:80px;}
}

.kiosk-cont-wrap .sign02-list{display:flex; flex-wrap:wrap; margin-left:-16px;}
.kiosk-cont-wrap .sign02-list li{width: calc(25% - 16px); margin-left:16px; margin-bottom: 16px;}
.kiosk-cont-wrap .sign02-list li .item{display:flex;flex-direction:column;border-radius: 10px;color: #2d1e0f;height: 100%;padding: 20px;min-height: 120px;background: linear-gradient(135deg, #ffa82c, #ee8528);border:1px solid #ffa82c;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.kiosk-cont-wrap .sign02-list li .item .txtbig{font-size: 20px;font-weight:800;}
.kiosk-cont-wrap .sign02-list li .item .txtsmall{font-size: 16px;font-weight:600;text-align:right;margin-top:auto;}
.kiosk-cont-wrap .sign02-list li.off .item{color: #4d4d4d;background:#ddd;border-color:#ddd;box-shadow:none;}

@media screen and (max-width: 980px){
	.kiosk-cont-wrap .sign02-list li {width: calc(33.33% - 16px);}
}

@media screen and (max-width: 768px){
	.kiosk-cont-wrap .sign02-list{margin-left:-12px;}
	.kiosk-cont-wrap .sign02-list li {width: calc(50% - 12px); margin-left:12px; margin-bottom:12px;}

	.kiosk-cont-wrap .sign-color-guide.hasBackBtn{padding:20px 0 70px 0;}
}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap .sign02-list li .item {padding:14px; min-height:80px;}
	.kiosk-cont-wrap .sign02-list li .item .txtbig{font-size:16px;}
	.kiosk-cont-wrap .sign02-list li .item .txtsmall{font-size:14px;}

	.kiosk-cont-wrap .sign-color-guide.hasBackBtn{padding:20px 0 60px 0;}
}

.kiosk-cont-wrap .sign03-list{display:flex;flex-wrap:wrap;margin-left: -14px;}
.kiosk-cont-wrap .sign03-list li{width: calc(16.66% - 14px);margin-bottom: 14px;margin-left: 14px;}
.kiosk-cont-wrap .sign03-list li .item{display:flex;align-items:center;justify-content:center;border-radius: 6px;padding:0 10px;height: 42px;background: linear-gradient(135deg, #ffa82c, #ee8528);border:1px solid #ffa82c;CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;font-size: 16px;color: #2d1e0f;}
.kiosk-cont-wrap .sign03-list li.off .item{color: #4d4d4d;background:#ddd;border-color:#ddd;box-shadow:none;}
.kiosk-cont-wrap .sign03-list li.active .item{background:#fff;color: #df1738;border-color: #df1738;}

.kiosk-cont-wrap .sign03-selected-list{display:flex;align-items:center;background:#f5f5f5;padding: 13px 30px;margin-left: -30px;width: calc(100% + 60px);}
.kiosk-cont-wrap .sign03-selected-list .kisok-conttitle{margin-right:26px;}
.kiosk-cont-wrap .sign03-selected-list ul{display:flex; flex-wrap:wrap; flex:1;}
.kiosk-cont-wrap .sign03-selected-list ul li{padding: 7px;}
.kiosk-cont-wrap .sign03-selected-list ul li .item{display:flex;align-items:center;justify-content:center;border-radius: 6px;color:#fff;padding: 0 6px 0 10px;height: 42px;background:#fff;border: 1px solid #df1738;box-shadow:5px 5px 10px rgba(0,0,0,0.2);font-size: 16px;color: #df1738;}
.kiosk-cont-wrap .sign03-selected-list ul li .item .btn-delete{border:none; margin-left: 8px;width: 30px;height: 30px;border-radius: 6px;font-size:0;background:#df1738 url('../images/ico-delete-w.svg') center center no-repeat;background-size: 12px;}


@media screen and (max-width: 980px){
	.kiosk-cont-wrap .sign03-list li{width:calc(20% - 14px);}
}
@media screen and (max-width: 786px){
	.kiosk-cont-wrap .sign03-list li{width:calc(25% - 14px);}
	.kiosk-cont-wrap .sign03-list li .item{font-size:14px; padding:0 5px;}
	.kiosk-cont-wrap .sign03-selected-list{flex-direction:column;}
	.kiosk-cont-wrap .sign03-selected-list ul{justify-content:center;}
	.kiosk-cont-wrap .sign03-selected-list ul li .item{font-size:14px;}
	.kiosk-cont-wrap .sign03-selected-list .kisok-conttitle{margin-right:0; margin-bottom:4px;}
}
@media screen and (max-width: 580px){
	.kiosk-cont-wrap .sign03-list li{width:calc(33.33% - 14px);}
	.kiosk-cont-wrap .sign03-list li .item{font-size:13px;}
	.kiosk-cont-wrap .sign03-selected-list{ padding:13px 7px; margin-left: -14px; width: calc(100% + 28px);}
	.kiosk-cont-wrap .sign03-selected-list ul li .item{font-size:13px;}
	.kiosk-cont-wrap .sign03-selected-list ul li .item .btn-delete{width:20px; height:20px; background-size:10px;}
}

@media screen and (max-width: 360px){
	.kiosk-cont-wrap .sign03-list li{width:calc(50% - 14px);}
}


.kiosk-cont-wrap .sign-color-guide{display:flex;justify-content:center;padding: 20px 0;margin-top:auto;}
.kiosk-cont-wrap .sign-color-guide li{display:flex;align-items:center;font-size: 16px;color:#0f172d;font-weight:800;}
.kiosk-cont-wrap .sign-color-guide li + li{margin-left: 30px;}
.kiosk-cont-wrap .sign-color-guide .ico{width: 24px;height: 24px;border:1px solid #ffa82c;background: linear-gradient(135deg, #ffa82c, #ee8528);border-radius:100%;margin-right: 8px;box-shadow: 5px 5px 210px rgba(0,0,0,0.2);}
.kiosk-cont-wrap .sign-color-guide .ico.off{background:#ddd; border-color:#ddd; box-shadow:none;}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap .sign-color-guide li{font-size:14px;}
	.kiosk-cont-wrap .sign-color-guide .ico { width: 18px; height: 18px; }
}

.kiosk-cont-wrap .txt-notice{}
.kiosk-cont-wrap .txt-notice li:before{content:''; box-sizing:border-box; position:absolute;left:0;top: 1px;width: 16px;height: 16px;border: 5px solid #3d5b13;border-radius:100%;}
.kiosk-cont-wrap .txt-notice li{position:relative;padding-left: 22px;color: rgba(0,0,0,0.7);font-size: 16px;line-height:1.2;}
.kiosk-cont-wrap .txt-notice li strong{color: #1b2e00;font-weight: 800;}
.kiosk-cont-wrap .txt-notice li + li{margin-top: 8px;}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap .txt-notice li{font-size:14px; padding-left:20px; }
	.kiosk-cont-wrap .txt-notice li:before{width:14px; height:14px;}
}

.kiosk-cont-wrap .price-tbl{padding-bottom:40px; border-bottom:4px dotted #ddd;}
.kiosk-cont-wrap .price-tbl table{width:100%; font-size:50px;}
.kiosk-cont-wrap .price-tbl table tr + tr td{padding-top:10px;}


.kiosk-cont-wrap .pay-total{flex:1; display:flex; flex-direction:column; justify-content:center; text-align:center; font-family:'Jalnan';}
.kiosk-cont-wrap .pay-total .txt{color:#373c41;font-size: 30px;}
.kiosk-cont-wrap .pay-total .price{display:flex;justify-content:center;align-items:end;font-size: 40px;color:#373c41;}
.kiosk-cont-wrap .pay-total .price strong{line-height:1.2;color:#df1738;letter-spacing: -2px;font-size: 80px;}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap .pay-total .txt{font-size:18px;}
	.kiosk-cont-wrap .pay-total .price{font-size:18px;}
	.kiosk-cont-wrap .pay-total .price strong{font-size: 40px;}
}

.kiosk-cont-wrap .done-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size: 20px;color:#373c41;}
.kiosk-cont-wrap .done-wrap .txt-user strong{font-size: 30px;}
.kiosk-cont-wrap .done-wrap .txt-info{font-family:'Jalnan';font-size: 35px;line-height:1.4;padding: 20px 0;}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap .done-wrap{font-size:14px;}
	.kiosk-cont-wrap .done-wrap .txt-user strong{font-size:18px;}
	.kiosk-cont-wrap .done-wrap .txt-info{font-size:20px; padding:10px 0;}
}

.kiosk-cont-wrap .password-wrap{}
.kiosk-cont-wrap .password-wrap .input-main{}
.kiosk-cont-wrap .password-wrap .input-main input{width:100%;height: 80px;text-align:center;padding: 0 20px;font-size: 20px;border:1px solid #fff;border-radius: 10px;background:#fff;font-family:inherit;}
.kiosk-cont-wrap .password-wrap .input-main input::placeholder{font-size:inherit;}
.kiosk-cont-wrap .password-wrap .input-list{display:flex; flex-wrap:wrap; margin-left:-20px; margin-top:40px;}
.kiosk-cont-wrap .password-wrap .input-list li{width:calc(33.33% - 20px); margin-left:20px; margin-bottom:20px; display:flex; align-items:center; justify-content:center; text-align:center;}
.kiosk-cont-wrap .password-wrap .input-list li button{ display: flex; align-items: center; justify-content: center; width:100%; height:200px; background:linear-gradient(0deg , #0f172d , #263455); border-color:#0f172d; border-radius:20px; color:#fff; font-size:60px; font-weight:600;}
.kiosk-cont-wrap .password-wrap .input-list li .ico{height:60px;}

@media screen and (max-width: 580px) {
   .kiosk-cont-wrap .password-wrap .input-main input { height:60px; font-size: 16px; }
}

.kiosk-cont-wrap .value-control-wrap{flex:1; display:flex; align-items:center;}
.kiosk-cont-wrap .value-control-wrap .controlgroup{display:flex;width:100%;align-items:center;justify-content: center;}
.kiosk-cont-wrap .value-control-wrap .controlgroup .numb{font-size: 60px;font-weight:800;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius: 20px;width: 140px;height: 140px;margin: 0 40px;}
.kiosk-cont-wrap .value-control-wrap .btn-value{display:inline-flex;align-items:center;justify-content:center;width: 80px;height: 80px;font-weight:800;font-size:100px;border-radius: 10px;background:linear-gradient(0deg , #0f172d , #263455);border-color:#0f172d;color:#fff;}
.kiosk-cont-wrap .value-control-wrap .btn-value img{width:30%;}

@media screen and (max-width: 580px){
	.kiosk-cont-wrap .value-control-wrap .btn-value{width:40px; height:40px; border-radius:6px;}
	.kiosk-cont-wrap .value-control-wrap .controlgroup .numb{width:90px; height:90px; font-size:40px; margin:0 20px;}
}

.kisok-pagetitle .reservation{font-size: 20px;line-height:1.2;}
.kisok-pagetitle .reservation .name{font-size: 40px;}
.kisok-pagetitle .reservation .txt{margin-top: 4px; opacity:.7;}


.kiosk-cont-wrap .reservation-list{display: flex; flex-wrap: wrap; justify-content: center; margin-left: -14px;}
.kiosk-cont-wrap .reservation-list > li{width:calc(33.33% - 14px); margin-left:14px; margin-bottom:14px;}
.kiosk-cont-wrap .reservation-list .item{background:#fff;border: 2px solid #fff; height:100%; padding: 20px;border-radius: 10px;font-size: 16px;line-height:1.2;}
.kiosk-cont-wrap .reservation-list .item .location{font-family: 'Jalnan';margin-bottom: 20px;color:#df1738;}
.kiosk-cont-wrap .reservation-list .item .location .floor{font-size: 18px;margin-bottom: 4px;}
.kiosk-cont-wrap .reservation-list .item .location .name{font-size: 24px;}
.kiosk-cont-wrap .reservation-list .item .etc-infolist .row{}
.kiosk-cont-wrap .reservation-list .item .etc-infolist .row + .row{margin-top: 10px;}
.kiosk-cont-wrap .reservation-list .item .etc-infolist .row .col{flex:1;}
.kiosk-cont-wrap .reservation-list .item .etc-infolist .row .col.li-th{text-align:left;opacity:.6;margin-bottom: 4px;}


@media screen and (max-width: 980px){
	.kiosk-cont-wrap .reservation-list > li{width:calc(50% - 14px);}
}
@media screen and (max-width: 786px){
	.kiosk-cont-wrap .reservation-list .item{font-size:14px;}
	.kiosk-cont-wrap .reservation-list .item .location .floor{font-size:16px;}
	.kiosk-cont-wrap .reservation-list .item .location .name{font-size:20px;}
}

@media screen and (max-width: 580px){
	.kisok-pagetitle .reservation{font-size:16px;}
	.kisok-pagetitle .reservation .name{font-size:30px;}
}


@media screen and (max-width: 480px){
	.kiosk-cont-wrap .reservation-list{margin-left:0;}
	.kiosk-cont-wrap .reservation-list > li{width:100%; margin-left:0;}
	.kiosk-cont-wrap .reservation-list .item{padding:14px;}
	.kiosk-cont-wrap .reservation-list .item .location{margin-bottom:14px;}
	.kiosk-cont-wrap .reservation-list .item .etc-infolist .row{flex-direction:row;}
	.kiosk-cont-wrap .reservation-list .item .etc-infolist .row .col.li-th{width:70px; margin-bottom:0; padding-right:14px;}
}


/* kiosk-layerpopup */
.kiosk-layerpopup {position:absolute; left:0; top:0; width:100%; height:100%;}
.kiosk-layerpopup .lpu-box{position:absolute;top:50%;max-width: 400px;width: calc(100% - 40px);max-height: calc(100% - 40px);left: 50%;background:#fff;background:#fff;border-radius: 10px;box-shadow:0 20px 40px rgba(0,0,0,0.1);z-index:1000;transform: translate(-50% , -50%);overflow:hidden;}
.kiosk-layerpopup .lpu-box .boxbody{padding: 30px;font-size: 16px;}
.kiosk-layerpopup .lpu-box .boxtitle{font-family:'Jalnan';font-size: 24px;text-align:center;margin-bottom: 10px;color:#233050;}
.kiosk-layerpopup .lpu-shade{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999;}
.kiosk-layerpopup .cont-bot-btngroup{height: 60px;}

/* BUTTON */
.kiosk-btn-common{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #dcdcdc;background:#fff;font-size: 20px;line-height:1.2;box-shadow:5px 5px 10px rgba(0,0,0,0.2);padding:10px;text-align:center;color:#1e1e1e; word-break: keep-all; transition:color .2s, background .2s, border-color .2s, transform .2s, box-shadow .2s;cursor:pointer;}
.kiosk-btn-common:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,0.3); background:#f5f5f5 ;}
.kiosk-btn-common.orange{background:linear-gradient(0deg , #ee8528 , #ffa82c); border-color:#ffa82c; color:#2d1e0f;}
.kiosk-btn-common.purple{background:linear-gradient(0deg , #6e38b1 , #9a5be8); border-color:#9a5be8; color:#fff;}
.kiosk-btn-common.dblue{background:linear-gradient(0deg , #0f172d , #263455); border-color:#0f172d; color:#fff;}

.kiosk-btn-common.left{text-align:left; justify-content:flex-start;}

.kiosk-btn-common.round10{border-radius:10px;}
.kiosk-btn-common.round20{border-radius:20px;}
.kiosk-btn-common.round20{border-radius:20px;}
.kiosk-btn-common.round40{border-radius:40px;}

.kiosk-btn-common .ico{display:block; background-size:contain; background-position:center center; background-repeat:no-repeat; transition:background-image .2s;}
.kiosk-btn-common .ico img{height:100%;}
.kiosk-btn-common .ico.arrow{width:12px; height:18px; background-image:url('../images/btn-gr-arrow.png');}
.kiosk-btn-common .ico.more{width:12px; height:12px; background-image:url('../images/btn-gr-more.png');}
.kiosk-btn-common .ico.red-play{width:18px; height:18px; margin-right:6px; background-image:url('../images/ico-red-play.png');}
.kiosk-btn-common .ico.red-paper{width:18px; height:18px; margin-right:6px; background-image:url('../images/ico-red-paper.png');}
.kiosk-btn-common:hover .ico.red-play{background-image:url('../images/ico-red-play-w.png');}
.kiosk-btn-common:hover .ico.red-paper{background-image:url('../images/ico-red-paper-w.png');}

@media screen and (max-width: 580px){
	.kiosk-btn-common{font-size:16px;}
	
	.kiosk-btn-common .ico.h40{height:30px;}
}



/* FLEX */
.dv-flex{display:flex;}
.dv-flex.align-center{align-items:center;}
.dv-flex.al-center{justify-content:center;}
.dv-flex.al-right{justify-content:flex-end;}
.dv-flex.inline{display:inline-flex;}
.flex-1{flex:1;}


/* WIDTH */
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}


.mw110{min-width:110px;}
.mw80{max-width:80px;}
.mw90{max-width:90px;}
.mw100{max-width:100px;}
.mw110{max-width:110px;}
.mw120{max-width:120px;}
.mw130{max-width:130px;}
.mw140{max-width:140px;}
.mw150{max-width:150px;}
.mw160{max-width:160px;}
.mw170{max-width:170px;}
.mw180{max-width:180px;}
.mw190{max-width:190px;}
.mw200{max-width:200px;}
.mw240{max-width:240px;}
.mw300{max-width:300px;}
.mw400{max-width:400px;}
.w100p{width:100%;}


/* MARGIN */
.mb10{margin-bottom:10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}


/* HEIGHT */
.h34{height:34px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}

.mh34{min-height:34px;}
.mh40{min-height:40px;}
.mh50{min-height:50px;}
.mh60{min-height:60px;}
.mh80{min-height:80px;}
.mh100{min-height:100px;}
.mh120{min-height:120px;}
.mh140{min-height:140px;}
.mh180{min-height:180px;}
.mh200{min-height:200px;}
.mh240{min-height:240px;}
.mh280{min-height:280px;}
.mh300{min-height:300px;}
.mh320{min-height:320px;}

@media screen and (max-width: 580px){
	.mh80{min-height:60px;}
}


/* FONT */
.font40{font-size:40px;}
.font50{font-size:50px;}
.font60{font-size:60px;}

.fc-red{color:#df1738;}

/* LOADING */
.kiosk-layerpopup .lpu-loading{position:absolute; left:50%; top:50%; width:200px; height:200px; border-top:20px solid #fff;  border-bottom:20px solid #fff; border-left:20px solid rgba(255,255,255,0.2); border-right:20px solid rgba(255,255,255,0.2); border-radius:100%; animation:spin 1.5s linear infinite; z-index:1000;}
				
@media screen and (max-width: 580px){
	.kiosk-layerpopup .lpu-loading{width:100px; height:100px; border-top:1.50px solid #fff;  border-bottom:1.50px solid #fff; border-left:1.50px solid rgba(255,255,255,0.2); border-right:1.50px solid rgba(255,255,255,0.2);}
}


@keyframes spin {
	0%{
		transform:translate(-50%, -50%) rotate(0deg);
	}
	100%{
		transform:translate(-50%, -50%) rotate(360deg);
	}
}