@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} 
body, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: 'Noto Sans KR', sans-serif; }

section{margin-top: 0 !important;}
body{padding:0;margin:0;max-width: 768px;margin: 0 auto;width: 100%;}
.mainlogo {
    display: flex;align-items: center;justify-content: center;height: 80px;
    position: sticky;top: 0;left: 0;
    z-index: 3;
    box-sizing: border-box;
	width:100%;
	text-align:center;
	background:#fff;
}
.mainlogo > img {
	display: block;height: 30px;width: auto;
}
ul{
   list-style:none;
   padding-left:0px;
   }

img {
	width:100%;
}
.header{width:100%;height:0;opacity:.37;background-color:#fff;z-index:9999;position:absolute;left:0;top:0;padding-bottom:9%}
.logo{width:17%;height:0;left:8px;top:1.5%;position:absolute;z-index:10000;object-fit:contain;padding-bottom:4%}
.imglogo{width:100%;height:100%;position:absolute}
.bannerimg{width:100%;height:auto}
.style_img{width:100%;height:100%;top:0;left:0;position:absolute}
.artist_img{width:100%;height:auto;top:0;left:0}
.search{width:100%;height:auto;top: 80px !important;padding: 10px 15px;position: sticky;top: 0;background-color: #fff;z-index: 10;border-bottom: 1px solid rgba(153, 153, 153, 0.1);box-sizing: border-box;box-shadow: 0 1px 3px rgba(153, 153, 153, 0.2);}
.search>p{margin-top: 0 !important;}
.search input{}
.input_search {
    border: 1px solid transparent !important;
    width: 100%;
    height: 40px;
    padding-left: 5%;
    border: 0;transition: 0.3s;
    border-radius: 5px;
    color: #000;font-weight: bold;
    background: #f7f7f7; 
}
.input_search:focus{background-color: #e6e6e6;outline: none;border: 1px solid #000;}
.wrap{width:100%;height:auto;overflow-x:scroll;white-space:nowrap;vertical-align:middle}
.mainicon  {
    display: flex;
    flex-wrap: wrap;
    ;
}
.mini-wrap{background-color: #f7f7f7;padding-top: 15px !important;}
.icon_item {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
	width: calc(25% - 11.25px);background-color: #fff;font-weight: bold;color: #000;border-radius: 5px;padding: 10px 5px;box-sizing: border-box;box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.1);
    text-align: center;
    font-size: 14px;margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}
.icon_item:nth-of-type(4n){margin-right: 0;}
.icon_item1 {
    display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #fff;border-radius: 5px;padding: 10px 2.5px;box-sizing: border-box;
	width: calc(25% - 11.25px);;margin-right: 15px;box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.1);background-color: #fff;font-weight: bold;color: #000;
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
}
.icon_item img{width: 30px;height: 30px !important;margin-bottom: 10px;display: block;}
.icon_item1 img{width: 30px;height: 30px !important;margin-bottom: 10px;display: block;}
.icon-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.mainbottom{padding-top: 0px !important;position: relative;margin-bottom: 15px;}
.mainbottom::after{display: block;content: '';width: 100%;height: calc(50% + 40px);position: absolute;left: 0;top: 0;background-color: #f7f7f7;z-index: 1}
.mainbtn{z-index: 2;}
.mainbanner{width: 100%;height: auto !important;position: relative;margin-bottom: 15px;overflow: hidden;border-radius: 10px;border: 1px solid rgba(153, 153, 153, 0.3);}
.mainbanner:last-of-type{margin-bottom: 30px !important;}
.mainbanner::after{display: block;width: 100%;padding-top: 50%;content: '';}
.mainbanner>img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;margin: 0 !important;z-index: 1;}
.mb-txt{position: absolute;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.7);z-index: 2;width: 100%;padding: 15px;}
.mb-txt>p{margin: 0 !important;margin-bottom: 0px !important;font-size: 18px !important;color: #fff;font-weight: bold;}
.mb-txt>span{font-size: 14px;color: #f7f7f7;}
.mainbtn {
    width: calc(50% - 7.5px);margin-right: 15px !important;box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.1);
}
.mainbtn:last-of-type{margin-right: 0 !important;}
.mainbtn a{display: flex;flex-direction: column;justify-content: space-between;position: relative;border-radius: 5px;background-color: #59358d;padding: 10px;text-decoration: none;overflow: hidden;}
.mainbtn a h2{margin: 0;color: #fff;font-size: 18px;margin-bottom: 20px;font-weight: normal;}
.mainbtn a p{font-size: 10px;color: #fff;margin: 0;text-align: right;}
.mainbtn a>i,
.mainbtn a>span{position: absolute;left: 40%;bottom: 0px;font-size: 42px;font-weight: bold;color: rgba(255, 255, 255, 0.1);}
.mainbtn a>i{font-weight: normal;font-size: 62px;}
.mainbtn:first-of-type{margin-right: 10px;}
.main_coupon {
	width: 49%;
    float: left;
    margin-top: 20px;
}

.main_event {
	width: 49%;
    margin-left: 2%;
    float: left;
    margin-top: 20px;
}

.main_coupon > img {
	width: 90%;
    margin-left: 5%;
    
}

.main_event > img {
    width: 90%;
    margin-right: 5%;
}

.mainbanner {
	width: calc(100% - 30px);
    margin: 0 auto;margin-bottom: 15px !important;
    padding-bottom: 30px;
    box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.2);
}

.mainbanner > img {
	width:100%;
	margin-top:20px;
}

.recent_group {
	background: #fff;
    padding: 30px 5% 30px 5%;
}

.recent_list {
	overflow-x: scroll;
    height: auto;
    margin-top: 20px;
	white-space: nowrap;
	display: -webkit-box;
}

.recent_item {

	width:44%;
	margin-right:2%;
}

.recent_item_bg-holder {
	position: relative;
}

.recent_img  > img{
	width:100%;
	border-radius: 10px;
}

.item_type {
	position: absolute;
    top: 100px;
    color: #fff;
    font-size: 10px;
    width: 38px;
    text-align: center;
}

.recent_item_title {
    line-height: 14px;
    font-size: 13px;
}

.mainevent_group {
    padding: 15px !important;padding-top: 0 !important;
}
.noti_item{margin-bottom: 15px;border: 1px solid rgba(153, 153, 153, 0.1) !important;box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.2);border-radius: 5px;background-color: #fff;color: #000 !important;}
.noti_item>span:last-of-type{color: #999 !important;}

.text-8{font-size: 12px;}
.event_item{
	width:100%;
	margin-bottom:15px !important;
    height: 330px !important;
	position: relative;border-radius: 10px;border: 1px solid #e6e6e6;box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.2);overflow: hidden;display: flex !important;align-items: center;justify-content: center;
}
.requset_list{height: calc(100vh - 174px);margin: 0 !important;padding: 15px !important;box-sizing: border-box !important;background-color: #f7f7f7 !important;}

.event_item>img{display: block;height: 100%;width: auto !important;}

.event_list{padding: 15px 0;margin-top: 0 !important;box-sizing: border-box !important;}
.event_item>p{margin: 0;padding-left: 10px;font-size: 14px;font-weight: bold;}
.event_img > img {
	width:100%;
}

.event_content {
	position: absolute;
    color: white;
    bottom: 10px;
    left: 20px;
}

.coupon_icon {
	width:50px;
}

.event_title {
	font-size: 18px;
    line-height: 5px;
}

.event_desc {
    font-size: 12px;
    line-height: 5px;
}

.event_more {
    height: 200px;display: flex;align-items: center;justify-content: center;flex-direction: column;
    margin-top: 0 !important;
	text-align:center;
    font-size: 14px;
}

.button_event_more {
	width:150px;
	
}

.company_info{
    margin-top: 60px;
	padding-bottom:60px;
	color: #959595;
}

.company_content {
	position: relative;
}

.company_line{
    display: none;
    margin-bottom: 20px;
    position: relative;
    margin-top: 20px;
    padding: 0 15px;
}

.company_logo{
	width: 80px;
}

.icon-arrow-down{
    float: right;
    width: 10px;
    margin-right: 20px;
    margin-top: 8px;
}

.company_line > p {
	float: right;
    line-height: 0px;
    margin-right: 7px;
    font-size: 12px;
}

.company_line1 {
    display: flex;flex-wrap: wrap;
    padding: 0 15px;
    margin-top: 15px;
    font-size: 12px;
	position: relative;

}

.company_box {
    display: flex;width: 50%;
    font-size: 14px !important;
    color: #000;font-weight: bold;margin-bottom: 15px;
}

.company_text {
    padding: 0 15px;
    font-size: 10px;
    position: relative;
    height: 60px;
}

.notilist{margin-top: 15px !important;}
.navi {
	width:100%;
	height:44px;
	position: sticky;
	background-color:#fff;
	text-align:center;
	line-height:44px;
	border-bottom: solid 1px #e6e6e6;
	z-index:10000;
	top:80px;
}

.navi_detail {
	width:100%;
	height:44px;
    max-width: 768px;
	position:fixed;
	text-align:center;
	line-height:44px;	
	z-index:10000;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

}

.navi_detail_down {
	width:100%;
	height:44px;
	position:fixed;
	text-align:center;
	line-height:44px;
	background:white;
	z-index:10000;
}

.navi_title{
	font-size:16px;
	font-weight:bold;
}

.navi > .btnback {
	position:absolute;
	float:left;
	width:44px;
	height:44px;
	background:url(../images/backbtn.png) 100% 100% no-repeat;background-size: 8px auto;
	background-position: center;
}

.navi_detail_down > .btnback {
	position:absolute;
	float:left;
	width:44px;
	height:44px;
	background:url(../images/backbtn.png) 100% 100% no-repeat;background-size:14px auto;
	background-position: center;
}

.navi_detail_down > .navi_bookmark {
	position: absolute;
    float: right;
    right: 44px;
    width: 44px;
    height: 44px;
  
}

.unfav {
	background: url(../images/bookmark_add_off.png) 100% 100% no-repeat;
    background-size: 20px auto;
    background-position: center;
}

.fav {
	background: url(../images/bookmark_add_on.png) 100% 100% no-repeat;
    background-size: 20px auto;
    background-position: center;
}

.navi_detail_down > .navi_share {
	position: absolute;
    float: right;
    right: 0px;
    width: 44px;
    height: 44px;
    background: url(../images/btnshare.png) 100% 100% no-repeat;
    background-size: 20px auto;
    background-position: center;
}


.navi_detail > .btnback {
	position:absolute;
	float:left;
	width:44px;
	height:44px;
	background:url(../images/backbtn_white.png) 100% 100% no-repeat;background-size:14px auto;
	background-position: center;
}

.navi_detail > .navi_bookmark {
	position: absolute;
    float: right;
    right: 44px;
    width: 44px;
    height: 44px;

}

.navi_detail > .navi_share {
	position: absolute;
    float: right;
    right: 0px;
    width: 44px;
    height: 44px;
    background: url(../images/btnshare_white.png) 100% 100% no-repeat;
    background-size: 20px auto;
    background-position: center;
}
.navi > .navi_info {
	position: absolute;
    float: right;
    right: 0px;
    width: 44px;
    height: 44px;
    background: url(../images/icon_help.png) 100% 100% no-repeat;
    background-size: 20px auto;
    background-position: center;
}

.bookmark_list {
	background-color:#fff;
	overflow-y:scroll;
	width:100%;
	position:relative;
	height:calc(100% - 44px);
}

.bookmark_item {
	background-color:#f8f8f8;
	margin:4%;
	border-radius:5px;
	height:auto;
}

.item_img {
	position:relative;
}

.item_img > img {
	width:100%;
}

.item_addr_area {
	position: absolute;
    bottom: 0px;
    width: 100%;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    line-height: 30px;
    font-weight: bold;
    font-size: 13px;
}

.item_addr {
	 margin-left: 12px;
    /* background: url(../images/addr_icon.png) 100% 100% no-repeat; */
    background-position-x: left;
    background-position-y: center;
    background-size: 14px auto;
    padding-left: 2px;
    padding-top: 2px;
    margin-top: 6px;
}

.item_desc_line {
	position: relative;
    width: 96%;
    padding: 10px;
    line-height: 20px;
	height: 20px;
	float:left;
	height:40px;
}

.item_desc_line1 {
	width: 100%;
    position: relative;
    height: 20px;
    margin-bottom: 10px;
	float:left;
	width:100%
}

.item_desc_line2 {
	width: 100%;
    justify-content: space-between;
    position: relative;
    display: flex;
    padding: 0 !important;
}

.item_title {
	font-size: 16px;
    font-weight: bold;
	float:left;
	line-height:22px;
	margin-right:10px;
}

.auth {
	background-color: #eb3967;
    width: 60px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    float: left;
}

.noauth {
	background-color: #356dfa;
    width: 60px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    float: left;
}

.icon_bookmark {
	float: right;
 
    width: 30px;
    height:30px;
    position: relative;
    margin-right: 15px;
}

.icon_on_bookmark {
	float: right;
    background: url(../images/bookmark_on.png) 100% 100% no-repeat;
    background-size: 30px auto;
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 24px;
}


.item_star {
}

.onstar {
	width:14px;
	height:14px;
	float:left;
	background: url(../images/staron.png) 100% 100% no-repeat;
    background-size: 14px auto;
	position:relative;
	margin-right:3px;
	margin-top:2px;
}

.halfstar {
	width:14px;
	height:14px;
	float:left;
	background: url(../images/starhalf.png) 100% 100% no-repeat;
    background-size: 14px auto;
	position:relative;
	margin-right:3px;
	margin-top:2px;
}

.nostar {
	width:14px;
	height:14px;
	float:left;
	background: url(../images/staroff.png) 100% 100% no-repeat;
    background-size: 14px auto;
	position:relative;
	margin-right:3px;
	margin-top: 2px;
}

.item_point {
	width: auto;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-right: 2px;
}

.item_review {
	font-size: 13px;
    font-weight: bold;
    float: left;
}

.item_option {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #787878;
}

.item_price {
	position: relative;
}

.discount {
	color: #fa0000;
    font-weight: bold;
    font-size: 14px;
    margin-right: 4px;
}

.discountprice {
	color: #9c9c9c;
    font-weight: bold;
    text-decoration: line-through;
    font-size: 14px;
}

.price {
	color: #040404;
    font-size: 18px;
    text-align: right;
    font-weight: bold;
}

.item_buttomn {
	position: relative;
    text-align: right;
}

.btn_request {
	position: absolute;
    float: right;
    right: 10px;
    background-color: #000;
    padding: 5px 28px 5px 28px;
    top: 80px;
    color: white;
    font-size: 12px;
    line-height: 21px;
    border-radius: 7px;
}

.btn_endreserve {
	position: absolute;
    float: right;
    right: 10px;
    background: #6c6c6c;
    padding: 5px 28px 5px 28px;
    color: white;
    font-size: 12px;
    line-height: 21px;
    border-radius: 7px;
}

.item_event {
    position: relative;
    width: 100%;
    height: 23px;
    margin-top: 20px;
    background: #e6e6e6;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.item_event_title {
	font-size: 10px;
    margin-left: 12px;
    font-weight: bold;
    margin-right: 5px;
    color: #747474;
    line-height: 24px;
}

.item_event_desc {
	color: #a4a4a4;
    font-size: 10px;
}

.bookmark_none_content {
	width: 100%;
    
}

.bookmark_noimg {
	margin: auto;
    width: 100%;
    height: 70%;
    position: relative;
}

.bookmark_noimg > img {
	width: 80px;
    display: block;
    position: absolute;
    bottom: 30%;
    left: calc(50% - 40px);
}

.bookmark_none_desc {
	width: 100%;
    text-align: center;
}

.text {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
	color:#2e2e2e;
}

.text1 {
    width: 100%;
    font-size: 12px;
    line-height:16px;
	color:#a7a7a7;
}

.bookmark_btn {
	width: 180px;
    margin-top: 22px;
    margin: auto;
    position: relative;
}

.bookmark_btn > img {
	margin-top: 16px;
    width: 100%; 
}

.coupon_img {
	width: 100%;
    position: relative;
    background: #fff;
    height: 250px;
}

.coupon_img > img {
	position: absolute;
    width: 150px;
    left: calc(50% - 75px);
    top: 50px;
}

.coupon_detail {
	position: absolute;
	font-size : 12px;
}

.coupon_title {
	width: 100%;
    font-weight: 500;
}	

.coupon_date {
    font-size: 14px;
    width: 100%;
    color: #898989;
}

.coupon_limit {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #cd2b61;
}

.coupon_info > ul {
    list-style: inside;
}

.moreinfo {
	width: 100%;
    position: relative;
    font-size: 10px;
    float: left;
	margin-left:10px;
    display: block;list-style: none;
}

.detail_coupon_img {
	width: 100%;
    position: relative;
    background: #fff;
    height: 250px;
}

.detail_coupon_img > img {
	position: absolute;
    width: 150px;
    left: calc(50% - 75px);
    top: 50px;
}

.detail_coupon_detail {
	position: absolute;
    top: 65px;
    text-align: center;
    width: 100%;
	font-size : 12px;
}

.couponinfo {
	font-size: 30px;
    font-weight: bold;
}

.detail_coupon_title {
	width: 100%;
    text-align: center;
    top: 161px;
    position: absolute;
    font-weight: 500;
}	

.detail_coupon_date {
	position: absolute;
    top: 186px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #898989;
}

.detail_coupon_limit {
	position: absolute;
    top: 210px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #cd2b61;
}

.detail_coupon_info {
	width: 100%;
    height: 210px;
    background: #fff;
    margin-top: 1px;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 25px;
    color: #898989;
}

.detail_coupon_info > ul {
	top: 20px;
    position: absolute;
    list-style: inside;
}

.coupon_status {
	width: calc(100% - 30px);transform: translateX(15px);;
    margin-top: 15px;

}

.cont_line {
    padding: 15px 0;
	border: solid 1px #d6d6d6;
    width: 100%;
    align-items: center;
    display: flex;box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
    border-radius: 5px;
}

.coupon_count {
    width: calc(50% - 1px);
    height: 100%;
    
    position: relative;
    text-align: center;
	font-size: 15px;
    color: #4a4a4a;
    font-weight: 300;
}

.coupon_count_title {
	width: 100%;
    display: block;
	font-size:13px;
	color:black;
    font-weight: 400;
}

.couponcount {
	font-size: 28px;
    color: #000;
    font-weight: bold;
}

.coupon_add {
	float: left;
    width: 50%;
    height: 100%;
    position: relative;
    text-align: center;
    font-size: 11px;
}

.coupon_add > span {
	display: block;
    text-align: center;
    line-height: 20px;
}

.coupon_add > a {
	text-align: center;display: block;margin: 0 auto;
    font-size: 16px;
    color: #000;font-weight: bold;
}

.guide {
	float: left;
    width: 1px;
    background: #d6d6d6;
    height: 50px;
    margin-top: 16px;
}

.coupon_tab {
	width: 100%;
    position: relative;
    height: 40px;
}

.coupontab {
	float: left;
    height: 100%;
    width: 80px;
	line-height: 40px;
	text-align :center;
	color : #777777;
}

.tab_cont > .active {
	border-bottom:solid 2px #000;
	color :#000;
	font-weight:bold;
}

.tab_cont {
	margin-left: 20px;
    width: calc(100% - 40px);
    height: 100%;
    border-bottom: solid 1px #e6e6e6;
}

.coupon_list {
    box-sizing: border-box !important;
    height: calc(100vh - 174px);overflow: auto;
	position: relative;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.coupon_list_item {
    background-color: #fff;
    height: auto !important;
	width: calc(100% - 2px);
    box-sizing: border-box !important;
    position: relative;
    padding: 15px;
    display: block;
    border-radius: 5px;
    height: 160px;
	margin-bottom: 15px;
    box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.2);
}
.coupon_list_item:last-of-type{margin-bottom: 0 !important;}
.coupon_list_item .item_buttomn{margin-bottom: 0 !important;margin-top: 15px !important;}
.coupon_list_item > .coupon_detail {
	float: left;
    width: 100px;
    height: 60px;
    position: relative;
    margin-right: 15px;
}

.coupon_list_item > .coupon_detail  > img {
    width: 100%;
    position: absolute;
}

.coupon_list_item > .coupon_detail > .coupon_info_dec {
	position: absolute;
    text-align: center;
    width: 100%;
	font-size: 12px;
    padding: 0px 0;
    box-sizing: border-box;
}

.coupon_list_item > .coupon_detail > .coupon_info_dec > .coupon_type {
	display: block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
}
.coupon_list_item > .coupon_detail > .coupon_info_dec > .couponinfo {
width: 100%; height: 50%;position: relative;font-size:20px;
}

.coupon_content {
	float: left;
    width: calc(100% - 120px);
    font-size: 10px;
    color: #898989;
    position: relative;
    display: block;
}

.coupon_title {
	font-size: 14px;
    font-weight: bold;
	color : black;
}

.coupon_date {
	font-size :12px;
}

.coupon_limit {
	font-size: 12px;
    color: #cd2b61;
}

.coupon_more {
	font-size: 13px;
    color: black;
    font-weight: bold;
}

.btn_view {
	float: right;
    right: 10px;
    background: linear-gradient(#4280d6, #1f3f9f);
    padding: 5px 28px 5px 28px;
    color: white;
    font-size: 16px;
    line-height: 30px;
    border-radius: 7px;
    width: calc(100% - 60px);
    text-align: center;
    margin-top: 20px;
}

.login_logo {
	width: 100%;
    position: relative;
    text-align: center;
    margin-top: 130px;
}

.login_logo > img {
	width:70px;
}

.logincont {
	position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;

}

.emaillogincont {margin-top: 30px;padding: 15px;padding-top: 0 !important;box-sizing: border-box;
}

.btn_email_login {
	background-color: #000;
    display: flex;align-items: center;justify-content: center;height: 40px;
    color: white;
    font-size: 15px;
    line-height: 30px;
    border-radius: 3.5px;
    width: 100%;
    text-align: center;
    position: relative;
    border: 1px solid #000;
    transition: 0.3s;
}

.btn_email_login:hover{background-color: #fff;color: #000;}

.divline {
	position: relative;
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-top: 20px;
}

.lineL {
	height: 1px;
    background: #dadada;
    float: left;
    width: calc(50% - 25px);
    margin-top: 10px;
}

.lineC {
	float: left;
    display: flex;align-items: center;justify-content: center;
    width: 50px;
    color: #757575;
    font-size: 12px;
}

.lineR {
	float: left;
    width: calc(50% - 25px);
    height: 1px;
    background: #dadada;
    margin-top: 10px;
}

.snslogin {
	position: relative;
    width: calc(100% - 30px);
    height: 60px;
    margin-left: 15px;
    margin-top: 15px;
	display: inline-block;
}

.snslogin > div {
	float:left;
	width:25%;
	text-align:center;
}

.snslogin > div > img {
	width:50%;
}

.shop_image_area {
	position: relative;
    width: 100%;
}

.shop_image_area > .shop_image  {
	position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
}

.shop_image_area > .shop_image > .imgitem {
    width: 100%;
    text-align: center;
    height: 100%;
    float: left;
    display: inline-grid;
    font-size: 14px;
    flex: 0 0 auto;
    position: relative;
}

.shop_image_area > .shop_image > .imgitem > img {
	width:100%;
	height:100%;
}

.shop_image_area > .pageing {
	position: absolute;
    width: 100%;
    z-index: 9999;
    bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.shop_image_area > .full_size {
	width: 100%;
    position: absolute;
    bottom: 7px;
    right: 13px;
    text-align: right;
    color: white;
}

.shop_image_area > .full_size > .full_btn {
	padding: 5px 7px 5px 7px;
    background: rgba(0,0,0,0.5);
    width: 73px;
    float: right;
    text-align: center;
}

.shop_info {
    width: calc(100% - 0);
    background: #fff;
    padding: 0 15px;
	border-bottom: solid 1px #ebebeb;
}

.shop_info > .shop_title {
	position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

.shop_info > .shop_info_detail {
	width: 100%;
    margin-bottom: 30px !important;
}

.shop_info > .shop_info_detail > .shop_star {
    width: 96px;
    font-size: 14px;
    font-weight: bold;
    display: flex;align-items: flex-end;
    color: #616161;
    margin-bottom: 15px;
}

.shop_info > .shop_info_detail > .shop_star > img {
	width: 20px;
    float: left;
}

.shop_info > .shop_info_detail > .shop_star > .point {
	margin-left: 7px;
    font-size: 16px;
    transform: translateY(2px);
    color: black;
}

.shop_info > .shop_info_detail > .shop_info_review {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.shop_info > .shop_info_detail > .shop_answer {
    color: #666;
    font-size: 14px;
}

#answercnt {
	color:#999;
}

.shop_info > .shop_option {
	position: relative;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #8a8a8a;
}

.shop_reserve {
	width: 100%;
    margin-top: 0 !important;
    position: relative;
    height: auto !important;
    box-sizing: border-box;
    padding: 15px !important;
    padding-bottom: 65px !important;
    overflow-y: auto;
}

.shop_reserve > .shop_reserve_date {
    background-color: #fff;border-radius: 5px;display: flex;align-items: center;
	width: 100%;
    
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 10px 15px;
    box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
}

.shop_reserve > .shop_reserve_list {
    box-sizing: border-box !important;
	width: 100% ;
    position: relative;
    height: auto;
	margin-top:10px;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item {
	width: 100%;
    padding: 15px;background-color: #fff;border-radius: 5px;box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
    position: relative;margin-bottom: 15px !important;box-sizing: border-box !important;
   /* height: 280px;*/
display: flex;
}
.shop_reserve_item .btn_reserve{margin-bottom: 0 !important;}
.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_img {
	width: 100px;
    height: 100px;
    min-width: 100px;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
}
.shop_reserve_item_img img{display: block;width: 100%;height: 100%;object-fit: cover;}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc {
	float: left;
    width: calc(100% - 100px);
    position: relative;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_desc_line {
	width: 100%;
    position: relative;
    height: 29px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_desc_line > .shop_reserve_item_title {
	height: 100%;
    width: 100%;
    display: flex;align-items: center;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_desc_line > .shop_reserve_item_title > span {
	float: left;
    margin-right: 5px;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_desc_line > .shop_reserve_item_title > .auth {
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_desc_line1 {
	width: 100%;
    height: 22px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    margin-top: 5px;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_desc_line2 {
	width: 100%;
    margin-top: 3px;
    display: inline-block;
    color: #adadad;
    font-size: 12px;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_option {
	width: 100%;
    text-align: right;
    font-size: 16px;
    margin-top: 15px;
}

.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_option > .shop_reserve_item_option_price {
	color: #9c9c9c;
    line-height: 21px;
}
.shop_reserve > .shop_reserve_list > .shop_reserve_item > .shop_reserve_item_desc > .shop_reserve_item_option > .shop_reserve_item_option_price>ul{margin: 0 !important;margin-bottom: 15px !important;}
.reserve_discountprice {
	color:#000;
	font-weight: bold;
    text-decoration: line-through;
    font-size: 14px;
}

.reserve_price {
	color: #fa0000;
    font-size: 18px;
    text-align: right;
    font-weight: bold;
    line-height: 24px;
}

.item_buttomn {width: 100%;display: flex;align-items: center;justify-content: right;position: absolute;right: 10px;bottom: 10px;
}

.btn_reserve {
    right: 0px;
    color: white;
    width: 80px;
    height: 32px;
    display: flex;align-items: center;justify-content: center;
    background-color: #9870c6 !important;
    font-size: 14px;    
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 10px;;
}

.btn_reserve_close {
	position: absolute;
    float: right;
    right: 0px !important;
    background: #a1a1a1;
    padding: 5px 28px 5px 28px;
    color: white;
    font-size: 12px;
    line-height: 21px;
    border-radius: 3px;
}
.shop_desc {
	width: 100%;
    box-sizing: border-box;padding: 15px;
    position: relative;
    box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
    border-radius: 5px;
    background: #fff;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
}

.shop_desc > .shop_desc_cont {
	width:100%;
	height: auto;
	display: flow-root;
}

.shop_desc > .shop_desc_cont > .shop_desc_title {
	font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    width: 100%;
    height: 35px;
    position: relative;
    margin-bottom: 20px;

}

.shop_desc > .shop_desc_cont > .shop_desc_cont {
	width: 100%;
    float: left;
    color: #696969;
    position: relative;
    font-size: 14px;}

.shop_desc > .shop_desc_cont > .shop_desc_more {
	float: right;
    font-size: 15px;
    color: #356dfa;
    font-weight: bold;
	margin-right:5px;
}

.shop_service_list {
	position: relative;
    overflow-x: auto;white-space: nowrap;
    height: auto;
}


.shop_service_list > .shop_service_item {
    display: inline-block;
    width: 21.5%;
    padding: 1px;
    text-align: center;
    line-height: 25px;
    color: #5d5d5d;
    font-weight: bold;
    font-size: 10px;
}

.shop_service_list > .shop_service_item > img {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 0px;
}
.shop_service_list > .shop_service_item>span{display: block;font-size: 12px;}
.shop_desc_cont>p{margin: 0 !important;}
.shop_desc_cont > ul {
	font-size: 14px;
    list-style: inside;
    line-height: 22px;
}

.shop_desc_addres {
	width: 100%;
    color: #696969;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    display: flex;align-items: center;justify-content: space-between;
}
.shop_desc_addres>span{font-size: 12px;color: #999;}

.shop_desc_addres > .address_copy {
	float: right;
    color: #000;text-decoration: underline;font-size: 12px;
}

.shop_review {
    background: #fff;
    width: calc(100% - 0px);
    box-sizing: border-box !important;
    padding: 15px;
    border-radius: 5px;box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
}

.shop_review > .shop_review_cont {
	width: 100%;
    position: relative;
    height: auto;
}

.row {
	width: 100%;
    position: relative;
    height: auto;
    margin-top: 0px;
	display: inline-block;
}

.shop_review_title {
	float: left;
    color: #424242;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}
.review_point_desc>span{font-size: 12px;}
.shopw_review_more {
	float: right;
    color: #000;text-decoration: underline;
    font-weight: bold;font-size: 12px;
}

.review_point {
	width: 50%;
    position: relative;
    height: auto;
    display: inline-block;
    margin-top: 20px;
    float: left;
    color: #8c8c8c;

}

.review_point > .review_point_line1 {
	width:100%;
}

.review_point > .review_point_line1 > img {
	width: 34px;
}

.review_point > .review_point_line1 > #reviewpoint {
	font-size: 40px;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    color: black;
}

.review_point_detail {
	float: left;
    width: 50%;
}
.review_point_detail > .reivew_point_item {
	width: 100%;
    position: relative;
    height: 30px;
    font-size: 12px !important;
}

.review_point_detail > .reivew_point_item  > .review_point_title {
	float: left;
    width: 50%;
    text-align: right;
    color: #666;
	font-size:14px;
}

.review_point_detail > .reivew_point_item  > .review_detail_point {
	float: right;
    margin-right: 2px;
    font-weight: bold;
	font-size:15px;
}

.review_point_detail > .review_point_desc {
	text-align: right;
    font-size: 14px;
    color: #8c8c8c;
}

.shop_review_list {
	width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
}

.shop_review_list > .shop_review_item {
	 width: 100%;
    position: relative;
    display: flex;
    padding: 15px 0 !important;
    border-bottom: solid 1px #ebebeb;
}

.shop_review_list > .shop_review_item > .user_img {
	width: 50px;
    float: left;
    position: relative;
    margin-right: 10px;
}

.shop_review_list > .shop_review_item > .user_img > img {
	vertical-align: middle;
}

.shop_review_list > .shop_review_item > .shop_review_item_cont {
	float: left;
    width: calc(100% - 144px);
    margin-right: 10px;
    font-size: 13px;
    color: #999999;
}

.shop_review_list > .shop_review_item > .shop_review_item_cont > .shop_review_item_star {
	margin-right: 5px;
    position: relative;
    float: left;
    display: inline-block;
}

.shop_review_list > .shop_review_item > .shop_review_item_cont > .shopw_review_type {
	color: #eb3967;
    font-weight: bold;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-top: -2px;
}

.shop_review_list > .shop_review_item > .shop_review_item_cont > .shop_review_comment {
	width: 100%;
    margin-top: 15px;
    display: inline-block;
    height: auto;
}
.shop_review_list > .shop_review_item > .shop_review_item_date {
	width: 70px;
    float: left;
    text-align: right;
    font-size: 13px;
    color: #999999;
}

.shop_review_more {
	width: 100%;
    height: auto;
    text-align: center;
    position: relative;
}

.shop_review_more{display: flex;flex-direction: row-reverse;margin-top: 15px;justify-content: space-between;}
.shop_review_more > .all_view {
display: flex;align-items: center;justify-content: center;color: #fff;background-color: #9870c6;border-radius: 2.5px;width: 120px;height: 34px;font-size: 14px;
}

.shop_review_more > #reviewmorecnt {
	    color: #999;font-size: 14px;display: block;
}

.shop_reserve_area {
	width: 100%;
    height: 100px;

    text-align: center;

}

.shop_reserve_btn {
	border-radius: 2.5px;width: 100% !important;box-sizing: border-box !important;height: 40px !important;background-color: #9870c6;color: #fff;font-size: 14px;margin: 0 auto !important;display: flex;align-items: center;justify-content: center;
}
.control {
	width: 100%;
    height: 50px;
    display: flex;align-items: center;justify-content: space-between;padding: 0 15px;
    position: fixed;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
	z-index:10000;
	top:45px;
}

.control > .control_date {
}

.control > .control_filter {
	position: absolute;
    float: right;
    right: 57px;
    width: 44px;
    height: 44px;
    background: url(../images/filter_off.png) 100% 100% no-repeat;
    background-size: 30px auto;
    background-position: center;
}

.control > .control_map {
	position: absolute;
    float: right;
    right: 15px;
    width: 44px;
    height: 44px;
    background: url(../images/btnmap_off.png) 100% 100% no-repeat;
    background-size: 25px auto;
    background-position: center;
}

.icon_list {
	width: 100%;
    height: 100px;
    background: #fff;
    position: fixed;
    top: 105px;
	z-index:10000;
}

.icon_list > .icon_allow_left {
	position: relative;
    float: left;
    left: 5px;
    width: 44px;
    height: 44px;
    background: url(../images/allow_left.png) 100% 100% no-repeat;
    background-size: 13px auto;
    background-position: center;
    margin-top: 26px;
}

.icon_list > .icon_allow_right {
	position: relative;
    float: left;
    right: 5px;
    width: 44px;
    height: 44px;
    background: url(../images/allow_right.png) 100% 100% no-repeat;
    background-size: 13px auto;
    background-position: center;
    margin-top: 26px;
}

.icon_list_item {
	width: calc(100% - 88px);
    height: 100%;
    position: relative;
    
    float: left;
	white-space: nowrap;
   display: flex;
    
    overflow-x: auto;
    overflow-y: hidden;
}

.content_list {
    top: 0 !important;
    padding: 15px !important;
    box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
    border-radius: 5px;
	width: 100%;
    box-sizing: border-box;
    position: relative;
    height: auto;
    background: #fff;
    top: 170px;	
	overflow-x:scroll;
	overflow-y: auto;
}


.content_list > .content_item {
	background-color: #fff;
    
    box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
	width: 100%;
	border-radius:5px;
    overflow: hidden;
	height:auto;
	display:table;
}
.company_user {
	width: 100%;
    height: calc(100% - 44px);
    position: relative;
}

.user_area {
	width: 100%;
    height: auto;
    padding: 15px !important;
    position: relative;
    background: #fff;
    display: flex;align-items: center;
    display: inline-block;
	font-size: 12px;
    padding-bottom: 20px;
    color: #757575;
    border-bottom: solid 1px #ebebeb;
}

.logon {
	width: 100%;
    color: black;
}

.username {

    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

.useredit {
font-size: 14px !important;color: #999;
}

.usermenu{padding: 15px !important;padding-bottom: 60px !important;}
.menu_item {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.2);
    display: flex;align-items: center;padding: 10px;margin-bottom: 15px;background-color: #fff;color: #000;
}

.menu_item > .menu_icon >i {
    font-size: 24px;margin-right: 10px;

}

.menu_item > .menu_title {
    width: auto;
    font-size: 14px;
}
.menu_subtitle span{color: #999;}
.menu_desc>i{color: #999;}
.menu_more>i{color: #999;}
.menu_item > .menu_desc {
    position: absolute;top: 50%;right: 10px;transform: translateY(-50%);
}

#reserve_cnt {
    position: relative;
    font-size: 14px;
}


.user_menu {
	width: calc(100% - 30px);transform: translateX(15px);
    margin-top: 15px;
    box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);
    border-radius: 5px;
    position: relative;
    background: #fff;
    border-bottom: solid 1px #ebebeb;
    padding: 15px 0;
    display: flex;align-items: center ;
}

.user_menu > .user_menu_item {
    width: 33.333%;
    text-align: center;
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    font-size: 14px;
    line-height: 29px;
    border-right: solid 1px #ededed;
}

.user_menu > .user_menu_item:last-child {
	float: left;
    width: 33%;
    text-align: center;
    font-size: 14px;
    line-height: 29px;
    border-right: none;
}

.user_menu > .user_menu_item > .menu_img {
	width: 100%;
}

.user_menu > .user_menu_item > .menu_img > img {
	width:25px;
}

.user_reserve {
	width: 100%;
    position: relative;
    margin-top: 30px;
}

.user_reserve > .user_reserve_title {
	margin-left: 15px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

.user_reserve_desc {
    width: calc(100% - 30px);transform: translateX(15px);box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);border-radius: 5px ;
    background: #fff;
    display: flex;align-items: center;
    position: relative;
    padding: 15px 0;
}

.user_reserve_item>span{line-height: auto !important;font-size: 12px !important;color: #999;}
.user_reserve_desc > .user_reserve_item {
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    width: calc(20% - 1px);
    text-align: center;
    font-size: 11px;
    line-height: 29px;
    height: 100%;
    border-right: solid 1px #ededed;
}

.user_reserve_desc > .user_reserve_item:last-child {
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    width: calc(20% - 1px);
    text-align: center;
    font-size: 11px;
    line-height: 29px;
    height: 100%;
    border-right: 0;
}

.user_reserve_cnt {
	font-size: 25px;
    font-weight: bold;
}

.menu_subtitle {
	float: left;
    font-size: 11px;
    margin-left: 10px;
    color: #f7f7f7;
}

.user_area{box-sizing: border-box;width: calc(100% - 30px);transform: translateX(15px);border-radius: 5px;padding-top: 15px;box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1) !important;}

.userlogout{padding-top: 15px !important;}
.userlogout > .user_area > .logoff {
	width: 100%;
    height: 200px;
    position: relative;
    display: contents;
}
.logininfo{margin-bottom: 30px !important;display: flex !important;align-items: center;}
.userlogout > .user_area > .logininfo {
	width: 100%;
    margin-bottom: 15px !important;
    position: relative;
    height: auto;
}

.userlogout > .user_area > .logoff > .logininfo {
	position: relative;
    width: 100%;
    height: auto;
    padding: 0 !important;
    display: inline-block;
}

.userlogout > .user_area > .logoff > .logininfo > .loginicon {
	width: 60px;	
    float: left;
    margin-right: 15px !important;

}

.userlogout > .user_area > .logoff >  .logininfo > .logininfodesc {
	float: left;
    width: calc(100% - 100px);
    display: grid;
}

.userlogout > .user_area > .logoff >  .logininfo > .logininfodesc > .infodesc_guide {
	font-size: 14px;
    color: black;
    font-weight: bold;
}

.userlogout > .user_area > .logoff >  .logininfo >  .logininfodesc > .infodesc {
	color: #757575;
    font-size: 13px;
}

.userinfo {
    width: calc(100% - 30px);transform: translateX(15px);border-radius: 5px;box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);margin-bottom: 15px;
	background: #fff;
    text-align: center;
	padding-bottom: 20px;
}

.userinfo > .userimage {
	padding: 45px calc(50% - 50px) 22px;
}

.userinfo_username {
	text-align: center;
    position: relative;
    width: 100%;
    height: auto;
    font-size: 15px;
    display: flex;
	font-weight: bold;
}

.userinfo_username > span {
	margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.userinfoediticon {
    width: 19px;
    height: 29px;
    background: url(../images/editico.png) 100% 100% no-repeat;
    background-size: 9px auto;
    background-position: center;
    margin-right: auto;
}

.userinfo_useremail {
	font-size: 12px;
    color: #969696;
    margin-top: -6px;
}

.userdesc {
    padding-bottom: 70px;
	background: #fff;
    width: 100%;
    position: relative;
    height: auto;
}

.userdesctitle {
	width: calc(100% - 0px);
    box-sizing: border-box;
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid 1px #e6e6e6;
}

.userinfoitem {
	width: calc(100% - 0px);
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    padding: 15px;
    border-bottom: solid 1px #e6e6e6;
}

.userinfoitem > .userinfoitemtitle {
    height: 16px;
    color: #909090;
    font-size: 13px;
    line-height: 20px;
    width: 80px;
}

.userinfoitem > .userinfocont {

    font-size: 13px;
    line-height: 20px;
}

.userinfoedit  {

    font-size: 12px;
    line-height: 20px;
    color: #0f5ac8;
}

.review_list {
	width: 100%;
    position: relative;
    height: auto;
    margin-top: 44px;
}

.review_item {
	width: 100%;
    position: relative;
    height: auto;
	display: inline-block;
    padding-bottom: 10px;
    border-bottom: solid 1px #eaeaea;
    margin-top: 10px;
}

.review_item_img {
	width: 130px;
    float: left;
    margin-right: 10px;
    position: relative;
    margin-left: 20px;
}

.review_item_desc {
	float: left;
    width: calc(100% - 180px);
    margin-right: 10px;
}

.review_item_desc_line {
	font-size: 17px;
    font-weight: bold;
}

.review_item_desc_line1 {
	font-size: 11px;
    color: #adadad;
}

.btn_pink {
	float: right;
    right: 10px;
    background: linear-gradient(#ff5984, #eb3967);
    padding: 5px 28px 5px 28px;
    color: white;
    font-size: 16px;
    line-height: 30px;
    border-radius: 7px;
    width: calc(100% - 120px);
    text-align: center;
    margin-top: 20px;
}

.btn_blur {
	float: right;
    right: 10px;
    background: linear-gradient(#4280d6, #1f3f9f);
    padding: 5px 28px 5px 28px;
    color: white;
    font-size: 16px;
    line-height: 30px;
    border-radius: 7px;
    width: calc(100% - 120px);
    text-align: center;
    margin-top: 20px;
}
.contain{z-index:9998;width:100%;height:auto;object-fit:contain;position:absolute;top:0;left:0}
.content{background-color:#fff;width:100%;height:auto;margin-top:10px;position:relative;padding-top:20px}
.toptitle{position:relative;width:100%}


.more{color:#66ccce;font-size:3vw;float:right;margin-right:4vw}
.contentList{width:100%;height:auto;display:flex;flex-wrap:wrap;overflow:auto;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding-top:1%;padding-bottom:1%}
.item{width:43%;height:0;border:solid 1px #c2c0c0;background-color:#fff;margin:1%;padding-left:2%;padding-right:2%;position:relative;padding-bottom:62%}
.Contentlist1{width:100%;height:auto;display:flex;white-space:nowrap;overflow:auto;padding-top:2%}
.artistitem{width:48%;height:0;border:solid 1px #c2c0c0;background-color:#fff;position:relative;flex:0 0 auto;margin-left:1vw;margin-right:.5vw;padding-bottom:58%}
.imgarea{width:100%;height:0;margin-top:2px;position:relative;padding-bottom:100%}
.imgarea1{width:100%;height:0;margin-top:2px;position:relative;padding-bottom:78%}
.artistitem .imgarea{height:180px;margin-top:0}
.new{position:relative;background:url(../images/new.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.event{position:relative;background:url(../images/event.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}

.contenttitle{margin-left:10px;margin-top:5px;font-size:3vw;line-height:5vw}
.middle_cont{margin-top:1vw;width:100%;height:0;padding-bottom:5%}
.star_rate{margin-left:10px;width:33%;float:left}
.star{width:18%;height:auto;margin-left:0}
.count{width:60%;font-size:2vw;color:#7e7e7e;float:left;line-height:3vw}
.day{margin-left:10px;font-size:2vw;line-height:3vw;color:#7e7e7e}
.middlebanner{margin-top:2vw}
.artist_list{margin-top:2vw;width:100%;height:auto;background-color:#fff;padding-top:5%;padding-bottom:3%}
.artisttitle{margin-left:2vw;margin-top:2vw;font-size:3vw;line-height:4vw;font-weight:700}
.artistsubtitle{margin-left:2vw;margin-top:2vw;font-size:2.7vw;line-height:3vw;margin-bottom:1vw;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:90%;overflow:hidden}
.starcont{float:left;margin-right:10px}
.reviewcnt{color:#000;letter-spacing:-2.96px;font-size:3vw}
.reviewtitle{line-height:6vw;margin-right:1vw;color:#666;letter-spacing:0}
.startrate{font-size:3vw}
.Contentlist1::-webkit-scrollbar{display:none}
.event_container{margin-top:10px;width:100%;height:auto;background-color:#fff;padding-top:20px}
.eventList{width:100%;height:auto;padding-bottom:2%;padding-top:6%}
.eventitem{margin:1% 2vw 2%}
.companyinfo{width:100%;height:auto;margin-top:5vw;padding-bottom:16vw}
.like{text-align:center;color:#c2c0c0;font-size:2.8vw;margin-bottom:10px}
.like a{text-decoration:none;margin-right:1vw;margin-left:1vw;color:#c2c0c0}
.brand{margin-left:4vw;margin-top:4vw;color:#c2c0c0;font-size:5vw;line-height:7vw;margin-bottom:3vw}
.address{margin-left:4vw;margin-top:1vw;color:#c2c0c0;font-size:3vw;line-height:3vw}
.address1{margin-left:4vw;margin-top:4vw;color:#c2c0c0;font-size:2.6vw;line-height:4vw}
.footer{    position: fixed;
    border-top: 1px solid rgba(153, 153, 153, 0.3);
    left: 50%;transform: translateX(-50%);
    display: flex;
    height: 50px;
    background-color: #fff;
    z-index: 10010;
    bottom: 0;
    width: 100%;
    color: #b8c2d7;
    font-weight: 700;
   }
.footer a{text-decoration:none;flex-direction: column;display: flex;;align-items: center;justify-content: center;width: 20%;height: 100%;;font-size: 10px;font-weight: normal;color: #999;transition: 0.3s;}
.footer a>i{font-size: 18px;color: #999;transition: 0.3s;}
.footer a:hover{color: #000;}
.footer a:hover>i{color: #000;}
.tab_title{top: 38px;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 14px;}
.subhead{width:100%;height:0;z-index:10003;position:fixed;padding-bottom:11%;border:solid 1px #c2c0c0;background-color:#fff;flex-shrink: 0;}
.backbtn{width: 10vw;height:3vw;background: url(../images/back.png) 100% 100% no-repeat;background-size: 4vw auto;background-position: center center;padding-bottom: 2%; position: relative; left: 2vw; top:3vw;float: left;z-index: 1000;}
.headtitle {position: absolute;height:100%; text-align: center;font-size: 5vw;font-weight: bold;line-height: 12vw;float: left;width: 100%;}
.searchbar {width: 100%;height: 0;position: fixed;padding-bottom: 11%;margin-top:11%;z-index:9999;border:solid 1px #c2c0c0;background-color:#fff;}
.searchicon{width:5%;height:0;float:left;left:6vw;top:3vw;z-index:10000;position:absolute;padding-bottom:5%;}
.searchinput {width: 80%;height: auto;position: absolute;left: 15vw;top: 3vw;border: none;}
.searchinput > input {width: 100%;border: none;font-size: 3.5vw;}
.cont {width: 100%;height: auto;position: relative;}
.no_result {width: 100%;background: url(../images/charector_icon.png) 100% 100% no-repeat;background-size: 15vw auto;background-position: center center;padding-bottom: 100%}
.no_result_title {color:#c2c0c0;text-align: center;position: relative;top:65vw;font-size: 3vw;}

.search_content {width: 100%;height: calc(100vh - 11vh);;overflow-x: hidden;overflow-y: auto;top:11vh;position: relative;}

.headtitle1 {position: relative;text-align: left;font-size: 5vw;line-height: 11vw;margin-left: 1vw;float: left;}
.headtitle2 {position: relative;text-align: left;font-size: 5vw;line-height: 11vw;margin-left: 10vw;float: left;}
.help {position: relative;background: url(../images/help.png) 100% 100% no-repeat;background-size: 5vw auto;background-position: center center;left:2vw;top:2.2vw;height: 5vw; width: 5vw;float:left;}
.searchicon1 {position: relative;background: url(../images/search_off.png) 100% 100% no-repeat;background-size: 5vw auto;background-position: center center; height: 5vw; width: 5vw;float:right;top:3vw;right:4vw;margin-right: 4vw;}
.sort {position: relative;background: url(../images/filter_off.png) 100% 100% no-repeat;background-size: 5vw auto;background-position: center center; height: 5vw; width: 5vw;float:right;top:3vw;right:4vw;}
.categorybar {width: 100%;height: 0;position: fixed;padding-bottom: 11%;margin-top:11%;z-index:9999;border:solid 1px #c2c0c0;background-color:#fff;display:flex;white-space:nowrap;overflow-x:auto;overflow-y: hidden;}
.category {width:auto;height:100%;background-color:#fff;position:relative;flex:0 0 auto;margin-left:9vw;margin-right:2vw;text-align: center;font-size: 4vw;line-height: 12vw;color:#b3b3b3;font-weight: bold;}

.categorybar > .active {
	background:url(../images/sel_bar.png) 100% 100% no-repeat;background-size: 11vw auto; background-position-y: bottom;padding-bottom: 10.5vw;background-position-x: 1vw;
	color:#ff6562;
}
.topbanner {position: relative;width: 100%;height: 19vw;top:23vw;}
.stylecontentList {width: 100%;height: calc(100vh - 57vw);display: flex;flex-wrap: wrap;overflow: auto;justify-content: flex-start;align-items: flex-start;align-content: flex-start;padding-top: 0;padding-bottom: 0;position: relative;margin-top: 24vw;}
.stylecontentList > .item{width:43%;height:0;border:solid 1px #c2c0c0;background-color:#fff;margin:1%;padding-left:2%;padding-right:2%;position:relative;padding-bottom:62%}
.stylecontentList > .item > .imgarea{width:100%;height:0;margin-top:2px;position:relative;padding-bottom:100%}
.stylecontentList > .item > .new{position:relative;background:url(../images/new.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .event{position:relative;background:url(../images/event.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .fav{position:relative;margin-right:8px;margin-top:4px;background:url(../images/active_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .unfav{position:relative;margin-right:8px;margin-top:4px;background:url(../images/no_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.stylecontentList > .item > .contenttitle{margin-left:10px;margin-top:5px;font-size:3vw;line-height:5vw}
.stylecontentList > .item > .middle_cont{margin-top:1vw;width:100%;height:0;padding-bottom:5%}
.stylecontentList > .item > .middle_cont > .star_rate{margin-left:10px;width:33%;float:left}
.stylecontentList > .item > .middle_cont > .star{width:18%;height:auto;margin-left:0}
.stylecontentList > .item > .middle_cont > .count{width:60%;font-size:2vw;color:#7e7e7e;float:left;font-family:NotoSansKR;line-height:3vw}
.stylecontentList > .item > .price{margin-left:10px;font-size:4vw;line-height:5vw;font-family:NotoSansKR;color:#7e7e7e;margin-top:2vw;}

.search_content > .contentList {width:100%;height:auto;display:flex;flex-wrap:wrap;overflow:auto;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding-top:6vw;padding-bottom:1%}
.search_content > .contentList  > .item{width:43%;height:0;border:solid 1px #c2c0c0;background-color:#fff;margin:1%;padding-left:2%;padding-right:2%;position:relative;padding-bottom:62%}
.search_content > .contentList  > .item > .imgarea{width:100%;height:0;margin-top:2px;position:relative;padding-bottom:100%}
.search_content > .contentList  > .item > .new{position:relative;background:url(../images/new.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.search_content > .contentList > .item > .event{position:relative;background:url(../images/event.png) 100% 100% no-repeat;background-size:31px auto;float:left;width:31px;height:32px;z-index:1000}
.search_content > .contentList  > .item > .fav{position:relative;margin-right:8px;margin-top:4px;background:url(../images/active_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.search_content > .contentList  > .item > .unfav{position:relative;margin-right:8px;margin-top:4px;background:url(../images/no_bookmark.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000}
.search_content > .contentList  > .item > .contenttitle{margin-left:10px;margin-top:5px;font-size:3vw;line-height:5vw}
.search_content > .contentList  > .item > .middle_cont{margin-top:1vw;width:100%;height:0;padding-bottom:5%}
.search_content > .contentList  > .item > .middle_cont > .star_rate{margin-left:10px;width:33%;float:left}
.search_content > .contentList  > .item > .middle_cont > .star{width:18%;height:auto;margin-left:0}
.search_content > .contentList  > .item > .middle_cont > .count{width:60%;font-size:2vw;font-family:NotoSansKR; color:#7e7e7e;float:left;line-height:3vw}
.search_content > .contentList  > .item > .price{margin-left:10px;font-family:NotoSansKR; font-size:4vw;line-height:5vw;color:#7e7e7e;margin-top:2vw;}


.RNB {position: absolute;width: 100%;height: 100%;z-index: 10001;filter: alpha(opacity=50)}
.dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50)}
.RNB_MENU {z-index: 10002; background: #fff;width: 60%;height: calc(100% - 11vw);float: right;position: relative;top:11vw;overflow: auto;}
.menutable {text-align: right;width: 100%;border-bottom: solid 1px #999999;}
.menutable > tbody > tr {height:12vw;font-size: 4vw;}
.menutable > tbody > tr > td {margin-right:5vw;float:right;margin-top:4vw;}
.menutable > tbody > .headertr {color:#66ccce;font-weight: bold; background: url(../images/filter_sel.png) 100% 100% no-repeat;background-size: 5vw auto;background-position: left center;background-position-x: 3vw;}
.menutable > tbody > .menutr {color:#999999;font-weight: 500;}
.subhead > .active {background: url(../images/filter_on.png) 100% 100% no-repeat;background-size: 5vw auto;background-position: center center;}
.headtitle2 {position: relative; text-align: center; font-size: 5vw; font-weight: bold; line-height: 11vw;}
.bookmarkmenu {width: 100%;height: 11vw;position: fixed;margin-top:11%;z-index:9999;border:solid 1px #c2c0c0;background-color:#fff;}
.bookmarkstyle {width: 50%; height: 11vw; float: left;text-align: center; position: relative;line-height: 11vw;font-size: 4vw;}
.bookmarkgift {width: 50%; height: 11vw; float: left;text-align: center; position: relative;line-height: 11vw;font-size: 4vw;}
.bookmarkmenu > .active {background: #66ccce;color:#fff;}

.mytopbanner {position: relative;width: 100%;height: 19vw;}
.mycontent {width: 100%; height: calc(100% - 21vw);overflow: auto;font-size: 3vw;}
.rowcontent {width: 100%;height: 39vw; background: #fff;border-bottom: solid 1px #f1f1f1;background: #fff;}
.rowcontent1 {width: 100%;height: 24vw; background: #fff;border-bottom: solid 1px #f1f1f1;background: #fff;}
.rowcontent2 {width: 100%; height: auto; background: #fff;}
.mynotice {width: 100%;height: 16vw; background-color: #fff;border-bottom: solid 1px #f1f1f1;background: url(../images/noti_icon.png) 100% 100% no-repeat;background-size: 5vw auto;background-size: 6vw auto;background-position-y: center;background-position-x: 10vw;padding-left: 21vw;font-size: 4vw;font-weight: bold;line-height: 16vw;}
.myevent {width: 100%;height: 16vw; background-color: #fff;border-bottom: solid 1px #f1f1f1;background: url(../images/event_icon.png) 100% 100% no-repeat;background-size: 5vw auto;background-size: 6vw auto;background-position-y: center;background-position-x: 10vw;padding-left: 21vw;font-size: 4vw;font-weight: bold;line-height: 16vw;}
.mycontact {width: 100%;height: 16vw; background-color: #fff;border-bottom: solid 1px #f1f1f1;background: url(../images/contact.png) 100% 100% no-repeat;background-size: 5vw auto;background-size: 6vw auto;background-position-y: center;background-position-x: 10vw;padding-left: 21vw;font-size: 4vw;font-weight: bold;line-height: 16vw;}
.mysetting {width: 100%;height: 16vw; background-color: #fff;border-bottom: solid 1px #f1f1f1;background: url(../images/setting.png) 100% 100% no-repeat;background-size: 5vw auto;background-size: 6vw auto;background-position-y: center;background-position-x: 10vw;padding-left: 21vw;font-size: 4vw;font-weight: bold;line-height: 16vw;}
.myinfo {width: calc(64% - 1px);height: 100%;float: left;position: relative;border-right: solid 1px #f1f1f1;}
.mypoint {width: 36%; height: 100%;float: left;position: relative;}
.pointinfo {width: 100%;height: 50%;position: relative;border-bottom: solid 1px #f1f1f1;}

.reservationinfo {width: 33%;height: auto;position: relative;float: left;border-right: solid 1px #f1f1f1;background: url(../images/booking_icon.png) 100% 100% no-repeat;background-size: 10vw auto;background-position-x: center;background-position-y: 5vw;text-align: center;padding-top: 17vw;font-size: 3.5vw;font-weight: 500;}
.reservationcnt {position: absolute;top: 5vw;text-align: center;width: auto;margin-left: 18vw;font-size: 3.5vw;color: #fff;font-weight: 500;background: #ff8886;border-radius: 1.8vw;padding-left: 1.5vw;padding-right: 1.5vw;padding-top: 0.5vw;padding-bottom: 0.5vw;}
.orderinfo {width: 33%;height: auto;position: relative;float: left;border-right: solid 1px #f1f1f1;background: url(../images/orderdetail.png) 100% 100% no-repeat;background-size: 9vw auto;background-position-x: center;background-position-y: 5vw;text-align: center;padding-top: 17vw;font-size: 3.5vw;font-weight: 500;}
.reviewinfo {width: 33%;height: auto;position: relative;float: left;border-right: solid 1px #f1f1f1;background: url(../images/review.png) 100% 100% no-repeat;background-size: 10vw auto;background-position-x: center;background-position-y: 5vw;text-align: center;padding-top: 17vw;font-size: 3.5vw;font-weight: 500;}
.picarea {width: 35vw;height: 100%;float: left;}
.userarea {width: calc(100% - 35vw);height: 100%;float: left; position: relative;}
.userpic {display:inline-block;position: relative;width: 25vw;height: 25vw;overflow: hidden;border-radius: 50%;margin: 5vw;}
.circleimg {border-radius: 50%;width: auto;height: 100%;margin-left: -5vw;}
.userpic > .circleimg {border-radius: 50%;width: auto;height: 100%;margin-left: 0vw;}

.editprofile {float: right;font-size: 3.5vw;margin-right: 5vw;font-family: NanumBarunGothic;font-weight: 500;}
.pointtitle {font-family: NanumBarunGothic;font-weight: 500;font-size: 3.5vw;background: url(../images/point.png) 100% 100% no-repeat;background-size: 6vw auto;background-position-x: 2vw; background-position-y: 2vw;padding-top: 2vw; width: 100%; height: 6vw; line-height: 6vw;padding-left: 10vw;}
.pointinfo > .point {position: relative; margin-top: 2vw; margin-left: 4vw; font-size: 5vw; font-weight: bold;}
.coupontitle {font-family: NanumBarunGothic;font-weight: 500;font-size: 3.5vw;background: url(../images/coupon.png) 100% 100% no-repeat;background-size: 6vw auto;background-position-x: 2vw; background-position-y: 3vw;padding-top: 2vw; width: 100%; height: 6vw; line-height: 6vw;padding-left: 10vw;}
.couponinfo > .couponcnt {position: relative; margin-top: 2vw; margin-left: 4vw; font-size: 5vw; font-weight: bold;}
.mycompanyinfo {width:100%;height:auto;margin-top:6vw;padding-bottom:16vw;font-size: 2.6vw;}
.bottominfo {width: 100%;height: auto;margin-top:14vw;text-align: center;}
.version {width: 15vw;height: auto;font-size: 3vw;color:#fff; line-height: 5vw; background: #c2c0c0; text-align: center;margin: auto;border-radius: 3.5vw;}
.copyright {line-height: 8vw; color:#c2c0c0; font-size: 3vw;}
.categorytopbanner {position: relative;width:100%;height: 19vw;top:11vw;}
.categoryList {position: relative;top:11vw;width: 100%;height: auto;display: inline-block;background: #fff;}
.categoryitem {    display: block;float: left; width: 33%; border-right: solid 1px #f1f1f1;background: #fff;border-bottom: solid 1px #f1f1f1;background: #fff;height: auto;    text-align: center;padding-top: 22vw;font-size: 3.5vw;font-weight: 500;padding-bottom: 2vw;position: relative;}
.categoryitem > img {width:16vw;height: 16vw;position: absolute;top:3vw;left:9vw;}
.headunfav{position:relative;margin-right:8px;background:url(../images/bookmark_add_off.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000;margin-top: 2vw;}
.headfav{position:relative;margin-right:8px;background:url(../images/bookmark_add_on.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000;margin-top: 2vw;}
.share{position:relative;margin-right:8px;background:url(../images/share_off.png) 100% 100% no-repeat;background-size:31px auto;float:right;width:31px;height:32px;z-index:1000;margin-top: 2vw;}
.Detailcontent {width: 100%;height: 100%;overflow: auto;position: relative;top:11vw;}
.Detailcontent > .topImage {width: 100%; height: 60vw;position: relative;}
.detailtitle {width: 100%;bottom:0px;height: 10vw; position: absolute;z-index: 1; text-align: center; color: #fff;}
.detailtitle > .title_bg {background: #000; opacity: 0.5;width: 100%;height: 100%;position: absolute;}
.detailtitle > .title {z-index: 100;color: white;width: 100%;height: 100%;position: absolute;line-height: 10vw;font-size: 4vw;}
.detailtitle > .pagetitle {position: absolute;right:10px;font-size: 4vw;line-height: 10vw;}
.detailtitle > .pagetitle > .currentpage {color : #ff8886; margin-right: 6px;}
.detailtitle > .pagetitle > .totalpage {margin-left: 6px;}
.detailmenu {width: 100%;height: 15vw;}
.detailmenu > .menu {width: calc(33.3% - 1px);height: 100%;float: left;border-right: solid 1px #d7d7d7;border-bottom: solid 1px #d7d7d7; color:#d7d7d7;text-align: center;line-height: 15vw;font-size: 4vw;background: #fff;}
.detailmenu > .active {color:#fff;background: #fd9896;}
.menuContent > .coupon {width: 100%;height:20vw;position: relative;}
.menuContent > .detailinfo {width: 100%; height:30vw; position: relative; background: #fff;}
.infoline1 {width:100%;height:6vw; position:relative;margin-left:5vw;color:#000;opacity: 0.8;font-size: 3vw;line-height: 5vw;}
.infoline1 > img {width: 4vw;height: 3vw;top:1vw; margin-right: 2vw;position: absolute;}
.infoline1 > span {position: absolute; width: auto; height: auto; left: 6vw;}
.infoline {width: 100%;height: 5vw;position: relative;margin-left: 5vw; margin-right: 5vw; color:#545454; font-size: 3vw; line-height: 5vw;}
.infoline2 {width: 100%;height: 2vw;position: relative;}
.menuContent > .option {width: 100%;height: auto;background: #fff; position: relative;margin-top:2vw;}
.option > .optiontype1 {width: 100%;height: auto;position: relative;padding-top:8vw;}
.option > .optiontype1 > .optionImg {width: 50%;height: auto; margin: auto;position: relative;}
.optionImg > img {width: 100%; height: auto;}
.optiontype1 > .optiontitle {width: 98%;height: auto;padding-left: 1%;padding-right: 1%;position: relative;text-align: center; font-size: 5vw;margin-top:4vw;font-weight: bold;line-height: 8vw;}
.optiontype1 > .optionsubtitle {width: 98%;height: auto;padding-left: 1%; padding-right: 1%;color:#ff8886;text-align: center;line-height: 8vw;font-size: 3vw;}
.optiontype1 > .optionselect {width: 100%;height: auto; padding-bottom: 3vw;}
.optiontype1 > .optionselect > .optionitem {width:100%; height: 14vw; font-size: 4vw; line-height: 14vw; position: relative; color:#000;font-weight: bold; background: url(../images/check_off.png) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.optiontype1 > .optionselect > .optionitem > .optionitemName {float: left;margin-left: 12vw;}
.optiontype1 > .optionselect > .optionitem > .optionitemPrice {float: right;margin-right: 5vw;}
.optiontype1 > .optionselect > .active {color:#000;font-weight: bold; background: url(../images/check_on.jpg) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.optiondiv {width: 98%; height: 1px; background: #c2c0c0; margin-left: 1%; }
.option > .optiontype2 {width: 100%;height: 45vw;position: relative;padding-top:8vw;}
.optiontype2 > .optiontitle {width: 98%;height: auto;padding-left: 1%;padding-right: 1%;position: relative;text-align: center; font-size: 5vw;margin-top:4vw;font-weight: bold;line-height: 8vw;}
.optiontype2 > .optionsubtitle {width: 98%;height: auto;padding-left: 1%; padding-right: 1%;color:#ff8886;text-align: center;line-height: 8vw;font-size: 3vw;}
.optiontype2 > .optioncount {width: 100%;height: 100%;text-align: center;margin: auto;position: absolute; top:12vw;left:27vw;display: table;}
.optiontype2 > .optioncount > .optioncountgroup {display: table-cell; text-align: center; vertical-align: middle;}
.optioncountgroup > .count_btn {width: 10vw;height: 10vw;text-align: center;vertical-align: center;line-height: 10vw;font-size: 5vw;color: #d1d1d1;float: left; border: solid 1px #d1d1d1;}
.optioncountgroup > .count {width:20vw;height: 10vw;line-height: 10vw; font-size: 5vw; color :#000; font-weight: bold;text-align:center; border: solid 1px #d1d1d1;}
.option > .optiontype3 {width: 100%;height: auto;position: relative;padding-top:8vw;}
.optiontype3 > .optiontitle {width: 98%;height: auto;padding-left: 1%;padding-right: 1%;position: relative;text-align: center; font-size: 5vw;margin-top:4vw;font-weight: bold;line-height: 8vw;}
.optiontype3 > .optionsubtitle {width: 98%;height: auto;padding-left: 1%; padding-right: 1%;color:#ff8886;text-align: center;line-height: 8vw;font-size: 3vw;}
.optiontype3 > .optionselect {width: 100%;height: auto; padding-bottom: 3vw;}
.optiontype3 > .optionselect > .optionitem {width:100%; height: 14vw; font-size: 4vw; line-height: 14vw; position: relative; color:#000;font-weight: bold; background: url(../images/check_off.png) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.optiontype3 > .optionselect > .optionitem > .optionitemName {float: left;margin-left: 12vw;}
.optiontype3 > .optionselect > .optionitem > .optionitemPrice {float: right;margin-right: 5vw;}
.optiontype3 > .optionselect > .active {color:#000;font-weight: bold; background: url(../images/check_on.jpg) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.option > .optiontype4 {width: 100%;height: auto;position: relative;padding-top:8vw;}
.optiontype4 > .optiontitle {width: 98%;height: auto;padding-left: 1%;padding-right: 1%;position: relative;text-align: center; font-size: 5vw;margin-top:4vw;font-weight: bold;line-height: 8vw;}
.optiontype4 > .optionsubtitle {width: 98%;height: auto;padding-left: 1%; padding-right: 1%;color:#ff8886;text-align: center;line-height: 8vw;font-size: 3vw;}
.optiontype4 > .optionselect {width: 100%;height: auto; padding-bottom: 3vw;}
.optiontype4 > .optionselect > .optionitem {width:100%; height: 14vw; font-size: 4vw; line-height: 14vw; position: relative; color:#000;font-weight: bold; background: url(../images/multicheck_off.jpg) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.optiontype4 > .optionselect > .optionitem > .optionitemName {float: left;margin-left: 12vw;}
.optiontype4 > .optionselect > .optionitem > .optionitemPrice {float: right;margin-right: 5vw;}
.optiontype4 > .optionselect > .active {color:#000;font-weight: bold; background: url(../images/multicheck_on.jpg) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.option > .optiontype5 {width: 100%;height: auto;position: relative;padding-top:8vw;}
.optiontype5 > .optiontitle {width: 98%;height: auto;padding-left: 1%;padding-right: 1%;position: relative;text-align: center; font-size: 5vw;margin-top:4vw;font-weight: bold;line-height: 8vw;}
.optiontype5 > .optionsubtitle {width: 98%;height: auto;padding-left: 1%; padding-right: 1%;color:#ff8886;text-align: center;line-height: 8vw;font-size: 3vw;}
.optiontype5 > .optionselect {width: 100%;height: auto; padding-bottom: 3vw;}
.optiontype5 > .optionselect > .optionitem {width:100%; height: 14vw; font-size: 4vw; line-height: 14vw; position: relative; color:#000;font-weight: bold; background: url(../images/multicheck_off.jpg) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.optiontype5 > .optionselect > .optionitem > .optionitemName {float: left;margin-left: 12vw;}
.optiontype5 > .optionselect > .optionitem > .optionitemPrice {float: right;margin-right: 5vw;}
.optiontype5 > .optionselect > .active {color:#000;font-weight: bold; background: url(../images/multicheck_on.jpg) 100% 100% no-repeat;background-size: 7vw auto;background-position: left center;background-position-x: 3vw;}
.ordercount {width: 100%;height: 26vw;position: relative;margin-top:20px;background: #fff}
.ordercount > span {width: 100px;height: 100%;margin-left: 20px;float: left;font-size: 5vw;line-height: 26vw;font-weight: bold;}
.ordercount > .optioncount {height: 100%;text-align: center;margin: auto;position: absolute; top:8vw;right:4vw;display: table;}
.ordercount >.optioncountgroup > .count {width:20vw;height: 10vw;line-height: 10vw; font-size: 5vw; color :#000; font-weight: bold;text-align:center; border: solid 1px #d1d1d1;}
.companyinfo {width: 100%; height: 40vw;position: relative;color:#c2c0c0;margin-top:20px;}
.companyinfo > .companyinfoline1 {width: 97%;height: auto;font-size: 3.5vw;line-height: 11vw;margin-left:3%;}
.companyinfo > .companyinfoline2 {width: 94%;height: auto;font-size: 2.7vw; line-height: 4vw; margin-left: 3%; margin-right: 3%;}
.order {width: 100%; height: 50px; position: fixed;bottom: 50px;z-index: 1000;background: #66ccce;color:#fff;max-width: 768px;left: 50%;transform: translateX(-50%);}
.order > .reserve {width: 100%; height: 100%;display: flex;align-items: center;justify-content: center;background-color: #9870c6;font-size: 16px;line-height: 16px;text-align: center;font-weight: bold;position: absolute;}
.order > .orderprice {position: absolute; right:3vw; height: 100%;line-height: 20vw; font-size: 4.5vw; font-weight: bold;}
.basicinfo {width: 100%;height: 66vw;background: #fff;margin-top:1px;}
.infotitle {width: 100%;height: 8vw; line-height:8vw;font-size: 6.5vw;font-weight: bold;padding-top:4vw;padding-left:3vw;}
.infomark {width: 100%;height: auto;position: relative;padding-top:5vw;}
.infomark > div {width: 33.3vw;float: left;text-align: center;position: relative;background: #fff;line-height: 5vw;font-weight: bold;padding-bottom: 5vw;padding-top: 2vw;}
.markbg {border-radius:50%;width:12vw;height:12vw;border: solid 1px #66ccce;margin: auto;}
.markbg1 {border-radius:50%;width:12vw;height:12vw;border: solid 1px #ff8886;margin: auto;}
.markbg2 {border-radius:50%;width:12vw;height:12vw;border: solid 1px #f5ae00;margin: auto;}
.mark {position: absolute;margin: auto;font-size: 4vw;line-height: 3vw;font-weight: bold;top:4vw;width: 100%;left:0}
.mark1 {position: absolute;margin: auto;font-size: 4vw;line-height: 3vw;font-weight: bold;top:7vw;width: 100%;left:0}
.fasticon {background: url(../images/faster_info.png) 100% 100% no-repeat;background-size: 8vw auto; background-position-x: center;width: 100%;height: 14vw;position: absolute;background-position-y:3vw; }
.redline {width: 98%; height: 1px; background: #ff6c6a; margin-left: 1%; }
.productinfo {position: relative;width: 100%;height: auto;background: #fff;padding-top:2px;padding-bottom: 6vw;}
.art_info {width: 100%;height: 30vw;float: left;position: relative;}
.art_pic {display:inline-block;position: relative;width: 17vw;height: 17vw;overflow: hidden;border-radius: 50%;margin-left: 7vw;margin-top:7vw; margin-right:2vw;border: solid 1px #cccccc;float: left;}
.art_pic > .circleimg {border-radius: 50%;width: auto;height: 100%;margin-left: -3vw;}
.art_con {width: calc(100% - 29vw);position: relative;float: left;height: 100%;}
.art_con_bg {width: 100%; height: 100%;background: url(../images/commentbg.png);background-size: 100% 100%; top:3vw; position: absolute; resize: both;}
.art_con > span {width: 90%;padding: 5vw;position: absolute;top:60%;transform: translateY(-50%);font-size: 3.2vw;line-height: 4vw;color:#484848;}
.art_desc {width: 100%;height: auto;margin-left: 7vw;position: relative;margin-top:35vw;}
.art_desc > .art_desc_title {width: 100%;height: auto; position: relative; font-size: 4vw; font-weight: 500; color :#484848; line-height: 10vw;margin-bottom: 3vw;}
.art_desc > .art_desc_cont {width: 100%;height: auto; position: relative; font-size: 3.5vw; color:#484848; line-height: 5vw;}
.bottominfo {width: 100%;height: 40vw;position: relative;}
.bottominfo > .bottomlogo {width: 100%;background: url(../images/charector_icon.png) 100% 100% no-repeat;background-size: 17vw auto;background-position: center top;padding-bottom: 18%; padding-top:10%;}
.bottominfo > .bottomdesc {width: 90%;height: auto; padding: 5%;color:#c2c0c0;font-size: 3vw; text-align: left; padding-bottom: 5vw;}
.reviewheader {width: 100%;height: 30vw;position: relative;margin-top: 1px; background: #fff;}
.reviewheader > .reviewstararea {width: 45%;height: 100%;position: relative;float:left;}
.startarea {position: absolute;width: 100%;top:7vw;left:2vw;}
.reviewstararea > .reviewcount {width: 100%; position: absolute; top: 16vw;font-size: 7vw;line-height: 10vw;left:2vw; font-weight: bold;}
.grayline {width: 98%; height: 1px; background: #c2c0c0; margin-left: 1%; }
.reviewcont {width: 100%;height: auto;min-height: 84vw; position: relative;background: #fff;}
.reviewphoto {width: 100%;height: 100%;color:#c2c0c0; font-size: 4.5vw;line-height: 8vw;padding-top: 17vw;left:65vw;position: absolute; padding-left:11vw; background: url(../images/roundcheck_off.png) 100% 100% no-repeat;background-size: 10vw auto;background-position: left 16vw;background-position-x: 0vw;}
.reserveDate {width: 100%; height: 9vw; top : 7vw; background: #ff8886; color:white;font-size: 3.5vw;font-weight: bold; text-align: center; line-height: 9vw;position: relative;}
.orderoption {position: relative; top:7vw; margin-top: 2vw; width: 94%; background: #fff; margin-left: 3%; height: auto;}
.ordertitle {width: 100%;height: 14vw;text-align: center; font-size: 4.8vw; font-weight: bold; line-height: 14vw; color:#858585;}
.orderoption > .orderline {width: 90%; margin-left: 5%; height: 1px; background: #c2c0c0;}
.orderoption > .orderoptiondetail {width: 90%; height: auto; margin-left: 5%; margin-top: 4vw; color:#727272; font-weight: bold;}
.orderoption > .orderoptiondetail > .orderoptionitem {width: 100%;height: 10vw;}
.orderoption > .orderoptiondetail > .orderoptionitem > .optiontitle {float:left; font-size: 3.2vw;line-height: 10vw;}
.orderoption > .orderoptiondetail > .orderoptionitem > .optionprice {float:right; font-size: 3.6vw; line-height: 10vw;}
.requestpic {width: 100%;height: auto; background: #fff;}
.requestpic > .comment {position: relative;width: 100%;height: auto;padding-top: 2vw;}
.requestpic > .comment > textarea {width: 90%; margin-left:5%; height:20vw; border:none; font-size:4vw; font-weight: bold; color:#58585b;}
.requestpic > .reservepicarea {width: 100%; height: 26vw; margin-top:3vw; position: relative;}
.requestpic > .reservepicarea > .picitem {width: 20vw; height:20vw; margin-left:3vw; position: relative; float:left;}
.requestpic > .reservepicarea > .picitem > img {width: 100%;height: 100%;resize: both;}
.requestpic > .reservepicarea > .picitem > .picdel {position: absolute; top:0px; right:0px;width: 5vw; height: 5vw;}
.requestpic > .reservepicarea > .picitem > .picdel > .picdelbg {background: #000; width: 100%; height: 100%; opacity: .5;}
.requestpic > .reservepicarea > .picitem > .picdel > .btndel {position: absolute; width: 100%;height: 100%;color: white; top:0vw;right:0vw;text-align: center; line-height: 6vw; font-size: 4vw;}
.requestpic > .reservepicarea > .addpic {position: relative; width: 20vw; height: 20vw; float: left; margin-left:3vw; background: #f1f1f1; text-align: center; font-size: 15vw; color:white; line-height: 24vw;}
.order_info {width: 96%;height: 85vw; font-size:3.2vw; color:#727272; font-weight: bold;}
.order_info_comment {    width: 75%;
    margin-left: 10%;
    background: #e1dfdf;
    color: #848484;
    font-size: 3vw;
    padding: 3vw;
    font-weight: 500;
    padding-left: 5vw;
    padding-right: 5vw;}
    
::-webkit-scrollbar {
    display: none;
}

.logincontent {
    box-sizing: border-box !important;
    padding: 15px;
    display: inline-block;
    width: 100% !important;
    position: relative;
    padding-top: 30px !important;
}

.inputarea {
	height: auto;
    width: 100%;
    position: relative;
    margin-bottom: 11px;
}

.inputtitle {
	font-size: 12px;
    color: #c2c0c0;
    margin-bottom: 4px;
}

.inputarea > input {
	width: 100%;
    border: none;
    border-bottom: 1px solid #c2c0c0;
    height: 40px;
    font-size: 14px;
    transition: 0.3s;
}
.inputarea > input:focus{border-color: #000;outline: none;}
.lostpasswd {
	font-size: 12px;
    text-align: right;
}

.btn_register {
	background: rgba(153, 153, 153, 0.2);
    display: flex;align-items: center;justify-content: center;height: 40px;
    color: black;
    font-size: 15px;
    border-radius: 3.5px;
    width: 100%;
    text-align: center;
    position: relative;
    transition: 0.3s;
}
.btn_register:hover{background-color: rgba(153, 153, 153, 0.5);}
.registercont {
    width: 100%;height: calc(100vh - 174px);position: inherit !important;
}
.registercont>div{padding-left: 15px;padding-right: 15px;box-sizing: border-box !important;}

#searchbox {
	width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #e2e2e2;
	display:none;
}

.addritem {
	height: 30px;
    border-bottom: 1px solid #f2f2f2;
    vertical-align: middle;
    position: relative;
	display: block;
    padding: 4px;
}

.addressitem {
    margin-left: 20px;
    font-size: 15px;
    line-height: 30px;
    color: #222222;
}

.shotline {
	max-height:50px;
	overflow:hidden;
}

.bookmark_none_desc{}
.bookmark_none{height: calc(100vh - 174px);display: flex;align-items: center;justify-content: center;flex-direction: column;}
input:focus,select:focus,textarea:focus{outline: none;}

.special-wrap{white-space: nowrap;overflow-x: auto;}
.special-item{width: 150px;height: 150px;position: relative;border-radius: 5px;overflow: hidden;margin-right: 10px;display: inline-block;font-size: 0;border: 1px solid rgba(153, 153, 153, 0.3);box-shadow: 2px 2px 5px rgba(153, 153, 153, 0.2);}
.special-item:last-of-type{margin-right: 0;}
.special-item>span{position: absolute;bottom: 0;left: 0;width: 100%;height: 34px;background-color: rgba(0, 0, 0, 0.7);font-size: 13px;line-height: 34px;padding-left: 5px;color: #fff;overflow: hidden;text-overflow: ellipsis;display: block;}
.special-item>img{display: block;width: 100%;height: 100%;}

.title{font-size: 18px;margin-bottom: 20px;display: flex;align-items: center;justify-content: space-between;color: #000;}
.title>a{font-size: 12px;color: #000;;}

.rocation{padding: 0 15px;margin-bottom: 40px;}
.rocation>span{font-size: 12px;color: #999;margin-bottom: 10px;display: block;}
.roca-wrap{overflow-x: auto;white-space: nowrap;width: 100%;}
.roca-wrap>a{display: inline-block;font-size: 14px;text-decoration: none;color: #fff;background-color: rgba(0, 0, 0, 0.8);padding: 2.5px 5px;border-radius: 2.5px;margin-right: 5px;}
.roca-wrap>a:last-of-type{margin-right: 0;}


.btn-wrap-op1{display: flex;align-items: center;}
.btn-wrap-op2{display: flex;align-items: center;justify-content: right;}
.btn-wrap-op3{display: flex;align-items: center;justify-content: center;}
.btn-wrap-op4{display: flex;align-items: center;justify-content: space-between;}

.special-item2{display: flex;align-items: flex-start;text-decoration: none;}
.si-img{width: 100px;height: 100px;}
.si-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.si-txt{width: calc(100% - 100px);text-decoration: none;padding-left: 10px;}
.si-txt>p{margin: 0;color: #000;font-weight: bold;}
.event_item{padding: 0;margin: 0;display: flex;}
.event_img{width: 100px;overflow: hidden;height: 100px;border-radius: 5px;}
.event_img>img{display: block;width: 100%;height: 100%;object-fit: cover !important;}



.navi{max-width: 768px;width: 100%;margin: 0 auto;}
.footer{max-width: 768px;width: 100%;margin: 0 auto;}
.control{max-width: 768px;width: 100%;margin: 0 auto;}
.icon_list{max-width: 768px;width: 100%;margin: 0 auto;overflow-x: auto;}

.bookmark_noimg{width: 80px;height: 80px;border-radius: 100%;border: 3px solid #e6e6e6;display: flex;align-items: center;justify-content: center;font-size: 42px;margin-bottom: 30px;}
.bookmark_noimg>i{color: #e6e6e6;}
.bookmark_none_desc{margin-bottom: 10px;}
.bookmark_none_desc>span{display: block;margin-bottom: 5px;color: #999;}
.bookmark_none_desc>br{display: none;}
.bookmark_btn{width: 150px;height: 40px;border-radius: 100px;background-color: #9870c6;color: #fff;font-size: 14px;display: flex;align-items: center;justify-content: center;margin-top: 15px;}
.bookmark_btn>i{font-size: 10px;margin-left: 5px;}


.gm-style-iw.gm-style-iw-c{padding: 0 !important;}
.gm-style-iw.gm-style-iw-c button{background-color: rgba(0, 0, 0, 0.3);;}
.gm-style-iw.gm-style-iw-c button>span{color: #fff !important;}
.content_item{margin: 0 !important;}
.item_desc_line{padding: 0 !important;height: auto !important;width: 100% !important;float: none !important;}
.item_title{margin: 0 !important;margin-bottom: 5px !important;}

.item_desc{height: auto !important;padding: 15px 5px !important;}
.btn_request{position: inherit !important;right: inherit !important;top: inherit !important;border-radius: 5px !important;background-color: #9870c6;color: #fff;font-size: 14px !important;margin: 0 auto !important;}
.item_buttomn{box-sizing: border-box !important;margin: 0 !important;position: inherit !important;right: inherit !important;bottom: inherit !important;}
.item_img{position: relative;width: 100%;;}
.item_img::after{display: block;content: '';width: 100%;padding-top: 60%;}
.item_img>img{position: absolute;left: 50%;top: 50% !important;transform: translate(-50%, -50%);width: 100% !important;height: 100% !important;object-fit: cover;}

.jjim-btn{height: 40px !important;width: 130px !important;font-size: 14px !important;background-color: #9870c6 !important;}
.jjim-btn>i{margin-left: 5px !important;margin-top: 2px !important;}


.reserve-wrap{height: calc(100vh - 174px);padding: 15px;box-sizing: border-box !important;background-color: #f7f7f7;padding-bottom: 80px;}
.reserve-form{background-color: #fff;border-radius: 5px;padding: 15px;box-shadow: 1px 1px 5px rgba(153, 153, 153, 0.1);}

.item-list-wrap{position: fixed;display: none;align-items: center;justify-content: space-between;;top: 190px;width: 100%;z-index: 2;padding: 0 15px;pointer-events: none;}
.item-list-wrap>button{width: 20px !important;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 16px;border-radius: 5px;padding: 0;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.3);color: #fff;z-index: 1;pointer-events: inherit !important;}
.item_info>span>strong{}
.line-txt{height: 50px;width: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);color: #fff;}
.line-txt>h2{font-size: 18px;font-weight: bold;color: #fff;width: 100%;height: 100%;display: block;line-height: 40px;box-sizing: border-box;padding-left: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 0 !important;}

@media (max-width: 768px){
    .item-list-wrap{display: none !important;}
    .line-txt{height: 40px;}
    .line-txt>h2{font-size: 16px;}
    .item_info>strong{display: block;}
    .icon_item{font-size: 12px;}
    .icon_item1{font-size: 12px;}
}


.change-user-cre>button{display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;font-size: 14px;font-weight: bold;color: #666;border-radius: 10px;background-color: #e6e6e6;position: relative;margin-top: 20px;}
.change-user-cre>button::after{display: flex;content: '\f021 팬 / 크리에이터 전환';align-items: center;justify-content: center;color: #fff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right, #ff006c, #ca00a9, #9400e7);transition: 0.3s;font-size: 14px;font-weight: bold;opacity: 0;pointer-events: none;border-radius: 10px;}
.change-user-cre>button:hover::after{opacity: 1;}