/* BASIC css start */
footer#footer{margin-top:0}

/* ¼½¼Ç°øÅë */
section .sec_inner{ max-width: 1280px; width: 100%;  margin: 0 auto;}
section h2{ font-family: 'Jost', sans-serif; font-size: 2.3rem; color: #333; text-align: center; margin-bottom: 50px; font-weight: 600;}



.bold { color: #000!important; }  




/* sec1-¸ÞÀÎ½½¶óÀÌµå */
#sec1{ width: 100%; margin-top: -60px; }
#sec1 .swiper ul li a{display: block; width: 100%; position: relative; }
#sec1 .swiper ul li a img{width: 100%;}

#sec1 .swiper ul li a .sec1_t { position: absolute; bottom: 39%; left: 50%; transform: translateX(-50%); text-align: left; max-width: 1240px; width: 88%;  margin-left: 40px; }
#sec1 .swiper ul li a .sec1_t .sec1_t_box { background-color: #00654E; color: #fff; width: 176px; font-size: 1.2rem; text-align: center;
                                             font-family: 'Jost', sans-serif;  font-weight: 500; padding: 6px 0;  border-radius: 7px; margin-bottom: 17px;}
#sec1 .swiper ul li a .sec1_t h3 { color: #000; font-size: 3rem; font-family: 'Jost', sans-serif; font-weight: 500;  }
#sec1 .swiper ul li a .sec1_t p { font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 1.45rem; letter-spacing: -0.5px;  margin: 1rem auto 3rem auto;  }
#sec1 .swiper ul li a .sec1_t .sec1_btn { color: #000; font-size: 1.1rem;  text-align: start; }
#sec1 .swiper ul li a .sec1_t .sec1_btn .sec1_icon { width: 11px; height: auto; margin-left: 8px; margin-bottom: 1px;}


#sec1 .swiper ul li a .sec1_t .sec1_img { width: 24rem; height: auto; margin-bottom: 5px; }


#sec1 .swiper-pagination{bottom: 60px;}
#sec1 .swiper-pagination-bullet{width: 30px; height: 5px; border-radius: 0; background-color: #fff; }

#sec1 .swiper-button-next, #sec1 .swiper-button-prev { color: rgba(51, 51, 51, 0.55) !important;  width: 3rem !important; height: 3rem !important; }
#sec1 .swiper-button-next:after, #sec1 .swiper-button-prev:after { font-size: 1.6rem !important; } 



/* sec2-NEW»óÇ°½½¶óÀÌµå */
#sec2{ width: 100%; height: auto; }

.sec2slider { width: 100%; height: auto;}
.sec2slider .swiper-wrapper  { width: 100%; height: auto;}
.sec2slider .swiper-wrapper .swiper-slide { width: 100%; height: auto; display: flex;  justify-content: center; align-items: center; }

.sec2slider .sec2_box { width: 100%; height: 100%; background-color: rgba(242, 235, 226, 0.4); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sec2slider .swiper-slide img { width: 50%; height: auto;}

.sec2_t { width: 100%; height: auto; margin: 17% auto; }
.sec2_t p:nth-child(1) { font-family: 'Jost', sans-serif; font-size: 1.35rem;  font-weight: 500; color: #333; }
.sec2_t p:nth-child(2) { font-family: 'Noto Sans KR', sans-serif; font-size: 1.3rem; font-weight: 300;  color: #838383; margin: 8px auto 3rem auto; }
.sec2_t p:nth-child(3) { font-family: 'Jost', sans-serif; font-size: 1.15rem;  font-weight: 500; color: #838383;  text-decoration-line: line-through; margin-bottom: 10px;}
.sec2_t p:nth-child(4) { font-family: 'Jost', sans-serif; font-size: 1.15rem;  font-weight: 500; color: #333;  }
.sec2_t p:nth-child(4) span { font-family: 'Jost', sans-serif; font-size: 1.1rem;  font-weight: 500; color: #FF0A36; margin-left: 18px;}


.sec2_box a{ color: #333; font-size: 1rem; border: 1px solid rgba(51, 51, 51, 0.55); padding: 0.8rem 0; width: 9rem; text-align: center;  transition: all 0.4s ease; }
.sec2_box a:hover { color: #fff;   background-color: #00654E;   }



#sec2 .swiper-button-next, #sec2 .swiper-button-prev { color: rgba(51, 51, 51, 0.55) !important;  width: 3rem !important; height: 3rem !important; }
#sec2 .swiper-button-next { right : 52% !important;  }
#sec2 .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.6rem !important; } 



/* sec3-ºñµð¿À& 2ÀÌ¹ÌÁö »óÇ° */
.sec3 {width: 75%; max-width: 1280px; height: auto; margin: 150px auto; text-align: center; }
    .sec3 h2 {margin-bottom: 10px;}
    .sec3 .sec3_sub_title { font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif;  font-weight: 300;  color: #333; margin: 25px auto 80px auto; }
    .sec3_box {width: 100%; height: auto;  display: flex; justify-content: space-between; flex-direction: column; }

/*ºñµð¿À*/
.sec3 .M_video2 { overflow:hidden; width: 100%;  height: auto;  }
.sec3 .video_mini { width:100%; height: auto;  margin: 0 auto;   overflow: hidden;}
.sec3 .video_mini video { width: 100%;   height: 300px;  display: block;-o-object-fit: cover;   object-fit: cover;  }
.sec3 .M_video2 {position: relative;text-align: center;}
.sec3 .M_video2 .text-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
                                font-family: 'Jost', sans-serif;  font-size: 2.3rem;  font-weight: 600; color: #fff;}


/*»óÇ°*/
.sec3 .sec3_pro { width: 100%;  height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; }
.sec3_pro_box { width: 33%; display: flex; justify-content: center; flex-direction: column; }
.sec3_pro_box a {   width: 100%;  height: auto; }
.sec3_pro_box a img { width: 100%;  height: auto; }

.sec3_pro_box .sec3_t {   width: 98%;  margin-left: 1%; height: auto; text-align: center; margin-top: 15px; }
.sec3_pro_box .sec3_t p { font-size: 1rem; font-weight: 300;  color: #333;  }
.sec3_pro_box .sec3_t .sec3_p { font-family: 'Jost', sans-serif; font-size: 1rem;  font-weight: 500; color: #838383;  text-decoration-line: line-through; }



.sec3_pro_box .sec3_t p:nth-child(1) { margin-bottom: 1rem; }
.sec3_pro_box .sec3_t p:nth-child(1) .sec3_t_title { font-size: 1.13rem; font-weight: 500;  color: #272727; }
.sec3_pro_box .sec3_t strike { font-size: 1.1rem; font-weight: 500;  color: #808080;  text-decoration-line: line-through; margin-bottom: 0.6rem; }
.sec3_pro_box .sec3_t p:nth-child(3) { font-size: 1.1rem; font-weight: 500;  color: #272727; }
.sec3_pro_box .sec3_t p:nth-child(3) span { font-size: 0.9rem; font-weight: 500;  color: #FF7070; margin-left: 5px; }






/* SEC4-ÀÌ¹ÌÁöº£³Ê */
#sec4 { width: 100%; height: auto;}
#sec4 .sec4_a { display: block; width: 100%; height: auto; position: relative;}
#sec4 img { width: 100%; height: auto; }
#sec4 .sec_inner {  max-width: 1280px; width: 100%;  margin: 0 auto;
                    position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); text-align: start; }
#sec4 .sec_inner p:nth-child(1) { font-family: 'Noto Sans KR', sans-serif; color: #05100E; font-size: 1.1rem; margin-bottom: 10px; font-weight: 300; }
#sec4 .sec_inner p:nth-child(2) { font-family: 'Noto Sans KR', sans-serif; color: #05100E; font-size: 2.3rem; font-weight: 500; letter-spacing: -2px;}







/* SEC5-3°¡Áö ¸µÅ© */
#sec5 {width: 100%;  height: auto; margin-top: 150px;  margin-bottom:150px; }
#sec5 .sec5_inner { width: 100%;  height: auto; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; }
#sec5 .sec5_inner .sec5_box { position: relative; width: 33%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#sec5 .sec5_inner .sec5_box img { width: 100%; height: auto; }
#sec5 .sec5_inner .sec5_box .sec5_t  { position: absolute; top: 9%; height: 80%;  left: 50%;  transform: translateX(-50%); display: flex;  flex-direction: column;  justify-content: space-between; }
#sec5 .sec5_inner .sec5_box .sec5_t_p p:nth-child(1) { color : #fff;  font-family: 'Jost', sans-serif;  font-size: 2.3rem; font-weight: 600; }
#sec5 .sec5_inner .sec5_box .sec5_t_p p:nth-child(2) { color : #fff;  font-family: 'Noto Sans KR', sans-serif;  font-size: 1.3rem;   margin: 9px auto; }

#sec5 .sec5_inner .sec5_box .sec5_t a { display: block; color: #ffffff; font-size: 1rem; background-color: transparent;  padding: 0.8rem 0; width: 9rem; 
text-align: center;  margin: 0 auto; border: 0.5px solid #ffffff; transition: all 0.4s ease;}
#sec5 .sec5_inner .sec5_box .sec5_t a:hover {  color: #000;   background-color: #fff; border: 0.5px solid #000; }







/* SEC6-¸®ºä */
#sec6 {width: 100%;  height: auto;  margin-bottom:150px;  }
#sec6 h2 {margin-bottom: 10px;}
#sec6 .sec6_sub_title { font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif;  font-weight: 300; text-align: center; color: #333; margin: 25px auto 80px auto; }


#sec6 .sec6_box_wrap { width: 100%;  display: flex; justify-content: space-between; align-items: flex-start; }
#sec6 .sec6_box { width: 24%;  height: auto;  }
#sec6 .sec6_box .sec6_img { width: 100%;  height: auto;  }
#sec6 .sec6_t { width: 100%; color: #333; }
#sec6 .sec6_t .sec6_t_p { display: flex;  flex-direction: column; align-items: flex-start;  }
#sec6 .sec6_t .sec6_t_p p:nth-child(1) { font-size: 0.7rem;  border-bottom: 1px solid #e8e8e8; padding: 15px 0; line-height: 1.1rem;}
#sec6 .sec6_t .sec6_t_p p:nth-child(2) { font-size: 0.7rem; padding: 15px 0 5px 0; }
#sec6 .sec6_t .sec6_t_p .sec6_t_p2 { font-size: 0.7rem; }
#sec6 .sec6_t .sec6_t_p .sec6_t_p2 span { font-size: 0.7rem; }
#sec6 .sec6_t .sec6_t_p .sec6_t_p2 img { margin-right: 5px; width: 14px;  height: auto; }
#sec6 .sec6_t .sec6_t_p .sec6_t_p2 .sec6_icon2 { margin-left: 10px; margin-top: 2px; }


#sec6 .sec6_btn { display: block; color: #000; font-size: 1rem; background-color: transparent;  padding: 0.8rem 0; width: 9rem; 
text-align: center;  margin: 26px auto 0 auto; border: 0.5px solid #dfe4ea; border-radius: 5px; transition: all 0.4s ease; }

#sec6 .sec6_btn:hover {  color: #fff;   background-color: #00654E; border: 0.5px solid #fff; }





/* SEC7-ÀÌ¹ÌÁöº£³Ê */
#sec7 { width: 100%; height: auto;}
#sec7 .sec7_a { display: block; width: 100%; height: auto; }
#sec7 img { width: 100%; height: auto; }




/* SEC8-ÀÎ½ºÅ¸±×·¥ */
#sec8 { margin: 150px auto;}
#sec8 .sec8_title { display: block; width: 20%; margin: 0 auto 80px auto; font-family: 'Jost', sans-serif;
                   font-size: 2.3rem; color: #000; text-align: center;  font-weight: 600; transition: all 0.4s ease; }
#sec8 .sec8_title:hover { color: #00654E;    }       

#sec8 .sec8_box { width: 100%;  display: flex;  justify-content: space-between;  align-items: flex-start; flex-wrap: wrap; }
#sec8 .sec8_box a { width: 32%;  height: auto; margin-bottom: 2%;}
#sec8 .sec8_box a img { width: 100%;  height: auto; border-radius: 5px;}






/* BASIC css end */

