@media screen and (min-width: 768px) and (max-width: 991px)
 {
	body {
	  background-color: #f1f1f1;
	  padding: 0;
	  margin: 0;
	  font-family: 'NanumBarunGothic', sans-serif;
	  padding-left: constant(safe-area-inset-left);
	  padding-right: constant(safe-area-inset-right);
	  padding-top: constant(safe-area-inset-top);
	  /* iOS 11.0 */
	  padding-top: env(safe-area-inset-top);
	  padding-bottom: constant(safe-area-inset-bottom);
	  /* iOS 11.0 */
	  padding-bottom: env(safe-area-inset-bottom);
	}
	
	.body1 {
	  background: url(../img/backlogo.png) no-repeat center;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  padding-left: constant(safe-area-inset-left);
	  padding-right: constant(safe-area-inset-right);
	}
	
	.header {
	  width: 100%;
	  height: 0;
	  /*opacity: .37;*/
	  /*background-color: #fff;*/
	  z-index: 9999;
	  position: absolute;
	  left: 0;
	  top: 40px;
	  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: 4%;
	  height: 0;
	  float: right;
	  right: 2%;
	  top: 1.5%;
	  z-index: 10000;
	  position: absolute;
	  padding-bottom: 4%
	}
	
	.wrap {
	  width: 100%;
	  height: auto;
	  overflow-x: scroll;
	  white-space: nowrap;
	  vertical-align: middle
	}
	
	.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%
	}
	
	.tit {
	  margin-left: 2vw;
	  width: auto;
	  height: 5vw;
	  font-size: 4vw;
	  font-weight: 700;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  text-align: left;
	  color: #545454;
	  float: left;
      font-family:'NanumBarunGothicBold'
	}
	/*7/5추가*/
    .tit2{
	    float: none;
        margin-left: 15px;
        /*padding-bottom: 2.5vw;*/
        height: auto;
        color: rgba(84, 84, 84, 0.9);
        font-size: 22px;
        font-weight: bold;
        /*text-align: center;*/
        /*border-bottom: 2px #c2c0c0 solid;*/
        font-family:'NanumBarunGothic'
	  }
	
	.tit_normal {
	  margin-left: 1vw;
	  width: auto;
	  height: 0;
	  font-size: 4vw;
	  font-weight: 400;
	  font-style: normal;
	  font-stretch: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  text-align: left;
	  color: #545454;
	  float: left
	}
    .returncash{
        font-size: 22px;
        text-align: end;
        padding-right: 2rem;
        text-decoration: underline;
        color: #c2c0c0;
        font-family:'NanumGotichBold';
        font-weight: bold; /* 제플린 폰트, 굵기 수정 완료 */
    }
	.more {
	  color: #00a0b6;
	  font-size: 24px;
	  float: right;
	  margin-right: 4vw;
      font-family:'NanumBarunGothic';
	}
	
	.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: 31.3%;
	  height: 0;
	  border: solid 1px #c2c0c0;
	  background-color: #fff;
	  margin: 1%;
	  padding-left: 2%;
	  padding-right: 2%;
	  position: relative;
	  padding-bottom: 55%;
	}
	
	.Contentlist1 {
	  width: 100%;
	  height: auto;
	  display: flex;
	  white-space: nowrap;
	  overflow: auto;
	  padding-top: 2%;
	}
	
	.artistitem {
	  width: 31.3%;
	  height: 0;
	  border: solid 1px #c2c0c0;
	  background-color: #fff;
	  /*position: relative;
	  flex: 0 0 auto;
	  margin-left: 1vw;
	  margin-right: .5vw;
	  padding-bottom: 58%;*/
      margin: 1%;
      padding-left: 2%;
      padding-right: 2%;
      position: relative;
      padding-bottom: 40%;
	}
	
	.imgarea {
	  width: 100%;
	  height: 0;
	  /*margin-top: 2px;*/
	  position: relative;
	  padding-bottom: 100%;
	}
	
	.imgarea1 {
	  width: 100%;
	  height: 145px;
	  /*margin-top: 2px;*/
	  position: relative;
	  padding-bottom: 78%;
	  overflow: hidden;
	}
	
	.artistitem .imgarea {
	  height: 180px;
	  margin-top: 0;
	}
	
	.new {
	  position: relative;
	  background: url(../img/new.png) 100% 100% no-repeat;
	  background-size: 42px auto;
	  float: left;
	  width: 42px;
	  height: 46px;
	  z-index: 1000;
	}
	
	.event {
	  position: relative;
	  background: url(../img/event.png) 100% 100% no-repeat;
	  background-size: 31px auto;
	  float: left;
	  width: 31px;
	  height: 32px;
	  z-index: 1000;
	}
	
	.fav {
	  position: relative;
	  margin-right: 8px;
	  margin-top: 4px;
	  background: url(../img/active_bookmark.png) 100% 100% no-repeat;
	  background-size: 42px auto;
	  float: right;
	  width: 42px;
	  height: 46px;
	  z-index: 1000;
	}
	
	.unfav {
	  position: relative;
	  margin-right: 8px;
	  margin-top: 4px;
	  background: url(../img/no_bookmark.png) 100% 100% no-repeat;
	  background-size: 42px auto;
	  float: right;
	  width: 42px;
	  height: 46px;
	  z-index: 1000;
	}
	
	.contentcategory {
	  margin-left: 10px;
	  margin-top: 10px;
	  font-size: 12px;
	  line-height: 30px;
	  font-weight: bold;
      font-family: 'NotoSansKR'
	}
	
	.contenttitle {
	  margin-left: 10px;
	  margin-top: 10px;
	  font-size: 19px;
	  line-height: 22px;
	  overflow: hidden;
	  height: 45px;
      font-family: 'NotoSansKR';
      font-weight: 500;
	}
	
	.middle_cont {
	  margin-top: 10px;
	  width: 100%;
	  height: 0;
	  padding-bottom: 5%;
      border-top: 2px #c2c0c0 solid
	}
	
	.star_rate {
	  margin-left: 10px;
      margin-top: 10px;
	  width: 45%;
	  float: left;
      border-top:0px;
	}
	
	.star {
	  width: 20%;
	  height: auto;
	  margin-left: 0
	}
	
	.count {
	  width: 45%;
      margin-left: 10px;
      margin-top: 10px;
	  font-size: 20px;
	  color: #7e7e7e;
	  float: left;
	  line-height: 3vw;
      font-family: 'NotoSansKR';
	  font-weight: 500;
      border-top:0px;
	}
	
	.price {
	  margin-left: 10px;
	  font-size: 25px;
	  line-height: 4vw;
	  color: #7e7e7e;
	  margin-top: 4px;
      font-family:'NotoSansKR';
	}
	
	.day {
	  margin-left: 10px;
	  font-size: 25px;
	  line-height: 3vw;
	  color: #00a0b6;
      margin-top: 4px;
      font-family: 'NotoSansKR-Medium';
	}
	/*7/5 추가*/

    .style_option {
	    position: absolute;
	    top: calc(100% - 25px);
	    right: 1px;
	    width: auto;
	    height: 28px;
	}
	
	.style_fast {
	    float: left;
	    width: 55px;
	    height: 22px;
	}
	
	.style_fast > img {
		width: 60px;		
	    height: 17px;
	    margin-left: calc(50% - 24px);
	}
	
	.style_fast > span {
		font-size: 13px !important;
	    letter-spacing: 0.05em;
	    width: 100%;
	    text-align: center;
	    float: left;
	    margin-top: 2px;
	    font-family:'NotoSansKR-Medium';
	    font-weight: 500;
	}
	
	.style_edit1 {
		float:left;
		width: 76px;
	    height: 25px;
		margin-left: 4px;
	}
	.style_edit1 > img {
    width: 60px;
    height: 17px;
    margin-left: calc(50% - 20px);
	}
	.style_edit {
	     width: 44px;
	    margin-left: 14px;
	    height: 44px;
	    /* margin-top: 5px; */
	 
	    text-align: center;
	    opacity: 0.78;
	    border: solid 3px #ff8886;
	    background-color: #ffffff;
	    border-radius: 50%;
	    font-size: 28px;
	    /* font-weight: bold; */
	    /* line-height: 22px; */
	    color: black;
	}
	
	.style_cnt {
		line-height: 36px;
	    font-weight: bold;
		left: 27px;
    top: -9px;
	}
	
	.style_edit1 > span {
		font-size: 13px;
	    letter-spacing: 0.05em;
	    width: 100%;
	    text-align: center;
	    float: left;
	    margin-top: 2px;
	    font-weight:500;
	    font-family:'NotoSansKR';
	}
	.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;
      font-family: 'NanumBarunGothicBold';
	}
	
	.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;
      margin-top: 20px;
	}
	
	.reviewcnt {
      margin-top: 5px;
	  color: #000;
	  letter-spacing: -2.96px;
	  font-size: 3vw;
      font-family: 'NanumBarunGothic';
	}
	
	.reviewtitle {
	  line-height: 6vw;
	  margin-right: 1vw;
	  color: #666;
	  letter-spacing: 0;
      font-family: 'NanumBarunGothic';
	}
	
	.startrate {
	  font-size: 3vw;
      font-family: 'NanumBarunGothic';
	}
	
	.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%
	}

    .eventList > div > span {
        font-size : 20px !important;
    }
	
	.eventitem {
	  margin: 1% 2vw 2%
	}
	
	.companyinfo {
	  width: 100%;
	  height: auto;
	  margin-top: 5vw;
	  padding-bottom: 16vw
	}
	
	.like {
	  text-align: center;
	  color: #c2c0c0;
	  font-size: 19px;
	  margin: 30px;
      font-family:'NanumBarunGothic';
	}
	
	.like a {
	  text-decoration: none;
	  margin-right: 1vw;
	  margin-left: 1vw;
	  color: #c2c0c0;
      font-size: 19px !important;
	}
	
	.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: 16px;
	  line-height: 25px;
      font-family:'NanumBarunGothic'
	}
	
	.address1 {
	  margin: 4vw 4vw 0 4vw;
	  color: #c2c0c0;
	  font-size: 16px;
	  line-height: 4vw;
      font-family:'NanumBarunGothic'
	}
	
	.footer {
	  position: fixed;
	  height: 90px;
	  background-color: #fff;
	  z-index: 10000;
	  bottom: 0;
	  width: 100%;
	  color: #c2c0c0;
	  font-weight: 700
	}
	
	.footer a {
	  text-decoration: none;
	  color: #c2c0c0
	}
	
	.tab_home {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_home_off.png) 100% 100% no-repeat;
        background-size: 6vw auto;
        float: left;
        background-position: center 1vw
      }
      
      .tab_home_active {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_home_on.png) 100% 100% no-repeat;
        background-size: 6vw auto;
        float: left;
        background-position: center 1vw;
        color: #ff8886
      }
      
      .tab_desgin {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_desgin_off.png) 100% 100% no-repeat;
        background-size: 8vw auto;
        float: left;
        background-position: center 1vw
      }
      
      .tab_desgin_active {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_desgin_on.png) 100% 100% no-repeat;
        background-size: 8vw auto;
        float: left;
        background-position: center 1vw;
        color: #ff8886
      }
      
      .tab_product {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_gift_off.png) 100% 100% no-repeat;
        background-size: 6vw auto;
        float: left;
        background-position: center 1vw
      }
      
      .tab_product_active {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_gift_on.png) 100% 100% no-repeat;
        background-size: 6vw auto;
        float: left;
        background-position: center 1vw;
        color: #ff8886
      }
      
      .tab_bookmark {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_bookmark_off.png) 100% 100% no-repeat;
        background-size: 6vw auto;
        float: left;
        background-position: center 1vw
      }
      
      .tab_bookmark_active {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_bookmark_on.png) 100% 100% no-repeat;
        background-size: 6vw auto;
        float: left;
        background-position: center 1vw;
        color: #ff8886
      }
      
      .tab_my {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_my_off.png) 100% 100% no-repeat;
        background-size: 5vw auto;
        float: left;
        background-position: center 1vw
      }
      
      .tab_my_active {
        position: relative;
        width: 20%;
        height: 100%;
        background: url(../img/tab_my_on.png) 100% 100% no-repeat;
        background-size: 5vw auto;
        float: left;
        background-position: center 1vw;
        color: #ff8886
      }
	
	.tab_title {
	  top: 8vw;
	  position: absolute;
	  text-align: center;
	  width: 100%;
	  font-size: 3vw
	}
	/*7/5 추가*/
    .category_header {
      justify-content: center;
      font-size: 30px;
      font-weight: bold;
    }

    .center {
    width: 100%;
    align-content: center;
    }

    .box {
    margin: auto;
    width: 90%;
    height: 30%;
    position: relative;
    padding: 3% 6%;
    border-radius: 10px;
    }

    .omav {
    background-color: #00a0b6;
    }

    .crimson{
    background-color: #ff8886;
    }

    .white {
    background-color: white;
    }

    .box>.img1 {
    height: -webkit-fill-available;
    }

    .box>.img2 {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 3%;
    margin-right: 6%;
    height: 25%;
    }

    .box>.box-content {
    position: absolute;
    position: absolute;
    top: 27%;
    left: 43%;
    padding-right: 3%;
    padding-left: 3%;
    }

    .box>.box-content>.category_header {
    color: #545454;
    }

    .box>.box-content>.category_header.active {
    font-family: 'NanumBarunGothic';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--greyish-brown);
    }

    .box>.box-content>.text {
    color: #545454;
    }

    .box>.box-content>.text.market {
      opacity: 0.9;
      font-family: 'NotoSansKR';
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: rgba(255, 255, 255, 0.9);
      font-size: 22px;
    }

    .box>.box-content>.text.auction {
    opacity: 0.9;
    font-family: 'NotoSansKR';
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(194, 192, 192, 0.9);
    }

    .line-center {
    margin: 0;
    padding: 0 25px;
    background: #f1f1f1;
    display: inline-block;
    }

    h2 {
      text-align: center;
      position: relative;
      z-index: 2;
    }

    h2:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: solid 1px #545454;
    z-index: -1;
    margin: 0 6%;
    }

    .flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    }

    .flex.header{
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
    }

    .flex.menu-tab{
        font-size: 25px;
    }

    .menu-tab {
    height: 80px !important;
    background-color: white;
    }

    .menu-icon {
    height: 30px;
    width: auto;
    margin-right: 10px;
    }

    .active {
    /*background-color: #00a0b6;*/
    color: white;
    }

	.subhead {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 80px; /* 44 > 45 px */
        z-index: 100000;
        position: fixed;
        border-bottom: solid 1px #c2c0c0;
        background-color: #fff;
        flex-shrink: 0;
	}
	.subhead2{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 768px;
        height: 80px;
        z-index: 1000;
        position: fixed;
        border-bottom: solid 1px #c2c0c0;
        background-color: #fff;
        flex-shrink: 0;
    }
    .subhead3{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 768px;
        height: 80px;
        z-index: 1000;
        position: fixed;
        border-bottom: solid 1px #c2c0c0;
        background-color: #fff;
        flex-shrink: 0;
    }
	.backbtn {
        width: 10%;
        height: 45%;
        background: url(../img/back.png) 100% 100% no-repeat;
        background-size: 2vw auto;
        background-position: left center;
        position: absolute;
        float: left;
        z-index: 99999;
        left: 0;
        margin-left: 4%;
      }
	
	/*.headtitle {
	  position: absolute;
	  height: 100%;
	  color: #545454;
	  text-align: center;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 70px;
	  float: left;
	  width: 57%;
	  overflow: hidden;
	  /*margin-left: 20%;
      font-family:'NanumBarunGothicBold';
	}*/

    .headtitle{
        display: inline-block;
        position: relative;
        color: #545454;
        text-align: center;
        font-size: 28px;
        font-weight: bold;
        line-height: 43px;
        width: max-content;
        /* overflow: hidden; */
        /* overflow-x: auto; */
        white-space: nowrap;
        /*margin-left: 11%;*/
        font-family: 'NanumBarunGothicBold';
    }


    .headtitle3 {
        display: inline-block;
        position: relative;
        color: #545454;
        text-align: center;
        font-size: 28px; 
        font-weight: bold; /*제플린 폰트 수정 완료 */
        line-height: 43px;
        width: max-content;
        /* overflow: hidden; */
        /* overflow-x: auto; */
        white-space: nowrap;
        font-family:'NanumBarunGothicBold';/* 제플린 보고 수정완료 */
      }
	
	.searchbar {
	  width: 100%;
	  height: 0;
	  position: fixed;
	  padding-bottom: 11%;
	  margin-top: 10%;
	  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%;
	}

    .searchicon2 {
        position: fixed;
        top: 0px;
        background: url(../img/search_off.png) 50% 50% no-repeat;
        background-size: 5vw auto;
        background-position: center center;
        height: 70px;
        width: 45px;
        float: right;
        z-index: 120000;
        right: 0;
      }
      .searchicon3 {
        position: fixed;
        background: url(../img/search_off.png) 50% 50% no-repeat;
        background-size: 5vw auto;
        background-position: center center;
        height: 12vw;
        width: 8vw;
        float: right;
        z-index: 120000;
        right: 8vw;
      }
	
	.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(../img/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: 11.9vw;
	  margin-left: 1vw;
	  float: left;
      font-family:'NanumBarunGothicBold';
	}
	
	/*.headtitle2 {
	  position: relative;
	  text-align: left;
	  font-size: 30px;
	  line-height: 11.9vw;
	  margin-left: 10vw;
	  float: left;
      font-family:'NanumBarunGothic';
	}*/
	
	/*.help {
	  position: relative;
	  background: url(../img/help.png) 100% 100% no-repeat;
	  background-size: 5vw auto;
	  background-position: center center;
	  left: 390px;
	  top: 2.2vw;
	  height: 50px;
	  width: 5vw;
	  float: left;
	}*/
    .help {
        position: relative;
        background: url(../img/help.png) 50% 50% no-repeat;
        background-size: 5vw auto;
        /* background-position: center center; */
        height: 100%;
        width: 8%;
        float: right;
        z-index: 9999;
    }
	
	.searchicon1 {
	  position: relative;
	  background: url(../img/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;
	}
	.searchicon3 {
        position: relative;
        top: -8px;
        background: url(../img/search_off.png) 50% 50% no-repeat;
        background-size: 5vw auto;
        background-position: center center;
        height: 12vw;
        width: 8vw;
        float: right;
        z-index: 120000;
        right: 8vw;
    }

	.sort {
        position: fixed;
        top: -8px;
        background: url(../img/filter_off.png) 50% 50% no-repeat;
        background-size: 5vw auto;
        background-position: center center;
        height: 12vw;
        width: 8vw;
        float: right;
        right: 0;
        z-index: 120000;
	}
	
	.categorybar {
        width: 100%;
        height: 0;
        position: fixed;
        top: 80px !important;
        padding-bottom: 10%;
        /* 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: 22px;
	  line-height: 80px;
	  color: #b3b3b3;
	  font-weight: bold;
      font-family: 'NotoSansKR-Bold'; 
	}
	
	.categorybar>.active {
        padding-bottom: 9.5vw;
        color: #ff6562;
        border-bottom: 1.2rem solid #ff6562;
        font-family: 'NotoSansKR-Bold';
        font-weight: bold;
	}
	
	
	.topbanner {
        position: relative;
        width: 100%;
        height: 19vw;
        top: 9%;
        display: flex
	}
	
	.stylecontentList {
	  width: 100%;
	  height: calc(100vh - 53vw);
	  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: 15vw;
	}

	.stylecontentList>.item {
	  width: 31.3%;
	  height: 0;
	  border: solid 1px #c2c0c0;
	  background-color: #fff;
	  margin: 1%;
	  padding-left: 2%;
	  padding-right: 2%;
	  position: relative;
	  padding-bottom: 55%
	}
	
	.stylecontentList>.item>.imgarea {
	  width: 100%;
	  height: 0;
	  /*margin-top: 2px;*/
	  position: relative;
	  padding-bottom: 100%
	}
	
	.stylecontentList>.item>.new {
	  position: relative;
	  background: url(../img/new.png) 100% 100% no-repeat;
	  background-size: 42px auto;
	  float: left;
	  width: 42px;
	  height: 46px;
	  z-index: 1000
	}
	
	.stylecontentList>.item>.event {
	  position: relative;
	  background: url(../img/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(../img/active_bookmark.png) 100% 100% no-repeat;
	  background-size: 42px auto;
	  float: right;
	  width: 42px;
	  height: 46px;
	  z-index: 1000
	}
	
	.stylecontentList>.item>.unfav {
	  position: relative;
	  margin-right: 8px;
	  margin-top: 4px;
	  background: url(../img/no_bookmark.png) 100% 100% no-repeat;
	  background-size: 42px auto;
	  float: right;
	  width: 42px;
	  height: 46px;
	  z-index: 1000
	}
	
	.stylecontentList>.item>.contenttitle {
	  margin-left: 10px;
	  margin-top: 10px;
	  font-size: 21px;
	  line-height: 22px;
	  overflow: hidden;
	  height: 45px;
	  font-family: 'NotoSansKR-Medium';
	}
	
	.stylecontentList>.item>.middle_cont {
	  margin-top: 10px;
	  width: 100%;
	  height: 0;
	  padding-bottom: 5%;
	  border-top: 2px #c2c0c0 solid;
	}
	
	.stylecontentList>.item>.middle_cont>.star_rate {
	  margin-left: 10px;
	  width: 45%;
	  float: left;
      border-top:0px;
	}
	
	.stylecontentList>.item>.middle_cont>.star {
	  width: 18%;
	  height: auto;
	  margin-left: 0
	}
	
	.stylecontentList>.item>.middle_cont>.count {
	  width: 45%;
	  font-size: 20px;
	  color: #7e7e7e;
	  float: left;
	  font-family: 'NotoSansKR';
	  line-height: 3vw;
	  margin-left: 110px;
	  margin-top: -20px;
      border-top:0px;
	}
	
	.stylecontentList>.item>.price {
	  margin-left: 10px;
	  font-size: 25px;
	  line-height: 35px;
	  font-family: 'NotoSansKR';
	  color: #7e7e7e;
	  margin-top: 4px;
	}
	
	.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: 12%
	}
	
	
	.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% - 8.9vw);
	  float: right;
	  position: relative;
	  top: 2.9vw;
	  overflow: auto;
	}
	
	.menutable {
	  text-align: right;
	  width: 100%;
	  border-bottom: solid 1px #999999;
	}
	
	.menutable>tbody>tr {
	  height: 12vw;
	  font-size: 3vw;
	}
	
	.menutable>tbody>tr>td {
	  margin-right: 5vw;
	  float: right;
	  margin-top: 4vw;
      font-family:'NotoSansKR'
	}
	
	.menutable>tbody>.headertr {
	  color: #00a0b6;
	  font-weight: bold;
	  background: url(../img/filter_sel.png) 100% 100% no-repeat;
	  background-size: 4vw auto;
	  background-position: left center;
	  background-position-x: 3vw;
	}
	
	.menutable>tbody>.menutr {
	  color: #999999;
	  font-weight: 500;
	}
	
	.subhead>.active {
	  background: url(../img/filter_on.png) 100% 100% no-repeat;
	  background-size: 5vw auto;
	  background-position: center center;
	}

	
	.headtitle2 {
	  position: relative;
	  text-align: center;
	  font-size: 28px;
	  font-weight: bold;
	  line-height: 70px;
      font-family: 'NanumBarunGothic';
	}
	
	.bookmarkmenu {
	  width: 100%;
	  height: 9.9vw;
	  position: fixed;
	  margin-top: 80px;
	  z-index: 9999;
	  background-color: #fff;
	}
    .designmenu {
        width: 100%;
        height: 9.9vw;
        margin-top: 3%;
        z-index: 9999;
        /* border: solid 1px #c2c0c0; */
        background-color: #fff;
    }
      .designmenu >.active {
        background: #00a0b6;
        color: #fff;
    }
      
      .designmenu >a>.active {
        background: #00a0b6;
        color: #fff;
    }

	.bookmarkstyle {
	  width: 50%;
	  height: 9.9vw;
	  float: left;
	  text-align: center;
	  position: relative;
	  line-height: 9.9vw;
	  font-size: 25px;
	}
	
	.bookmarkgift {
	  width: 50%;
	  height: 9.9vw;
	  float: left;
	  text-align: center;
	  position: relative;
	  line-height: 9.9vw;
	  font-size: 25px;
	}
	
	.bookmarkmenu>.active {
	  background: #00a0b6;
	  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: 170px;
	  border-bottom: solid 1px #f1f1f1;
	}
	
	.rowcontent1 {
      display: flex;
	  width: 100%;
	  height: 95px;
	  background: #fff;
	  border-bottom: solid 1px #f1f1f1;
	  background: #fff;
	}
	
	.rowcontent2 {
      display: flex;
      flex-direction: column;
	  width: 100%;
	  height: auto;
	  background: #fff;
	}
	
	.mynotice {
	  width: 100%;
	  height: 70px;
	  background-color: #fff;
	  border-bottom: solid 1px #f1f1f1;
	  background: url(../img/noti_icon.png) 100% 100% no-repeat;
	  background-size: 23px auto;
	  background-position-y: center;
	  background-position-x: 35px;
	  padding-left: 70px;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 70px;
      font-family:'NanumGothicBold'; /*제플린 폰트 수정 완료 */
	}
	.myreview {
        width: 100%;
        height: 70px;
        background-color: #fff;
        border-bottom: solid 1px #f1f1f1;
        background: url(../img/reviewicon.png) 100% 100% no-repeat;
        background-size: 23px auto;
        background-position-y: center;
        background-position-x: 35px;
        padding-left: 70px;
        font-size: 20px;
        font-weight: bold;
        line-height: 70px;
        font-family:'NanumGothicBold'; /*제플린 폰트 수정 완료 */
      }

	.myevent {
	  width: 100%;
	  height: 70px;
	  background-color: #fff;
	  border-bottom: solid 1px #f1f1f1;
	  background: url(../img/event_icon.png) 100% 100% no-repeat;
	  background-size: 23px auto;
	  background-position-y: center;
	  background-position-x: 35px;
	  padding-left: 70px;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 70px;
      font-family:'NanumGothicBold'; /*제플린 폰트 수정 완료 */
	}
	
	.mycontact {
	  width: 100%;
	  height: 70px;
	  background-color: #fff;
	  border-bottom: solid 1px #f1f1f1;
	  background: url(../img/contact.png) 100% 100% no-repeat;
	  background-size: 23px auto;
	  background-position-y: center;
	  background-position-x: 35px;
	  padding-left: 70px;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 70px;
      font-family:'NanumGothicBold'; /*제플린 폰트 수정 완료 */
	}
	
	.mysuggest {
	  width: 100%;
	  height: 70px;
	  background-color: #fff;
	  border-bottom: solid 1px #f1f1f1;
	  background: url(../img/contact.png) 100% 100% no-repeat;
	  background-size: 23px auto;
	  background-position-y: center;
	  background-position-x: 35px;
	  padding-left: 70px;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 70px;
      font-family:'NanumGothicBold'; /*제플린 폰트 수정 완료 */
	}
	
	.mysetting {
	  width: 100%;
	  height: 70px;
	  background-color: #fff;
	  border-bottom: solid 1px #f1f1f1;
	  background: url(../img/setting.png) 100% 100% no-repeat;
	  background-size: 23px auto;
	  background-position-y: center;
	  background-position-x: 35px;
	  padding-left: 70px;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 70px;
      font-family:'NanumGothicBold'; /*제플린 폰트 수정 완료 */
	}
	
	.myinfo {
	  width: 100%;
	  height: 100%;
	  float: left;
	  position: relative;
	  border-right: solid 1px #f1f1f1;
	}
	
	.mypoint {
	  width: 36%;
	  height: 100%;
	  float: left;
	  position: relative;
	}
	
	.couponinfo {
	  width: 33%;
	  height: auto;
	  position: relative;
	  float: left;
	  border-right: solid 1px #f1f1f1;
	  background: url(../img/couponicon.png) 100% 100% no-repeat;
	  background-size: 33px auto;
	  background-position-x: center;
	  background-position-y: 15px;
	  text-align: center;
	  padding-top: 55px;
	  font-size: 20px;
	  font-weight: bold;
      font-family:'NanumBarunGothicBold'; /* 제플린 폰트 수정 완료 */
	}
	
	.reservationinfo {
	  width: 34%;
	  height: auto;
	  position: relative;
	  float: left;
	  border-right: solid 1px #f1f1f1;
	  background: url(../img/booking_icon.png) 100% 100% no-repeat;
	  background-size: 33px auto;
	  background-position-x: center;
	  background-position-y: 15px;
	  text-align: center;
	  padding-top: 55px;
	  font-size: 20px;
	  font-weight: bold;
      font-family:'NanumBarunGothicBold'; /* 제플린 폰트 수정 완료 */
	}
	
	.pointinfo {
	  width: 34%;
	  height: auto;
	  position: relative;
	  float: left;
	  border-right: solid 1px #f1f1f1;
	  background: url(../img/point.png) 100% 100% no-repeat;
	  background-size: 33px auto;
	  background-position-x: center;
	  background-position-y: 15px;
	  text-align: center;
	  padding-top: 55px;
	  font-size: 20px;
	  font-weight: bold;
      font-family:'NanumBarunGothicBold'; /* 제플린 폰트 수정 완료 */
	}
	
	.userpoint,
	.usercash,
	.couponcnt {
	  font-size: 20px;
	  font-weight: bold;
	  margin-right: 2px;
	  top: 20px;
	  font-weight: bold;
	  color: #00a0b6;
	}
	
	.cashinfo {
	  width: 33%;
	  height: auto;
	  position: relative;
	  float: left;
	  border-right: solid 1px #f1f1f1;
	  background: url(../img/cashicon.png) 100% 100% no-repeat;
	  background-size: 33px auto;
	  background-position-x: center;
	  background-position-y: 15px;
	  text-align: center;
	  padding-top: 55px;
	  font-size: 20px;
	  font-weight: bold;
      font-family:'NanumBarunGothicBold'; /* 제플린 폰트 수정 완료 */
	}
	
	.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(../img/orderdetail.png) 100% 100% no-repeat;
	  background-size: 33px auto;
	  background-position-x: center;
	  background-position-y: 15px;
	  text-align: center;
	  padding-top: 55px;
	  font-size: 20px;
	  font-weight: bold;
      font-family:'NanumBarunGothicBold'; /* 제플린 폰트 수정 완료 */
	}
	.cartinfo {
        width: 33%;
        height: auto;
        position: relative;
        float: left;
        border-right: solid 1px #f1f1f1;
        background: url(../img/carticon.png) 100% 100% no-repeat;
        background-size: 40px auto;
        background-position-x: center;
        background-position-y: 15px;
        text-align: center;
        padding-top: 55px;
        font-size: 20px;
        font-weight: bold;
        font-family:'NanumBarunGothicBold'; /* 제플린 폰트 수정 완료 */
      }

	.reviewinfo {
	  width: 33%;
	  height: auto;
	  position: relative;
	  float: left;
	  border-right: solid 1px #f1f1f1;
	  background: url(../img/review.png) 100% 100% no-repeat;
	  background-size: 33px auto;
	  background-position-x: center;
	  background-position-y: 15px;
	  text-align: center;
	  padding-top: 55px;
	  font-size: 20px;
	  font-weight: bold;
	}
	
	.picarea {
	  width: 100%;
	  height: 120px;
	  float: left;
	  margin-bottom: 10px;
	}
	
	.userarea {
	  width: 100%;
	  height: 40px;
	  position: relative;
	  text-align: center;
	}
	
	.userpic {
	  position: relative;
	  width: 100px;
	  height: 100px;
	  overflow: hidden;
	  border-radius: 50%;
	  margin: auto;
	  margin-top: 15px;
	}
	
	.circleimg {
	  border-radius: 50%;
	  width: 100%;
	  height: 100%;
	  margin-left: -5vw;
	}
	
	.userpic>.circleimg {
	  border-radius: 50%;
	  width: 100%;
	  height: 100%;
	  margin-left: 0vw;
	}
	
	.username {
	  height: 30px;
	  width: 100%;
	  padding-top: 20px;
	  font-size: 20px;
	  font-weight: bold;
	}
	
	.editprofile {
	  float: right;
	  font-size: 20px;
	  margin-right: 10px;
	  font-family: 'NanumBarunGothic';
	  font-weight: bold;
	  line-height: 22px;
	}
	
	.pointtitle {
	  font-family: 'NanumBarunGothic';
	  font-weight: 500;
	  font-size: 3.5vw;
	  background: url(../img/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(../img/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;
	}
	
	.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 {
	  display: inline-block;
	  padding: 0.8vw 3.1vw;
	  font-size: 3.1vw;
	  color: #fff;
	  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: 18vw;
	  top: 25px;
	}
	
	.categoryList {
	  position: relative;
	  top: 11.9vw;
	  width: 100%;
	  height: auto;
	  display: inline-block;
	  background: #fff;
	  padding-bottom: 80px;
	  min-height: calc(100% - 160px);
	  display: flex;
	  justify-content: flex-start;
	  align-items: flex-start;
	  align-content: flex-start;
	  flex-wrap: wrap;
	  overflow: auto;
	}
	
	.categoryitem {
	  display: block;
	  float: left;
	  width: 25%;
	  border-right: solid 1px #f1f1f1;
	  background: #fff;
	  border-bottom: solid 1px #f1f1f1;
	  background: #fff;
	  height: 33vw;
	  text-align: center;
	  padding-top: 22vw;
	  font-size: 18px;
	  font-weight: 500;
	  padding-bottom: 2vw;
	  position: relative;
	  padding-left: 10px;
	  padding-right: 10px;
      font-family:'NotoSansKR-Regular';
	}
	
	.categoryitem>img {
	  width: 16vw;
	  height: 16vw;
	  position: absolute;
	  top: 3vw;
	  left: 35px;
	}
	
	/*.headunfav {
	  position: relative;
	  margin-right: 8px;
	  background: url(../img/bookmark_add_off.png) 100% 100% no-repeat;
	  background-size: 26px auto;
	  float: right;
	  width: 31px;
	  height: 32px;
	  z-index: 1000;
	  margin-top: 2px;
	}
	
	.headfav {
	  position: relative;
	  margin-right: 8px;
	  background: url(../img/bookmark_add_on.png) 100% 100% no-repeat;
	  background-size: 26px auto;
	  float: right;
	  width: 31px;
	  height: 32px;
	  z-index: 1000;
	  margin-top: 2px;
	}
	
	.share {
	  position: relative;
	  margin-right: 8px;
	  background: url(../img/share_off.png) 100% 100% no-repeat;
	  background-size: 26px auto;
	  float: right;
	  width: 31px;
	  height: 32px;
	  z-index: 1000;
	  margin-top: 2px;
	}*/

	.headunfav {
		position: absolute;
		background: url(../img/bookmark_add_off.png) 50% 50% no-repeat;
		background-size: 85% auto;
		float: right;
		width: 7%;
		height: 100%;
		z-index: 1000;
		right: 11%;
		top: 0;
	  }
	  
	  .headfav {
		position: absolute;
		background: url(../img/bookmark_add_on.png) 50% 50% no-repeat;
		background-size: 85% auto;
		float: right;
		width: 7%;
		height: 100%;
		z-index: 1000;
		right: 11%;
		top: 0;
	  }
	  
	  .share {
		position: absolute;
		background: url(../img/share_off.png) 50% 50% no-repeat;
		background-size: 85% auto;
		float: right;
		width: 7%;
		height: 100%;
		z-index: 1000;
		right: 2%;
		top: 0;
	  }
	
	.Detailcontent {
	  width: 100%;
	  height: 100%;
	  overflow-y: auto;
	  overflow-x: hidden;
	  position: relative;
	  top: 11.9vw;
	  margin-bottom: 40px;
      margin-top: 0px !important;
	}
	
	.Detailcontent>.topImage {
	  width: 100%;
	  position: relative;
	  padding-top: 67%;
	  overflow: hidden;
	}
	
	.detailtitle {
	  width: 100%;
	  bottom: 0px;
	  height: 8vw;
	  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: 60px;
	  font-size: 20px;
      font-family: 'NanumBarunGothicBold';
	}
	
	.pagetitle {
	  position: absolute;
	  right: 20px;
	  font-size: 20px;
	  line-height: 60px;
	  bottom: 0;
	  z-index: 99999;
	  color: #fff;
	}
	
	.pagetitle>.currentpage {
	  color: #ff8886;
	  margin-right: 6px;
	}
	
	.pagetitle>.totalpage {
	  margin-left: 6px;
	}
	
	.detailmenu {
	  width: 100%;
	  height: 12vw;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	.detailmenufixed {
		position: fixed;
		top: 80px;
		z-index: 100000;
	}

	.detailmenu>.menu {
	  width: 33.33%;
	  height: 100%;
	  float: left;
	  border-right: solid 1px #d7d7d7;
	  border-bottom: solid 1px #d7d7d7;
	  color: #d7d7d7;
	  text-align: center;
	  line-height: 96px;
	  font-size: 27px;
	  background: #fff;
      font-family:'NanumBarunGothicBold';
	  font-weight:bold;
	}
	
	.detailmenu>.active {
	  color: #fff;
	  background: #fd9896;
      font-family:'NanumBarunGothicBold';
	  font-weight:bold;
	}
	
	.menuContent>.coupon {
	  width: 100%;
	  height: 20vw;
	  position: relative;
	}
	
	.menuContent>.detailinfo {
	  width: 100%;
	  height: auto;
	  position: relative;
	  background: #fff;
	}
	
	.infoline1 {
	  width: 100%;
	  height: 6vw;
	  position: relative;
	  margin-left: 5vw;
	  color: #000;
	  opacity: 0.8;
	  font-size: 20px;
	  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;
      font-weight: bold;
	  font-family: 'NanumBarunGothicBold';
	}
	
	.infoline {
	  width: auto;
	  height: auto;
	  position: relative;
	  margin-left: 5vw;
	  margin-right: 5vw;
	  color: #545454;
	  font-size: 18px;
	  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: 80%;
	  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: 30px;
	  margin-top: 4vw;
	  font-weight: bold;
	  line-height: 8vw;
      font-family:'NotoSansKR';
	}
	
	.optiontype1>.optionsubtitle {
	  width: 98%;
	  height: auto;
	  padding-left: 1%;
	  padding-right: 1%;
	  color: #ff8886;
	  text-align: center;
	  line-height: 8vw;
	  font-size: 20px;
      font-family:'NotoSansKR';
	}
	
	.optiontype1>.optionselect {
	  width: 100%;
	  height: auto;
	  padding-bottom: 3vw;
	}
	
	.optiontype1>.optionselect>.optionitem {
	  width: 100%;
	  height: 14vw;
	  font-size: 25px;
	  line-height: 14vw;
	  position: relative;
	  color: #000;
	  font-weight: bold;
	  background: url(../img/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;
      font-family:'NotoSansKR';
	  font-weight:bold;
	}
	
	.optiontype1>.optionselect>.optionitem>.optionitemPrice {
	  float: right;
	  margin-right: 5vw;
      font-family: 'NotoSansKR';
	  font-weight:bold;
	}
	
	.optiontype1>.optionselect>.active {
	  color: #000;
	  font-weight: bold;
	  background: url(../img/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: auto;
	  position: relative;
	  padding-top: 8vw;
	}
	
	.option>.optiontype2>.optionImg {
	  width: 50%;
	  height: auto;
	  margin: auto;
	  position: relative;
	}
	
	.optiontype2>.optiontitle {
	  width: 98%;
	  height: auto;
	  padding-left: 1%;
	  padding-right: 1%;
	  position: relative;
	  text-align: center;
	  font-size: 30px;
	  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: 4vw;
	  margin-top: 6px;
	  font-size: 20px;
	}
	
	.optiontype2>.optioncount {
	  text-align: center;
	  margin: auto;
	  display: table;
	  margin-bottom: 20px;
	}
	
	.optiontype2>.optioncount>.optioncountgroup {
	  display: table-cell;
	  text-align: center;
	  vertical-align: middle;
	  width: 154px
	}
	
	.optioncountgroup>.count_btn {
	  width: 36px;
	  height: 36px;
	  text-align: center;
	  vertical-align: middle;
	  line-height: 38px;
	  font-size: 20px;
	  color: #d1d1d1;
	  float: left;
	  border: solid 1px #d1d1d1;
	  margin-top: 20px;
	}
	
	.optioncountgroup>.count {
	  width: 72px;
	  height: 36px;
	  line-height: 36px;
	  font-size: 20px;
	  color: #000;
	  font-weight: bold;
	  text-align: center;
	  border: solid 1px #d1d1d1;
	  margin-top: 20px;
      margin-left: 0 !important;
	}
	
	.option>.optiontype3 {
	  width: 100%;
	  height: auto;
	  position: relative;
	  padding-top: 8vw;
	}
	
	.option>.optiontype3>.optionImg {
	  width: 50%;
	  height: auto;
	  margin: auto;
	  position: relative;
	}
	
	.optiontype3>.optiontitle {
	  width: 98%;
	  height: auto;
	  padding-left: 1%;
	  padding-right: 1%;
	  position: relative;
	  text-align: center;
	  font-size: 30px;
	  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: 20px;
	}
	
	.optiontype3>.optionselect {
	  width: 100%;
	  height: auto;
	  padding-bottom: 3vw;
	}
	
	.optiontype3>.optionselect>.optionitem {
	  width: 100%;
	  height: 14vw;
	  font-size: 25px;
	  line-height: 14vw;
	  position: relative;
	  color: #000;
	  font-weight: bold;
	  background: url(../img/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(../img/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;
	}
	
	.option>.optiontype4>.optionImg {
	  width: 50%;
	  height: auto;
	  margin: auto;
	  position: relative;
	}
	
	.optiontype4>.optiontitle {
	  width: 98%;
	  height: auto;
	  padding-left: 1%;
	  padding-right: 1%;
	  position: relative;
	  text-align: center;
	  font-size: 30px;
	  margin-top: 4vw;
	  font-weight: bold;
	  line-height: 8vw;
      font-family:'NotoSansKR'
	}
	
	.optiontype4>.optionsubtitle {
	  width: 98%;
	  height: auto;
	  padding-left: 1%;
	  padding-right: 1%;
	  color: #ff8886;
      font-size: 20px;
      text-align: center;
      font-family:'NotoSansKR'
	}
	
	.optiontype4 > .optionselect {width: 100%;height: auto; padding-bottom: 3vw;}
	.optiontype4 > .optionselect > .optionitem {width:100%; height: 14vw; font-size: 25px; line-height: 14vw; position: relative; color:#000;font-weight: bold; background: url(../img/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;font-family:'NotoSansKR'; font-weight:bold;}
	.optiontype4 > .optionselect > .optionitem > .optionitemPrice {float: right;margin-right: 5vw;font-family:'NotoSansKR'; font-weight:bold;}
	.optiontype4 > .optionselect > .active {color:#000;font-weight: bold; background: url(../img/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: 30px;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: 20px;}
	.optiontype5 > .optionselect {width: 100%;height: auto; padding-bottom: 3vw;}
	.optiontype5 > .optionselect > .optionitem {width:100%; height: 14vw; font-size: 25px; line-height: 14vw; position: relative; color:#000;font-weight: bold; background: url(../img/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(../img/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: 30px;line-height: 26vw;font-weight: bold; font-family:'NotoSansKR';}
	.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%; position: relative;color:#c2c0c0;margin-top:20px;}
	.companyinfo > .companyinfoline1 { margin-bottom: 3.6vw; width: 94%;height: auto;font-size: 25px;margin-left: 3%; margin-right: 3%;}
	.companyinfo > .companyinfoline2 {width: 94%;height: auto;font-size: 20px; line-height: 23px; margin-left: 3%; margin-right: 3%;}
	.order {width: 100%; height: 15vw; position: fixed;bottom: 0;z-index: 1000;background: #00a0b6;color:#fff;}
	.order > .reserve {width: 100%; height: 100%;font-size: 30px;line-height: 15vw;text-align: center;font-weight: bold;position: absolute;}
	.order > .orderprice {position: absolute; right:3vw; height: 100%;line-height: 15vw; font-size: 30px; font-weight: bold;font-family:'NotoSansKR';}
	.basicinfo {width: 100%;height: auto;background: #fff;margin-top:1px;position:relative; display:flow-root;}
	.infotitle {width: 100%;height: 75px !important; line-height:20px;font-size: 30px !important;font-weight: bold;padding-top:4vw;padding-left:3vw; font-family:'NotoSansKR-Bold';}
	.infomark {width: 100%;height: auto;position: relative;/*padding-top:5vw;*/ font-size: 20px;}
	.infomark > div {width: 33.3vw;float: left;text-align: center;position: relative;background: #fff;line-height: 5vw; padding-bottom: 5vw;padding-top: 2vw;height:21vw; display:flow-root;
        position:relative; font-family:'NotoSansKR-Bold'; font-weight: bold;} /* 폰트 굵기 수정 완료 */
	.markbg {border-radius:50%;width:12vw;height:12vw;border: solid 5px #00a0b6;margin: auto;}
	.markbg1 {border-radius:50%;width:12vw;height:12vw;border: solid 5px #ff8886;margin: auto;}
	.markbg2 {border-radius:50%;width:12vw;height:12vw;border: solid 5px #f5ae00;margin: auto;}
	.mark {position: absolute;margin: auto;font-size: 4vw;line-height: 5vw;font-weight: bold;top:3.6vw;width: 100%;left:0}
	.mark1 {position: absolute;margin: auto;font-size: 20px;line-height: 20px;font-weight: bold;top:8vw;width: 100%;left:0;text-align:center;display:flex;justify-content:center;flex-direction:column;height:0px;}
	.fasticon {background: url(../img/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;}
	.productinfo > .product_desc > .product_desc_cont > h5> p > img{width: 700px !important;}
    .productname{font-size: 22px !important;}
    .art_info {width: 100%;height: 25vw;float: left;position: relative;z-index:1;}
	.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%;margin:auto;}
	.art_con {width: calc(100% - 29vw);position: relative;float: left;height: 100%;}
	.art_con_bg {width: 100%; height: 100%;background: url(../img/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_con > .art_con_text {font-size: 20px;}
    .art_desc {width: 100%;height: auto;position: relative;background:white;}
	.art_desc > .art_desc_title {width: 100%;height: auto; position: relative; font-size: 20px; font-weight: bold; color :#484848; line-height: 10vw;margin-bottom: 3vw;margin-left:3vw;font-family:'NotoSansKR-Bold'}
	.art_desc > .art_desc_cont {width: 80%;height: auto; position: relative; font-size: 20px; color:#484848; line-height: 5vw;margin-left:3vw;}
	.bottominfo {width: 100%;height: 40vw;position: relative;}
	.bottominfo > .bottomlogo {width: 100%;background: url(../img/charector_icon.png) 100% 100% no-repeat;background-size: 17vw auto;background-position: center top;padding-bottom: 18%; padding-top:10%;}
	.bottominfo > .bottomdesc {width: 100%;height: auto; padding: 5%;color:#c2c0c0;font-size: 20px; 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: 30px;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: 25px;line-height: 8vw;padding-top: 17vw;left:65vw;position: absolute; padding-left:17vw; background: url(../img/roundcheck_off.png) 100% 100% no-repeat;background-size: 7vw auto;background-position: left 17.5vw;background-position-x: 9vw;}
	.reserveDate {width: 92%; margin-left: 4%; margin-bottom: 5%; border-radius: 8px; height: 12vw; top : 2vw; background: #ff8886; color:white;font-size:30px !important;font-weight: bold; text-align: center; line-height: 13vw;position: relative; font-family:'NotoSansKR-Bold'} /* 제플린 폰트 수정 완료 */
	.reserveDate img{ width:14%; height: auto; padding: 1%;}
    .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;}
	
	.photo-container{
	    display: flex;
	}
	.btn_add_mainimg{
	    width: 65px;
	    height: 50px; 
	    margin: auto;
	}
	#btn_mainimg {
	    display: flex; 
	    background: #00a0b6;
	    flex-grow: 1;
	    min-height: 25vw;
	    min-width: 25vw;
	    margin-right: 1.5%;
	    /* padding: 6% 3% 6% 3%; */
	
	}
	
	#mainimg{
	    display: flex; 
	    flex-grow: 1;
	    min-height: 20vw;
	    min-width: 20vw;
	    /* padding: 6% 0 6% 0; */
	}
	
	
	/* reset */
	html, body {position:relative; -webkit-font-smoothing:antialiased;height:100%;touch-action:auto;}
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0;box-sizing:border-box;}
	body {padding:0;font-size:3.8vw;color:#545454;box-sizing:border-box;min-width:320px;overflow-x:hidden}
	h1, h2, h3, h4, h5, h6 {font-weight:normal}
	ol, ul, li {list-style:none}
	table {width:100%; border-collapse:separate; border-spacing:0}
	form, fieldset, iframe {display:block; border:0}
	img, button {border:0 none; vertical-align:middle}
	hr {height:0; display:none}
	i, em, address {font-style:normal}
	label, button {cursor:pointer}
	caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0;}
	.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}
	header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;box-sizing:border-box;}
	input, textarea, select {margin:0; padding:0;vertical-align:middle;border-radius:0;box-shadow:none;box-sizing:border-box;-webkit-border-radius: 0;-webkit-appearance: none;outline: none;}
	select{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
	select::-ms-expand {display:none}
	textarea {resize:none; overflow-y:auto}
	button {overflow:visible; margin:0; padding:0; border:0 none; background:none; vertical-align:top; cursor:pointer;}
	button::-moz-focus-inner {border:0; padding:0;}
	.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	a {color:#545454; text-decoration:none; word-break:break-all;}
	a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; font-size: 30px /*!important*/;}
	input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
	
	.clearfix::after { content: ""; display: block; clear: both; height: 0; visibility: hidden}
	.txt_red { color: #ff8886!important;font-family: 'NotoSansKR-Bold'}
	
	
	/* btn */
	.btn_type { padding: 0 2.2vw; height: 7.9vw; color: #fff; font-size: 3.8vw; line-height: 7.9vw; text-align: center; background-color: #00a0b6; border-radius: 0.7vw}
	.btn_red { background-color: #ff8886 !important}
	.btn_blue { background-color: #00a0b6 !important}
	.form_area .btn_type { position: absolute; top: 0; right: 0}
	.bnt_bottom { position: fixed; z-index: 2; left: 0; right: 0; bottom: 0}
	.bnt_bottom .btn_type { display: block; height: 19.4vw; color: #fff; font-size: 4.9vw; line-height: 19.4vw; font-weight: bold; text-align: center; background-color: #00a0b6; border-radius: 0}
	.bnt_bottom .btn_type2 { display: block; height: 19.4vw; color: #fff; font-size: 4.9vw; line-height: 19.4vw; font-weight: bold; text-align: center; background-color: #00a0b6; border-radius: 0; margin-top: 4%; font-family: 'NotoSansKR';}
	
	/* form */
	.form_area { position: relative; margin-bottom: 4.6vw}
	.form_type { width: 100%; height: 8.5vw; color: #545454; font-size: 2.8vw; line-height: 9.5vw; border-bottom: 1px #c2c0c0 solid; border-width: 0 0 1px 0}
	select.form_type { background: url(../img/ico_sel.png) right center no-repeat; background-size: 6.2vw 2.2vw}
	select.form_type.open { background: url(../img/ico_sel_open.png) right center no-repeat; background-size: 6.2vw 2.2vw;}
	.form_type_btn { padding-right: 29vw}
	.form_inner { display: table; margin-bottom: 4.6vw; width: 100%}
	.form_inner .form_area { display: table-cell; margin-bottom: 0}
	.form_inner label { display: table-cell; width: 18.6vw; height: 9.5vw; font-size: 2.8vw; line-height: 9.5vw !important; font-weight: bold; vertical-align: top}
	.form_area textarea { border-width: 1px}
	.has_error .txt_error { margin-top: 1.8vw; color: #ff8886; font-size: 3.1vw; text-align: center}
	.textarea { font-family: 'NanumBarunGothic', sans-serif}
	
	input:focus,
	select:focus,콤보
	textarea:focus { border-color: #00a0b6!important; caret-color: #00a0b6!important}
	
	input::-ms-input-placeholder { color: #c2c0c0}
	input::-webkit-input-placeholder { color: #c2c0c0} 
	input::-moz-placeholder { color: #c2c0c0}
	
	
	/* navi */
	.subhead .btn_txt { position: absolute; padding: 3.3vw 3.5vw; color: #00a0b6; font-size: 3.8vw; right: 0}
	
	
	/* footer */
	.companyinfo .footer_btn { margin: 7.7vw 0 4.4vw; width: 97%}
	.companyinfo .footer_btn ul { display: table; width: 100%}
	.companyinfo .footer_btn li { display: table-cell; padding: 0 2.7vw; border-right: 1px #c2c0c0 solid}
	.companyinfo .footer_btn li:last-of-type { border-right-width: 0}
	.companyinfo .footer_btn li a { display: block; color: #c2c0c0; font-size: 2.8vw; text-align: center}
	
	.companyinfo .sel_btn { position: relative; float: right; padding-right: 1.9vw; margin-right: 3%; font-size: 2.8vw}
	.companyinfo .sel_btn::after { content: ""; position: absolute; top: 0; right: -1.9vw; width: 1.5vw; height: 1.5vw; border: 2px #c2c0c0 solid; border-width: 0 2px 2px 0; transform: rotate(45deg)}
	
	.companyinfo .version_area { margin-top: 13.9vw; text-align: center}
	.companyinfo .version_area .version_no { display: inline-block; margin: auto; padding: 0.8vw 3.1vw; font-size: 3.1vw; color: #fff; text-align: center; background: #c2c0c0; border-radius: 3.5vw}
	.companyinfo .version_area p { margin-top: 2.3vw; font-size: 3.1vw; font-weight: bold;}
	
	
	/* pop */
	.pop_full { height: 100%; background-color: #fff; display: table; width: 100%}
	.btn_close { display: inline-block; padding: 5.8vw 0 0 4.9vw}
	.btn_close button { width: 4.6vw; height: 4.2vw; background: url("../img/close_off.png") center no-repeat; background-size: 4.6vw 4.2vw}
	.pop { position: Fixed; z-index: 10004; top: 0; left: 0; right: 0; bottom: 0}
	.pop::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.4)}
	.pop .pop_inner { position: relative; z-index: 10005; padding: 4.4vw 3.7vw 4.2vw; margin: 0 5.7vw; top: 30%; background-color: #fff; border-radius: 4vw; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.35)}
	.pop .pop_inner .btn_close { position: absolute; padding: 0; top: 2.2vw; right: 2.4vw}
	.pop .pop_inner .btn_close button { width: 8.6vw; height: 8.6vw; background: url(../img/popup_close_on.png) center no-repeat; background-size: 8.6vw}
	.pop .pop_inner .tit { float: none; margin: 0; width: 100%; font-size: 3.8vw; font-weight: bold; text-align: center}
	
	
	/* 페이지 내 탭바 */
	.tab_inner { position: relative; /*top: 1.9vw*/; background-color: #fff; border-bottom: 1px #f1f1f1 solid}
	.tab_inner .tab_area { display: table; width: 100%;}
	.tab_inner .tab_area li { display: table-cell; width: 352px; height: 70px; font-size: 25px; vertical-align: middle; text-align: center; border-right: 1px #f1f1f1 solid}
	.tab_inner .tab_area li:last-of-type { border-right-width: 0}
	.tab_inner .tab_area li.active { background-color: #00a0b6}
	.tab_inner .tab_area li.active a { color: #fff}
	.tab_inner .tab_area li a { display: block; color: #545454; font-size: 2.8vw; line-height: 6.9vw; text-align: center}
	
	
	/* 이용약관 */
	.policy_inner { padding: 0 4.4vw; margin-top: 11.6vw; background-color: #FFFFFF}
	.policy_inner h2 { padding: 6.6vw 0 4.8vw; font-size: 3.8vw; font-weight: bold}
	.policy_inner .policy_cont { padding: 3.2vw 0}
	.policy_inner .form_area { padding: 0 4.4vw; margin: 0 -4.4vw; border: 1px #f1f1f1 solid; border-width: 1px 0}
	.policy_inner .form_area select.form_type { height: 11.2vw; color: #545454; font-size: 3.8vw; line-height: 11.2vw; background-color: #fff; border-bottom-width: 0;}
	.policy_inner .policy_cont h3 { margin-bottom: 13.3vw; font-size: 3.8vw; font-weight: bold}
	.policy_inner .policy_cont .policy_tit { margin-bottom: 7.7vw; font-size: 3.8vw; font-weight: bold; line-height: normal}
	.policy_inner .policy_cont p { margin-bottom: 13.4vw; line-height: 5.8vw; word-break: keep-all}
	
	
	/* 로그인_약관동의 */
	.join_policy { padding-top: 21.3vw}
	.join_policy h1 { font-size: 7.9vw; font-weight: bold; line-height: 9.3vw; text-align: center;font-family: 'NanumBarunGothicBold';}
	.join_policy .agree_area { padding: 20vw 6.7vw 18vw}
	.join_policy .agree_area .agree_all { padding: 0 3.5vw 0 6.9vw; height: 15.6vw; line-height: 15.6vw; background-color: #f1f1f1; border-radius: 1.4vw}
	.join_policy .agree_area .agree_all span { font-size: 4.9vw; font-weight: bold;}
	.join_policy .agree_area .agree_all .btn_ck { float: right; margin-top: 3.4vw; width: 8.9vw; height: 8.9vw; background: url("../img/check_off.png") center no-repeat; background-size: 8.9vw}
	.join_policy .agree_area .agree_all .btn_ck.on { background: url("../img/check_on.png") center no-repeat; background-size: 8.9vw}
	.join_policy .agree_area ul { padding: 3.4vw 0 3.4vw 6.8vw}
	.join_policy .agree_area li { position: relative; padding: 3.4vw 0; color: #c2c0c0; font-weight: bold}
	.join_policy .agree_area li::after { content: ""; position: absolute; top: 4vw; right: 5.5vw; width: 4.2vw; height: 3.3vw; background: url("../img/chk_agree_off.png") center no-repeat; background-size: 4.2vw 3.3vw}
	.join_policy .agree_area li:last-of-type::after,
	.join_policy .agree_area .on li:last-of-type::after { display: none}
	.join_policy .agree_area .on li::after { content: ""; position: absolute; top: 3.7vw; right: 5.5vw; width: 4.2vw; height: 3.3vw; background: url("../img/chk_agree_on.png") center no-repeat; background-size: 4.2vw 3.3vw}
	.join_policy .agree_area ul .on::after { content: ""; position: absolute; top: 3.7vw; right: 5.5vw; width: 4.2vw; height: 3.3vw; background: url("../img/chk_agree_on.png") center no-repeat; background-size: 4.2vw 3.3vw}
	.join_policy .agree_area li a { color: #c2c0c0; font-weight: bold; border-bottom: 1px #c2c0c0 solid}
	.join_policy .agree_area li:nth-last-child(2) a { border-bottom-width: 0}
	.join_policy .agree_area li:last-of-type a { margin-left: 1vw}
	.join_policy .agree_area li p {  margin-top: 2.7vw; font-size: 3.1vw; font-weight: normal}
	
	
	/* 인증하기 */
	.join_certify { position: relative; top: 11.9vw; height: 100%; background-color: #fff; display: table; width: 100%}
	.join_certify form { padding-top: 13.7vw; margin: 0 8.3vw}
	.join_certify .btn_area { margin-top: 7.5vw; margin-bottom: 4vw}
	.join_certify .btn_area .btn_type { width: 100%; height: 15.6vw; font-size: 4.1vw; line-height: 15.6vw; font-weight: bold; text-align: center; border-radius: 1.4vw}
	
	
	/* 회원가입 */
	.join_inner { position: relative; padding-top: 125px; padding-bottom: 25vw; top: 0px;}
	.join_inner .join_top { padding: 4vw 11.7vw 3.7vw; margin: 0 6.2vw; background-color: #fff; border-radius: 1.4vw}
	.join_inner .join_top .profile_area { margin-bottom: 1.7vw}
	.join_inner .join_top .profile_area .profile { position: relative; margin: 0 auto; width: 21.3vw; height: 21.3vw; background: url("../img/img_noprofile.png") center no-repeat; background-size: 21.3vw}
	.join_inner .join_top .profile_area .profile img { width: 100%; height: 100%; border-radius: 21.3vw}
	.join_inner .join_top .profile_area .img_edit { position: absolute; left: 1vw; bottom: 0; width: 19.6vw; height: 6.5vw; background: url("../img/btn_profile.png") center no-repeat; background-size: 19.6vw 6.5vw}
	.join_inner .join_top .form_area { position: relative; margin-bottom: 0}
	.join_inner .join_top .form_type { color: #545454; font-family:'NanumBarunGothicBold';font-weight: bold; text-align: center}
	.join_inner .join_top input::-ms-input-placeholder { color: #545454}
	.join_inner .join_top input::-webkit-input-placeholder { color: #545454} 
	.join_inner .join_top input::-moz-placeholder { color: #545454}
	.join_inner .join_top .form_area .delete { position: absolute; padding: 4vw 5vw; top: 0; right: 0; background: url("../img/close_off.png") right 2.7vw no-repeat; background-size: 4.6vw 4.2vw}
	
	.join_inner .join_form { padding: 1.9vw 1.9vw 2.8vw; margin: 2.2vw 6.2vw 0; background-color: #fff; border-radius: 1.4vw}
	.join_inner .join_form label { width: 23.8vw;font-family:'NanumBarunGothicBold'}
	.join_inner .join_form .form_inner { margin-bottom: 2vw}
	.join_inner .join_form .form_inner:last-child label { line-height: 5vw}
	.join_inner .join_form .form_type { text-align: right;font-family: 'NanumBarunGothic';}
	.join_inner .join_form .has_error .txt_error { margin-left: -24vw; width: calc(100% + 24vw); font-size: 2.8vw}
	
	.pop .join_pop { padding-left: 0; padding-right: 0; margin: 0 10.5vw; top: 20%; border-radius: 0.9vw}
	.pop .join_pop .btn_close button { width: 4.6vw; height: 4.2vw; background: url(../img/close_off.png) center no-repeat; background-size: 4.6vw 4.2vw}
	.pop .join_pop .tit { margin: 12.3vw 0 10.6vw}
	.pop .join_pop .bnt_bottom { position: relative}
	.pop .join_pop .bnt_bottom  .btn_type { display: inline-block; float: left; padding: 0; width: 50%; height: 13.2vw; font-size: 3.8vw; line-height: 13.2vw; border-radius: 0; background-image: url(../img/btn_img.png); background-position: center; background-repeat: no-repeat; background-size: 7.5vw 6.1vw}
	.pop .join_pop .bnt_bottom  .btn_red { background: url(../img/btn_camera.png) center no-repeat; background-size: 8.1vw 6.1vw}
	
	.pop .join_logout .bnt_bottom  .btn_type { background-image: none; font-family:'NanumBarunGothicBold'; font-weight: bold;}
	
	
	/* 설정 */
	.set_inner { position: relative; margin-top: 11.9vw}
	.set_inner .set_tit { padding: 5.1vw 0 2.5vw 5.4vw; color: #000; font-size: 25px; font-weight: bold; background-color: #f1f1f1;font-family:'NanumBarunGothicBold'}
	.set_inner ul { background-color: #fff}
	.set_inner li { overflow: hidden; padding: 0 5.4vw 0 5.4vw; height: 90px; line-height: 90px; border-bottom: 1px #f1f1f1 solid}
	.set_inner li p { display: inline-block; color: #000; font-size: 23px;}
	.set_inner li .toggle_switch { position: relative; float: right}
	.set_inner li .toggle_switch::before { content: ""; position: absolute; top: 2.5vw; right: 0; width: 100px; height: 50px; background: url("../img/setting_on.png") center no-repeat; background-size: 100px 50px}
	.set_inner li .toggle_switch.off::before { content: ""; position: absolute; top: 2.5vw; right: 0; width: 100px; height: 50px; background: url("../img/setting_off.png") center no-repeat; background-size: 100px 50px}
	
    .set_inner li:last-child { overflow: hidden; padding: 0 5.4vw 0 5.4vw; height: 90px; line-height: 90px; border-bottom: 1px #f1f1f1 solid}
	
	/* 고객문의_1:1문의_리스트 */
	.qna_list_inner li .txt_area { position: relative}
	.qna_list_inner li.open .txt_area::after { content: ""; position: absolute; bottom: -2.4vw; left: 0; right: 0; width: 100%; height: 1px; background-color: #ff8886}
	.qna_list_inner.faq_list_inner li .txt_area .txt { margin-bottom: 0.8vw; color: #000; font-size: 20px; font-weight: 500; background: none}
	.qna_list_inner.faq_list_inner li.open .txt_area .txt { background: none}
	.qna_list_inner li .txt_area .date { color: #c2c0c0; font-size: 18px; font-weight: bold}
	.qna_list_inner li .txt_area .state { margin-left: 4.3vw; color: #ff8886; font-size: 20px; font-weight: bold}
	.qna_list_inner li .txt_area .option { float: right; padding-right: 6.8vw; color: #000; font-size: 20px; font-weight: 500; background: url("../img/btn_open.png") right center no-repeat; background-size: 3.3vw 2.1vw}
	.qna_list_inner li.open .txt_area .option  { background: url("../img/btn_close.png") right center no-repeat; background-size: 3.3vw 2.1vw}
	
	.qna_list_inner li .view .question { padding-left: 3.5vw; margin-top: 3vw; color: #333; font-size: 3.6vw!important}
	.qna_list_inner li .view .answer { padding-left: 4.3vw; margin-top: 11.6vw; font-size: 3.6vw; line-height: 5.5vw}
	.qna_list_inner li .view .answer span { color: #ff8886}
	.qna_list_inner .bg_img { margin: 4.1vw auto; width: 16.2vw; height: 19.9vw}
	.qna_list_inner .bg_img img { width: 100%; height: 100%}
	
	
	/* 고객문의_1:1문의_작성 */
	.subhead.customer .headtitle { padding-left: 11.2vw; text-align: left;}
	.tab_inner.customer { margin-bottom: 2vw}
	.customer_qna_wht { margin-top: 13.6vw; height: 100%; background-color: #fff; display: table; width: 100%}
	.customer_qna_wht form { padding: 2.8vw 8.2vw}
	.customer_qna_wht .bnt_bottom .btn_type { display: inline-block; float: left; padding: 0; width: 50%; border-radius: 0}
	.customer_qna_wht form select.form_type { color: #545454; background: url(../img/btn_open.png) right center no-repeat; background-size: 3.3vw 2.1vw}
	.customer_qna_wht form select.form_type.open { color: #545454; background: url(../img/btn_close.png) right center no-repeat; background-size: 3.3vw 2.1vw}
	.customer_qna_wht .form_inner:last-of-type { margin-top: 5.3vw; margin-bottom: 23vw}
	.customer_qna_wht .form_area textarea { height: 70.8vw}
	
	
	/* 고객문의_자주묻는질문_리스트 */
	.tab_inner.customer_faq .tab_area { border-bottom: 1px #f1f1f1 solid}
	.faq_list_inner { position: relative; /*top: 11.9vw*/ top: 0;}
	.faq_list_inner .faq_list_area { margin-top: 30px; background-color: #fff}
	.faq_list_inner .tit { float: none; margin-left: 0; height: 14.8vw; line-height: 14.8vw; font-size: 30px; font-weight: bold; text-align: center; border-bottom: 1px #f1f1f1 solid;
        font-family: 'NanumBarunGothicBold';}
	.faq_list_inner .tit2 { float: none; margin-left: 0; height: 14.8vw; line-height: 14.8vw; font-size: 30px; font-weight: bold; text-align: center; border-bottom: 1px #f1f1f1 solid; 
        font-family: 'NanumBarunGothicBold'; /* 제플린 폰트 수정 */}
    .faq_list_inner .cont li { padding: 3vw 4.5vw; border-bottom: 1px #f1f1f1 solid}
	.faq_list_inner .cont li.open { background-color: #f1f1f1}
	.faq_list_inner .cont li .txt { padding-right: 5vw; font-size: 2.8vw; line-height: 5.5vw; font-weight: bold; background: url("../img/btn_open.png") right center no-repeat; background-size: 3.3vw 2.1vw;font-family: 'NanumBarunGothicBold';}
	.faq_list_inner .cont li.open .txt { background: url("../img/btn_close.png") right center no-repeat; background-size: 3.3vw 2.1vw}
	.faq_list_inner .cont li .view { display: none; padding: 2.2vw 0}
	.faq_list_inner .cont li.open .view { display: block}
	.faq_list_inner .cont li .view p { margin-bottom: 1.8vw; font-size: 2.5vw; line-height: 4.3vw; font-weight: bold;font-family: 'NanumBarunGothicBold';}
	.faq_list_inner .cont li .view a { display: inline-block; margin-bottom: 1.8vw; color: #ff8886; font-size: 3.1vw}
	
	
	/* 이벤트 */
	.event_inner { position: relative; margin-top: 11.9vw; background-color: #fff}
	.event_inner .event_cont li { padding: 6.7vw 4.4vw; border-bottom: 1px #f1f1f1 solid}
	.event_inner .event_cont li p { margin-bottom: 2.9vw; color: #000; font-size: 4.1vw; line-height: 6.1vw}
	.event_inner .event_cont li span { display: block; margin-bottom: 4.4vw; color: #c2c0c0; font-size: 3.8vw}
	.event_inner .event_cont li img { width: 100%; height: auto}
	
	
	/* 쿠폰 */
	.coupon_inner { position: relative; top: 80px;}
	.coupon_inner .coupon_tit { text-align: center; height: 20.4vw; line-height: 20.4vw; background-color: #fff; border-bottom: 1px #f1f1f1 solid}
	.coupon_inner .coupon_tit p { display: inline-block; color: #000; font-size: 3.9vw; font-weight: bold; font-family: 'NotoSansKR-Bold';}
	.coupon_inner .coupon_tit p span { color: #00a0b6}
	.coupon_inner .coupon_tit a { display: inline-block; float: right; padding: 4vw 0 4vw 4vw; margin-top: 3.8vw; color: #ff8886; font-size: 3.6vw; line-height: normal; font-weight: bold}
	.coupon_inner .coupon_list { position: relative}
	
	.coupon_inner .coupon_list .no_data_area { position: relative; height: calc(100vh - 32.3vw)}
	.coupon_inner .coupon_list .no_data_area .no_data_cont { position: absolute; top: 50%; left: 0; right: 0; margin-top: -13.3vw; text-align: center}
	.coupon_inner .coupon_list .no_data_area p { padding-top: 23vw; color: #c2c0c0; font-size: 3.7vw; font-weight: bold; background: url(../img/charector_icon.png) center top no-repeat; background-size: 16.2vw 19.9vw;font-family: 'NanumBarunGothicBold';}
	
	.coupon_inner .coupon_list ul { padding: 7.4vw 7.6vw}
	.coupon_inner .coupon_list li { position: relative; padding: 2.8vw 4.5vw 0.6vw 26.5vw; margin-bottom: 5vw; background: url(../img/invalid.png) center no-repeat; background-size: 83.5vw 36.1vw}
	.coupon_inner .coupon_list li:last-of-type { margin-bottom: 0}
	.coupon_inner .coupon_list li a { position: absolute; padding: 2vw 3vw; top: 1vw; right: 5.3vw; color: #ff8886; font-size: 3.3vw; font-weight: bold}
	.coupon_inner .coupon_list li .tit { display: block; float: none; margin: 0; width: auto; color: #484848; font-size: 3.4vw; font-weight: bold}
	.coupon_inner .coupon_list li .name { margin-bottom: 1vw; color: #484848; font-size: 4.4vw; font-weight: bold}
	.coupon_inner .coupon_list li .cost { margin-bottom: 2vw; color: #00a0b6; font-size: 5.1vw; font-weight: bold}
	.coupon_inner .coupon_list li .date { margin-bottom: 2.5vw; color: #484848; font-size: 3.1vw; font-weight: bold}
	.coupon_inner .coupon_list li .date span { display: block; margin-top: 1vw; font-weight: 600}
	.coupon_inner .coupon_list li .txt { color: #c2c0c0; font-size: 3.1vw; font-weight: 600}
	
	.coupon_pop {top:10% !important;}
	.coupon_pop form { margin-top: 14.1vw}
	.coupon_pop .form_area .form_type { font-weight: bold; text-align: center}
	.coupon_pop .form_area { margin-bottom: 8.9vw}
	.coupon_pop .btn_area { text-align: center}
	.coupon_pop .btn_area .btn_type { width: 50vw; height: 13.6vw; font-size: 3.8vw; line-height: 13.6vw}
	
	.coupon_pop form .coupon_inner { position: relative; top:0;}
	.coupon_pop form .coupon_inner .coupon_tit { padding: 0 4.8vw; height: 20.4vw; line-height: 20.4vw; background-color: #fff; border-bottom: 1px #f1f1f1 solid}
	.coupon_pop form .coupon_inner .coupon_tit p { display: inline-block; color: #000; font-size: 4.9vw; font-weight: bold}
	.coupon_pop form .coupon_inner .coupon_tit p span { color: #00a0b6}
	.coupon_pop form .coupon_inner .coupon_tit a { display: inline-block; float: right; padding: 4vw 0 4vw 4vw; margin-top: 3.8vw; color: #ff8886; font-size: 3.6vw; line-height: normal; font-weight: bold}
	.coupon_pop form .coupon_inner .coupon_list { position: relative}
	
	.coupon_pop form .coupon_inner .coupon_list .no_data_area { position: relative; height: 300px}
	.coupon_pop form .coupon_inner .coupon_list .no_data_area .no_data_cont { position: absolute; top: 50%; left: 0; right: 0; margin-top: -13.3vw; text-align: center}
	.coupon_pop form .coupon_inner .coupon_list .no_data_area p { padding-top: 23vw; color: #c2c0c0; font-size: 3.7vw; font-weight: bold; background: url(../img/charector_icon.png) center top no-repeat; background-size: 16.2vw 19.9vw}
	
	.coupon_pop form .coupon_inner .coupon_list ul { padding: 7.4vw 7.6vw}
	.coupon_pop form .coupon_inner .coupon_list li { position: relative; padding: 2.8vw 4.5vw 0.6vw 26.5vw; margin-bottom: 5vw; background: url(../img/invalid.png) center no-repeat; background-size: 83.5vw 36.1vw}
	.coupon_pop form .coupon_inner .coupon_list li:last-of-type { margin-bottom: 0}
	.coupon_pop form .coupon_inner .coupon_list li a { position: absolute; padding: 2vw 3vw; top: 1vw; right: 5.3vw; color: #ff8886; font-size: 3.3vw; font-weight: bold}
	.coupon_pop form .coupon_inner .coupon_list li .tit { display: block; float: none; margin: 0; width: auto; color: #484848; font-size: 3.4vw; font-weight: bold}
	.coupon_pop form .coupon_inner .coupon_list li .name { margin-bottom: 1vw; color: #484848; font-size: 4.4vw; font-weight: bold}
	.coupon_pop form .coupon_inner .coupon_list li .cost { margin-bottom: 2vw; color: #00a0b6; font-size: 5.1vw; font-weight: bold}
	.coupon_pop form .coupon_inner .coupon_list li .date { margin-bottom: 2.5vw; color: #484848; font-size: 3.1vw; font-weight: bold}
	.coupon_pop form .coupon_inner .coupon_list li .date span { display: block; margin-top: 1vw; font-weight: 600}
	.coupon_pop form .coupon_inner .coupon_list li .txt { color: #c2c0c0; font-size: 3.1vw; font-weight: 600}
	
	/* 포인트 */
	/*.point_inner { position: relative; top: 11.9vw}
	.point_inner .point_top { padding: 9.5vw 0 10.9vw; margin-bottom: 2.5vw; text-align: center; background-color: #fff}
	.point_inner .point_top .point { display: inline-block; padding-top: 1vw; padding-left: 17.9vw; height: 11.3vw; color: #484848; font-size: 7.6vw; line-height: 11.3vw; font-weight: 500; background: url(../img/point.png) left top no-repeat; background-size: 11.3vw}
	.point_inner .point_top .info { margin-top: 2.2vw; color: #808080; font-size: 3.7vw; line-height: 5.6vw}
	.point_inner .point_top .txt { margin-top: 4.4vw; color: #c2c0c0; font-size: 3.7vw}
	
	.point_inner .point_list { padding: 12.4vw 0 0; background-color: #fff}
	.point_inner .point_list .tit { float: none; padding-bottom: 5vw; padding-left: 5.3vw; margin-left: 0; height: auto; color: #000; font-size: 4.9vw; font-weight: bold; border-bottom: 1px #f1f1f1 solid}
	.point_inner .point_list li { padding: 5.6vw 4.7vw 4.3vw; border-bottom: 1px #f1f1f1 solid}
	.point_inner .point_list li .txt { display: inline-block; width: 70%; color: #000; font-size: 4.4vw}
	.point_inner .point_list li .cost { display: inline-block; float: right; width: 30%; color: #00a0b6; font-size: 4.4vw; font-weight: 500; text-align: right}
	.point_inner .point_list li .cost.cost_use { color: #ff8886}
	.point_inner .point_list li .date { margin-top: 2.9vw; color: #808080; font-size: 3.4vw}
	*/
    .point_inner { position: relative; margin-top: 13.5px}
	.point_inner .point_top { padding: 9.5vw 0 2vw; margin-bottom: 2.5vw; text-align: center; background-color: #fff}
	.point_inner .point_top .point { display: inline-block; padding-top: 1vw; padding-left: 17.9vw; height: 11.3vw; color: #484848; font-size: 5.6vw; line-height: 11.3vw; font-weight: 500; 
	                                background: url(../img/point.png) left top no-repeat; background-size: 11.3vw; font-family: 'NotoSansKR-Medium';} /* 제플린 폰트 수정 완료 */
	.point_inner .point_top .point2 { display: inline-block; padding-top: 1vw; padding-left: 17.9vw; height: 11.3vw; color: #484848; font-size: 5.6vw; line-height: 11.3vw; font-weight: 500; 
	                                background: url(../img/point.png) left top no-repeat; background-size: 11.3vw; font-family: 'NotoSansKR';} /* point.php 와 연결위해 point2 class 생성제플린 폰트 수정 완료 */
	.point_inner .point_top .cash { display: inline-block; padding-top: 1vw; padding-left: 17.9vw; height: 11.3vw; color: #484848; font-size: 5.6vw; line-height: 11.3vw; font-weight: 500; 
	                                background: url(../img/cashicon.png) left top no-repeat; background-size: 11.3vw; font-family:'NotoSansKR'} /* 제플린 폰트 수정 완료 */
	.point_inner .point_top .cash2 { display: inline-block; padding-top: 1vw; padding-left: 17.9vw; height: 11.3vw; color: #484848; font-size: 5.6vw; line-height: 11.3vw; font-weight: 500; 
	                                background: url(../img/cashicon.png) left top no-repeat; background-size: 11.3vw; font-family:'NotoSansKR-Medium'} /* cash2 cash.php, cashadd.php와 연결하기위해 추가생성*/
	.point_inner .point_top .info { margin-top: 2.2vw; color: #808080; font-size: 22px; line-height: 5.6vw; font-family: 'NotoSansKR';} /* 제플린 폰트 수정 완료 */
    .point_inner .point_top .info2 { margin-top: 2.2vw; color: #808080; font-size: 22px; line-height: 5.6vw; font-family: 'NotoSansKR';} /* 제플린 폰트 수정 완료 */
	.point_inner .point_top .txt { margin-top: 4.4vw; color: #c2c0c0; font-size: 22px; font-family: 'NotoSansKR';} /* 제플린 폰트 수정 완료 */
    .point_inner .point_top .txt2 { margin-top: 4.4vw; color: #c2c0c0; font-size: 22px; font-family: 'NotoSansKR';} /* 제플린 폰트 수정 완료 */
    
	
	.point_inner .point_list { padding: 12.4vw 0 0; background-color: #fff}
	.point_inner .point_list .tit { float: none; padding-bottom: 5vw; padding-left: 5.3vw; margin-left: 0; height: auto; color: #000; font-size: 30px; font-weight: bold; border-bottom: 1px #f1f1f1 solid; font-family: 'NotoSansKR';}
    .point_inner .point_list .tit2 { float: none; padding-bottom: 5vw; padding-left: 5.3vw; margin-left: 0; height: auto; color: #000; font-size: 30px; font-weight: bold; border-bottom: 1px #f1f1f1 solid; font-family: 'NotoSansKR';}
	.point_inner .point_list li { padding: 5.6vw 4.7vw 4.3vw; border-bottom: 1px #f1f1f1 solid}
	.point_inner .point_list li .txt { display: inline-block; width: 70%; color: #000; font-size: 4.4vw}
	.point_inner .point_list li .cost { display: inline-block; float: right; width: 30%; color: #00a0b6; font-size: 4.4vw; font-weight: 500; text-align: right}
	.point_inner .point_list li .cost.cost_use { color: #ff8886}
	.point_inner .point_list li .date { margin-top: 2.9vw; color: #808080; font-size: 3.4vw}
	
	/* 내정보수정 */
	.may_inner .join_form { margin: 2.2vw 6.2vw}
	.may_inner .join_form .form_inner:nth-of-type(2) { margin-bottom: 6.9vw}
	.may_inner .join_form .form_inner .label { display: table-cell; width: 23.8vw; height: 9.5vw; font-size: 2.8vw; line-height: 9.5vw; font-weight: bold; vertical-align: top;font-family:'NanumBarunGothicBold'}
	.may_inner .join_form .form_inner .input { display: table-cell; height: 9.5vw; font-size: 2.8vw; line-height: 9.5vw; text-align: left; vertical-align: top}
	.may_inner .join_form .form_inner .form_type { text-align: left}
	.may_inner .btn_group { float: right; margin-top: 0.1vw; margin-right: 10.3vw; margin-bottom: 4vw}
	.may_inner .btn_group li { display: inline-block; margin-left: 4.3vw}
	.may_inner .btn_group li a { display: block; font-size: 2.8vw; border-bottom: 1px #545454 solid}
	
	
	/*  예약내역_리스트 */
	.rsv_list_inner { position: relative; top: /*11.9vw*/0px;}
	.rsv_list_inner .rsv_list_area { padding: 6.9vw 3.7vw}
	.rsv_list_inner li { margin-bottom: 4.8vw; background-color: #fff; border-radius: 0.9vw}
	.rsv_list_inner li:last-of-type { margin-bottom: 0}
	.rsv_list_inner li .head { padding: 2.4vw 5.6vw 1.1vw; height: 18.8vw; color: #fff; background-color: #00a0b6; border-radius: 0.9vw 0.9vw 0 0}
	.rsv_list_inner li .head .no { margin-top: 5.1vw; font-size: 2.9vw; text-align: center}
	.rsv_list_inner li .head .name { display: inline-block; margin-top: 3.4vw; width: 65%; font-size: 20px; font-weight: bold}
	.rsv_list_inner li .head .name a { padding: 1.6vw 3vw; background: url(../img/detailbtn.png) right center no-repeat; background-size: 5vw}
	.rsv_list_inner li .head .date { display: inline-block; float: right; margin-top: 3.4vw; width: 35%; font-size: 3.3vw; font-weight: bold; text-align: right; font-family:'NotoSansKR-Bold'}
	
	.rsv_list_inner li .head_img .img { display: inline-block; width: 55px; height: auto; margin-top:10px;}
	.rsv_list_inner li .head_img .img img { width: 100%; height: auto}
	.rsv_list_inner li .head_img .txt_area { display: inline-block; margin-left: 7.7vw; width: calc(100% - 23.7vw); vertical-align: top}
	.rsv_list_inner li .head_img .txt_area p { display: block}
	.rsv_list_inner li .head_img .no { margin-top: 8px; font-size: 16px; text-align: left;font-family:'NotoSansKR-Regular';}
	.rsv_list_inner li .head_img .name { margin-top: 13px; width: 100%;font-family:'NotoSansKR-Bold';}
	.rsv_list_inner li .head_img .name a { float: right; padding: 3vw 4vw; margin-top: -1vw}
	.rsv_list_inner li .head_img .date { float: none; margin-top: 1.5vw; width: 100%; text-align: left}
	
	.rsv_list_inner li .body { padding: 0 5.6vw}
	.rsv_list_inner li .body .cont { display: table; padding: 4.4vw 0 1.8vw; border-bottom: 1px #c2c0c0 solid}
	.rsv_list_inner li .body .ico { display: table-cell; width: 110px; height: auto; vertical-align: top}
	.rsv_list_inner li .body .ico img { width: 100%; height: auto}
	.rsv_list_inner li .body .txt_area { display: table-cell; padding-left: 3.8vw}
	.rsv_list_inner li .body .txt_stage { color: #ff8886; font-size: 25px; font-weight: bold;font-family:'NotoSansKR-Bold'}
	.rsv_list_inner li .body .txt_stage a { float: right; padding: 3vw 4vw; margin-top: -1vw; background: url(../img/detailbtn.png) right center no-repeat; background-size: 5vw}
	.rsv_list_inner li .body .info { margin-top: 6.8vw}
	.rsv_list_inner li .body .info .txt { margin-bottom: 20px; color: rgba(72, 72, 72, 0.9); font-size: 20px;font-family:'NotoSansKR-Regular'}
	.rsv_list_inner li .body .info .option { display: inline-block; width: 70%; color: rgba(72, 72, 72, 0.9); font-size: 20px; font-weight: bold;font-family: 'NotoSansKR-Bold';}
	.rsv_list_inner li .body .info .cost { display: inline-block; float: right; margin-top: -.5vw; width: 30%; color: rgba(72, 72, 72, 0.9); font-size: 20px; font-weight: bold; text-align: right;font-family:'NotoSansKR-Bold'}
	
	.rsv_list_inner li .body .btn_area { height: 10.8vw; line-height: 10.8vw}
	.rsv_list_inner li .body .btn_area a { display: inline-block; float: left; width: calc(100% / 2); color: rgba(102, 204, 206, 0.9); font-size: 21px !important; font-weight: bold; text-align: center;font-family:'NotoSansKR-Bold'}
	.rsv_list_inner li .body .btn_single a { display: block; float: none; width: 100%}
	
	
	/* 구매내역 */
	.buy_list_inner li .body .btn_area p { color: rgba(84, 84, 84, 0.9); font-size: 4.3vw; font-weight: bold; text-align: center}
	
	
	/* 리뷰작성 및 수정 */
	.review_subhead { background-color: #f7f7f7; border-bottom-width: 0}
	.review_subhead .btn_share { background: url(../img/share_off.png) right center no-repeat; background-size: 5.2vw 4.7vw; right: 15vw; padding: 5.8vw 6vw;}
	.review_inner { position: relative; top: 11.9vw}
	.review_inner .review_star { padding: 1vw 0 3.7vw; text-align: center; background-color: #f7f7f7; border-bottom: solid 1px #c2c0c0}
	.review_inner .review_star .star { width: 7.5vw; height: 7.5vw; background: url(../img/ico_star_off.png) center no-repeat; background-size: 7.5vw}
	.review_inner .review_star .star.on { width: 7.5vw; height: 7.5vw; background: url(../img/ico_star_on.png) center no-repeat; background-size: 7.5vw}
	
	.review_inner .review_area { padding: 0 4vw; height: 100%; background-color: #fff; display: table; width: 100%}
	.review_inner .review_form .textarea { padding-left: 3%; background-color: #f1f1f1; padding-top: 3.5vw; width: 70%; height: 40vw; color: #545454; font-size: 25px; 
                                            font-weight: normal; letter-spacing: -1px; border-width: 0; font-family:'NanumBarunGothic'} /* 제플린 폰트 수정 완료 */
	.review_inner .review_form .img { display: inline-block; position: relative; margin-right: 1vw; width: 19vw; height: 19vw; vertical-align: top}
	.review_inner .review_form .img button { position: absolute; padding: 5vw; top: 0; right: 0; background: url(../img/pic_del.png) right top no-repeat; background-size: 5vw}
	.review_inner .review_form .img img { width: 100%; height: 100%}
	.review_inner .review_form .btn_add_img { display: inline-block; width: 19vw; height: 19vw; background: url(../img/pic_add.png) center no-repeat; background-size: 20vw}
	
	.review_inner .txt_des { margin-top: 3vw; margin-bottom: 4vw; color: #888; font-size: 3.2vw; line-height: 4.8vw}
	
	
	/* 나의리뷰 */
	.myreview_inner { position: relative; top: 11.9vw}
	.myreview_inner .myreview_area { padding: 5.5vw 4.4vw; background-color: #fff}
	.myreview_inner .myreview_area li { margin-bottom: 14.3vw}
	.myreview_inner .myreview_area li:last-of-type { margin-bottom: 0}
	.myreview_inner li .tit_area .tit { position: relative; display: inline-block; float: none; margin-left: 0; height: auto; font-size: 4.9vw; font-weight: bold; vertical-align: middle}
	.myreview_inner li .tit_area .ico_arrow { margin-left: 2.5vw; display: inline-block; width: 2.5vw; height: 2.5vw; border: 2px #ccc solid; border-width: 2px 2px 0 0; transform: rotate(45deg)}
	.myreview_inner .myreview_area li .review_star { display: inline-block; padding: 2vw 2vw 2vw 0; vertical-align: middle;}
	.myreview_inner li .review_star .ico_star { display: inline-block; width: 5vw; height: 5vw; background: url(../img/ico_star_off.png) center no-repeat; background-size: 5vw}
	.myreview_inner li .review_star .ico_star.on { display: inline-block; width: 5vw; height: 5vw; background: url(../img/ico_star_on.png) center no-repeat; background-size: 5vw}
	.myreview_inner .myreview_area li .date { font-size: 3.1vw; font-weight: bold}
	.myreview_inner .myreview_area li .cont { margin-bottom: 2.5vw}
	.myreview_inner li .cont img { margin-bottom: 3vw; width: 100%; height: auto}
	.myreview_inner li .cont .txt { font-size: 3.6vw; line-height: 4.5vw; font-weight: bold}
	.myreview_inner li .btn_area a { display: inline-block; position: relative; padding-right: 6vw; color: #00a0b6; font-size: 3.9vw; font-weight: bold}
	.myreview_inner li .btn_area a:first-of-type::after { content: ""; position: absolute; top: 0; right: 2vw; width: 1px; height: 3.7vw; background-color: #ccc}
	.myreview_inner .myreview_area li .chat { position: relative; padding: 5.5vw 4vw; margin-top: 9vw; background-color: #f3f3f3; border-radius: 0 3.5vw 0 0}
	.myreview_inner .myreview_area li .chat::before { content: ""; position: absolute; top: -6vw; left: 0; width: 8vw; height: 6vw; background-color: #f3f3f3}
	.myreview_inner .myreview_area li .chat::after { content: ""; position: absolute; top: -6vw; left: 0; width: 8vw; height: 6vw; background-color: #fff; border-radius: 0 0 0 10vw}
	.myreview_inner li .chat .name { display: inline-block; color: #000; font-size: 3.6vw; font-weight: bold}
	.myreview_inner li .chat .date { display: inline-block; margin-left: 2vw; color: #58585b; font-size: 3.1vw; font-weight: bold}
	.myreview_inner li .chat .txt { margin-top: 4vw; color: #000}
	
	
	/* 주문하기 */
	.order_inner{padding-top:150px !important;top:25vw;overflow:scroll;height:100%}
	.order_inner .goods {/*margin-top: 150px !important*;*/ margin: 0 30px; padding: 4.3vw 5.6vw 15vw; background-color: #fff; border-radius: 0.9vw}
	.order_inner .goods .tit { float: none; margin-left: 0; padding-bottom: 2.5vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; font-weight: bold; text-align: center; border-bottom: 2px #c2c0c0 solid;
	                            font-family: 'NotoSansKR-Bold'} /* 제플린 font-family 수정완료 */
	.order_inner .goods .tit2 { float: none; margin-left: 0; padding-bottom: 2.5vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; font-weight: bold; text-align: center; border-bottom: 2px #c2c0c0 solid;
	                            font-family: 'NotoSansKR'} /* tit와 통일된 css가 많아서 tit 클래스를 하나 더 만듦 */
	.order_inner .goods .cont { padding: 4.7vw 0 0; font-family:'NotoSansKR-Bold'} /* 제플린 폰트 수정 */
	.order_inner .goods .cont li { display: table; margin-bottom: 3.1vw; width: 100%}
	.order_inner .goods .cont li:nth-of-type(2) { margin-bottom: 1.5vw}
	.order_inner .goods .cont li:last-of-type { margin-bottom: 0}
	.order_inner .goods .cont li > p,
	.order_inner .goods .cont li > div { display: table-cell}
	.order_inner .goods .cont li .txt { color: rgba(72, 72, 72, 0.9); font-size: 24px; font-weight: bold; width:67%; font-family: 'NotoSansKR-Bold'} /* 제플린폰트수정완료 */
	.order_inner .goods .cont li .txt2 { color: rgba(72, 72, 72, 0.9); font-size: 24px; font-weight: bold; width:67%; font-family: 'NotoSansKR'} /* css통합 문제로 txt2 클래스 새로 생성함 */
	.order_inner .goods .cont li .cost,
	.order_inner .goods .cont li .date { color: rgba(72, 72, 72, 0.9); font-size: 30px; font-weight: bold; text-align: right; font-family:'NotoSansKR-Bold'}/* 제플린 폰트수정완료 */
	.order_inner .goods .cont li .cost2 { color: rgba(72, 72, 72, 0.9); font-size: 30px; font-weight: bold; text-align: right; font-family:'NotoSansKR'} /* css통합 문제로 cost2 클래스 새로생성함 */
	.order_inner .goods .cont li .cost3 { color: rgba(72, 72, 72, 0.9); font-size: 24px; font-weight: bold; text-align: right; font-family:'NotoSansKR'; min-width: 140px !important;} /* css통합 문제로 cost3 클래스 새로생성함 */
	.order_inner .goods .cont li .txt .option { display: inline-block; margin-right: 1vw}
	.order_inner .goods .cont li .txt img { width: 8.1vw; height: 8.1vw}
	
	.order_inner .goods_done { margin: 4.1vw 3.8vw 0}
	.order_inner .goods_done .btn_artwork { height: 12.1vw; line-height: 12.1vw; text-align: center; background-color: #fff; border-radius: 0.9vw}
	.order_inner .goods_done .btn_artwork a { position: relative; margin-right: -10vw; height: 12.1vw; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; font-weight: bold}
	.order_inner .goods_done .btn_artwork a::before { content: ""; position: absolute; top: -2vw; left: -14.5vw; width: 8.7vw; height: 8.7vw;  background: url(../img/orderopen.png) center no-repeat; background-size: 8.7vw}
	.order_inner .goods_done .goods { margin: .3vw 0 0}
	
	.order_inner .memo { margin-top: 80px; text-align: center}
	.order_inner .memo .tit { position: relative; display: inline-block; float: none; margin-left: 0; margin-bottom: 2.4vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; font-weight: bold; text-align: center;
        font-family:'NotoSansKR'} /* 제플린 폰트 수정 완료 */
    .order_inner .memo .tit2 { position: relative; display: inline-block; float: none; margin-left: 0; margin-bottom: 2.4vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; font-weight: bold; text-align: center;
        font-family:'NotoSansKR-Bold'} /* reserve.php와 연결위해 tit2 class 새로 만듦 */
    .order_inner .memo .tit3 { position: relative; display: inline-block; float: none; margin-left: 0; margin-bottom: 2.4vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; font-weight: bold; text-align: center;
        font-family:'NotoSansKR-Black'} /* editorder.php와 연결위해 tit3 class 새로 만듦 */
    /* .order_inner .memo .tit::after { content: ""; position: absolute; top: -.3vw; right: -6.5vw; width: 5.1vw; height: 5.1vw;  background: url(../img/help.png) center no-repeat; background-size: 5.1vw} */
	.order_inner .memo .review_form { padding: 5.6vw 5.6vw 3vw; background-color: #fff}
	.order_inner .memo .review_form .textarea {  padding-top: 4.2vw; height: 25vw}
	.order_inner .memo .review_form .btn_area { text-align: left}
	
	.order_inner .guide { padding: 2.5vw 3.8vw 22vw}
	.order_inner .guide li { position: relative; padding-left: 2vw; color: rgba(72, 72, 72, 0.9); font-size:13px; line-height: 19px; font-weight: bold;font-family: 'NotoSansKR';}
	.order_inner .guide li::before { content: "*"; position: absolute; top: .1vw; left: 0; color: rgba(72, 72, 72, 0.9); font-size: 3.1vw}
	.order_inner .guide li span { color: #ff8886}
	.order_inner .guide .txt_info { margin-top: 20px;padding: 2.8vw 6.5vw; color: rgba(84, 84, 84, 0.9); font-size: 20px; line-height: 4.2vw; background-color: #e1dfdf;font-family: 'NotoSansKR';}
	
	.bnt_bottom .btn_type .cost { float: right; font-size: 4.3vw}
	
	.hr{ background:#c2c0c0;width:100%; margin-top:20px;margin-bottom:20px; height:2px;} 

	/*  결제하기 */
	.pay_inner .goods .txt_area { padding: 2.8vw 0 0; margin-top: 5.4vw; border-top: 1px #c2c0c0 solid}
	.pay_inner .goods .txt_area .txt { margin-bottom: 2.5vw; min-height: 5vw; color: rgba(88, 88, 91, 0.9); font-size: 3.1vw; line-height: 4.2vw; font-weight: bold; outline:none;
                                        font-family:'NotoSansKR-Bold'}
	
    .pay_inner .delivery { margin-top: 4.3vw; text-align: center}
    .pay_inner .delivery .tit { position: relative; display: inline-block; float: none; margin-left: 0; margin-bottom: 2.4vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; 
                                font-weight: bold; text-align: center; font-family: 'NotoSansKR-Bold';} /* 제플린 폰트 수정 완료 */
    .pay_inner .delivery .tit2 { position: relative; display: inline-block; float: none; margin-left: 0; margin-bottom: 2.4vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; 
                                font-weight: bold; text-align: center; font-family: 'NotoSansKR';} /* tit2 class 추가생성함 payment.php와 연결*/
    /* .pay_inner .delivery .tit::after { content: ""; position: absolute; top: -.3vw; right: -6.5vw; width: 5.1vw; height: 5.1vw;  background: url(../img/help.png) center no-repeat; background-size: 5.1vw} */
	
	.pay_inner .delivery_area { margin: 0 1.9vw}
	.pay_inner .delivery_area .nav_tabs li { display: inline-block; float: left; margin-right: 1.3vw; width: calc((100% - 1.3vw) / 2)}
	.pay_inner .delivery_area .nav_tabs li:last-of-type { margin-right: 0}
	.pay_inner .delivery_area .nav_tabs .nav_link { display: block; padding: 3.4vw 0 4vw; color: #313131; font-size: 3.7vw; font-weight: 300; background-color: #e5e5e5; border-radius: 3vw 3vw 0 0}
	.pay_inner .delivery_area .nav_tabs .nav_link.active { margin-top: -1vw; padding-top: 4.5vw; background-color: #fff}
	.pay_inner .delivery_area .tab_cont { position: relative; z-index: 1; margin-top: -1.6vw; background-color: #fff; border-radius: 3vw}
	
	.pay_inner .delivery_area .tab_cont .body { padding: 4.7vw 3.4vw}
	.delivery_area .tab_cont .form_inner { text-align: left}
	.delivery_area .tab_cont .form_inner label,
	.delivery_area .tab_cont .form_inner p.label { display: block; margin-bottom: 1.6vw; width: auto; height: auto; color: rgba(0, 0, 0, 0.9); font-size: 3.6vw; line-height: inherit; font-weight: 500;font-family: 'NotoSansKR';}
	.delivery_area .tab_cont .form_inner .form_area { display: block}
	
	.form_inner .sel_cstm { width: 100%; height: 13.6vw; color: rgba(0, 0, 0, 0.9); font-size: 3.8vw; line-height: 13.6vw; border: 1px #ccc solid; font-weight: bold; text-align: center; text-align-last: center; border-radius: 2vw; background: url(../img/ico_sel02.png) 95% center no-repeat; background-size: 3.7vw 2.4vw;}
	.form_inner .sel_cstm2 { width: 100%; height: 13.6vw; color: rgba(0, 0, 0, 0.9); font-size: 3.8vw; line-height: 13.6vw; border: 1px #ccc solid; font-weight: bold; text-align: center; text-align-last: center; border-radius: 2vw; 
        background: url(../img/ico_sel02.png) 95% center no-repeat; background-size: 3.7vw 2.4vw; font-family: 'NotoSansKR-Bold';} /* 제플린 폰트 수정 완료 */
    .form_inner .sel_cstm.open { background: url(../img/ico_sel_open02.png) 95% center no-repeat; background-size: 3.7vw 2.4vw;}
	.form_inner .sel_cstm2.open { background: url(../img/ico_sel_open02.png) 95% center no-repeat; background-size: 3.7vw 2.4vw;}
    .sel_cstm .current img,
	.sel_cstm .list li img { margin-right: 3vw; width: 10.2vw; height: 7vw}
	.sel_cstm .list { position: absolute; display: none; z-index: 9; opacity: 0; width: 100%; background-color: #fff; border: 1px #ccc solid}
	.sel_cstm.open .list { display: block; opacity: 1}
	.sel_cstm .list li { padding: 2vw; line-height: normal; border-bottom: 1px #eee solid}
	.sel_cstm .list li.focus { background-color: #f5f5f5}
	
    .sel_cstm2 .current img,
	.sel_cstm2 .list li img { margin-right: 3vw; width: 10.2vw; height: 7vw}
	.sel_cstm2 .list { position: absolute; display: none; z-index: 9; opacity: 0; width: 100%; background-color: #fff; border: 1px #ccc solid}
	.sel_cstm2.open .list { display: block; opacity: 1}
	.sel_cstm2 .list li { padding: 2vw; line-height: normal; border-bottom: 1px #eee solid}
	.sel_cstm2 .list li.focus { background-color: #f5f5f5}

	.delivery_area .tab_cont .form_inner .form_type { width: 100%; height: 11.1vw; color: rgba(0, 0, 0, 0.9); font-size: 3.7vw; line-height: 11.1vw; background-color: #f9f9f9; border: 1px #ccc solid; text-align: center; text-align-last: center; border-radius: 5vw;font-family: 'NotoSansKR'; 
                                                        font-weight: 300;}
	.delivery_area .tab_cont .address { margin: 0}
	.delivery_area .tab_cont .address .form_area { margin-bottom: 2vw}
	.delivery_area .tab_cont .address .form_area:last-of-type { margin-bottom: 0}
	.delivery_area .tab_cont .address .form_area:nth-of-type(1) .form_type { width: calc(100% - 33vw)}
	.delivery_area .tab_cont .address .form_area:nth-of-type(1) .btn_type { width: 28vw; height: 11.1vw; line-height: 11.1vw; border-radius: 5vw}
	
	.check_custom { position: relative; display: inline-block; float: right}
	.checkArea a { color: #484848; font-size: 3.7vw; font-weight: 300}
	.check_custom input[type=checkbox], .radio_custom input[type=radio] { display: none}
	.btn_login_ck { background: url("../img/ck_off.png") left center no-repeat; background-size: 5.9vw}
	.check_custom input[type=checkbox]:checked+label { background: url("../img/ck_on.png") left center no-repeat; background-size: 5.9vw}
	.check_custom label { position: relative; padding: 0 0 0 8.5vw; height: 5.9vw; color: #484848; font-size: 3.7vw; line-height: 5.9vw; display: inline-block}
	
	.pay_inner .pay_info { margin-top: 4.3vw; text-align: center}
	.pay_inner .pay_info .tit { position: relative; display: inline-block; float: none; margin-left: 0; margin-bottom: 2.4vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; font-weight: bold; text-align: center;
        font-weight: bold; text-align: center; font-family:'NotoSansKR'}
	.pay_inner .pay_info .tit2 { position: relative; display: inline-block; float: none; margin-left: 0; margin-bottom: 2.4vw; height: auto; color: rgba(84, 84, 84, 0.9); font-size: 4.6vw; 
        font-weight: bold; text-align: center; font-family:'NotoSansKR-Bold'} /* cashadd.php 와 연결 위해 tit2클래스 생성*/
    .pay_inner .pay_info .pay_cost,
	.pay_inner .pay_info .form_inner,
	.pay_inner .pay_info ul { padding: 0 2.9vw; text-align: left; background-color: #fff}
	.pay_inner .pay_info .pay_cost { padding-top: 4.5vw; padding-bottom: 7.8vw}
	.pay_inner .pay_info .pay_cost .txt { margin-bottom: 2.6vw; color: rgba(0, 0, 0, 0.9); font-size: 4.1vw; font-weight: bold;font-family: 'NotoSansKR';}
	.pay_inner .pay_info .pay_cost .txt2 { margin-bottom: 2.6vw; color: rgba(0, 0, 0, 0.9); font-size: 4.1vw; font-weight: bold; font-family: 'NotoSansKR-Bold';} /* cash.php 와 연결 위해 txt2 class 생성 */
    .pay_inner .pay_info .pay_cost .cost { margin-bottom: 1.6vw; color: rgba(84, 84, 84, 0.9); font-size: 6.9vw; font-weight: bold;font-family: 'NotoSansKR';}
	.pay_inner .pay_info .pay_cost .cost2 { margin-bottom: 1.6vw; color: rgba(84, 84, 84, 0.9); font-size: 6.9vw; font-weight: bold; font-family:'NotoSansKR-Bold'} /* cash.php 와 연결 위해 cost2 class 생성 */
    .pay_inner .pay_info .pay_cost .info { color: #808080; font-size: 3.7vw; font-weight: 300;font-family: 'NotoSansKR';}
	.pay_inner .pay_info .pay_cost .info2 { color: #808080; font-size: 3.7vw; font-weight: 300; font-family: 'NotoSansKR-DemiLight';} /*  cash.php 와 연결 위해 info2 class 생성 */
    .pay_inner .pay_info .form_inner { padding-bottom: 4.4vw; margin-bottom: 0; border-bottom: 1px #f1f1f1 solid}
	.pay_inner .pay_info .form_inner .label { margin-bottom: 2.6vw; color: rgba(0, 0, 0, 0.9); font-size: 4.1vw; font-weight: bold;font-family: 'NotoSansKR';}
	.pay_inner .pay_info .form_inner .label2 { margin-bottom: 2.6vw; color: rgba(0, 0, 0, 0.9); font-size: 4.1vw; font-weight:bold; font-family: 'NotoSansKR-Bold';} 
	                                            /* cashadd.php 와 연결하기위해 label2 클래스 생성 ,제플린 폰트, 굵기 수정 완료 */
    .pay_inner .pay_info .form_inner .sel_b1px x { display: block}
	.sel_bx2{ width: 213px;}
    .pay_inner .pay_info ul li {  height: 13.6vw; line-height: 13.6vw;  background: url("../img/icon_right.png") right center no-repeat; background-size: 2.1vw 3.3vw; border-bottom: 1px #f1f1f1 solid}
	.pay_inner .pay_info ul li p { display: inline-block; color: #545454; font-size: 3.8vw; font-weight: bold;font-family: 'NanumBarunGothic';}
	.pay_inner .pay_info ul li span { float: right; margin-right: 6vw; color: #c2c0c0; font-size: 3.7vw; font-weight: bold;font-family: 'NotoSansKR';}
    .pay_inner .pay_info ul li .infobox { padding: 1em 0 1em 1em;  float: right; margin-right: 6vw; color: #c2c0c0; font-size: 3.7vw; font-weight: bold;height:auto; 
                                            font-family: 'NanumBarunGothic';} /* 제플린 폰트 수정 완료*/

	.pay_inner .pay_info .des,
	.pay_inner .pay_info .guide ul { background-color: transparent;}
	.pay_inner .pay_info .des li { height: 13.6vw; line-height: 13.6vw;  background: url("../img/ico_down.png") right center no-repeat; background-size: 3.3vw 2.1vw;border-bottom: 1px solid #bcbcbc;}
	.pay_inner .pay_info .guide li { height: auto; line-height: inherit; background: none}
	.pay_inner .pay_info .des p { color:#999999 !important;}
	
	/* 예약내역 상세보기 */
	.reserve_inner.order_inner .goods li { margin-bottom: 4.2vw!important}
	.reserve_inner .goods .total { padding: 5.4vw 0 5.4vw; border: 1px #c2c0c0 solid; border-width: 1px 0}
	.reserve_inner .goods .total p,
	.reserve_inner .goods .total span { display: inline-block; color: #00a0b6; font-size: 4.3vw; font-weight: bold;font-family: 'NotoSansKR-Bold'}
	.reserve_inner .goods .total span { float: right}
    .reserve_inner .goods .total span2 { float: right} /* css 통합문제로 span2 클래스 새로 생성 */
	.reserve_inner .goods .total p2,
	.reserve_inner .goods .total span2 { display: inline-block; color: #00a0b6; font-size: 4.3vw; font-weight: bold; font-family: 'NotoSansKR'; } /* css 통합되어있어서 p2 클래스, span2 class 새로 생성함 */
	.reserve_inner .goods .bottom { padding: 3.4vw 0 0 19.5vw; background: url("../img/ico_reserve.png") left center no-repeat; background-size: 15.7vw; min-height:73px;}
	.reserve_inner .goods .bottom .tit { float: none; padding-bottom: 0; margin-top: 1.5vw; margin-left: 0; height: auto; color: #262626; font-size: 4.6vw; font-weight: bold; text-align: left; border-width: 0}
	.reserve_inner .goods .bottom .btn_area { padding-top: 4.2vw; text-align: right}
	.reserve_inner .goods .bottom .btn_area a { display: inline-block; color: #00a0b6; font-size: 4.3vw; font-weight: bold}
	.reserve_inner .goods .bottom .btn_area a:last-of-type { margin-left: 8.4vw}
	
	.reserve_inner .schedule_guide { margin: 3.3vw 5.0vw}
	.reserve_inner .schedule_guide > p { color: #262626; font-size: 3.1vw}
	.reserve_inner .schedule_guide .guide_txt { padding: 1.8vw; margin-top: 1.9vw; background-color: #dddee1; text-align: center}
	.reserve_inner .schedule_guide .guide_txt > p {  margin-bottom: 3.6vw; color: #262626; font-size: 3.1vw; font-weight: 500;font-family:'NotoSansKR-Medium'}
	.reserve_inner .schedule_guide .txt_area { display: inline-block; float: left; width: 33.333%; border-right: 1px #fff solid}
	.reserve_inner .schedule_guide .txt_area:last-of-type { border-width: 0}
	.reserve_inner .schedule_guide .txt_area .txt { margin-bottom: 1vw; color: #262626; font-size: 3.1vw; font-weight: bold;font-family:'NotoSansKR-Bold'}
	.reserve_inner .schedule_guide .txt_area .date { color: #ff8886; font-size: 3.1vw; font-weight: bold;font-family: 'NotoSansKR-Bold'}
	
	.reserve_inner .chat { padding: 100px 2.8vw 20vw}
	.reserve_inner .chat .seller,
	.reserve_inner .chat .buyer { display: table; margin-bottom: 5.6vw; width: 100%; height: 14vw}
	.reserve_inner .chat .profile { display: table-cell; width: 14vw}
	.reserve_inner .chat .profile_img { display: inline-block; width: 11.9vw; height: 11.9vw; background-color: #aaa; border-radius: 10vw}
	/*.reserve_inner .chat .seller .speech_bubble { display: table-cell; vertical-align: top; padding: 3vw 7vw; text-align: left; background: url("../img/comment.png") right center no-repeat; background-size: 100% 14vw}
	.reserve_inner .chat .buyer .speech_bubble { display: table-cell; vertical-align: top; padding: 3vw 7vw; text-align: left; background: url("../img/mycomment.png") left center no-repeat; background-size: 100% 14vw}*/
	.reserve_inner .chat .seller .speech_bubble {
		position: relative;
		background: #00a0b6;
		border: 1px solid #00a0b6;
		width: auto;
	    float: left;
		max-width: calc(100% - 60px);
	    height: auto;
	}
	.reserve_inner .chat .seller .speech_bubble:after, .speech_bubble:before {
		right: 100%;
		top: 15px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.reserve_inner .chat .seller .speech_bubble:after {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width:9px;
	
	}
	.reserve_inner .chat .seller .speech_bubble:before {
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 13px;
		margin-top: -5px;
	}
	.reserve_inner .chat .buyer .speech_bubble {
		position: relative;
		background: #00a0b6;
		border: 1px solid #c2e1f5;
		width: auto;
	    float: right;
		max-width: calc(100% - 60px);
	    height: auto;
	}
	.reserve_inner .chat .buyer .speech_bubble:after, .speech_bubble:before {
		left: 100%;
		top: 15px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.reserve_inner .chat .buyer .speech_bubble:after {
		border-color: rgba(102, 204, 206, 0);
		border-left-color: #00a0b6;
		border-width: 9px;
	
	}
	.reserve_inner .chat .buyer .speech_bubble:before {
		border-color: rgba(102, 204, 206, 0);
		border-left-color: #00a0b6;
		border-width: 13px;
		margin-top: -5px;
	}
	.reserve_inner .chat .buyer .speech_bubble_request {
		position: relative;
		background: #ff8886;
		border: 1px solid #ff8886;
		width: auto;
	    float: right;
		max-width: calc(100% - 60px);
	    height: auto;
	}
	.reserve_inner .chat .buyer .speech_bubble_request:after, .speech_bubble_request:before {
		left: 100%;
		top: 15px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	.reserve_inner .chat .buyer .speech_bubble_request:after {
		border-color: rgba(255, 136, 134, 0);
		border-left-color: #ff8886;
		border-width: 9px;
	
	}
	.reserve_inner .chat .buyer .speech_bubble_request:before {
		border-color: rgba(255, 136, 134, 0);
		border-left-color: #ff8886;
		border-width: 13px;
		margin-top: -5x;
	}
	.reserve_inner .chat .speech_bubble p { font-size: 3.5vw; line-height: 4vw}
	.reserve_inner .chat .buyer .profile { text-align: right; vertical-align:top;float:right;}
	
	.message { height: 60px; line-height: 60px; background-color: #fff}
	.message a { display: inline-block; float: left; padding: 30px; background: url("../img/camera.png") center no-repeat; background-size: 30px; border-right: 1px #e7e7e7 solid}
	.message input { padding-left: 4vw; border-width: 0; height:100%; font-size: 20px; line-height: 60px; vertical-align: top; width: calc(100% - 160px)}
	.message button { float: right; width: 80px; height: 100%; line-height: 60px; font-size: 20px; text-align: center; font-family: 'NanumBarunGothic'; font-weight: bold; background-color: #00a0b6; color: #ffffff;}
	.message input::-ms-input-placeholder { color: #888}
	.message input::-webkit-input-placeholder { color: #888} 
	.message input::-moz-placeholder { color: #888}
	
	/* 구매내역 상세보기 */
    .ui.card.item { margin: 50px 0;}
    .ten.wide.column { font-size: 18px; line-height: 26px;}
    .progressbar-header { font-size: 24px !important;}
    .progressbar li { font-size: 16px !important;}
    .ui.button, .ui.buttons .button, .ui.buttons .or { font-size: 18px !important;}

	/* 구매내역 상세보기 */
	.purchase_inner .txt_des { margin: 4.1vw 6.4vw; color: #262626; font-size: 3.1vw;}
	.purchase_inner .txt_des span { color: #00a0b6}
	
	.moreinfoctl {
		float: right;
	    font-size: 0.6em;
	    margin-right: 25px;
	}
	
	.product_desc {
		width: 100%;
	    height: auto;
	    margin-left: 5vw;
	    position: relative;
	    margin-top: 8vw;
		margin-bottom: 5vw;
	}
	
	.product_desc_cont {
	    width: 92%;
	    height: auto;
	    position: relative;
	    font-size: 20px;
	    color: #484848;
	    line-height: 5vw;
	}
	.coupon_detail {
		position: absolute;
	    top: 15px;
	    left: 45px;
	    width: 62%;
	    color: #00a0b6;
		font-size:12px;
	}
	.coupon_title {
		font-size: 25px;
	    font-weight: bold;
	    line-height: 34px;
	}
	
	.priceinfo {
		background:#fff;
		width:100%;
		margin-top:2vw;
		height:235px;
	}
	
	.pricetop {
		position: relative;
	    width: 100%;
	    height: 70px;
	}
	
	.pricecnt {
		width: 100%;
	    height: 90px;
	    position: relative;
	}
	
	.priceititle {
		padding-left: 20px;
	    padding-top: 10px;
	    font-size: 30px;
	    font-weight: bold;
	    color: black;
	    float: left;
	    width: 60%;
		font-family: 'NotoSansKR';
	}
	
	.artistlevel {
		float: left;
	    width: 40%;
	    text-align: right;
	    padding-right: 20px;
	    padding-top: 10px;
	    font-size: 20px;
	    font-weight: bold;
	    color: #00a0b6;
	}	
	
	.siancnt {
		position: relative;
		width: 80px;
	    margin-left: calc(calc(100% - 180px) / 5);
	    height: 80px;
	    margin-top: 5px;
	    float: left;
	    text-align: center;
	    opacity: 0.78;
	    border: solid 5px #00a0b6;
	    background-color: #ffffff;
	    border-radius: 50%;
	    font-size: 25px;
	    font-weight: bold;
	    line-height: 70px;
	    color: black;
		font-family: 'NotoSansKR';
	}
	
	.siancnt > span {
		margin-top: 45px;
	    position: absolute;
	    left: -5px;
	    width: 80px;
	    text-align: center;
	    padding: 0px;
	    top: 42px;
	    font-size: 18px;
	    line-height: 24px;
	}
	
	.siantime {
		position: relative;
		width: 80px;
	    margin-left: calc(calc(100% - 180px) / 4);
	    height: 80px;
	    margin-top: 5px;
	    float: left;
	    text-align: center;
	    opacity: 0.78;
	    border: solid 5px #ff8886;
	    background-color: #ffffff;
	    border-radius: 50%;
	    font-size: 25px;
	    font-weight: bold;
	    line-height: 70px;
	    color: black;
		font-family: 'NotoSansKR';
	}
	
	.siantime > span {
		margin-top: 45px;
	    position: absolute;
	    left: -22px;
	    width: 110px;
	    text-align: center;
	    padding: 0px;
	    top: 42px;
	    font-size: 18px;
	    line-height: 24px;
	}
	
	
	.editcnt {
		position: relative;
		width: 80px;
	    margin-left: calc(calc(100% - 180px) / 4);
	    height: 80px;
	    margin-top: 5px;
	    float: left;
	    text-align: center;
	    opacity: 0.78;
	    border: solid 5px #f5ae00;
	    background-color: #ffffff;
	    border-radius: 50%;
	    font-size: 25px;
	    font-weight: bold;
	    line-height: 70px;
	    color: black;
		font-family: 'NotoSansKR';
	}
	
	.editcnt > span {
		margin-top: 45px;
	    position: absolute;
	    left: -22px;
	    width: 110px;
	    text-align: center;
	    padding: 0px;
	    top: 42px;
	    font-size: 18px;
	    line-height: 24px;
	}
	
	.edittime {
		position: relative;
		width: 60px;
	    margin-left: calc(calc(100% - 180px) / 4);
	    height: 60px;
	    margin-top: 5px;
	    float: left;
	    text-align: center;
	    opacity: 0.78;
	    border: solid 3px #00a0b6;
	    background-color: #ffffff;
	    border-radius: 50%;
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 55px;
	    color: black;
	}
	
	.edittime > span {
		margin-top: 48px;
	    position: absolute;
	    left: -5px;
	    width: 88px;
	    text-align: center;
	    padding: 0px;
	    top: 36px;
	    font-size: 18px;
	    line-height: 18px;
	}
	.form_inner .sel_ncstm {
	    width: 100%;
	    height: 13.6vw;
	    color: rgba(0, 0, 0, 0.9);
	    font-size: 3.8vw;
	    line-height: 13.6vw;
	    border: 1px #ccc solid;
	    font-weight: bold;
	    text-align: center;
	    text-align-last: center;
	    border-radius: 2vw;
        font-family: 'NotoSansKR'
	}
    .righthead{
        position: fixed;
        height: 6%;
        /* width: 15vw; */
        width: fit-content;
        float: right;
        z-index: 12000;
        right: 0;
        top: 3.5vw;
        text-align: center;
        margin-right: 4%;
        color: #00a0b6;
        font-family: "NanumBarunGothic";
        line-height: 25px;
    }
    .righthead2{
        position: fixed;
        height: 4%;
        width: 20vw;
        /* text-align: end; */
        /* width: fit-content; */
        /* float: right; */
        z-index: 12000;
        right: 0;
        top: 25px;
        text-align: end;
        margin-right: 4%;
        color: #00a0b6;
        font-weight: bold;
        font-size: 20px;
        font-family: "NanumBarunGothicBold";
      }
    
      .righthead3{
        position: fixed;
        height: 6%;
        /* width: 15vw; */
        width: fit-content;
        float: right;
        z-index: 12000;
        right: 0;
        top: 25px;
        text-align: center;
        margin-right: 4%;
        color: #ff8886; /* #00a0b6 > ff8886 */
        font-weight: bold;
        font-size: 20px;
        font-family: "NotoSansKR-Bold"; /* 제플린 폰트수정 및 right head3 class 신규생성 */
      }
    
      .login_text{
          font-size : 20px;
      }

      #part3.auction-body{
          padding: 5% 10% 20% 10% !important;
      }
      .ordertab {
		background: url(../img/icon_order_off.png) center no-repeat;
	    background-size: 30px 30px;
	    background-position-x: 31%;
        line-height: 30px;
	}
	
	
	.active > .ordertab {
		background: url(../img/icon_order_on.png) center no-repeat;
	    background-size: 30px 30px;
	    background-position-x: 31%;
        line-height: 30px;
	}
	
	.active > .ordertab > a {
		color : white !important;
	}
	
	 .chattab {
		background: url(../img/icon_chat_off.png) center no-repeat;
	    background-size: 30px 30px;
	    background-position-x: 31%;
        line-height: 30px;
	}
	
	.active > .chattab {
		background: url(../img/icon_chat_on.png) center no-repeat;
	    background-size: 30px 30px;
	    background-position-x: 31%;
        line-height: 30px;
	}
	
	.active > .chattab > a {
		color : white !important;
	}

    .tithead {
        font-size: 35px !important;
        width:250px !important;
        left: 160px !important;
        top: 15px !important;
    }

    .goods_bottom{
        height: 150px !important;
    }

    .goods_bottom img{
        width: 120px !important;
        height: 120px !important;
        margin: 15px 30px !important;
    }

    .reserve_main_info textarea{
        width: 520px !important;
        font-size: 20px !important;
    }

    p#paytypecurrent {
	    width:330px;
	}
}