/* BASIC css start */
/* 섹션 공통 */
#contents{width: 100%; min-width: 320px; max-width: 850px; margin: 0 auto;}
section{width: 100%; margin: 0 auto; margin-bottom: 45px;}
section .sec_inner{padding:4%}
section h2{text-align: center;font-family: 'Red Hat Display', sans-serif; font-size: 19px; color: #555; font-weight: 500; margin-bottom: 24px; }
/* sec1 */
#sec1{}
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}

#sec1 .swiper-pagination-fraction{left: unset !important; right: 0 !important;}
#sec1 .swiper-pagination{font-family: 'Red Hat Display', sans-serif !important; color: #aaa; font-weight: 600;}
#sec1 .swiper-pagination-current{color: #000 !important;}
#sec1 .swiper-pagination-total{}
#sec1 .swiper-horizontal>.swiper-scrollbar{width: 100% !important; left: 0 !important; bottom:0 !important; height:3px !important}
#sec1 .swiper-scrollbar-drag{background: rgba(0, 0, 0, 0.25);}
#sec1 .menu_wrap{width: 100%; min-width: 320px; max-width: 850px;}
#sec1 .menu_wrap ul{width: 100%; display: flex; flex-wrap: wrap;}
#sec1 .menu_wrap ul li{width: 25%; text-align: center; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#sec1 .menu_wrap ul li:nth-child(4n){border-right:none !important}
#sec1 .menu_wrap ul li a{display: block; padding: 10px 0; color:#333; font-size:11.8px; font-family: 'Noto Sans KR', sans-serif;  font-weight:400}


/* sec3 */
#sec3{}

#sec3>div{}
#sec3>div>div{}
#sec3>div>div a{display: block;}
#sec3>div>div a img{}
#sec3 .sec3_L{padding-right: 7%;}
#sec3 .sec3_L .thumb1{width:100%}
#sec3 .sec3_L .thumb1 a{display:block; width:100%}
#sec3 .sec3_L .thumb1 a img{width:100%}
#sec3 .sec3_R{padding-left: 13%; padding-top:13%}
#sec3 .sec3_R .thumb2{width:100%}
#sec3 .sec3_R .thumb2 a {display:block; width:100%}
#sec3 .sec3_R .thumb2 a img{width:100%}



/* sec4 */
#sec4{margin-top:100px}
#sec4 .sec_inner{}
#sec4 .sec_inner h2{}
#sec4 .sec_inner .sec4_cate{}
#sec4 .sec_inner .sec4_cate ul{display:flex}
#sec4 .sec_inner .sec4_cate ul li{display: inline-block;  width:auto !important;border:1px solid #ccc;}
#sec4 .sec_inner .sec4_cate ul li:not(:last-child){border-right:none}
#sec4 .sec_inner .sec4_cate ul li.on{background-color:#f6f8fa}
#sec4 .sec_inner .sec4_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Red Hat Display', sans-serif; color:#aaa; font-size: 11.5px; font-weight: 600; letter-spacing: -.3px;transition: color .4s, border-color .3s, font-weight .3s;  padding: 12px 35px;}
#sec4 .sec_inner .sec4_cate ul li.on>a{ color: #000 !important;}


#sec4 .sec4_prd{}
#sec4 .sec4_prd>div{display: none; position:relative;padding-top: 50px;}
#sec4 .sec4_prd>div ul{display:flex; flex-wrap:wrap}
#sec4 .sec4_prd>div.show{display: block;}

/* sec5 */
#sec5{}
#sec5 .banner{width: 100%;}
#sec5 .banner a{display: block; width: 100%; }
#sec5 .banner a img{width: 100%;}


/* sec6 */
#sec6{ margin-top:60px}
#sec6 .sec_inner{padding:6% !important}
#sec6 .sec_inner h2{}
#sec6 .sec_inner .rev_sec{position:relative; }
#sec6 .sec_inner .rev_sec .swiper{padding-bottom: 40px; width:77% !important; }
#sec6 .sec_inner .rev_sec .swiper ul{width: 100%;}
#sec6 .sec_inner .rev_sec .swiper ul li{ height:75vh; border: 1px solid #eee;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_thumb{width: 100%; height: 70%;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_thumb a{display: block; width: 100%; height: 100%;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt{height: 30%; padding: 20px;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .prd_name{color: #555; font-size: 14px;font-family: 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -.7px; margin-bottom: 10px;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont{}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont p{line-height:1.5;font-size: 13px; color: #bbb; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; letter-spacing: -.7px;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score{margin-top: 14px;}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score>span{}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart{}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart img{display: inline-block; transform: scale(.66)}
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .score{color: #daae97; font-size: 13px; font-family: 'Red Hat Display', sans-serif; font-weight: 500;}
#sec6 .swiper_btn_prev{position: absolute; top: 50%; transform: translateY(-50%); left: -1%;z-index: 9;cursor: pointer;}
#sec6 .swiper_btn_next{position: absolute; top: 50%; transform: translateY(-50%); right: -1%;z-index: 9; cursor: pointer;}

#sec6 .swiper_btn_prev img{transform: scale(.66); transform-origin: center left}
#sec6 .swiper_btn_next img{transform: scale(.66); transform-origin: center right}
/* BASIC css end */