@charset "utf-8";
@import "font.css";
@import "morpheus-common.css";

/*
  CSS order:
  1. clear/display/position/z-index/overflow/float
  2. width/height
  3. margin/padding
  4. color/font/line-height/text/letter-spacing/vertical-align/white-spacing/word-spacing
  5. etc
  6. border/background
*/
/*=== MAIN ===*/
/*MCM_03_001V, MCM_05_001V*/
.intro-box, .login-box{position:absolute;left:0;top:0;width:100%;height:100%;text-align: center;}
.login-box .btn-login{position:absolute;left:50%;bottom:13%;margin-left:-11.4rem;width:22.8rem;height:4.6rem;border:1px solid #000;color:#000;font-size:1.6rem;font-family:'NS-B';}
.login-box .btn-login:before{content:'';display:inline-block;;width:2.3rem;height:2.4rem;margin:0 1.4rem -.5rem 0;background:url('../img/img-icon-google-login.png') no-repeat center center;background-size:100% auto;}
.intro-box{display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;display:-ms-flexbox;-ms-flex-direction: column;-webkit-box-pack:center;-webkit-box-align:center;-moz-box-pack:center;-moz-box-align:center;box-pack:center;box-align:center;-ms-flex-pack:center;-ms-flex-align:center;}
.intro-box h1.logo, .login-box h1.logo{width:100%;height:8.4rem;font-size:0;text-indent:-999rem;background-size:16rem auto;}
.intro-box h1.logo{display:block;}
.login-box h1.logo{margin-top:40%;}
@media all and (orientation:landscape){
  .login-box h1.logo{margin-top:15%;}
}
/*MCM_07_001P*/
.header.bbn + .content-wrap > .user-box{padding-top:2.1rem;}
.user-box{/*min-height:25.4rem;*/padding:4.4rem 0;text-align:center;border-bottom:1px solid #000;}
.user-box .imgbox{width:8rem;height:8rem;margin:0 auto;text-align:left;}
.user-box .name{margin-top:2rem;color:#000;font-size:1.6rem;}
.user-box .sub-name{margin-top:.8rem;color:#767676;font-size:1.2rem;}
.footer .simply-scroll{width:100% !important;height:3.2rem !important;margin-bottom:0;}
.simply-scroll .simply-scroll-clip{width:100% !important;}
.anti-forgery{min-width:100%;height:3.2rem !important;text-align:center;border-top:1px solid #000;background-color:#2fa566;overflow:visible;}
.anti-forgery *{position:relative;width:30rem !important;height:3.2rem !important;color:#000;font-size:1.4rem;line-height:3.2rem;}
/*MCM_12_001V*/
.push-setting label{font-size:1.4rem !important;}
.push-setting > *:first-child label{font-size:1.6rem !important;}
.push-setting > * + *{margin-top:1.5rem;}
/*MMA_01_001V*/
/*.main-search{display:block;width:100%;height:5rem;padding:0 1.6rem;border-bottom:1px solid #000;}
.main-search .ipt-wrap{height:5rem;}
.main-search .btn-select{width:8.8rem;}*/
.main-search{display:block;;width:100%;height:5rem;padding:0 1.6rem;border-bottom:1px solid #000;}
.main-search  .ipt-wrap{overflow:hidden;display:block;height:5rem;padding-top:.7rem;}
.main-search .ipt-wrap *{}
.main-search .btn-select{float:left;width:20%;min-width:8.8rem;color: #222}
.main-search .btn-select:lang(en){min-width:10rem;}
.main-search .ipt-box{float:right;width:78%;max-width:calc(100% - 8.8rem - .8rem);margin-left:.8rem !important;}
.main-search *{border-bottom:none !important;}
.main-search .btn-search{width:2.1rem;background:url(../img/img-icon-search.png) no-repeat center center;background-size:100% auto;}
.main-member{position:relative;height:9.8rem;padding:2rem 2rem 1rem;border-bottom:1px solid #000;}
.main-member .name{color:#222;font-family:'NS-B';}
.main-member .btn-idcard{position:absolute;right:1rem;top:1rem;}
.main-member .position{position:relative;margin-top:1rem;font-size:0;}
.main-member .position .btn-pos{height:4.2rem;padding:0 1rem 0 2.8rem;color:#222;font-size:1.4rem;}
.main-member .position .btn-pos + .btn-pos{margin-left:1.7rem;}
.main-member:lang(en){min-height:9.8rem;height:auto;}
.main-member .position .btn-pos:lang(en){margin-right:.5rem;}
.main-member .position .btn-pos + .btn-pos:lang(en){margin-left:0;}
.main-member .position .btn-pos:last-child:lang(en){margin-right:0;}
.main-member .position .btn-pos.seat{background:url('../img/img-icon-smart.png') no-repeat left center;background-size:1.9rem auto;}
.main-member .position .btn-pos.closet{background:url('../img/img-icon-cloth.png') no-repeat left center;background-size:1.8rem auto;}
.main-member .position .btn-pos.locker{background:url('../img/img-icon-locker.png') no-repeat left center;background-size:1.8rem auto;}
.main-member .position .btn-reservation{position:absolute;right:-1rem;top:50%;margin-top:-1.75rem;}
.main-list{position:absolute;top:0;left:0;width:100%;height:100%;}
.main-list .nodata{position:absolute;left:0;top:5.4rem;width:100%;height:auto;right:0;bottom:0;}
.main-list-sub{position:relative;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex: 1;height:100%;}
.main-list-sub + .main-list-sub{border-top:1px solid #000;}
.main-list .title{padding:2rem 2rem 1.4rem;color:#222;font-size:1.4rem;}
.main-list .btn-reservation{position:absolute;right:1rem;top:1rem;}
.main-list .btn-link{margin:1rem 0 .2rem;}
.btn-notice{position:relative;height:6.4rem;padding:0 4.1rem 0 2rem;font-size:0;text-align:left;border-top:1px solid #000;}
.btn-notice:after{content:'';position:absolute;right:2.1rem;top:50%;width:1rem;height:2rem;margin-top:-1rem;background:url('../img/img-icon-next.png') no-repeat center center;background-size:100% auto;}
.btn-notice .notice{margin-right:2rem;color:#7e8283;font-size:1.2rem;line-height:1.9rem;}
.btn-notice .title-box{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex: 1;font-size:0;}
.btn-notice .title-box  > *{display:inline-block;font-style:normal;}
.btn-notice .title{max-width:calc(100% - 4rem);color:#000;font-size:1.4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.btn-notice .new{width:4rem;padding-left:1rem !important;color:#2fa566;font-size:1.2rem;line-height:1.9rem;}
.btn-notice .new:before{content:none;}
/*MCM_06_001P*/
.sidemenu{display:none;position:fixed;top:0;left:0;bottom:0;z-index:100;width:100%;}
.sidemenu.right *{text-align:left;}
.sidemenu.show{display:block;}
.side-bg{position:absolute;top:0;left:0;z-index:101;width:100%;height:100%;background:#000;opacity:.75;}
.sidemenu-box{display:-webkit-box;-webkit-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-pack:justify;-webkit-box-align:center;box-pack:justify;box-align:center;position:absolute;z-index:103;left:0;width:25rem;height:100%;background-color:#fff;}
.sidemenu-box > *{display:block;width:100%;}
.side-top{position:relative;border-bottom:1px solid #000;}
.side-top .logo{height:5.9rem;padding:0 2rem;font-size:0;text-indent:-999rem;background-size:13rem auto;background-position-x:2rem;}
.btn-closemenu{position:absolute;top:1rem;right:1rem;z-index:105;width:3.8rem;height:3.8rem;font-size:0;text-indent:-999rem;background:url('../img/img-popup-close.png') no-repeat center center;background-size:1.8rem auto;}
.side-top > div{padding:2rem;font-size:0;border-top:1px solid #000;}
.side-top .side-user{overflow:hidden;padding:1.5rem 2rem 0;}
.side-user .name{float:left;display:inline-block;padding:0 1rem 1rem 0;color:#222;font-size:1.6rem;}
.side-user .btn-idcard{float:left;height:4.5rem;margin:-1.5rem 0;background-position-x:0;}
.side-user .fl-right{margin-bottom:1.5rem;}
.btn-sidetop{position:relative;min-width:3.6rem;padding-top:4.4rem;color:#333;font-size:1.2rem;}
.btn-sidetop + .btn-sidetop{margin-left:3rem;}
.btn-sidetop.book{background:url('../img/img-icon-menu-book.png') no-repeat center top;background-size:3.6rem auto;}
.btn-sidetop.hitnet{background:url('../img/img-icon-menu-hitnet2.png') no-repeat center top;background-size:3.6rem auto;}
.side-cnt{-webkit-box-flex:1;box-flex:1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.side-cnt dt{padding:2rem 2rem 1.1rem;color:#000;font-size:1.4rem;}
.side-cnt dd + dt{margin-top:.9rem;border-top:1px solid #000;}
.side-cnt .btn-sidemenu{width:100%;height:3.2rem;padding-left:4rem;color:#222;font-size:1.4rem;text-align:left;}
/* 기본 메인 컬러 */
.side-cnt .btn-sidemenu.select , .side-cnt .btn-sidemenu:active{background-color:#2fa566;}
.side-cnt .btn-sidemenu.lime.select , .side-cnt .btn-sidemenu.lime:active{background-color:#c1df16;}
.side-cnt .btn-sidemenu.yellow.select , .side-cnt .btn-sidemenu.yellow:active{background-color:#ffc500;}
.side-cnt .btn-sidemenu.blue.select , .side-cnt .btn-sidemenu.blue:active{background-color:#62b5e5;}
.side-cnt .btn-sidemenu.red.select , .side-cnt .btn-sidemenu.red:active{background-color:#e46910;}
.sidemenu-box{-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.show .sidemenu-box {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;}
.remove .sidemenu-box {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}
.right.show .sidemenu-box {-webkit-animation-name: slideInRigh ;animation-name: slideInRight;}
.right.remove .sidemenu-box {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}
@-webkit-keyframes slideInLeft {
  from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInLeft {
  from {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);visibility: visible;}
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes slideOutLeft {
  from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
@keyframes slideOutLeft {
  from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {visibility: hidden;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
@-webkit-keyframes slideInRight {
  from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes slideInRight {
  from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}
  to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes slideOutRight {
  from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
@keyframes slideOutRight {
  from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  to {visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}

/* === 시설예약 === */
/*MPB_01_001V*/
.ipt-wrap.lang-block:lang(en){display:block !important}
.ipt-wrap.lang-block:lang(en) > *#building{width:100% !important;}
.ipt-wrap.lang-block:lang(en) > *#resource{display:inline-block;margin-top:1rem !important;margin-left:0 !important;width:65% !important;}
.ipt-wrap.lang-block:lang(en) > *#floor{display:inline-block;margin-top:1rem !important;width:30% !important;}

/*MPB_02_004T */
.tab-sub .box.scrollX + .tbl-box{margin-top:-1rem;}

/* === 식당 주문 === */
/*MFO_01_001T*/
.order-top{padding:2rem;}
.order-top .title{color:#000;font-size:1.6rem;}
.order-top .time-info{color: #9D9D9D;font-size: 1.3rem;margin-top: 1rem;}
.order-top .time-btn {}
.order-top .fl-right:lang(en){margin-top:.5rem;}
.order-menu{border-top:1px solid #000;}
.list-order li{border-bottom:1px solid #000;}
.ordermenu{position:relative;width:100%;height:11rem;padding-left:13rem;}
div.ordermenu{padding-top:2.2rem;border-bottom:1px solid #000;}
.ordermenu .image{position:absolute;top:0;left:0;width:13rem;height:11rem;padding:0;border-right:1px solid #000;}
.ordermenu .image.nodata{background:url('../img/img-icon-food-none.png') no-repeat center center;background-size:4.8rem auto;}
.ordermenu .image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit: cover;}
.ordermenu > span{display:block;padding:0 2rem;text-align: left;}
.ordermenu .count{overflow:hidden;}
.ordermenu .count .num{color:#767676;font-size:1.2rem;}
.ordermenu .count .status{float:right;color:#000;font-size:1.2rem;}
/*210719수정*/
.ordermenu .name{color:#000;margin-top:1rem;/*text-overflow:ellipsis;overflow:hidden;*/white-space:nowrap;overflow-x:auto;}
.ordermenu .marquee{margin-top:1rem;}
.marquee{position:relative;display:block;overflow:hidden;}
.marquee em:after{content:"";white-space:nowrap;padding-right:5rem;}
.marquee em{/*padding-left:100%;width:400px;*/display:inline-block;white-space:nowrap;-webkit-animation:marquee 10s linear infinite;animation:marquee 10s linear infinite;}
@-webkit-keyframes marquee {
	from   { -webkit-transform: translate(0%);}
	99%,to { -webkit-transform: translate(-100%);}
}
@keyframes marquee {
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
}

.ordermenu .pay{color:#000;margin-top:1rem;}
.ordermenu .pay .cal{color:#767676;font-size: 1.2rem;vertical-align:text-bottom;}
.soldout .ordermenu .image:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.65);}
.soldout .ordermenu *{color:#c9c9c9 !important;}
.soldout .ordermenu .status{color:#af231d !important;}
/*MFO_02_001T*/
.popup.order-detail .pop-title{padding:2rem;border-bottom:1px solid #000;}
.orderdetail{padding:2rem;}
.orderdetail p{overflow:hidden;}
.orderdetail p *{color:#000;font-size:1.4rem;line-height:2.8rem;}
.orderdetail p .title{float:left;}
.orderdetail p .sub{float:right;}
.orderdetail p.danger{margin-top:2rem;color:#767676;font-size:1.2rem;text-align:right;}
.ordermenu.type-vertical{padding-top:0;height:auto;padding-left:0;}
.ordermenu.type-vertical .image{position:relative;width:100%;height:23rem;overflow:hidden;border-bottom:1px solid #000;padding-top:75%;border-right:0;}
.ordermenu.type-vertical .image img{object-fit:contain;}
@media only screen and (min-width:480px) {
	.ordermenu.type-vertical .image{padding-top:0;height:28rem;}
}
.ordermenu-info{padding:1.5rem 2rem;}
.ordermenu-info .count, .ordermenu-info .name, .ordermenu-info .pay{display:block;text-align:left;}
.ordermenu-info .pay .cal{vertical-align:baseline;}
/*210719수정*/
.noti-txt{position:relative;margin-top:auto;padding:2rem 1.5rem;}
.noti-txt::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background-color:#000;}

/*MFO_04_001T*/
.list-history li{min-height:12.2rem;padding:2rem;text-align:left;border-bottom:1px solid #000;}
.list-history li > div p + *{margin-top:1rem;}
.list-history li > div:first-child p + p{margin-top:.8rem;}
.list-history li .store, .list-history li .date{color:#767676;font-size:1.2rem;}
.list-history li .pay, .list-history li .status{color:#000;font-size:1.2rem;}
.list-history li .rightbox{width:11.5rem;text-align:right;}
.list-history li .title, .list-history li .order-num{color:#000;font-size:1.4rem;}
.list-history li > div + div{margin-top:1.4rem;}
/*MFO_04_003P*/
.orderreview{padding:2rem;border-bottom:1px solid #000;}
.orderreview .title{color:#000;font-size:1.4rem;}
.orderreview .sub{margin-top:.8rem;color:#767676;font-size:1.2rem;}
.orderreview .star-point{margin-top:2rem;}
/*MFO_04_004P*/
.popup.order-detail{max-height:100%;max-height:calc(100vh - 3.5rem);/*max-height: -webkit-fill-available;*/}
.ordernumber{padding:3rem;text-align:center;}
.ordernumber .qrcode{height:14.4rem;margin-bottom: 3rem;text-align: center;}
.ordernumber .qrcode img{display:inline-block;width:14.4rem;height:14.4rem;}
.ordernumber  ul li{padding:0 5%;font-size:0;}
.ordernumber  ul li + li{margin-top:1.5rem;}
.ordernumber  ul li *{display:inline-block;text-align:left;}
.ordernumber  ul li .title{width:40%;}
.ordernumber  ul li .data{width:60%;}
/*MCO_01_001V:카페메뉴*/
.list-line.cafe li{padding: 15px 20px 0px 20px; border-bottom: 0px;}
.list-line.cafe li .hbox{position:relative;width:100%;height:100%;min-height:16.5rem;padding:0 0 0 13rem;}
.list-line.cafe li .hbox > *{display:block;}
.list-line.cafe .imgbox{position:absolute;left:0;top:0;width:13rem;min-height:100%;border-radius: 10px;}
.list-line.cafe .cafe-menu{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex: 1;padding:2rem 0 2rem 2rem;}
.list-line.cafe li .cafe-menu .title{overflow:hidden;color:#111111;font-size:1.6rem;font-weight: bold;}
.list-line.cafe li .cafe-menu .sub{margin-top: 1rem;color:#777777;font-size:1.4rem;}
.list-line.cafe li .cafe-menu .pay{margin-top: 1rem;color:#FF5757;font-size: 1.6rem;font-weight: bold;}
.list-line.cafe li .cafe-detail{margin-top:1rem;color: #111111;font-size: 1.6rem;}
.list-line.cafe li .cafe-bean{margin-top: 0.8rem;color: #777777;font-size: 1.4rem;}
.cafe-detail table{width:100%;}
.cafe-detail table caption{display:block;margin-bottom: .5rem;color:#000;font-size:1.4rem;text-align:left;}
.cafe-detail table tr > *{padding:.3rem 0;color:#767676;font-size:1.2rem;font-weight:normal;text-align:left;vertical-align:top;line-height:1.2;}

/*=== 예약하기 ===*/
/*MSW_01_001V*/
.info-pos{font-size:0;}
.info-pos > *{display:inline-block;height:2.2rem;padding:0 1rem 0 2.8rem;color:#222;font-size:1.4rem;line-height:2.2rem;}
.info-pos > * + *{margin-left:1.7rem;}
.info-pos .seat{background:url('../img/img-icon-smart.png') no-repeat left center;background-size:1.9rem auto;}
.info-pos .closet{background:url('../img/img-icon-cloth.png') no-repeat left center;background-size:1.8rem auto;}
.info-pos .locker{background:url('../img/img-icon-locker.png') no-repeat left center;background-size:1.8rem auto;}
/*MSW_04_001V*/
.seat-txt{display: block;width:100%;margin-bottom:2rem;padding:6.9rem 0 3rem;color:#000;font-size:1.6rem;text-align:center;background:url('../img/img-icon-smart-big.png') no-repeat top center;background-size:3.6rem auto;border-bottom:1px solid #000;}
.list-seat{display:block;font-size:0;}
.list-seat > *{display:inline-block;height:3rem;padding:0 2rem;color:#222;font-size:1.4rem;line-height:3rem;}
.list-seat dt{width:43%;text-align:right;}
.list-seat dd{width:57%;}
/*MBO_01_001V*/
.cal-wrap{position:relative;height:8rem;padding:2rem 4.6rem 2rem .8rem;border-bottom:1px solid #000;}
.cal-wrap .cal-week{width:100%;display:-webkit-box;-webkit-box-orient:horizontal;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction: row;-webkit-box-pack:justify;-webkit-box-align:center;-moz-box-pack:justify;-moz-box-align:center;box-pack:justify;box-align:center;-ms-flex-pack:justify;-ms-flex-align:center;}
.cal-wrap .cal-week li{display:block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex: 1;width:100%;}
.cal-week .btn-cal{display:block;width:100%;color:#000;font-size:1.4rem;line-height:1;}
.cal-week .btn-cal em{display:block;margin-top:1.2rem;}
.cal-week .btn-cal.select{color:#222;font-family:'NS-B';}
.cal-wrap .btn-calenedar{position:absolute;right:0;bottom:0;width:4.6rem;height:5.6rem;font-size:0;text-indent:-999rem;background:url('../img/img-icon-calendar-big.png') no-repeat center center;background-size:1.6rem auto;}
.res-title{padding:0 2rem;font-size:1.6rem;line-height:5.6rem;border-top:1px solid #000;border-bottom:1px solid #000;}
.res-title:first-child{border-top:none;}
.res-sub{position:relative;/*max-height:calc(100% / 2  - 2.6rem);*/}
.res-sub .swiper-slide{width:26.8rem !important;}
.res-sub .res-box{/*height:18.8rem;*/padding:1.3rem 2rem 1.5rem;border-bottom:1px solid #000;}
/*.res-sub .res-box + .res-box{border-left:1px solid #000;}*/
.res-box table{width:100%;}
.res-box tr > *{height:2.8rem;}
.res-box th{color:#767676;font-weight: normal;text-align:left;}
.res-box td{color:#000;}
/*.res-box .btn-wrap{position:absolute;bottom:1.3rem;left:2rem;margin-top:1.7rem;font-size:0;}*/
.res-box .btn-wrap{border-top:0;margin-top:1rem;}
.res-box .btn-wrap .btn-txt{min-width:8.8rem;border:1px solid #000;}
.res-box .btn-wrap .btn-txt + .btn-txt{border-left:0;}
.res-sub .list-line button > *{display:block;}
.res-sub .list-line button .sub{font-size: 0;}
.res-sub .list-line button .sub em{color:#767676;font-size:1.2rem;margin-right: 1rem;}
.res-sub .list-line button .position{margin-top:1.2rem;color:#000;font-size:1.4rem;}

/*=== 신청하기 ===*/
/*MME_02_002V*/
.line-box.card:last-child{border-bottom:none;}
.line-box.card:only-child{border-bottom:1px solid #000 !important;}
.line-box.card .title{position:relative;margin-bottom:1.4rem;color:#000;font-size:1.6rem;}
.line-box.card .title + .title.sub{margin-top:2.4rem;}
.line-box.card .title.sub{font-size:1.4rem;}
.line-box.card .btn-remove{position:absolute;top:50%;right:-1rem;width:3.4rem;height:3.4rem;margin-top:-1.7rem;font-size:0;text-indent:-999rem;background:url('../img/img-popup-close.png') no-repeat center center;background-size:1.3rem auto;}
.line-box.card table + .btn-wrap.nofix{padding-top:1rem;}
.line-box.card .btn-wrap.nofix .btn-txt.line.small{padding:0 1.8rem;font-family:'NS-R';}

.terms-box{padding:2rem;line-height:1.2;}
.terms-box > * + *{margin-top:1.5rem;}
.terms-box .tbl.read tr > *{padding:.7rem 1rem;border-bottom:1px solid #aaa; vertical-align:middle;}
.terms-box .tbl.read tr:first-child > *{border-top:1px solid #aaa;}
.terms-box .tbl.read th{background-color:#eee;}

/*MPO_01_001T*/
.banner{width:100%;height:58.9vw;}
.banner *{height:100%;}
.banner .imgbox{height:100%;}
.banner .swiper-pagination{width:auto !important;height:.4rem;left:2rem !important;bottom:2rem !important;}
.banner .swiper-pagination-bullet{width:.4rem;height:.4rem;border-radius:0;border:1px solid #000;background:#fff;opacity:1;}
.banner .swiper-pagination-bullet:first-child{margin-left:0 !important;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2rem;background-color:#222;}
.list-line.rental{width:100%;}
.list-line.rental li{display:block;padding:2rem;}
.list-line.rental li *.over{color:#af231d !important;}
.list-line.rental li > *{min-height:0;padding:0;}
.list-line.rental li label{padding-right:0;}
.list-line.rental li .sub{padding-left:2.8rem;color:#767676;font-size:1.2rem;line-height:1.2;}
.list-line.rental li input:disabled ~ *, .list-line.rental li.off *{color:#cbcbcb;}
.list-line.rental li .hbox + .sub-date{margin-top:1rem;}
.list-line.rental li .sub-date{font-size: 0;}
.list-line.rental li .sub-date *{display:inline-block;color:#767676;font-size:1.2rem;line-height:1.8rem;}
.list-line.rental li .sub-date .sub-title{min-width:9rem;}
.popup .pop-body .list-line.rental{padding-top:3rem;text-align:left;}
.popup .list-line.rental li > p .title{width:14rem;color:#000;font-size:1.4rem;}
.popup .list-line.rental li > p .title + *{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-ms-flex: 1;}
.popup .list-line.rental li > p .title + .ipt-box{}
.popup .list-line.rental li > p .title + .ipt-box input{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;-ms-flex: 0;width:5rem;text-align:center;}
.popup .list-line.rental li:last-child{padding-top:1rem;border-bottom:none;}
/*MPO_03_001V*/
.rental-txt{display: block;width:100%;margin-bottom:2rem;padding:6.9rem 0 3rem;color:#000;font-size:1.6rem;text-align:center;line-height:2.4rem;background:url('../img/img-icon-tools.png') no-repeat top center;background-size:3.6rem auto;border-bottom:1px solid #000;}
.rental-txt .sub{display: block;margin-top:2.6rem;color:#000;font-size:1.2rem;line-height:1.8rem;}
.list-rental{display:block;font-size:0;padding:0 3rem;}
.list-rental > *{display:inline-block;width:50%;height:3rem;padding:0 2rem;color:#222;font-size:1.4rem;line-height:3rem;}

/*=== 게시판 ===*/
/*MNE_02_001V*/
.board-title .date{margin-bottom:1.2rem;color:#767676;font-size:1.2rem;}
.board-title .title{color:#000;font-size:1.6rem;}
.board-data{padding:2rem;color:#000;font-size:1.4rem;line-height:1.4;}
.board-title + .imgbox{height:auto;}
.board-title + .imgbox img{position:relative;height:auto;object-fit:fill;}
.imgbox + .board-data{border-top:1px solid #000;}

/*=== 서명 ===*/
.sign-txt{display: block;width:100%;margin-bottom:3rem;padding:6.9rem 0 3rem;color:#000;font-size:1.6rem;line-height:1.4;text-align:center;background:url('../img/img-icon-check.png') no-repeat top center;background-size:3.6rem auto;border-bottom:1px solid #000;}
.sign-txt.cancel{background:url('../img/img-icon-reject.png') no-repeat top center;background-size:3.6rem auto;}
.sign-sub{margin-bottom:3rem;line-height:1.4;}
.list-sign{display:block;font-size:0;}
.list-sign > *{display:inline-block;height:3rem;padding:0 2rem;color:#222;font-size:1.4rem;line-height:3rem;}
.list-sign dt{width:43%;text-align:right;}
.list-sign dd{width:57%;}

.time-wrap{padding-top:1.2rem;}
.time-wrap p{margin:1rem 0 1rem 0;}
.time-list{width:100%;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction: row;}
.time-list li{position:relative;display:inline-block;width:auto;height:100%;padding:0 0.8rem 0.8rem 0;}
.time-list button{position:relative;width:100%;height:3.6rem;padding:0 1.5rem 0 1.5rem;color:#000;text-align:center;line-height:3.6rem;background:#fff;border:1px solid #000;border-radius:5px;}
.time-list button:disabled{position:relative;width:100%;height:3.6rem;padding:0 1.5rem 0 1.5rem;color:#777;text-align:center;line-height:3.6rem;background:#ccc;border:1px solid #000;}
.time-list button.select{background:#c1df16;}
.time-list button.block{color:#777;background:#ccc;}

.symptom-wrap{padding-top:1.2rem;}
.symptom-wrap p{margin:1rem 0 1rem 0;}
.symptom-list{width:100%;display:-webkit-box;-webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:horizontal;display:box;box-orient:horizontal;display:-ms-flexbox;-ms-flex-direction: row;}
.symptom-list li{min-width:7.4rem;position:relative;display:inline-block;width:auto;height:100%;padding:0 0.8rem 0.8rem 0;}
.symptom-list button{position:relative;width:100%;height:3.6rem;padding:0 1.5rem 0 1.5rem;color:#000;text-align:center;line-height:3.6rem;background:#fff;border:1px solid #000;border-radius:5px;}
.symptom-list button:disabled{position:relative;width:100%;height:3.6rem;padding:0 1.5rem 0 1.5rem;color:#777;text-align:center;line-height:3.6rem;background:#ccc;border:1px solid #000;}
.symptom-list button.select{background:#c1df16;}


.security-pledge {padding: 1.8rem;}
.security-pledge h1 {font-size: 3rem; margin-bottom: 1.5rem; text-align: center;}
.security-pledge h4 {font-size: 2rem; margin-bottom: 0.5rem;}
.security-pledge p {font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 0.8rem;}
.security-pledge p.small{font-size: 1.2rem;}
.security-pledge .right {text-align: right;}

.security-pledge ol {list-style-type: none; counter-reset: item; margin: 0; padding: 0; line-height: 1.8rem;}
.security-pledge ol > li {display: table; counter-increment: item; margin-bottom: 0.8em;}
.security-pledge ol > li:before {content: counter(item) ". "; display: table-cell; width: 20px; padding-right: 0.2rem; text-align: right}
.security-pledge li ol > li {margin-bottom: 0.5rem;}
.security-pledge li ol > li:before {content: counter(item) ") ";}

.security-pledge .right-area {width: 30%; margin-bottom: 1.5rem; min-width: 240px; float: right; display: inline-block;}
.security-pledge .right-area .row {display: flex; flex-direction: row; justify-content: space-between; align-items: baseline;}
.security-pledge .right-area .col {display: flex; flex-direction: column; width: 100%;}
.security-pledge .right-area .col .sub-title {text-align: justify;}
.security-pledge .right-area .col .sub-title:after {content: ""; display: inline-block; width: 100%;}
.security-pledge .right-area .col input {width: 100%; text-align: right; border-bottom: 1px solid #ff8888; padding: 0.5rem;}


.personal-data-consent {padding: 1.8rem;}
.personal-data-consent h1 {font-size: 3rem; margin-bottom: 1.5rem; text-align: center;}
.personal-data-consent h4 {font-size: 2rem; margin-bottom: 0.5rem;}
.personal-data-consent p {font-size: 1.4rem; line-height: 1.8em; margin-bottom: 0.8rem;}
.personal-data-consent p.small{font-size: 1.2rem;}
.personal-data-consent .right {text-align: right;}

.personal-data-consent table {margin-bottom: 2rem;}
.personal-data-consent table tr td {padding: 0.5rem; line-height: 1.8rem; border: 1px solid black;}

.personal-data-consent .right-area {width: 30%; margin-bottom: 1.5rem; min-width: 240px; float: right; display: inline-block;}
.personal-data-consent .right-area .row {display: flex; flex-direction: row; justify-content: space-between; align-items: baseline;}
.personal-data-consent .right-area .col {display: flex; flex-direction: column; width: 100%;}
.personal-data-consent .right-area .col .sub-title {text-align: justify;}
.personal-data-consent .right-area .col .sub-title:after {content: ""; display: inline-block; width: 100%;}
.personal-data-consent .right-area .col input {width: 100%; text-align: right; border-bottom: 1px solid #ff8888; padding: 0.5rem;}