/* BASIC css start */
#footer{margin-top:0 !important}
.section :is(*){box-sizing:border-box}
/* 섹션 공통 */
.section{width: 100%; margin-bottom: 100px;box-sizing:border-box}
.section h2{font-family: 'Lato', sans-serif; font-size:22px; color:#000; font-weight:500; margin-bottom:40px; text-align:center; }
.section .sec_inner{padding:0 5%}
/* sec1 */
#sec1{margin-bottom: 65px;}
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{}
#sec1 .swiper ul li>a{display: block; width: 100%;}
#sec1 .swiper ul li>a>img{width: 100%; }
#sec1 .swiper ul li .txt_area{overflow: visible; position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%); width:max-content; max-width:100%;  }
#sec1 .swiper ul li .txt_area p{opacity: 0;}
#sec1 .swiper ul li.swiper-slide-active .txt_area p{transform: translateY(25px); opacity: 1;}
#sec1 .swiper ul li.swiper-slide-active .txt_area a.viewmore{transform: translateY(35px); opacity: 1;}
#sec1 .swiper ul li .txt_area p.big{font-family: 'Lato', sans-serif;font-size: 29px;transition: all .5s;transition-delay: .35s;font-weight: 500;}
#sec1 .swiper ul li .txt_area a.viewmore{display:inline-block; padding:11px 40px; text-transform: uppercase;font-family: 'Kumbh Sans', sans-serif; opacity: 0;font-weight:400; transition-delay: .5s; font-size: 18px; border:1px solid #fff}
#sec1 .swiper ul li .txt_area{position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px;}
#sec1 .swiper ul li .txt_area :is(*){color: #fff; transition: all .34s; }
#sec1 :is(.swiper-button-next, .swiper-button-prev) {color: #a2a2a2; font-size: 30px;}
#sec1 :is(.swiper-button-next, .swiper-button-prev):after{font-size:20px;}
#sec1 .swiper-button-next{right: 5%; transform:translateX(50%)}
#sec1 .swiper-button-prev{left: 5%;transform:translateX(-50%)}


/* sec2 */
#sec2{}
#sec2{width: 100%;}
#sec2 h2{}
#sec2 .swiper{padding-bottom: 40px;}
#sec2 .swiper ul li{}
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 2px; background-color: rgba(0,0,0,.09);}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #666666;}


#sec3{}
#sec3 .sec3_cont{}
#sec3 .sec3_cont>div{}
#sec3 .sec3_cont .sec3_left{}
#sec3 .sec3_cont .sec3_right{}
#sec3 .sec3_cont>div .sec3_inner{width: 100%; height: inherit; position: relative;}
#sec3 .sec3_cont>div .sec3_inner img{width: 100%; display: block; transition: all .1s;}
#sec3 .sec3_cont>div .sec3_inner .txt_area{width:max-content; max-width:100%;  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 17px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#sec3 .sec3_cont>div .sec3_inner .txt_area :is(*){color: #fff;font-family: 'Lato', sans-serif;}
#sec3 .sec3_cont>div .sec3_inner .txt_area p.big{font-family: 'Lato', sans-serif;font-size: 29px;font-weight: 500;}
#sec3 .txt_area a.viewmore{display:inline-block; padding:11px 42px; text-transform: uppercase;font-family: 'Kumbh Sans', sans-serif; font-weight:400; transition-delay: .7s; font-size: 18px; border:1px solid #fff}

/* sec4 */
#sec4{margin-bottom:140px}
#sec4{width: 100%;}
#sec4 .swiper{padding-bottom: 40px;}
#sec4 .swiper ul li{}
#sec4 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 2px; background-color: rgba(0,0,0,.09);}
#sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #666666;}

#sec5 a{display:block; width:100%}
#sec5 a img{width:100%}

#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner .txt_area{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 35px; padding:30px 0}
#sec6 .sec_inner .txt_area :is(*){color: #000;font-family: 'Lato', sans-serif; }
#sec6 .sec_inner .txt_area p.big{font-family: 'Noto Sans KR', sans-serif; font-size: 25px; font-weight: 500; color: #000; text-align:center; line-height:1.4;}
#sec6 .sec_inner .txt_area a.viewmore{font-size: 15px; color: #000; font-weight: 500; border: 1px solid #000; display: inline-block; padding: 7px 30px;}


/* BASIC css end */

