/* BASIC css start */
#contents .section {
        max-width: 1420px;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
    }


 
/* class-list */
#productClass .cate-wrap { margin-bottom:60px; }
#productClass .cate-wrap .bcate { font-family: "Pretendard Variable", Pretendard, sans-serif;padding:70px 0 40px;  font-size:32px; color:#111111; font-weight:600; text-align:center; }
#productClass .cate-wrap .class-list ul {display:flex; flex-wrap:wrap;  }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {width:calc(100% / 6 ) }
#productClass .cate-wrap .class-list ul li a {position:relative; font-weight:500; display:block; font-size:14px; color:#000;  padding:15px 27px; transition:all .1s; border:1px solid #e8e8e8; text-align:center;}
#productClass .cate-wrap .class-list ul li:not(:nth-child(6n),:last-child) a{border-right:none}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{color:#fff; background-color:#000}
#productClass .cate-wrap .class-list ul li:not(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)) a{border-top:none}

/* best-item */


#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }
.best_sec{margin-bottom:60px; padding:70px 0 30px; }
.best_sec_inner{ margin:0 auto;position:relative; }
.best_sec p.best_tit{margin:15px 0 50px; text-align:center;  font-family: "Pretendard Variable", Pretendard, sans-serif; font-size:26px; color:#111111; font-weight:600;}
.best_sec .swiper{padding-bottom:40px;}
.best_sec .swiper-pagination{bottom: 0; top: unset;}
.best_sec .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
.best_sec .swiper-pagination-progressbar-fill{background-color: #cfcfcf;}


.xans-product-headcategory.titleArea.section {
    width: 98%;
    max-width: 1680px !important;
    text-align: left !important;
    margin: 0 auto;
    padding: 45px 0;
}
.xans-product-menupackage {
    margin: 0 0 27px;
}

.xans-product-menupackage .title {
    min-height: 30px;
    margin: 10px 0 20px;
}

.xans-product-menupackage .title .banner {
    margin: 0 0 20px;
}

.xans-product-menupackage .title h2 {
    color: #4a5164;
    font-size: 16px;
}

.xans-product-menupackage .title h2,.xans-product-menupackage .title .likeButton {
    display: inline-block;
    vertical-align: middle;
}

.xans-product-menupackage .title .likeButton button {
    margin: 0 0 0 10px;
    padding: 0 0 0 20px;
    height: 16px;
    font-family: verdana;
    color: #9a9a9a;
    letter-spacing: -1px;
    background: none;
}

.xans-product-menupackage .title .likeButton.selected button {
    color: #353535;
}

.xans-product-menupackage .menuCategory {
    border: 1px solid #d7d5d5;
    font-size: 0;
    line-height: 0;
}

.xans-product-menupackage .menuCategory > li {
    display: inline-block;
    width: 175px;
    margin: 15px 0 15px 20px;
    padding: 0 5px 0 0;
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

.xans-product-menupackage .menuCategory > li > a {
    padding: 0 13px 0 0;
    font-weight: bold;
    color: #2e2e2e;
    background: url("/design/semongshop/mk/images/pc/ico_menu_category.gif") no-repeat 100% 5px;
}

.xans-product-menupackage .menuCategory > li > a:hover {
    color: #008bcc;
    text-decoration: none;
    background-position: 100% -95px
}

.xans-product-menupackage .menuCategory > li.selected > a {
    color: #008bcc;
}

.xans-product-menupackage .menuCategory > li .count {
    font-weight: normal;
}

.xans-product-menupackage .menuCategory > li > ul {
    padding: 6px 0 0 0;
}

.xans-product-menupackage .menuCategory > li > ul > li {
    margin: 8px 0 0 0;
    line-height: 14px;
}

.xans-product-menupackage .menuCategory > li > ul > li > a {
    color: #575a63;
}

.xans-product-menupackage .menuCategory > li > ul > li > a:hover,.xans-product-menupackage .menuCategory > li > ul > li.selected > a {
    color: #008bcc;
}

.xans-product-menupackage .menuCategory > li > ul > li > .button {
    display: inline-block;
    position: relative;
    width: 9px;
    height: 14px;
    margin: 1px 0 0 3px;
    vertical-align: top;
}

.xans-product-menupackage .subCategory {
    display: none;
    position: absolute;
    left: 50%;
    top: 13px;
    z-index: 11;
    width: 300px;
    margin: 0 0 0 -151px;
    padding: 6px 0;
    border: 1px solid #565960;
    font-size: 0;
    line-height: 0;
    background: #fff url("/design/semongshop/mk/images/pc/bg_sub_category_line.gif") repeat-y 150px 0;
}

.xans-product-menupackage .subCategory li {
    display: inline-block;
    width: 130px;
    margin: 8px 0 8px 18px;
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

.xans-product-menupackage .subCategory li a {
    color: #575a63;
}

.xans-product-menupackage .subCategory li a:hover,.xans-product-menupackage .subCategory li.selected a {
    color: #008bcc;
}

.xans-product-menupackage .menuCategory .button.selected {
    z-index: 11;
}

.xans-product-menupackage .menuCategory .button.selected .subCategory {
    display: block;
}

@media all and (max-width: 767px) {
    .xans-product-menupackage .gInner {
        margin:0 16px;
    }
}

@media all and (min-width: 768px) {
    .xans-product-menupackage .gInner {
        margin:0 24px;
    }
}

.xans-product-normalmenu {
    border-top: 1px solid #e0e0e0;
}

.xans-product-normalmenu .function {
    overflow: hidden;
    text-align: right;
    line-height: 38px;
}

.xans-product-normalmenu .function .btnCompare {
    display: inline-block;
    padding: 0 12px;
    border-left: 1px solid #d7d5d5;
}

.xans-product-normalmenu .function .btnCompare:hover {
    text-decoration: none;
}

.xans-product-normalmenu .prdCount {
    float: left;
    color: #7d7d7d;
}

.xans-product-normalmenu .prdCount strong {
    margin-left: 8px;
}

.xans-product-normalmenu fieldset {
    margin: 20px 0 0;
    padding: 10px 16px;
    text-align: right;
    background: #fbf9fa;
}

@media all and (max-width: 767px) {
    .xans-product-normalmenu {
        padding:20px 16px 0;
    }

    .xans-product-normalpackage .product_area {
        margin: 0 16px;
    }
}

@media all and (max-width: 1024px) {
    .xans-product-normalmenu {
        margin:40px 0 0;
    }
}

@media all and (min-width: 768px) and (max-width:1024px) {
    .xans-product-normalmenu {
        padding:20px 24px 0;
    }

    .xans-product-normalpackage .product_area {
        margin: 0 24px;
    }
}

@media all and (min-width: 1025px) {
    .xans-product-normalmenu {
        margin:50px 0 0;
        padding: 40px 0 0;
    }
}

.normalpackage_box {
    margin-bottom: 120px;
}

.product_top_image {
    max-width: 1680px !important;
    width: 92%;
    margin: 0px auto 0;
    padding: 20px 0;
    text-align: center;
}

.listpage_title {
    display: flex;
    align-items: flex-end;
    margin: 0 0 52px 0;
    font-size: 32px;
    color: #1a1a1a;
    font-weight: 700;
}

.listpage_title span {
    display: block;
    font-size: 18px;
    color: #a3a3a3;
    font-weight: 300;
    margin-left: 8px;
    line-height: 2;
}

.listpage_title.ez-align-left {
    justify-content: flex-start;
}

.listpage_title.ez-align-center {
    justify-content: center
}

.listpage_title.ez-align-right {
    justify-content: flex-end;
}

.xans-product-normalmenu {
    border-top: 0;
    padding: 0;
    margin: 0;
}

.xans-product-normalpackage {
    margin: 0 auto;
    padding: 0;
}

#shoppQbtn {
    margin-top: 40px;
}

.maxwidth1680 {
    max-width: 1680px !important;
}

.xans-product-headcategory.titleArea.section {
    width: 92%;
    max-width: 1680px !important;
    text-align: left !important;
    margin: 0 auto;
    padding: 45px 0;
}

.xans-product-listrecommend {
    padding: 0;
    margin: 0 auto !important;
}

.xans-product-listrecommend .prdList .thumbnail .likeButton {
    display: none !important;
}

.xans-product-listrecommend .prdList .thumbnail .badge {
    display: flex !important;
}

.xans-product-listnew {
    padding: 0;
    margin: 0 auto !important;
}

.xans-product-listnew .prdList .thumbnail .likeButton {
    display: none !important;
}

.xans-product-listnew .prdList .thumbnail .badge {
    display: flex !important;
}

@media all and (max-width: 1024px) {
    .normalpackage_box {
        margin-bottom:50px;
    }

    #contents .product_top_image {
        width: 100%;
        padding: 10px 0;
    }

    .listpage_title {
        margin-bottom: 15px;
        font-size: 21px !important;
    }

    .listpage_title span {
        font-size: 13px !important;
    }

    .xans-product-headcategory.titleArea.section {
        width: 100%;
        text-align: center !important;
        margin: 0 auto 20px;
        padding: 25px 0;
        position: relative;
        border-bottom: 1px solid #e8e8e8;
    }

    .xans-product-listrecommend {
        padding: 0 0 50px;
    }

    .xans-product-listnew {
        padding: 0 0 50px;
    }
}


select {
    max-width: 100%;
    height: 40px;
    padding: 0 30px 0 15px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    background: #fff url("/design/semongshop/mk/images/pc/ico_select.png") no-repeat right 10px center;
    background-size: 14px 8px;
}

select::-ms-expand {
    display: none;
}



/* BASIC css end */