/* BASIC css start */
#contents{padding-top: 0 !important}

/* 섹션 공통 */
#contents{width: 100%; min-width: 320px; max-width: 850px; margin: 0 auto;}
section{width: 100%; margin: 0 auto; margin-bottom: 60px;}
section .sec_inner{padding: 0 15px;}
section h2{font-family: 'Noto Serif KR', serif; color: #333; font-size: 21px; font-weight: 500; margin-bottom: 20px; line-height:1.3}


/* sec1 */

#sec1 {background-color: #f3f2ee;}
#sec1 .sec_inner > div {width: 100%;}
#sec1 .sec_inner{
    padding:0 !important;
}

#sec1 .sec_inner > div{
    width:100%;
}

#sec1 .sec_inner > div .thumb{
    width:100%;
}

#sec1 .sec_inner > div .thumb a{
    display:block;
    width:100%;
}

#sec1 .sec_inner > div .thumb a img{
    width:100%;
    display:block;
}
#sec1 .sec_inner > div .thumb a {display: block;width: 100%;}

#sec1 .sec_inner > div .thumb a {display: block; width: 100%;}

/* 작은 배너 (sec1_1) - 중앙 정렬 */
#sec1 .sec_inner .sec1_1 {padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh;}
#sec1 .sec_inner .sec1_1{
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    height:auto;
}

#sec1 .sec_inner .sec1_1 .thumb{
    width:100%;
}
#sec1 .sec_inner .sec1_1 .thumb a img {width: 100%;}

/* 큰 배너 (sec1_2) */
#sec1 .sec_inner .sec1_2 { padding: 0; display: flex; justify-content: center; align-items: center; height: auto;}
#sec1 .sec_inner .sec1_2 .thumb {width: 100%;}
#sec1 .sec_inner .sec1_2 .thumb a img {width: 100%;}




 /* sec3 */
#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 5%}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area .tit{padding:20px 0}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area h3{font-family: 'Noto Sans KR', sans-serif; font-size: 28px; font-weight: 400; line-height: 1.3; 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: 18px 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 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont>li img{width:100%;}
#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}


/* sec4 */
#sec4{}
#sec4 .sec_inner{}
#sec4 .sec_inner h2{font-family: 'Noto Sans KR', sans-serif; margin-bottom:40px;text-align: center; font-size: 21px; color: #000; font-weight: 400; letter-spacing: 8px;}
#sec4 .sec_inner h2 a{float: right; line-height:40px;}
#sec4 .sec_inner h2 a img{}
#sec4 .sec_inner a.sec4more{float: right; transform:translateY(4px)}
#sec4 .sec_inner a.sec4more img{transform:scale(.66); transform-origin:center right;}
#sec4 .sec_inner .sec4_cont{}
#sec4 .sec_inner .sec4_cont ul{display:flex; flex-wrap:wrap;}


 /* sec5 */
#sec5{overflow:hidden}
#sec5 .thumb{width:100%;height:50%;position:relative; padding-top:250px; }
#sec5 .thumb img{width:80%;display:inline-block; position:absolute; bottom:-6vh; left:50%; transform:translateX(-50%)}
#sec5 .txt_cont{width: 100%;height: 50%; background-color: #f5f5f5; text-align:center; padding:100px 0;display:flex; flex-direction:column; align-items:center; justify-content:center}
#sec5 .txt_cont h2{font-family: 'Playfair Display', serif; font-size: 31px; font-weight: 500;letter-spacing: 4px; color:#000;margin-top:10px}
#sec5 .txt_cont p.tit{color: #666; font-size: 14.5px;line-height:1.5; font-weight: 400; margin:23px 0; letter-spacing:-.6px; word-spacing:1.3px}
#sec5 .txt_cont .shop_now{}


/* sec6 */
#sec6{background-color: #fff;}
#sec6 .sec_inner{display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center;padding:5% 12%}
#sec6 .sec_inner h2{margin-bottom: 35px; font-family: 'Playfair Display SC', serif; font-size: 28px; color: #000; text-align: center; font-weight: 600; }


/* NEW ITEM 슬라이드 */
#sec7{
    overflow:hidden;
    margin-bottom:60px;
}

#sec7 .sec_inner{
    padding:0 0 0 15px;
}

#sec7 h2{
    font-family:'Noto Sans KR', sans-serif;
    margin-bottom:28px;
    text-align:center;
    font-size:21px;
    color:#000;
    font-weight:400;
    letter-spacing:8px;
}

#sec7 .sec7-swiper{
    width:100%;
    overflow:hidden;
}

#sec7 .swiper-wrapper{
    display:flex;
}

#sec7 .swiper-slide{
    width:46% !important;
    flex-shrink:0;
}

#sec7 .thumb{
    width:100%;
    margin-bottom:12px;
}

#sec7 .thumb img{
    width:100%;
    display:block;
}

#sec7 .prdname{
    font-size:13px;
    line-height:1.45;
    color:#111;
    margin-bottom:6px;
}

#sec7 .prdetc{
    font-size:11px;
    color:#888;
    line-height:1.4;
    margin-bottom:8px;
}

#sec7 .prdprice .price{
    color:#111 !important;
    font-weight:700 !important;
    font-size:14px !important;
}

#sec7 .swiper-wrapper{
    transition-timing-function:linear !important;
}



/* BASIC css end */