/* BASIC css start */
.section{}
.section .sec_inner{padding:0 5%; margin:0 auto}
.section h2{font-family: 'Jost', sans-serif;font-size:23px; color:#333333; font-weight:600;margin-bottom:30px }
.more{display:flex; align-items:center; justify-content:center;}
.more a{color: #5d5d5d;font-family: 'Lato', sans-serif;border:1px solid #d8d8d8; font-size:13px; border-radius:20px ;padding:10px 37px; display:inline-block; font-weight:500;}


#container{padding-top:0 !important; max-width: 850px;}


/*SEC1-¸ÞÀÎ ½½¶óÀ̵å*/
#sec1{}
#sec1 .swiper{}
#sec1 .swiper>ul{}
#sec1 .swiper>ul>li{position: relative;width: 100%;}
#sec1 .swiper>ul>li>a{display: block;width: 100%; position: relative; }
#sec1 .swiper>ul>li>a>img{width: 100%;}


#sec1 .swiper>ul>li>a>.sli_t1 { position: absolute; top: 35%; left: 50%;     transform: translate(-50%, -50%); width: 82%; }
    
#sec1 .swiper>ul>li>a>.sli_t1 .sec1_t_box { background-color: #00654E; color: #fff; width: 100px; font-size: 11px; text-align: center;
                                          font-family: 'Jost', sans-serif;  font-weight: 400; padding: 2px 0;  border-radius: 4px; margin-bottom: 13px;}
                                          
#sec1 .swiper>ul>li>a>.sli_t1 p.sub{ margin-bottom: 4px; font-family: 'Noto Sans KR', sans-serif; font-size: 13px;color: #000; margin-bottom: 10px; letter-spacing: -0.23px;}
#sec1 .swiper>ul>li>a>.sli_t1 h2{ font-family: 'Jost', sans-serif; font-weight: 500; font-size: 25px; color: #000;line-height:1.3; margin-bottom: 10px; }
#sec1 .swiper>ul>li>a>.sli_t1 h2.sub_s{ font-size: 27px; }
#sec1 .swiper>ul>li>a>.sli_t1 .sub_img { width: 206px;  height:auto; margin-bottom: 5px;}
#sec1 .swiper>ul>li>a>.sli_t1 a{ display: flex; align-items: center; color: #333333;  font-family: 'Noto Sans KR', sans-serif; font-size: 11px;}
#sec1 .swiper>ul>li>a>.sli_t1 a .sec1_icon { width: 7px; height: auto; margin-left: 3px; margin-top: 3px; }


.sec1_bar{border-bottom: 1px solid #eee; width:100%}
.sec1_bar .swiper{margin:0 auto; height: 45px;}
.sec1_bar .swiper ul{width: 100%;}
.sec1_bar .swiper ul li.swiper-slide{}
.sec1_bar .swiper ul li.swiper-slide p{display: flex; align-items: center; justify-content: center;font-family: 'Noto Sans KR', sans-serif; font-size: 12px ; color: #333333; padding: 9px 0; }

.sec1_bar p span{display: flex; margin-right: 10px;}
.sec1_bar p span img{transform:scale(.66); transform-origin:center center;}


#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; } 
#sec1 .swiper-button-next, .swiper-rtl .swiper-button-prev {  right: -6px !important; }
#sec1 .swiper-button-prev, .swiper-rtl .swiper-button-next { left: -6px !important; }




/*SEC2-2°¡Áö »óÇ°*/
#sec2 {margin: 90px 0;}
#sec2 .sec2_top{display: flex; justify-content: space-between; align-items: center;margin-bottom:30px}
#sec2 .sec2_top h2{margin-bottom:0}


/*»óÇ°2°³*/
.sec2_pro_con { width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.sec2_pro { width: 48%;  height: auto; display: flex; flex-direction: column; align-items: center; margin-bottom: 35px; }
.sec2_pro:nth-child(3) {margin-bottom: 0px;}
.sec2_pro img { width: 100%; height: auto; }

.sec2_pro_box { width: 100%;  text-align: center; }
.sec2_pro_box p { font-size: 0.8rem;  font-weight: 500; color: #272727; margin-top: 9px; font-family: 'Noto Sans KR', sans-serif; }
.sec2_pro_box .sec2_t_box {  display: flex; justify-content: center; align-items: center; margin-top: 1rem;  }
.sec2_pro_box .sec2_t_box p {  font-size: 1.1rem; font-weight: 500; color: #272727;  margin-top: 0; }
.sec2_pro_box .sec2_t_box span { font-size: 0.9rem;  font-weight: 500;  color: #FF7070;   margin-left: 5px;  }











#sec3{ width: 100%; position: relative; margin-top:30px; }
/*À̹ÌÁö*/
#sec3 .bg{ display: block; width: 100%; height: auto; margin-bottom: 90px;}
#sec3 .bg img{width: 100%;  height: auto; }


/*ºñµð¿À
#sec3 .M_video2{ overflow:hidden; width: 100%;  height: auto;  display: flex;   justify-content: center;  align-items: center;  flex-direction: column;  margin: 0 auto;   padding:0;  }
#sec3 .video_mini { width:100%; height: auto;  margin: 0 auto;   overflow: hidden;}
#sec3 .video_mini video { width: 100%;   height: 100%;  display: block;-o-object-fit: cover;   object-fit: cover;  }
*/



/* sec3-ºñµð¿À& 2À̹ÌÁö »óÇ° -¾Èº¸ÀÌ°Ô ¼³Á¤
#sec3 .sec3_vi {width: 88%; max-width: 1280px; height: auto; margin: 90px auto; text-align: center; }
    .sec3_vi h2 {margin-bottom: 10px;}
    .sec3_vi .sec3_sub_title { font-size: 1rem; line-height: 1.2; font-family: 'Noto Sans KR', sans-serif;  font-weight: 300;  color: #333; margin: 20px auto 30px auto; }
    .sec3_box {width: 100%; height: auto;  display: flex; justify-content: space-between; flex-direction: column; }


.sec3_vi .M_video2 { overflow:hidden; width: 100%;  height: auto;  }
.sec3_vi .video_mini { width:100%; height: auto;  margin: 0 auto;   overflow: hidden;}
.sec3_vi .video_mini video { width: 100%;   height: 120px;  display: block;-o-object-fit: cover;   object-fit: cover;  }
.sec3_vi .M_video2 {position: relative;text-align: center;}
.sec3_vi .M_video2 .text-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  font-family: 'Jost', sans-serif;  font-size: 1rem; line-height: 1.1; font-weight: 600; color: #fff;}


.sec3_product {width: 100%; height: auto; display: flex; flex-direction: column;  }
.sec3_product_box { width: 100%; height: auto; display: flex; align-items: center;  margin: 14px auto 0 auto; justify-content: space-between; 
                    border-top: 1px solid #e9e9e9; margin: 7px auto 0 auto;  padding-top: 7px; } 
    .sec3_list_img { width: 39%; height: auto; }
    .sec3_list_img img { width: 100%; height: auto; display: block; }
    .sec3_list_text { width: 58%; height: auto;}

            .sec3_list_text h4 { color: #000; font-weight: 600; margin-bottom: 5px; font-size: 13px;}
            .sec3_list_text p { color: #585858; font-weight: 300; font-size: 11px; }

*/




/*ÃʷϹè³Ê*/
#sec3 .txt_cont{ width: 100%; background-color: #00654E; }
#sec3 .txt_cont .txt_inner{ width: 100%; display: flex; flex-direction: column;  justify-content: center;  align-items: center; padding:55px 5%;text-align: center;}
#sec3 .txt_cont .txt_inner>*{ font-family: 'Jost', sans-serif;}
#sec3 .txt_cont .txt_inner p.tit{color: #000000;font-size: 14px; font-weight: 500; margin-bottom: 13px;}
#sec3 .txt_cont .txt_inner h3{color: #F2EBE2; font-size: 29px; font-weight: 700; }
#sec3 .txt_cont .txt_inner p.cont{ color: #F2EBE2; font-size: 13px; line-height: 1.6; font-weight: 300; }
#sec3 .txt_cont .txt_inner>a{color: #474747; font-size: 12px; display: block;}




#sec3 .swiper{padding-bottom:60px; padding-left:15px; padding-top:15px}
#sec3 .swiper ul.swiper-wrapper{display: flex; align-items: flex-end;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide{padding: 0px 0px 40px; border-radius: 10px;overflow:hidden;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .1);width:40%}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb{width: 100%;padding-bottom: 0px;transition: padding-bottom .3s; }
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb a{display: block; width: 100%;text-align: center;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb a img{}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .info{padding-bottom:20px}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .info p{text-align: center;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide a.view_more{text-align: center;transition:color .2s; display: block; font-family: 'Noto Sans KR', sans-serif;color:#474747; font-size:11px; font-weight:400 }
#sec3 .swiper-pagination{bottom:0px; top:unset}
#sec3 .swiper-pagination-bullet{width: 30px; height: 2px; border-radius: 0; background-color:#9c8f87; }
#sec3 .swiper-pagination-progressbar{background-color:rgba(0,0,0,0.09); height:4px !important}
#sec3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#333}








#sec4 {margin-top:10px}
#sec4 .sec_inner{padding: 0;}
#sec4 .sec_inner h2{}
#sec4 .sec_inner h2 a.more{}
#sec4 .sec_inner .sec4_cont{}
#sec4 .sec_inner .sec4_cont ul{ margin-left: 0%; }
#sec4 .sec_inner .sec4_cont ul li{ width:70%;  }
#sec4 .sec_inner .sec4_cont ul li a{display: block; width: 100%;}
#sec4 .sec_inner .sec4_cont ul li a img{width:100%}
#sec4 .sec_inner .sec4_cont ul li a .info{ width: 100%; padding:15px 12px;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner{ background-color: rgba(255,255,255,.7);transition: background-color .5s; padding: 15px 0 20px; 
                                                    display: flex; flex-direction: column;  justify-content: center; align-items: center;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner p{text-align: center;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner p.brandname{ font-family: 'Jost', sans-serif; font-size: 21px; color: #333333; font-weight: 700; margin-bottom: 25px;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner p.txt{ display: inline-block;  border: 1px solid #D8D8D8; color: #5d5d5d; background-color: #fff; padding: 10px 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 13px;  border-radius: 5px; }







#sec7{width: 100%;margin-top:120px}
#sec7 a{display: block;width: 100%;}
#sec7 a img{width: 100%;}












/* SEC6-¸®ºä */
#sec6 {width: 100%;  height: auto; margin: 70px auto 90px auto;  }
#sec6 h2 {margin-bottom: 30px;}



.sec6_con {  position: relative;  margin-bottom: 150px;  }

#sec6 .swiper {   width: 100%; height: 100%;}
#sec6 .swiper-wrapper {  width: 100%; height: 100%;   display: flex; }
#sec6 .swiper-slide {  border-radius: 15px;  border: 1px solid #dfe4ea;  overflow: hidden; }

/*Èıâ-video, img*/
.sec6_video {  width:100%; height: auto;  margin: 0 auto;   overflow: hidden; }
.sec6_video video {  width: 100%;   height: auto;  display: block;-o-object-fit: cover;   object-fit: cover;  }
.sec6_img {  width:100%; height: auto;  margin: 0 auto;   overflow: hidden; }
.sec6_img img {  width: 100%;   height: auto;  display: block;-o-object-fit: cover;   object-fit: cover;  }


/*Èıâ-³»¿ë¿ë*/
.sec6_text { width: 90%; height: auto; margin:8% 5%; min-height: 80px;}
.sec6_text .sec6_t_desc { width: 100%; height: auto;  }
.sec6_text .sec6_t_desc img { width: 75px; height: auto; }
.sec6_text .sec6_t_desc p { font-size: 13px; font-weight: 400;  letter-spacing: 0;  line-height: 20px;   margin-top: 5px; 
    word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }











/* BASIC css end */