/* BASIC css start */
footer#footer{margin-top:0}

body #wrap{
    font-family: 'Jost', 'Pretendard', sans-serif;
}

/* ¼½¼Ç°øÅë */
section{width:100%; min-width:1740px;}
section .sec_inner{width: 1740px; margin: 0 auto;}
section h2{font-family: 'Jost', sans-serif; font-size: 55px; color: #847871; margin-bottom: 80px; font-weight: 600;line-height:40px;}




/* sec1 */
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{display:block; width: 100%;}
#sec1 .swiper-pagination{bottom: 60px;}
#sec1 .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 0; background-color: #fff; }
#sec1 .swiper ul li.swiper-slide-active .txt_area p { transform: translateY(0px); opacity: 1; } 
#sec1 .swiper ul li.swiper-slide-active .txt_area a.more { transform: translateY(0px); opacity: 1; } 
#sec1 .swiper ul li .txt_area { overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); padding-left: 230px;color:#000; } 
#sec1 .swiper ul li .txt_area>* { transform: translateY(-25px); } 
#sec1 .swiper ul li .txt_area p { opacity: 0; line-height: 1.3; } 
#sec1 .swiper ul li .txt_area p.big { font-size:35px;transition: all .5s; transition-delay: .35s; margin-bottom: 20px;font-weight: 600; } 
#sec1 .swiper ul li .txt_area p.sub { font-size:22px;font-weight: 400; transition: all .5s; margin-bottom: 50px; transition-delay: .57s; } 
#sec1 .swiper ul li .txt_area a.more { opacity: 0; transition-delay: .7s; } 
#sec1 .swiper ul li .txt_area a.more:hover { background-color: #000; color: #fff; } 



/* sec2 */
#sec2{position:relative;}
#sec2 a{font-family:'Pretendard', sans-serif;}
#sec2 img {width:100%;}
#sec2 .txt_area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); text-align:center;}
#sec2 .txt_area strong{display:block; margin-bottom:25px; font-size:43px; line-height:43px; color:#fff; font-weight:bold;}
#sec2 .txt_area span{display:block; color:#fff; font-size:30px;font-weight:600px;}




#sec3 {background-color: #f8f5f0;padding:200px 0;font-family: "Pretendard";}
#sec3 .sec3_cont{}
#sec3 .sec3_cont .swiper{padding-bottom:80px}
#sec3 .sec3_cont .swiper .swiper-wrapper{}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide{width: 1740px;display: flex;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img a {display:block;margin-right:82px;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img img{}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area{display: flex; flex-direction: column; /*justify-content: space-between;*/}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area h3{ margin-top:-10px; font-family: "Pretendard";font-size: 42px; line-height:56px; font-weight: 500; line-height: 1.3; color: #847871;margin-bottom:70px;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area p.sub_tit{font-size: 16px; margin: 20px 0; font-weight: 400;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont{display: flex; flex-direction: column; gap:24px}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list{display: flex;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb{width: 240px;height: 240px;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb a{display: block;width: 100%;height: 100%;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .thumb a img{width: 100%;height: 100%; object-fit: cover;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info{margin-left: 40px; width:410px; }
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info .prdsubname{ padding-top: 30px; font-size: 19px; color: #c1a08d; line-height: 30px; margin-top: -2px;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info .prdsubname br{display:none;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info .prdname {color: #847871;font-size:24px;;line-height:26px;max-width:400px;padding-top:30px;font-weight: bold;}
#sec3 .swiper .swiper-pagination{top: unset; width: 1740px; left: 50%; transform: translateX(-50%); bottom: 0; height:4px; background:#e9e2d8;} 
#sec3 .swiper-pagination-progressbar-fill{background-color:#847871}



/* sec4 */
#sec4 {margin-top:200px;background-color:#fff}
#sec4 .sec_inner {display: flex;justify-content: space-between;}
#sec4 .sec_inner .sec4_1 {position:relative;}
#sec4 .sec_inner .sec4_2 li {position:relative;}
#sec4 .sec_inner .sec4_2 li:last-child {margin-top:30px;}
#sec4 .sec_inner span { align-content: center;position:absolute;font-family:'Jost', sans-serif;display:block;width:100%;height:100%;background:rgba(255,255,255,0.7);opacity:0;font-size:40px;color:#847871;text-align:center;line-height:100%;}
#sec4 .sec_inner .is-active span {transition: all .5s; transition-delay: .35s; opacity:1;}



/* sec5 */
#sec5 {margin:200px auto 180px}
#sec5 .insta { display: flex;flex-wrap:wrap;justify-content: space-between;}
#sec5 .insta li { margin-bottom:20px;}

/* BASIC css end */