@charset "UTF-8";

/* 20211109 BEST SELLER 개선 */
.bestseller-wrap{max-width:1438px;margin:0 auto;padding:120px 0;}
.bestseller-wrap .mo-only{display: none;}
.bestseller-wrap h1{font-size: 40px;color:#000;font-weight: bold;letter-spacing: 0.05em;text-align: center;font-family: "brandon-grotesque";}
.bestseller-list{margin-top: 60px;font-size: 0;box-sizing: border-box;}
.bestseller-list li{display: inline-block;vertical-align: top;width:calc(50% - 15px);position:relative;}
.bestseller-list li:nth-of-type(2n+1){margin-left: 30px;}
.bestseller-list li:nth-of-type(n+2){margin-top: 30px;}
.bestseller-list li img{width:100%;}
.bestseller-list .txt{position:absolute;bottom: 25px;right: 30px;text-align: right;}
.bestseller-list .txt h2{font-size: 34px;color:#000;font-weight: bold;}
.bestseller-list .txt h3{font-size: 16px;color:#696969;font-weight: bold;letter-spacing: 0.025em;font-family: "brandon-grotesque";}
.bestseller-list .txt .desc{margin: 20px 0 0;font-size: 18px;color:#000;line-height: 1.625;font-weight: 600;}
.bestseller-list .txt .desc-sup{font-size: 15px;}
.bestseller-list .txt .btn{margin-top: 15px;vertical-align: middle;text-decoration: none;border-bottom: 0;}
.bestseller-list .txt .btn:after{content:'';display:inline-block;width: 5px;height: 9px;margin-left: 7px;background: url('/kr/ko/assets/image/best-new/best-seller/bestseller-btn-arrow.png') no-repeat center top / cover;}
.bestseller-list .txt .btn span{display: inline-block;font-size: 16px;color:#737373;text-decoration: underline;}
.bestseller-list .txt .review-desc{margin: 35px 0 0;font-size: 16px;color:#757575;line-height: 1.5;}
.bestseller-list .txt .review-desc i{display: inline-block;margin-right: 5px;font-size: 60px;font-style: normal;line-height: 0;position:relative;top:25px;}
.bestseller-list .txt .review-desc span{display: block;}

.bestseller-list li.list-wide{width:100%;margin-left: 0;}
.bestseller-list li.list-wide .txt{bottom: 185px;right: 130px;text-align: left;}
.bestseller-list li.list-wide .txt .review-desc{position:relative;}
.bestseller-list li.list-wide .txt .review-desc i{position:absolute;left:-35px;}

.bestseller-list li.list-white .txt h2,
.bestseller-list li.list-white .txt .desc{color:#fff;}
.bestseller-list li.list-white .txt h3,
.bestseller-list li.list-white .txt .btn span,
.bestseller-list li.list-white .txt .review-desc{color:#babbbe;}
.bestseller-list li.list-white .txt .btn:after{background-image: url('/kr/ko/assets/image/best-new/best-seller/bestseller-btn-arrow_white.png');}

.bestseller-list li:nth-of-type(5) .txt .btn span,
.bestseller-list li:nth-of-type(5) .txt .review-desc{color:#5C524F;}

@media all and (max-width:60em){
    .bestseller-wrap{padding:70px 0 130px;}
    .bestseller-wrap .pc-only{display: none;}
    .bestseller-wrap .mo-only{display: block;}
    .bestseller-wrap h1{font-size: 52px;}
    .bestseller-list{margin-top: 60px;padding:0 40px;}
    .bestseller-list li{display: block;width: 100%;}
    .bestseller-list li:nth-of-type(2n+1){margin-left: 0;}
    .bestseller-list li:nth-of-type(n+2){margin-top: 30px;}
    .bestseller-list .txt,
    .bestseller-list li.list-wide .txt{bottom: 30px;right: 36px;text-align: right;}
    .bestseller-list .txt h2{font-size: 50px;font-weight: normal;line-height: 1.2;}
    .bestseller-list .txt h3{font-size: 29px;}
    .bestseller-list .txt .desc{margin: 5px 0 0;font-size: 29px;line-height: 1.27;letter-spacing: -0.05em;}
    .bestseller-list .txt .desc-sup{font-size: 20px;}
    .bestseller-list .txt .btn{margin-top: 20px;}
    .bestseller-list .txt .btn:after{width: 11px;height: 18px;margin-left: 8px;background-size:contain;}
    .bestseller-list .txt .btn span{font-size: 25px;}
    .bestseller-list .txt .review-desc{margin: 35px 0 0;font-size: 20px;line-height: 1.5;}
    .bestseller-list .txt .review-desc i{margin-right: 5px;font-size: 60px;top:25px;}
    .bestseller-list li.list-wide .txt .review-desc i{position:relative;left:0;}
    .bestseller-list li.list-wide .txt .review-desc span{margin-top: 20px;}
}

@media all and (max-width:30em){
    .bestseller-wrap{padding:35px 0 65px;}
    .bestseller-wrap h1{font-size: 26px;}
    .bestseller-list{margin-top: 30px;padding:0 20px;}
    .bestseller-list li:nth-of-type(n+2){margin-top: 15px;}
    .bestseller-list .txt, .bestseller-list li.list-wide .txt{bottom: 15px;right: 18px;}
    .bestseller-list .txt h2{font-size: 25px;}
    .bestseller-list .txt h3{font-size: 15px;}
    .bestseller-list .txt .desc{margin: 3px 0 0;font-size: 15px;}
    .bestseller-list .txt .desc-sup{font-size: 12px;}
    .bestseller-list .txt .btn{margin-top: 10px;}
    .bestseller-list .txt .btn:after{width: 5px;height: 9px;margin-left: 4px;}
    .bestseller-list .txt .btn span{font-size: 12px;}
    .bestseller-list .txt .review-desc{margin: 17px 0 0;font-size: 10px;}
    .bestseller-list .txt .review-desc i{margin-right: 3px;font-size: 30px;top:12px;}
    .bestseller-list li.list-wide .txt .review-desc span{margin-top: 10px;}
}

@media all and (max-width:22.5em){
    .bestseller-list .txt, .bestseller-list li.list-wide .txt{right: 10px;}
    .bestseller-list .txt .desc{font-size: 13px;}
    .bestseller-list .txt .desc-sup{font-size: 11px;}
}