/* BASIC css start */
/* ¼½¼Ç°øÅë */
section{width:100%}
section:not(:last-child){ margin-bottom:50px}
.sec_inner{width: 1780px; margin: 0 auto;}
section h2{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;margin-bottom: 50px; font-size: 28px; color: #000; font-weight: 500;}
section h2.en{font-weight:500}


/* ¼½¼Ç°³º° */
/* sec1 */
#sec1{margin-bottom: 10px; height:800px; overflow:hidden;}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper{}
#sec1 .swiper .swiper-wrapper .swiper-slide{}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width:1920px; display:block; margin:auto;}
#sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec1 .swiper .swiper_btn_prev{left:calc(50% - 890px)}
#sec1 .swiper .swiper_btn_next{right: calc((50% - 890px))}
#sec1 .swiper .swiper-pagination-bullet{opacity:0.4; background-color:#fff}
#sec1 .swiper .swiper-pagination-bullet-active {background:#000; width:10px; height:10px; opacity:0.8;}


#sec1 .swiper-pagination{top: 740px;}



/* slide_sc2 */

#slide_sc2{
padding:0 3%;
}
#slide_sc2 ul{ 
width:1780px;
height:400px;
margin:0 auto;
display:flex;
}
#slide_sc2 ul li{
width:50%;
float:left;}
#slide_sc2 ul li:nth-child(2){border-left:0.6px solid #ffffff;}


/* sec2 */
#sec2{ margin:0 auto 50px auto;}
#sec2 .sec_inner{width: 100%; 
    
}
#sec2 img{border-radius:4%;}
#sec2 div{

padding-left:0 !important;
}
#sec2 .sec_inner h2{width: 100%;
text-align: center}

#sec2 .sec_inner{    position: relative;
    overflow:hidden;
    height:928px;}
#sec2 .sec_inner .sec2_cont{}
#sec2 .sec_inner .sec2_cont .swiper{padding-bottom: 40px;}
#sec2 .sec_inner .sec2_cont .swiper ul{ justify-content: space-between;     width: 93%;
    margin: 4% auto}
#sec2 .sec_inner .sec2_cont .swiper ul li{width: 26%; transition:0.2s; box-shadow:4px 4px 10px 2px #e1dede; border-radius: 4%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec{}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a{display: block;overflow:hidden; }
#sec2 .sec_inner .sec2_cont .swiper ul li:hover {transform:scale(1.09)}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a img{width: 100%; transition:all .3s}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec{padding: 25px 0; width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p{font-family: 'Noto Sans KR', sans-serif; line-height: 1.6;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.big{font-size: 28px;color: #000; margin-bottom: 16px; font-weight: 400;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.small{color: #8d8d8d; font-size: 17px; font-weight: 400;}
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1.5px; background-color: rgba(0,0,0,.09);width:1780px}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}
#sec2 .sec_inner .sec2_cont .swiper ul li:last-child{margin-right:0 !important;}





/* sec3 */
#sec3{}
#sec3 .sec_inner{}
#sec3 .sec_inner h2{text-align:center;}
#sec3 .sec_inner .sec3_cate{margin-bottom: 35px;}
#sec3 .sec_inner .sec3_cate ul{display:flex; gap:25px; }
#sec3 .sec_inner .sec3_cate ul li{}
#sec3 .sec_inner .sec3_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#979797; font-size: 16px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec3 .sec_inner .sec3_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec3 .sec_inner .sec3_cate ul li a:hover{color:#333}
#sec3 .sec3_prd{}
#sec3 .sec3_prd>div{ position:relative;}
#sec3 .sec3_prd>div ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
#sec3 .sec3_prd>div.show{display: block;}
#sec3 ul li {
    width:18%;
    margin-right:2.5%; 
}


#sec3 ul li:nth-child(5n){margin-right:0;}



