/* BASIC css start */
.sec_title {margin:0 0 15px;}
.sec_title .sec_sub_title {display:flex; align-items:center; }
.sec_title .sec_sub_title h2 {vertical-align: text-top;font-size:1.1rem; font-weight:800; flex:1;color:var(--000) }
.sec_title .sec_sub_title span img {vertical-align:middle;margin-right:5px;}
.sec_title .sec_sub_title a {font-size:0.75rem;text-align:right; font-weight:500; color:#333;}
.sec_title .sec_sub_title .fa {margin:0 5px;}
.sec_title p {display:block;font-size:0.85rem;color:#999;margin-top:10px;font-weight:500;}
.sec_content {margin:0 5%;}
.dis_percent {color:#dc3636;}
.prd_list .thumb img {width:100%;border-radius:4px;}
.prd_list .shoppingInfo .cart_button a {color:var(--000);font-size: 0.85rem;padding:2px 0 0;box-sizing: border-box;margin:10px 0;display:inline-block;text-align:center;width:100%;border:1px solid #E5E5E5;border-radius:4px; }
.prd_list .shoppingInfo .cart_button a img {vertical-align:middle;transform: scale(0.7);padding-bottom:2px;}
.reveiw_count {font-size: 0.75rem;font-weight:700;}
.reveiw_count .review_numer {color:#999;font-weight:500;}
.reveiw_count .review_star {margin:0 3px;}
.reveiw_count img {vertical-align:top;transform:scale(0.9); } 
.prd_list {display:flex;}
.prd_list .list3x li {vertical-align:top;width:calc(33.33% - 10px);display:inline-block;margin-right:10px;margin-bottom:40px;}
.prd_list .list3x li:nth-child(3n) {margin-right:0px;}
.prd_list .thumb {position:relative;}
.prd_list .thumb .ranking {position:absolute;left:0;top:0;display:block;width:25px;height:25px;line-height:25px;background-color:var(--main-color);color:var(--fff);text-align:center;z-index:11;gap: 0px;border-radius: 2px 0px 2px 0px;}
.prd_list .list1x li {display:inline-block;margin-bottom:40px;}




/* 롤링배너 */
#sec1{ margin-top: 20px;}
#sec1 .sec1_cont{}
#sec1 .sec1_cont .swiper{padding-bottom: 15px;}
#sec1 .sec1_cont .swiper ul{}
#sec1 .sec1_cont .swiper ul li{width:80%;}
#sec1 .sec1_cont .swiper ul li .ban_img{}
#sec1 .sec1_cont .swiper ul li .ban_img a{display: block; width: 100%;border-radius: 20px; overflow: hidden;}
#sec1 .sec1_cont .swiper ul li .ban_img a img{width: 100%;}
#sec1 .sec1_cont .swiper ul li .ban_txt{width: 100%; padding: 25px 0;}
#sec1 .sec1_cont .swiper ul li .ban_txt p{text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; }
#sec1 .sec1_cont .swiper ul li .ban_txt p.big{font-size: 18px; color: #000; font-weight: 600; margin-bottom: 10px;}
#sec1 .sec1_cont .swiper ul li .ban_txt p.small{color: #999999;font-size: 13px; font-weight: 400;}
#sec1 .swiper .swiper-pagination{bottom: 0;}
#sec1 .swiper .swiper-pagination-bullet-active{background-color: #000;}

#m_mainbn.mySwiper img {width:100%;}
#m_mainbn.mySwiper .swiper-pagination-fraction { color: #fff;bottom:15px;right:10px;width:10%;background-color:rgba(0,0,0,0.5);left:85%;padding:3px;border-radius: 30px; }



/* notice  */
.notice-list {
  padding: 0px 0px;
  border-top: 1ox solid #eee;
  border-bottom: 1px solid #eee;
}

/* sec2 */
#sec2 {padding: 0 0 10px; margin:20px 0 40px;border-bottom:1px solid #f4f4f4;}
#sec2 ul {font-size: 0;}
#sec2 ul li {display: inline-block; text-align:center; vertical-align: top; width: 16%; margin: 0 5% 3% 0;}
#sec2 ul li:nth-child(5n) {margin-right:0;}
#sec2 ul li a img {width: 100%;}
#sec2 ul li a p {margin-top:10px; font-size:0.75rem;font-weight:600;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* sec3 */
#sec3 {margin:0px 0 90px;}
#sec3 .sec_content {margin-right:0; }
#sec3 .sec_title {margin-right:5%; }
#sec3 {width:100%;}

/* sec4 */
#sec4 {margin:0px 0 90px;}
#sec4 .sec_content {margin-right:0; }
#sec4 .sec_title {margin-right:5%; }

/* sec5 */
#sec5 {margin:0px 0 90px;}
#sec5 img {width:100%;}
#sec5 {width:100%;}

/* sec6 */
#sec6 {margin:0px 0 90px;}
#sec6 .sec_content {margin-right:0; }
#sec6 .sec_title {margin-right:5%; }
#sec6 {width:100%;}

/* sec7 */
#sec7 {margin:0px 0 90px;}
#sec7 .sec_content {margin-right:0; }
#sec7 .sec_title {margin-right:5%; }
#sec7 {width:100%;}

/* sec8 */
#sec8 {margin:0px 0 90px;}
#sec8 img {width:100%;}
#sec8 {width:100%;}


/* sec9 */
#sec9 {margin:0px 0 90px;}
#sec9 .thumb img {width:100%;border-radius: 2px;}
#sec9 {width:100%;}



/* sec10 */
#sec10 {margin:0px 0 90px;}
#sec10 .sec_content {margin-right:0; }
#sec10 .sec_title {margin-right:5%; }
#sec10 {width:100%;}




.banner {
    margin: 25px auto 0;
    position: relative;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}
.banner.flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner > a {
    flex: 1;
}
.banner img {
    transition: transform 0.3s ease; 
    width: 100%;
} 

.banner .left,
.banner .right {
    flex: 1;
    overflow: hidden;
}
 
.banner .txt {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.banner .txt h1 {
    color: var(--fff);
    font-weight: 700;
    font-size: 18px;
}

.banner .txt p {
    color: var(--fff);
    font-size: 11px;
    line-height: 1.55;
    margin-top: 10px;
}










/* BASIC css end */