/* BASIC css start */
/* 섹션 공통 */
section{width: 100%; min-width: 1750px; margin-bottom: 140px;}
section .sec_inner{width: 1750px; margin: 0 auto;}
.section h2{font-family: 'Noto Sans KR', sans-serif; margin-bottom:40px;text-align: center; font-size: 32px; color: #000; font-weight: 400; letter-spacing: 8px;}
.section h2 a{float: right; line-height:40px;}
.section h2 a img{}
.swiper-horizontal>.swiper-scrollbar{width:100% !important; left:0 !important; height: 3px;}
.swiper-scrollbar-drag{background:rgba(0,0,0,.7) !important}



/* sec1 */
#sec1{background-color: #f3eeea; height: 100vh;}
#sec1 .sec_inner{height: 100%;}
#sec1 .sec_inner>div{width: 50%; float: left; height: 100%;}
#sec1 .sec_inner .sec1_L{display: flex; align-items: center; justify-content: center;}
#sec1 .sec_inner .sec1_L .thumb1{}
#sec1 .sec_inner .sec1_L .thumb1 a{display: block;}
#sec1 .sec_inner .sec1_L .thumb1 a img{}
#sec1 .sec_inner .sec1_R{}
#sec1 .sec_inner .sec1_R .thumb2{height: 100%;}
#sec1 .sec_inner .sec1_R .thumb2 a{display: block;height: 100%;}
#sec1 .sec_inner .sec1_R .thumb2 a img{height: 100%;}


/* sec2 */
#sec2{height:700px}
#sec2 .sec_inner{width: 1350px; padding-top: 5%;position: relative;}
#sec2 .sec_inner .thumb{width: 675px;height: 650px;float: left;position: absolute;}
#sec2 .sec_inner .thumb img{width: 100%;}
#sec2 .sec_inner .txt_cont{width: 820px;height: 600px; background-color: #f5f5f5; float: right; margin-top: 130px; padding: 150px 20px 120px 240px;}
#sec2 .sec_inner .txt_cont h2{font-family: 'Playfair Display', serif; font-size: 48px; font-weight: 500;letter-spacing: 4px;}
#sec2 .sec_inner .txt_cont p.tit{color: #666; font-size: 14px;margin: 20px 0 70px;line-height:1.7; font-weight: 500;}
#sec2 .sec_inner .txt_cont .shop_now{}


/* sec3 */
#sec3{background-color: #f7f7f7;}
#sec3 .sec3_cont{padding: 100px 0 70px;}
#sec3 .sec3_cont .swiper{padding-bottom:50px}
#sec3 .sec3_cont .swiper .swiper-wrapper{}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide{width: 1120px;display: flex; justify-content: space-between;}
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .ban_img a{display:block}
#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{font-family: 'Noto Sans KR', sans-serif; font-size: 44px; font-weight: 300; 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: 16px; color: #000; 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:35px}
#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: 113px;height: 145px;}
#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: 30px; }
#sec3 .sec3_cont .swiper .swiper-wrapper .swiper-slide .item_area ul.item_cont li.item_list .info .prdname{max-width:400px}
#sec3  .swiper .swiper-pagination{top: unset; width: 1120px; left: 50%; transform: translateX(-50%); bottom: 0; height:1px; background:rgba(0,0,0,.15)} 
#sec3 .swiper-pagination-progressbar-fill{background-color:#333}


/* sec4 */
#sec4{}
#sec4 .sec_inner{padding-top: 200px;}
#sec4 .sec_inner h2{margin-bottom:50px}
#sec4 .sec_inner a.more{float: right;}
#sec4 .sec_inner a.more img{}
#sec4 .sec_inner .sec4_cont{}


/* sec5 */
#sec5{}
#sec5 .sec_inner{}
#sec5 .sec_inner h2{}
#sec5 .sec_inner p.sub_tit{font-family: 'Noto Sans KR', sans-serif; color: #999; font-size: 12px; font-weight: 400; line-height: 1.6;}
#sec5 .sec_inner .sec5_cont{margin-top: 40px;position: relative;}
#sec5 .sec_inner .sec5_cont .swiper{padding-bottom: 70px;}
#sec5 .sec_inner .sec5_cont .swiper ul{}
#sec5 .sec_inner .sec5_cont .swiper ul li{position: relative; width: 400px; height: 600px;}
#sec5 .sec_inner .sec5_cont .swiper ul li .thumb{width: 100%;}
#sec5 .sec_inner .sec5_cont .swiper ul li .thumb img{width: 100%;}
#sec5 .sec_inner .sec5_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;}
#sec5 .sec_inner .sec5_cont .swiper ul li .info.show1{opacity: 1;}
#sec5 .sec_inner .sec5_cont .swiper ul li .info.show2 h3{transform: translateY(20px); opacity: 1;}
#sec5 .sec_inner .sec5_cont .swiper ul li .info.show2 p{transform: translateY(20px); opacity: 1;}
#sec5 .sec_inner .sec5_cont .swiper ul li .info.show2 a.view_more{transform: translateY(20px); opacity: 1;}
#sec5 .sec_inner .sec5_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: 22px; font-weight: 300; }
#sec5 .sec_inner .sec5_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: 12px; text-align: center; margin: 15px 0 35px; }
#sec5 .sec_inner .sec5_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; font-size: 10px; border: 1px solid #fff; display: inline-block; padding: 8px 35px; font-weight: 300;}
#sec5 .sec_inner .sec5_cont .swiper ul li .info a.view_more.change{background-color:rgba(255,255,255,.1)}
#sec5 .swiper_btn_prev{position: absolute; top: -80px;  right: 50px;z-index: 10;cursor: pointer;width:40px;  height:40px; border:1px solid #222; display:flex; align-items:center; justify-content:center}
#sec5 .swiper_btn_next{ position: absolute; top: -80px;  right: 0;z-index: 10; cursor: pointer;width:40px; height:40px; border:1px solid #222; display:flex; align-items:center; justify-content:center}
#sec5 .swiper_btn_prev span{width:8px; height:12px;background: url(//skin.makeshop.co.kr/skin/boutique/PC_img/can_prev.png) no-repeat center center; background-size: contain; display: inline-block; }
#sec5 .swiper_btn_next span{width:8px; height:12px;background: url(//skin.makeshop.co.kr/skin/boutique/PC_img/can_next.png) no-repeat center center; background-size: contain; display: inline-block; }

#sec5 .swiper_btn_prev.swiper-button-disabled{border-color:#ccc;}
#sec5 .swiper_btn_prev.swiper-button-disabled span{width:8px; height:12px;background: url(//skin.makeshop.co.kr/skin/boutique/PC_img/cant_prev.png) no-repeat center center; background-size: contain; display: inline-block;}

#sec5 .swiper_btn_next.swiper-button-disabled{border-color:#ccc;}
#sec5 .swiper_btn_next.swiper-button-disabled span{width:8px; height:12px;background: url(//skin.makeshop.co.kr/skin/boutique/PC_img/Cant_next.png) no-repeat center center; background-size: contain; display: inline-block;}


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