/* BASIC css start */
/* 섹션공통 */
.section{width: 100%; margin-bottom:60px}
.section .sec_inner{padding:0 1%}
.section h2{font-family: 'Noto Sans KR', sans-serif; position:relative; margin-bottom:45px;text-align: center; font-size: 13px; color: #000; font-weight: 400; letter-spacing: 7px;}
.section h2.line::after{content:"";display:block; position:absolute; height:1px; width:15px; bottom:-15px; left:50%; transform:translateX(-50%); background-color:#000;}


.mid_banner {margin-top: -60px;margin-bottom: 47px;background:#f7efe3;}
.mid_banner p {text-align:center; line-height:30px; color:#1a1a1a; font-size:12px;}


/* 섹션개별 */
#sec1{}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper{}
#sec1 .swiper .swiper-wrapper .swiper-slide{}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%;}


#sec3{background-color: #f7f7f7;}
#sec3 .sec3_cont{padding: 0px 0 45px;}
#sec3 .sec3_cont .swiper{padding-bottom:20px}
#sec3 .sec3_cont .swiper .swiper-wrapper{}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide{display: flex; flex-direction: column;background-color:#f7f7f7}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img{}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img a{display:block}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img img{width:100%}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area{display: flex; flex-direction: column; justify-content: space-between; padding:0 1%}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area .tit{padding: 10px 0px 25px 0;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area h3{font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: 400; line-height: 1.3; margin: 20px 0 0; color: #000;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area p.sub_tit{font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #000; margin: 10px 0 0; font-weight: 400;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont{display: flex;gap:15px}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont>li{width:32%}
#sec3  .swiper .swiper-pagination{top: unset; left: 50%; transform: translateX(-50%); bottom: 0; height:1px; width:90%; background:rgba(0,0,0,.15)} 
#sec3 .swiper-pagination-progressbar-fill{background-color:#333}


/* 롤링 배너 라인 간격 */

.main h3 {
    font-size: 1.25em;
    display: inline-block;
    margin: 30px 0 18px;
    padding-top: 13px;
    border-top: 1px solid #3b3b3b
}


#sec5{}
#sec5 a{display: block; width: 100%;}
#sec5 a img{width: 100%;}


#sec6{}
#sec6 .sec6_cont{}
#sec6 .sec6_cont>div{display: flex;}
#sec6 .sec6_cont>div .tit{width: 30%;display: flex; flex-direction: column;align-items: flex-end; padding: 0 16px 0 0;}
#sec6 .sec6_cont>div .tit h3{font-family: 'Noto Sans KR', sans-serif; color: #000; font-weight: 400;line-height:1.3; text-align:right;font-size:15px }
#sec6 .sec6_cont>div .tit a.more2{margin-top:15px; font-family: 'Noto Sans KR', sans-serif;font-size: 12px; color: #202020; display: flex;line-height:20px; padding: 3px 0px; text-align: center; border-radius: 25px; font-weight: 400; letter-spacing: -.4px;}
#sec6 .sec6_cont>div .item_area{width: 70%; }
#sec6 .sec6_cont>div .item_area .swiper{padding-bottom:10px}
#sec6 .sec6_cont>div .item_area .swiper>ul{}
#sec6 .sec6_cont>div .item_area .swiper>ul>li{width:40%}
#sec6  .swiper .swiper-pagination{top: unset; left: 50%; transform: translateX(-50%); bottom: 0; height:1px; background:rgba(0,0,0,.15)} 
#sec6 .swiper-pagination-progressbar-fill{background-color:#333}

#sec6 .sec6_cont .sec6_1{margin-bottom:60px}
#sec6 .sec6_cont .sec6_2{}
#sec6 .sec6_cont>div h3{}


#sec7 .sec_inner h2{font-size:21px; font-weight:500}


/* sec9 */
#sec9{}
#sec9 .sec_inner{ }
#sec9 .sec_inner h2{ margin-left: -10px; }
#sec9 .sec_inner h2 a.h2_more{display: inline-block; float: right;}
#sec9 .sec_inner h2 a.h2_more img{ }
#sec9 .sec_inner .sec9_cont{padding-bottom:40px;  margin-top : -15px; }
#sec9 .sec_inner .sec9_cont ul{ }
#sec9 .sec_inner .sec9_cont ul li{}
#sec9 .sec_inner .sec9_cont ul li .ytb_sec{}
#sec9 .sec_inner .sec9_cont ul li .text_sec{}
#sec9 .sec_inner .sec9_cont ul li .text_sec p.big{font-family: 'Noto Sans KR', sans-serif; line-height: 1.2; margin: 15px 0; font-size: 18px; color: #242424; font-weight: 500; }
#sec9 .sec_inner .sec9_cont ul li .text_sec p.sub{font-family: 'Noto Sans KR', sans-serif; color: #aaaaaa; line-height: 1.5; font-size: 13px; font-weight: 400;}

#sec9 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
#sec9 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--main-color);}


/* sec10 */
#sec10{}
#sec10 .sec_inner{padding:0}
#sec10 .sec_inner h2{padding:0 5%}
#sec10 .sec_inner .sec10_cont{}
#sec10 .sec_inner .sec10_cont .swiper{ padding-left:5%;padding-bottom: 30px;}
#sec10 .sec_inner .sec10_cont .swiper ul{}
#sec10 .sec_inner .sec10_cont .swiper ul li{width:42%}
#sec10 .sec_inner .sec10_cont .swiper ul li>a{display: block; width: 100%;overflow:hidden;}
#sec10 .sec_inner .sec10_cont .swiper ul li>a>img{width: 100%; transition: all .3s;}
#sec10 .sec_inner .sec10_cont .swiper ul li .txt_area{ padding: 15px 0;}
#sec10 .sec_inner .sec10_cont .swiper ul li .txt_area p.tit{text-align: center; font-size: 12px; color: #000; font-family: 'Pretendard','Montserrat', sans-serif; font-weight: 500;}

#sec10 .swiper-pagination{bottom: 0; top: unset; width:90%; left:5%}
#sec10 .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
#sec10 .swiper-pagination-progressbar-fill{background-color: #cfcfcf;}


/* sec11 */
#sec11{margin-bottom:40px}
#sec11 .sec11_inner{}
#sec11 .sec11_inner h2{}
#sec11 .sec11_inner .sec11_cate{margin-bottom: 25px;}
#sec11 .sec11_inner .sec11_cate ul{display:flex;gap: 10px 15px;    flex-wrap: wrap;}
#sec11 .sec11_inner .sec11_cate ul li{}
#sec11 .sec11_inner .sec11_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#979797; font-size: 14px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec11 .sec11_inner .sec11_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec11 .sec11_prd{}
#sec11 .sec11_prd>div{display: none; position:relative;}
#sec11 .sec11_prd>div ul{display:flex; flex-wrap:wrap}
#sec11 .sec11_prd>div.show{display: block;}


/* 포토 리뷰 */

.btn-list-more { margin-right : 15px; }


/* 상품리스트 수정 */


.item_list .prod_info .colorcode {display: inline-block;width: 7px;height: 7px;line-height: 2.5px;vertical-align: middle;margin-right: 1px;border: 1px solid #fff;box-sizing:content-box;margin-top: -4px;border-radius: 20px;}
.item_list .prod_info .name {margin-top:5px !important }
.item_list .info .prdprice{ margin-top: 15px; }


.SMS_base_mask { text-align:left; }
.SMS_base_mask .prdprice  { font-size: 13px; font-weight: 700; color:#4e4e4e }
.SMS_base_mask .prdprice strike  { font-size: 13px; font-weight: 300; color:#a9a9a9 }


/* BASIC css end */