@charset "utf-8";
/* CSS Document */

/* main_visual */
#main_visual {position:relative;}
#main_visual .slick-arrow {background:url(../images/content/slider_arrow.png) 0 0 no-repeat; background-size:contain; width:26px; height:51px; position:absolute; top:50%; margin-top:-25px;}
#main_visual .slick-prev {left:10px;}
#main_visual .slick-next {right:10px; transform:rotate(180deg);}

/* slick-theme ------------------------------- */
.slider-wrap {position:relative; text-align:center;}
.slick-slider {position:relative;}
.slick-slide img {width:100%;}
/* 방향버튼 */
.slick-arrow {z-index:1; font-size:0; line-height:0; border:none; background:transparent; cursor:pointer; text-indent:-9999px;}
/* pager */
.slick-dots {margin:0 auto; text-align:center;}
.slick-dots li {display:inline-block;}
.slick-dots li button {transition:0.2s background-color ease-in-out 0s; font-size:0; line-height:0; border:none; padding:0; color:transparent; width:8px; height:8px; background-color:#aaa; margin-right:5px; border-radius:50px; cursor:pointer;}
.slick-dots li.slick-active button {background-color:#555; width:33px;}

.main_container {padding:3.75rem 0 0;}
.main_container h2 {font-size:1.875rem;}

/* MD 추천 */
.md_list {display:flex;}
.best_prd {position:relative; padding-bottom: 5rem;}
.best_prd::after {content:''; background:#366bab; width:100%; height:30%; position:absolute; bottom:0; left:0; z-index:-1;}
.best_prd h2 {text-align:center;}
.best_prd .banner {width:43%; border-radius: 30px; overflow: hidden;}
.best_prd .banner .thumb_wrap::after {padding-bottom:142%;}
.best_prd .item_group {background:#f7f7f7; border:2px solid #eee; border-radius: 30px; width:54%; margin-left: 3%; padding:3% 20px 20px;}
.best_prd .prd_list {margin-top: -3%; padding: 2% 7%;}
.best_prd .prd_list > li {width:calc((100%)/2 - 1.25rem); margin-top:3%;}
.best_prd .prd_list > li .thumb {border:0; border-radius:0;}
/* .best_prd .prd_list > li .info {background: rgba(0,0,0,0.6); padding:0.75rem 1rem;} */
/*
.best_prd .slick-arrow {background:url(../images/content/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:17px; height:31px; position:absolute; top:50%; margin-top:-15px;}
.best_prd .slick-prev {left:10px;}
.best_prd .slick-next {right:10px; transform:rotate(180deg);}
*/

.prd_list {display:flex; flex-wrap:wrap; margin:-3.125rem 0 0 -1.25rem;}
.prd_list > li {width:calc((100%)/6 - 1.25rem); margin:3.125rem 0 0 1.25rem;}
div.prd_list {margin:0;}
div.prd_list > li {margin:0;}
.prd_list .thumb {position:relative; border:1px solid #eee; border-radius:6px; overflow:hidden;}
.prd_list .thumb .tag {display:flex; justify-content:center; align-items:center; background:#fdb813; font-size:0.875rem; font-weight:700; line-height:1.1; width:45px; height:45px; position:absolute; top:0; left:0;}
.prd_list .thumb .sold_out {display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.4); color:#fff; font-weight:700; position:absolute; top:0; left:0; width:100%; height:100%;}
.prd_list .info {padding:1.25rem 0 0;}
.prd_list .title {display: block; font-style: normal; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prd_list .price {margin-top:0.625rem;}
.prd_list .price del {display:block; color:#aaa; font-size:0.875rem;}
.prd_list .price .per {color:#f94a3f; font-weight:700;}
.prd_list .price .item_price i {font-size:0.875rem;}
.prd_list .review_score {display:flex; align-items:center; flex-wrap:wrap; margin-top:0.5rem;}
.prd_list .review_score .star_score {margin-right:5px;}
.prd_list .review_score .review_count {color:#aaa; font-size:12px;}
.conslider .prd_list {padding:0 25px; margin:0; position:relative;}
.conslider .wrap {padding:0 0.625rem;}
.conslider .slick-arrow {background:rgba(255,255,255,1); border-radius:100%; box-shadow:0 5px 16px rgba(0,0,0,0.08); display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px;}
.conslider .slick-arrow::after {content:''; background:url(../images/content/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:8px; height:15px;}
.conslider .slick-arrow.slick-prev {left:0;}
.conslider .slick-arrow.slick-next {right:0; transform:rotate(180deg);}
@media all and (min-width:1320px) {
.conslider .prd_list {padding:0; margin:0 -0.625rem;}
.conslider .slick-arrow.slick-prev {left:-30px;}
.conslider .slick-arrow.slick-next {right:-30px;}
}

/* today상품 */
.today_prd .prd_list > li {background:#fff; border:1px solid #e5e5e5; width:calc((100%)/5 - 1.25rem);}
.today_prd .prd_list > li .info {padding:15px 0.75rem;}
.today_prd .prd_list > li .thumb {border:0; border-radius:0;}
.today_slide .slick-arrow {background:rgba(255,255,255,1); border-radius:100%; box-shadow:0 5px 16px rgba(0,0,0,0.08); display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px;}
.today_slide .slick-arrow::after {content:''; background:url(../images/content/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:8px; height:15px;}
.today_slide .slick-prev {left:-15px; top: 100px;}
.today_slide .slick-next {right:-15px; top: 100px; transform:rotate(180deg);}

/*
.today_prd .prd_list > div {width:calc(((100%)/5 - 1.25rem)*4); margin:3.125rem 0 0 2.25rem;}
.today_prd .prd_list > div > div {background:#fff; border:1px solid #e5e5e5; width:calc((100%)/4); margin:0;}
.today_prd .prd_list > div {width:calc((100%)/4 - 1.25rem);}
*/
.today_prd .prd_list > div {width:calc(((100%)/5 - 1.25rem)*4.17); margin-left:2.25rem;}
.today_prd .prd_list > div > div .obj {background:#fff; border:1px solid #e5e5e5; margin:3.125rem 0.625rem 0 0.625rem;}
.today_prd .prd_list > div > div .info {padding:15px 0.75rem;}
.today_prd .prd_list > div > div .thumb {border:0; border-radius:0;}
.today_slide2 .slick-track {margin: 0;}
.today_slide2 .slick-arrow {background:rgba(255,255,255,1); border-radius:100%; box-shadow:0 5px 16px rgba(0,0,0,0.08); display:flex; justify-content:center; align-items:center; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px;}
.today_slide2 .slick-arrow::after {content:''; background:url(../images/content/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:8px; height:15px;}
.today_slide2 .slick-prev {left:-7px; top: 152px;}
.today_slide2 .slick-next {right:-7px; top: 152px; transform:rotate(180deg);}


@media screen and (min-width:1025px) {
/* MD 추천 */
.best_prd .item_group .slick-list {margin:0 50px;}

    .prd_list .title {font-size: 17px; font-weight: 600;}
    .prd_list .price {font-size: 16px;}
    .prd_list .price .item_price strong {font-size: 18px;}
}

@media screen and (max-width:1320px) {
/* main_visual */
#main_visual {overflow:hidden;}
#main_visual .slider {margin:0 -35%;}
}

@media screen and (max-width:1024px) {
/* main_visual */
#main_visual .slick-arrow {width:14px; height:26px;}

.main_container h2 {font-size:1.5rem;}
.main_container section {border-top:9px solid #f2f2f2; margin-top:0; padding:3.125rem 0;}
.main_container section:first-child {border-top:0; padding-top:0;}

/* MD 추천 */
.md_list {flex-direction:column;}
.best_prd::after {content:''; background:#366bab; width:100%; height:20%; position:absolute; bottom:0; left:0; z-index:-1;}
.best_prd .banner {width:100%; margin:50px auto 0; order:2;}
.best_prd .thumb_wrap {border-radius:20px; max-width:320px; margin:0 auto;}
    .best_prd .item_group {width:100%; margin-left: 0;}
.best_prd .prd_list {order:1;}
.best_prd .prd_list > li {width:calc((100%)/4 - 1.25rem);}
.best_prd .slick-arrow {display:none !important;}

.prd_list > li {width:calc((100%)/3 - 1.25rem);}

/* today상품 */
.today_prd .prd_list > li:first-child {background:none; border:0; width:100%;}
.today_prd .prd_list > li {width:calc((100%)/4 - 1.25rem);}
.today_slide {background:#fff; border:1px solid #e5e5e5; padding:15px; max-width:350px; margin:0 auto;}
.today_prd .prd_list > div {width:97%;}
}

@media screen and (max-width:768px) {
.prd_list > li {width:calc((100%)/2 - 1.25rem);}

/* today상품 */
.today_prd .prd_list > li {width:calc((100%)/2 - 1.25rem);}
}

@media screen and (max-width:480px) {
/* MD 추천 */
.best_prd .prd_list > li {width:calc((100%)/2 - 1.25rem);}
}