/* BASIC css start */
#midSection { position: absolute; width: 100%; margin-top: -50px; }
#productSideMenu { display: none; }

/* 브랜드 */
.content_tit img {
    width: 100%;
}

.content_tit .brandin_inner { 
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
}

.brand_info { margin: 50px 190px 150px; }

.brand_info .brand_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand_info .brand_tit h3 {
    font-family: 'Bebas Neue', cursive;
    font-size: 48px;
    font-weight: 600;
}

.brand_info .brand_txt h4 {
    font-size: 22px;
    margin-bottom: 15px;
}

.brand_info .brand_txt p { 
    font-size: 17px; 
    line-height: 1.6;
}

.brand_info .brand_txt p span { color: var(--main-color); }


/* 브랜드 셀렉트 */
.ps_designSelBox { position: relative; z-index: 0; }
.ps_designSelBox.on { z-index: 99; }
.ps_designSelBox select { display: none; }
.ps_designSelBoxIn .ps_list { display: none; position: absolute; background: white; width: 100%; margin: 0; padding: 0; list-style: none; min-width: 160px; }
.ps_designSelBox.on .ps_list { overflow-y: auto; display: block; margin-top: 15px; border: 1px solid #000; right: 0;  }
.ps_designSelBoxIn { position: relative; width: auto !important; }
.ps_designSelBoxIn button.ps_currSel { color: #fff; font-size: 16px; font-weight: 300; display: inline-block; width: auto; background: #000; 
	height: 40px; padding: 0 15px 0 20px; border-radius: 50px; }
.ps_designSelBoxIn button.ps_currSel::after { content: "\e941"; font-family: 'xeicon' !important; color: #fff; font-size: 12px; margin-left: 5px; }
.ps_designSelBoxIn button { background: none; border: none; width: 100%; text-align: left; display: block; cursor: pointer; line-height: inherit; font-size: 15px; }
.ps_designSelBox .ps_list li { padding: 10px 15px; }
.ps_designSelBox .ps_list li:hover { background-color: #e6e6e6; }

#content-pro .brand-banner { position: relative; }
#content-pro .brand-banner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); }
/* //브랜드 셀렉트 */

/* 필터 */
.side_menu_product_box .pro_title {
    margin: 0;
    text-align: left;
    margin: 10px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.side_menu_product_box .pro_title .prd_cate_txt {
    border: none;
    padding: 0;
    letter-spacing: 0;
}

.side_menu_product_box .pro_title .prd_cate_txt a {
    font-size: 20px;
}

.side_menu_product_box .pro_title .prd_cate_txt a:hover {
    text-decoration: none;
}

.side_menu_product_box .prd_cate_txt span {
   color: #979797;
    font-size: 20px;
    font-weight:  normal;
}

.side_menu_product_box .pro_title .subtagWrap { float: right; display: flex; align-items: center; margin-top: -2px; }
.side_menu_product_box .pro_title .subtagWrap p { font-size: 15px; }
.side_menu_product_box .pro_title .subtagWrap ul { display: flex; }
.side_menu_product_box .pro_title .subtagWrap li { margin-left: 10px; }
.side_menu_product_box .pro_title .subtagWrap li a { display: inline-block; font-size: 14px; height: 30px; line-height: 29px; border: 0; border-radius: 6px; background-color: #404040; color: #fff; padding: 0 12px; }
.side_menu_product_box .product_box { width: 100%; min-height: 500px; }

#prd-section03 .total-sort {
    overflow: initial;
    border: none;
    margin: 0;
}

#prd-section03 .total-sort span { margin-left: 15px; }

#prd-section03 .total-sort span::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #979797;
    margin-right: 19px;
}

#prd-section03 .total-sort span:first-child::before {
    display: none;
}

#prd-section03 .total-sort a {
    padding-bottom: 2px;
    font-size: 14px;
    color: #979797;
}

#prd-section03 .total-sort a.on {
    color: #000;
    font-weight: bold;
}

#prd-section03 .total-sort a:hover {
    text-decoration: none;
}

