/* BASIC css start */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
  }
  body{
    font-family: 'Pretendard';
  overflow-x:scroll;
  overflow-x:hidden;
}


.section{}
.section .sec_inner{width:1690px; margin:0 auto}
.section h2{font-family: 'Pretendard', sans-serif;font-size:30px; color:#333333; font-weight:600 }
a.more{color: #5d5d5d;font-family: 'Pretendard', sans-serif;border:1px solid #ccc; font-size:13px; border-radius:20px;margin-left:20px ;padding:3px 12px; display:inline-block; font-weight:500;float:right}


#sec2{margin-top: 150px; margin-bottom: 100px}
#sec2 {margin-top: 80px; width: 1690;}
#sec2 .sec_inner{}
#sec2 .sec_inner h2{margin-bottom: 20px}
#sec2 .sec_inner h2 a.more{}
#sec2 .sec_inner .sec2_cont{}
#sec2 .sec_inner .sec2_cont ul{display: flex; flex-wrap: wrap;}
#sec2 .sec_inner .sec2_cont ul li{width: 400px; margin: 0 11px 0 11px;}
#sec2 .sec_inner .sec2_cont ul li:nth-child(8n){margin-right: 0;}



#sec3{width:100%; position:relative; margin-top:80px; overflow:hidden;}

#sec3 .bg{position:relative; width:100%; height:860px; overflow:hidden; background:#000;}
#sec3 .bg iframe{position:absolute; top:50%; left:50%; width:100vw; height:56.25vw; min-width:177.78vh; min-height:100%; transform:translate(-50%,-50%); border:0; pointer-events:none;}

#sec3 .txt_cont{position:relative; z-index:3; width:1690px; margin:-25px auto 0;}
#sec3 .txt_cont .txt_inner{padding:40px 0; width:670px;}
#sec3 .txt_cont .txt_inner>*{font-family:'Pretendard',sans-serif;}
#sec3 .txt_cont .txt_inner p.tit{color:#000; font-size:21px; font-weight:500; margin-top:20px;}
#sec3 .txt_cont .txt_inner h3{color:#000; font-size:47px; font-weight:700; margin-bottom:25px;}
#sec3 .txt_cont .txt_inner p.cont{color:#474747; font-size:16px; line-height:1.5; font-weight:400; margin-bottom:70px;}
#sec3 .txt_cont .txt_inner>a{color:#474747; font-size:14px; display:block;}

#sec3 .swiper{position:absolute; z-index:4; bottom:0; right:calc(50% - 845px); width:1160px; padding:10px 10px 50px;}
#sec3 .swiper ul.swiper-wrapper{display:flex; align-items:flex-end;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide{padding:0 0 40px; border-radius:10px; overflow:hidden; background-color:transparent; transition:background-color .3s,padding .4s,box-shadow .3s;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide:hover{background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); padding:0 0 55px;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide:hover a.view_more{color:#6273ff;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb{width:100%; padding-bottom:0; 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 .info{padding-bottom:40px;}
#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:'Pretendard',sans-serif; color:#474747; font-size:11px;}
#sec3 .swiper-pagination{bottom:0; 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,.09); height:4px!important;}
#sec3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#333;}

#sec4{margin-top:200px}
#sec4 .sec_inner{}
#sec4 .sec_inner h2{margin-bottom:30px}
#sec4 .sec_inner h2 a.more{}
#sec4 .sec_inner .sec4_cont{}
#sec4 .sec_inner .sec4_cont ul{display: flex; justify-content: space-between;}
#sec4 .sec_inner .sec4_cont ul li{width: 400px; height: 580px; overflow: hidden; }
#sec4 .sec_inner .sec4_cont ul li:hover .info .inner{background-color: rgba(255,255,255,.8);}
#sec4 .sec_inner .sec4_cont ul li:hover .info .inner p.txt{opacity: 1;}
#sec4 .sec_inner .sec4_cont ul li:hover .info .inner p.brandname{opacity: 1;margin-bottom:15px}
#sec4 .sec_inner .sec4_cont ul li .info .inner:hover p.brandname{}
#sec4 .sec_inner .sec4_cont ul li:hover a img{transform: scale(1.05);filter: grayscale(0);}
#sec4 .sec_inner .sec4_cont ul li a{display: block;position: relative; width: 100%;}
#sec4 .sec_inner .sec4_cont ul li a img{transition: transform .4s, filter .3s;filter: grayscale(.3);}
#sec4 .sec_inner .sec4_cont ul li a .info{position: absolute;width: 100%; bottom: 0px; left: 0;padding:15px 12px;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner{background-color: transparent;transition: background-color .5s; padding: 25px 0;}
#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{opacity: 0; transition: opacity .9s, margin-bottom .4s;font-family: 'Jost', sans-serif; font-size: 30px; color: #000; font-weight: 700; margin-bottom: -10px;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner p.txt{opacity: 0; transition: opacity .1s; font-family: 'Jost', sans-serif; font-size: 12px; color: #888888; font-weight: 500;}



#sec5{width: 100%; position: relative; margin-top:100px}
#sec5>img{width: 100%;}
#sec5 a{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
#sec5 a:hover>img{transform: scale(1.1);}
#sec5 a img{transition: transform .2s;}


#sec6 {margin-top: 80px; width: 1690; }
#sec6 .sec_inner{}
#sec6 .sec_inner h2{margin-bottom: 20px}
#sec6 .sec_inner h2 a.more{}
#sec6 .sec_inner .sec6_cont{}
#sec6 .sec_inner .sec6_cont ul{display: flex; flex-wrap: wrap;}
#sec6 .sec_inner .sec6_cont ul li{width: 400px; margin: 0 11px 0 11px;}
#sec6 .sec_inner .sec6_cont ul li:nth-child(8n){margin-right: 0;}


#best6 {margin-top: 80px; width: 1690;}
#best6 .sec_inner{}
#best6 .sec_inner h2{margin-bottom: 20px}
#best6 .sec_inner h2 a.more{}
#best6 .sec_inner .best6_cont{}
#best6 .sec_inner .best6_cont ul{display: flex; flex-wrap: wrap;}
#best6 .sec_inner .best6_cont ul li{width: 400px; margin: 0 11px 0 11px;}
#best6 .sec_inner .best6_cont ul li:nth-child(8n){margin-right: 0;}


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


/* sec8 */
#sec8 { padding-top:100px; padding-bottom: 80px; background-color: #fafafa;}
#sec8 h2{margin-bottom:30px}
#sec8 .sec8_review{}
#sec8 .sec8_review>div>ul{width: 100%; display:flex; justify-content:space-between;}
#sec8 .sec8_review>div>ul>li{width: 315px;  }
#sec8 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #bcbec0;}
#sec8 .li_review .rv_main .thumb{width:312px; height: 312px;}
#sec8 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec8 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0;}
#sec8 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 13px; font-family: 'Pretendard', sans-serif; text-overflow: ellipsis; overflow: hidden; color:#575757; line-height:1.4 }

#sec8 .li_review .rv_mini{width: 100%; height: 100px; display: flex; align-items: center; justify-content: left; padding:0 20px;}
#sec8 .li_review .rv_mini .mini_thumb{width: 65px; height: 65px; border-radius: 50%; display: inline-block; border: 1px solid #bcbec0; overflow: hidden;}
#sec8 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec8 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_mini ul {padding-left: 20px;}
#sec8 .li_review .rv_mini ul li {font-family: 'Pretendard', 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: 'Pretendard', 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}


/* sec9 */
#sec9 { width: 100%; height: 800px; position: relative; margin-top: 100px; }
#sec9 .txt_vdo { width: 600; height: 800px; background-image: url("http://jjlightin.cafe24.com/jemilla/2025/vdo_bg.png"); }
#sec9 .txt_vdo .txt_inner{ position: absolute; top: 50%; margin-top: -50px; }
#sec9 .txt_vdo .txt_inner>*{ font-family: 'Pretendard', sans-serif;}
#sec9 .txt_vdo .txt_inner h3{ margin-left: 150px; color: #000; font-size: 62px; font-weight: 700; margin-bottom: 20px;}
#sec9 .txt_vdo .txt_inner p{ margin-left: 150px; color: #474747; font-size: 20px; line-height: 1.3; font-weight: 400; }

#sec9 .img{ position: absolute; right: 10%; margin-right: -10; top: 0%; margin-top: -0; width: 550px; height: 800px; }

/* BASIC css end */