/* BASIC css start */
#content,#contentWrap{width:1200px;}

/* 섹션공통 */
.section{width: 100%; margin-bottom:110px}
.section .sec_inner{width: 1200px; 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{}




/* 섹션개별 */
#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%;}
#sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute; top: 42%; z-index: 2; cursor: pointer;}
#sec1 .swiper .swiper_btn_prev{left: 5%;}
#sec1 .swiper .swiper_btn_next{right: 5%;}



#sec2 .sec_inner ul{}
#sec2 .sec_inner ul .item_list{}


#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}



#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: 29%;display: flex; flex-direction: column;align-items: flex-end; padding-right: 30px;}
#sec6 .sec6_cont>div .tit h3{font-size: 34px;font-family: 'Noto Sans KR', sans-serif; color: #000; font-weight: 400; margin-bottom: 25px;}
#sec6 .sec6_cont>div .tit a.more{font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #8e8e8e; display: flex;line-height:20px; background-color: #f7f7f7; padding: 7px 25px; text-align: center; border-radius: 25px; font-weight: 400; letter-spacing: -.4px;}
#sec6 .sec6_cont>div .tit a.more span{color: #8e8e8e; display: inline-block; font-size: 20px; font-weight: 300;  margin-left: 5px;}
#sec6 .sec6_cont>div .item_area{width: 71%; }
#sec6 .sec6_cont>div .item_area .swiper{padding-bottom:50px}
#sec6 .sec6_cont>div .item_area .swiper>ul{}
#sec6 .sec6_cont>div .item_area .swiper>ul>li{width:20%}
#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:120px}
#sec6 .sec6_cont .sec6_2{}


#sec7 .sec_inner h2{margin-bottom:25px}
#sec7 .sec_inner p{color:#cecece; font-size: 16px; font-weight: 400; text-align: center;font-family: 'Noto Sans KR', sans-serif;margin-bottom:60px}
/* BASIC css end */