#prd-section03 .total { float: left; }
#prd-section03 .total dd { font-size: 14px; }
#prd-section03 .total dd strong { color: #005dcc; font-weight: normal; }


#prd-w100 { width:100%;  padding:20px 0 10px; }
#prd-section01 { margin:0 auto 140px; }
#prd-section01 .item-list6 .item .item_box,
#prd-section01 .item-list6 .item .item_box .thumb,
#prd-section01 .item-list6 .item .item_box .thumb img { width: 215px; height: auto; }
#prd-section02  { padding:10px 0 15px 0; text-align: center;}

.prd-smenu .cate-sort li { display: inline-block; *display: inline; padding-left: 5px; padding-bottom: 5px; }
.prd-smenu .cate-sort li a { display: block; padding: 5px 10px; color: #757575; font-size: 12px; background: #fff; border: 1px solid #F0F0F0; font-weight: normal; }


/* ====== 분류페이지 추천상품3열코드 ====== */

.prd-item-list3 { zoom: 1; overflow: hidden; clear: both; }
.prd-item-list3:after { content: ""; clear: both; display: block; }
.prd-item-list3 .item { float: left; width: 433px; /* text-align: center; */ padding-bottom: 20px ;}
.prd-item-list3 .item .item_box { width: 410px; margin: 0 auto;  background-color: #fff; border:10px solid #fff;  box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing: border-box; position: relative; }
.prd-item-list3 .item .item_box .thumb { margin: 0 auto; width:390px; height: auto;   position: relative;  }
.prd-item-list3 .item .item_box .thumb img { width:390px; height: auto; }
.prd-item-list3 .item .item_box .info { width: 100%; margin:0 auto; text-align:left; }
.prd-item-list3 .item .item_box .info li { padding:5px 0; }
.prd-item-list3 .item .item_box .info .name {padding-bottom: 5px; text-align:left; font-size:12px; color: #555;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.prd-item-list3 .item .item_box .info .subname { color: #c30000; font-size:12px; }
.prd-item-list3 .item .item_box .info .color { padding-top: 10px; }
.prd-item-list3 .item .item_box .info .icon { margin-top: 10px; }
.prd-item-list3 .item .item_box .info .price01 { font-weight:none; color:#999; padding-right:10px; text-decoration:line-through; }
.prd-item-list3 .item .item_box .info .price02 { font-weight:none; color:#555; }


/* ====== 분류페이지 추천상품4열코드 ====== */

.prd-item-list4 { zoom: 1; overflow: hidden; clear: both; }
.prd-item-list4:after { content: ""; clear: both; display: block; }
.prd-item-list4 .item { float: left; width: 325px; /* text-align: center; */ padding-bottom: 20px ;}
.prd-item-list4 .item .item_box { width: 310px; margin: 0 auto;  background-color: #fff; border:10px solid #fff;  box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing: border-box; position: relative; }
.prd-item-list4 .item .item_box .thumb { margin: 0 auto; width:300px; height: auto;   position: relative;  }
.prd-item-list4 .item .item_box .thumb img { width:290px; height: auto; }
.prd-item-list4 .item .item_box .info { width: 100%; margin:0 auto; text-align:left; }
.prd-item-list4 .item .item_box .info li { padding:5px 0; }
.prd-item-list4 .item .item_box .info .name {padding-bottom: 5px; text-align:left; font-size:12px; color: #555;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.prd-item-list4 .item .item_box .info .subname { color: #c30000; font-size:12px; }
.prd-item-list4 .item .item_box .info .color { padding-top: 10px; }
.prd-item-list4 .item .item_box .info .icon { margin-top: 10px; }
.prd-item-list4 .item .item_box .info .price01 { font-weight:none; color:#999; padding-right:10px; text-decoration:line-through; }
.prd-item-list4 .item .item_box .info .price02 { font-weight:none; color:#555; }


#prdBrand { position: relative; width:1350px;  margin:0 auto;  }


.item .item_box .info .brand_name { display: none; }


/* 프로모션 */
#content-pro h2.lb {
    font-size: 20px;
    font-weight: bold;
    margin: 80px 0 20px;
    color: #000;
    position: relative;
}
#content-pro h2.lb span { font-size: 16px; font-weight: 300; color: #878787; margin-left: 10px; }


#prd-section01 .item-list5 .item { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; margin-left: 0; margin-top: 0; }

#content-pro .lb .swiper-button-prev { left: auto; right: 50px; }
#content-pro .lb .swiper-button-prev, #content-pro .lb .swiper-button-next { background-image: none; width: auto; height: auto; margin-top: -16px; }
#content-pro .lb .swiper-button-prev i, #content-pro .lb .swiper-button-next i { font-size: 29px; color: #000; }


.item-list5 .item{ 
    margin-top:20px;
    padding-bottom: 10px;
}
span.newPrd {
    background: #000;
    color: #fff;
    padding: 3px 11px;
    border-radius: 7px 7px 0 0;
    position: absolute;
    z-index: 1;
    top: -23px;
    right: 1px;
}

#prd-section01 span.newPrd {    top: -4px;}


#content-pro .fporg_prd {
    margin-bottom: 100px;
}

#content-pro .fporg_prd > h2 {
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-bottom: 40px;
}


/**/
#productTopMenu {
    background-color: #f2f2f2;
    padding: 20px 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

#productTopMenu.top_menu_fix {
    position: fixed;
    width: 100%;
    top: 60px;
    left: 0;
    z-index: 999;
    padding: 20px 220px;
}

#productTopMenu .swiper-slide { 
    width: auto; 
    margin-right: 30px;
}

#productTopMenu .swiper-slide a {
    font-size: 15px;
    color: #888;
}

#productTopMenu .swiper-slide a.all { 
    color: #000; 
    font-weight: 500;
}

#productTopMenu .swiper-slide a.on { 
    color: var(--main-color);
    font-weight: 500;
}
/**/


#prd-section03 { 
    position: relative; 
    display: flex; 
    margin-top: 25px; 
    margin-bottom: 30px; 
    justify-content: space-between;
}

