/* BASIC css start */
#content{width:1400px;}

.section{}
.section .sec_inner{width:1690px; margin:0 auto}
.section h2{font-family: Suisse Regular,sans-serif; font-size:30px; color:#333333; font-weight:600 }
a.more{color: #5d5d5d;font-family: 'Lato', 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}
#sec1{}
#sec1 .swiper{}
#sec1 .swiper>ul{}
#sec1 .swiper>ul>li{position: relative;width: 100%; height:852px;}
#sec1 .swiper>ul>li>a{display: block;width: 100%;}
#sec1 .swiper>ul>li>a>img{width: 100%;}
#sec1 .swiper>ul>li>.txt{position: absolute; left: 60%; top: 30%;}
#sec1 .swiper>ul>li>.txt.act{}
#sec1 .swiper>ul>li>.txt>*{position: relative; left: -100px;opacity: 0;}
#sec1 .swiper>ul>li>.txt.act>*{left: 0px;opacity: 1;}
#sec1 .swiper>ul>li>.txt p.sub{margin-bottom: 10px; transition: left .5s, opacity .8s;font-family: 'InfinitySans-RegularA1';font-size: 26px;color: #494949;}
#sec1 .swiper>ul>li>.txt h2{transition: left .7s,opacity .8s;margin-left: -2px; font-family: 'InfinitySans-RegularA1'; font-size: 52px;color: #000;font-weight: bold;}
#sec1 .swiper>ul>li>.txt a{margin-top: 25px; transition: left 1s,opacity .8s;display: inline-block; color: #494949;font-family: 'InfinitySans-RegularA1'; font-size: 18px;}
#sec1 .swiper-pagination{left: 50%; width: auto; bottom: 5%;}
#sec1 .swiper-pagination-bullet{opacity: 1; background-color: #fff;}
#sec1 .swiper-pagination-bullet-active{background-color: #000;}



.sec1_bar{border-bottom: 1px solid #eee; width:100%}
.sec1_bar .swiper{width: 1690px; 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: 13px ; color: #333333; padding: 11px 0; }
.sec1_bar .swiper .btn{position: absolute; right: 0; top: 0;z-index: 40;}
.sec1_bar .swiper .btn>div{width: 25px; height: 22px;text-align: center;border-left: 1px solid #eee;border-right: 1px solid #eee;display: flex; align-items: center;justify-content: center; cursor: pointer;}
.sec1_bar .swiper .btn>div:first-child{border-bottom: 1px solid #eee;}
.sec1_bar p span{display: flex; margin-right: 10px;}
.sec1_bar p span img{}

#sec2{margin-top:50px}
#sec2 .sec2_top{display: flex; justify-content: space-between; align-items: center;margin-bottom:30px}
#sec2 .sec2_top h2{}
#sec2 .sec2_top .right{display:flex}
#sec2 .swiper-pagination{position:unset}
#sec2 .swiper-pagination-bullets.swiper-pagination-horizontal{left:unset; top:unset; width:auto;}
#sec2 .swiper-pagination-bullet {width: 22px;height: 22px;text-align: center;line-height: 22px;box-sizing:unset; font-weight:500; font-size: 12px;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;}
#sec2 .sec2_top .right .more a{float:unset; color: #5d5d5d;font-family: 'Lato', sans-serif;border:1px solid #ccc; font-size:13px; border-radius:20px;margin-left:20px ;padding:3px 12px; display:inline-block; font-weight:500}





/* sec3 */
#sec3{background-color:#f5f5f5; padding:160px 0 160px}
#sec3 h2{}
#sec3 .sec3_review{}
#sec3 .sec3_review>div{width: 100%;}
#sec3 .sec3_review>div>ul{width: 100%; display:flex; justify-content:space-between; gap:20px}
#sec3 .sec3_review>div>ul>li{flex-grow:1}
#sec3 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e4e4e4;}
#sec3 .li_review .rv_main .thumb{width:100%;}
#sec3 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec3 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec3 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0; max-width:280px}
#sec3 .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}
#sec3 .li_review .rv_main .rv_main_cont .rv_info{}
#sec3 .li_review .rv_main .rv_main_cont .rv_info span{color:#acacac}
#sec3 .li_review .rv_main .rv_main_cont .rv_info span.date{}
#sec3 .li_review .rv_main .rv_main_cont .rv_info span.rv_user{}
#sec3 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:15px;margin-top:20px }
#sec3 .li_review .rv_mini .mini_thumb{width: 50px; height: 50px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden;}
#sec3 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec3 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec3 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px;}
#sec3 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #000;}
#sec3 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec3 .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; }
#sec3 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px;}


#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:210px}
#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:120px}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{margin-bottom:30px}
#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-right: 20px;}
#sec6 .sec_inner .sec6_cont ul li:nth-child(6n){margin-right: 0;}


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



/* sec8 */
#sec8{    margin-bottom: 160px;}
#sec8 .swiper{ padding-bottom: 120px;  margin-top: 100px; margin-bottom: 150px;}
#sec8 .swiper ul{margin-left: calc((100% / 3) / 2);}
#sec8 .swiper ul li{transition: opacity .2s; width: calc(100% / 3);}
#sec8 .swiper>ul>li:not(.swiper-slide-active,.swiper-slide-next){opacity: .3;}
#sec8 .swiper ul li a{display: block; width: 100%;}
#sec8 .swiper ul li a img{width: 100%;}
#sec8 .swiper ul li .txt_area{padding-top: 15px;}
#sec8 .swiper ul li .txt_area p{font-family: 'Noto Sans KR', sans-serif;}
#sec8 .swiper ul li .txt_area p.big{color: #222;font-size: 28px; font-weight: 500; margin-bottom: 13px;}
#sec8 .swiper ul li .txt_area p.small{color: #950707; font-size: 20px; font-weight: 500;}
#sec8 .swiper .btn_wrap{padding: 30px; position: absolute; z-index: 4; bottom: 0; left: 50%; transform: translateX(-50%); width: max-content;display: flex; align-items: center;}
#sec8 .swiper .btn_wrap>*{}
#sec8 .swiper .btn_wrap>ul{display: flex; align-items: center;gap: 3px;}
#sec8 .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){border: 1px solid #afafaf;}
#sec8 .swiper .btn_wrap>ul li>div:has(img){display: flex; align-items: center; justify-content: center; width: 25px; height: 25px;}
#sec8 .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; }
#sec8 .swiper .btn_wrap>ul li .swiper_prev img{}
#sec8 .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #afafaf;font-size: 15px;display: flex; align-items: center; gap: 1px;}
#sec8 .swiper .btn_wrap>ul li:has(.swiper-pagination){margin: 0 10px;}
#sec8 .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 16px;font-weight: 500; font-family: 'Jost', sans-serif;}
#sec8 .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000;}
#sec8 .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; }
#sec8 .swiper .btn_wrap>ul li .swiper_next img{}
#sec8 .swiper .btn_wrap .control{margin-left: 8px;}
#sec8 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #afafaf;}
#sec8 .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);}
#sec8 .swiper .btn_wrap .control a img{}


#sec9{width: 100%;}
#sec9 a{display: block;width: 100%;}
#sec9 a img{width: 100%; height: 180px;}


/* BASIC css end */