/* BASIC css start */
/* 섹션 공통 */
section{margin-bottom: 130px;}
.sec_inner{width:1400px; margin:0 auto;}
section h2{text-align: center; color: #000; font-size: 36px; font-weight: 600; margin-bottom: 10px;letter-spacing:-0.075em}
section p.tit{ text-align: left;font-size: 17px; color: #aaa; margin-bottom: 50px; font-weight: 500;color:#666;letter-spacing:-0.05em}
.subname{color:#909090; font-size:0.8em}

/*u_zone*/
.u_zone {
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom:25px;
}
.u_zone > div:nth-child(2) > div:nth-child(2){
    top:140px; 
    left:460px; 
    font-size:35px;
    background-color:red;
}

.u_zone > div:nth-child(1) {
    background-color:#fafaf8;
    flex: 1; /* 유동적인 넓이 설정 */
}
.u_zone > div:nth-child(2){
    position: relative;
}

.u_zone > div:nth-child(3) {
    background-color:#f0f0ee;
    flex: 1; /* 유동적인 넓이 설정 */
}

.zone_animated {
    opacity: 0; /* 초기 상태는 안보이게 설정 */
    position: absolute; /* 배경 이미지 위에 위치하게 설정 */
    transition: opacity 1s, transform 2s; /* 투명도 및 위치 변화에 대한 애니메이션 */
}

.u_zone_btn{
    background-image: url('http://uskinmall.img6.kr/2023renewal/202310renew/btn_bg.jpg');
    background-repeat: repeat-x;
    padding:7px 15px;
    font-size:22px;
    font-weight:700;
    color:#fff;
    z-index:10;
    position:absolute;
    top:840px;
    left:460px;
    cursor: pointer;
}
.u_zone_btn:hover{
    background-image: url('http://uskinmall.img6.kr/2023renewal/202310renew/btn_bg_hover.jpg');
    background-repeat: repeat-x;
}

@keyframes moveLeftToRight {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes moveRightToLeft {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}



/*브랜드 스토리*/
.brand_story_top, .brand_story{
    display:flex;
    justify-content: space-between;
    align-items:stretch;
    border-bottom:1px solid #e6e6e6;
    box-sizing: border-box;
}
.brand_story > div:nth-child(1){
    background-color:#e2e2e2;
    
}
.brand_story > ul{
    background-color:#f9f9f9;
    
    }
.brand_story > div:nth-child(3){
    background-color:#f9f9f9;
    
}
.brand_story_top > ul, .brand_story > ul{
    display:flex;
    justify-content: space-between;
    width:1400px;
    box-sizing: border-box;
}
.brand_story > div:nth-child(1), .brand_story_top > div:nth-child(1),
.brand_story > div:nth-child(3), .brand_story_top > div:nth-child(3) {
    flex-grow: 1; /* div를 동일한 너비로 확장 */
    box-sizing: border-box;
}


.brand_story_top > ul > li:nth-child(1), .brand_story > ul > li:nth-child(1){
    width: 520px;
}
.brand_story_top > ul > li:nth-child(2), .brand_story > ul > li:nth-child(2){
    width: 340px;
}
.brand_story_top > ul > li:nth-child(3), .brand_story > ul > li:nth-child(3){
    width: 540px;
}

.brand_story_top > ul > li:nth-child(1){
    text-align:right;
    padding-bottom:5px;
}
.brand_story_top > ul > li:nth-child(2), .brand_story_top > ul > li:nth-child(3){
    padding-top:30px;
    text-align:center;
    font-size:18px;
    color:#999;
}

.brand_story > ul > li > div{
    height:33.333%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #e6e6e6;
}
.brand_story > ul > li.brand_text > div{
    height:33.333%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
    border-bottom:1px solid #e6e6e6;
    font-size:14px;
}
.brand_story > ul > li.brand_text > div > span:nth-child(1){
    font-weight:600;
    font-size:20px;
}

.price{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#000; font-weight:700}
.orgPrice{font-size:18px;font-size:16px; color:#999; font-weight:400;text-decoration: line-through;}
.salePer{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#c5766d; font-weight:700}


/* sec1 */
#sec1{position: relative; margin-bottom:50px;}
#sec1 .swiper{}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{}
#sec1 .swiper ul li div{max-width:1920px;margin:0 auto;}

#sec1 .swiper ul li a{display: block; width: 100%; position: relative;}
#sec1 .swiper ul li a img{width:100%; margin:0 auto;}
#sec1 .swiper ul li a ul.text_cont{position: absolute; top: 30%; left: 53%;transition: left .5s, opacity .6s; transform: translateX(-700px);}
#sec1 .swiper ul li a ul.text_cont li{position: relative; left: -700px; opacity: 0;font-family: 'Noto Sans KR', sans-serif; color: #fff; line-height: 1.2;}
#sec1 .swiper ul li a ul.text_cont li:nth-child(1){ transition: left 1s, opacity 1.5s; font-size: 50px; font-weight: 600;letter-spacing: -0.1em}
#sec1 .swiper ul li a ul.text_cont li:nth-child(2){ transition: left 1.4s, opacity 1.5s; font-size: 40px; font-weight: 300;letter-spacing: -0.1em}
#sec1 .swiper ul li a ul.text_cont li:nth-child(3){ transition: left 1.7s, opacity 2s;  font-size: 20px; margin-top: 17px; letter-spacing: 0em}
#sec1 .swiper ul li a ul.text_cont.show li{left: 0; opacity: 1;}
#sec1 .swiper_btn_prev{ position:absolute; left:42vw !important; top:50%; transform:translate(-750px,-50%); z-index:4; cursor:pointer}
#sec1 .swiper_btn_next{position:absolute; right:42% !important; top:50%; transform:translate(750px,-50%);z-index:4; cursor:pointer}
#sec1 .swiper-pagination{transform:translateY(-11px)}
#sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 6px;}
#sec1 .swiper-pagination-bullet-active{background-color:#fff !important;}
#sec1 .play_control{position: absolute; bottom: 10px; z-index: 90; left: 53%;transform: translateY(-10px);}
#sec1 .play_control a{display:block}
#sec1 .play_control a img{}
#sec1 .play_control.stop{}
#sec1 .play_control.stop img{visibility: hidden;}
#sec1 .play_control.stop::after{content: "▶"; display: block; color: #fff; font-size: 10px; position: absolute; top: 49%; left: 50%; transform: translate(-50%,-50%);}


/* sec2 */
#sec2{}
#sec2 .sec_inner{}
#sec2 .sec_inner h2{}
#sec2 .sec_inner p.tit{}
#sec2 .sec_inner .sec2_cont{position: relative;}
#sec2 .sec_inner .sec2_cont .swiper{width: 1310px !important; margin:0 auto}
#sec2 .sec_inner .sec2_cont .swiper>div{}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide{width: 1310px !important; height: 515px; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; column-gap: 15px; row-gap: 15px; }
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li{width: 250px; height: 250px; border:1px solid #e6e6e6}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li:first-child{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; width: 515px; height: 515px;}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li a{display: block; position: relative; width: 100%; height: 100%;}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li a img{width: 100%; height: 100%; object-fit: cover;}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li a .info{z-index: 10; position: absolute;transition: opacity .4s;  opacity: 0; background-color: rgba(255, 255, 255, 0.74); width: 90%;  left: 50%; bottom: 5%; transform: translateX(-50%); padding: 20px;}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li a .info.fade{opacity: 1;}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li a .info .prdprice{margin-bottom:0 !important}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li:first-child .info .prdname{font-size:17px !important; margin-bottom:11px !important}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li:first-child .info .prdprice .price{font-size:18px !important}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li:first-child .info .prdprice strike{font-size:15px !important}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li:first-child .info .prdprice .percent{font-size:22px !important}
#sec2 .sec_inner .sec2_cont .swiper>div ul.swiper-slide li a .info p .icon img{width:35px;}
#sec2 .swiper_btn_prev{ position:absolute; left:50% !important; top:50%; transform:translate(-800px,-50%); z-index:22; cursor:pointer}
#sec2 .swiper_btn_next{position:absolute; right:50%  !important; top:50%; transform:translate(800px,-50%);z-index:22; cursor:pointer}

/* sec21 */
#sec21{}
#sec21 .sec_inner{display:flex; position:relative; width:92%; max-width:1400px; margin:0 auto;}
#sec21 .sec_inner .lTitle { display:flex; flex-direction: column; width:25%; margin:0; padding: 0 8px 0 0;}
#sec21 .sec_inner h2{}
#sec21 .sec_inner p.tit{}
#sec21 .sec_inner .sec21_cont{width:75%; margin: 0 auto; padding: 0 0 16px;}
#sec21 .sec_inner .sec21_cont .swiper{width:100%; margin:0 auto}
#sec21 .sec_inner .sec21_cont .swiper {}
#sec21 .sec_inner .sec21_cont .swiper .main_goods{ }
#sec21 .sec_inner .sec21_cont .swiper .main_goods li{padding:10px;width:33.33% }
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_img{border:1px solid #e6e6e6;  margin-bottom:10px}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_img:hover{/* border:1px solid #666666; */}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_img img{width: 100%; height: 100%; object-fit: cover;}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_product{width:300px}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_product p{font-size:16px; font-weight:600; margin-bottom:10px}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_product p .subname{font-size:12px; font-weight:400px;}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_product p .price{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#000; font-weight:700}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_product p .orgPrice{font-size:18px;font-size:16px; color:#999; font-weight:400;text-decoration: line-through;}
#sec21 .sec_inner .sec21_cont .swiper .main_goods .goods_product p .salePer{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#c5766d; font-weight:700}

/* sec22 */
#sec22{}
#sec22 .sec_inner{position:relative; width:100%; max-width:1400px; margin:0 auto;}
#sec22 .sec_inner .lTitle { display:flex; flex-direction: column; margin:0; padding: 0 8px 0 0;}
#sec22 .sec_inner h2{text-align:center;}
#sec22 .sec_inner p.tit{text-align:center;}
#sec22 .sec_inner .sec22_cont{margin: 0 auto; padding: 0 0 16px;}
#sec22 .sec_inner .sec22_cont .swiper{width:100%; margin:0 auto}
#sec22 .sec_inner .sec22_cont .swiper {}
#sec22 .sec_inner .sec22_cont .swiper .main_goods{ }
#sec22 .sec_inner .sec22_cont .swiper .main_goods li{padding:10px;width:25%; }
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_img{border:1px solid #e6e6e6;}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_img:hover{/* border:1px solid #666666; */}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_img img{width: 100%; height: 100%; object-fit: cover;}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product{ margin-top: 10px; /* min-height:156px; */}

#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product h3 a{font-size:16px;font-weight:600;word-break:keep-all;}

#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product p{display:block;font-size:16px; font-weight:600; margin-top:30px;}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product p .subname{font-size:12px; font-weight:400px;}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product p .price{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#000; font-weight:700}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product p .orgPrice{font-size:18px;font-size:16px; color:#999; font-weight:400;text-decoration: line-through;}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product p .salePer{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#c5766d; font-weight:700}
#sec22 .sec_inner .sec22_cont .swiper .main_goods .goods_product p a {display:inline-block;}

.priceArea {margin-top: 30px;}




/* sec3 */
#sec3{background-color:#fafafa}
#sec3 .sec_inner{padding:50px 0}
#sec3 h2{text-align:left !important; float:left; transform:translateY(40px); font-weight:400 !important}
#sec3 .countdown{font-family: 'Lora', serif;}
#sec3 .sec3_prd{position: relative; }
#sec3 .sec3_prd ul{display: flex;justify-content: space-between; width:1050px; float:right; }
#sec3 .sec3_prd ul li{display: inline-block;}
#sec3 .sec3_prd ul li .sec2_prd_info{}
#sec3 .sec3_prd ul li #count{position: absolute;top: 50px;  left: 0;color:#c3b099; padding:13px 0;display:none; margin-top:25px}
#sec3 .sec3_prd ul li #count strong{font-family: 'Lora', serif;font-size: 23px; font-weight: 400; letter-spacing:4px;margin:0 4px}
#sec3 .sec3_prd ul li:first-child #count{display:block}
#sec3 .sec3_prd ul li .tumb{position: relative;}
#sec3 .sec3_prd ul li .tumb span.percent_icon{position: absolute; top: 15px; left: 15px; display:inline-block; width:50px; height:50px; border-radius:50%; background-color:#b7a797; color:#fff; text-align:center; line-height:50px; font-family: 'Red Hat Display', sans-serif; font-size:15px; font-weight:600 }


/* sec4 */
#sec4{ max-width:1920px; margin:0 auto;}

#sec4 .sec4_prd{}
#sec4 .sec4_prd .swiper{}
#sec4 .sec4_prd .swiper ul{}
#sec4 .sec4_prd .swiper ul li{width: 880px; height: 450px;}
#sec4 .sec4_prd .swiper ul li>a{display:block; position: relative; width: 100%; height: 100%;}
#sec4 .sec4_prd .swiper ul li>a img{transform: translate(0%,0%); opacity: 100%;  transition: margin-top .7s, opacity 2s}
#sec4 .sec4_prd .swiper ul li .txt_cont{position: absolute; right: 50px; top: 100px; transform: translate(0%,-50%); z-index: 10;text-align: right; opacity: 0; margin-top: 60px;  transition: margin-top .7s, opacity 2s;}
#sec4 .sec4_prd .swiper ul li .txt_cont.show{opacity: 1;  margin-top: 0;}
#sec4 .sec4_prd .swiper ul li .txt_cont>*{text-align: right;font-family: 'Noto Sans KR', sans-serif; color: #222;}
#sec4 .sec4_prd .swiper ul li .txt_cont h3{ font-size: 40px; font-weight: 500; margin-bottom: 7px; letter-spacing:-0.1em}
#sec4 .sec4_prd .swiper ul li .txt_cont p{font-size: 20px; font-weight: 500; margin-bottom: 30px;}
#sec4 .sec4_prd .swiper ul li .txt_cont a{display: inline-block; border: 1px solid #000; height: 33px; width: 80px; line-height: 27px; text-align: center; font-weight: 600;font-size: 14px; transition: background-color .3s;}
#sec4 .sec4_prd .swiper ul li .txt_cont a:hover{background-color: rgba(255,255,255,.3);}
#sec4 .sec4_prd .swiper ul li .txt_cont.white>*{color: #fff;}
#sec4 .sec4_prd .swiper ul li .txt_cont.white>a{border-color: #fff;}
#sec4 .swiper_btn_prev{ position:absolute; left:50% !important; top:50%; transform:translate(-600px,-50%); z-index:22; cursor:pointer}
#sec4 .swiper_btn_next{position:absolute; right:50%  !important; top:50%; transform:translate(600px,-50%);z-index:22; cursor:pointer}



/* sec5 */
#sec5{width: 100%;}
#sec5 .sec_inner{ }
#sec5 h2{}
#sec5 .sec5_prd{width: 100%; height: 450px;  position: relative;}
#sec5 .sec5_prd iframe{float: left;}
#sec5 .sec5_prd .prd_sec{float: right;width: 575px; height: 450px; overflow-y: auto; scrollbar-arrow-color:#eee;scrollbar-track-color:#eee;scrollbar-face-color:#000;scrollbar-shadow-color:#000;}
#sec5 .sec5_prd .prd_sec ul{height: 100%; width:100%; }
#sec5 .sec5_prd .prd_sec ul>li{width: 100% !important; height: 210px !important;}
#sec5 .sec5_prd .prd_sec ul>li:first-child{margin-bottom:30px}
#sec5 .sec5_prd .prd_sec ul>li .tumb{float: left;height:100%; width: 210px;}
#sec5 .sec5_prd .prd_sec ul>li .tumb a{display: block;width: 100%; height: 100%;}
#sec5 .sec5_prd .prd_sec ul>li .tumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec5 .sec5_prd .prd_sec ul>li .info{float: left; height: 100%; width: 345px; background-color: #fff;padding:30px;display:flex; justify-content:center; flex-direction:column; border:0 solid #ebebeb}
#sec5 .sec5_prd .prd_sec ul>li .info:hover{border:0 solid #666666}
#sec5 .sec5_prd .prd_sec ul>li .info p{margin:6px 0}
#sec5 .sec5_prd .prd_sec ul>li .info .prdname{border-bottom:1px solid #ebebeb; font-size:16px; padding-bottom:15px; }
#sec5 .sec5_prd .prd_sec ul>li .info .prdetc{font-size:12px}
#sec5 .sec5_prd .prd_sec ul>li .info .prdprice{margin-top:16px}
#sec5 .sec5_prd .prd_sec ul>li .info .prdprice span{font-size:16px}
#sec5 .sec5_prd .prd_sec ul>li .info .prdprice .price{}
#sec5 .sec5_prd .prd_sec ul>li .info .prdprice strike{font-size:16px}


/* sec6 */
#sec6{}
#sec6 .sec_inner{ }
#sec6 .sec_inner h2{}
#sec6 .sec_inner .sec6_cate{}
#sec6 .sec_inner .sec6_cate ul{display:flex}
#sec6 .sec_inner .sec6_cate ul li{width:calc(100% / 5); border:1px solid #f0f0f0; border-bottom:1px solid #cccccc}
#sec6 .sec_inner .sec6_cate ul li:not(:last-child){border-right:none}
#sec6 .sec_inner .sec6_cate ul li.on{border-top:1px solid #222 !important; border-right:1px solid #222 !important; border-left:1px solid #222 !important; border-bottom:none !important }
#sec6 .sec_inner .sec6_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#666; font-size: 15px; font-weight: 400; letter-spacing: -.3px;transition: color .4s, border-color .3s, font-weight .3s; display:inline-block; padding: 14px 0;}
#sec6 .sec_inner .sec6_cate ul li.on>a{ color: #000 !important; }
#sec6 .sec6_prd{}
#sec6 .sec6_prd>div{display: none; position:relative;padding-top: 65px;}
#sec6 .sec6_prd>div ul{display:flex; flex-wrap:wrap}
#sec6 .sec6_prd>div.show{display: block;}


/* sec7 */
#sec7{background-color:#fafafa}
#sec7 .sec_inner{padding:70px 0 10PX}
#sec7 .sec_inner h2{margin-bottom:40px !important}
#sec7 .sec_inner .rev_sec{position:relative; }
#sec7 .sec_inner .rev_sec .swiper{padding-bottom: 70px;}
#sec7 .sec_inner .rev_sec .swiper ul{width: 100%;}
#sec7 .sec_inner .rev_sec .swiper ul li{ height: 520px;}
#sec7 .sec_inner .rev_sec .swiper ul li:hover{border:1px solid #e6e6e6; box-shadow: 6px 6px 6px #e6e6e6;}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_thumb{width: 100%; height: 335px;}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_thumb a{display: block; width: 100%; height: 100%;}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt{height: 185px; padding: 30px; background-color:#fff}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .prd_name{color: #242424; font-size: 16px;font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-bottom: 10px; letter-spacing: -.7px; }
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont{}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont p{line-height:1.5;font-size: 14px; color: #999999; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -.7px;}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score{margin-top: 14px;}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score>span{}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart{}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart img{display: inline-block; transform: translateY(-2px); margin-right:4px}
#sec7 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .score{color: #242424; font-size: 17px; font-family: 'Red Hat Display', sans-serif; font-weight: 700;}
#sec7 .swiper-pagination-bullet{background-color:#000 !important; margin:0 8px;}
#sec7 .swiper_btn_prev{ position:absolute; left:50% !important; top:40%; transform:translate(-800px,-50%); z-index:4; cursor:pointer}
#sec7 .swiper_btn_next{position:absolute; right:50%  !important; top:40%; transform:translate(800px,-50%);z-index:4; cursor:pointer}



/* sec8 */
#sec8{}
#sec8 .sec_inner{}
#sec8 .sec_inner h2{ text-align:center;}
#sec8 .sec_inner .tit{ text-align:center;}

#sec8 .sec_inner .sec8_cont{}
#sec8 .sec_inner .sec8_cont .main_goods li{width:calc(100% / 4 - 20px); margin-right: 20px;}
#sec8 .sec_inner .sec8_cont .main_goods li:nth-child(4n) { margin-right: 0;}

#sec8 .sec_inner .sec8_cont .main_goods .goods_img img {width: 100%; height: auto;}
#sec8 .sec_inner .sec8_cont .main_goods .goods_product{min-height:120px; margin-bottom: 20px;}
#sec8 .sec_inner .sec8_cont .main_goods .goods_product p{font-size: 16px; font-weight: 600; margin-top:20px;}
#sec8 .sec_inner .sec8_cont .main_goods .goods_product p .subname{font-size: 12px;}
#sec8 .sec_inner .sec8_cont .main_goods .goods_product p .price{}

/* sec9 */
#sec9{/* background:#f3f3f3; */padding:100px 0;}
#sec9 .sec_inner{}
#sec9 .sec_inner h2{}
#sec9 .sec_inner .sec9_cont{}
#sec9 .sec_inner .sec9_cont .main_goods li{padding:10px;width:calc(100% / 4);}

#sec9 .sec_inner .sec9_cont .main_goods .goods_time {background:#fff; padding:20px; color:#000; font-size:14px; font-weight:600; text-align:center;}

#sec9 .sec_inner .sec9_cont .main_goods .goods_img img{width: 100%; height: 100%; object-fit: cover;}

#sec9 .sec_inner .sec9_cont .main_goods .goods_product{background:#fff;padding:20px;min-height:220px;}
#sec9 .sec_inner .sec9_cont .main_goods .goods_product p{font-size: 16px; font-weight: 600; margin-top:20px;}
#sec9 .sec_inner .sec9_cont .main_goods .goods_product p .subname{font-size: 12px;}
#sec9 .sec_inner .sec9_cont .main_goods .goods_product p .price{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#000; font-weight:700}
#sec9 .sec_inner .sec9_cont .main_goods .goods_product p .orgPrice{font-size:18px;font-size:16px; color:#999; font-weight:400;text-decoration: line-through;}
#sec9 .sec_inner .sec9_cont .main_goods .goods_product p .salePer{font-size:18px;font-family: 'Red Hat Display', sans-serif; font-size:18px; color:#c5766d; font-weight:700}

.priceAreal {display:inline-block; width:170px;}


.tumb { width:100%; position:relative; }
.main_goods .goods_img .tumb_badge { position:absolute; top:0; left: 0;}
.main_goods .goods_img .tumb_badge li { padding: 0 !important; width:100% !important; margin-bottom: 5px !important; }
.main_goods .goods_img .tumb_badge li a { background:#ce2700; color: #fff; font-size:12px; padding:5px 7px; line-height:25px; opacity: 1; }
/* .main_goods .goods_img .tumb_badge li:nth-child(even) a { background:#000; } */

/*리뷰이벤트*/

#review{ padding:50px 0; background:#f3f3f3; margin-bottom:0;}
#review .sec_inner{/*display:flex;*/ position:relative; width:100%; max-width:1400px; margin:0 auto;}
#review .sec_inner .lTitle { /* display:flex; flex-direction: column; width:25%; */ width:100%; margin:0; padding: 0 8px 0 0;}
#review .sec_inner h2{}
#review .sec_inner p.tit{}
#review .sec_inner .review_cont_cont{width:75%; margin: 0 auto; padding: 0 0 16px;}

.slider {
        max-width: 1050px;
        margin: 0 auto 80px;
    }
    
.slider img:hover{
box-shadow: 6px 6px 6px #e6e6e6;

}
.slider img{
box-shadow: 6px 6px 6px #f7f7f7;

}
    .slick-slide {
      margin: 0px 15px;
    }

    .slick-slide img {
      width: 320px;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
    

/* 메인 카테고리 */

.list_category_main {
    margin: 50px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0 20px;
}

.list_category_main .meta-banner {
    padding: 0 15px;
}

.list_category_main .meta-banner a {
    display: block;
    text-align: center;
}

.list_category_main .meta-banner a .imgtag {
    margin-bottom: 16px;
    transition: all 0.4s;
}

.list_category_main .meta-banner a .imgtag img {
    border-radius:115px;
}

.list_category_main .meta-banner a .title {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.32px;
}

.list_category_main .meta-banner a .imgtag:hover {
    transform: scale(1.1);
}
/* BASIC css end */

