/* BASIC css start */
#content{width:100% !important}
.page-body{padding-top:50px; display:flex;}
.page_body_L{float: left; width: 205px; margin-right: 55px;}
.page_body_R{float: right;width: 1400px;}

.fbv-wrapper {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    background-color: #000;
}

/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { font-family: 'Montserrat', sans-serif; padding-bottom:10px; font-size:24px; color:#000; font-weight:800; border-bottom:2px solid #000 }
#productClass .cate-wrap .class-list ul {}

#productClass .cate-wrap .class-list>ul>li {margin:18px 0}

.page_body_L .main_m>li{}
.page_body_L .main_m>li>a{display:block;font-family: 'Montserrat', sans-serif; font-size:14px; color:#000; font-weight:700}
.page_body_L .main_m>li>a>span{float: right; width: 11px; height: 11px; display: inline-block; position: relative;cursor:pointer;transition:opacity .5s; opacity:0}
.page_body_L .main_m>li>a>span.show{opacity:1; }
.page_body_L .main_m>li>a>span>a{transition: all .4s;display:block;width: 100%; height: 100%;}

.page_body_L .main_m>li>a>span::before{transition: all .4s;content: ""; display: block; position: absolute; width: 2px; height: 11px; background-color: #000;top: 0; left: 50%;transform: translateX(-50%);}
.page_body_L .main_m>li>a>span::after{content: ""; display: block; position: absolute; width: 11px; height: 2px; background-color:#000;top: 49%; left: 50%;transform: translate(-50%,-50%); }
.page_body_L .main_m>li>a>span.rotate::before{transform: rotate(90deg); transform-origin: center; transition: all .4s;}
.page_body_L .sub_m{display: none;opacity:0; transition: opacity .7s}
.page_body_L .sub_m.show{opacity:1}
.page_body_L .sub_m>li{padding:8px 0}
.page_body_L .sub_m>li:first-child{padding-top:13px}
.page_body_L .sub_m>li>a{font-family: 'Noto Sans KR', sans-serif; font-size:13px; font-weight:400;color:#787878; line-height:1.2;}
.page_body_L .sub_m>li>a:hover{color:#ff6600 !important; text-decoration:underline}
/* best-item */

.swiper-horizontal>.swiper-scrollbar{width:100% !important; left:0 !important}
.swiper-scrollbar-drag{background:rgba(0,0,0,.73) !important}
.best_prd, 
.recmd_prd{margin:50px 0 35px; width:100%}
.best_prd .swiper,
.recmd_prd .swiper{padding-bottom:40px}
.best_prd ul li,
.recmd_prd ul li{width:215px !important;}
.best_prd .item-list .tumb,
.recmd_prd .item-list .tumb{position:relative}
.order{width: 30px; height: 30px;line-height:30px; background-color:#000; text-align: center; color: white; position: absolute; top: 0; left: 0;}
.order span{width: 100%;font-family: 'Montserrat', sans-serif;font-weight:bold; }
.best_prd .swiper_btn_prev,
.recmd_prd .swiper_btn_prev{position:absolute; top:25%; left:0; z-index:10; cursor:pointer}
.best_prd .swiper_btn_next,
.recmd_prd .swiper_btn_next{position:absolute; top:25%;  right:0; z-index:10;cursor:pointer}




/* total-sort */
#productClass .total-sort { padding-top: 30px; }


/* 리스트 */

body .item_list3 {/* width: 15%; */ width: 23%;}
.pagesubtitle {text-align:center;}



.tumb {position:relative;}
.soldout_prd {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background:#e1e1e1; padding:5px 0; z-index:1; line-height:25px; width:100%;}
.soldout_prd p {text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; font-weight:900; font-size:16px; color:#cc0205;}

.blend_darken {mix-blend-mode: darken;}

.mtol {width:80%;}

.cate_ment {display:none; margin-bottom:20px;}
.cate_ment_box {padding:10px; font-size:11px; border:1px #aeaeae solid;background-color:#fff;}
.cate_ment {background-color:#eaeaea; padding:10px;}
.cate_ment_box li {margin:0 0 5px 0;}


.as_notice {text-align:left; line-height:1.6; margin-top:20px;}

/* 아코디언 */
.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  padding: 13px 20px;
  background-color: #000;
  font-size: 1.25em;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
  background-color: #5e2775;
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  background: #fff;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

#ASTable {
    width: 97%;
    margin: 20px auto 0;
}

.accordion-content {
  border: 1px solid #5e2775;
  display:none;
}

.accordion-content > * {
    padding:20px;
}

.accordion-content p {
    line-height:1.6;
    padding:20px;
}

/* CSS for Demo */
.accordion-container {
  width:100%;
  margin: 0 auto 25px auto;
}


.subtop_table td {text-align:left; vertical-align:top; line-height:1.8em;}
.subtop_table td p {font-size:1.3em; font-weight:bold;}


.cmt_l {font-size:1.3em;}

/*  .indent_p {margin-left:3%;} */



/* BASIC css end */