/*공통*/
.modal-wrap.no_bg{background: transparent;overflow: initial; }
.modal-wrap.no_bg .modal-close { right: 0px; top: -40px;color: #fff;}
.modal-container.no_padding{padding:0;border-radius: 4px;}
.modal-container.padding_20px{padding:20px;}
.over_scroll_cus{overflow-y:scroll ;}
.over_scroll_cus::-webkit-scrollbar {width: 4px;}
.over_scroll_cus::-webkit-scrollbar-thumb {background-color: #bbb;}
.over_scroll_cus::-webkit-scrollbar-track {background-color: #f5f5f5;}

/*메인배너 모달*/
.main_slide_modal .modal-wrap{padding:0;    bottom: 0; top: auto; transform: none;    margin-top: 150px;}
.main_slide_modal .modal-container-inner {    height: 84vh;    overflow-y: scroll;}
.main_slide_modal img{display: block;}
.main_slide_modal li+li{margin-top: 10px;}
.main_slide_modal .mo_ver{display: none;}

/*SNS리뷰*/
.sns_review_modal.mo_ver{display: none;}
.sns_review_modal .modal-close{text-align: right;    top: -70px !important;}
.sns_review_modal .modal-close button{padding:0;margin-top: 10px;}
.sns_review_modal .all_view {color: #fff;display: flex;align-items: center;font-size: 1rem;}
.sns_review_modal .all_view img{width: 25px;margin-right: 2px;position: relative;top:-1px}
.sns_review_modal .modal-out-tit{position: absolute;left:0; font-size: 1.5rem; font-weight: 300;  top: -50px;color: #fff;}
.sns_review_modal .modal-container-inner{background: #fff;border-radius: 4px;}
.sns_review_modal .con{display: flex;}
.sns_review_modal .con> div{width: 50%;overflow: hidden;}
.sns_review_modal .con iframe{width: 100%;height: 100%;}

.sns_review_modal .con> div.left{position: relative;width: 100%;padding-bottom: 56.25%;}
.sns_review_modal .con> div.left iframe{position: absolute;  width: 100%; height: 100%;;}

.sns_review_modal .swiper{height: 100%;overflow: hidden !important;}
.sns_review_modal .left .swiper .slide_bot_but{    width: 90%;}
.sns_review_modal .left img{height: 100%;width: 100%;}
.sns_review_modal .right {padding:30px;}

.sns_review_modal .id_review_star{display: flex;justify-content: space-between; align-items: center;}
.sns_review_modal .text_box .review_con i{width: 20px;height: 20px;position: relative;top:2px}
.sns_review_modal .right >div+div{margin-top: 20px;}
.sns_review_modal .pro_option_name{background: #f8f8f8;padding:8px}
.sns_review_modal .review_text{height:150px;overflow-y: scroll;margin:20px 0;}
.sns_review_modal .review_writer{font-size: 0.9rem;color:#767676;}
.sns_review_modal .empathy{display: flex;justify-content: flex-end;align-items: center;}
.sns_review_modal .empathy >div{margin-left: 0;    width: 60px;;}
.sns_review_modal .empathy strong{font-size: 0.9rem;color: #767676;margin-right: 10px;}
.sns_review_modal .empathy > div i { width: 21px;height: 21px;}
.sns_review_modal .empathy span{    width: auto;margin-left: 6px;font-size: 0.9rem;top: 1px;}

.slide_bot_but.type02 {    z-index: -1;width: 135%;}
.slide_bot_but.type02 > div{background: transparent;height: 90px;cursor: pointer;position: absolute;
   left: -100px;    top: 50%;transform: translateY(-50%);}
.slide_bot_but.type02 .swiper-button-prev02{transform:translateY(-50%) rotate(180deg);   }

.slide_bot_but.type02 .swiper-button-next02{right: -100px;left: auto;}
.sns_review_modal .sns.sns_review{width: 100%;}


/*리뷰전체보기*/
.review_all_modal.sns_review_modal .modal-close {top: -40px !important;}
.review_all_modal.sns_review_modal ul{padding:20px;display: flex;flex-wrap: wrap;overflow-y: scroll;max-height: 600px;width: 100%;}
.review_all_modal.sns_review_modal ul li{width: calc((100% - 60px) /6);background: #ddd;margin:5px;background-position:center ;background-size: cover;    padding-bottom: 16.7%;}

/*입점신청*/
.import_modal .modal-close{color: #fff;}
.import_modal .import_list{padding:30px}
.import_list li+li{margin-top: 20px;}
.no_padding  .modal_but{padding:30px;padding-top: 0;;}
.import_modal .radio_style label{width: 33.3%;}

.modal-wrap .import_list{display: block;height: 500px; overflow-y: scroll;     overflow-x: hidden;}
.modal-wrap .import_title{background: linear-gradient(90deg, #37e1e6, #b586f8);;color: #fff;text-align: center;padding:40px 0;font-family: 'GangwonEduPower';}
.modal-wrap .import_title p{font-family: inherit;font-size: 2rem;line-height: 1.3;}
.modal-wrap .import_title p:last-child{position: relative;width: max-content;margin:0 auto;margin-top: 20px;}
.modal-wrap .import_title p:last-child::before{content:'';display: block;width: 105%;height: 20px;background: #fff;position: absolute;left:50%;bottom:0px;transform: translateX(-50%);opacity: 0.3;}
.modal-wrap .jion_right{width: 100%;}
.modal-wrap .jion_right .add_but {display: flex;}
.modal-wrap .jion_right .add_but input{width: calc(100% - 115px);}
.modal-wrap .jion_right .add_but button{width: 100px;border:1px solid #46dbdf;color: #46dbdf;border-radius: 4px;margin-left:15px;}

.modal-wrap .jion_right {margin-top: 4px;}
.modal-wrap .jion_right input{width: 102%;}
.modal-wrap .over_scroll_cus.import_list{height: 500px;}

.modal-wrap .jion_title{position: relative;width: max-content;}
.modal-wrap .required{width: 4px; height: 4px; background: #ed3b3b;
    display: block; position: absolute; right: -8px; top: 0; border-radius: 50%;}
.modal-wrap .filebox{display: flex;}
.modal-wrap .filebox input{width: calc(100% - 110px);;}
.modal-wrap .filebox label{width: 100px;margin-left: 10px;padding:0;    display: flex;  justify-content: center;   align-items: center;border-radius: 4px;}

.filebox_down{margin-bottom: 10px;}
.filebox_down a{width: 100%;;    padding: 10px;border:1px solid #71BF44;display: block;border-radius: 4px;background: #71BF44;color: #fff;text-align: center;}
.import_modal02 .modal-close{color: #111;}
.modal-wrap .d-block{    justify-content: flex-start;}



/*배송지 추가하기*/
.address_add_modal .address_text .address{display: flex;}
.address_add_modal .address_text .address button{width: 120px;border-radius: 4px;margin-left: 10px;}
.address_add_modal .address_text > input{margin-top: 10px;}
.address_add_modal .cell01_input .cell span{margin:0 10px}
.address_add_modal .cell01_input select{width: 100px;margin-right: 10px;}
.address_add_modal .cell01_input input{width: calc(100%);}
.address_add_modal .cell01_input form{display: flex;}
.address_add_modal .personal_info_wrap{display: block;}
.address_add_modal .personal_info_wrap .jion_title{display: flex;justify-content: space-between;align-items: center;}
.address_add_modal .personal_txt{background: #f5f5f5;padding:16px;height: 100px;overflow-y: scroll;margin-bottom: 10px; font-size: 14px; color: #666; } 
.address_add_modal .jion_title{width: 130px;}
.address_add_modal  li+li{margin-top: 15px;}

.cupon_modal .table.coupon_wrap ul{border-top:none;}

.cupon_modal .coupon_wrap .button{margin-top: 0;}
.cupon_modal .coupon_wrap button{ padding:8px 20px 6px;border-radius: 2px;}




/*이용약관 상세보기*/
.view_details_modal textarea{height: 260px;}



/*장바구니 옵션변경*/
.cart_option_modal .body_table > li{border:none;}
.cart_option_modal .basket_wrap{padding:0;}
.cart_option_modal .table_style01{width: 100%;}
.cart_option_modal .option_select{width: 100%;margin-top: 20px;}
.cart_option_modal .option_select select{width: 100%;}
.cart_option_modal .option_select select +select{margin-top: 10px;}



/*비밀번호 변경*/
.password_moda .modal_jion_list li{display: flex;align-items: center;}
.password_moda .modal_jion_list li +li{margin-top: 15px;}
.password_moda .modal_jion_list .jion_title{width:150px ;text-align: left;padding-right: 15px;font-size: 0.9rem;}
.password_moda .modal_jion_list .jion_right{width: calc(100% - 150px);}
.password_moda .modal_jion_list .jion_right input{width: 100%;}



.password_moda .add_but{display: flex;position: relative;}
.password_moda .add_but form{display: flex;width: calc(100% - 100px);}
.password_moda .call_input form select{width: 120px;margin-right: 10px;}
.password_moda .call_input form input{width: calc(100% - 130px);}
.password_moda .add_but button{background: #ddd;border-radius: 4px;margin-left: 10px;width: 100px;;}


.password_moda.style02 .modal_jion_list li{display: block;}
.password_moda.style02 .modal_jion_list .jion_right{width: 100%;}
.password_moda.style02 {}
.password_moda.style02 .sub_txt-wrap{position: absolute;right:13px;top:52%;transform: translateY(-50%);}
.password_moda.style02 .sub_txt-wrap button{width: auto;color: #fff;border:none;padding-top: 4px;font-size: 13px;}
.password_moda.style02 .certification_number >div{width: calc(100% - 100px);position: relative;}




/*배송완료 리부*/


.delivery_completed_modal .modal-container{    padding: 30px;}
.delivery_completed_modal .tit{font-size: 1.6rem;line-height: 1.5;}
.delivery_completed_modal .txt{text-align: left !important;color: #767676;}

.delivery_completed_modal .button{display: block;}
.delivery_completed_modal .modal_but button+button{margin-left: 0;;}
.delivery_completed_modal .button.type01 button.but_sub03{color: #888;padding:0;background: transparent;font-size: .9rem;border:none;margin-top: 10px;}

.delivery_completed_modal .review_product > i { width: 80px;   height: 80px;   border-radius: 4px;}
.delivery_completed_modal .review_product .tit{font-size: 1.25rem;}






/*리뷰모달*/
.review_modal .in_con{height: 65vh;overflow-y: scroll;padding:0 10px;}
.review_modal .orderlist_cancel .cancel_reason +.cancel_reason{margin-top: 40px;}
.review_modal .orderlist_cancel .cancel_reason{margin-top: 0;;}
.review_modal .type01{margin-top: 20px;}
.review_modal p.sec_txt {margin-top: 10px;}



.cart_option_modal .shopping_basket .basket_wrap .txt p{text-align: left;}



  /* shop_cart_modal */
  .cart_modal .modal-container-inner{/* padding:20px 0;  */border-top:1px solid #000}
  .cart_modal .product_title{font-size: 1.25rem; margin-bottom:20px;}
  .cart_modal .product_con{padding:20px 0; display: flex;align-items: center;}
  
  
  .cart_modal .product_con .option{margin-bottom:10px;}
  .cart_modal .product_con .option:last-child{margin-bottom:0;}
  .cart_modal .product_con .produc_txt{width:calc(100% - 170px); padding-left:30px;}
  .cart_modal .product_con .produc_txt .option{display: flex;align-items: center;}
  .cart_modal .product_con .produc_txt .left{width:80px;text-align: left;}
  .cart_modal .product_con .produc_txt .right{width:calc(100% - 80px);}
  .cart_modal .product_con .produc_txt .right select{ color:#888;width:100%; padding:10px; border:1px solid #ddd}
  
  .cart_modal .product_con .produc_txt .right option{border-color: #ddd; outline: 0;}
  .cart_modal .produc_img i{width:170px; height:170px; display: block; position:relative; padding:10px}
  .cart_modal .produc_img i::before{content:''; display: block; width:100%; height:100%; background-color: #f5f5f5; border-radius: 10px;z-index: -1; position:absolute; top:0; left:0;}
  
  .cart_modal .select_con{border-top:1px solid #000;border-bottom:1px solid #000;}
  
  .cart_modal .select_con .select_list{display: flex;justify-content: space-between;align-items: center;font-size:0.875rem; border-top:1px solid #ddd;padding:15px 0;}
  
  .cart_modal .select_list .select_name{width:50%;text-align: left;}
  .cart_modal .select_list .select_numder{width:20%}
  .cart_modal .select_list .select_price{width:20%}
  .cart_modal .select_list .close{width:10%}
  
  .cart_modal .select_list .select_product{color:#888;margin-top:3px;}
  .cart_modal .select_list .product_tit{font-size:1rem;}
  
  .cart_modal .select_list .select_numder{display: flex;justify-content: flex-end;}
  .cart_modal .select_list .select_price{text-align: right;}
  .cart_modal .select_list .product_price{font-size:1.125rem}
  .cart_modal .select_list .close{width:13px; display: block; margin-left:5px;}
  
  .cart_modal .select_list .product_accumulate{font-size:13px;}
  /* .cart_modal .select_list .span_ac_point{color:#be3434; border:1px solid #be3434; padding:0px 2px; font-size:12px; border-radius: 3px;margin-right:5px} */
  .cart_modal .select_numder .count-container span.num {width: 12px;color: #888; width: 30px;height: 30px; position: relative;}
  .cart_modal .select_numder .count-container {padding: 2px 6px; width: 100%;justify-content: center;}
  .cart_modal .select_numder .count-container span.num i{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
  
  
  .cart_modal .a_price{margin-top:10px;text-align: right;}
  .cart_modal .a_price .price_of_prod{font-size: 1.5rem; font-weight: 500; margin-right:3px;margin-left:3px;}
  .cart_modal .button{display: flex;margin-top:30px}
  .cart_modal .button button{width:50%; padding:10px 0;}
  .cart_modal .button button:first-child{background-color: #000; color:#fff;margin-right:20px}
  .cart_modal .button button:last-child{border:1px solid #000; color:#000;position: relative;}
  
  
   .shipping_wrap .left{margin-right: 16px; width: 100px;}
   .shipping_wrap .right span{color: #000;font-weight: inherit;}
   .shipping_wrap .right {width: calc(100% - 100px);}
   .shipping_wrap .right a{position: relative;}
   .shipping_wrap .right a::before{content:'';display: block;width: 6px;height: 6px;border-top:1px solid #767676;border-right:1px solid #767676;position: absolute;right:-12px;top:40%;transform: translateY(-50%) rotate(45deg);}
   .shipping_wrap .radio_style label{width: 20px;height: 20px; position: absolute;}
   .shipping_wrap .radio_style span{position: initial; transform: none; margin-left: 6px;    text-align: left;}
   .shipping_wrap .radio_style [type="radio"]{width: 20px;height: 20px;    padding: 12px; border-radius: 50%;position: relative;}
   .shipping_wrap .radio_style .d-block +.d-block{margin-left: 20px;}
   .shipping_wrap .radio_style [type="radio"]:checked{background: transparent;border:1px solid #71BF44}
   .shipping_wrap .radio_style [type="radio"]:checked::after {content:'';display: block; width: 50%;height: 50%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: #71BF44 ; border-radius: 50%;}

   .shipping_wrap .delivery_select_box{width: 100%;border:1px solid #ddd; margin-top: 15px; position: relative;}
   .shipping_wrap .delivery_select_box .con{display: flex; padding:12px;width: 100%;align-items: center;}
   .shipping_wrap .delivery_select_box ul{position: absolute;left:0;width: 100%; border:1px solid #ddd;background: #fff;z-index: 9; max-height: 300px; overflow-y: scroll;display: none; }
   .shipping_wrap .delivery_select_box em{font-weight: 600;color: #111; font-size: 15px; }
   .shipping_wrap .product_info .delivery_select_box li + li{margin-top: 0;}
   .shipping_wrap .delivery_select_box li.li_on{background: #f9f9f9;}
   .shipping_wrap .delivery_select_box li.li_on em{color: #71BF44;}
   .shipping_wrap .delivery_select_box li {padding:12px;}
   .shipping_wrap .delivery_select_box .con .left{width: calc(100% - 90px); }
   .shipping_wrap .delivery_select_box .con .right{width: 80px;}
   .shipping_wrap .delivery_select_box .con .right button{display: flex; background: #000;border-radius: 20px;padding:5px 10px 5px 4px; color: #fff; align-items: center; width: 100%;justify-content: center;;}
   .shipping_wrap .delivery_select_box .con .right button i{width: 20px; filter: invert(100%); margin-right: 4px;}
   .shipping_wrap .delivery_select_box .click_p i{width: 16px;    display: block; transform: rotate(-90deg);} 
   .shipping_wrap .delivery_select_box .click_p .left{width: calc(100% - 40px);}

   .shipping_wrap{border-bottom: 1px solid #000; padding-top: 10px; padding-bottom: 16px;}
   .shipping_wrap .left p{font-size: 18px; font-weight: bold;}

/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px){
    .sns_in_rphoto div+div{margin-top: 10px;}
    .sns_review_modal.pc_ver{display: none;}
    .sns_review_modal.mo_ver{display: block;}

    .sns_review_modal {padding:0;}
    .sns_review_modal .modal-wrap{    top: 0;transform: none;}
    .sns_review_modal .con{display: block;}
    .sns_review_modal .con> div{width: 100%;}
    .sns_review_modal .right {padding: 0 20px;}
    .sns_review_modal .modal-out-tit{position: fixed; padding-bottom: 10px; padding-top: 16px;  background: #fff;color: #000;width: 100%;top: 0;z-index: 9;border-bottom:1px solid #ddd;}
    .sns_review_modal .modal-close{top:16px !important;flex-direction: row-reverse;    align-items: center;display: flex; right: 18px !important;    position: fixed;}
    .sns_review_modal .modal-close span{color:#000 ;position: relative;top:3px}
    .sns_review_modal .modal-close button{color: #000;font-size: 0;margin-top:0;margin-right: 10px;}
    .sns_review_modal .all_view img{filter: invert(100%);}
    .sns_review_modal .review_product{margin-top: 0;border-radius: 0;;}

    .sns_review_modal .modal-container-inner{border-radius: 0;    }
    .sns_review_modal .mo_product_option{padding:16px;}
    .sns_review_modal .mo_product_option .pro_option_name{margin-top:16px}
    .sns_review_modal .right{padding:16px;}
    .sns_review_modal .modal-container{overflow: hidden;border-radius: 0;height: 100vh;  overflow-y: scroll;}

    .sns_review_modal .left .swiper .slide_bot_but {width: 100%;}

    .sns_review_modal .swiper-button {display: block;height: 60px;width: 50px;background: rgba(0,0,0,0.3);border-radius: 0;;position: fixed;top:50%;transform: translateY(-50%);z-index: 99;display: flex;justify-content: center;align-items: center; }
    .sns_review_modal .swiper-button img{height: 30%;}
    .sns_review_modal .swiper-button-prev02 img{transform: rotate(180deg) ;    }
    .sns_review_modal .swiper-button-next02{right:0;}
    

    .sns_review_modal {background: #fff;}
    .sns_review_modal .sns_review_slide{padding-top: 59px;}


    .modal-wrap .import_list{height:450px;overflow-y: scroll;}
    }


    /* ********************************************* *
     * 640px max
     * ********************************************* */
     @media (max-width:640px){

      .main_slide_modal .mo_ver{display: block;}
      .main_slide_modal .pc_ver{display: none;}


        .sns_review_modal .modal-out-tit{font-size: 1.25rem;}


        .main_slide_modal .modal-container.no_padding::before{content:'전체보기';display: block;position:absolute;width: max-content;left:50%;transform: translateX(-50%);color: #000;font-size: 1.25rem;    top: -43px;;}
        .main_slide_modal .modal-wrap.no_bg .modal-close{ color: #000;   right: 20px;}
        .main_slide_modal .modal-wrap{  border-radius: 0;   padding-top: 60px;  margin: 0;background: #fff;}
        .main_slide_modal .modal-container-inner {height: 93vh;overflow-y: scroll;}
        .main_slide_modal {padding:0;}
        


        .import_list .radio_style{flex-wrap: wrap; border:none;margin: -4px;}
        .import_list .radio_style label{width: 33.3%; margin-left:0; padding: 4px; }
        .import_list  .jion_right input{width: 100%;}

        .import_list .radio_style label [type="radio"]{border-radius: 4px !important;    padding: 22px;}
        .import_list .radio_style span {vertical-align: middle;position: absolute;left: 50%;top: 50%;}


     }
     /* ********************************************* *
      * 500px max
      * ********************************************* */
      @media (max-width:500px){

         .delivery_completed_modal .modal-container{    padding: 20px;}

         .delivery_completed_modal .tit {font-size: 1.4rem;line-height: 1.3;}
         .delivery_completed_modal .txt{margin-top: 4px;font-size: 0.9rem;}
         .delivery_completed_modal .review_product > i {width: 70px;height: 70px;}
         .delivery_completed_modal .review_product .tit {font-size: 1.125rem;}

         .delivery_completed_modal .review_con{font-size: 0.9rem;}

         .delivery_completed_modal .review_con i{width: 16px; height: 16px;}
         .delivery_completed_modal .button.modal_but button{width: 100%;padding:10px 0;    font-size: 0.9rem;}
         .delivery_completed_modal .button.type01 button.but_sub03{font-size: 0.8rem;}
         .delivery_completed_modal .button.modal_but {margin-top: 20px;}


         .address_add_modal{font-size: 14px;}
         .address_add_modal li{display: block;}
         .address_add_modal .jion_title{margin-bottom: 0px; display: block; width: 100%; }
         .address_add_modal .jion_title p{position: initial;}
         .import_list li+li {margin-top: 10px;}
         .address_add_modal .cell01_input #modalEmail1{width: 120px;}
         .address_add_modal .cell01_input #modalEmail2{width: calc(100% - 120px);}
         .modal .button.modal_but button {padding: 10px 20px;}


         
    .modal-wrap .import_list{height:380px;overflow-y: scroll;}


    
.address_add_modal .personal_txt{padding:10px; font-size: 12px;} 
      }
 
     /* ********************************************* *
      * 450px max
      * ********************************************* */
      @media (max-width:450px){
         .import_list .radio_style label{width: 50%; }
         .import_list .radio_style label [type="radio"]{  padding: 20px;}


      }
     /* ********************************************* *
      * 400px max
      * ********************************************* */
      @media (max-width:400px){
         .sns_review_modal .pro_option_name{font-size: 0.9rem;}

         .modal-container.padding_20px {padding: 16px;}
         .modal-wrap {border-radius: 5px;}



         
         .address_add_modal .cell01_input #modalEmail1{width: 100px;}
         .address_add_modal .cell01_input #modalEmail2{width: calc(100% - 100px);}
      }