#prd-section03 .total-sort { overflow: initial; border: none; width: auto; margin: 0; display: inline-block; float: right; }
#prd-section03 .total-sort span { margin-left: 20px; }
#prd-section03 .total-sort a { padding-bottom: 2px; font-size: 14px; }
#prd-section03 .total-sort a.on { border-bottom: 1px solid #000; }
#prd-section03 .total dd { font-size: 14px; }
#prd-section03 .total dd strong { color: #005dcc; font-weight: normal; }


.fporg_prd .more_btn {
    text-align: center;
    margin: 40px auto 180px;
}

.fporg_prd .more_btn a {
    padding: 18px 0;
    font-size: 15px;
    border: 1px solid;
    width: 400px;
    display: inline-block;
}


.fporg_prd #prd-section01 .item-list5 .item { flex: none; margin-left: 0;     padding-top: 23px;}
.fporg_prd #prd-section01 .item-list5 .item span.fporgPrd,
.fporg_prd #prd-section01 .item-list5 .item span.newPrd {top:0}
.fporg_prd #prd-section01 .info .cash .price01 { font-size: 15px; }
.fporg_prd #prd-section01 .info .cash .sale { font-weight:  bold; }

.fporg_prd #prd-section01 .util { display: flex; align-items: center; justify-content: space-between; } 
.fporg_prd #prd-section01 .util::after { display: none; }
.fporg_prd #prd-section01 .util .swiper-scrollbar { width: 100%; height: 5px;  background: #dfdfdf; }
.fporg_prd #prd-section01 .util .swiper-container .swiper-notification { bottom: 0; left: 0; }
.fporg_prd #prd-section01 .util .navi { width: 100px; display: flex; justify-content: space-between; }
.fporg_prd #prd-section01 .util .swiper-scrollbar .progress { transition: all 3.5s ease; height: 5px; background:#000; }
/* BASIC css end */