@charset "utf-8";
/*@media screen and (max-width: 1400px){
  #wrap{width: 1400px;}
}
@media screen and (max-width: 1200px){
  #wrap{width: 100%;}
}*/



.box-prd-review{display: flex;flex-direction: column;position: relative;cursor: pointer;}
.box-prd-review.rev{ flex-direction: column-reverse; }
.box-prd-review .thumb{ position: relative; height: 0; padding-bottom: 93.25%; border-radius: 12px; overflow: hidden; background-color: #dedede; }
.box-prd-review a.more{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; text-align: left; text-indent: -9999px; }
.box-prd-review > *:last-child{ margin-bottom: 0; }
.box-prd-review .cont{ padding: 20px 0 0;  }
.box-prd-review .cont .txt{ text-align: left; }
.box-prd-review .cont .txt .h1{
    margin-top: 16px;
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.box-prd-review .cont .txt .data{ margin-top: 10px; font-size: 15px; }
.box-prd-review .cont .txt .hash{ margin-top: 10px; font-size: 16px; }
@media screen and (max-width: 1200px){
  .box-prd-review .thumb{ border-radius: 4vw; }
  .box-prd-review a.more{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; text-align: left; text-indent: -9999px; }
  .box-prd-review .cont{ padding: 4vw 0 0;  }
  .box-prd-review .cont .txt .h1{margin-top: 3vw;font-size: 3.7vw;}
  .box-prd-review .cont .txt .data{margin-top: 2vw;font-size: 3.2vw;}
  .box-prd-review .cont .txt .hash{ margin-top: 3vw; font-size: 3.6vw; }
}

.box-prd-sns{display: flex;flex-direction: column;position: relative;cursor: pointer;}
.box-prd-sns.rev{ flex-direction: column-reverse; }
.box-prd-sns .thumb{ position: relative; height: 630px; border-radius: 15px; overflow: hidden; }
.box-prd-sns a.more{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; text-align: left; text-indent: -9999px; }
.box-prd-sns > *{ margin-bottom: 12px; }
.box-prd-sns > *:last-child{ margin-bottom: 0; }
.box-prd-sns .cont{ padding: 30px; border: 1px solid #cbd9e5; border-radius: 15px; display: flex;  }
.box-prd-sns .cont .ico{ min-width: 50px; width: 50px; margin-right: 20px; }
.box-prd-sns .cont .txt{}
.box-prd-sns .cont .txt .h1{ font-size: 20px; color: #000; line-height: 1.4; font-weight: 800; }
.box-prd-sns .cont .txt .data{ margin-top: 10px; font-size: 15px; }
.box-prd-sns .cont .txt .hash{ margin-top: 10px; font-size: 16px; }

.tag_pop_change{ width: 100%;  }
.tag_pop_change  span{ margin: 5px 4px;  border: 1px #ededed solid; padding: 5px; border-radius: 3px; min-width: calc(23.2% - 8px); }

.modal.type1 > .inner .modal_footer{
    padding: 30px 60px 40px;
    box-shadow: 1px -5px 21px -2px rgba(0,0,0,0.16);
    -webkit-box-shadow: 1px -5px 21px -2px rgba(0,0,0,0.16);
    -moz-box-shadow: 1px -5px 21px -2px rgba(0,0,0,0.16);
}
.modal_footer.btn_only{ height: 0; overflow: hidden; visibility: hidden; box-sizing:border-box; }
@media screen and (max-width: 1200px){
  .tag_pop_change  span{width: calc(33% - 2vw) !important;margin: 1vw 1vw !important;display: flex;padding:0;border:0;align-items: center;}
  .tag_pop_change .icheckbox_square{/* position: absolute !important; *//* left: -999px; *//* top: -999px; */width: 5vw;height: 5vw;min-width: 5vw;}  
  .tag_pop_change label{/* background:#efefef; */display:flex;width:100%;height: 5.9vw;font-size: 3vw !important;border-radius:1vw;justify-content: flex-start;align-items: center;margin: 0;}
  .form-group .checked + label{/* background:#000; *//* color:#fff; */}
  .modal.type1 > .inner .modal_footer{padding: 2.6vw 4vw 4.9333vw; box-shadow: 1px -5px 21px -2px rgba(0,0,0,0.16);
-webkit-box-shadow: 1px -5px 21px -2px rgba(0,0,0,0.16);
-moz-box-shadow: 1px -5px 21px -2px rgba(0,0,0,0.16);}
  .modal_footer.btn_only{
    height: auto; display: flex; overflow: visible; visibility: visible;
}
  .modal_footer .btn1{
    font-size:4.8vw;
    font-weight:700;
    display: flex;
    height: 15.3333vw;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 2px #c0c0c0 solid;
    border-radius: 1.3vw;
    flex: 1;
    margin-left:2.6667vw;
}
  .modal_footer .btn1:first-child{ margin-left:0;}
  .modal_footer .btn1.white{ background:#fff; color:#222; border: 2px #c0c0c0 solid;}
  .modal_footer .btn1.black{ background:#000; color:#fff; border: 0;}
}
.visual-sub{ width: 100%; max-width: 1920px; height: 13.5vw; overflow: hidden; position: relative; display: flex;  margin: 0 auto; background-color: #fff; }
.visual-sub .bg-pos{ background-size: contain; background-position: 50% 0;  }
.visual-sub .cont{max-width: 1760px;width: 100%;margin-left: auto;margin-right: auto;display: flex;align-items: center;position: relative;margin-top: -140px;color: #fff;font-size: 90px;line-height: 0.9; text-shadow: 3px 3px 0px rgba(0,0,0,1);}
.visual-sub .bg-pos{}
.visual-sub .wrap_group{}
.visual-sub .wrap_group .bg_wave1{
   position: absolute; left: 0; bottom: -102px; z-index: 2;
   width: 10062px; height: 193px;
   background-image: url(../images/common/bg_wave_sv1.png);background-size: 100%; background-repeat: no-repeat;
   animation: move_wave_vs1 20s linear infinite;-webkit-animation: move_wave_vs1 20s linear infinite;
}
.visual-sub .wrap_group .bg_wave2{
   position: absolute; left: -10%; bottom: -101px; z-index: 1;
   width: 10062px; height: 193px;
   background-image: url(../images/common/bg_wave_sv2.png);background-size: 100%; background-repeat: no-repeat;
   animation: move_wave_vs2 55s linear infinite;-webkit-animation: move_wave_vs2 55s linear infinite;
}
@media screen and (max-width: 1840px){
   .visual-sub{ width: 100%; max-width: 100%; height: 13.5vw; overflow: hidden; position: relative; display: flex;  margin: 0 auto;}
   .visual-sub .cont{ margin-left: 40px; }
}
@media screen and (max-width: 1740px){
   .visual-sub{width: 100%;max-width: 100%;height: 17.3vw;}
}

@media screen and (max-width: 1200px){

  .visual-sub{ height: 0; padding-bottom: 56.05%; }
  .visual-sub .cont{max-width: none;margin-left: 6vw;margin-right: 6vw;margin-top: -5vw;font-size: 9vw;}
  .visual-sub .wrap_group .bg_wave1{
   position: absolute;
   left: 0;
   bottom: -29vw;
   z-index: 2;
   width: 700vw;
   height: 37vw;
   background-image: url(../images/common/bg_wave_sv1.png);
   animation: move_wave_vs1 20s linear infinite;
   -webkit-animation: move_wave_vs1 200s linear infinite;
  }
  .visual-sub .wrap_group .bg_wave2{
   position: absolute;
   left: -10%;
   bottom: -29vw;
   z-index: 1;
   width: 700vw;
   height: 38vw;
   animation: move_wave_vs2 55s linear infinite;
   -webkit-animation: move_wave_vs2 200s linear infinite;
  }

}


@keyframes move_wave_vs1 {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(1)
        transform: translateX(0%) translateZ(0) scaleY(1)
    }
    100% {
        transform: translateX(-25%) translateZ(0) scaleY(1)
    }
}
@keyframes move_wave_vs2 {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-35%) translateZ(0) scaleY(1)
        transform: translateX(0%) translateZ(0) scaleY(1)
    }
    100% {
        transform: translateX(-35%) translateZ(0) scaleY(1)
    }
}


.btn-more-pos{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; text-align: left; text-indent: -9999px; }

.prd-cont-type1{margin-top: 15px;text-align: center;position: relative;}
.prd-cont-type1 .hash{margin-bottom: 7px;font-size: 16px;}
.prd-cont-type1 .hash > *{ display:inline-block; margin:0 2px;}
.prd-cont-type1 .h_1{ font-weight:700;font-size: 20px;word-break: break-all; }
.prd-cont-type1 .price{margin-top: 5px;}

.prd-cont-type1.small{margin-top: 20px;}
.prd-cont-type1.small .hash{ font-size: 15px; }
.prd-cont-type1.small .h_1{ font-size:22px;  }
@media screen and (max-width: 1200px){
   .prd-cont-type1{margin-top: 3vw;}
   .prd-cont-type1 .hash{margin-bottom: 1vw;font-size: 3.2vw; }
   .prd-cont-type1 .hash > *{ margin:0 1vw;}
   .prd-cont-type1 .h_1{ font-size:4vw; }
   .prd-cont-type1 .price{margin-top: 0.5vw;}

   .prd-cont-type1.small{margin-top: 6vw;}
   .prd-cont-type1.small .hash{font-size: 3.2vw;}
   .prd-cont-type1.small .h_1{font-size: 4vw;line-height: 1.3;}
}


.wrap-coupon-type1{
    border: 1px #c1c1c1 solid;
}
.wrap-coupon-type1 .head{
    padding: 11px 23px;
    background: #f0f0f0;
}
.wrap-coupon-type1 .mid{
    padding: 11px 23px;
}
.wrap-coupon-type1 .h_1{
    color: #f87b0d;
    font-weight: 600;
}
.wrap-coupon-type1 .sale{
    font-size: 28px;
    color: #000;
    font-weight: 800;
    margin-top: 7px;
}
.wrap-coupon-type1 .t_1{}
.wrap-coupon-type1 .t_2{
    font-size: 14px;
}
@media screen and (max-width: 1200px){
   .wrap-coupon-type1{
       border: 1px #c1c1c1 solid;
   }
   .wrap-coupon-type1 .head{
       padding: 3vw 6vw;
   }
   .wrap-coupon-type1 .mid{
       padding: 4vw 6vw;
   }
   .wrap-coupon-type1 .h_1{
       color: #f87b0d;
       font-weight: 600;
   }
   .wrap-coupon-type1 .sale{
       font-size: 6vw;
       margin-top: 2vw;
   }
   .wrap-coupon-type1 .t_1{}
   .wrap-coupon-type1 .t_2{
       font-size: 4vw;
   }
}

.wrap-list-type1{ display: flex; }
.wrap-list-type1{ display: flex; position: relative; }
.wrap-list-type1 > .inner{width: 100%; max-width: 1500px;margin-left: auto;margin-right: auto;display: flex;justify-content: space-between;align-items: stretch; overflow: hidden;}
.wrap-list-type1 > .inner > .lft_area{ width: 195px;min-width: 195px; }
.wrap-list-type1 > .inner > .lft_area.scroll{
   overflow: hidden; overflow-y: scroll;
   padding-right: 30px;
}
.wrap-list-type1 > .inner > .rgh_area{
   margin-left: 65px; width:calc( 100% - 260px);

}
.wrap-list-type1.start > .inner > .lft_area,
.wrap-list-type1.start > .inner > .rgh_area{
   transition: all 700ms cubic-bezier(0.695, 0.010, 0.135, 0.990); /* custom */
   transition-timing-function: cubic-bezier(0.695, 0.010, 0.135, 0.990); /* custom */
}
.wrap-list-type1.close_filter > .inner > .lft_area{
   margin-left: -250px;
}
.wrap-list-type1.close_filter > .inner > .rgh_area{ width: 100%; margin-left: 0; }
.btn_reset{width: 100%;height: 40px;border: 1px solid #222;border-radius: 6px;display: inline-flex;align-items: center;justify-content: center;padding: 5px 20px;color:#000;font-size: 14px;font-weight: 700;box-sizing: border-box;}
@media (hover: hover) {
.btn_reset:hover{ background:#000; color:#fff;}
}



@media screen and (max-width: 1580px){
  .wrap-list-type1 > .inner{width: 100%; margin-left: 40px; margin-right: 40px;; }
}
@media screen and (max-width: 1480px){
   .wrap-list-type1 > .inner > .lft_area.scroll{
      padding-right: 30px;
   }
   .wrap-list-type1 > .inner > .lft_area{
      width: 190px;
      min-width: 190px;
   }
   .wrap-list-type1 > .inner > .rgh_area{
      margin-left: 30px;
      width:calc( 100% - 260px);
   }
   .wrap-filter > .inner > .head .tit{ font-size: 20px; }
   .wrap-filter .group_category .head .tit{ font-size: 18px; }
   .btn_reset{height: 40px;border-radius: 7px;font-size: 15px;font-weight: 700;}
}

@media screen and (max-width: 1200px){
   .wrap-list-type1{ display: flex; }
   .wrap-list-type1{ display: flex; position: relative; }
   .wrap-list-type1 > .inner{margin-left: 4vw;margin-right: 4vw;display: block;overflow: hidden;}
   .wrap-list-type1 > .inner > .lft_area{
      width: 100%;
      min-width: 100%;
      height: 0;
      margin:0 auto;
      position: absolute;
      left: 0;
      top: 0;
      background: #fff;
      z-index: 10;
      box-sizing: border-box;
   }
   .wrap-list-type1 > .inner > .rgh_area{
      margin-left: 0;
      width: 100%;
   }
  .wrap-filter > .inner{
   margin:0 6vw;
  }
   .wrap-list-type1.start > .inner > .lft_area,
   .wrap-list-type1.start > .inner > .rgh_area{
      transition: all 700ms cubic-bezier(0.695, 0.010, 0.135, 0.990); /* custom */
      transition-timing-function: cubic-bezier(0.695, 0.010, 0.135, 0.990); /* custom */
   }
   .wrap-list-type1.close_filter > .inner > .lft_area{
      margin-left: 0;
   }
   .wrap-list-type1.close_filter > .inner > .rgh_area{ width: 100%; margin-left: 0; }
   .btn_reset{height: 10vw;border-radius: 2vw;padding: 0 2vw;font-size: 3.8vw;}
}






.wrap-search-tag{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.wrap-search-tag > .inner{border-radius: 500px;border: 1px solid #222;position: relative;display: flex;height: 70px;overflow: hidden;box-sizing: border-box;padding: 0;background: #fff;z-index: 5;}
.wrap-search-tag > .inner i{position:absolute;left: 50px;top: 22px;font-size: 22px;color: #000;z-index: 3;}
.wrap-search-tag > .inner input[type="text"]{position: absolute;left: 80px;top: 1px;width: calc(100% - 130px);height: calc(100% - 3px);border: 0;line-height: 1;outline: 0;font-size: 27px;font-weight: 600; cursor:pointer;}
.wrap-search-tag > .inner input::placeholder { color: #000; font-weight:700; font-size:20px; letter-spacing:-0.02em; }

.wrap-search-done{ max-width: 1500px; margin-left: auto; margin-right: auto; }
.wrap-search-done .wrap-search-tag{ display: none; }
.wrap-search-done .inner_search_done{  }
.wrap-search-done .inner_search_done .txt_search{
    min-width: auto;
    max-width: none;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.4;
    padding-top: 0;
    margin-bottom: 70px;
    text-align: center;
}
.wrap-search-done .inner_search_done .lst_group{
    width: auto;
    margin-left: 0;
}
.wrap-search-done [class*="list_"]{}
.wrap-search-done [class*="list_"] .tit1{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 19px;
    word-break: break-all;
}
.wrap-search-done [class*="list_"] .normal-swiper{}
@media screen and (max-width: 1580px){
  .wrap-search-done{ margin-left: 40px; margin-right: 40px; }
  .wrap-search-done .inner_search_done .txt_search{ margin-bottom: 40px; }
}

@media screen and (max-width: 1200px){
    .wrap-search-tag{
      margin-bottom: 12vw;
  }
  .wrap-search-tag > .inner{height: 12vw;border-width: 2px;}
  .wrap-search-tag > .inner i{left: 4.93vw;top: calc(50% - 2.2vw);font-size: 4.4vw;}
  .wrap-search-tag > .inner input[type="text"]{left: 9.5vw;top: 0;width: 81.3vw;height: calc(12vw - 4px);font-size: 4vw;padding: 0 2vw 0;}
  .wrap-search-tag > .inner input::placeholder { font-size:3.47vw; color: #b5b5b5; }

  .wrap-search-done{width: auto;margin-left: 4vw;margin-right: 4vw;}
  .wrap-search-done .inner_search_done{display: flex;justify-content: space-between;flex-direction: column;}
  .wrap-search-done .inner_search_done .txt_search{
      min-width: auto;
      max-width: none;
      font-size: 4.2vw;
      font-weight: 600;
      line-height: 1.4;
      padding-top: 0;
      margin-bottom: 0;
  }
  .wrap-search-done .inner_search_done .lst_group{
      width: auto;
      margin-left: 0;
      margin-bottom: 13vw;
  }
  .wrap-search-done [class*="list_"]{}
  .wrap-search-done [class*="list_"] .tit1{
      font-size: 3.6vw;
      font-weight: 700;
      margin: 9vw 0 3vw;
      word-break: break-all;
  }
  .wrap-search-done [class*="list_"] .normal-swiper{}
}


.box-prd-template{ position: relative; overflow: hidden; }
.box-prd-template .thumb_group{position: relative; border-radius: 12px; overflow: hidden;}
.box-prd-template .cover{position: absolute;height: 60%;z-index: 0;left: 0;top: 0;width: 100%;}
.box-prd-template .cover .bg-pos{border-radius: 0;overflow: hidden;z-index: 0;background-size: cover;background-position: 50% 0;z-index: 0;box-shadow: -1px 10px 5px -1px rgba(0,0,0,0.21);-webkit-box-shadow: -1px 10px 5px -1px rgba(0,0,0,0.21);-moz-box-shadow: -1px 10px 5px -1px rgba(0,0,0,0.21); background-color: #dedede;}
.box-prd-template .wave{position: absolute;left: -0.5%;top: -20px;width: 101%;height: 120px;z-index: 1;background-size: 100%;background-repeat: no-repeat;}
.box-prd-template .thumb{position: relative;height: 420px;z-index: 3;width: 100%;display: inline-flex;margin-top: 42%;}
.box-prd-template .thumb .bg-pos{background-position:50% 0;background-size: contain; z-index: 2;
   -webkit-transition: opacity 0ms linear;
   -moz-transition: opacity 0ms linear;
   -ms-transition: opacity 0ms linear;
   -o-transition: opacity 0ms linear;
   transition: opacity 0ms linear;
  }
/* .box-prd-template .thumb .bg-pos.hv{ opacity: 0; } */
/* .box-prd-template:hover .thumb .bg-pos{opacity: 0;} */
/* .box-prd-template:hover .thumb .bg-pos.hv{ opacity: 1; } */
.box-prd-template .thumb .bg_shadow{position: absolute;left: 2%;bottom: -32px;width: 100%;height: 65px;background: url(../images/tmp/template/bg_can_shadow1.png) no-repeat;background-size: contain;z-index: 0;background-position: center center; display: none;}

.box-prd-template.type2 .thumb_group{border: 1px solid #dde5f1; border-radius: 30px; padding-bottom: 60px; overflow: hidden;}
.box-prd-template.type2 .cover{position: absolute;height: 50%;z-index: 0;left: 0;top: 0;width: 100%;border-radius: 30px;overflow: hidden;

}
.box-prd-template.type2 .cover .bg-pos{border-radius: 0 0 20px 20px;overflow: hidden;z-index: 0;background-size: cover;background-position: 50% 0;z-index: 0;}
.box-prd-template.type2 .wave{position: absolute;left: -0.5%;top: -20px;width: 101%;height: 120px;z-index: 1;background-size: 100%;background-repeat: no-repeat;}
.box-prd-template.type2 .thumb{position: relative;height: 453px;z-index: 3;width: 100%;display: inline-flex;margin-top: 46%;}
.box-prd-template.type2 .thumb .bg-pos{background-position:50% 0;background-size: contain;}
.box-prd-template.type2 .prd-cont-type1 .hash{margin-bottom: 18px;font-size: 16px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;min-height: 24px;line-height: 1.4;}

.box-prd-template .thumb{
   transition: all 500ms cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */

   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.box-prd-template:hover .thumb{
  -moz-transform: scale(1.05) translateY(0);
   -webkit-transform: scale(1.05) translateY(0);
   -o-transform: scale(1.05) translateY(0);
   -ms-transform: scale(1.05) translateY(0);
   transform: scale(1.05) translateY(0);
}

.box-prd-template .cover{ 
   transition: all 500ms cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.box-prd-template:hover .cover{
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

@media screen and (max-width: 1200px){
  .box-prd-template .cover{position: absolute;height: 60%;z-index: 0;left: 0;top: 0;width: 100%;}
  .box-prd-template .cover .bg-pos{ box-shadow: -1px 10px 5px -1px rgba(0,0,0,0.21);-webkit-box-shadow: -1px 10px 5px -1px rgba(0,0,0,0.21);-moz-box-shadow: -1px 10px 5px -1px rgba(0,0,0,0.21);}
  .box-prd-template .wave{left: -0.5%;top: -4vw;width: 101%;height: 50vw;background-size: 80vw;}
  .box-prd-template .thumb{position: relative;height: 60vw; margin-top: 20vw;}
  .box-prd-template .thumb .bg_shadow{position: absolute;left: 2%;bottom: -6vw; height: 12vw;}

  .box-prd-template.type2 .thumb_group{ border-radius: 5vw; padding-bottom: 10vw;}
  .box-prd-template.type2 .cover{position: absolute;height: 50%;z-index: 0;left: 0;top: 0;width: 100%;border-radius: 5vw;overflow: hidden;}
  .box-prd-template.type2 .cover .bg-pos{border-radius: 0 0 20px 20px;overflow: hidden;z-index: 0;background-size: cover;background-position: 50% 0;z-index: 0;}
  .box-prd-template.type2 .wave{position: absolute;left: -0.5%;top: -20px;width: 101%;height: 120px;z-index: 1;background-size: 100%;background-repeat: no-repeat;}
  .box-prd-template.type2 .thumb{position: relative;height: 65vw;z-index: 3;width: 100%;display: inline-flex;margin-top: 15vw;}
  .box-prd-template.type2 .thumb .bg-pos{background-position:50% 0;background-size: contain;}
  .box-prd-template.type2 .prd-cont-type1 .hash{margin-bottom: 1vw;font-size: 3.2vw;height: 4vw; min-height: 4vw;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; word-break: keep-all;}
}



.box-prd-normal{ position: relative; }
.box-prd-normal .group_itxt{margin-bottom: 15px;position: absolute;z-index: 5;left: 15px;top: 13px;margin: 0;}
.box-prd-normal .cover{
   position: absolute;height: 100%;z-index: 0;left: 0;top: 0;width: 100%; border-radius: 0; overflow: hidden; background-color:  #dedede;
}

.box-prd-normal .wave{position: absolute;left: -0.5%;top: -20px;width: 101%;height: 120px;z-index: 1;background-size: 100%;background-repeat: no-repeat;}
.box-prd-normal .thumb_group{position: relative; overflow: hidden; border-radius: 15px; overflow: hidden;}
.box-prd-normal .thumb{position: relative;height: 268px;z-index: 3;width: 100%;display: inline-flex;margin: 60px 0 30px;}
.box-prd-normal .thumb.small{height: 250px;margin: 40px 0;}
.box-prd-normal .thumb .bg-pos{background-position:50% 0;background-size: contain; z-index: 2;
   -webkit-transition: opacity 100ms linear;
   -moz-transition: opacity 100ms linear;
   -ms-transition: opacity 100ms linear;
   -o-transition: opacity 100ms linear;
   transition: opacity 100ms linear;
}
/* .box-prd-normal .thumb .bg-pos.hv{ opacity:0; } */
/* .box-prd-normal:hover .thumb .bg-pos{ opacity:0; } */
/* .box-prd-normal:hover .thumb .bg-pos.hv{ opacity:1; } */
.box-prd-normal .thumb .bg_shadow{position: absolute;left: 2%;bottom: -32px;width: 100%;height: 65px;background: url(../images/tmp/template/bg_can_shadow1.png) no-repeat;background-size: contain;z-index: 0;background-position: center center; display: none;}
.box-prd-normal .thumb{
      transition: all 500ms cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */

   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.box-prd-normal:hover .thumb{
  -moz-transform: scale(1.05) translateY(0);
   -webkit-transform: scale(1.05) translateY(0);
   -o-transform: scale(1.05) translateY(0);
   -ms-transform: scale(1.05) translateY(0);
   transform: scale(1.05) translateY(0);
}

.box-prd-normal .cover{ 
   transition: all 500ms cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */
   transition-timing-function: cubic-bezier(0.735, 0.015, 0.315, 1.000); /* custom */
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.box-prd-normal:hover .cover{
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

@media screen and (max-width: 1200px){
  .box-prd-normal{ position: relative; }
  .box-prd-normal .cover{ border-radius: 4vw; }
  .box-prd-normal .wave{position: absolute;left: -0.5%;top: -20px;width: 101%;height: 120px;z-index: 1;background-size: 100%;background-repeat: no-repeat;}
  .box-prd-normal .thumb_group{border-radius: 4vw;}
  .box-prd-normal .thumb{position: relative;height: 46vw;z-index: 3;width: 100%;display: inline-flex;margin: 10vw 0 7vw;}
  .box-prd-normal .thumb.small{height: 30vw;margin: 5vw 0;}
  .box-prd-normal .thumb .bg_shadow{position: absolute;left: 2%;bottom: -2.5vw; height: 4vw; }
  .box-prd-normal .group_itxt{margin-bottom: 2vw;position: absolute;z-index: 5;left: 2vw;top: 2vw; }
}


.box-prd-lineup{  position: relative; }
.box-prd-lineup .thumb_group{  position: relative; font-size: 0; }
.box-prd-lineup .thumb_group .bg-pos{
   -webkit-transition: opacity 100ms linear;
   -moz-transition: opacity 100ms linear;
   -ms-transition: opacity 100ms linear;
   -o-transition: opacity 100ms linear;
   transition: opacity 100ms linear;
}
/* .box-prd-lineup .thumb_group .bg-pos.hv{ opacity: 0; } */
/* .box-prd-lineup:hover .thumb_group .bg-pos{ opacity:0; } */
/* .box-prd-lineup:hover .thumb_group .bg-pos.hv{ opacity:1; } */
.box-prd-lineup .thumb_group .thumb{width: 100%;height: 0;position: relative;padding-bottom: 145%;border-radius: 20px;overflow: hidden;}



.ico-star{font-size: 0;}
.ico-star .star{position: relative;width: 23px;height: 24px;background-image: url(../images/main/ico_star.png);background-size: 100%;background-repeat: no-repeat;background-position: 0 -28px;display: inline-block;font-size: 0;}
.ico-star .star.on{background-position: 0 0;}
.ico-star.small .star{width: 19px;height: 20px;background-position: 0 -23px;}
.ico-star.small .star.on{background-position: 0 0;}
.ico-star.lg .star{width: 31px;height: 31px;background-image: url(../images/common/ico_star_lg.png);background-size: 100%; background-position: -1px -39px}
.ico-star.lg .star.on{background-position: -1px -1px;}

@media screen and (max-width: 1200px){
  .ico-star .star{position: relative;width: 4vw;height: 4vw;background-position: 0 -4.9vw;}
  .ico-star .star.on{background-position: 0 0;}
  .ico-star.lg .star{width: 7vw;height: 7vw;background-image: url(../images/common/ico_star_lg.png);background-size: 100%;background-position: 0 -8.5vw;margin: 0 0.5vw;}
  .ico-star.lg .star.on{background-position: -1px -1px;}
}


.ico-star-type2{font-size: 0;}
.ico-star-type2 .star{position: relative;width: 18px;height: 18px;background-image: url(../images/common/ico_star2.png);background-size: 100%;background-repeat: no-repeat;background-position: 0 -19px;display: inline-block;font-size: 0;}
.ico-star-type2 .star.on{background-position: 0 0;}
@media screen and (max-width: 1200px){
  .ico-star-type2 .star{position: relative;width: 4vw;height: 4vw; background-size: 100%; background-position: 0 -4.3vw;}
  .ico-star-type2 .star.on{background-position: 0 0;}

}





.btn-marker1{font-size: 0;position: relative;width: 18px;height: 27px;background-image: url(../images/common/ico_mark.png);background-size: 100%;background-repeat: no-repeat;background-position: 0 -0;display: inline-block;font-size: 0;}
.btn-marker1:after{content:"즐겨찾기 켜기";}
.btn-marker1.on{background-position: 0 -30px;}
.btn-marker1.on:after{content:"즐겨찾기 끄기";}


.ico-arr1{position: relative;width: 30px;height: 20px; background-image: url(../images/common/ico_arr1.png);background-size: 100%;background-repeat: no-repeat;background-position: 0 0;display: inline-block;font-size: 0;}



.box-gray3{ box-shadow: 0px 0px 6px -1px rgba(117,117,117,0.25);-webkit-box-shadow: 0px 0px 6px -1px rgba(117,117,117,0.25);-moz-box-shadow: 0px 0px 6px -1px rgba(117,117,117,0.25);border-radius: 15px; }
.box-gray3 > .inner{ padding: 15px;  }
.box-gray3 > .inner.p30{ padding: 30px;  }
.box-gray3.bs_none{ border: 1px solid #e8edf6; box-shadow: 0px 0px 6px -1px rgba(117,117,117,0);-webkit-box-shadow: 0px 0px 6px -1px rgba(117,117,117,0);-moz-box-shadow: 0px 0px 6px -1px rgba(117,117,117,0);  }
.box-gray-topline{ border-top: 2px solid #000; }
.box-gray3.list-type{
    border: 0;
    box-shadow: none;
    border-bottom: 1px #dde6f1 solid;
    border-radius: 0;
}
.box-gray3.list-type > .inner{  }


@media screen and (max-width: 1200px){
  .box-gray3{ border-radius: 2vw; background-color: #fff; }
  .box-gray3 > .inner{ padding: 3vw 4vw;  }
  .box-gray3 > .inner.p30{padding: 4vw 4vw;}
  .box-gray3.list-type{
    border: 0;
    box-shadow: none;
    border-bottom: 1px #dde6f1 solid;
    border-radius: 0;
   }
   .box-gray3.list-type > .inner{ padding: 4vw 2vw; }
}


.content_none{ text-align: center; padding: 80px 0; font-size: 50px; color: #ececec; font-weight: 800;
display: flex; align-items: center; justify-content: center; }
.content_none.line{ border-top: 1px solid #333; border-bottom: 1px solid #ddd; }
@media screen and (max-width: 1200px){
  .content_none{ padding: 12vw 0; font-size: 6vw; line-height:1.3; }
}

.title2{ font-size:18px; line-height:1.4; font-weight:700; color:#000; margin-bottom:15px; }
.title2.lg{ font-size: 24px; }
@media screen and (max-width: 1200px){
  .title2{font-size:3.33vw; margin-bottom: 2vw;}
  .title2.lg{font-size: 4.2vw;}
}



.btn-bot2{ display: flex; align-items: center; justify-content: space-between; }
.btn-bot2 > .cols{ width: 30%; margin: 0 1.5%; }
.btn-bot2 > .cols.cen{ text-align: center; }
.btn-bot2 > .cols.lft{ text-align: left;  margin-left: 0; }
.btn-bot2 > .cols.rgh{ text-align: right; margin-right: 0; }

.t_ex{ margin-top: 8px; font-size: 14px; color:#000; font-weight: 500; }
.ico_req{ color: #f39800 !important; }
@media screen and (max-width: 1200px){
   .t_ex{ margin-top: 1vw; font-size: 3vw; }
}

.form-group{display: inline-flex;align-items: center; position: relative;}
.form-group label{ margin-left:12px; font-size:14px; color:#000; font-weight:500;}
.form-group .click-popup{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; margin: 0;}
@media screen and (max-width: 1200px){
  .form-group label{ margin-left:3vw; font-size:3.5vw;}
}

.head-back{position: fixed; left: 0; top: 0; width: 100%; z-index: 5; }
.head-back .inr-c{ position:relative; }
.head-back .back{display: inline-flex;color: #fff;align-items: center;margin-top: 28px;font-size: 18px;}
.head-back .back i{ margin-right:8px; font-size:34px; }
.head-back .close{position:absolute;right:50px;top: 20px;width: 60px;height: 60px;background:#fff;color:#000;display: inline-flex;align-items: center;font-size: 24px;border-radius:50%;justify-content: center;}
@media (hover: hover) {
/*  .head-back .close:hover{ background:#f39800; color:#fff;}*/
}
@media screen and (max-width: 1200px){
  .head-back .back{margin-top: 28px;font-size: 16px;color:#000;}
  .head-back .back i{ margin-right:5px; font-size:28px; }
  .head-back .close{position:absolute;right: 0;top: 20px;width: 60px;height: 60px;background: #000;color: #fff;display: inline-flex;align-items: center;font-size: 24px;border-radius:50%;justify-content: center;}  
}
@media screen and (max-width: 1200px){
  .head-back{position: absolute; left: 0; top: 0; width: 100%; z-index: 5; }
  .head-back .back{margin-top: 2vw;font-size: 4vw; color:#000; display: none;}
  .head-back .back i{margin-right: 2vw;font-size: 6vw;}
  .head-back .close{right: 0vw;top: 4vw;width: 9vw;height: 9vw;font-size: 4vw;background: #000;color: #fff;}
}


.btn-arr-lft{ display: inline-flex; align-items: center; line-height: 1; font-weight: 700; }
.btn-arr-lft i{margin-right: 3px;}

.btn-arr-rgh{ display: inline-flex; align-items: center; line-height: 1; }
.btn-arr-rgh i{margin-left: 3px;}


.inr-c-member{ max-width: 570px; margin: 0 auto; }
.inr-c-order{ max-width: 980px; margin: 0 auto; }
@media screen and (max-width: 1060px){
   .inr-c-order{ max-width: 980px; margin: 0 40px; }
}
@media screen and (max-width: 1200px){
  .inr-c-member{max-width: none;margin: 0 4vw;}
  .inr-c-order{ max-width: 980px; margin: 0 4vw; }
}

.bg-fixed{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh;  }
.bg-fixed:after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 0; content:"";  }

.wrap-layer-center{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100vh; }
.inner-layer-center{ margin: 60px 40px; padding-bottom: 80px; width: 800px; background-color: #fff; border-radius: 55px; min-height: 200px; }
.inner-layer-center.sz2{ width: 1200px;  }
@media screen and (max-width: 1280px){
   .inner-layer-center.sz2{ margin-left: 0; margin-right: 0;  }
}
@media screen and (max-width: 1200px){
   .wrap-layer-center{position: relative;display: flex;align-items: stretch;justify-content: center;width: 100%;min-height: 100vh;}
   .inner-layer-center.sz2{ width: 100%; margin: 0; border-radius: 0;}
}
@media screen and (max-width: 1200px){
   .bg-fixed{ display: none; }
  .inner-layer-center{margin: 0;padding-bottom: 9vw; border-radius: 0; min-height: auto;box-sizing: border-box;}
  .inner-layer-center.sz2{ width: 92vw;  }
  .mypage .inner-layer-center{ width: 100%; padding-bottom: 0; }
  .bg_mypage_cont{ border-top: 1px solid #f5f6f8; width: 100%; padding: 0 4vw 10vw; background-color: #f5f6f8; box-sizing: border-box; }
}

.logo_member{ padding-top: 75px;background: url(../images/common/bg_wave2.png) 5% 103px no-repeat;text-align: center; background-size: 100%; }
.logo_member_ty2{padding-top: 65px;background: url(../images/common/bg_wave2.png) 5% 44px no-repeat;text-align: center;padding-bottom: 20px;}
.logo_member img{ margin-left:40px;}
@media screen and (max-width: 1200px){
  .logo_member{padding-top: 7vw;background: url(../images/common/bg_wave2.png) 5% 2vw no-repeat;margin-bottom: 8vw;}
  .logo_member_ty2{padding-top: 8vw;background: url(../images/common/bg_wave2.png) 5% 10vw no-repeat;padding-bottom: 2vw;background-position: 0 0vw;background: none;}
  .logo_member img{margin-left:5vw;width: 30vw;}
  .modal.type1 > .inner .modal_content > .inner,
  .modal.type2 > .inner .modal_content > .inner {padding: 8vw 4vw 10vw;}
   body .modal.type1 .head-type-member .title1,
   body .modal.type2 .head-type-member .title1{ font-size: 6vw; }
}

.head-type-member{ text-align: center; }
.head-type-member .t1{ margin: 0 auto; }
.head-type-member .t2{ font-size: 20px; font-weight: 700;  color:#000;  }
@media screen and (max-width: 1200px){
  .wrap-layer-center{background-color: #fff;display: flex;align-items: flex-start;min-height: auto;}
  .head-type-member .t2{font-size: 3.6vw;margin-top: 1vw;}
}



.wrap-fild-type1{ max-width: 510px; margin: 0 auto; }
.wrap-fild-type1.w_full{ max-width: 100%;  }
.wrap-fild-type1 .item{ margin-top:12px; }
.wrap-fild-type1 .item.mt2{ margin-top:20px; }
.wrap-fild-type1 .item > .cols{ display: flex; }
.wrap-fild-type1 .item > .cols > *{ width: 100%;  }
.wrap-fild-type1 .item .tit{ padding-top: 14px; min-width:150px; width: auto; color:#000; font-weight:800; }
.wrap-fild-type1.tit_sz2 .item .tit{ min-width: 210px; }
.wrap-fild-type1 .item .inp{ width:100%; }
.wrap-fild-type1 .item .inp .hg-normal{ min-height: auto; display: flex; align-items: center; }
input[type="tel"].inp_type1, input[type="text"].inp_type1, input[type="password"].inp_type1, input[type="file"].inp_type1{ width:100%; height:60px; border-radius:10px; border-width:1px; border-color:#c6d4e7; font-size: 18px; font-weight: 500; font-family: var(--ff-ori); }
input[type="tel"].inp_type1.hg2, input[type="text"].inp_type1.hg2, input[type="password"].inp_type1.hg2, input[type="file"].inp_type1.hg2{  height:50px; }
input[type="tel"].inp_type1.readonly, input[type="text"].inp_type1.readonly, input[type="password"].inp_type1.readonly, input[type="file"].inp_type1.readonly{ background-color:#f6f6f6;  outline:0; }
.wrap-fild-type1 .item .info{ margin-top: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; color: #000; }
.wrap-fild-type1 .item .info > .lft{ font-size: 0; }
.wrap-fild-type1 .item .info > .rgh{}

@media screen and (max-width: 1200px){
  .wrap-fild-type1{max-width: none;}
.wrap-fild-type1.w_full{ max-width: 100%;  }
.wrap-fild-type1 .item{margin-top: 4vw;}
.wrap-fild-type1 .item.mt2{ margin-top:2vw; }
.wrap-fild-type1 .item > .cols{display: flex;flex-direction: column;}
.wrap-fild-type1 .item > .cols > *{ width: 100%;  }
.wrap-fild-type1 .item .tit{padding-top: 1vw;min-width: 50vw;width: auto;color:#000;font-weight:800;margin-bottom: 2vw; font-size: 3.6vw}
.wrap-fild-type1.tit_sz2 .item .tit{ min-width: 210px; }
.wrap-fild-type1 .item .inp{ width:100%; }
input[type="tel"].inp_type1, input[type="text"].inp_type1, input[type="password"].inp_type1, input[type="file"].inp_type1{width:100%;height: 10vw;border-radius: 1vw;font-size: 3.6vw;}
input[type="tel"].inp_type1.hg2, input[type="text"].inp_type1.hg2, input[type="password"].inp_type1.hg2, input[type="file"].inp_type1.hg2{  height:50px; }

.wrap-fild-type1 .item .info{margin-top: 2vw;display: flex;align-items: center;justify-content: space-between;font-size: 4vw;color: #000;}
.wrap-fild-type1 .item .info > .lft{ font-size: 0; }
.wrap-fild-type1 .item .info > .rgh{ font-size: 3.6vw; }
}


.wrap_sns2 > ul{ display: flex; justify-content: center; }
.wrap_sns2 > ul > li{ text-align: center; margin: 0 25px; }
.wrap_sns2 > ul > li .ico{ display: block; }
.wrap_sns2 > ul > li .ico.sz2 img{ max-height: 90px; }
.wrap_sns2 > ul > li .t1{ display: block; color: #000; font-weight: 600; }
@media screen and (max-width: 1200px){
  .wrap_sns2 > ul{display:flex;justify-content: space-between;}
  .wrap_sns2 > ul > li{text-align: center;margin: 0;width: 30vw;}
  .wrap_sns2 > ul > li .ico{ display: block; }
  .wrap_sns2 > ul > li .ico img{ max-height:12vw; }
  .wrap_sns2 > ul > li .ico.sz2 img{ max-height: 90px; }
  .wrap_sns2 > ul > li .t1{font-size:3.6vw;line-height:1.3;margin-top: 2vw;}
}


.inp-num3{ display: flex; align-items: center; }
.inp-num3 span.line{ margin: 0 5px; }
.inp-num3 span.ip{ width: 32%;  }

.inp-tel{ display: flex; align-items: center; justify-content: space-between; }
.inp-tel span.first{ width: 140px;  }
.inp-tel span.last{ width: calc(100% - 150px);  }

.wrap_mem_step1 > ul{ display: flex; justify-content: center; }
.wrap_mem_step1 > ul > li{ width: 33%; text-align: center; margin: 0 15px; }
.wrap_mem_step1 > ul > li .img{ display: block; }
.wrap_mem_step1 > ul > li .t1{ display: block; color: #000; font-weight: 600; font-size: 14px; }
@media screen and (max-width: 1200px){
  .wrap_mem_step1 > ul{display: flex;justify-content: center;flex-direction: column;}
  .wrap_mem_step1 > ul > li{width: 100%;margin-top: 6vw;margin: 0 auto 1.3vw;display: flex;align-items: center;}
  .wrap_mem_step1 > ul > li .img{width: 41.33vw;min-width: 41.33vw;background: transparent;font-size: 0;}
  .wrap_mem_step1 > ul > li .t1{display: block;color: #000;font-weight: 600;font-size: 3.6vw;text-align:left;margin-left: 4vw;}
}




.wrap_join_step1 ul{ display: flex; justify-content: center; }
.wrap_join_step1 ul li{ cursor: pointer; height: 330px; margin-left: 30px; width: 50%; background-color: #fff; border: 2px solid #fff; box-shadow: 6px 5px 15px -6px rgba(117,117,117,0.54); -webkit-box-shadow: 6px 5px 15px -6px rgba(117,117,117,0.54);
-moz-box-shadow: 6px 5px 15px -6px rgba(117,117,117,0.54); border-radius: 20px; text-align: center; }
.wrap_join_step1 ul li:first-child{margin-left: 0;}
.wrap_join_step1 ul li .img{display: block; margin-top: 50px;}
.wrap_join_step1 ul li .t1{ margin-top: 20px; font-size: 19px; font-weight: 700; color:#000; }
.wrap_join_step1 ul li .t2{ max-width: 190px; font-size: 16px; margin-top: 10px; margin-left: auto; margin-right: auto; }
@media (hover: hover) {
   .wrap_join_step1 ul li:hover{ border-color: #000;  }
}
@media screen and (max-width: 1200px){
  .wrap_join_step1 ul{display: flex;width: auto;margin: 0 auto;justify-content: center;flex-direction: column;}
  .wrap_join_step1 ul li{ height: auto; min-height: 36vw;margin-left: 0;width: 100%;border-radius: 5vw;text-align: left;margin-bottom: 4vw;display: flex;align-items: center;padding: 6vw 4vw; box-sizing: border-box;}
  .wrap_join_step1 ul li .img{display: block;margin-top: 0;width: 28vw;}
  .wrap_join_step1 ul li .img img{ width:19vw; }
  .wrap_join_step1 ul li .t1{ margin-top: 0;font-size: 4.6vw; }
  .wrap_join_step1 ul li .t2{ max-width: 44vw;font-size: 3.4667vw;margin-top: 1vw; }
}


.custom-file-upload{ width: 100%;  }
.file-upload-wrapper{ position: relative; width: 100%; overflow: hidden;  }
.inp_box_type1 input,
.file-upload-wrapper input{  padding-right: 100px; }
.inp_box_type1 .ui-datepicker-trigger,
.inp_box_type1 button,
.file-upload-wrapper button{position:absolute;right:25px;top:0;width:auto;height:100%;display:flex;justify-content: center;align-items: center;font-size: 14px;font-weight: 700;  font-family: var(--ff-ori); color: #000;}
.inp_box_type1{ position: relative;  cursor: pointer;}




.ui-widget.ui-widget-content{
  /* 전체 박스 */
  border:0px;
  box-shadow: 5px 5px 10px #ccc;
  padding:0;

}
.ui-widget-header{
  /* 헤더 (화살표/날짜표시 영역) */
  background: #000;
  border: 0px;
  border-radius: 0px;
}
.ui-widget-header .ui-icon{
  /* 이전,다음 화살표 */
  background: none;
}
.ui-datepicker-prev{
  /* 이전 화살표 */
  text-align:center;
  line-height: 2em;
}
.ui-datepicker-prev::before{
   font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content:"\ea07";
  color:#fff;
}
.ui-datepicker-next{
  /* 다음 화살표 */
  text-align:center;
  line-height: 2em;
}
/*font-awesome 이용해서 화살표 변경*/
.ui-datepicker-next::before{
   font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  content:"\ea09";
  color:#fff;
}
.ui-datepicker .ui-datepicker-title{
  /* 년월 텍스트 묶음 */
  color: #fff;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year{
  /* 년도 숫자만 */
  color: gold;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month{
  /* *월 */
  color: gold;
}
.ui-datepicker th{
  /* 요일 영역 */
  background : #000;
  color: #fff;
  padding: 5px;
}
.ui-datepicker th span{
  /* 요일 텍스트 */
  font-size:18px;
  color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
  /* 일자 기본영역 */
  border:0px;
  background: none;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 100%;
  padding:0;
  margin: 0 auto;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  /* 오늘일자 */
  border:0px;
  background:#ccc;
  color: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
  /* 선택 일자 */
  background: gold;
  color: #000;
}

.wrap_join_complete{ text-align: center; }
.wrap_join_complete .h_1{ margin-top: 25px; font-size: 19px; font-weight: 700; color: #000; }
.wrap_join_complete .t_1{ margin-top: 10px; }
.wrap_join_complete .btns{ margin-top: 25px; }

.wrap_textbox1{border-radius: 15px;background-color: #fff;width: 400px;display: block;margin-left: auto;margin-right: auto;box-shadow: -1px 1px 8px 0px rgba(117,117,117,0.4);-webkit-box-shadow: -1px 1px 8px 0px rgba(117,117,117,0.4);-moz-box-shadow: -1px 1px 8px 0px rgba(117,117,117,0.4);}
.wrap_textbox1 > .inner{padding: 28px 45px;}
.wrap_textbox1 > .inner > .cols{display: flex;align-items: center;justify-content: space-between;padding: 16px 0;border-top: 1px #dde6f1 solid;}
.wrap_textbox1 > .inner > .cols.first,
.wrap_textbox1 > .inner > .cols:first-child{ border:0;}
.wrap_textbox1 .h{ font-weight:700; }
@media screen and (max-width: 1200px){
  .wrap_textbox1{border-radius: 5vw;width: auto;}
  .wrap_textbox1 > .inner{padding: 2vw 5vw;}
  .wrap_textbox1 > .inner > .cols{display: flex;align-items: center;justify-content: space-between;padding: 5vw 0;}
  .wrap_textbox1 > .inner > .cols.first,
  .wrap_textbox1 > .inner > .cols:first-child{ border:0;}
  .wrap_textbox1 .h{ font-weight:700; }
}



body .modal.type1{
  width: 800px;
   border-radius: 65px;
}
body .modal.w2{
   width: 980px;
}
body .modal.type2{
   width: 100%;
   max-width: 1500px;
   border-radius: 65px;
}
body .modal.type2 > .inner .modal_header,
body .modal.type1 > .inner .modal_header{
   padding: 0;
}
body .modal.type2 .modal_header button.modal_close,
body .modal.type1 .modal_header button.modal_close {top: 40px;margin-top: 0;font-size: 30px;right: 40px;}
@media screen and (max-width: 1200px){
  
  body .modal.type2,
  body .modal.type1{
   max-width: none;
   width: 100vw;
   max-height: 100%;
   /*
   height: 100vh;*/
   top:0 !important;
   border-radius: 0;
  }
  body .modal.w2{ width: auto;max-width: none; margin: 0 0; }
  body .modal.type2 .modal_header button.modal_close,
  body .modal.type1 .modal_header button.modal_close {top: 2vw;margin-top: 0;font-size: 4.5vw;right: 2vw;}
}

body .modal.pop_fix .modal_content .inner{ padding: 0 40px 40px; }
@media screen and (max-width: 1200px){
   body .modal.pop_fix > .inner .modal_header{padding: 0;padding-right: 0;min-height: 8vw;}
   body .modal.pop_fix .modal_header button.modal_close {top: calc(50% - 3vw);font-size: 4vw;line-height: 0;padding: 1vw;}
   body .modal.pop_fix .modal_content .inner{ padding: 0 4vw 4vw; }

}

.text_area2{padding: 30px;border-radius: 15px;background-color: #fff;display: block;margin-left: auto;margin-right: auto;box-shadow: -1px 1px 8px 0px rgba(117,117,117,0.4);-webkit-box-shadow: -1px 1px 8px 0px rgba(117,117,117,0.4);-moz-box-shadow: -1px 1px 8px 0px rgba(117,117,117,0.4);overflow: hidden;}
.text_area2 > .inner{padding: 5px 22px 0 0;overflow-y: auto;overflow-x: hidden;width: 100%;height: 232px;font-size: 16px;line-height: 1.6;color:#000;box-sizing: border-box;}

@media screen and (max-width: 1200px){
  .text_area2{padding: 3vw 4vw; border-radius: 2vw; }
  .text_area2 > .inner{padding: 1vw 4vw 0 0; height: 60vw;font-size: 3.4vw;}  
}
 


@media (min-width:769px) {
    .text_area2 * {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: thin;
        scrollbar-color: #000 #eee
    }
    .text_area2 ::-webkit-scrollbar {
        height: .8rem;
        width: 2px;

    }
    .text_area2 ::-webkit-scrollbar-track {
        background: #eee
    }
    .text_area2 ::-webkit-scrollbar-thumb {
        background-color: #000;
        border-radius: .9rem;
        cursor: pointer !important;
    }


   .modal_content * {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: thin;
        scrollbar-color: #000 #eee
    }
    .modal_content ::-webkit-scrollbar {
        height: .8rem;
        width: 2px;

    }
    .modal_content ::-webkit-scrollbar-track {
        background: #eee
    }
    .modal_content ::-webkit-scrollbar-thumb {
        background-color: #000;
        border-radius: .9rem;
        cursor: pointer !important;
    }
}



.switch_ty1{display: inline-block;position: relative;}
.switch_ty1 input[type="checkbox"] {
   height: 0;
   width: 0;
   visibility: hidden;
   position: absolute;
   left: -9999px;
   top: -9999px;
}

.switch_ty1 label {
   cursor: pointer;
   text-indent: -9999px;
   width: 70px;
   height: 30px;
   background: #fff;
   display: block;
   border-radius: 100px;
   position: relative;
   border: 1px #c6d4e7 solid;
}

.switch_ty1 label .lft,
.switch_ty1 label .rgh{position: absolute;left: -110px;top: 7px;font-size: 14px;width: 100px;line-height: 1;color: #000;text-align: right; font-weight:600;}
.switch_ty1 label .rgh{ left:auto; right:-36px; top: 7px;font-size: 14px;width: 100px;line-height: 1;color: #000;text-align: right;}

.switch_ty1 label:after {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   width: 20px;
   height: 20px;
   background: #dce9f1;
   border-radius: 90px;
   transition: 0.3s;
}

.switch_ty1 input:checked + label {
   background: #ffe1bb;
   border-color: #ffe1bb;
}

.switch_ty1 input:checked + label:after {
   left: calc(100% - 5px);
   transform: translateX(-100%);
   background:#f38900;
}

.switch_ty1 label:active:after {
   width: 50px;
}

@media screen and (max-width: 1200px){

  .switch_ty1 label { width: 15vw; height: 7vw; }
  .switch_ty1 label .lft,
  .switch_ty1 label .rgh{left: -15vw;top: 1.7vw;font-size: 3.4vw;width: 13vw;line-height: 1;color: #000;text-align: right;font-weight:600;}
  .switch_ty1 label .rgh{left:auto;right: -8vw;top: 1.7vw;font-size: 3.4vw;width: 7vw;line-height: 1;color: #000;text-align: right;}
  .switch_ty1 label:after {
     content: "";
     position: absolute;
     top: 0.9vw;
     left: 1.3vw;
     width: 5vw;
     height: 5vw;
  }
  .switch_ty1 input:checked + label:after {
     left: calc(100% - 1vw);
     transform: translateX(-100%);
     background:#f38900;
  }
  .switch_ty1 label:active:after {
     width: 50px;
  }
}


.wrap_tarms_bot{}
.wrap_tarms_bot .cols{
    display: flex;
    width: 100%;
    align-items: center;
   margin-top:10px;
}
.wrap_tarms_bot .cols:first-child{margin-top:0;}
.wrap_tarms_bot .cols .tit{
    font-size: 17px;
    font-weight: 700;
    color: #000;
   width:250px;
}
.wrap_tarms_bot .cols .switch_ty1{ }

@media screen and (max-width: 1200px){
  .wrap_tarms_bot .cols{
     margin-top:3vw;
  }
  .wrap_tarms_bot .cols .tit{
    font-size: 3.6vw;
    width: 52vw;
  }
}




.wrap_order_item{ box-shadow: 0px 0px 6px -1px rgba(117,117,117,0.25);-webkit-box-shadow: 0px 0px 6px -1px rgba(117,117,117,0.25);-moz-box-shadow: 0px 0px 6px -1px rgba(117,117,117,0.25);border-radius: 15px; }
.wrap_order_item.on{ outline:2px #454545 solid;  }
.wrap_order_list_ty1{padding: 30px;}
.wrap_order_list_ty1 > .inner{display: flex;justify-content: space-between;align-items: flex-end;}
.wrap_order_list_ty1 > .inner > .lft{}
.wrap_order_list_ty1 > .inner > .rgh{ display: flex; }
.wrap_order_list_ty1 > .inner > .rgh > * {margin-left: 5px;}
.wrap_order_list_ty1 .btns{}
.wrap_order_list_ty1 .btns > *{ margin-left: 6px; }

.wrap_order_view_ty1{  }
.wrap_order_view_ty1 .item{ margin-top: 5px;  }
.wrap_order_view_ty1 > .inner{ padding: 30px; border-top: 1px solid #e8edf6; }
.wrap_order_view_ty1 .t_state{ font-size: 22px; font-weight: 800; color: #000; }
.wrap_order_view_ty1 .t_state_guide{ font-size: 15px; font-weight: 500; color: #555; margin-top: 6px; }
@media screen and (max-width: 1200px){
   .wrap_order_list_ty1 > .inner{display: flex;flex-direction: column;align-items: flex-start;}
   .wrap_order_list_ty1 > .inner > .lft{ display: flex; align-items: flex-start;}
  .wrap_order_item{ border-radius: 2vw; background-color: #fff; }
  .wrap_order_list_ty1{padding: 4vw 3.3vw;}
  .wrap_order_list_ty1 .btns > *{margin: 1vw;width: calc(50% - 2vw);}
  .wrap_order_view_ty1 .item{ margin-top:3vw;  }
  .wrap_order_view_ty1 > .inner{ padding: 5vw;}
  .wrap_order_view_ty1 .t_state{ font-size: 5vw; }
  .wrap_order_view_ty1 .t_state_guide{ font-size: 3.2vw; }
  .wrap_order_list_ty1 > .inner > .rgh{margin-top: 0;display: flex;flex-direction: column;}
  .wrap_order_list_ty1 > .inner > .rgh .btn-type3{  font-size: 2.7vw; margin-bottom:1.2vw; }
  .wrap_order_list_ty1 .btns{display:flex;}
  .wrap_order_list_ty1 .btns{display:flex;flex-wrap: wrap;}
}



.wrap_list_ty1{ padding: 15px;  }
.wrap_list_ty1 > .inner{display: flex;justify-content: space-between;align-items: flex-end;}
.wrap_list_ty1 > .inner > .lft{}
.wrap_list_ty1 > .inner > .lft .ico_location{ margin-bottom: auto; }
.wrap_list_ty1 > .inner > .rgh{}
.wrap_list_ty1 .btns{}
.wrap_list_ty1 .btns > *{ margin-left: 6px; }
@media screen and (max-width: 1200px){
  .wrap_list_ty1{ padding: 15px;  }
  .wrap_list_ty1 > .inner{display: flex;justify-content: space-between;align-items: flex-end;}
  .wrap_list_ty1 > .inner > .lft{}
  .wrap_list_ty1 > .inner > .lft .ico_location{ margin-bottom: auto; }
  .wrap_list_ty1 > .inner > .rgh{}
  .wrap_list_ty1 .btns{}
  .wrap_list_ty1 .btns > *{ margin-left: 6px; }
}

.wrap_order_view_ty1{  }
.wrap_order_view_ty1 .item{ margin-top: 5px;  }
.wrap_order_view_ty1 > .inner{ padding: 30px; border-top: 1px solid #e8edf6; }
.wrap_order_view_ty1 .t_state{ font-size: 22px; font-weight: 700; color: #000; }
.wrap_order_view_ty1 .t_state_guide{ font-size: 15px; font-weight: 500; color: #555; margin-top: 6px; }
@media screen and (max-width: 1200px){
  .wrap_order_view_ty1{  }
  .wrap_order_view_ty1 .item{margin-top: 1vw;display: flex;flex-wrap: wrap;padding: 3.3vw 3.3vw 3.3vw 2.3vw; border-radius: 0.7vw;}
  .wrap_order_view_ty1 .item .thumb{ width:25vw; }
  .wrap_order_view_ty1 .item .tit{margin-left: 4vw;font-size: 2.93vw;}
  .wrap_order_view_ty1 .wrap-prd-lst-ty1 .price{margin: 0;display: flex;text-align: left;margin-top: 0;width: 31vw;flex-direction: row;margin-left: auto;}
  .wrap_order_view_ty1 .wrap-prd-lst-ty1 .btns-view{margin-top: 4vw;width: 100%;text-align: left;}

  .wrap_order_view_ty1 .wrap-prd-lst-ty1 .price .inr{display:flex;margin: 0;flex-direction: column;align-items: flex-end;width: auto;font-size: 2.93vw;}
  .wrap_order_view_ty1 .wrap-prd-lst-ty1 .price .inr > *{ margin-left: 4vw; }
  .wrap_order_view_ty1 .wrap-prd-lst-ty1 .price .btns{display:flex;justify-content: flex-start;margin: 5vw 0 0;}
  .wrap_order_view_ty1 .wrap-prd-lst-ty1 .price .btns > * {margin:0 2vw 0 0;}
  .wrap_order_view_ty1 > .inner{padding: 4vw;}
  .wrap_order_view_ty1 .t_state{font-size: 3.8vw;font-weight: 700;color: #000;}
  .wrap_order_view_ty1 .t_state_guide{ font-size: 2.8vw; }
}



.wrap-prd-ty1{ display: flex; align-items: center; }
.wrap-prd-ty1 .thumb{ width: 140px; height: 130px; position: relative; border-radius:10px; overflow: hidden; }
.wrap-prd-ty1 .thumb.ord_temp{width: 140px;height: 136px;border:1px #ddd solid;position: relative;border-radius:10px;overflow: hidden;box-sizing: border-box;}
.wrap-prd-ty1 .thumb.ord_beer{width: 140px;height: 166px;border:1px #ddd solid;position: relative;border-radius:10px;overflow: hidden;box-sizing: border-box;}
.wrap-prd-ty1 .thumb.ord_temp a{width: 86%;left: 7%;top: 0;}
.wrap-prd-ty1 .thumb.ord_beer a{height: 73%;top: 13%;}
.wrap-prd-ty1 .cont{ margin-left: 40px; }
.wrap-prd-ty1 .cont .tit{ font-size: 20px; font-weight: 700; margin-bottom: 10px; }
@media screen and (max-width: 1200px){
  .wrap_order_list_ty1 > .inner{display: flex;align-items: flex-start;flex-direction: row;}
  .wrap-prd-ty1 .thumb{width: 24vw;height: 22vw;position: relative;border-radius: 4vw;overflow: hidden;}
  .wrap-prd-ty1 .cont{margin-left: 5.0667vw; margin-top: 0;}
  .wrap-prd-ty1 .cont .tit{font-size: 3.3vw;margin-bottom: 1vw;}
  .wrap-prd-ty1 .thumb.ord_temp{ width: 12.2667vw;height: 14.8000vw; border-radius:0.6vw; }
  .wrap-prd-ty1 .thumb.ord_beer{width: 12.2667vw;height: 14.8000vw;border-radius: 0.6vw;}
}



.wrap-info-list1{ color:#000; }
.wrap-info-list1 .tr{ display: flex; font-size: 14px; margin-top: 4px; }
.wrap-info-list1 .tr .h{ min-width: 90px; font-weight: 700;  }
.wrap-info-list1 .tr .t{}
@media screen and (max-width: 1200px){
  .wrap-info-list1 .tr{ display: flex; font-size: 2.9333vw; margin-top: 0.93vw; }
  .wrap-info-list1 .tr .h{ min-width: 12vw; font-weight: 400; }
  .wrap-info-list1 .tr .h.sz2{ min-width: 17vw; }
  .wrap-info-list1 .tr .t{ margin-left: 2vw; }
}


.wrap-total-list1{}
.wrap-total-list1 .tr{display: flex;font-size: 14px;margin-top: 6px; justify-content: space-between;}
.wrap-total-list1 .tr .h{ min-width: 74px; font-weight: 700;  }
.wrap-total-list1 .tr .t{}
.wrap-total-list1 .bot{text-align:right;padding-top:15px;margin-top: 11px;border-top:2px #000 solid;font-weight:700;}

.wrap-prd-lst-ty1{ display: flex; align-items: center; background-color: #f6f8fa; border-radius: 15px; padding: 20px 30px 20px 20px;  }
.wrap-prd-lst-ty1 .thumb{ min-width: 115px; width: 65px; height: 90px; position: relative; border-radius:10px; overflow: hidden; }
.wrap-prd-lst-ty1 .thumb.ord_temp,
.wrap-prd-lst-ty1 .thumb.ord_beer{min-width: 75px; width:75px; height: 91px;border:1px #ddd solid;position: relative;border-radius: 5px;overflow: hidden;box-sizing: border-box; background: #fff;}
.wrap-prd-lst-ty1 .thumb.ord_temp a{width: 86%;left: 7%;top: 0;}
.wrap-prd-lst-ty1 .thumb.ord_beer a{height: 73%;top: 13%;}

.wrap-prd-lst-ty1 .tit{font-size: 16px;color: #000;margin-left: 25px;width: auto;}
.wrap-prd-lst-ty1 .price{display: flex;margin-left: auto;font-size: 16px;width: 360px;align-items: center;justify-content: flex-end;flex-direction: column;}
.wrap-prd-lst-ty1 .price > *{ margin-left: 15px; }
.wrap-prd-lst-ty1 .price .inr{display: flex;margin-left: auto;align-items: flex-end;width: 330px;justify-content: flex-end;}
.wrap-prd-lst-ty1 .price .inr > *{ margin-left: 25px; }
.wrap-prd-lst-ty1 .price .btns{display:flex;width:100%;justify-content: flex-end;margin-top: 9px;}
.wrap-prd-lst-ty1 .price .btns > *{ margin-left: 10px; }
.wrap-prd-lst-ty1 .t_total{ font-weight: 800; }
@media screen and (max-width: 1200px){
.wrap-prd-lst-ty1 .thumb.ord_temp,
.wrap-prd-lst-ty1 .thumb.ord_beer{min-width: 9.8667vw;width: 9.8667vw;height: 12.4vw;border-radius: 0.6vw;}
}

.wrap_order_item .order_item_view{
   /*height: 0; overflow: hidden; visibility: hidden;
      -webkit-transition: all 300ms ease-in;
      -moz-transition: all 300ms ease-in;
      -ms-transition: all 300ms ease-in;
      -o-transition: all 300ms ease-in;
      transition: all 300ms ease-in;*/
}
.wrap_order_item.on .order_item_view{
/* height: auto; overflow: hidden; visibility: visible;
   -webkit-transition: all 300ms ease-in;
   -moz-transition: all 300ms ease-in;
   -ms-transition: all 300ms ease-in;
   -o-transition: all 300ms ease-in;
   transition: all 300ms ease-in;*/
}

.wrap_order_item .order_info > .inner{ padding: 0 30px; }

@media screen and (max-width: 1200px){
  .wrap-total-list1{}
  .wrap-total-list1 .tr{ display: flex;font-size: 2.933vw;margin-top: 1vw;justify-content: space-between; }
  .wrap-total-list1 .tr .h{min-width: 14vw;font-weight: 600;}
  .wrap-total-list1 .tr .t{}
  .wrap-total-list1 .bot{padding-top: 3.2vw;margin-top: 3.2vw;font-weight:700;}

  .wrap-prd-lst-ty1{ display: flex; align-items: center; background-color: #f6f8fa; border-radius: 15px; padding: 20px 30px 20px 20px;  }
  .wrap-prd-lst-ty1 .thumb{min-width: 15vw;width: 15vw;height: 20vw;position: relative;border-radius: 2vw;}
  .wrap-prd-lst-ty1 .tit{font-size: 4vw;font-weight: 300;color: #000;margin: 3vw 0;width: auto;}
  .wrap-prd-lst-ty1 .price{display: flex;margin-left: auto;font-size: 4vw;width: auto;flex-direction: column;flex-wrap: wrap;}
  .wrap-prd-lst-ty1 .price .inr{display: flex;margin-left: auto;flex-direction: column;align-items: center;margin: 0 auto;}
  .wrap-prd-lst-ty1 .price .inr > *{margin-left: 0;}
  .wrap-prd-lst-ty1 .price .btns{margin-top: 5vw;display: flex;justify-content: center;align-items: center;}
  .wrap-prd-lst-ty1 .price .btns > *{margin: 0 1vw;}
  .wrap-prd-lst-ty1 .t_total{ font-weight: 800; }

  .wrap_order_item .order_item_view{
     /*height: 0; overflow: hidden; visibility: hidden;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in;*/
  }
  .wrap_order_item.on .order_item_view{
  /* height: auto; overflow: hidden; visibility: visible;
     -webkit-transition: all 300ms ease-in;
     -moz-transition: all 300ms ease-in;
     -ms-transition: all 300ms ease-in;
     -o-transition: all 300ms ease-in;
     transition: all 300ms ease-in;*/
  }

  .wrap_order_item .order_info > .inner{padding: 0 4vw;}
}

.btn_switch{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e8edf6; padding: 17px 30px 17px;  }
.btn_switch .payment_type{ font-size: 16px; font-weight: 600; }
.btn_switch .btn-arr-rgh{ font-size: 16px; font-weight: 600; color: #000; }
.btn_switch .t_lnquiry{display: inline-block;margin: 0 15px;padding-right: 15px;position: relative;}
.btn_switch .t_lnquiry:after{ position:absolute; right:0; top:calc(50% - 6px); width:1px; height:12px; background:#dce3f1; content:""; }
.btn_switch .btn-arr-rgh i{
   margin-left: 7px; font-size: 13px;
   -moz-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   -webkit-transition: all 300ms ease-in;
   -moz-transition: all 300ms ease-in;
   -ms-transition: all 300ms ease-in;
   -o-transition: all 300ms ease-in;
   transition: all 300ms ease-in;
}

@media screen and (max-width: 1200px){
  .btn_switch{ padding: 3.2vw 4vw; }
  .btn_switch .payment_type{ font-size: 3vw;  }
  .btn_switch .btn-arr-rgh{ font-size: 3vw; }
  .btn_switch .t_lnquiry{ margin: 0 3vw; padding-right: 3vw; }
  .btn_switch .t_lnquiry:after{ top:calc(50% - 2vw); height:4vw; }
  .btn_switch .btn-arr-rgh i{
     margin-left: 1vw; font-size: 2.7vw;
  }
}




.on .btn_switch{ border-color: transparent; }
.on .btn_switch .btn-arr-rgh i{
   -moz-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }

.tag-thumb{ position: absolute; left: 10px; top: 10px; z-index: 2; display: flex; }
.tag-thumb span{ margin-right: 5px; padding: 9px 10px 8px; font-family: var(--ff-en); font-size: 16px; font-weight: 700; color: #000; background-color: #fff; border-radius: 5px; line-height: 1; }
.tag-thumb span.c1{ color: #000; }
.tag-thumb span.c2{ color: #ef1552; }
.tag-thumb span.c3{ color: #7727d3; }
@media screen and (max-width: 1200px){
  .tag-thumb{ left: 3vw; top: 3vw;}
  .tag-thumb span{ margin-right: 2vw; padding: 2vw 3vw 2vw; font-size: 3.2vw; border-radius: 1vw;}
}


.prd-cont-type2{ color: #000; position: relative; }
.prd-cont-type2 .h_1{ font-size: 19px; font-weight: 700;  word-break: break-all; }
.prd-cont-type2 .t_1{ margin-top: 10px; font-size: 14px; line-height: 1.575;  }
.prd-cont-type2 .price{margin-top: 16px;font-size: 16px;line-height: 1;font-weight: 700;}
.prd-cont-type2 .btn-like-type1{position: absolute;right: 0px;top: -26px;}
@media screen and (max-width: 1200px){
  .prd-cont-type2 .h_1{ font-size: 4.4vw;}
  .prd-cont-type2 .t_1{ margin-top: 1vw; font-size: 3.4vw;}
  .prd-cont-type2 .price{ margin-top: 4vw; font-size: 3.6vw;}
  .prd-cont-type2 .btn-like-type1{position: absolute;right: 0px;top: -6vw;}
}

.l-cp2{
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
}

.group_itxt{display: flex;flex-wrap: wrap; margin-left:-3px; overflow: hidden;}
.group_itxt > span{padding: 0 10px;display: inline-flex;margin: 2px;height: 22px;box-sizing: border-box;background-color: #867368;color: #fff;line-height: 0;align-items: center;justify-content: center;border-radius: 5px;font-size: 12px;font-weight: 500;}
.group_itxt .orange{ background-color:#f87b0d;}
.group_itxt .purple{ background-color:#9738e7;}
.group_itxt .red{ background-color:#e91263;}
.group_itxt .tag{color: #000;border: 1px solid #ddd;background-color:#fff;height: 27px;padding: 0 12px;}
.group_itxt.hga{ height: auto;   }
@media screen and (max-width: 1200px){
   .group_itxt{margin-left:-0.6px;}
  .group_itxt .tag,
  .group_itxt span{padding: 0 3vw;margin: 0.6vw;height: 6vw;border-radius: 1vw;font-size: 2.4vw;}
}



.menu-thumb{
   position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;background: rgba(0,0,0,0.3);
   transition: all 500ms cubic-bezier(0.455, 0.220, 0.295, 1.135); /* custom */

transition-timing-function: cubic-bezier(0.455, 0.220, 0.295, 1.135); /* custom */
   -moz-transform: translateY(100%);
   -webkit-transform: translateY(100%);
   -o-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%);
}
.menu-thumb ul{
    display: flex;
    align-items: center;
}
.menu-thumb ul > li{
   position:relative;
    width: 50%;
}
.menu-thumb ul > li:after{ position:absolute; left:0; top:calc(50% - 15px); width:1px; height:30px; background:rgba(255,255,255,0.3); content:""; }
.menu-thumb ul > li > a{
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: center;
}
.menu-thumb ul > li > a: i{}

@media (hover: hover) {
   .thumb_group:hover .menu-thumb,
   .thumb:hover .menu-thumb{
      -moz-transform: translateY(0%);
      -webkit-transform: translateY(0%);
      -o-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%);
   }
}

@media screen and (max-width: 1200px){
   .menu-thumb{
       -moz-transform: translateY(0%);
       -webkit-transform: translateY(0%);
       -o-transform: translateY(0%);
       -ms-transform: translateY(0%);
       transform: translateY(0);
   }
   .menu-thumb ul > li:after{ position:absolute; left:0; top:calc(50% - 15px); width:1px; height:5vw;  }
   .menu-thumb ul > li > a{
       display: flex;
       height: 9vw;
   }
   .menu-thumb ul > li > a i{}
}

.p-short{display: flex;flex-wrap: wrap;position: relative;overflow: hidden;}
.p-short > .inner{line-height:1;margin-left: -30px;}
.p-short > .inner > *{ margin-left: 15px; padding-left: 15px; position: relative; font-size: 16px;}
.p-short > .inner > *:after{ position:absolute; left:0; top:calc(50% - 6px); width:1px; height:12px; background:#d4ddee; content:""; }
@media screen and (max-width: 1200px){
  .p-short{}
  .p-short > .inner{line-height:1;margin-left: -4.5vw;}
  .p-short > .inner > *{margin-left: 2vw;padding-left: 2.5vw;position: relative;font-size: 3vw;}
  .p-short > .inner > *:after{ position:absolute; left:0; top:calc(50% - 6px); width:1px; height:12px; background:#d4ddee; content:""; }
}

.wrap-item-type2{position: relative;display: flex;}
.wrap-item-type2 .thumb{width: 88px;height: 120px;border-radius: 10px;overflow: hidden;margin-right: 40px;}
.wrap-item-type2 .cont{ }
.wrap-item-type2 .cont .h_1{font-size: 22px;line-height: 1.4;font-weight: 800;color: #000;margin-bottom: 15px;}
.wrap-item-type2 .cont .t_1{width: 74%;}
.wrap-item-type2 .cont .info{ margin-top:15px; }
.wrap-item-type2 .review-star{position:absolute;right:0;top:0;width: 140px;text-align: right;}
@media screen and (max-width: 1200px){
  .wrap-item-type2{position: relative;display: flex;align-items: flex-start;flex-direction: column;}
  .wrap-item-type2 .thumb{width: 60vw;height: 45vw;border-radius: 1.5vw;overflow: hidden;margin-right: auto; margin-left: auto; margin-top: 8vw;}
  .wrap-item-type2 .cont{margin-top: 5vw;margin-left: 0.9vw;}
  .wrap-item-type2 .cont .h_1{font-size: 4vw;margin-bottom: 0;}
  .wrap-item-type2 .cont .t_1{width: auto; font-size: 3.4vw;}
  .wrap-item-type2 .cont .info{margin-top: 3vw;}
  .wrap-item-type2 .review-star{position:absolute;right:0;top:0;width: 20vw;text-align: right;}

}

.wrap-comment{ background-color: #f6f8fa; border-radius: 15px; color: #000;  }
.wrap-comment > .inner{ padding: 30px 25px; }


.wrap-storelist{position: relative;display: flex;}
.wrap-storelist .thumb_group > .thumb{width: 200px;min-width: 200px;height: 150px;border-radius: 10px;overflow: hidden;margin-right: 40px;}
.wrap-storelist .cont{ width: 100%; }
.wrap-storelist .cont .h_1{font-size: 22px;line-height: 1.4;font-weight: 800;color: #000;margin-bottom: 15px;}
.wrap-storelist .cont .t_1{width: 74%;}
.wrap-storelist .cont .group_info{ display: flex; width: 100%; }
.wrap-storelist .cont .group_info > .cols{ width: 50%; box-sizing: border-box;  }
.wrap-storelist .cont .group_info > .cols.line{ width: 50%; padding-left:30px; margin-left:30px; border-left:1px #d4ddee solid;}
.wrap-storelist .cont .group_info .wrap-info-list1 .tr{  font-size: 17px; }
.wrap-storelist .ab-rt{position:absolute;right:0;top:0;width: auto;text-align: right;}
.wrap-storelist .thumb .ick-js{}

.wrap-storelist.small{position: relative;display: flex;}
.wrap-storelist.small .thumb_group > .thumb{width: 160px;min-width: 160px;height: 130px;margin-right: 30px;}
.wrap-storelist.small .cont{ width: 100%; }
.wrap-storelist.small .cont .h_1{font-size: 22px;line-height: 1.4;font-weight: 800;color: #000;margin-bottom: 15px;}
.wrap-storelist.small .cont .t_1{width: 74%;}
.wrap-storelist.small .cont .group_info{ display: flex; width: 100%; }
.wrap-storelist.small .cont .group_info > .cols{width: 60%;box-sizing: border-box;}
.wrap-storelist.small .cont .group_info > .cols.line{width: 40%;padding-left: 20px;margin-left: 20px;border-left:1px #d4ddee solid;}
.wrap-storelist.small .cont .group_info .wrap-info-list1 .tr{  font-size: 17px; }
.wrap-storelist.small .cont .group_info > .cols.full{ width:100%; }
.wrap-storelist.small .ab-rt{position:absolute;right:0;top:0;width: auto;text-align: right;}
.wrap-storelist.small .thumb.beer{height: 170px;}
.wrap-storelist.small .thumb.beer > .cover{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background-color: #dedede; }
.wrap-storelist.small .thumb.beer > .beer{position:absolute;left: 0;top: 14%;width: 100%;height: 76%;z-index:2;}
.wrap-storelist.small .thumb.beer > .beer .bg-pos{ background-size:contain; }
@media screen and (max-width: 1200px){
  .wrap-storelist{position: relative;display: flex;flex-direction: column;}
  .wrap-storelist .thumb_group > .thumb{width: 51vw;min-width: 5vw;height: 31vw;border-radius: 2vw;overflow: hidden;margin-right: 0;}
  .wrap-storelist .cont{ width: 100%; }
  .wrap-storelist .cont .h_1{font-size: 4vw;margin: 3vw 0 3vw;}
  .wrap-storelist .cont .t_1{width: 74%;}
  .wrap-storelist .cont .group_info{display: flex;width: 100%;flex-direction: column;font-size: 3.8vw;}
  .wrap-storelist .cont .group_info > .cols{width: 100%;}
  .wrap-storelist .cont .group_info > .cols.line{width: 100%;padding-left: 0;margin-left: 0;border-left: 0;margin-top: 2vw;font-size: 3.4vw;}
  .wrap-storelist .cont .group_info .wrap-info-list1 .tr{font-size: 3.4vw;}
  .wrap-storelist .ab-rt{position:absolute;right: 0;top:0;width: auto;text-align: right;}
  .wrap-storelist .thumb .ick-js{}

  .wrap-storelist.small{position: relative;display: flex;flex-direction: row;}
  .wrap-storelist.small .thumb_group > .thumb{width: 100%;min-width: 100%;height: 35vw;margin-right: 0;}
  .wrap-storelist.small .thumb_group label{ display:none;  }
  .wrap-storelist.small .cont{width: 100%;margin-top: 0;margin-left: 2vw;}
  .wrap-storelist.small .cont .h_1{font-size: 3.6vw;line-height: 1.3;font-weight: 800;color: #000;margin: 0vw 0 2vw;}
  .wrap-storelist.small .cont .t_1{width: 74%;}
  .wrap-storelist.small .info_mo{ margin-top:3vw; font-size:3.2vw; }
  .wrap-storelist.small .info_mo .info span{ display:inline-block; margin-right:1vw; }
  .wrap-storelist.small .info_mo .info .add{ display:block; }
  .wrap-storelist.small .info_mo .info .c{ margin-right:2vw; }
  .wrap-storelist.small .info_mo .info .c{ color:#000; font-weight:500; }
  .wrap-storelist.small .info_mo .time{ margin-top:1vw; color:#000; font-weight:600; }
  .wrap-storelist.small .cont .group_info{display: none;width: 100%;flex-direction: column;}
  .wrap-storelist.small .cont .group_info > .cols{width: 100%; }
  .wrap-storelist.small .cont .group_info > .cols.line{width: 100%; padding-left: 0; margin-left: 0; border-left:0; margin-top: 4vw;}
  .wrap-storelist.small .cont .group_info .wrap-info-list1 .tr{  font-size: 3.6vw; }
  .wrap-storelist.small .cont .group_info > .cols.full{ width:100%; }
  .wrap-storelist.small .ab-rt{position:absolute;right:0;top: -1.4vw;width: auto;text-align: right;}
  .wrap-storelist.small .thumb.beer{height: 40vw;}
  .wrap-storelist.small .thumb.beer > .beer{position:absolute;left: 0;top: 14%;width: 100%;height: 76%;z-index:2;}
  .wrap-storelist.small .thumb.beer > .beer .bg-pos{ background-size:contain; }

  .wrap_item_store.beerchange .wrap-storelist{ display: flex; flex-direction: row; }
  .wrap_item_store.beerchange .wrap-storelist .thumb_group{ width: 24vw; }
  .wrap_item_store.beerchange .wrap-storelist .thumb_group .thumb{height: 22vw;}
  .wrap_item_store.beerchange .wrap-storelist .cont{ margin-left: 20px;
  /* margin-top: 5vw; */
  }
  .wrap_item_store.beerchange .wrap-storelist .cont .group_info{ display: flex; }
  .wrap-storelist.small .cont .group_info .wrap-info-list1 .tr{ font-size:2.7vw }
  .wrap-storelist.small .cont .group_info .hashtag{
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp:1;
   -webkit-box-orient:vertical;

  }

}


.wrap-storelist2{position: relative;display: flex;}
.wrap-storelist2 .thumb{width: 100px;min-width: 100px;height: 90px;border-radius: 10px;overflow: hidden;margin-right: 25px;}
.wrap-storelist2 .cont{width: 100%;padding-right: 30px;}
.wrap-storelist2 .cont .h_1{font-size: 18px;line-height: 1.4;font-weight: 800;color: #000;margin-bottom: 10px; word-break:break-all;}
.wrap-storelist2 .cont .t_1{
    font-size: 16px;
    line-height: 1.2;
    margin-top: 6px;
}
.wrap-storelist2 .cont .group_info{ display: flex; width: 100%; }
.wrap-storelist2 .cont .group_info > .cols{ width: 50%; box-sizing: border-box;  }
.wrap-storelist2 .cont .group_info > .cols.line{ width: 50%; padding-left:30px; margin-left:30px; border-left:1px #d4ddee solid;}
.wrap-storelist2 .cont .group_info .wrap-info-list1 .tr{  font-size: 17px; }
.wrap-storelist2 .ab-rt{position:absolute;right:0;top:0;width: auto;text-align: right;font-size: 0;}
@media screen and (max-width: 1200px){
  .wrap-storelist2{position: relative;display: flex;}
  .wrap-storelist2 .thumb{width: 30vw;min-width: 30vw; height: 25vw; border-radius: 2vw; margin-right: 3vw;}
  .wrap-storelist2 .cont{width: 100%;padding-right: 10vw;}
  .wrap-storelist2 .cont .h_1{font-size: 3.8vw;margin-bottom: 1vw;}
  .wrap-storelist2 .cont .t_1{font-size: 3.4vw;line-height: 1.4;margin-top: 1vw;height: auto !important;}
  .wrap-storelist2 .cont .group_info{ display: flex; width: 100%; }
  .wrap-storelist2 .cont .group_info > .cols{ width: 50%; box-sizing: border-box;  }
  .wrap-storelist2 .cont .group_info > .cols.line{ width: 50%; padding-left:30px; margin-left:30px; border-left:1px #d4ddee solid;}
  .wrap-storelist2 .cont .group_info .wrap-info-list1 .tr{  font-size: 17px; }
  .wrap-storelist2 .ab-rt{position:absolute;right:0;top:0;width: auto;text-align: right;font-size: 0;}
}



.btn-storepick{}
.btn-storepick .inner{ display: flex; align-items: center; justify-content: center; padding: 50px; }
.btn-storepick:hover .inner{ outline: 3px #000 solid; border-radius: 20px;}
.btn-storepick .ico{margin-right: 34px;}
.btn-storepick .cont{ display: block; }
.btn-storepick .cont .h_1{font-size: 24px;line-height: 1.3;font-weight: 800;display: block;}
.btn-storepick .cont .h_1 i{ display:inline-block; -moz-transform: translateY(2px);
-webkit-transform: translateY(2px);
-o-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px); }
.btn-storepick .cont .t_1{ display: block; margin-top: 15px; }
@media screen and (max-width: 1200px){
  .btn-storepick .inner{display: flex;align-items: center;justify-content: center;padding: 4vw 4vw;flex-direction: column;text-align: center;}
  .btn-storepick:hover .inner{outline: 2px #000 solid;border-radius: 3vw;}
  .btn-storepick .ico{margin-right: 0;display: block;margin-bottom: 4vw;}
  .btn-storepick .cont{display: block;max-width: 60vw;font-size: 3.6vw;}
  .btn-storepick .cont .h_1{font-size: 4vw;}
  .btn-storepick .cont .h_1 i{ display:inline-block; -moz-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  -o-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px); }
  .btn-storepick .cont .t_1{margin-top: 3vw;}
}




.wrap-pickmap-popup{position: fixed;left: 0;top: 100%;width: 100%;height: 100vh;overflow: hidden;z-index: 1000;
   -webkit-transition: top 600ms ease-in-out;
   -moz-transition: top 600ms ease-in-out;
   -ms-transition: top 600ms ease-in-out;
   -o-transition: top 600ms ease-in-out;
   transition: top 600ms ease-in-out;
}
.wrap-pickmap-popup .popup_info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.3); z-index: 5;  }
.wrap-pickmap-popup .popup_info > .inner_info{ 
   position: relative; background:#fff; padding:60px 40px ; border-radius:20px;  }
.wrap-pickmap-popup .popup_info > .inner_info .dot{ max-width: 24px; }
.wrap-pickmap-popup .popup_info .close{position: absolute;right: 20px;top: 20px;font-size: 26px;color: #222;}
.wrap-pickmap-popup .popup_info .p_dot1{ margin:5px 0; }
@media screen and (max-width: 1200px){
   .wrap-pickmap-popup .popup_info > .inner_info{
   position: relative;
   background:#fff;
   padding: 10vw 6vw;
   border-radius: 3vw;
   width: 73vw;
   font-size: 3.6vw;
   }
   .wrap-pickmap-popup .popup_info > .inner_info .dot{ min-width: 5vw; }
   .wrap-pickmap-popup .popup_info .close{ position: absolute; right: 5vw; top: 5vw; font-size: 5vw; }
   .wrap-pickmap-popup .popup_info .p_dot1{ margin:1vw 0; }
}



.wrap-pickmap-popup .close-popup{position: absolute;right: 30px;top: 30px;background-color: #000;color: #fff;width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 5;font-size: 25px;}
.wrap-pickmap-popup .bg_map{  }
.wrap-pickmap-popup .bg-pos{ background-size: contain;  }
.wrap-pickmap-popup .side{
   position: absolute;
   left: -401px;
   top: 0;
   height: 100vh;
   -webkit-transition: all 600ms ease-in-out;
   -moz-transition: all 600ms ease-in-out;
   -ms-transition: all 600ms ease-in-out;
   -o-transition: all 600ms ease-in-out;
   transition: all 600ms ease-in-out;
}
.wrap-pickmap-popup .side > .inner{background-color: #fff; width: 400px; height: 100vh; box-shadow: 10px 10px 21px -11px rgba(153,153,153,0.72);
-webkit-box-shadow: 10px 10px 21px -11px rgba(153,153,153,0.72);
-moz-box-shadow: 10px 10px 21px -11px rgba(153,153,153,0.72);}
.wrap-pickmap-popup .side .head{padding:30px;display:flex;align-items: center;}
.wrap-pickmap-popup .side .head .ico{ min-width:80px; margin-right:10px; }
.wrap-pickmap-popup .side .head .cont{font-size:21px;font-weight:700;line-height:1.4;margin-top: -8px;}
.wrap-pickmap-popup .side .select{ padding:0 30px; }
.wrap-pickmap-popup .side .switch{position: absolute;right: -27px;top: calc(50% - 30px);width: 27px;height: 60px;background-color: #fff;box-shadow: 10px 10px 21px -11px rgba(153,153,153,0.72);-webkit-box-shadow: 10px 10px 21px -11px rgba(153,153,153,0.72);-moz-box-shadow: 10px 10px 21px -11px rgba(153,153,153,0.72);border-radius: 0 7px 7px 0;}
.wrap-pickmap-popup .side .switch i{ display: inline-block; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);font-size: 20px;}
.wrap-pickmap-popup .side .list{margin-top: 30px; padding: 0 30px 30px;height: calc(100vh - 189px);box-sizing: border-box; overflow-x:hidden; overflow-y:auto;}
.wrap-pickmap-popup .side .list > .inner{}
.wrap-pickmap-popup .side .list .item{ padding:24px 0; border-bottom:1px #d4ddee solid; }

.wrap-pickmap-popup.active{ top: 0; }
.wrap-pickmap-popup .side.active{/* left: 0; */}
.wrap-pickmap-popup .side.active .switch i{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);font-size: 20px;}

@media screen and (max-width: 1200px){

 .wrap-pickmap-popup .close-popup{right: 4vw;top: 4vw;width: 10vw;height: 10vw;font-size: 4vw;}
  .wrap-pickmap-popup .side{
     position: absolute;
     left: -100%;
     top: 0;
     height: 100vh;
     width: 100vw;
  }
  .wrap-pickmap-popup .side > .inner{background-color: #fff; width: 100%; height: 100vh; }
  .wrap-pickmap-popup .side .head{padding:10vw 6vw 5vw; }
  .wrap-pickmap-popup .side .head .ico{ min-width:18vw; margin-right:2vw; }
  .wrap-pickmap-popup .side .head .ico img{ width:15vw }
  .wrap-pickmap-popup .side .head .cont{font-size:4vw; margin-top: -1vw; max-width:50vw;}
  .wrap-pickmap-popup .side .select{ padding:0 5vw; }
  .wrap-pickmap-popup .side .switch{position: absolute;right: -8vw;top: calc(50% - 9vw);width: 8vw;height: 18vw;background-color: #ebebeb;border-radius: 0 2vw 2vw 0;}
  .wrap-pickmap-popup .side .switch i{ display: inline-block; -moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);font-size: 20px;}
  .wrap-pickmap-popup .side .list{margin-top: 30px; padding: 0 30px 30px;height: calc(100vh - 189px);box-sizing: border-box; overflow-x:hidden; overflow-y:auto;}
  .wrap-pickmap-popup .side .list > .inner{ padding-bottom: 17vw; }
  .wrap-pickmap-popup .side .list .item{ padding:24px 0; border-bottom:1px #d4ddee solid; }

  .wrap-pickmap-popup.active{ top: 0; }
  .wrap-pickmap-popup .side.active{left: 0;}
  .wrap-pickmap-popup .side.active .switch i{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);font-size: 20px;}
  .wrap-pickmap-popup .side.active .switch{ right:0; border-radius: 2vw 0 0 2vw; }
}






.wrap-id-complete{border-width: 2px 0 1px;border-color: #000 transparent #ddd; border-style: solid; display: flex;align-items: center;justify-content: center;padding: 50px 0;font-size: 22px;text-align: center; line-height:1.6;}
.wrap-id-complete .t1,
.wrap-id-complete .t3{ color:#1c1c1c; display:block;  }
.wrap-id-complete .t2{ font-weight:700; }
.wrap-id-complete .t3{ display:inline; }

@media screen and (max-width: 1200px){
  .wrap-id-complete{ padding:12vw 0;font-size: 5vw; }
}

.wrap_lnquiry{   }
.wrap_lnquiry .a_lnquiry{ display: flex; }
.wrap_lnquiry .ico{
    min-width: 40px;
    width: 40px;
    margin-right: 7px;
    padding-top: 5px;
    display: block;
}
.wrap_lnquiry .cont{width: 100%;}
.wrap_lnquiry .cont > *{display:block;}
.wrap_lnquiry .cont .h_1{font-size: 21px;font-weight: 700;line-height: 1.5; word-break:break-all; }
.wrap_lnquiry .cont .data{font-size: 16px;margin-top: 10px; }
@media screen and (max-width: 1200px){
  .wrap_lnquiry .a_lnquiry{ display: flex; }
  .wrap_lnquiry .ico{
      min-width: 6vw;
      width: 6vw;
      margin-right: 4vw;
      padding-top: 1.5vw;
      display: block;
  }
  .wrap_lnquiry .cont .h_1{font-size: 3.6vw;}
  .wrap_lnquiry .cont .data{font-size: 3vw; margin-top: 2vw; }
}




.btn_all_fold{display:inline-flex;padding: 10px 0 10px 10px;}
.btn_fold_open{width: 78px;height: 41px;display: inline-flex;line-height: 1;align-items: center;justify-content: space-between;border: 2px #000 solid;border-radius: 6px;box-sizing: border-box;padding: 0 12px;font-weight: 600;line-height: 1;}
.btn_fold_open i{ margin-top:-2px; }
@media screen and (max-width: 1200px){
  .btn_all_fold.btn-type2{ padding: 0; }
  
   .btn_fold_open_mobile{width: 23vw;height: 10vw;border-radius: 2vw;padding: 0 4vw;display: inline-flex !important;font-size: 4vw;align-items: center;}
   .btn_fold_open_mobile i{ margin-top:-2px; }
   .btn_fold_open_mobile{width: auto;height: auto;border-radius: 0; border:0; padding: 0; font-size: 3.6vw; color:#000; font-weight: 600; margin-top: 0;}
   .btn_fold_open_mobile i{ margin:0 7px 0 0; }

}

.wrap-filter{overflow: hidden;}
.wrap-filter > .inner{
/*   //min-width: 250px;*/
}
.close_filter .wrap-filter{
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}


.wrap-filter > .inner > .head{display:flex;align-items: center;justify-content: space-between; position: relative; z-index: 5;}
.wrap-filter > .inner > .head > .col{
    line-height: 1;
}
.wrap-filter > .inner > .head .tit {
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 700;
}
.wrap-filter > .inner > .head .tit i{
    margin-right: 10px;
}
.wrap-filter > .inner > .head .tit .t{}

.wrap-filter > .inner > .head .tit .t{}

.wrap-filter .group_category{
    margin-top: 20px;
    padding-bottom: 0;
    border-bottom: 1px #c6d4e7 solid;
}
.wrap-filter .group_category:last-child{ border-bottom:0; }
.wrap-filter .group_category > .inner{
    padding-bottom: 20px;
}
.wrap-filter .group_category .head{display:flex;align-items: center;justify-content: space-between;}
.wrap-filter .group_category .head .tit{
    font-size: 16px;
    font-weight: 600;
}
.wrap-filter .group_category .head .btn_fold{display:inline-flex;font-size: 16px;margin-right: -10px;width: 40px;height: 30px;box-sizing: border-box;justify-content: center;align-items: center;}
.wrap-filter .group_category .head .btn_fold .plus{}
.wrap-filter .group_category .head .btn_fold .minus{
    display: none;
}

.wrap-filter .group_category.open .head .btn_fold .plus{ display: none; }
.wrap-filter .group_category.open .head .btn_fold .minus{
    display: inherit;
}

.wrap-filter .group_checkbox{
    margin-top: 8px;
}
.wrap-filter .group_checkbox > .inner{}
.wrap-filter .group_checkbox > .inner .form-group{
    margin-bottom: 7px;
    display: flex;
}
.wrap-filter .group_checkbox > .inner label{ margin-left:13px; }
.wrap-filter > .inner > .head .close{ display: none; }
@media screen and (max-width: 1200px){

   .wrap-filter > .inner > .head .close, 
   .wrap-filter.close_filter > .inner > .head .close{ display: none; }
   .wrap-filter > .inner > .head .close.fix{ display: block; position: fixed;top: 20vw; background:#fff; width: 25vw;right: 4vw;}


   .wrap-filter{overflow: hidden;}
   .wrap-filter > .inner{
   /*   //min-width: 250px;*/
   }
   .close_filter .wrap-filter{
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
   }

  .wrap-filter > .inner > .head{display:flex;align-items: center;justify-content: space-between;}
  .wrap-filter > .inner > .head > .col{
      line-height: 1;
  }
  .wrap-filter > .inner > .head .tit {
      font-size: 4vw;
  }
  .wrap-filter > .inner > .head .tit i{
      margin-right: 1vw;
  }
  .wrap-filter > .inner > .head .tit .t{}

  .wrap-filter > .inner > .head .tit .t{}

  .wrap-filter .group_category{
      margin-top: 4vw;
  }
  .wrap-filter .group_category > .inner{
      padding-bottom: 3vw;
  }
  .wrap-filter .group_category .head .tit{
      font-size: 4vw;
  }
  .wrap-filter .group_category .head .btn_fold{display:inline-flex;font-size: 3.4vw;margin-right: -3vw;width: 10vw;height: 7vw;box-sizing: border-box;justify-content: center;align-items: center;}
  .wrap-filter .group_category .head .btn_fold .plus{}
  .wrap-filter .group_category .head .btn_fold .minus{
      display: none;
  }

  .wrap-filter .group_category.open .head .btn_fold .plus{ display: none; }
  .wrap-filter .group_category.open .head .btn_fold .minus{
      display: inherit;
  }

  .wrap-filter .group_checkbox{
      margin-top: 4vw;
  }
 .wrap-filter .group_checkbox > .inner{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
   }
  .wrap-filter .group_checkbox > .inner .form-group{
      margin-bottom: 2vw;
      display: flex;
      min-width: 39vw;
  }
  .wrap-filter .group_checkbox > .inner label{margin: 0 0 0 3vw;}
}



/*FQA*/
.total-searchBox {margin-bottom: 20px;display:flex;align-items: center;justify-content: space-between;}
.total-txt {font-size: 22px;color:#000;font-weight:600; min-width: 110px;}
.total-txt .total-num {color: #f87b0d;font-weight:700;}
.search {width: 350px; position: relative;}
.inputBox {position: relative; display: inline-flex; justify-self: center; align-items: center; width: 100%; border-radius: 60px;border: 1px solid #ddd; padding: 9px 56px 9px 20px; box-sizing:border-box;}
.inputBox input{width:100%;border:0;height: 40px;line-height: 1;font-family: var(--ff-ori);font-weight: 300;font-size: 20px;}
.input-txt {position: relative; display: inline-block; width: auto; min-width: 80px; height: 40px; text-align: left; font-size: 16px; line-height: 1; color: #111; font-weight: 500; padding-left: 20px;}
@media screen and (max-width: 1200px){
  .total-searchBox {margin-bottom: 8vw;display: flex;flex-direction: column;align-items: flex-start;}
  .total-searchBox .total{ margin-bottom:3vw; }
  .total-txt {font-size: 4vw;}
  .search {width: 100%;}
  .inputBox {border-radius: 100px;padding: 1vw 12vw 1vw 4vw;box-sizing:border-box;}
  .inputBox input{width: 100%;border:0;height: 8vw;line-height: 1;font-family: var(--ff-ori);font-weight: 300;font-size: 3.6vw;}
  .input-txt {position: relative; display: inline-block; width: auto; min-width: 80px; height: 40px; text-align: left; font-size: 16px; line-height: 1; color: #111; font-weight: 500; padding-left: 20px;}
}



.faq-list__item {position: relative; margin:13px 0; border: 1px solid #e8e8e8;border-radius:20px;box-shadow: 10px 0px 6px 0px rgb(232, 232, 232,0.75);-webkit-box-shadow: 0px 0px 6px 0px rgb(232, 232, 232,0.75); -moz-box-shadow: 10px 0px 6px 0px rgb(232, 232, 232,0.75);}
.faq-question {display: flex;align-items: center;padding: 17px 0; cursor: pointer;}
.faq-question__icon {min-width: 80px;width: 80px;display: block;font-size: 24px;color: #ff6600;font-weight:700;text-align:center;}
.faq-question__text {width:100%;justify-content: space-between;font-size: 19px;text-align: left;color: #000;font-weight: 700;padding: 0 4px;}
.faq-question.active .faq-question__text {color: #000000;}
.faq-question .faq-open-close {width:60px;}
.faq-question .faq-open-close > i { }
.faq-question.active .faq-open-close > s {transform: rotate(45deg); transition: all .2s linear;}
.faq-answer {padding: 10px 30px 40px 0px;}
.faq-answer__wrap {display: flex; align-items: flex-start;  white-space: pre-line;}
.faq-answer__icon {width: 80px; min-width: 80px; display: block;font-size: 24px;color: #111;font-weight:800;text-align:center;}
.faq-answer__box {width:100%;font-size: 18px;line-height:34px;color:#494B4A;padding: 0;}

@media screen and (max-width: 1200px){
  .faq-list__item { margin:3vw 0; border-radius:3vw; }
  .faq-question { padding: 3vw 0;}
  .faq-question__icon {min-width: 14vw; width: 14vw; font-size: 5vw; }
  .faq-question__text { font-size: 4vw; padding: 0 3vw 0 1vw; }
  .faq-question .faq-open-close {width:14vw;}
  .faq-answer {padding: 4vw 3vw 3vw 0px;}
  .faq-answer__icon {width: 14vw; min-width: 14vw; font-size: 5vw; }
  .faq-answer__box {width:100%;font-size: 3.6vw; line-height:1.7;}
}

/* notice */

.notice-list__wrap {border-top: 1px solid #111;}
.notice-list__item {border-bottom: 1px solid #DDDDDD; display: flex; align-items: center; padding: 35px 0;}
.notice-list__item.fix { background-color: #f1f1f1; }
.notice-num {width:82px; display:block; font-size: 18px;color:#111; text-align:center; font-weight:600}
.notice-con {display:flex; padding:0 30px; justify-content:space-between; width:100%}
.notice-title {font-size: 20px; color:#111; font-weight:600; transition: all .1s linear;}
.notice-title:hover {color:#f87b0d; transition: all .1s linear;}
.notice-date {width:158px; display:block; color: rgba(17, 17, 17, 0.50);font-size:15px; text-align:right; font-weight:600;}
@media screen and (max-width: 1200px){
  .notice-list__item {padding: 3vw 2vw;display: flex;/* flex-direction: column; */align-items: flex-start;}
  .notice-num {width: 6vw;font-size: 3.4vw;text-align: left; margin-top:2vw}
  .notice-con {display:flex;padding: 1vw 0;justify-content:space-between;width:100%;flex-direction: column;}
  .notice-title {font-size: 4.4vw; }
  .notice-date {width: auto;display:block;font-size: 3.6vw;text-align: left;margin-top: 2vw;}
}

.wrap-palette{margin-bottom: 19px;margin-right: 20px;text-align: right;display: flex;align-items: center;justify-content: flex-end;position: relative;z-index: 2;}
.wrap-palette .h{ font-size:16px; margin-right:10px; color:#717171; }
.wrap-palette > * {margin-left: 5px;}
.wrap-palette .cr{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px #ddd solid;
    margin: 4px;
}
.wrap-palette .btn{margin-left:10px;background:#f39800;color:#fff;display: inline-flex;width: 150px;height: 50px;align-items: center;justify-content: center;}
.wrap-palette .btn.st{ background-color: #fff; color: #222; border: 1px #c8c8c8 solid; width: 190px;}
.wrap-palette .box-palette{ position: relative;  }
.wrap-palette .box-palette .box-color{display: none; position: absolute;left: -36px;top: 60px;background: #fff;border: 1px #ddd solid;border-radius: 15px;width: 271px;padding: 20px 20px;}
.wrap-palette .box-palette .box-color > .inner{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;max-height: 120px;overflow: hidden;overflow-y: auto;}
.wrap-palette .box-palette .box-color .close{ position:absolute; right:10px; top:10px; font-size:20px; }
.wrap-palette .btn i{ margin-right:9px; }
@media (hover: hover) {
 .wrap-palette .btn:hover,
 .wrap-palette .btn.st:hover{ opacity:0.7; }
}
.wrap-palette .box-palette.active .box-color{ display: block;  }

@media screen and (max-width: 1200px){
   .wrap-palette{margin-bottom: 5vw;margin-right: 0;text-align: right;display: flex;text-align: left;align-items: center;justify-content: center;flex-wrap: wrap; margin-left: 4vw; margin-right: 4vw;}
   .wrap-palette .h{font-size: 4vw;margin-right: 0;color:#717171;width: 100%;}
   .wrap-palette > * {margin-left: 0;}
   .wrap-palette .cr{
       width: 6vw;
       height: 6vw;
       margin: 1vw;
   }
   .wrap-palette .btn{margin-left: 0;width: 40%;height: 40px;font-size: 3.8vw;}
   .wrap-palette .btn i{ margin-right:2vw }
  .wrap-palette .box-palette{ position: relative;  }
  .wrap-palette .box-palette .box-color{left: 0;top: 14vw;border-radius: 2vw;width: 54vw;padding: 3vw 3vw;}
  .wrap-palette .box-palette .box-color > .inner{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;max-height: 39vw;overflow: hidden;overflow-y: auto;}
  .wrap-palette .box-palette .box-color .close{ position:absolute; right:10px; top:10px; font-size:20px; }
  .wrap-palette .btn i{ margin-right:9px; }
  .wrap-palette.popup1{margin-bottom: 5vw;margin-right: 0;text-align: right;display: flex;text-align: left;flex-wrap: wrap;margin-left: 4vw;margin-right: 4vw;align-items: center;justify-content: flex-start;}
  .wrap-palette.popup1 .h{ margin-bottom: 2vw; }
}


.notice-detail__wrap {border-top: 1px solid #111;}
.notice-detail__header {border-bottom: 1px solid #DDDDDD; display: flex; align-items: center; padding: 35px 0;}
.notice-detail__header .notice-con {align-items:center;}
.notice-detail__body {margin-top:35px; padding-bottom:35px; border-bottom:1px solid #ddd;}
.notice-body__con {padding:0 30px; font-size:16px; color:#494B4A; line-height:34px;}
@media screen and (max-width: 1200px){
  .notice-detail__header {padding: 3vw 0;}
  .notice-detail__body { margin-top:5vw; padding-bottom:4vw; border-bottom: 0; }
  .notice-body__con {padding:0 5vw; font-size:3.6vw;  line-height:1.8;}
}


/*editor color*/
.notice-title strong, .notice-title b, .notice-pagination strong, .notice-pagination b, .noticeB-list__item strong, .noticeB-list__item b {font-weight:600 !important;}
.notice-title font, .notice-pagination font, .noticeB-list__item font {color:#151515 !important;}
.notice-title:hover font, .notice-pagination .arrow > a:hover font {color:#f87b0d !important; transition: all .1s linear;}
.faq-question__text font {color:#151515 !important;}
.faq-question.active .faq-question__text font {color: #f87b0d !important;}

/*list-pagination*/
.list-pagination, .notice-pagination {margin-top:50px; display:flex; justify-content: center; align-items: center; font-size: 0;}
.list-pagination .arrow > a:last-child {margin-left:10px;}
.list-pagination .num-list {display:flex; align-items:center; margin:0 30px}
.list-pagination .num-list a {font-size: 18px; font-weight: 600; color: #111; display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align:center; line-height:40px;}
.list-pagination .num-list li + li {margin-left:10px;}
.list-pagination .num-list li.on a {color: #fff; background: #f39800}
.list-pagination .ico_arr{ width: 22px; }
.list-pagination .ico_arrs{ width: 22px; }
.list-pagination .arrow{ display: flex; align-items: center;  }
@media screen and (max-width: 1200px){
  .list-pagination, .notice-pagination {margin-top:10vw; }
  .list-pagination .arrow > a:last-child {margin-left:1vw;}
  .list-pagination .num-list { margin:0 5vw; }
  .list-pagination .num-list a {font-size: 3.6vw;width: 9vw;height: 9vw;line-height: 9vw;}
  .list-pagination .num-list li + li {margin-left:1vw;}
  .list-pagination .ico_arr{ width: 6vw; }
  .list-pagination .ico_arrs{ width: 6vw; }
}



/*notive-pagination*/
.notice-pagination {display:flex; align-items: center; justify-content:space-between; position:relative;}
.notice-pagination .arrow > a {width:100%;height:100%;position:relative;background:none !important;display: flex;align-items: center;}
.notice-pagination .arrow > a > span {font-size:18px;color:#111;transition: all .1s linear;font-weight:600}
.notice-pagination .arrow > a:hover > span {color:#f39800; transition: all .1s linear;}
.notice-pagination .arrow > a:before {content:''; display:inline-block; width:24px; height:24px; position:absolute;}
.notice-pagination .arrow > a.prev:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); width: 24px; height: 24px;  background-size:100%; left:0;}
.notice-pagination .arrow > a.next:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); width: 24px; height: 24px;  background-size:100%; right:0;}
.notice-pagination .arrow > a.prev {padding-left:30px;}
.notice-pagination .arrow > a.next {padding-right:30px;}
.notice-pagination .view-list {display:flex;width: 70px;height: 70px;border-radius: 50%;align-items: center;justify-content:center;background:#151515;position:absolute;left: calc(50% - 35px);}
@media screen and (max-width: 1200px){
  .notice-pagination {display:flex;position:relative;align-items: center;flex-wrap: wrap; border-top: 1px solid #ddd;   }
  .notice-pagination > * {width: 49%; text-align:left;box-sizing: border-box;margin-bottom: 0; padding: 4vw 0;margin-top: -1px;}
  .notice-pagination  .btn_list{ width: 100%; padding: 0; margin-top: 0; }
  .notice-pagination .arrow > a {width:100%;height:100%;position:relative;background:none !important;display: flex;align-items: center;}
  .notice-pagination .arrow > a > span {font-size: 3vw;color:#111;transition: all .1s linear;font-weight:600}
  .notice-pagination .arrow > a:hover > span {color:#f39800; transition: all .1s linear;}
  .notice-pagination .arrow > a:before {content:''; display:inline-block; width:24px; height:24px; position:absolute;}
  .notice-pagination .arrow > a.prev:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");width: 6vw;height: 6vw;background-size:100%;left:0;}
  .notice-pagination .arrow > a.next:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");width: 6vw;height: 6vw;background-size:100%;right:0;}
  .notice-pagination .arrow > a.prev {padding-left: 8vw;}
  .notice-pagination .arrow > a.next {padding-right: 8vw;display: flex;justify-content: flex-end;}
  .notice-pagination .view-list {display:inline-flex;width: 13vw;height: 13vw;border-radius: 50%;align-items: center;justify-content:center;background:#151515;position: relative;left: 0;margin: 0;order: 3; margin-top: 3vw;   }
  .notice-pagination .view-list img{ width:5vw }
}




.wrrp-customguide{}
.wrrp-customguide.step2{ margin-top: 100px; padding-top: 100px; }
.wrrp-customguide > .inner{display: flex;}
.wrrp-customguide .thumb{width: 50%;position: relative;height: 900px;border-radius: 40px;overflow: hidden;}
.wrrp-customguide .lft{max-width: none;}
.wrrp-customguide h1{ font-size: 56px; line-height:1.3; font-family: var(--ff-gm); font-weight: 800; font-style:italic; color:#42b0c5; letter-spacing: -0.04em; }
.wrrp-customguide  h1 span{ display:block;}
.wrrp-customguide  h1 .s{  color:#032c78; }

.wrrp-customguide{}
.wrrp-customguide .qu{font-size: 35px;font-family: var(--ff-gm);color: #302c78;font-weight: 800;font-style: italic;display: inline-block;line-height: 1.4; text-align: left;}
.wrrp-customguide .txt{padding: 0 108px;}
.wrrp-customguide .qu .c2{ color: #42b0c5; }
.wrrp-customguide .qu .qu_s,
.wrrp-customguide .qu .qu_e{ margin:20px 0; width: 100%; height: 54px; background-repeat: no-repeat; }
.wrrp-customguide .qu .qu_s{ background-image: url(../images/guide/img_qu1.jpg); background-position: left top; background-size: contain;  }
.wrrp-customguide .qu .qu_e{ background-image: url(../images/guide/img_qu2.jpg); background-position: right top; background-size: contain;  }

.wrrp-customguide .cont{ margin-top:0;}
.wrrp-customguide .cont .item{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.wrrp-customguide .cont .item .img{width: 53%;}
.wrrp-customguide .cont .item .sub{width: 40%;}

.wrrp-customguide .cont .pl{padding-left: 50px;}
.wrrp-customguide .cont .t_1{padding-left: 50px;position: relative;color: #42b0c5;font-family: var(--ff-gm);font-weight: 800;line-height: 1.4;font-size: 30px;}
.wrrp-customguide .cont .t_1 a{display: inline-flex;-moz-transform: translateY(6px);-webkit-transform: translateY(6px);-o-transform: translateY(6px);-ms-transform: translateY(6px);transform: translateY(-6px);margin-left: 13px;}
.wrrp-customguide .cont .t_1 .circle{display:flex;width: 36px;height: 36px;background-color:#42b0c5;border-radius:50%;color:#fff;line-height:1;justify-content: center;align-items: center;font-family: var(--ff-gm);font-size: 17px;box-sizing: border-box;font-weight: 800;position: absolute;left: 0;top: -1px;padding-top: 3px;}
.wrrp-customguide .cont .t_1.black{ color: #000;  }
.wrrp-customguide .cont .t_1.black .circle{ background-color:#000;  }
.wrrp-customguide .cont .t_2{margin-top: 30px;font-weight: 700;font-size: 20px;margin-bottom: 20px;}
.wrrp-customguide .cont .p_dot1{ line-height: 2.1; }
.wave_guide{ position: relative; height: 158px; }
@media screen and (max-width: 1200px){
  .wrrp-customguide{}
  .wrrp-customguide.step2{ margin-top: 12vw; padding-top: 12vw; }
  .wrrp-customguide > .inner{display: flex;justify-content: space-between;flex-direction: column;}
  .wrrp-customguide .thumb{width: 100%;position: relative;height: 110vw;border-radius: 5vw;overflow: hidden;}
  .wrrp-customguide .lft{max-width: none;margin-top: 8vw;}
  .wrrp-customguide  h1{font-size: 12vw;}
  .wrrp-customguide  h1 span{ display:block;}
  .wrrp-customguide  h1 .s{ font-size: 0.625em; color:#032c78; }
  .wrrp-customguide .cont{ margin-top:0;}
  .wrrp-customguide .cont .pl{padding-left: 10vw;}
  .wrrp-customguide .cont .t_1{padding-left: 10vw;font-size: 5vw;}
  .wrrp-customguide .cont .t_1 a{display: inline-flex;-moz-transform: translateY(6px);-webkit-transform: translateY(6px);-o-transform: translateY(6px);-ms-transform: translateY(6px);transform: translateY(-6px);margin: 3vw;}
  .wrrp-customguide .cont .t_1 .circle{display:flex;width: 8vw;height: 8vw;font-size: 3.6vw;position: absolute;left: 0;top: -1vw;padding-top: 1vw;}
  .wrrp-customguide .cont .t_1.black{ color: #000;  }
  .wrrp-customguide .cont .t_1.black .circle{ background-color:#000;  }
  .wrrp-customguide .cont .t_2{margin-top: 4vw;font-size: 4vw;margin-bottom: 4vw;}
  .wrrp-customguide .cont .p_dot1{ line-height: 2.1; }
  .wave_guide{position: relative;height: 10vw;}
  .wrrp-customguide .qu{font-size: 6vw;line-height: 1.4;text-align: left;}
  .wrrp-customguide .txt{padding: 0 12vw;}
  .wrrp-customguide .qu .c2{ color: #42b0c5; }
  .wrrp-customguide .qu .qu_s,
  .wrrp-customguide .qu .qu_e{margin: 7vw 0;width: 100%;height: 6vw;}
  .wrrp-customguide .cont .item{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.wrrp-customguide .cont .item .img{width: 100%;}
.wrrp-customguide .cont .item .sub{width: 100%;margin-top: 3vw;}


}



.wrap-select-tag{display:flex;flex-wrap: wrap;align-items: center;}
.wrap-select-tag button{
    width: calc(25% - 18px);
    border: 1px #ddd solid;
    margin: 8px;
    border-radius: 10px;
    height: 45px;
    font-size: 15px;
    box-sizing: border-box;
    color: #000;
}
@media (hover: hover) {
   .wrap-select-tag button:hover{
       border-color:#000;
       border-width:1px;
       font-weight:600;
   }
}

.wrap-select-tag button.on{
    background-color:#000;
    border-color:#000;
    color:#fff;
}

@media screen and (max-width: 1200px){
  .wrap-select-tag button{
      width: auto;
      margin: 1vw;
      border-radius: 1vw;
      height: auto;
      font-size: 3.6vw;
      padding: 1.9vw 2.5vw;
  }

}




.order-refund-top{
    border: 1px #f6f8fa solid;
    box-shadow: 5px 4px 7px -6px rgba(163,163,163,0.75);
    -webkit-box-shadow: 5px 4px 7px -6px rgba(163,163,163,0.75);
    -moz-box-shadow: 5px 4px 7px -6px rgba(163,163,163,0.75);
    padding: 30px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.order-refund-top .col{
    margin: 0 27px;
    font-size: 19px;
    color: #000;
}
.order-refund-top .col span{}
.order-refund-top .col .h_1{
    margin-right: 10px;
}
.order-refund-top .col .t_1{
    color: #62afc7;
}

.order-list-type1{}
.order-list-type1 table{ width:100%; }
.order-list-type1 th,.order-list-type1 td{}
.order-list-type1 thead{}
.order-list-type1 thead th{color:#000;text-align:center;background: #f6f8fa;padding: 13px 10px;font-size: 16px;}
.order-list-type1 tbody th,
.order-list-type1 tbody td{
    vertical-align: middle;
    padding: 20px 10px;
    font-size: 16px;
    border-bottom: 1px #ddd solid;
}
.order-list-type1 tbody td .area_select1{
    margin-left: 10px;
}
.order-list-type1 tbody td .area_select1 select{
    min-width: 39px;
    padding: 0 30px 0 15px;
}

.lst-fild-type1{}
.lst-fild-type1 .row{display: flex;color: #000;font-weight: 500;margin-top: 20px;}
.lst-fild-type1 .row.first{ margin-top:0;}
.lst-fild-type1 .row .h_1{}
.lst-fild-type1 .row .head{ padding-top:8px; min-width: 140px; width: 140px; margin-right: 20px; }
.lst-fild-type1 .row .cont{ width:calc(100% - 160px) }

.wrap_list_order{ display:flex;flex-direction: column;max-width: 490px;margin: 0 auto;border: 1px #ddd solid;padding: 30px 30px 30px;border-radius: 20px; }
.wrap_list_order .col:first-child{ margin:0; }
.wrap_list_order .col{ display: flex; text-align: left; margin-top: 10px; }
.wrap_list_order .col span{}
.wrap_list_order .col .h{ width: 130px; }

@media screen and (max-width: 1200px){
  .order-refund-top{
      padding: 5vw 0;
      border-radius: 5vw;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
  }
  .order-refund-top .col{
      margin: 1vw 5vw;
      font-size: 4vw;
      color: #000;
  }
  .order-refund-top .col span{}
  .order-refund-top .col .h_1{
      margin-right: 3vw;
  }
  .order-refund-top .col .t_1{
      color: #62afc7;
  }

  .order-list-type1{}
  .order-list-type1 table{ width:100%; }
  .order-list-type1 th,.order-list-type1 td{}
  .order-list-type1 thead{
    display: none;
}
  .order-list-type1 thead th{padding: 5vw 3vw;font-size: 4vw;}
  .order-list-type1 tbody tr{ display:block; margin-top:5vw; }
  .order-list-type1 tbody th,
  .order-list-type1 tbody td{
      vertical-align: middle;
      padding: 4vw 0;
      font-size: 4vw;
      border-top-width: 1px;
      border-bottom-width: 0;
      border-color: #ddd;
      border-style: solid;
      display: flex;
      align-items: center;
  }

  .order-list-type1 tbody td .area_select1{
      margin-left: 10px;
  }
  .order-list-type1 tbody td .area_select1 select{
      min-width: 39px;
      padding: 0 30px 0 15px;
  }

  .lst-fild-type1{}
  .lst-fild-type1 .row{display: flex;margin-top: 5vw;flex-direction: column;}
  .lst-fild-type1 .row.first{ margin-top:0;}
  .lst-fild-type1 .row .h_1{}
  .lst-fild-type1 .row .head{padding-top: 0;min-width: auto;width: 100%;margin-right: 0;margin-bottom: 2vw;}
  .lst-fild-type1 .row .cont{width: auto;}

  .wrap_list_order{ display:flex;flex-direction: column;max-width: auto;margin: 0 auto;border: 1px #ddd solid;padding: 30px 30px 30px;border-radius: 20px; }
  .wrap_list_order .col:first-child{ margin:0; }
  .wrap_list_order .col{ display: flex; text-align: left; margin-top: 10px; }
  .wrap_list_order .col span{}
  .wrap_list_order .col .h{ width: 130px; }

}


/* Policy Wrap */
#policy_wrap {
    font-size: 1em;
    color: #666;
    line-height: 2;
}

#policy_wrap h4 {
    font-size: 1.2em;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#policy_wrap .divider {
    height: 40px;
}

#policy_wrap .tb_table table tbody td {
    padding: 20px 20px;
}


.tb_table {
    width: 100%;
    border-top: 2px solid #333
}

.tb_table table {
    width: 100%;
}

.tb_table table thead th {
    font-size: 16px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    height: 40px;
    vertical-align: middle;
}

.tb_table table tbody th, .tb_table table tbody td {
    padding: 15px 20px;
    font-size: 16px;
    border-bottom: 1px solid #dfdfdf;
    vertical-align: middle;
}

.tb_table table tbody td.center {
    text-align: center;
}

.tb_table table tbody td.line {
    border-left: 1px solid #dfdfdf;
}

/*.tb_table table tbody * + td {
    border-left: 1px solid #dfdfdf;
}*/

.tb_table table tbody th {
    text-align: center;
    width: 190px;
}
.tb_table.type2 thead th{ background-color: #000; color: #fff; }

@media screen and (max-width: 840px) {
  /* Policy Wrap */
#policy_wrap {
    font-size: 4vw;
}

#policy_wrap h4 {
    font-size: 4.4vw;
    margin-bottom: 2vw;
}

#policy_wrap .divider {
    height: 40px;
}

#policy_wrap .tb_table table tbody td {
    padding: 20px 20px;
}


.tb_table {
    width: 100%;
    border-top: 2px solid #333;
    overflow: hidden;
    overflow-x: auto;
}

.tb_table table {
    width: 100%;
}

.tb_table table thead th {
    font-size: 1em;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    height: 40px;
    vertical-align: middle;
}

.tb_table table tbody th, .tb_table table tbody td {
    padding: 10px 20px;
    font-size: 0.8666em;
    border-bottom: 1px solid #dfdfdf;
    vertical-align: middle;
}

.tb_table table tbody td.center {
    text-align: center;
}

.tb_table table tbody td.line {
    border-left: 1px solid #dfdfdf;
}

.tb_table table tbody * + td {
    border-left: 1px solid #dfdfdf;
}

.tb_table table tbody th {
    text-align: center;
    width: 190px;
}

}


.wrap_footer_info h4 {font-size: 26px;color: #333;font-weight: 700;padding-top: 60px;letter-spacing: -0.04em;}
.wrap_footer_info h4 .right { float: right; margin-top: 0 !important; }


.terms p { margin-top: 20px; font-family:var(--ff-ori) }
.terms p.sizeup { font-size: 18px; font-weight: 700; line-height: 35px; }
.terms dl dt { font-size: 20px; color: #333; font-weight: 700; padding-top: 20px; }
.terms dl dd { margin-top: 20px; line-height: 24px; padding-left: 20px; }
.terms .list-style01, .terms .list-style04 { margin: 15px 0 25px; }
.terms .list-style04 > *{margin: 3px 0;}

.terms .btn-select a, .terms .btn-select button { display: inline-block; line-height: 45px; background: #005891; color: #fff; padding: 0 20px; vertical-align: middle; }
.terms .media-more-foot { margin-top: 100px; border-top: 1px solid #e5e5e5; padding-top: 30px; }
.terms .media-more-foot a { line-height: 43px; font-weight: 700; padding: 0 30px; border: 1px solid #666; display: inline-block; }
.terms .media-more-foot a img { margin-left: 10px; }

@media screen and (max-width: 960px) {
.terms p { margin-top: 20px; }
.terms p.sizeup { font-size: 14px; font-weight: 700; line-height: 24px; }
.terms dl dt { font-size: 15px; }
.terms dl dd { font-size: 12px; line-height: 17px; margin-top: 10px; }
.terms .btn-select select { width: 150px; }
.terms .btn-select a, .terms .btn-select button { line-height: 40px; padding: 0 10px; font-size: 12px; }
.terms .media-more-foot { margin-top: 60px; padding-top: 20px; }
.terms .media-more-foot a { line-height: 38px; font-size: 12px; padding: 0 15px; text-align: center; }
.terms .media-more-foot a img { margin-left: 5px; }
.terms .list-style01, .terms .list-style04 { margin: 10px 0 20px; }
}

.wrap_email_collect1{display: flex;flex-direction: column;align-items: center;max-width: 550px;margin: 0 auto;padding: 0 60px;}
.wrap_email_collect1 .imgs{ min-width: 101px; }
.wrap_email_collect1 .cont{margin: 40px 0 0;}
@media screen and (max-width: 1200px){
  .wrap_email_collect1{display: block;}
  .wrap_email_collect1 .imgs{min-width: auto;text-align: center;}
  .wrap_email_collect1 .cont{margin-left: 0;margin-top: 10vw;text-align: center;}
}
.root_daum_roughmap .wrap_map{ height: 100% !important;   }


.area_map{ border: 2px solid #ddd; width: 100%; height: 650px; position: relative;  }
.area_map > *{ position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; z-index: 1;  }
@media screen and (max-width: 960px) {
   .area_map{width: 100%;height: 90vw;position: relative;}
}

.wrap-guide2 img{ max-width: 100%; height: auto; }
.guide_bot_img{
   position: relative;
   width: 100%;
   height: 1080px;
   background-size: cover;
 }
.guide_bot_img .cont{
   position: absolute;
   right: 190px;
   bottom: 190px;
   color: #fff;
}
.guide_bot_img .cont .h_1{font-size: 88px;line-height: 1;font-weight: 600;}
.guide_bot_img .cont .t_1{font-size: 32px;line-height: 1.3125;margin-top: 30px;}
@media screen and (max-width: 840px) {
   .guide_bot_img{
      position: relative;
      width: 100%;
      height: 120vw;
    }
   .guide_bot_img .cont{
      position: absolute;
      left: 10vw;
      bottom: 10vw;
      color: #fff;
      right: 0;
   }
   .guide_bot_img .cont .h_1{font-size: 10vw;}
   .guide_bot_img .cont .t_1{font-size: 4.4vw;margin-top: 5vw;}
}


.area-mp4{ position: relative; left: 0; top: 0;  }
.area-mp4 video{  width: 100%; height: auto; }


.wrap-qna-type1{ text-align: left; }
.wrap-qna-type1 .inner-qna{background-color: #f9f9f4;}
.wrap-qna-type1 .rows{
    font-size: 14px;
    line-height: 1.7;
    position: relative;
    padding: 30px 50px;
    
}
.wrap-qna-type1 .rows.a{ border-top: 1px #ddd solid; }
.wrap-qna-type1 .rows .h_1{
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 23px;
}
.wrap-qna-type1 .rows .cont{}
@media screen and (max-width: 840px) {
  .wrap-qna-type1 .rows{
      font-size: 3.6vw;
      line-height: 1.6;
      padding: 4vw 9vw 4vw 12vw;
  }
  .wrap-qna-type1 .rows .h_1{
      font-size: 5vw;
      left: 2.7vw;
      top: 3.8vw;
  }
  .wrap-qna-type1 .rows .cont{}
}