/* 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}
#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{margin-top:90px}
#sec2 .sec2_top{display: flex; justify-content: space-between; align-items: center;margin-bottom:30px}
#sec2 .sec2_top h2{margin-bottom:0}
#sec2 .sec2_top .right{display:flex}
#sec2 .swiper ul.swiper-slide{display:flex; flex-wrap:wrap}
#sec2 .swiper li .thumb{position:relative}
#sec2 .swiper li .thumb span.sticker{font-family: 'Lato', sans-serif;z-index:1; position:absolute; width:40px; height:40px; display:inline-block; background-color:#333; color:#fff; border-radius:50%; line-height:40px; text-align:center; right:10px; top:10px; font-size:9px; font-weight:500}
#sec2 .swiper-pagination{position:unset}
#sec2 .swiper-pagination-bullets.swiper-pagination-horizontal{left:unset; top:unset; width:auto;}
#sec2 .swiper-pagination-bullet {width: 20px;height: 20px;text-align: center;line-height: 20px;box-sizing:unset; font-weight:500; font-size: 11px;color: #5d5d5d;opacity: 1; background: rgba(0, 0, 0, 0);font-family: 'Lato', sans-serif;border:1px solid #ccc }
#sec2 .swiper-pagination-bullet-active { color: #fff;background: #333333;}



#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; margin-bottom: 30px;}
#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; }






#sec5{width: 100%;margin-top:120px}

#sec6{margin-top:120px}




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




/* sec8 */
#sec8{margin:60px 0 0px}
#sec8 h2{margin-bottom:30px}
#sec8 .sec8_review{}
#sec8 .sec8_review>div{width: 100%;}
#sec8 .sec8_review>div>ul{width: 100%; display:flex; justify-content:space-between;}
#sec8 .sec8_review>div>ul>li{width: 48.5%;  }
#sec8 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #f2f2f2;}
#sec8 .li_review .rv_main .thumb{width:100%; }
#sec8 .li_review .rv_main .thumb a{display: block; width: 100%; }
#sec8 .li_review .rv_main .thumb a img{width: 100%;  object-fit: cover;}
#sec8 .li_review .rv_main .rv_main_cont{width: 100%; padding: 15px 0;}
#sec8 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 13px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; color:#575757; line-height:1.4; }

#sec8 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; padding:17px 0;}

#sec8 .li_review .rv_mini ul {}
#sec8 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #656565;margin-bottom:4px;}
#sec8 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec8 .li_review .rv_mini ul li span {font-family: 'Lato', sans-serif; margin-right:10px;display:flex; align-items:center; color:#000;}
#sec8 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px; transform:scale(.9); }
#sec8 .li_review .rv_mini ul li span:nth-child(2) img{margin-top:2px; }

#sec8 .more a { border-radius: 5px;}



.py-5 { padding: 0 !important;  }
.w-\[240px\] {  width: 200px; }





#sec9{width: 100%;margin-top:90px;display: flex; flex-direction: column;  justify-content: center;  align-items: center;}
#sec9 a{ position: relative; display: block;width: 100%; height: auto;}
#sec9 a img{ width: 100%; height: auto; }
#sec9 a .Box9 { position: absolute; left: 5%;  bottom: 20px; }
#sec9 a.sec9_inner1 { margin-bottom: 17px; }
#sec9 a .Box9 p { color: #fff; font-size: 28px;  font-weight: 400; font-family: 'Jost', sans-serif;  }
#sec9 a .Box9 .m9p { color: #00654E;  }


/* BASIC css end */