.@charset "utf-8";

/* Transform :skew */
#header,#search,#container,.aside-wrap,#pageInfo,.fixed-quick,.fixed-bar a,.fixed-button,.footer-menu,.footer-info{transform:skew(-0.03deg);}
#header2{transform:skew(-0.03deg);}

body{width:100%;background-color:#f0f2f5;max-width:720px; margin:0 auto;}
#wrap{min-height:320px;}

/* 고정영역 */
.fixed{overflow:hidden}
.fixed #wrap{width:100%;overflow:hidden}
.fixed-quick{position:fixed;bottom:16px;right:8px;box-shadow:0 6px 12px 0 rgba(0, 0, 0, 0.3);border:solid 2px #ffffff;border-radius:32px;background-color:#ff7310;z-index:10;margin: 0 auto;    max-width: 720px;}
.fixed-quick > a{display:block;width:64px;height:64px;padding:17px;background:url(../images/common/ico_qr@2x.png) no-repeat 50% 50% / 30px 30px;}

.fixed-bar{position:fixed;bottom:0;/*left:0;*/width:100%;padding:14px 16px;box-shadow:inset 0 1px 0 0 #e8e8e8;background-color:#f0f2f5;margin: 0 auto;    max-width: 720px;}
.fixed-bar::after{display:block;clear:both;content:'';}
.fixed-bar > a{float:left;display:block;font-size: 14px;font-weight:900;color: #ff7310;text-decoration:underline;}
.fixed-bar > a + a{float:right;}

.jk_fixed-bar{position:fixed;bottom:0;/*left:0;*/width:100%;padding:14px 16px;box-shadow:inset 0 1px 0 0 #e8e8e8;background-color:#f0f2f5;margin: 0 auto;    max-width: 720px;}
.jk_fixed-bar > a{display:block;font-size: 15px;font-weight:900;height: 50px; width: 100%; text-align: center; line-height: 50px; color: #fff; background-color: #ff7310;}

/* 하단 고정버튼 */
.fixed-button{position:fixed;bottom:0;left:0;width:100%;}
.fixed-button::after{display:block;clear:both;content:'';}
.fixed-button button{display:block;width:100%;height:52px;line-height:52px;background-color:#cacaca;font-weight:900;font-size:16px;text-align:center;color:#ffffff;}
.fixed-button button.enter{background-color:#ff7310;}

.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1000}

#fixedTop{position:fixed;top:0;left:0;width:100%;z-index:999;}

/* 상단헤더 left:0;*/
#header{   position:fixed;top:0;width:100%;z-index:999;padding:14px 16px 14px;background-color:#ff7310;max-width:720px; margin:0 auto;}
#header::after{display:block;clear:both;content:'';}
#header > div{float:left;min-height:24px}
#header > div a{display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:0 0;background-size:auto 20px}
#header > div.header-user{float:right;}
#header > div.header-user a{width:auto;height:24px;line-height:24px;padding:0 20px 0 25px;font-size:14px;text-align:right;color:#ffffff;}
/* 헤더 수정 2023.10.25 */
#header2{  position:fixed;  top:0;  width:100%;  z-index:999;  padding: 12px 16px 14px;  background-color:#ff7310;  max-width: 720px;  margin: 0 auto;}
#header2::after{display:block;clear:both;content:'';}
#header2 > div{float:left;min-height:24px}
#header2 > div a{  font-family: 'NanumSquare','Noto Sans Korean','Noto Sans KR','Spoqa Han Sans','돋움','dotum','sans-serif'; display:block;  width: 32px;  height: 32px;  
background-repeat:no-repeat;  background-position: 50% 0;  background-size: auto 20px;  padding-top: 24px;  color: #fff;  font-weight: bold;  display: flex;  justify-content: center;}
/*
#header2 > div.header-user{float:right;}
#header2 > div.header-user a{width:auto;height:24px;line-height:24px;padding:0 20px 0 25px;font-size:14px;text-align:right;color:#ffffff;}
*/
/* 가치공간 캠퍼스 상단 로고추가 */
.head-campus-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#header2 > div.header-user {   float: right;    display: flex;    align-items: center;}
#header2 > div.header-user a {    width: auto;    height: 32px;    line-height: 32px;    padding: 0 20px 0 30px;    font-size: 16px;    text-align: right;    color: #ffffff;    background-position: 0 40%;    background-size: auto 24px;}

.header-menu{}
.header-home{margin-left:16px;}
.header-search{margin-left:16px;}
.header-gps{margin-left:16px;}
.header-user{}
.header-menu a{background-image:url(/images/common/header_menu@2x.png);font-size:16;}
.header-home a{background-image:url(/images/common/header_home@2x.png);font-size:16;}
.header-search a{background-image:url(/images/common/header_search@2x.png);text-indent:-9999px;font-size:0;}
.header-gps a{background-image:url(/images/common/header_gps.png);text-indent:-9999px;font-size:0;}
.header-user a{background-image:url(/images/common/header_user@2x.png);}

.header-list a{  background-image:url(/images/common/header_list.png);  /* text-indent:-9999px; */  font-size:16;}
.header-list {margin-left:16px;}

/* 추가 2023.10.25 */
.filter {	position: fixed;    width: 100%;    top: 58px;    background-color: #ffffff;    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);    padding: 7px 16px 7px;    max-width: 720px;    z-index: 999;}
.filter-form-item {  width: 60%;}
.filter-form-item input{  padding-left: 35px;    background-image: url(../images/common/filter.png);    background-repeat: no-repeat;    background-position: 10px 50%;    background-size: 15px;    font-size: 1.2em;    height: 45px;}

.header-gps2{margin-left:16px;}
.header-gps2 a{  width: 36px;  height: 36px;  background-repeat: no-repeat;  background-position: 0 40%;  background-size: auto 22px;  background-image: url(/images/common/header_gps2.png);  text-indent: -9999px;  font-size: 0;}

#footer{/* position:fixed;bottom:0;left:0; */width:100%;margin-top:10px;z-index:999;padding:12px 15px;border-top:1px solid #e8e8e8;background-color:#f0f2f5;z-index:9;}
.footer-menu{}
.footer-menu::after{display:block;clear:both;content:'';}
.footer-menu > li{float:left;position:relative;}
.footer-menu > li + li{margin-left:5px;padding-left:5px;}
.footer-menu > li + li::before{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background-color:#b7b7b7;}
.footer-menu > li a{font-size: 14px;font-weight:700;line-height: 1.43;color: #141414;}
.footer-info{margin: 8px 0 0;font-size: 14px;line-height: 1.43;color: #141414;}



/*
.main #footer{bottom:-150px;opacity:0.5;transition:0.3s;}
.main #footer.active{opacity:1;bottom:0;}
*/

/* 검색 */
#search{position:fixed;top:52px;left:0;width:100%;z-index:999;padding:6px 16px;background-color:#ff7310;}
#searchs{position:fixed;top:52px;left:100px;width:35%;height: 190px;z-index:999;padding:6px 6px;background-color:white;}
#searchs2{ position: fixed;    top: 120px;    right: calc(50% - 360px);    width: 160px;    height: 190px;    z-index: 999;    padding: 6px 6px;    background-color: white;}
.search-wrap{position:relative;background-color:#fff;border-radius:8px;}
.search-wrap input{height:32px;line-height:32px;border:0 none;padding-left:40px;padding-right:30px;background:url(../images/common/ico_search@2x.png) no-repeat 12px 50% / 16px 16px;font-size:14px;color:#505050;}
.search-wrap .del{position:absolute;top:50%;right:12px;display:block;width:16px;height:16px;background:url(../images/common/ico_search_del@2x.png) no-repeat 0 0 / 16px 16px;text-indent:-9999px;font-size:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}


/* 전체메뉴 */
/*
#asideMenu{position:fixed;top:52px;left:-201px;bottom:0;width:200px;z-index:20000;transition:all 0.5s ease-in-out;}
#asideMenu .dim-layer{display:none;position:fixed;top:52px;bottom:0;left:0;width:100%;background:#000;opacity:0.6;z-index:-1;max-width: 720px;margin: 0 auto;}
#search + #asideMenu,
#search + #asideMenu .dim-layer{top:96px;}
#asideMenu .aside-wrap{position:relative;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;margin:0 auto;background:#fff;-webkit-overflow-scrolling:touch}
#asideMenu .aside-body{position:relative;padding:36px 24px;}
#asideMenu .aside-body::after{display:block;clear:both;content:'';}
#asideMenu .aside-body a{display:block;}
#asideMenu .aside-body li{margin-bottom:36px;}
#asideMenu .aside-body li a{font-size:18px;font-weight:700;color:#ff7310;}
*/
#asideMenu{  position:fixed;  top:58px;  left:-201px;  bottom:0;  width:200px;  z-index:20000;  transition:all 0.5s ease-in-out;  /*opacity:0;*/}
#asideMenu .dim-layer{    display: none;    position: fixed;    top: 58px;    bottom: 0;    left: 0;    width: 100%;    max-width: 720px;    background: #000;    opacity: 0.6;    z-index: -1;}
#search + #asideMenu,
#search + #asideMenu .dim-layer{top:96px;}
#asideMenu .aside-wrap{position:relative;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;margin:0 auto;background:#fff;-webkit-overflow-scrolling:touch}
#asideMenu .aside-body{position:relative;padding:36px 24px;}
#asideMenu .aside-body::after{display:block;clear:both;content:'';}
#asideMenu .aside-body a{display:block;}
#asideMenu .aside-body{  position:relative;  padding:36px 0;}
#asideMenu .aside-body li{  padding: 16px 24px;}
#asideMenu .aside-body li a{  font-size:18px;  font-weight:700;  color:#141414;}
.aside-body li {  border-bottom: 1px solid #ababab;}
.aside-body li:first-of-type {  border-top: 1px solid #ababab;}
.aside-body li:last-of-type {  background-color: #999;}
.aside-body ul li:first-of-type a {  color: #ff7310 !important;}
.aside-body ul li:last-of-type a {  color: #ffffff !important;}
#asideMenu .aside-body li a{  font-size:18px;  font-weight:700;  color:#141414;}
.aside-body .margin_bar {  padding: 0 !important;  height: 16px;  background-color: #eee;}


#asideMenu .aside-logout{position:absolute;bottom:24px;left:24px;}
#asideMenu .aside-logout a{display:block;font-size:14px;font-weight:700;color:#505050;}
.fixed #asideMenu{left:0;opacity:1;max-width: 720px;    margin: 0 auto;}

#pageInfo{min-height:52px;padding:14px 16px 14px;background-color:#f0f2f5;max-width: 720px;    margin: 0 auto;}
#login-pageInfo{min-height:52px;padding:14px 16px 14px;background-color:#f0f2f5;max-width: 720px;    margin: 0 auto;}
.page-head{position:relative;min-height:34px;}
.page-title {
  width: 240px;
  line-height: 34px;
  font-size: 16px;
  font-weight: 700;
  color: #141414;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 26px;
}
.page-title .btn{
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border: solid 2px #ff7310;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  line-height: 28px;
  text-align: center;
  color: #ff7310;
  position: absolute;
  right: 0;
  top: 2px;
}
.page-back{position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;text-indent:-9999px;font-size:0;background:url(../images/common/page_ico_back@2x.png) no-repeat 0 0 / 100% 100%;}
#login-pageInfo .page-back {left:0;}
.page-text{margin-top:4px;padding-bottom:2px;font-size:14px;color:#505050;line-height:16px;}
.page-text b{color:#ff7310;}

#pageInfo .select-wrap{margin-top:12px;}

.page-icon{position:relative;margin-top:-12px;}
.page-icon::after{display:block;clear:both;content:'';}
.page-icon > li{float:left;}
.page-icon > li + li{margin-left:12px;}
.page-icon a{display:block;width:64px;height:64px;border:solid 2px #ffffff;border-radius:32px;background-color:#ff7310;background-repeat:no-repeat;background-position:50% 50%;background-size:42px 42px;text-indent:-9999px;font-size:0;}
.page-icon a.ico1{background-image:url(../images/common/ico_laundary@2x.png)}
.page-icon a.ico2{background-image:url(../images/common/ico_coupon@2x.png)}
.page-icon a.ico3{background-image:url(../images/common/ico_qr@2x.png)}
.page-icon a.ico4{background-image:url(../images/common/main_dooricon.png)}
.page-icon a.ico5 {  background-image: url(../images/common/friend_icon.png)}
/* 본문 */
#container{padding: 0 16px 12px;    min-height: 80vh;}

/* 로그인 & 회원가입 */
.login-form{}
.login-title{min-height: 50px; margin-left: 10px;}
.login-title b {font-size: 18px;}
.login-form .form-item{position:relative;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;}
.login-form .form-item + .form-item{margin-top:8px;}
.login-form .form-item-kor{padding-left:84px;}
/*
.login-form .form-item-kor .kor{position:absolute;width:84px;height:24px;line-height:24px;left:12px;top:50%;padding-left:30px;background:url(../images/common/form_ico_kor@2x.png) no-repeat 0 50% / 24px 24px;font-size:14px;color:#1e1e1e;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
*/
.login-form .form-item-kor .kor{position:absolute;width:84px;left:0;}
.login-form .form-item-kor .kor select{padding:0 12px;background-position:100% 50%}
.login-form .form-button{margin-top:16px;}
.login-form .form-button button{width:100%;border-radius:12px;font-size:16px;font-weight:900;text-align:center;color:#ffffff;}
.login-form .form-button button.enter{background-color:#ff7310;}
.login-form .form-text{margin-top:36px;font-size:14px;line-height:1.43;text-align:center;color:#141414;}
.login-form .form-link{margin-top:12px;text-align:center;}
.login-form .form-link a{display:inline-block;font-size:14px;line-height:1.43;color:#ff7310;text-decoration:underline;}
.login-form .form-check{margin-top:8px;}
.login-form .form-check label{font-size:14px;line-height:28px;color:#ff7310;text-decoration:underline;}
.login-form [type="text"],.login-form [type="password"],.login-form [type="number"],.login-form select,.login-form textarea{padding:12px;border:0 none;}

/* STORAGE 목록 */
.storage-wrap{}
.storage-list{}
.storage-list > li{}
.storage-list > li + li{margin-top:12px;}
.storage-list > li > a{display:block;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;}
.storage-list > li > a span{display:block;}
.storage-list > li .thumb img{width:100%}
.storage-list > li .info{padding:16px 16px 22px;}
.storage-list > li .info .tit{padding-bottom:4px;font-size:16px;font-weight:700;color:#141414;}
.storage-list > li .info .addr,.storage-list > li .info .num{margin-top:8px;padding-left:20px;background-repeat:no-repeat;background-position:0 50%;background-size:12px 12px;font-size:14px;color:#505050;}
.storage-list > li .info .addr{background-image:url(../images/common/storage_ico_addr@2x.png)}
.storage-list > li .info .num{background-image:url(../images/common/storage_ico_addr@2x.png)}
.storage-openbtn { position: absolute; border: 0; border-radius: 0px; background: none; top: 0px; left: 0px; }

/*2023.10.25 추가 */
.storage-list2 > li{  position: relative;}
.storage-list2 > li > a{  display: flex;  justify-content: flex-start;  border-bottom:solid 1px #e8e8e8;}
.storage-list2 > li .thumb2 img{  width: 100%;  height: 100%;  border-radius: 5px;}
.storage-list2 > li .info{  padding: 12px 12px 80px 0;  display: block;  width: calc(100% - 160px);}
.storage-list2 > li .info .tit{  display: block;  width: 100%;  padding: 0 0 5px 0;  font-size:1.14em;  font-weight:700;  color:#141414;}
.storage-list2 > li .info .addr {  display: block;  width: 100%;  background-repeat:no-repeat;  background-position:0 50%;  background-size:12px 12px;  font-size:0.95em;  color:#505050;}
.storage-list2 > li .info .addr{  background-image: none;}

.thumb2 {  display:block;  width: 160px;  height: 160px;  padding: 12px;  overflow: hidden;  position: relative;}
.event {  position: absolute;  background-color: rgba(0, 0, 0, 0.4);  color: #fff;  width: calc(100% - 24px);  height: 30px;  display: flex;
  justify-content: center;  align-items: center;  font-weight: bold;  border-top-left-radius: 5px;  border-top-right-radius: 5px;}

.openbtn {  position: absolute;  bottom: 12px;  right: 12px;  width: 160px;  padding-top: 10px;}
.openbtn-img {  /* display: block; */  float: right;  width: 160px;}
.openbtn .num {  display: block;  float: right;  /* width: 100%; */  padding: 0 0 0 20px ;  background-repeat:no-repeat;   background-position: 0 10%;  background-size: 14px 14px;
  font-size:14px;  color:#505050;  background-image:url(../images/common/storage_ico_addr@2x2.png);}
.openbtn img {  width: 160px;}
/***********************************/

.storage-box{padding:16px 16px 20px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;}
.storage-box + .storage-box{margin-top:8px}
.storage-box > a{display:block;}
.storage-box .box-head{position:relative;padding:10px 0 9px 116px;}
.storage-box .box-head .icon{position:absolute;top:0;left:0;width:102px;}
.storage-box .box-head .icon img{width:100%;}
.storage-box .box-head .no{ font-size:12px;color:#505050;line-height:13px;}
.storage-box .box-head .text{padding-top:6px;font-size:16px;color:#141414;line-height:18px;}
.storage-box .box-head .info{padding-top:8px;}
.storage-box .box-head .info > p{margin-top:8px;line-height:16px;text-align:right;}
.storage-box .box-head .info > p::after{display:block;clear:both;content:'';}
.storage-box .box-head .info em{display:block;float:left;padding-right:4px;font-size:14px;color:#505050;}
.storage-box .box-head .info span{display:inline-block;font-size:14px;font-weight:700;color:#141414;}

.storage-box .box-info{padding-top:8px;}
.storage-box .box-info::after{display:block;clear:both;content:'';}
.storage-box .box-info > p{float:left;width:50%;margin-top:8px;line-height:16px;}
.storage-box .box-info em{display:block;float:left;width:55px;font-size:14px;color:#505050;}
.storage-box .box-info span{display:block;font-size:14px;font-weight:700;color:#141414;}

.storage-info{/*position:relative;padding:16px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;*/
position:relative;padding:16px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff; margin: 10px 0 5px 0;}
.storage-info + .storage-info{margin-top:8px}
.storage-info > a{display:block;}

.storage-info:first-of-type {margin-top: 0;}
/*
.storage-info .box-head{position:relative;display:table;margin-bottom:16px;padding:0;}
.storage-info .box-head .icon{display: table-cell;width:56px;}
.storage-info .box-head .icon img{width:100%;}
.storage-info .box-head .info{display: table-cell;padding-left:16px;vertical-align:middle;}
.storage-info .box-head .info span{display:block;font-size:12px;color:#505050;line-height:13px;}
.storage-info .box-head .info em{display:block;font-size:16px;color:#141414;line-height:18px;}
.storage-info .box-head .info span + em,
.storage-info .box-head .info em + span{padding-top:6px;}
*/
.storage-info .box-head{position:relative;padding:0px 0 9px 116px;}
.storage-info .box-head .icon{position:absolute;top:0;left:0;width:102px;}
.storage-info .box-head .icon img{width:100%;}
.storage-info .box-head .no{ font-size:12px;color:#505050;line-height:13px;}
.storage-info .box-head .text{padding-top:6px;font-size:16px;color:#141414;line-height:18px;}
.storage-info .box-head .info{padding-top:0px;}
.storage-info .box-head .info::after{display:block;clear:both;content:'';}
.storage-info .box-head .info > p{margin-top:8px;line-height:16px;}
.storage-info .box-head .info > p::after{display:block;clear:both;content:'';}
.storage-info .box-head .info em{display:block;float:left;padding-right:4px;font-size:14px;color:#505050;}
.storage-info .box-head .info span{display:block;font-size:14px;font-weight:700;color:#141414;}
.storage-info .box-head .info em + span{clear:both;display:block;font-size:12px;padding-top:4px;color:#505050;}
.storage-info .box-data + .box-data-wrap{padding-top:4px;}
.storage-info .box-data-wrap::after{display:block;clear:both;content:'';}
.storage-info .box-data-wrap > .box-data{float:left;width:50%;}

.storage-info .box-head .data{padding-top:16px;}
.storage-info .box-head .data dt,.storage-info .box-head .data dd{font-size:14px;line-height:16px;}
.storage-info .box-head .data dt{margin-bottom:6px;color:#505050;}
.storage-info .box-head .data dd{font-weight:700;color:#141414;}
.storage-info .box-head .data .point,
.storage-info .box-head .data .point{color:#ff7310;}
.storage-info .box-head .data dd + dt{margin-top:12px;}
.storage-info .box-head .data span{display:block;font-size:14px;font-weight:700;color:#141414;}

.storage-info.toggle{padding: 16px 16px 16px;}

.storage-info.toggle .slide-btn {position:absolute;bottom:12px; left: 50%; transform: translate(-50%, 0); display:flex; align-items: center;}
.storage-info.toggle .arrow{margin-right: 8px;transition:all .3s;transform:rotate(0deg)}
.storage-info.toggle .arrow a{display:block;width:24px;height:24px;background:url(/images/common/storage_toggle_arrow@2x.png) no-repeat 0 0 / 24px 24px;text-indent:-9999px;font-size:0;}
.storage-info.toggle.hide .arrow{transform:rotate(180deg)}

.storage-info.toggle .btn{display:block;position:relative;margin:16px -4px 0;}
.storage-info.toggle .btn::after{display:block;clear:both;content:'';}
.storage-info.toggle .btn > li{float:left;width:50%;padding:0 4px;}
.storage-info.toggle .btn a{display:block;height:40px;line-height:36px;margin-bottom:6px;border-radius: 8px;border:solid 2px #f1f1f1;background-color:#ffffff;font-size:16px;font-weight:900;text-align:center;color:#efefef;}
.storage-info.toggle .btn a.on{border-color:#ff7310;color:#ff7310;}

/* GPS검색 */
#searchGPS #searchs .search-wrap a{display:block;height:40px;line-height:36px;margin-bottom:6px;border-radius:5px;border:solid 4px #ff7310;background-color:#ff7310;font-size:14px;font-weight:700;text-align:center;color:#ffffff;}
#searchGPS #searchs .search-wrap a.on{border-color:#ff7310;color:#ff7310;}

#searchGPS #searchs2 .search-wrap2 a{display:block;height:40px;line-height:36px;margin-bottom:6px;border-radius:5px;border:solid 4px #ff7310;background-color:#ff7310;font-size:14px;font-weight:700;text-align:center;color:#ffffff;}
#searchGPS #searchs2 .search-wrap2 a.on{border-color:#ff7310;color:#ff7310;}
/*
.simple-list > li{}
.simple-list > li + li{margin-top:8px;}
.simple-list > li > a{position:relative;display:block;padding:20px 40px 20px 16px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;font-size:0;}
.simple-list > li > a::after{display:block;clear:both;content:'';position:absolute;top:50%;right:16px;width:24px;height:24px;margin-top:-12px;background:url(../images/common/simple_list_arrow@2x.png) no-repeat 0 0 / 24px 24px;}
.simple-list > li strong{display:inline-block;font-size:16px;font-weight:700;color:#141414;}
.simple-list > li span{display:inline-block;font-size:14px;color:#505050;}
.simple-list > li strong + span{padding-left:16px;}
.simple-list > li span b{color:#ff7310;}
*/

/* 친구공유 박스 */
.friend_box {
  background-color: #eeeeee;
  width: 100%;
  padding: 16px; 
  margin-top: 6px; 
  border-radius: 10px;
  border: 1px solid #bbb;
}
.friend_box .friend_title {
  width: 100%; 
  border-bottom: 1px solid #bbbbbb; 
  padding-bottom: 12px; 
  font-weight: bold; 
  font-size: 16px;
}
.friend_info > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.friend_info p {
  display: inline-block;
}
.friend_info_btn {
  height: 30px;
  background-color: #aaa;
  color: #000;
  font-weight: bold;
  padding: 0 15px;
  border-radius: 5px;
}
.friend_btn button {
  width: 100%;
  display: block; 
  height: 40px; 
  line-height: 36px; 
  margin-bottom: 6px; 
  border-radius: 8px; 
  color: #666; 
  border: solid 2px #666; 
  background-color: #ffffff; 
  font-size: 16px; 
  font-weight: 900; 
  text-align: center;
}

.simple-list > li{}
.simple-list > li + li{margin-top:8px;}
.simple-list > li > a{position:relative;display:block;min-height:96px;padding:18px 46px 18px 136px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;font-size:0;}
.simple-list > li > a::after{display:block;clear:both;content:'';position:absolute;top:50%;right:16px;width:24px;height:24px;margin-top:-12px;background:url(../images/common/simple_list_arrow@2x.png) no-repeat 0 0 / 24px 24px;}
.simple-list > li img{position:absolute;top:50%;left:12px;width:108px;border-radius:12px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.simple-list > li strong{display:block;font-size:16px;font-weight:700;color:#141414;}
.simple-list > li span{display:block;font-size:14px;color:#505050;}
.simple-list > li strong + span{padding-top:6px}
.simple-list > li span b{color:#ff7310;}

.storage-detail{position:relative;margin:0 -16px;padding:10px 16px 10px 134px;box-shadow:inset 0 -1px 0 0 #e8e8e8;background-color:#ffffff;}
.storage-detail .icon{position:absolute;top:20px;left:16px;width:102px;}
.storage-detail .icon p{padding-top:8px;font-size:14px;font-weight:700;text-align:center;color:#141414;}

.storage-detail > dl::after{display:block;clear:both;content:'';}
.storage-detail > dl + dl{margin-top:12px};
.storage-detail > dl dt{display:block;font-size:14px;font-weight:400;color:#505050;}
.storage-detail > dl.row dt{float:left;width:74px;}
.storage-detail > dl.row dd{font-size:14px;font-weight:700;color:#141414;}
.storage-detail > dl dd{display:block;}
.storage-detail > dl li{margin-top:10px;}
.storage-detail > dl li::after{display:block;clear:both;content:'';}
.storage-detail > dl li label{width:100%;}
.storage-detail > dl li label span{float:right;}

.storage-detail .count{position:relative;margin-top:12px;padding:0 40px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;}
.storage-detail .count input{height:40px;line-height:40px;border:0 none;text-align:center;}
.storage-detail .count a{display:block;position:absolute;top:0;width:40px;height:40px;background-color:#fafafa;background-repeat:no-repeat;background-position:50% 50%;background-size:16px 16px;text-indent:-9999px;font-size:0;}
.storage-detail .count a.minus{left:0;border-radius:12px 0 0 12px;border-right:1px solid #e8e8e8;background-image:url(../images/common/ico_minus@2x.png);}
.storage-detail .count a.plus{right:0;border-radius:0 12px 12px 0;border-left:1px solid #e8e8e8;background-image:url(../images/common/ico_plus@2x.png);}

.storage-detail-info .count{position:relative;margin-top:12px;padding:0 40px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;}
.storage-detail-info .count input{height:40px;line-height:40px;border:0 none;text-align:center;}
.storage-detail-info .count a{display:block;position:absolute;top:0;width:40px;height:40px;background-color:#fafafa;background-repeat:no-repeat;background-position:50% 50%;background-size:16px 16px;text-indent:-9999px;font-size:0;}
.storage-detail-info .count a.minus{left:0;border-radius:12px 0 0 12px;border-right:1px solid #e8e8e8;background-image:url(../images/common/ico_minus@2x.png);}
.storage-detail-info .count a.plus{right:0;border-radius:0 12px 12px 0;border-left:1px solid #e8e8e8;background-image:url(../images/common/ico_plus@2x.png);}

.storage-detail-info{position:relative;margin:12px -16px 0;padding:20px 16px;box-shadow:inset 0 -1px 0 0 #e8e8e8;background-color:#ffffff;}
.storage-detail-info .title{margin-bottom:8px;font-size:16px;font-weight:700;color:#141414;}
.storage-detail-info .text{font-size:14px;line-height:1.43;color:#505050;}
.storage-detail-info .btn{position:relative;padding-top:4px;}
.storage-detail-info ul.btn{position:relative;margin:0 -4px;}
.storage-detail-info ul.btn::after{display:block;clear:both;content:'';}
.storage-detail-info .btn li{float:left;width:50%;padding:0 4px}
.storage-detail-info .btn li.only{float:none;width:100%;}
.storage-detail-info .btn a{display:block;width:100%;height:40px;line-height:36px;border-radius:12px;border:solid 2px #cacaca;background-color:#ffffff;font-size:16px;font-weight:900;text-align:center;color:#929292;}
/*.storage-detail-info .btn li:last-child a{border-color:#ff7310;color:#ff7310;}*/
.storage-detail-info .btn li:nth-child(n+3){margin-top:8px;}
.storage-detail-info .basic-table{margin-top:16px;}

/* 기본 표 */
.basic-table{border-top:1px solid #000;}
.basic-table th,.basic-table td{padding:6px;border-bottom:1px solid #e2e2e2;font-size:14px;line-height:1.43;text-align:center;}
.basic-table th{ background-color:#fafafa;color:#505050;}
.basic-table td{ background-color:#ffffff;color:#141414;}
.basic-table tfoot td{background-color:#fafafa;}
.basic-table .point{color:#ff7310}

/* 스크롤영역 */
.scroll-area{position:relative;}
.scroll-area .textarea{height:100%;overflow-y:auto;padding:16px;border-radius:12px;border:solid 1px #e8e8e8;background-color:#ffffff;font-size:14px;line-height:1.43;color:#505050;}

/* 카카오톡 연결 */
.kakao-text{font-size:14px;line-height:1.43;color:#505050;}
.kakao-btn{margin-top:24px;}
.kakao-btn a{display:block;padding:17px 0;border-radius:12px;background-color:#ffe812;text-align:center;}
.kakao-btn span{display:inline-block;padding-left:24px;background:url(../images/common/kakao_ico@2x.png) no-repeat 0 50% / 16px 16px;line-height:18px; font-size:16px;font-weight:900;text-align:center;color:#000000;}

/* 레이어팝업 */
.modal-wrap{position:fixed;left:0;top:0;width:100%;height:100%;padding:20px 0;background:rgba(0, 0, 0, 0.6);opacity:0;visibility:hidden;transform:scale(1.1);transition:all .2s ease;z-index:1000;transform:skew(0deg);}
.modal-wrap .modal-content{position:absolute;top:50%;left:50%;width:480px;max-width:90%;max-height:90%;margin:0 auto;border-radius:12px;box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3);background-color:#ffffff;overflow-y:auto;overflow-x:visible;text-align:center;transform:translate(-50%,-50%) skew(-0.03deg);}
/* QR 팝업위치수정 */
.modal-wrap .modal-content2{position:absolute;top:45%;left:50%;width:480px;max-width:90%;max-height:90%;margin:0 auto;border-radius:12px;box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3);background-color:#ffffff;overflow-y:auto;overflow-x:visible;text-align:center;transform:translate(-50%,-50%) skew(-0.03deg);}

.modal-wrap .modal-head{position:relative;padding:18px 0;border-bottom:1px solid #dbdbdb;}
.modal-wrap .modal-body{padding:24px 16px 36px;text-align:left;}
.modal-wrap .modal-form{padding: 24px 16px 24px;}
.modal-wrap .modal-form-item{margin-top:8px;}
.modal-wrap .modal-form-item::after{display:block;clear:both;content:'';}
.modal-wrap .modal-form-item button{width:100%;border-radius: 12px;background-color: #4d6561;font-size:14px;color:#fff;}

.modal-wrap .modal-form-item .timer{position: absolute; right: 20px; top:50%; transform: translate(0, -50%); font-size: 14px;}

.modal-wrap .modal-form-key{position:relative;padding-left:70px;}
.modal-wrap .modal-form-key .btn{position:absolute;top:0;left:0;width:64px;border-radius: 12px;background-color: #4d6561;font-size:14px;color:#fff;}
.modal-wrap .modal-form-key .copy{position:absolute;top:0;right:12px;background-color:transparent;font-size: 12px;line-height: 1.33;text-align: right;color: #ff7310;}
.modal-wrap .modal-form-key input{padding-right:40px;}
.modal-wrap .modal-title + .modal-form-item{margin-top:16px;}
.modal-wrap .modal-form-title{margin-top:24px; font-size: 14px;color: #505050;}
.modal-wrap .modal-form-btn{margin-top:16px;text-align:right;}
.modal-wrap .modal-form-btn a{font-size: 14px;line-height: 1.43;color: #505050;}

.modal-wrap .modal-coupon{padding:16px 16px 24px;text-align:left;}
.modal-wrap .modal-table{border-radius: 12px;border: solid 1px #e8e8e8;background-color: #ffffff;overflow:hidden;	border-collapse: inherit;}
.modal-wrap .modal-table tbody tr td{border-top: solid 1px #e8e8e8;}
.modal-wrap .modal-table th,.modal-wrap .modal-table td{height:32px;padding:0 5px;text-align:center;vertical-align:middle;font-size: 12px;color: #141414;}
.modal-wrap .modal-table th{background-color:#fafafa}
.modal-wrap .modal-table .coupon img{height:24px;}
.modal-wrap .modal-table .day{color:#ff7310;}
.modal-wrap .modal-table .state1{color:#c2c2c2;}
.modal-wrap .modal-table .state2{color:#00c277;}
.modal-wrap .modal-table .state3{color:#009dff;}

.modal-wrap .modal-message{padding:36px 10px;text-align:center;font-size:14px;line-height:1.43;color:#1e1e1e;}
.modal-wrap .modal-title{    display: block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.43;
    color: #1e1e1e;}
.modal-wrap .modal-text{display:block;font-size: 14px;line-height: 1.43;color: #1e1e1e;}
.modal-wrap .modal-title + .modal-text{margin-top:8px;}
.modal-wrap .modal-qr{padding:24px 36px 36px;}
.modal-wrap .modal-close{position:absolute;top:50%;right:16px;width:16px;height:16px;margin-top:-8px;cursor:pointer;background:url(../images/common/modal_close@2x.png) no-repeat 50% 50% / 100% 100%;text-indent:-9999px;}
.modal-wrap .modal-button{border-top:1px solid #dbdbdb;}
.modal-wrap .modal-button::after{display:block;clear:both;content:'';}
.modal-wrap .modal-button button{width:100%;height:52px;background-color:#fff;font-size:14px;font-weight:900;color:#1e1e1e;}
.modal-wrap .modal-button button.submit{color:#ff7310;}
.modal-wrap ul.modal-button li{width:50%;float:left;}
.modal-wrap ul.modal-button li + li button{border-left:1px solid #dbdbdb;}

.modal-wrap .detail-info{position:relative;}
.modal-wrap .detail-info + .detail-info{margin-top:24px;}
.modal-wrap .detail-info .title{margin-bottom:8px;font-size:16px;font-weight:700;color:#141414;}
.modal-wrap .detail-info .text{font-size:14px;line-height:1.43;color:#505050;}
.modal-wrap .detail-info .btn{position:relative;padding-top:4px;}
.modal-wrap .detail-info ul.btn{position:relative;margin:0 -4px;}
.modal-wrap .detail-info ul.btn::after{display:block;clear:both;content:'';}
.modal-wrap .detail-info .btn li{float:left;width:50%;padding:0 4px}
.modal-wrap .detail-info .btn a{display:block;width:100%;height:40px;line-height:36px;border-radius:12px;border:solid 2px #cacaca;background-color:#ffffff;font-size:16px;font-weight:900;text-align:center;color:#929292;}
.modal-wrap .detail-info .btn li:last-child a{border-color:#ff7310;color:#ff7310;}
.modal-wrap .detail-info .basic-table{margin-top:16px;}

.modal-wrap.active{opacity:1;visibility:visible;transform:scale(1.0);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
body.show-modal{overflow:hidden;}

.storage-wrap .storage-info-empty{
  position:relative;
  padding:16px;
  border-radius:12px;
  border:solid 1px #e8e8e8;
  background-color:#ffffff;
  margin: 0 0 10px 0;
  min-height: 200px;
  text-align: center;
  line-height: 200px;
  font-size: 1.1em;
}

@media (max-width: 768px) {
  #searchs2 {
    position: fixed;
    top: 120px;
    right: 0;
    /* left: calc(50% + 150px); */
    width: 160px;
    height: 190px;
    z-index: 999;
    padding: 6px 6px;
    background-color: white;
  }