/* sec5 */
#sec5{}
#sec5{width: 100%;}
#sec5 h2{width: 1780px; margin: 0 auto 50px;
text-align:center;}
#sec5 .sec5_cont{padding-left:0!important; width:1780px; margin:0 auto;}
#sec5 .swiper{padding-bottom: 40px;}
#sec5 .swiper ul li{width:320px;}
#sec5 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1.5px; background-color: rgba(0,0,0,.09);width:1780px}
#sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}


/* sec6 */
#sec6{width:1780px; overflow:hidden; margin:0 auto 50px auto; display:flex;}
#sec6 img{}
#sec6 li{width:100%!important;}
#sec6 .show_bs {width:750px%;}
#sec6 .swiper-container{width:1030%;}
#sec6 .swiper-slide img{}


/* sec7 */
#sec7{background-color:#f8f8f8; padding:60px 0 50px}
#sec7 h2{text-align:center;}
#sec7 .sec7_review{}
#sec7 .sec7_review>div{width: 100%;}
#sec7 .sec7_review>div>ul{width: 100%; display:flex; justify-content:space-between; gap:20px; margin-bottom:20px;}
#sec7 .sec7_review>div>ul>li{flex-grow:1}
#sec7 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e4e4e4;}
#sec7 .li_review .rv_main .thumb{width:100%;}
#sec7 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec7 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0; max-width:280px}
#sec7 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 13px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:500; color:#000; line-height:1.4; margin-bottom:15px}
#sec7 .li_review .rv_main .rv_main_cont .rv_info{}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span{color:#acacac}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.date{}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.rv_user{}
#sec7 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:15px;margin-top:20px }
#sec7 .li_review .rv_mini .mini_thumb{width: 50px; height: 50px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden;}
#sec7 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec7 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px;}
#sec7 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #000;}
#sec7 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec7 .li_review .rv_mini ul li span {font-family: 'Calibri', sans-serif; margin-right:10px;display:flex; align-items:center; color:#c7c7c7; font-size:12px; }
#sec7 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px;}

#sec7 .swiper-slide{width:20%;}

#sec7 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1.5px; background-color: rgba(0,0,0,.09);width:1780px}
#sec7 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}

/* sec8 */
#sec8 h2{margin-bottom:40px; letter-spacing:9px; text-align:center;}


/* ½½¶óÀÌµå ¹öÆ°*/

.swiper-button-prev,
.swiper-button-next {
  background-image: none !important;  
  background-color: #fff;
  opacity: 0.5;
  padding: 15px 5px;
  border-radius: 20px;
  color: black !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}
.swiper-pagination-bullet {
  background: black !important;
}





#sec2 div video{    position: absolute;
    width:100%;
    top: -952px;
   opacity: 0.4;
    z-index:-1;
}

#keyword {
background: #f8f8f8;
    padding: 2% 0;}
    
#keyword h2{
text-align:center;
}
#keyword .keyword_in{
width:800px;
margin:0 auto;

}
#keyword .keyword_s2 ul{
display:flex;
justify-content: space-around;

}

#keyword .keyword_s2 ul li{
width:16%;
padding-left:3%;
}


#keyword .keyword_s2 ul li a{
text-align:center;
display:inline-block;
width:80%;
font-size:17px;
line-height:45px;
border:1px solid #bfbfbf;
box-sizing:border-box;
padding: 0 1%;

}


#keyword h2{ margin-bottom:0;}
#keyword h3{
    margin-bottom: 50px;
    font-size: 16px;
    text-align: center;
    color: #adadad; }
    
    
    
    .insta{    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    height: 426px;
    overflow: hidden;
    justify-content: space-between;
}
    
    .insta img{width:19%; margin-right: 0.3px;}
    
    
    
 #gallery {display:flex;
           height:350px;

     }
     
#gallery li{ width:16%;height:280px; padding:0.5px; overflow:hidden;}

#gallery li a{

display:block;
width:100%;


}
#gallery li a img{width:100%;}
#sec3 .item_list .thumb>a>img, #sec5 .item_list .thumb>a>img {width: 100%;}
.sale_color{color:#ed2e2e; padding-left:5px; font-weight:700; font-size:18px;}


/* BASIC css end */