/* slider */
.mVisual{position:relative; width: 100%; height:284px;}
.sVisual{position:relative; width: 100%; height:640px;}
.swiper {width: 100%; height: 100%;}
.swiper-slide { 
    text-align: center; 
    font-size: 18px; 
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .mVisual .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .sVisual .swiper-slide img {
    display: block;
    width: 100%;
    height:100%;
    object-fit: contain;
  }

  .paging_wrap{background:rgba(0,0,0,0.5); font-size:13px; position:absolute; bottom:10px; right:10px; z-index: 1; color:#fff; display: flex; align-items: center; padding:3px 7px 3px 10px; width:85px; border-radius: 20px;}
  .paging_wrap .fontIcons.google{font-size:1.8rem; margin-left:5px;}

  /* event */ 
  .ev_con {margin-bottom:5px;} 
  
   /* pd_list */
  .pd_list > .pd_con .con > .t{text-overflow: ellipsis; width:100%; overflow:hidden; white-space:nowrap; }
  .listImgBox{width:100%; margin-bottom:1.5rem;}.listImgBox > img{width:100%; object-fit: cover;}
  /* price */
  .price .item_tag{padding:0 0.4rem; height:2.4rem; line-height: 2.4rem; font-size:1.6rem; background:#f55; color:#fff; text-align: center; border-radius: 0.4rem; display:inline-block;}
  .price .normal{font-size:1.3rem; color:#989898; font-weight:400;}
  .price .normal p{text-decoration:line-through;}
  .price .mDeal{font-size:1.8rem; font-weight:500;}
  .price .mDeal > .red{color:#f55; margin-right:0.6rem;}
  .price .mDeal > span{font-size:1.3rem;}


  /* info_box */
  .info > .info_box{font-size:1.3rem; padding:0.2rem 0.5rem; border-radius: 0.1rem;}
  .info_box.free{background:#f3f3f3; color:#858585;}

  /* cart_list */
  .ca_list_all{padding-bottom:1.5rem; font-weight:600; border-bottom:1px solid #c4c4c4;}
  .ca_list .ca_item{padding:1.5rem 0;}
 .ca_list .ca_item:first-child{border-bottom:1px solid #e1e1e1;}
  .ca_list .ca_item:not(:last-of-type){border-bottom:1px solid #e1e1e1;}
  .ca_list .ca_item .top{display:flex; justify-content: flex-end; align-items: flex-end;}
  .ca_list .ca_item .top > .ck_list{margin-right:auto;}
  .ca_list .ca_item .top > .w_pay{font-weight:600; font-size:12px; color: #bbb; text-decoration-line: line-through; margin-right:5px;}
  .ca_list .ca_item .top > .ca_pay{font-weight:600;}
  .ca_list .ca_item .top > button{width:24px; height:24px; margin-left:1rem; }
  .ca_list .ca_item .top > button > .fontIcons.google{font-weight:300;}

  .ca_list .ca_item .con{padding:0.5rem 3rem;}
  .ca_list .ca_item .con > .option{color:#858585; margin-top:0.4rem; font-size:13px;}
  .ca_list .ca_item .con > .info{display:flex; margin-top:1rem;}
  .ca_list .ca_item .con > .info > .photo{width:60px; height:60px; background:#f2f2f2; display: flex; align-items: center; overflow:hidden;}
  .ca_list .ca_item .con > .info > .photo > img{width:100%; object-fit: cover;}

  .ca_list .ca_item .con > .info > div:nth-of-type(2){padding-left:1rem; position:relative;}
  .ca_list .ca_item .con > .info > div:nth-of-type(2) > p{font-size:13px;}
  .ca_list .ca_item .con > .info > div:nth-of-type(2) > .num_btn{position:absolute; bottom:0px;}

  .ca_pay_top{padding-bottom:1.5rem; border-bottom:1px solid #c4c4c4; font-weight:600;}
  .ca_pay_list{padding:1rem 0; border-bottom:1px solid #e1e1e1;}
  .ca_pay_list > li{display:flex; justify-content: space-between;}
  .ca_pay_list > li:not(:last-of-type){margin-bottom:0.5rem;}
  .ca_pay_list > li > .t{color:#858585;}
  .ca_pay_total{display: flex; justify-content: space-between; margin-top:1rem; align-items: center;}
  .ca_pay_total > .total_pay{color:#f55; font-size:2rem; font-weight:600;}

  .noData > .con_wrap{display:flex; justify-content: center; align-items: center;}
  .noData > .con_wrap > div{text-align:center; color:#c4c4c4;}
  .noData > .con_wrap > div > .fontIcons.google{font-size:4rem; font-weight:300;}
  .noData > .con_wrap > div > p{margin-top:5px;}

  /* product view */
  .pd_info > .price{border-bottom:1px solid #e1e1e1; padding-bottom:1.5rem;}
  .pd_info > .price .normal{display:flex; margin-bottom: 1rem;}
  .pd_info > .price .normal > span{margin-right:5px;}

  .pd_info > .price > .flex_box{display:flex; align-items: center;}
  .pd_info > .price > .flex_box > .mDeal{font-size:2rem; font-weight:600; margin-right:10px;}
  .pd_info > .price > .flex_box > .mDeal > .red{font-size:1.3rem; font-weight:400;}
  .pd_info > .price > .t{font-size:1.7rem; margin-top:1rem;}

  .pd_info > .info{padding-top:1.5rem;}
  .pd_info > .info > li{display:flex; font-size:13px;}
  .pd_info > .info > li:not(:last-of-type){margin-bottom:1.2rem;}
  .pd_info > .info > li > .t{color:#c4c4c4; max-width:6.5rem; width:20%;}
  .pd_info > .info > li > .c{width:80%;}
  .pd_info > .info > li > .c > p:not(:last-of-type){margin-bottom:0.5rem;}
  .pd_info > .info > li > .c .gray{color:#858585;}
  .pd_info > .info > li > .c .red{color:#f55;}

  .tit_tab{display:flex; padding-bottom:1.5rem;}
  .tit_tab > li{width:100%; text-align:center; font-size:1.5rem;}
  .tit_tab > li > a{padding-bottom:1rem; display:inline-block;}
  .tit_tab > li.on > a{color:#ff9f46; border-bottom:2px solid #ff9f46;}
  .dt_img_box{max-height:1000px; overflow: hidden;}
  .dt_img_box.on{max-height:none;}
  .dt_img_box img{width:100% !important; object-fit: cover;}
  .view_btn{width:100%; background:#ff9f46; color:#fff; font-size:1.5rem;}
  
  .tab_con{display:none;}
  .tab_con.view{display:block;}
  
  
  /* 상품문의 리스트 */
  .qnaList{margin-top:1.5rem; background:#fff;}
  .qnaList > .qnaCard{border-bottom:1px solid #e1e1e1;}
  .qnaList > .qnaCard:not(:last-of-type){margin-bottom:1.5rem;}
  .qnaList > .qnaCard:first-of-type{border-top:1px solid #e1e1e1; padding-top:1.5rem;}
  
  .qnaList > .qnaCard.noData{align-items:center; justify-content:center;}
  .qnaList > .qnaCard.noData .noData_txt{padding-bottom:1.5rem; font-size:1.5rem; font-weight:600; text-align:center;}
  
  .qc_q{display:flex; flex-wrap:wrap; align-items: center;}
  .qc_q > dt > .box_tag{display:inline-block; font-size:1.2rem; width:5.3rem; height:2rem; border-radius: 0.5rem; line-height:2rem; color:#858585; border:1px solid #858585; text-align:center;}
  
  /* 문의상태 */
  .qc_q > dt > .box_tag.success{background: var(--mainColor); color: #fff; border-color: var(--mainColor);}
  
  .qc_q > .qc_q_top{margin-left:1rem; display:flex; justify-content:space-between; align-items:center; width:calc(100% - 6.3rem); color:#858585;}
  .qc_q > .qc_q_top > .info{font-size:1.3rem;}
  .qc_q > .qc_q_top > .info > .date{margin-right:0.5rem;}
  
  .qc_q > .qc_q_product{width:100%; padding:1.5rem 0; cursor:pointer;}
  .qc_q > .qc_q_product > .txt{position:relative; font-size:1.5rem; padding-right:3rem;}
  .qc_q > .qc_q_product > .txt.an:after{content:'\e942'; font-family: xeicon; display:inline-block; position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(0deg); transition:transform 0.2s; font-size:2.5rem;}
  .qc_q > .qc_q_product.on > .txt:after{transform:translateY(-50%) rotate(180deg); transition:transform 0.2s;}
  .qc_q_btn_group > a{font-size:2rem !important; width:2rem; height:2rem; display:inline-block;}
  
  .qc_q > .qc_q_product > .txt > div.t{font-weight:600;}
  .qc_q > .qc_q_product > .txt > div.c{font-size:1.4rem; margin-top:0.5rem;}
  
  .qc_a{padding:1.5rem; background:#efefef; display:none; overflow:hidden;}
  
  .qc_a > .t{display:inline-block; width:100%; padding-bottom:0.5rem; font-weight:600;}
  .qc_a > .qc_a_txt{line-height:1.3; padding:0.5rem;}
  
  .secret > .qc_q,
  .secret > .qc_a{display:none;}
  .secret > .secret_txt{display:block;}
  .secret_txt{display:none; padding-bottom:1.5rem; font-size:1.5rem; font-weight:600; text-align:center;}

  /* option_list */
  .option_list_wrap{padding:1.5rem; background:#fff; position:fixed; bottom:0rem; width:100%; display:none; max-width: 64rem; z-index: 4;}
  .option_list_wrap .btn_opclose{position:absolute; top:-26px; left:50%; transform:translateX(-50%); display: inline-block; color:#7f7f7f; font-size:2rem; background:#fff; border-radius:10px 10px 0 0; padding:3px 20px; cursor:pointer;}
  .option_list_wrap .btn_opclose:after{content:"\e942"; font-family: "xeicon"; }
  .op_list{border-radius: 1rem; overflow:hidden; border:1px solid #e1e1e1;}
  .op_list > li > .op_dap1{background:#fff; display: flex; padding:1rem; align-items: center; position:relative; cursor:pointer;}
  .op_list > li > .op_dap1.on{border-bottom:1px solid #e1e1e1;}
  .op_list > li:not(:first-of-type) > .op_dap1{border-top:1px solid #e1e1e1;}
  .op_list > li > .op_dap1 > span{color:#c4c4c4; font-size:1.3rem; margin-right:1rem;}
  .op_list > li > .op_dap1 > .txt{font-weight:600;}
  .op_list > li > .op_dap1::after{position: absolute; content:"\e942"; font-family: "xeicon"; color:#7f7f7f; font-size:2.5rem; right:1rem;}
  .op_list > li > .op_dap1.on::after{content: "\e945";}

  .op_dap2{background:#fafafa; padding:0 1.5rem; display:none;}
  .op_dap2 > li{display:flex; justify-content: space-between; align-items: flex-start; width:100%; padding:1rem 0; cursor: pointer;}
  .op_dap2 > li:not(:last-of-type){border-bottom:1px solid #ebebeb;}
  .op_dap2 > li > .txt{width: 70%;}
  .op_dap2 > li > .pay{width: 30%; text-align: right;}

  .option_list_wrap.eq2 > .plus_op_btn{border-radius: 1rem; overflow:hidden; border:1px solid #e1e1e1; position:relative; background:#fff; padding:1rem; width:100%; text-align:left; color:#ff9f46; font-weight:600; font-size:1.4rem;}
  .option_list_wrap.eq2 > .plus_op_btn:after{position: absolute; content:"\e942"; font-family: "xeicon"; color:#7f7f7f; font-size:2.5rem; right:1rem; top:50%; transform:translateY(-50%);}
  .option_list_wrap.eq2 > .pick_option{border-radius: 1rem; overflow:hidden; border:1px solid #e1e1e1; background:#fff; padding:1rem; margin-top:1rem;}
  .pick_option > .t{display:flex; justify-content: space-between; padding-bottom:1rem; align-items: center;}
  .pick_option > .t > p{font-size:1.3rem;}
  .pick_option > .t .fontIcons.google{font-size:2.2rem; color:#7f7f7f;}
  .pick_option > .c{display:flex; justify-content: space-between; align-items: center;}
  .pick_option > .c > .pay{font-size:1.5rem; font-weight:600;}

  .option_list_wrap.eq2 > .pick_total{display:flex; justify-content: space-between; align-items: center; margin-top:1.5rem;}
  .option_list_wrap.eq2 > .pick_total > .n{ font-weight: 600;}
  .option_list_wrap.eq2 > .pick_total > .pay > span{color:#f55; font-size:2.2rem; margin-left:10px; font-weight:600;}
  .option_list_wrap.eq2 > .btn_list{display:flex; margin:1rem -1.5rem -1.5rem -1.5rem;}
  .option_list_wrap.eq2 > .btn_list > button{font-size:1.7rem; border-radius: 0; height:4.5rem;}
  .option_list_wrap.eq2 > .btn_list > .cart_btn{width:30%;}
  .option_list_wrap.eq2 > .btn_list > .buy_btn{width:70%;}


  /* productBuy */
  .pay_t{padding-bottom:1.5rem; font-weight:600; border-bottom:1px solid #c4c4c4; display:flex; align-items: center; justify-content: space-between;}
  .pay_t > .noti{float:right; color:#858585; font-size:12px;}
  .pay_t > .toggleInput{float:right;}
  .ca_list.type2 .ca_item > .con{padding:0.5rem 0;}
  .ca_list.type2 .ca_item > .con > p{word-break: break-word;}

  .writeform.type2{padding:1.5rem 0;}
  .writeform.type2 > .form_box:not(:first-of-type){margin-top:1.5rem;}


  .writeform.type2 > .form_box > .t,
  .writeform.type2 > .form_box > label{color:#858585; font-size:13px;}

  .zipcode_box{display:flex; justify-content: space-between;}
  .zipcode_box > input{width:calc(100% - 120px);}
  
  .writeform.type2 > .form_box > .pointWrap{display:flex; align-items:center; justify-content:space-between;}
  .writeform.type2 > .form_box > .pointWrap > .availablePt{font-size:1.7rem; font-weight:600;}
  .writeform.type2 > .form_box > .pointWrap > .availablePt > span{font-size:1.4rem; font-weight:300; margin-left:5px;}
  .writeform.type2 > .form_box > .pointWrap > input{width:calc(100% - 150px); margin-left:20px; text-align:right;}

  .sms_box{display:flex;}
 /* .sms_box > input{margin:0 0.5rem; width:calc(100% - 177px);}*/

  .payType_box{display: flex; flex-wrap: wrap;}
  .payType_box > .item{width:calc(100% / 3); margin-top:1rem;}
  .payType_box > .item > label{color:#101010;}
  .payType_box > .item:first-of-type,
  .payType_box > .item:nth-of-type(2),
  .payType_box > .item:nth-of-type(3){margin-top:0px;}

  .agree_list > li{padding:1rem 0;}
  .agree_list > li > .t{font-weight:600;}
  .agree_list > li > .agree_box{margin-top:2rem;}
  .agree_list > li > .agree_box > .t{display:flex; align-items: center; justify-content: space-between;}
  .agree_list > li > .agree_box > .t > .agree_view > button{color:#7f7f7f; position:relative; padding-right:2.5rem;}
  .agree_list > li > .agree_box > .t > .agree_view > button:after{position: absolute; content:"\e942"; font-family: "xeicon";  font-size:2.5rem; right:0; top:50%; transform:translateY(-50%);}
  .agree_list > li > .agree_box > .t > .agree_view.on > button:after{content: "\e945";}
  .agree_list > li > .agree_box > .c{display:none; background:#f6f6f6; margin-top:1.5rem; max-height: 10.6rem; overflow-y: auto; border-radius:0.8rem; padding:0.8rem 1.2rem;}
  
  .agree_list > li > .agree_box > .c > p:not(:last-of-type){margin-bottom:1rem;}
  .agree_list > li > .agree_box > .c > table{color:#888; margin-bottom:1rem;}
  .agree_list > li > .agree_box > .c > table tr{border-top:1px solid #d9d9d9;}
  .agree_list > li > .agree_box > .c > table tr:last-child{border-bottom:1px solid #d9d9d9;}
  .agree_list > li > .agree_box > .c > table th{background:#F0F0F0; padding:8px 12px; border-right:1px solid #d9d9d9; font-weight:400;}
  .agree_list > li > .agree_box > .c > table td{padding:8px 12px;}
  .agree_list > li > .agree_box > .c > table td.red{color:#f55;}
  
  .agree_list > li > .agree_box > .c > table.type2 th{text-align:center;}
  .agree_list > li > .agree_box > .c > table.type2 > tbody td + td{border-left:1px solid #d9d9d9;}

  .result > .con_wrap{display:flex; justify-content: center; align-items: center;}
  .result > .con_wrap > div{text-align:center; color:#c4c4c4;}
  .result > .con_wrap > div > .fontIcons.google{font-size:4rem; font-weight:300;}
  .result > .con_wrap > div > p{margin-top:5px;}

  /* myPage */
  .my_info_wrap{display:flex; justify-content: space-between; align-items:center;}
  .my_info_wrap > .my_info{display:flex; align-items: center;}
  .my_info > .icon_box{width:5rem; height:5rem; border-radius: 50%; background:#f2f2f2; text-align: center; line-height: 7rem; margin-right:1.5rem;}
  .my_info > .icon_box > .fontIcons.google{color:#c4c4c4; font-size:3rem;}
  .my_info > .my_info_box > .t{font-weight:600; font-size:1.7rem; display: flex; align-items: center;}
  .my_info > .my_info_box > .t > a{margin-left:0.5rem;}
  .my_info > .my_info_box > .t > a > .fontIcons.google{color:#858585; font-size:2.5rem; font-weight: 300;}
  .my_info > .my_info_box > .p{padding-top:0.2rem; font-size:1.3rem;}
  
  .my_info_wrap > .btnArea{display:flex; align-items:center; }
  .my_info_wrap > .btnArea > button + button{margin-left:5px;}

  .order_view_btn{float:right; color:#858585 !important; font-size:12px;}
  
  .ca_list.type3 .ca_item{padding:0px; border:0px;}
  .ca_list.type3 .ca_item > .totalTop{font-weight:600; background:#ddd; padding:1.5rem; display:flex; align-items:center; justify-content:space-between;}
  .ca_list.type3 .ca_item > .totalTop .orderTime{font-size:13px; display:block; color:#858585;}
  .ca_list.type3 .ca_item .conList{padding:1.5rem;}
  .ca_list.type3 .ca_item .conList:last-child{border-bottom:1px solid #e1e1e1;}
  .ca_list.type3 .ca_item .conList + .conList{border-top:1px solid #e1e1e1;}
  .ca_list.type3 .ca_item .conList > .top > .dv_fleg{margin-right:auto;}
  .ca_list.type3 .ca_item .conList > .top{margin-bottom:1rem;}
  .ca_list.type3 .ca_item .conList > .con{padding:0;}
  .ca_list.type3 .ca_item .conList > .con > .info{padding:0px;}
  .ca_list.type3 .ca_item .conList > .con > .info > .photo{width:80px; height:80px; flex-shrink: 0;}
  .ca_list.type3 .ca_item .conList > .con > .info > div > p + p{margin-top:0.4rem;}
  .ca_list.type3 .ca_item .conList > .con > .info > div > .option{color:#858585; font-size:13px;}
  .ca_list.type3 .ca_item .conList > .con .btn_area{justify-content: flex-end; flex-direction: column; gap: 5px;}
  .ca_list.type3 .ca_item .conList > .con .btn_area > .sizeS{height:30px; line-height:30px;}
      

  .ca_list.type3 > .noData{text-align: center; padding:6rem 0; font-weight: 600;}

  .dv_fleg{font-weight: 600;}
  .dv_fleg.type1,.dv_fleg.type7,.dv_fleg.type8,.dv_fleg.type9{color:#7f7f7f;} /* 입금대기중, 취소, 반품, 교환 */
  .dv_fleg.type2{color:#4573f2} /* 결제완료 */
  .dv_fleg.type3{color:#4573f2} /* 배송준비중 */
  .dv_fleg.type4{color:#f55;} /* 배송중 */
  .dv_fleg.type5,.dv_fleg.type6{color:#101010;} /* 배송완료, 구매확정 */

  .tabMenu.type4{margin-top:2rem; border-radius: 5px; overflow: hidden;}
  .tabMenu.type4 > li{font-size:1.3rem; padding:1rem;}
  .tabMenu.type4 > li + li{border-left:1px solid #fff;}
  
  .tabMenu.type4.rows1{margin-top:1rem;}
  .tabMenu.type4.rows1 > li{width:100%;}
  
  .tabMenu.type4.rows4{flex-wrap:wrap;}
  .tabMenu.type4.rows4 > li:nth-of-type(1),
  .tabMenu.type4.rows4 > li:nth-of-type(2){border-bottom:1px solid #fff;}
  .tabMenu.type4.rows4 > li:nth-of-type(3){border-left:0px;}

  /* order_list */
.total_order{font-size:13px; font-weight:600; margin-top:1.5rem;}
.order_step_list{background:#f7f7f7; border-radius: 5px; margin-top:0.5rem; display:flex; justify-content: space-between; align-items: center; padding:1rem;}
.order_step_list > .order_step{color:#ababab; width:calc(100% / 5); position:relative;}
.order_step_list > .order_step.on{color:var(--mainColor);}
.order_step_list > .order_step > span{display:block; text-align: center;  font-weight: 600;}
.order_step_list > .order_step > span.num{font-size:3rem; letter-spacing: -0.5px;}
.order_step_list > .order_step > span.txt{font-size:12px; margin-top:0.5rem; letter-spacing: -0.5px;}
.order_step_list > .order_step + .order_step:after{content: "\e930"; font-family: "xeicon"; transform: rotate(90deg); width: 14px; height: 14px; display: inline-block; position: absolute; left:-7px; top:10px; color:#c4c4c4;}

.ca_item .btn_area{margin-left:auto; display: flex; align-items:flex-end;}

.tap_wrap{display:none;}

/* 설정 리스트 */
.setting_list{background:#fff;}
.setting_list > li:not(.link){display:flex; justify-content: space-between; padding:2rem 1.5rem; align-items: center; border-bottom:1px solid #c4c4c4; height:65px;}
.setting_list > li > a{display:flex; justify-content: space-between; padding:2rem 1.5rem; align-items: center; height:65px; width:100%; border-bottom:1px solid #c4c4c4;}

/* 공지사항 리스트 */
.notice_list{background:#fff;}
.notice_list > li{border-bottom:1px solid #c4c4c4;}
.notice_list > li > .dap1{background:#fff; padding:2rem 1.5rem; position:relative; font-weight: 500; cursor:pointer;}
.notice_list > li > .dap1:after{position:absolute; right:1.5rem; top:50%; transform:translateY(-50%); content:"\e942"; font-family: xeicon; font-size:2.5rem;}
.notice_list > li > .dap1.on:after{content:"\e945";}
.notice_list > li > .dap2{padding:1.5rem; font-size:13px; background:#efefef; display: none;}
.notice_list > li > .dap2 > p:not(:last-of-type){margin-bottom:5px;}

.faq_list > li > .dap1:before{content:"Q."; font-size:1.6rem; color:#F54F7B;}

/* 기획전 리스트 */
.event_list{width:100%;}
.event_list > li > a{display:inline-block;}
.event_list > li img{width:100%; object-fit: cover;}

/* 개인정보처리방침, 이용약관 */
.terms i,
.terms p{display:inline-block; width:100%; font-style: normal;}
.terms .tit{font-size:17px; font-weight:600; margin-bottom:1.5rem;}
.terms .s_tit{font-weight:600; margin:1.5rem 0 1.5rem;}
.terms .c{color:#888; margin-bottom:1rem;}

.terms i:first-of-type{margin-top:1rem;}

.terms > table{color:#888; margin-bottom:1rem;}
.terms > table tr{border-top:1px solid #d9d9d9;}
.terms > table tr:last-child{border-bottom:1px solid #d9d9d9;}
.terms > table th{background:#F0F0F0; padding:8px 12px; border-right:1px solid #d9d9d9; font-weight:400;}
.terms > table td{padding:8px 12px;}

/* 배송조회 팝업 */
.dInfo_list{display:flex; justify-content:space-between; }
.dInfo_list > li > div{width:55px; height:55px; border-radius: 50%; background:#d9d9d9; text-align:center; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 auto;}
.dInfo_list > li.on > div{background: var(--subColor);}

.dInfo > .t{padding:20px 0 10px 0;}
.dInfo > .t >span.title{color:#888; margin-right:10px;}
.dInfo > .notice{padding-top:10px; font-size:13px; font-weight:600;}

.modal .ca_item > .top{display:flex; justify-content: flex-end; align-items: center;}
.modal .ca_item > .top > .orderTime{margin-right:auto; font-weight:600;}
.modal .ca_item > .top > .ca_pay{font-weight:600;}

.modal .ca_item > .con{padding:0.5rem 0;}
.modal .ca_item > .con > .option{color:#858585; margin-top:0.4rem; font-size:13px;}
.modal .ca_item > .con > .info{display:flex; margin-top:1rem;}
.modal .ca_item > .con > .info > .photo{width:60px; height:60px; background:#f2f2f2; display: flex; align-items: center; overflow:hidden;}
.modal .ca_item > .con > .info > .photo > img{width:100%; object-fit: cover;}

.modal .ca_item > .con > .info > div:nth-of-type(2){padding-left:1rem; position:relative;}
.modal .ca_item > .con > .info > div:nth-of-type(2) > p{font-size:13px;}

/* myQsList */
.myQsList_wrap .qc_q{padding:0 1.5rem;}
.myQsList_wrap .noData{border:0px !important; padding:0px !important;}
.myQsList_wrap .noData_txt{padding:0px !important;}

/* qnaList */
.qnaWrap .qnaList{display:none; margin-top:0px;}


/* 상품리뷰 */
.reviewList{margin-top:1.5rem; background:#fff;}
.reviewList > .reviewCard{border-bottom:1px solid #e1e1e1; padding:1.5rem 0;}
.reviewList > .reviewCard:first-of-type{border-top:1px solid #e1e1e1;}
  
.reviewList > .reviewCard.noData{align-items:center; justify-content:center;}
.reviewList > .reviewCard.noData .noData_txt{font-size:1.5rem; font-weight:600; text-align:center;}

.rv_top{display:flex; justify-content:space-between; align-items:center; color:#858585;}
.rv_top > .info{font-size:1.3rem;}
.rv_top > .info > .date{margin-right:0.5rem;}
.rv_btn_group > a{font-size:2rem !important; width:2rem; height:2rem; display:inline-block;}

.rv_con_wrap{display:flex; margin-top:1rem;}
.rv_con_wrap > .photo{display:inline-block; width:65px; height:65px; margin-right:10px; border-radius: 5px; background:#f3f3f3; overflow:hidden; position:relative;}
.rv_con_wrap > .photo > img{object-fit:contain; width:100%; height:100%;}
.rv_con_wrap > .photo > span{position:absolute; display:inline-block; background:rgba(0,0,0,0.5); color:#fff; font-size:12px; border-radius:10px; padding:0.3rem 1rem; right:3px; bottom:3px;}
.rv_con_wrap > .rv_con{width:calc(100% - 75px); font-size:1.4rem; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.rv_mid{margin:1rem 0 1.5rem;}

.rv_con_dt{margin-top:1rem; display:none;}
.rv_con_dt > p{font-size:1.4rem;}
.rv_con_dt > .rvSwiper{width:100%; height:400px; margin-top:1rem; border-radius: 10px; border: 1px solid #e4e4e4;}
.rv_con_dt > .rvSwiper .swiper-slide{background:#f3f3f3;}
.rv_con_dt > .rvSwiper .swiper-slide > img{width:100%; height:100%; object-fit:contain;}
.rv_con_dt > .rvSwiper .swiper-pagination{width:auto; background:rgba(0,0,0,0.5); border-radius: 10.5px; padding:3px 10px; font-size:13px; left:50%; transform:translateX(-50%); color:#fff;}

.rv_btn_area{margin-top:1.5rem; display:flex; justify-content:end;}
.rv_btn_area .btn.iconBtn{position:relative; border-radius: 5px; height: 26px; padding: 0 30px 0 12px;}
.rv_btn_area .btn.iconBtn:after{position:absolute; right:0.5rem; top:50%; transform:translateY(-50%); content:"\e942"; font-family: xeicon; font-size:2rem;}
.rv_btn_area .btn.iconBtn.on:after{content:"\e945";}

/* star 비율 별 1개당 20% */
.star_area{position:relative; display:inline-block;}
.star_area > ul.bg_star{position:absolute; left:0; top:0;}
.star_area > ul.on_star{overflow:hidden; white-space:nowrap;}

.star_area > ul{display:flex;}
.star_area > ul > li{font-size:0px;}
.star_area > ul > li:after{font-family: xeicon; display:inline-block; font-size:1.7rem; color:#ffcf00;}
.on_star > li:after{content:'\ea0f';}
.bg_star > li:after{content:'\ea16';}

.rv_mid > .pd_option{font-size:1.3rem; margin-top:0.3rem; display:flex;}
.rv_mid > .pd_option > .t{width:60px;}
.rv_mid > .pd_option > .c{color:#0000ff; padding-left:0.5rem; width:calc(100% - 60px);}



/* 구매자 총 평점 */
.rv_total{border:1px solid #e1e1e1; padding:1.5rem; border-radius: 0.5rem; margin-bottom:1.5rem; box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.2);}
.rv_total > .tit{font-weight:600; font-size:1.5rem; margin-bottom:1rem;}
.total_star_area{display:flex; align-items:center;}
.total_star_area > div{width:50%;}

.total_star_area > .total_star > .t{max-width:100px; text-align:center; color:#999; font-size:13px; margin-bottom:0.5rem;}
.total_star_area > .total_star > .t > span{font-size:2.3rem; color:#ff1394; font-weight:600;}
.total_star_area > .total_star .star_area > ul > li:after{font-size:2rem;}

.total_star_area > .total_grade li{display:flex; justify-content:space-between; align-items:center; font-size:12px;}
.total_star_area > .total_grade li + li{margin-top:1rem;}
.total_star_area > .total_grade li > .t{padding-right:10px;}
.total_star_area > .total_grade li > .c{padding-left:10px; width:45px;}
.total_star_area > .total_grade li > .grade{position:relative; width:100%; height:13px;}
.total_star_area > .total_grade li > .grade > span{position:absolute; top:0px; left:0px; display:inline-block; height:100%;}
.total_star_area > .total_grade li > .grade > span.bg_grade{background:#e7e7e7; width:100%; }

.total_star_area > .total_grade li > .grade > span.on_grade{background:#ffcf00; z-index:1;}


/* 리뷰관리 */
.myRvWrap{background:#fff;}
.myRvWrap > .myRvList{display:none;}

.myRvAdd .ca_item{padding:1.5rem;}
.myRvAdd .ca_item > .top{justify-content:space-between;}

.myRvWrap .noData{display:flex; justify-content:center; align-items:center; padding:0px !important; font-weight:600;}

.myRvList > .reviewList{margin-top:0px;}
.myRvList .reviewCard{padding:1.5rem;}


/* 리뷰추가 */
.addStar .star_area > ul > li:after{font-size:2.5rem;}
.addStar .star_area > ul.on_star{width:0%;}


/* 구매정보 */
.dt_info > .s_tit{font-weight:600; margin-bottom:0.8rem;}
.dt_info > .s_tit:not(:first-of-type){margin-top:2rem;}

.dt_info > table{width:100%;}
.dt_info > table tr:first-of-type{border-top:1px solid #c4c4c4;}
.dt_info > table tr{border-bottom:1px solid #c4c4c4;}
.dt_info > table th,
.dt_info > table td{padding:0.5rem 0.7rem; font-weight:300; font-size:1.3rem;}

.dt_info > table th{background:#f8f8f8; text-align: left; width:130px;}


/* shopInfoWrap */
.shopInfoWrap{display:flex; padding:20px 0; background:url(../images/countBg.jpg) no-repeat center center/cover; position:relative;}
.shopInfoWrap:after{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:30%;}
.shopInfoWrap > .con{width:50%; text-align:center; font-size:15px; color:#fff; z-index:1;}
.shopInfoWrap > .con > div:last-child{font-size:12px; letter-spacing: 0.5px; margin-top: 3px;}
.shopInfoWrap > .con .count{ font-size:25px; font-weight:700; padding-right:2px;}
.shopInfoWrap > .con + .con{border-left:1px solid #fff;}


/* bizPage */
.bizPage > .imgArea{margin-bottom:6rem; display:flex; align-items:center; width:100%; min-height:calc(100vh - 6rem); padding:20px 10px;}
.bizPage > .imgArea > img{width:100%; object-fit:cover;}
.bizPage > .btnArea{position:fixed; bottom:0px; left:0px; right:0px; width: 100%; max-width: 64rem; margin: 0 auto; background:#fff; box-shadow: 0px -2px 2px rgba(204, 204, 204, 0.5); height: 6rem; display:flex; align-items:center;}
.bizPage > .btnArea > .btnWrap{display:flex; justify-content:center; max-width:150px; margin:0 auto; width:100%;}
.bizPage > .btnArea > .btnWrap > a{display:none; font-size:2.5rem; width:40px; height:40px; border-radius:50%; text-align:center; color:#fff; background:#31859c; line-height:40px;}
.bizPage > .btnArea > .btnWrap > a.on{display:inline-block;}
.bizPage > .btnArea > .btnWrap > a + a{margin-left:40px;}


/* 주문상세보기 */
.order_info_list{padding:1rem 0; border-bottom:1px solid #e1e1e1;}
.order_info_list > li{display:flex;}
.order_info_list > li > span:first-child{width:75px;}
.order_info_list > li > span:last-child{width:calc(100% - 70px);}
.order_info_list > li:not(:last-of-type){margin-bottom:0.5rem;}
.order_info_list > li > .t{color:#858585;}


/* 최상단 배너 */
.bennerBox{margin-bottom:-4px;}
.bennerBox > img{width:100%; object-fit:contain;}

/* b2bEvent */
.eventForm .tit{font-size:21px; margin-bottom: 1.5rem; font-weight:700;}
.eventForm .textBox{border: 1px solid #dfe2ed; border-radius:4px; padding:12px; margin-bottom:10px;}
.eventForm .textBox > .t{margin-bottom:5px; font-size:14px;}
.eventForm .textBox > .c{font-size:13px;}

/* 메인화면 표출 카테고리 */
.ct_list {display: flex;  flex-wrap: wrap;}
.ct_list > .ct_con {border: 1px solid #e1e1e1;  border-radius: 0.8rem; background: #fff;  overflow: hidden; width: calc((100% / 4) - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem;}
.ct_list > .ct_con:nth-child(4n) { margin-right: 0;}
.ct_list > .ct_con .con {padding: 1rem;}
.ct_list > .ct_con .con > .t { text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap;}

/*
@media (max-width: 570px) {
    .ct_list > .ct_con {width: calc((100% / 2) - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem;}
	.ct_list > .ct_con:nth-child(2n) {margin-right: 0;}
}
*/

/* mintingWrap */
.mintingList{display:flex; justify-content:space-between; gap:1.5rem;}
.mintingList > li{width:calc(100% / 4);}
.mintingList > li > .imgArea > a{display:block;}
.mintingList > li > .imgArea > a > img{width:100%; object-fit:cover;}
.mintingList > li > .txtArea{text-align:center; margin-top:10px; font-size: 14px; font-weight: 400;}
.mintingList > li > .txtArea > span{display:block;}
.mintingList > li > .txtArea > span > a{color:var(--mainColor); font-weight:bold;}

@media (max-width: 427px) {
	.mintingList{flex-wrap:wrap; gap:20px 10px;}
	.mintingList > li{width:calc((100% / 2) - 5px);}
}


/* quickMenu */
.quickMenu{position:fixed; right:0px; top:50%; transform: translate(120px, -50%); transition: transform 0.5s; padding:10px; background: rgba(0,0,0,0.8); border-radius: 5px 0 0 5px; z-index: 1;}
.quickMenu > .toggleBtn{background:rgba(0,0,0,0.8); height:100px; width:20px; border-radius: 5px 0 0 5px; display:flex; align-items: center; justify-content: center; position:absolute; top:50%; transform: translateY(-50%); left:-20px; cursor:pointer}
.quickMenu > .toggleBtn::after{content: "\e93c"; font-family:"xeicon"; font-size: 20px;; color:#fff;}
.quickMenu li > a{width:100px; display: inline-block;}
.quickMenu li > a > img{width:100%; object-fit: cover;}
.quickMenu li + li{margin-top:10px;}

.quickMenu.on{ transform: translate(0, -50%); transition: transform 0.5s;}
.quickMenu.on > .toggleBtn::after{content: "\e93f";}