/* BASIC css start */
#contentWrapper{width:100% !important}
/* sec1 */
#sec1{margin-top:0 !important}
#sec1 .swiper{position: relative;}
#sec1 .swiper ul{}
#sec1 .swiper ul li{}
#sec1 .swiper-slide{filter: brightness(.5); transition: filter .3s;}
#sec1 .swiper-slide.swiper-slide-prev,#sec1 .swiper-slide-next,#sec1 .swiper-slide-active{filter: brightness(1); transition: filter .3s;}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper_btn_prev{position: absolute;top: 50%;transform: translateY(-50%); left: 30px; z-index: 1;}
#sec1 .swiper_btn_next{position: absolute;top: 50%;transform: translateY(-50%); right: 30px; z-index: 1;}


/* 섹션공통 */
section{margin-top:70px}
section .sec_inner{width: 1400px; margin: 0 auto;}
section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 36px; font-weight: 700; letter-spacing: -1.8px; margin-bottom: 20px;}
section h2 a{font-size: 13px; font-weight: 500; float: right; line-height: 5; letter-spacing: .4px; display: block; }
.swiper-horizontal>.swiper-scrollbar{width:100% !important; left:0 !important}
.swiper-scrollbar-drag{background:rgba(0,0,0,.73) !important}
/* sec2 */
#sec2{}
#sec2 h2{font-family: 'Noto Sans KR', sans-serif; font-size: 36px; font-weight: 700; letter-spacing: -1.8px; margin-bottom: 20px;}
#sec2 h2 a{font-size: 13px; font-weight: 500; float: right; line-height: 5; letter-spacing: .4px; display: block; }

#sec2 .sec2_prd{position:relative; margin-top:30px}


/* sec3*/
#sec3{}
#sec3 h2{font-family: 'Noto Sans KR', sans-serif; font-size: 36px; font-weight: 700; letter-spacing: -1.8px; margin-bottom: 20px;}
#sec3 h2 a{font-size: 13px; font-weight: 500; float: right; line-height: 5; letter-spacing: .4px; display: block; }
#sec3 .sec3_prd{position:relative; margin-top:30px}


/* sec4 */
#sec4{width: 100%;margin-top:110px}
#sec4 .swiper{}
#sec4 .swiper ul{}
#sec4 .swiper ul li{position: relative;width: 100%;}
#sec4 .swiper ul li img{width: 100%;}
#sec4 .swiper ul li .sec4_cont{position: absolute; left: 0; top: 50%;transform: translateY(-50%); width: 100%; text-align: center; color: white;}
#sec4 .swiper ul li .sec4_cont h3{font-size: 36px;font-family: 'Noto Sans KR', sans-serif; margin-bottom: 25px;color:#fff; font-weight:600}
#sec4 .swiper ul li .sec4_cont a{font-size: 18px; display: inline-block; border: 1px solid #fff; padding: 13px 83px; font-family: 'Noto Sans KR', sans-serif; color:#fff}
#sec4 .swiper_btn_prev{position: absolute;top: 50%;transform: translateY(-50%); left: 10%; z-index: 1;}
#sec4 .swiper_btn_next{position: absolute;top: 50%;transform: translateY(-50%); right: 10%; z-index: 1;}


/* sec5 */

#sec5 {}
#sec5 h2{}
#sec5 .sec5_cate{margin:30px 0 35px;}
#sec5 .sec5_cate ul{float:left}
#sec5 .sec5_cate ul li{display: inline-block; margin-right: 15px;}
#sec5 .sec5_cate ul li a{font-family: 'Montserrat', sans-serif; color: #000;padding-bottom:4px; font-size:16px;font-weight:600;letter-spacing: -.4px; }
#sec5 .sec5_cate ul li.on>a{border-bottom: 2px solid #000; color: #000;}
#sec5 .sec5_cate>a{float: right;font-size: 13px; font-weight: 500;   letter-spacing: .4px; }
#sec5 .sec5_prd{}
#sec5 .sec5_prd>div{display: none;position:relative}
#sec5 .sec5_prd>div.show{display: block;}
#sec5 .item_list{width: 335px !important; float:left; margin-right:20px}
#sec5 .item_list .tumb{height:410px !important}
#sec5 .item_list:nth-child(4n){margin-right:0 !important}





/* sec6 */
#sec6{}
#sec6 .sec6_review{background-color: #fff;}
#sec6 .sec6_review .div{width: 100%; height: 500px;}
#sec6 .sec6_review .div>ul{width: 100%; height: 500px;}
#sec6 .sec6_review .div>ul>li{width: 280px; height: 500px;  float: left;}
#sec6 .li_review{width: 280px; height: 500px; border: 1px solid #ddd;}
#sec6 .li_review .rv_main{height: 400px; width: 100%; border-bottom: 1px solid #ddd;}
#sec6 .li_review .rv_main .thumb{width: 280px; height: 280px;}
#sec6 .li_review .rv_main .thumb a{display: block; width: 99%; height: 99%;}
#sec6 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec6 .li_review .rv_main .rv_main_cont{width: 100%; height: 120px; padding: 20px;}
#sec6 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 13px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#sec6 .li_review .rv_main .rv_main_cont .rv_comment{display:inline-block; margin:7px 0; color: #9f9f9f; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; border-bottom:1px solid #9f9f9f}
#sec6 .li_review .rv_main .rv_main_cont .rv_comment span{color: #000; font-weight: bold;font-family: 'Montserrat', sans-serif;}
#sec6 .li_review .rv_main .rv_main_cont ul{}
#sec6 .li_review .rv_main .rv_main_cont ul li{font-size: 11px; display: inline-block;font-family: 'Montserrat', sans-serif; color: #9f9f9f; margin-right:2px}
#sec6 .li_review .rv_mini{width: 100%; height: 100px; display: flex; align-items: center; justify-content: left; padding:0 20px;}
#sec6 .li_review .rv_mini .mini_thumb{width: 65px; height: 65px; border-radius: 50%; display: inline-block; border: 1px solid #ddd; overflow: hidden;}
#sec6 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec6 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec6 .li_review .rv_mini ul {padding-left: 20px;}
#sec6 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #656565;margin-bottom:4px;}
#sec6 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec6 .li_review .rv_mini ul li span {font-family: 'Montserrat', sans-serif; margin-right:10px;display:flex; align-items:center}
#sec6 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px; transform:scale(.9)}
#sec6 .li_review .rv_mini ul li span:nth-child(2) img{margin-top:2px}








/* sec7 */
#sec7{padding-bottom:20px;margin-top:90px}

/* sec8 */
#sec8{}
#sec8 .swiper{position: relative;}
#sec8 .swiper ul{}
#sec8 .swiper ul li{}
#sec8 .swiper ul li a{display: block; width: 100%;}
#sec8 .swiper ul li a img{width: 100%;}
#sec8 .swiper_btn_prev{position: absolute;top: 50%;transform: translateY(-50%); left: 30px; z-index: 1;}
#sec8 .swiper_btn_next{position: absolute;top: 50%;transform: translateY(-50%); right: 30px; z-index: 1;}
/* BASIC css end */