/* BASIC css start */
body #contents {padding-bottom:0;}

/* 배너 */
.index_ban_100 .swiper-container{height:100%;}
.index_ban_100 .swiper-slide a{height:100%;}
.index_ban_100 a{display: block;}
.index_ban_100 .txt-small,
.index_ban_100 .txt-big{transition: font-size 1s ease;}
.index_ban_100 .txt-bt{border-radius:30px;background:#222;display:inline-block; color:#fff;}
	/* font color - white*/
	.index_ban_100 .swiper-slide .txt.fff *{color:#fff; border-color:#fff;}
	.index_ban_100 .swiper-slide .txt.fff .txt-bt{background-color:#fff; color:#000;}

.index_ban_100 .pagination{background: rgb(0 0 0 / 20%);position: absolute;z-index: 10;display: flex;justify-content: center;align-items: center;color:#fff;width: auto;color:#ddd;}
.index_ban_100 .pagination .swiper-pagination-current{color:#fff; font-weight:bold;}
.index_ban_100 .pagination .swiper-pagination-total{color:rgb(255 255 255 / 45%);}
.index_ban_100 .pagination span{margin: 0 5px;}


/********************* PC *********************/
@media all and (min-width:1025px) {
    .index_ban_100{height:60vh;min-height:600px;max-height:660px;}

    .index_ban_100 .swiper-slide{overflow:hidden;}

    .index_ban_100 .img{ position:relative !important;width:5000px !important;margin-left:-2500px !important;top:0 !important;left:50% !important;text-align:center; height:100%;}
    .index_ban_100 .txt{padding: 0 20px;position: absolute;text-align: left;display: block;z-index: 10;top: 50%;left: 50%;color: #222;max-width:  var(--base-width);width: 100%;box-sizing: border-box;transform: translateX(-50%) translateY(-50%); margin-top:-30px; }
    .index_ban_100 .txt-small{font-size:1.4rem;color:#222;display:block;margin:0 0 15px;}
    .index_ban_100 .txt-big{font-size:2.7rem;color:#222;display:block;font-weight:600;line-height:1.4; letter-spacing:-0.7px;}
    .index_ban_100 .txt-bt{font-size:1rem;padding:5px 15px 6px;margin-top:40px;}
    .index_ban_100 .img img{ width:auto; height: 100%;}

	.index_ban_100 .swiper-button-prev,
	.index_ban_100 .swiper-button-next{opacity:0; transition: opacity .25s ease; width:50px;height:80px;}
	.index_ban_100:hover .swiper-button-prev,
	.index_ban_100:hover .swiper-button-next{opacity:.5;}
	.index_ban_100 .swiper-button-prev:hover,
	.index_ban_100 .swiper-button-next:hover{opacity:1;}
	.index_ban_100 .swiper-button-prev{left: 50%; margin-left: -50rem;}
	.index_ban_100 .swiper-button-next{right:50%; margin-right:-50rem;}
	.index_ban_100 .swiper-button-prev:after,
	.index_ban_100 .swiper-button-next:after{content:""; width:30px; height:30px;top: 50%;position: absolute;left: 50%;margin-top: -15px;margin-left: -15px;}
	.index_ban_100 .swiper-button-prev:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 315deg ); margin-left: -7px;}
	.index_ban_100 .swiper-button-next:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 135deg );margin-left: -25px;}

	.index_ban_100 .pagination{min-width:70px;;font-size:15px;border-radius: 30px;transform: translateX(-50%);bottom: 50px;left: 50%;padding: 5px 0;}
}

@media all and (width <= 1385px) {
	.index_ban_100 .swiper-button-prev,
	.index_ban_100 .swiper-button-next{display:none;}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_ban_100 {height: 110vw; }
    .index_ban_100 .txt{display: block;color: #222;text-align:left;position: absolute;bottom:7rem;left: 1.5rem;right:1.5rem;}
    .index_ban_100 .txt .txt-small{font-size: 1.05rem;color: #222;margin: 0 0 .6rem;display:block;}
    .index_ban_100 .txt .txt-big{font-size:1.6rem;color:#222;display:block;font-weight:700;line-height:1.2;}
	.index_ban_100 a{height:100%;display:block;}
	.index_ban_100 .img{height:100%; }
    .index_ban_100 .img img{width:100%;height:100%;object-fit: cover;}

    .index_ban_100 .swiper-button-prev,
	.index_ban_100 .swiper-button-next{display:none;}

	.index_ban_100 .pagination{min-width:4.2rem;padding:0.3rem 0;bottom:4rem;right:0;left:auto;border-radius: 1.5rem;margin:1rem; font-size:.9rem;}
}




/* 메뉴바로가기 */
.index_ban_200{text-align:center;}
.index_ban_200 a{text-decoration:none; display:block; word-break: keep-all;background: #fafafa;border-radius: 50%;margin: 0 auto;}
.index_ban_200 a:after{content:attr(data-attr);display: block; }
.index_ban_200 img{width:100%}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_ban_200{margin:-20px 0 70px 0;position:relative;z-index:1;}
	.index_ban_200 .site-wrap{background: #fff; padding: 40px 20px 0; border-radius: 60px 60px 0 0;}
	.index_ban_200 ul{display: flex;justify-content: center;}
	.index_ban_200 ul li{position: relative; flex: 1;}
	.index_ban_200 a{max-width: 8rem;max-height: 8rem;padding: 1.4rem;transition: box-shadow .25s;}
	.index_ban_200 a:after{font-size: 15px;position: absolute;left: 0;right: 0;top: 100%;padding: 10px 0;}
	.index_ban_200 a:hover{box-shadow: 1px 2px 14px rgba(0, 0, 0, 0.15);}
	.index_ban_200 a img{transition: all .25s;}
	.index_ban_200 a:hover img{transform: translateY(-3px);}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_ban_200{margin:1rem 0;margin-top: -4rem; position: relative; z-index: 1; background: #fff; border-radius: 4rem 0 0 0;}
	.index_ban_200 ul{font-size: 0;padding: 0 0.7rem;}
	.index_ban_200 ul li{position: relative;display: inline-block;width: calc(25% - 1.2rem);box-sizing: border-box;vertical-align:top; margin:1.7rem 0.5rem;max-width: 10rem;}
	.index_ban_200 a{max-width: 8rem; max-height: 8rem; }
	.index_ban_200 a:after{font-size: 0.92rem;position: absolute;left: 0;right: 0;top: 100%;margin: 0.5rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.4em;height: 2.8em;box-sizing: border-box;}
	.index_ban_200 img{ padding:1rem;}
}



/* [상품진열] 베스트셀러 */
/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_prd_100{margin:120px 0;}
	.index_prd_100 .ec-base-product  {margin:0 0 -38px 0}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_prd_100{margin:5rem 0;}
	.index_prd_100 .ec-base-product .prdList {margin:0 1.2rem -2rem;}
	.index_prd_100 .ec-base-product .prdList + .xans-product-listmore{margin-top:2rem;}
	.index_prd_100 .ec-base-product .prdList + .xans-product-listmore{margin-top:2rem;}
}



/* 와이드배너 */
.index_ban_300 img {
    max-width: 100%;
}

@media all and (min-width: 1025px) {
    .index_ban_300 {
        margin:120px 0;
    }
}

@media all and (max-width: 1024px) {
    .index_ban_300 {
        margin:5rem 0;
        padding: 0 1.4rem;
    }
}

/* 타임특가 */
/* [상품진열] 타임특가 */
.index_prd_400{position:relative;}
.index_prd_400:before{content:"";display:block;position:absolute;top:0;left:0;right:0;background: #f5f5f5; height:75%;}

.index_prd_400 .section-title{position: relative;}
.index_prd_400 .section-title h3:before{content: "";background-image: url(/design/yr30303/img/ico_time.svg);background-repeat:no-repeat; background-position:0 0;display: inline-block;vertical-align: middle;}
.index_prd_400 .section-title .more{position: absolute; bottom: 0; right: 0;color: #111; text-decoration:none;display: flex; align-items: center;}
.index_prd_400 .section-title .more:after{content:"";  display:block; font-size: 0; background: url(/design/yr30303/img/icoArrowTop.svg) no-repeat 50% 50% / 100% auto; transform: rotate( 90deg );background-size:1rem auto;}

.index_prd_400 .ec-base-product .prdList > li{border: 0;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07); margin:0; }
.index_prd_400 .ec-base-product .prdList .prdList__item{margin:0;padding:0.6rem;}
.index_prd_400 .ec-base-product .prdList .thumbnail{margin:0;}
.index_prd_400 .ec-base-product .prdList .thumbnail .prdImg{border:0;}
.index_prd_400 .ec-base-product .prdList .description{margin: 0;}
.index_prd_400 .ec-base-product .prdList .option{display:none;}

.index_prd_400 .swiper-horizontal > .swiper-scrollbar{height: 2px;}
.index_prd_400 .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag{background:rgba(0,0,0,0.9)}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_prd_400{margin:120px 0; padding:50px 0 0;}
	.index_prd_400 .section-title h3{order:1;}
	.index_prd_400 .section-title h3:before{background-size: 2.2rem; width: 2.3rem; height: 2.5rem; font-size:1rem;}
	.index_prd_400 .section-title .more{font-size:1rem;}
	.index_prd_400 .section-title .more:after{ width: 1.2rem; height: 1.2rem;margin-left:5px;background-size:0.9rem auto;}

	.index_prd_400 .swiper-container {margin: 0 -10px; padding: 0 10px;}
	.index_prd_400 .ec-base-product{font-size:0; margin:0; }
	.index_prd_400 .ec-base-product .prdList{padding: 0 0 30px;}
	.index_prd_400 .ec-base-product .prdList > li{background:#fff; height: auto;overflow: hidden;}
	.index_prd_400 .ec-base-product .prdList .description{padding: 20px 14px;}

	.index_prd_400 .swiper-horizontal > .swiper-scrollbar{left: 10px; right:10px; width:auto; max-width:50%; margin:0 auto;}

	.index_prd_400 .swiper-button-prev,
	.index_prd_400 .swiper-button-next{left:0;width:4rem; height:4rem; opacity:.65; transition: all .25s ease;}
	.index_prd_400 .swiper-button-prev{left:-55px;}
	.index_prd_400 .swiper-button-next{left:auto;right:-55px;}
	.index_prd_400 .swiper-button-prev:hover,
	.index_prd_400 .swiper-button-next:hover{opacity:1;}
	.index_prd_400 .swiper-button-prev:after,
	.index_prd_400 .swiper-button-next:after{content:""; width:16px; height:16px;top: 50%;position: absolute;left: 50%;margin-top: -8px; transition: all .25s ease;}
	.index_prd_400 .swiper-button-prev:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 315deg ); margin-left: -5px;}
	.index_prd_400 .swiper-button-next:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 135deg );margin-left: -11px;}
	.index_prd_400 .swiper-button-prev.swiper-button-disabled:after,
	.index_prd_400 .swiper-button-next.swiper-button-disabled:after{border-color: #bbb;opacity:0;}
}

@media all and (width <= 1385px) {
	.index_prd_400 .swiper-button-prev,
	.index_prd_400 .swiper-button-next{display:none;}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_prd_400{padding:2.4rem 0 0;}
	.index_prd_400:before{border-radius:0 4rem 0 0;}
	.index_prd_400 .section-title h3:before{background-size:1.7rem;width: 1.8rem;height: 1.8rem; }
	.index_prd_400 .section-title .more{font-size:0;padding: 1rem; bottom: -0.7rem;right:-0.5rem;}
	.index_prd_400 .section-title .more:after{width: 1rem; height: 1rem;background-size:1rem auto;}

	.index_prd_400 .ec-base-product .swiper-container{padding: 0 1rem;}
	.index_prd_400 .ec-base-product .prdList{margin:0; padding-bottom:2rem;}
	.index_prd_400 .ec-base-product .prdList > li{background:#fff; height: auto;}
	.index_prd_400 .ec-base-product .prdList .description{padding: 1rem 0.8rem;}
	.index_prd_400 .ec-base-product .prdList .iconarea{border:0;}

	.index_prd_400 .swiper-horizontal > .swiper-scrollbar{height:2px;left: 0; right: 0; width: auto; margin:0 1rem;}
	.index_prd_400 .swiper-button-prev,
	.index_prd_400 .swiper-button-next{display:none;}
}


/* 추천상품 */
/* 배너 */
.index_ban_400 img{width:100%;}

.index_ban_400 .swiper-slide.swiper-slide-active:before{content:none;}
.index_ban_400 .swiper-slide:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgb(255 255 255 / 0);z-index:999}
.index_ban_400 .swiper-slide img{transition:all .3s ease;transform:scale(0.95);width:100%; opacity:0.5;}
.index_ban_400 .swiper-slide.swiper-slide-active img{transform:scale(1.0); opacity:1;}

.index_ban_400 .swiper-button-prev,
.index_ban_400 .swiper-button-next{transition: all 1s ease;}

.index_ban_400 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 0.5; width:2rem;border-radius:1rem;}

/********************* PC *********************/
@media all and (min-width:1025px) {
    .index_ban_400{margin:120px 0;}

	.index_ban_400 .swiper-button-prev,
	.index_ban_400 .swiper-button-next{border:1px solid #eee; border-radius:50%; background:#fff; opacity:.65; box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);width: max(2.5vw, 30px);height: max(2.5vw, 30px); min-width:3rem; min-height:3rem; max-width: 4rem; max-height: 4rem;margin-top: -0.7vw;}
	.index_ban_400 .swiper-button-prev:hover,
	.index_ban_400 .swiper-button-next:hover{opacity:1;}
	.index_ban_400 .swiper-button-prev{left: 50%; margin-left: -15%; }
	.index_ban_400 .swiper-button-next{right:50%; margin-right: -15%; }
	.index_ban_400 .swiper-button-prev:after,
	.index_ban_400 .swiper-button-next:after{content:""; width:0.7vw; height:0.7vw;top: 50%;position: absolute;max-width:18px;max-height:18px;margin-top: -15.5%;}
	.index_ban_400 .swiper-button-prev:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 315deg ); margin-left: -0.2vw;left: 50%;}
	.index_ban_400 .swiper-button-next:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 135deg );margin-right: -0.2vw;right:50%;}
}

@media all and (width <= 2399px) {
	.index_ban_400 .swiper-button-prev{ margin-left: -17%; }
	.index_ban_400 .swiper-button-next{ margin-right: -17%; }
}

@media all and (width <= 1499px) {
	.index_ban_400 .swiper-button-prev{ margin-left: -21%; }
	.index_ban_400 .swiper-button-next{ margin-right: -21%; }
}

@media all and (width <= 1199px) {
	.index_ban_400 .swiper-button-prev{margin-left: -25.5%; }
	.index_ban_400 .swiper-button-next{margin-right: -25.5%; }
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_ban_400{margin:5rem 0; }
	.index_ban_400 .swiper-container {margin-left:1rem;}
	.index_ban_400 .swiper-button-prev,
	.index_ban_400 .swiper-button-next{display:none;}
}

@media all and (width <= 899px) {
	.index_ban_400 .swiper-pagination{width: calc(100% - 45%);}
}

@media all and (width <= 639px) {
	.index_ban_400 .swiper-pagination{width: calc(100% - 35%);}
}



/* [상품진열] 함께 나누고싶은 특별함 */
.index_prd_300{}
.index_prd_300:after{content:"";display:block; clear:both;}
.index_prd_300 .ec-base-product .prdList .option{display:none;}
.index_prd_300 .swiper-scrollbar-drag{background: rgba(0,0,0,0.9);}




/********************* PC *********************/
@media all and (min-width:1025px) {
    .index_prd_300{margin:120px 0;}
    .index_prd_300 .prod{float:right; width: 40%; height:410px;max-height: 32vw;}
    .index_prd_300 .ec-base-product .prdList{min-width:0;}
    .index_prd_300 .ec-base-product .prdList > li{display:block; width: 100%;border-bottom: 1px solid #eee;margin: 0; padding: 20px 0;}
    .index_prd_300 .ec-base-product .prdList > li:first-child{padding-top:0;}
    .index_prd_300 .ec-base-product .prdList > li:last-child{border-bottom:0; padding-bottom:0; }
    .index_prd_300 .ec-base-product .prdList .thumbnail{width: 184px;display: inline-block;vertical-align: top;padding: 0;margin: 0 0;}
    .index_prd_300 .ec-base-product .prdList .description{width: calc(100% - 210px);display: inline-block;vertical-align: top;padding: 0;margin: 0 0 0 20px;}

    .index_prd_300 .swiper-container{width: 100%;height: 100%; padding-right:20px;box-sizing: border-box;}
    .index_prd_300 .swiper-slide{height: auto;box-sizing: border-box;}
    .index_prd_300 .swiper-vertical > .swiper-scrollbar{width:2px;}
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_prd_300{margin:5rem 0;}
    .index_prd_300 .prod_m,
	.index_prd_300 .prod{ padding:1.4rem 0 0 ;}
	.index_prd_300 .swiper-container{padding: 0 1rem;}
	.index_prd_300 .ec-base-product .prdList{margin:0; }
	.index_prd_300 .swiper-horizontal > .swiper-scrollbar{height:2px;left: 0; right: 0; width: auto; margin:0 1rem;}
}

/* [배너] 영상&배너 */
.index_ban_500{}
.index_ban_500 .bnr img{width:100%}


/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_ban_500{float:left; width:58%;}
	.index_ban_500 .video{position:relative;padding-top:56.25%;line-height:0;}
	.index_ban_500 .mov iframe{position:absolute;width:100%;left:0;top:0;height:100%;}
	.index_ban_500 .mov.off{display:none !important; opacity:0 !important; height:0; width:0;}
	.index_ban_500 .bnr.off{display:none !important; opacity:0 !important; height:0; width:0;}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_ban_500 .mov,
	.index_ban_500 .bnr{margin:0 1.2rem;}
	.index_ban_500 .mov.off{display:none !important; opacity:0 !important; height:0; width:0;}
	.index_ban_500 .bnr.off{display:none !important; opacity:0 !important; height:0; width:0;}
	.index_ban_500 .video{position:relative;padding-top:56.25%;line-height:0;}
	.index_ban_500 .mov iframe{position:absolute;width:100%;left:0;top:0;height:100%;}
	.index_ban_500 .mov img,

}


/* 신상품 */
.index_prd_200 .section-title {position:relative;}

/********************* PC *********************/
@media all and (min-width:1025px) {
    .index_prd_200{margin:120px 0;}
	.index_prd_200 .ec-base-product .prdList {margin:0 0 -38px 0}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
    .index_prd_200{margin:5rem 0;}
    .index_prd_200 .section-title > h3:before{width:1.8rem;height:1.8rem;background-size:auto 100%;}
	.index_prd_200 .ec-base-product .prdList {margin:0 1.2rem -2rem 1.2rem;}
	.index_prd_200 .ec-base-product .prdList + .xans-product-listmore{margin-top:2rem;}
}


/* 분할배너 */
/* [배너] */
.index_ban_600 a{text-decoration:none; display:block;}
.index_ban_600 img{width:100%;}


/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_ban_600{margin:120px 0;}
	.index_ban_600 a{cursor:pointer;}

	.index_ban_600 .swiper-button-prev,
	.index_ban_600 .swiper-button-next{width:4rem; height:4rem;background:none; opacity:.65; }
	.index_ban_600 .swiper-button-prev{left:-4rem;}
	.index_ban_600 .swiper-button-next{right:-4rem;}
	.index_ban_600 .swiper-button-prev:hover,
	.index_ban_600 .swiper-button-next:hover{opacity:1;}
	.index_ban_600 .swiper-button-prev:after,
	.index_ban_600 .swiper-button-next:after{content:""; width:16px; height:16px;top: 50%;position: absolute;left: 50%;margin-top: -8px;}
	.index_ban_600 .swiper-button-prev:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 315deg ); margin-left: -6px;}
	.index_ban_600 .swiper-button-next:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 135deg );margin-left: -13px;}
	.index_ban_600 .swiper-button-prev.swiper-button-disabled:after,
	.index_ban_600 .swiper-button-next.swiper-button-disabled:after{border-color: #bbb;opacity:0;}
}

