/* 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 > div .thumb {width: 100%;}
#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 .thumb {width: 65%;}
#sec1 .sec_inner .sec1_1 .thumb a img {width: 100%;}

/* 큰 배너 (sec1_2) */
#sec1 .sec_inner .sec1_2 { padding: 20% 0 0 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%;}


/* sec2 */
#sec2{}
#sec2 {}
#sec2 h2{padding-left:15px}
#sec2 p.sub_tit{font-family: 'Noto Sans KR', sans-serif; color: #999; font-size: 12px; font-weight: 400; line-height: 1.6;padding-left:15px}
#sec2 .sec2_cont{margin-top: 35px;position: relative; padding-left:15px}
#sec2 .sec2_cont .swiper{padding-bottom: 20px;}
#sec2 .sec2_cont .swiper ul{}
#sec2 .sec2_cont .swiper ul li{position: relative; width:75% !important}
#sec2 .sec2_cont .swiper ul li .thumb{width: 100%;}
#sec2 .sec2_cont .swiper ul li .thumb img{width: 100%;}
#sec2 .sec2_cont .swiper ul li .info{transition: opacity .5s ;opacity: 0; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.5) ; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#sec2 .sec2_cont .swiper ul li.swiper-slide-active .info{opacity: 1;}
#sec2 .sec2_cont .swiper ul li.swiper-slide-active .info h3{transform: translateY(20px); opacity: 1;}
#sec2 .sec2_cont .swiper ul li.swiper-slide-active .info p{transform: translateY(20px); opacity: 1;}
#sec2 .sec2_cont .swiper ul li.swiper-slide-active .info a.view_more{transform: translateY(90px); opacity: 1;}
#sec2 .sec2_cont .swiper ul li .info h3{transform: translateY(60px);transition: transform .4s, opacity .7s; opacity: 0; font-family: 'Noto Serif KR', serif; color: #fff; font-size: 19px; font-weight: 300; }
#sec2 .sec2_cont .swiper ul li .info p{transition: transform .6s,opacity 1s;;opacity: 0; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; color: #aaa; font-size: 11.7px; text-align: center; margin: 15px 0 35px; }
#sec2 .sec2_cont .swiper ul li .info a.view_more{transition: transform .6s,opacity 1.6s, background-color .3s;opacity: 0;font-family: 'Noto Sans KR', sans-serif; color: #fff;   display: inline-block; padding: 8px 35px; }
#sec2 .sec2_cont .swiper ul li .info a.view_more img{transform:scale(.66); transform-origin:center center;}


 /* 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; }
/* BASIC css end */