/* BASIC css start */
/* ¼½¼Ç °øÅë */
section{width: 100%;margin-bottom:75px}
section .sec_inner{margin:0 auto; padding:0 3%}
section h2{font-family: 'Montserrat', sans-serif; font-size: 20px ; font-weight:700; letter-spacing: -.5px; color: #000; margin-bottom:35px; text-align: center;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1.7px !important; transform: scale(.8); opacity: .4;}
.swiper-pagination-bullet-active{background-color: #000 !important; opacity: 1 !important;}
/* sec1 */
#sec1{}
#sec1 .swiper{width: 100%;position: relative;}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;position: relative;}
#sec1 .swiper ul li .thumb{width: 100%;}
#sec1 .swiper ul li .thumb img{width: 100%;}
#sec1 .swiper ul li .text{position: absolute;left: 50%; bottom: 11%; text-align: center; transform: translateX(-50%);width:max-content}
#sec1 .swiper ul li .text h3{font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #fff; margin-bottom: 3px; font-weight: 400;line-height: 1.5;transition: top .5s, opacity .6s; letter-spacing: -2px;}
#sec1 .swiper ul li .text h3 span{font-weight: 700; display: inline-block; margin-right: 10px;}
#sec1 .swiper ul li .text p.subtit{font-family: 'Noto Sans KR', sans-serif; font-size: 14px; color: #fff; font-weight: 400; margin-bottom: 12px;letter-spacing: -.7px;transition: top .6s, opacity .7s; line-height:1.3}
#sec1 .swiper ul li .text a{font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #fff; display: inline-block; font-weight: 500;letter-spacing: -.6px;padding: 7px 37px;transition:top .7s, opacity .7s; background-color: #e41d24; border-radius: 40px;}
#sec1 .swiper ul li .text>*{opacity: 1; top: 35px; position: relative;}
#sec1 .swiper ul li .text.show>*{top: 0; opacity: 1;}

#sec1 .swiper-pagination{bottom: 20px !important; }




/* sec2 */
#sec2{position: relative;}
#sec2 .sec_inner{}
#sec2 .sec_inner h2{margin-bottom:18px !important}

#sec2 .sec2_prd{}
#sec2 .sec2_prd>div{ position:relative;padding-top: 35px;padding-bottom:40px}






/* sec3 */
#sec3{width: 100%}
#sec3 {}
#sec3  h2{}
#sec3  h3{line-height: 1.5;}
#sec3 .sec3_cont{width: 100%;}
#sec3 .sec3_cont ul{width: 100%;}
#sec3 .sec3_cont ul li{}
#sec3 .sec3_cont ul li:first-child img{width:100%}
#sec3 .sec3_cont ul li:last-child{padding: 30px 14px 0; text-align:center}
#sec3 .sec3_cont ul li:last-child h3{font-family: 'Noto Sans KR', sans-serif;font-size: 25px;color: #111; font-weight: 700; letter-spacing: -.8px; }
#sec3 .sec3_cont ul li:last-child p{font-family: 'Noto Sans KR', sans-serif;font-size: 14px; color: #111;font-weight: 400; margin: 20px 0 30px; line-height: 1.8;letter-spacing: -.8px;}
#sec3 .sec3_cont ul li:last-child a{display: inline-block; padding: 10px 20px;  border: 1px solid #000;font-family: 'Montserrat', sans-serif; font-size: 14px; color: #000 ;font-weight: 500;}
#sec3 .sec3_cont ul li:last-child a img{transform: scale(.71); transform-origin: center center; display: inline-block; margin-left: 10px;vertical-align:middle;}

@media all and (max-width:420px){
  #sec3 .sec3_cont ul li:last-child p br{display:none;}
}

/* sec4 */
#sec4{}
#sec4 .sec_inner{}
#sec4 .sec_inner h2{}
/* ¼½¼Ç 4 °øÅë */
#sec4 .sec_inner p.tit{font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 700; color: #000; margin-bottom: 6px; }
#sec4 .sec_inner p.cont{font-family: 'Noto Sans KR', sans-serif;color: #999; font-size: 14px; font-weight: 400; }

#sec4 .sec_inner .sec4_1{}
#sec4 .sec_inner .sec4_1 .swiper{}
#sec4 .sec_inner .sec4_1 .swiper ul{}
#sec4 .sec_inner .sec4_1 .swiper ul li{}
#sec4 .sec_inner .sec4_1 .swiper ul li a{width: 100%;display: block;position: relative;}
#sec4 .sec_inner .sec4_1 .swiper ul li a img{width: 100%;}
#sec4 .sec_inner .sec4_1 .swiper ul li a article{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  padding: 40px 30px;}
#sec4 .sec_inner .sec4_1 .swiper ul li a article p{}
#sec4 .sec_inner .sec4_1 .swiper ul li a article p.tit{}
#sec4 .sec_inner .sec4_1 .swiper ul li a article p.cont{}
#sec4 .swiper-horizontal>.swiper-pagination-bullets, #sec4 .swiper-pagination-bullets.swiper-pagination-horizontal, #sec4 .swiper-pagination-custom, #sec4 .swiper-pagination-fraction{width: auto !important; left: 30px !important; bottom: 40px !important;}


#sec4 .sec_inner .sec4_2{margin-top: 7px;}
#sec4 .sec_inner .sec4_2 a{width: 100%;display: block;position: relative;}
#sec4 .sec_inner .sec4_2 a img{width: 100%;}
#sec4 .sec_inner .sec4_2 a article{position: absolute;left: 0; top: 0; padding: 40px 30px; height: 100%; width: 100%;}
#sec4 .sec_inner .sec4_2 a article p{}
#sec4 .sec_inner .sec4_2 a article p.tit{}
#sec4 .sec_inner .sec4_2 a article p.cont{}



/* BASIC css end */