/* BASIC css start */
/* 섹션공통 */
.section{width: 100%; margin-bottom:60px}
.section .sec_inner{padding:0 5%}
.section h2{font-family: 'Noto Sans KR', sans-serif; position:relative; margin-bottom:45px;text-align: center; font-size: 23px; color: #000; font-weight: 400; letter-spacing: 7px;}
.section h2.line::after{content:"";display:block; position:absolute; height:1px; width:15px; bottom:-15px; left:50%; transform:translateX(-50%); background-color:#000;}



/* 섹션개별 */
#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%;}



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


#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: 30%;display: flex; flex-direction: column;align-items: flex-end; padding: 0 16px 0 0;}
#sec6 .sec6_cont>div .tit h3{font-family: 'Noto Sans KR', sans-serif; color: #000; font-weight: 400;line-height:1.3; text-align:right;font-size:23px }
#sec6 .sec6_cont>div .tit a.more2{margin-top:15px; font-family: 'Noto Sans KR', sans-serif;font-size: 11.5px; color: #8e8e8e; display: flex;line-height:20px; background-color: #f7f7f7; padding: 3px 15px; text-align: center; border-radius: 25px; font-weight: 400; letter-spacing: -.4px;}
#sec6 .sec6_cont>div .item_area{width: 70%; }
#sec6 .sec6_cont>div .item_area .swiper{padding-bottom:10px}
#sec6 .sec6_cont>div .item_area .swiper>ul{}
#sec6 .sec6_cont>div .item_area .swiper>ul>li{width:40%}
#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:60px}
#sec6 .sec6_cont .sec6_2{}
#sec6 .sec6_cont>div h3{}


#sec7 .sec_inner h2{font-size:21px; font-weight:500}

/* BASIC css end */