/* BASIC css start */
/* 롤링배너 */
#event {position:relative;}
#event .MS_img-wrap {position:relative; width:100%; overflow:hidden;}
#event .MS_img-wrap .event-imgs {position:relative;}
#event .MS_img-area {float:left;}
#event .MS_img-area:not(:first-child) {display:none;}
#event .MS_img-area img {width:100%;}
#event .pagination {
    position: relative;
    font-size: 0;
    line-height: 0;
    z-index: 999;
    right: 10px;
    bottom: px;
    top: 5px;
    padding-left:38%;
    padding-top:2px;
    padding-bottom:5px;
}

#event .pagination .swiper-pagination-switch {display:inline-block; width:7px; height:7px; box-sizing: border-box;border: 0 !important;margin:0 4px;border-radius: 50%; background:#bbb; border:1px solid #fff;}

#event .pagination .swiper-active-switch {background:#373737;}





/* //롤링배너 */
.main h3 {margin:40px 5px 20px; text-align:center; background:url(/images/d3/psdesign/makeshop/m_makeshop/common/bg_heading.gif) repeat-x 0 50%; background-size:15px 5px;}
.main h3 span {
    display: inline-block;
    padding: 0 15px;
    background: #fff;
    font-size: 1.50em;
    font-weight: bold;
    color: #780000;
}
.main .list_category {overflow:hidden;}
.main .list_category li {float:left; width:25%; padding:8px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.main .list_category li a {display:block; border-right:1px solid #ddd; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden;}
.main .list_category li:nth-child(4) a {border-right:0px none;}
.main .list_category li:nth-child(8) a {border-right:0px none;}
.main .bner {margin-top:40px;}
.main .bner img {width:100%;}


.NewNavArea {
    z-index: 1;
    position: relative;
    background: #fff;
    height: 140px;
    border-top: 1px solid #ddd;
    margin-top:20px;

}
.NewNavArea ul {}
.NewNavArea ul li {}
.NewNavArea ul li img {width:100%; height:auto;}
.NewNavArea ul li {
    float: left;
    width: 25%;
    height: 35px;
    line-height: 35px;
    position: relative;
    margin-left: -1px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.NewNavArea_copy {
   float: left;
    width: 100%;
    height: auto;
    margin-top:-7px;
    position: relative;
}

.NewNavArea_copy ul {
     float: left;
    width: 100%;
    height: 55px;
    line-height: 35px;
    position: relative;
    margin-left:px;
    border-left: 0px solid #ddd;
   
    border-top: 1px solid #ddd;
    
  background-color:#f2f2f2;}




.NewNavArea_copy ul li {}
.NewNavArea_copy ul li img {}
.NewNavArea_copy ul li  {
    float: left;
    width: 50%;
    height: 55px;
    line-height: 35px;
    position: relative;
    margin-left: px;
    border-left: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
  background-color:#f2f2f2;
}











.tt_cpt{padding-left:30px;padding-top:10px;font-size:14px;}
.tt_cpt_2{padding-left:30px;padding-top:12px;}

.tt_cpt_1{text-align:right;padding-right:35px;padding-top:10px;}

.tt_cpt_3{text-align:right;padding-right:35px;padding-top:12px;}



.shopinfoArea {
    clear: both;
    height: 70px;
    margin-top: 30px;
}
.shopinfoArea  .shopinfo {}
.shopinfoArea  .shopinfo ul {overflow: hidden;}
.shopinfoArea  .shopinfo li {
    float: left;
    width: 25%;
}

.shopinfoArea  .shopinfo li a
{
    display: block;
    height: 25px;
    padding-top: 70px;
    text-align: center;
}

.shopinfoArea  .shopinfo li:nth-child(1) a{
    background: url(/images/d3/psdesign/makeshop/m_makeshop/common/ico_ftr_notice.gif) no-repeat 50% 0;
    background-size: 64px 64px;
}
.shopinfoArea  .shopinfo li:nth-child(2) a{
    background: url(/images/d3/psdesign/makeshop/m_makeshop/common/ico_ftr_qna.gif) no-repeat 50% 0;
    background-size: 64px 64px;
}
.shopinfoArea  .shopinfo li:nth-child(3) a{
    background: url(/images/d3/psdesign/makeshop/m_makeshop/common/ico_ftr_review.gif) no-repeat 50% 0;
    background-size: 64px 64px;
}
.shopinfoArea  .shopinfo li:nth-child(4) a{
    background: url(/images/d3/psdesign/makeshop/m_makeshop/common/ico_ftr_delivery.gif) no-repeat 50% 0;
    background-size: 64px 64px;
}



.middleBanner {margin: 40px 0 20px 0;}
.middleBanner .middleBannerB {margin-bottom: 5px;}
.middleBanner .middleBannerB a {}
.middleBanner img {width:100%;}
.mbleft {
    width:50%;
    float: left;
    padding-bottom: 5px;
    padding-right: 2.5px;
    box-sizing: border-box;
}
.mbright {
    width:50%;
    float: right;
    padding-bottom: 5px;
    padding-left: 2px;
    box-sizing: border-box;
}
.m04 {
    width:33.3%;
    float: left;
    padding-bottom: 4px;
    padding-right: 1px;
    box-sizing: border-box;
    padding-top:1px;
}
.m04_2 {
    width:33.3%;
    float: left;
   
    padding-bottom: 4px;
    
    box-sizing: border-box;
}
.m04_1 {
    width:33.3%;
    float: left;
    padding-bottom: 4px;
    padding-left:1px;
    box-sizing: border-box;
}


.ptop-15{
    text-align: center;
    clear: both;
    padding-top: 5px;
}

.sstext{margin-bottom:30px;}

.subproduct_naem{font size:11px;color:#f90000;font-weight:900;}
.listName_subb{color:#f90000;font-weight:900;font-size:11px;}








/* BASIC css end */