@media all and (width <= 1385px) {
	.index_ban_600 .swiper-button-prev,
	.index_ban_600 .swiper-button-next{display:none;}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_ban_600{margin:5rem 0;}
	.index_ban_600 .swiper-container{padding:0 14px;}
	.index_ban_600 .swiper-button-prev,
	.index_ban_600 .swiper-button-next{display:none;}
}


/* 리뷰 */
/* 리뷰 */
.index_board_review{background:#f9f9f9;}
.index_board_review .section-title{position:relative;}
.index_board_review .section-title .more{position: absolute; bottom: 0; right: 0;color: #111; text-decoration:none;display: flex; align-items: center;}
.index_board_review .section-title .more:after{content:"";  display:block; font-size: 0; background: url(/design/yr30303/img/icoArrowTop.svg) no-repeat 50% 50% / 100% auto; transform: rotate( 90deg );}

.index_board_review.review_list_grp .review__list > ul {padding:10px 0;}
.index_board_review.review_list_grp .review__list > ul > li{margin:0;}
.index_board_review.review_list_grp .review__list > ul > li .item{background:#fff;overflow: hidden; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.05);padding:.6rem;border:1px solid #e8e8e8;}

.index_board_review .swiper-scrollbar{height: 2px;}
.index_board_review .swiper-scrollbar .swiper-scrollbar-drag{background:rgba(0,0,0,0.9)}


/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_board_review{margin:120px 0 0;padding:50px 0;}

	.index_board_review .section-title .more{font-size:1rem;}
	.index_board_review .section-title .more:after{ width: 1.2rem; height: 1.2rem;margin-left:5px;background-size:0.9rem auto;}

	.index_board_review.review_list_grp .swiper-container {margin: 0 -10px; padding: 0 10px 20px;}
	.index_board_review.review_list_grp .xans-board-list{padding:0 0 20px;}
	.index_board_review.review_list_grp .review__list .grid .list_grp li{margin:0;}
	.index_board_review.review_list_grp .review__list > ul > li .item{border:0;}
	.index_board_review.review_list_grp .review__list > ul > li .content{margin: 0 0.8rem 1rem; }
	.index_board_review.review_list_grp .review__list > ul > li .content_right{margin:0 0.8rem;}
	.index_board_review.review_list_grp .review__list > ul > li .product_wrap{margin: 1rem 0.8rem 1.3rem;}

	.index_board_review .swiper-scrollbar{left: 10px; right:10px; width:auto; max-width:50%; margin:0 auto;}

	.index_board_review .swiper-button-prev,
	.index_board_review .swiper-button-next{left:0;width:4rem; height:4rem; opacity:.65; transition: all .25s ease;}
	.index_board_review .swiper-button-prev{left:-55px;}
	.index_board_review .swiper-button-next{left:auto;right:-55px;}
	.index_board_review .swiper-button-prev:hover,
	.index_board_review .swiper-button-next:hover{opacity:1;}
	.index_board_review .swiper-button-prev:after,
	.index_board_review .swiper-button-next:after{content:""; width:16px; height:16px;top: 50%;position: absolute;left: 50%;margin-top: -8px; transition: all .25s ease;}
	.index_board_review .swiper-button-prev:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 315deg ); margin-left: -5px;}
	.index_board_review .swiper-button-next:after{border-top: 2px solid #444; border-left: 2px solid #444; transform: rotate( 135deg );margin-left: -11px;}
	.index_board_review .swiper-button-prev.swiper-button-disabled:after,
	.index_board_review .swiper-button-next.swiper-button-disabled:after{border-color: #bbb;opacity:0;}
}

@media all and (width <= 1385px) {
	.index_board_review .swiper-button-prev,
	.index_board_review .swiper-button-next{display:none;}
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_board_review{margin:5rem 0 0;padding: 2.4rem 0;border-radius:0 4rem 0 0;}
	.index_board_review .section-title .more{font-size:0;padding: 1rem; bottom: -0.7rem;right:-0.5rem;}
	.index_board_review .section-title .more:after{width: 1rem; height: 1rem;background-size:1rem auto;}
	.index_board_review.review_list_grp .swiper-container{padding:0 1rem;}
	.index_board_review.review_list_grp .review__list{margin:0;}
	.index_board_review.review_list_grp .review__list > ul{margin:0 0 1rem;}
	.index_board_review.review_list_grp .review__list > ul > li .content{margin:0 1rem 0.8rem;}
	.index_board_review.review_list_grp .review__list > ul > li .content_right{margin:0 1rem;}
	.index_board_review.review_list_grp .review__list > ul > li .product_wrap{margin:1rem 1rem;}

	.index_board_review .swiper-scrollbar{width: auto; left: 0; right: 0; margin: 0 1rem;}
	.index_board_review .swiper-button-prev,
	.index_board_review .swiper-button-next{display:none;}
}

/* ==================== Main ==================== */
#main .review_list_grp .review__list > ul > li{margin-left:0;}


/* type grid */
.review_list_grp .review__list > ul { font-size:0;}
.review_list_grp .review__list > ul *{max-width:100%;}
.review_list_grp .review__list > ul > li{ display: inline-block;vertical-align: top; width: calc(25% - 14px); font-size:12px; margin-left:18px; margin-bottom:14px;}
.review_list_grp .review__list > ul > li .item{box-sizing:border-box; position:relative;background:#fff;}
.review_list_grp .review__list > ul > li .chk{font-size:0;margin: 10px 0 0 10px;position: absolute;  top: 0;left: 0;}
.review_list_grp .review__list > ul > li .thumb{position:relative;margin:0 0 1rem;background-image:url(/board/review/img/noimage.jpg); }
.review_list_grp .review__list > ul > li .thumb a{overflow: hidden; display: block; height: 0; padding: 50% 0; position: relative;}
.review_list_grp .review__list > ul > li .thumb .thumb-review {opacity: 1;width: 100%;height: 100%;transform: translateX(-50%) translateY(-50%);position: absolute;top: 50%;left: 50%;right: 0;bottom: 0;object-fit: cover;}
.review_list_grp .review__list > ul > li .thumb .thumb-attach{cursor:pointer;position:absolute;bottom:.5rem;right:.5rem;transition: all .25s ease;z-index:10;}
.review_list_grp .review__list > ul > li .thumb-attach img{width:2rem;height:2rem;border:1px solid rgb(223 223 223 / 0.75);border-radius:2px;margin-left:4px;object-fit: cover;}
.review_list_grp .review__list > ul > li .content{cursor:pointer;margin: 0 0 1rem; }
.review_list_grp .review__list > ul > li .content .icon{margin: 3px 0 0 0; float:left;font-size:0;}
.review_list_grp .review__list > ul > li .content .icon.fixed_icon{opacity:0; width:0;}
.review_list_grp .review__list > ul > li .content .icon img{margin-right: 3px;}
.review_list_grp .review__list > ul > li .content .subject{display:block;color:#111; font-weight:500; font-size:0.95rem;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; margin: 0 0 .5rem;}
.review_list_grp .review__list > ul > li .content .cont{display:block;color:#777;font-size:0.95rem;clear:both;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.3rem;height: 2.6rem;}
.review_list_grp .review__list > ul > li .content_right{display: flex; flex-wrap: wrap;}
.review_list_grp .review__list > ul > li .member{color: #999;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;width: 100%;}
.review_list_grp .review__list > ul > li .member:before { content:""; display:inline-block; background:url(/design/yr30303/img/ico_user.png) no-repeat 0 0 / 10px; width:10px; height:10px;vertical-align: middle; margin-right: 2px; margin-top:-2px;}
.review_list_grp .review__list > ul > li .vote,
.review_list_grp .review__list > ul > li .date,
.review_list_grp .review__list > ul > li .hit{color: #999;}
.review_list_grp .review__list > ul > li .product_wrap{margin: 1rem 0 1.3rem;position: relative;padding: 1rem 0 0 0;box-sizing: border-box;height: 3.5rem; border-top:1px solid #eee; font-size:0;}
.review_list_grp .review__list > ul > li .product_thumb{display: inline-block; vertical-align: middle; width: 2.4rem; margin-right: 0.5rem;}
.review_list_grp .review__list > ul > li .product_thumb a{display: block;}
.review_list_grp .review__list > ul > li .product_thumb img{width: 2.4rem; height:2.4rem}
.review_list_grp .review__list > ul > li .product_info{display: inline-block; vertical-align: middle; width: calc(100% - 3rem);}
.review_list_grp .review__list > ul > li .product_info .name,
.review_list_grp .review__list > ul > li .product_info .name a{color: #111;font-size:.8rem; }
.review_list_grp .review__list > ul > li .product_info .name{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.review_list_grp .review__list > ul > li .product_info .name a{text-decoration:none;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;display:block;}
.review_list_grp .review__list > ul > li .rate{font-size:0.9rem; margin-top:1px; font-weight:600;}

/* 고정글 */
.review_list_grp .review__list .xans-board-fixed{border-bottom: 0px solid #eee; background:#f9f9f9; margin: 0 0 2rem;padding: 1rem 1rem 0; }
.review_list_grp .review__list .xans-board-fixed > li .content .icon.fixed_icon{opacity:1; width:auto;}




/********************* PC *********************/
@media all and (min-width:1025px) {
	.review_list_grp .review__list > ul > li{margin-bottom:38px;}
	.review_list_grp .review__list > ul > li:nth-child(4n+1){margin-left:0;}
	.review_list_grp .review__list > ul > li .thumb{overflow:hidden;}
	.review_list_grp .review__list > ul > li .thumb a:before{content:"";display:block; width:100%; height:100%;  background:rgba(0, 0, 0, 0); position:absolute;top:0;left:0;z-index:11;transition: background .25s ease;	}
	.review_list_grp .review__list > ul > li:hover .thumb a:before{  background:rgba(0, 0, 0, 0.2);}
	.review_list_grp .review__list > ul > li .thumb a{overflow: hidden; display: block; height: 0; padding: 50% 0; position: relative;transition: transform .35s ease;}
	.review_list_grp .review__list > ul > li:hover .thumb a{transform: scale(1.07);}
	.review_list_grp .review__list > ul > li .thumb .thumb-attach > span{transition: all .2s ease;display: inline-block; vertical-align: top;}
	.review_list_grp .review__list > ul > li .thumb .thumb-attach > span:hover{margin-top: -2px;}
	.review_list_grp .review__list > ul > li .member{margin:0 0 0.5rem;font-size:0.87rem;}
	.review_list_grp .review__list > ul > li .vote,
	.review_list_grp .review__list > ul > li .date,
	.review_list_grp .review__list > ul > li .hit {font-size:0.87rem;}
	.review_list_grp .review__list > ul > li .vote,
	.review_list_grp .review__list > ul > li .date{padding-right:1rem;}

}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
	.review_list_grp .review__list{margin:1rem 0;}
	.review_list_grp .review__list > ul > li{ width: calc(50% - 0.5rem); margin-left: 1rem;margin-bottom:2rem;}
	.review_list_grp .review__list > ul > li:nth-child(2n+1){margin-left:0;}
	.review_list_grp .review__list > ul > li .thumb-attach img{width:1.5rem;height:1.5rem;}
	.review_list_grp .review__list > ul > li .content{margin:0 0 0.8rem;}
	.review_list_grp .review__list > ul > li .content .subject{font-size:.9rem; margin:0 0 .1rem;}
	.review_list_grp .review__list > ul > li .content .cont{font-size:.9rem;}
	.review_list_grp .review__list > ul > li .product_thumb{width: 20%; margin: 0; max-height: 3rem; max-width: 3rem; padding-right: 0.5rem;}
	.review_list_grp .review__list > ul > li .product_thumb img{width:100%;height:100%;}
	.review_list_grp .review__list > ul > li .product_info{width:80%;}
	.review_list_grp .review__list > ul > li .product_info .name {margin-bottom:.2rem;}
	.review_list_grp .review__list > ul > li .product_info .name a{font-size:.78rem;}
	.review_list_grp .review__list > ul > li .member{margin:0 0 0.3rem;font-size:0.8rem;}
	.review_list_grp .review__list > ul > li .vote,
	.review_list_grp .review__list > ul > li .date,
	.review_list_grp .review__list > ul > li .hit {font-size:0.8rem;}
	.review_list_grp .review__list > ul > li .vote,
	.review_list_grp .review__list > ul > li .date{padding-right:.8rem;}
}


/* 공지사항 */

.index_board_notice{border-top:1px solid #eee; }
.index_board_notice .section-title{text-align:left;}
.index_board_notice .section-title .more{position: absolute; bottom: 0; right: 0;color: #111; text-decoration:none;display: flex; align-items: center;}
.index_board_notice .section-title .more:after{content:"";  display:block; font-size: 0; background: url(/design/yr30303/img/icoArrowTop.svg) no-repeat 50% 50% / 100% auto; transform: rotate( 90deg );}


/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_board_notice{background:#fff; padding:35px 0; font-size:0; position: relative; line-height:1.5;}

	.index_board_notice .section-title{ width: 220px; margin:0; }
	.index_board_notice .section-title > h3{font-size: 22px;}
	.index_board_notice .section-title .more{font-size:1rem;right:1rem;}
	.index_board_notice .section-title .more:after{ width: 1.2rem; height: 1.2rem;margin-left:5px;background-size: 0.9rem auto; }

	.index_board_notice .board{display:flex;align-items: center;}
	.index_board_notice .board_list{ width: calc(100% - 400px); height:24px; overflow:hidden; line-height:1.4;}
	.index_board_notice .board_list li{ line-height: 1.4;}
	.index_board_notice .board_list li.subject{ font-size:17px; max-width:800px;}
	.index_board_notice .board_list li.date{color:#777;font-size: 15px; margin-left:10px;}
	.index_board_notice .board_list li a{display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;color:#333;}
	.index_board_notice .bt_prev,
	.index_board_notice .bt_next{ font-size:0; width: 34px;height: 34px;transition: all .25s ease; position: absolute;top: 50%;margin-top: -17px;border: 1px solid #ddd; border-radius:50%;}
	.index_board_notice .bt_prev{left:120px; }
	.index_board_notice .bt_next{left:160px;}
	.index_board_notice .bt_prev:after{content: ""; display: block;width: 10px; height: 10px; border-top:1.5px solid #444; border-left: 1.5px solid #444;   transform: rotate( 315deg ); margin: 11px 0 0 13px;border-radius: 1px;}
	.index_board_notice .bt_next:after{content: ""; display: block; width: 10px; height: 10px; border-top: 1.5px solid #444; border-left: 1.5px solid #444;   transform: rotate( 135deg ); margin: 11px 0 0 9px;border-radius: 1px;}

	.index_board_notice a{text-decoration:none;}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_board_notice{padding:1.4rem 0;}
	.index_board_notice .section-title{margin-bottom: 1rem;position:relative;}
	.index_board_notice .section-title .more{font-size:0;padding: 1rem; bottom: auto; top: -0.5rem;right:-0.5rem;}
	.index_board_notice .section-title .more:after{width: 1rem; height: 1rem;background-size: 1rem auto; }

	.index_board_notice .board_list{margin: 0 1rem; font-size:0;}
	.index_board_notice .board_list li{display:inline-block; vertical-align:middle; line-height: 1.4;}
	.index_board_notice .board_list li.subject,
	.index_board_notice .board_list li.date{font-size:1rem;}
	.index_board_notice .board_list li.subject{display: inline-flex; width: 75%;}
	.index_board_notice .board_list li.date{display: inline-flex; width: 25%;text-align: right;justify-content: flex-end;min-width: 6rem; color:#888;}
	.index_board_notice .board_list li a{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;color:#333;}

	.index_board_notice .bt_prev,
	.index_board_notice .bt_next{display:none;}
}
/* BASIC css end */