/* BASIC css start */
/** 
***** START *****
#=============================================# 
| http://di-dot.com                           |
| ** 220927 - men's main renewal **           |
#=============================================# 
**/

/* basic 1440 */
:focus {outline:none;}
#wrap { overflow-x:hidden; min-width: 1480px; margin: 0px auto 0!important; }
#container { margin-bottom:0; }
.clearfix:before { content:''; display:block; clear:both; }
.clearfix:after { content:''; display:block; clear:both; }


/* [S] VISUAL */
.sec-visual { display: flex; }
.sec-visual .visual-slider { position: relative; width: 100%; overflow-x: hidden; }
.sec-visual .visual-slider .swiper-slide a { display: block; }
.sec-visual .visual-slider .swiper-slide a img { width: 100%; }
.sec-visual .visual-slider .swiper-pagination { position: absolute; bottom: auto; left: 50%; bottom: 30px; transform:translateX(-50%); display: inline-block; width: auto; padding: 6px 14px 6px; background: #00000050; font-size: 14px; line-height: 1; color: #a2a2a3; border-radius: 40em; z-index: 2; }
.sec-visual .visual-slider .swiper-pagination .swiper-pagination-current { font-weight: bold; color: #fff; }

.sec-visual .visual-sub { display: flex; width: 50%; align-items: flex-end; padding: 60px 54px 0; box-sizing: border-box; }
.sec-visual .visual-sub a { display: block; width: calc(50% - 20px); }
.sec-visual .visual-sub a:nth-of-type(2) { margin-left: 40px; }
.sec-visual .visual-sub a img { max-width: 100%; }


/* °ü½É»óÇ° ¹öÆ° */
.my-wish-list { display: none; position:absolute; right:30px; bottom:20px; }
.my-wish-list img { width:32px; }
.dd-category-tab .my-wish-list { right:16px; bottom:16px; }


/* [S] BEST */
.sec-product-best { position:relative; width:100%; max-width:1440px; margin:140px auto 160px; }
.sec-product-best .tit { margin:0 0 50px; text-align: center; }
.sec-product-best .tit span { font-size:40px; font-weight:300; line-height:1; color:#000; font-weight: 500; }
.sec-product-best .btn_box { text-align: center; }
.sec-product-best .btn_box a { display: inline-block; border:0; background-color:#333; color:#fff; font-size:16px; padding:10px 20px; }


/* [S] COLLECTION */
.sec-slider-collection { width:100%; max-width:1040px; margin:140px auto 160px; }
.sec-slider-collection .tit { margin:0 0 50px; text-align: center; }
.sec-slider-collection .tit span { font-size:40px; font-weight:300; line-height:1; color:#000; font-weight: 500; }
.sec-slider-collection .collection-slider { position:relative; }
.sec-slider-collection .collection-slider .swiper-slide { 
    transition: all .2s;
    transform:scale(0.9); 
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}
.sec-slider-collection .collection-slider .swiper-slide-active { 
    transition: all .2s;
    transform:scale(1); 
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.sec-slider-collection .collection-slider .swiper-slide a { display: block; }
.sec-slider-collection .collection-slider .swiper-slide a img { max-width: 100%; }
.sec-slider-collection .collection-slider .swiper-button-prev { left: -60px; color: #00000020; }
.sec-slider-collection .collection-slider .swiper-button-next { right: -60px; color: #00000020; }


/* [S] COMMON -- product-slider */
.product-slider { width:100%; max-width:1440px; margin:100px auto; }
.product-slider .sec-inner { display: flex; }
.product-slider .tit-area { width: 180px; padding: 0 30px 0 20px; box-sizing: border-box; }
.product-slider .tit { padding: 20px 0; text-align: right; }
.product-slider .tit span { font-size:30px; font-weight:500; line-height:1; color:#000; font-weight: 500; }
.product-slider .btn_box { text-align: right; }
.product-slider .btn_box a { font-size: 14px; color: #555; vertical-align: middle; }
.product-slider .btn_box a span { font-size: 10px; vertical-align: middle; }
.product-slider .cont-area { position: relative; width: 1260px; padding-right: 40px; box-sizing: border-box; overflow: hidden; }
.product-slider .cont-area .swiper-button-prev { display: none; }
.product-slider .cont-area .swiper-button-next { top: 0; right: 0; width: 40px; height: 100%; margin: 0; background: #fff; }
.product-slider .cont-area .swiper-button-next:after { position: absolute; top: 176px; font-size: 24px; color: #989898; }

/* product list */
.product-slider .prdList .chk { position:absolute; top:10px; right:20px; display:block; margin:0; text-align:center; z-index:5; } 
.product-slider .prdList .thumbnail { position:relative; width:100%; margin:0 auto; text-align:center; } 
.product-slider .prdList .thumbnail a { display:block; overflow:hidden; margin:0 10px; } 
.product-slider .prdList .thumbnail a img { width:100%; border:0px solid #ececec; box-sizing:border-box; -webkit-transition:0.1s ease-in-out; -moz-transition:0.1s ease-in-out; -o-transition:0.1s ease-in-out; transition:0.1s ease-in-out; } 
.product-slider .prdList .thumbnail a:hover img { -webkit-transition:all 0.1s ease-in; -webkit-transform: scale(1.1); -ms-transition:all 0.1s ease-in; -ms-transform: scale(1.1); -moz-transition:all 0.1s ease-in; -moz-transform: scale(1.1); transition:all 0.1s ease-in; transform: scale(1.1); } 
.product-slider .prdList .thumbnail .prdIcon { position:absolute; width:100%; height:100%; background-repeat:no-repeat; z-index:2; } 
.product-slider .prdList .thumbnail .ranking { position:absolute; top:0; left:10px; font-size:12px; color:#000; z-index:2; padding:20px; line-height:14px; font-weight:bold; } 

.product-slider .prdList .description { margin:0 auto; padding:0 10px; font-size:12px; line-height:1.8; text-align:left; } 
.product-slider .prdList .description:after { content:''; display:block; clear:both; } 
.product-slider .prdList .description .icon { padding:0; margin-left: -5px; } 
.product-slider .prdList .description .icon:after { content:""; display:block; clear:both; } 
.product-slider .prdList .description .icon .wish { position:relative; float:right; cursor:pointer; } 
.product-slider .prdList .description .icon .basket { position:relative; float:right; cursor:pointer; } 
.product-slider .prdList .description .icon .option { position:relative; float:right; cursor:pointer; } 
.product-slider .prdList .description .icon img { display: inline-block; margin:7px 5px; } 
.product-slider .prdList .description .icon .likeButton { position:relative; float:left; cursor:pointer; } 
.product-slider .prdList .description .icon .likeButton button { background:rgba(255,255,255,0); } 
.product-slider .prdList .description .icon .likeButton button strong { position:absolute; top:8px; font-size:12px; font-weight:normal; } 

.product-slider .prdList .description .name { margin:10px 0 0; display:block; } 
.product-slider .prdList .description .name a { color:#000; font-size:16px; letter-spacing: -0.04em; } 
.product-slider .prdList .description .subtitle { margin:10px 0 0; padding:10px 0 0; color:#888; font-size:14px; border-top:1px solid #ddd; letter-spacing: -0.04em; } 

.product-slider .prdList .description .price { } 
.product-slider .prdList .description .price p { display:inline-block; margin-right:5px; } 
.product-slider .prdList .description .price .price_s { font-size:12px; color:#888; } 
.product-slider .prdList .description .price .price_m { font-size:12px; color:#888; } 
.product-slider .prdList .description .price .price_l { font-size:16px; color:#000; font-weight:bold; } 

.product-slider .prdList .description .promotion { margin:5px 0 10px; font-size:0; } 
.product-slider .prdList .description .promotion:after { content:""; display:block; clear:both; } 
.product-slider .prdList .description .promotion img { margin:0 2px; } 
.product-slider .prdList .description .mileage { display:block; } 
.product-slider .prdList .description span.grid { display:block; } 

.product-slider ul.grid3 > li .color { max-width:230px; } 
.product-slider ul.grid4 > li .color { max-width:190px; } 
.product-slider ul.grid5 > li .color { max-width:130px; } 

.product-slider .spec { margin:0; padding:10px 0; } 
.product-slider .spec:after { content:""; display:block; clear:both; } 
.product-slider .spec li { text-align:left; } 
.product-slider .spec li .title { font-weight:normal; vertical-align:top; } 
.product-slider .spec li .title span { vertical-align:top; } 
.product-slider .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; } 
.product-slider .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; } 

.product-slider .spec .colorchip { float:left; font-size:16px; line-height:1.2; vertical-align: middle; } 
.product-slider .spec .review { float:right; font-size:14px; line-height:1.3; color:#eb7d00; font-size:16px; } 

.product-slider .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; } 
.product-slider .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; } 
.product-slider .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; } 
.product-slider .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; } 
.product-slider .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; } 
.product-slider .layerDiscountPeriod .content p strong span { font-size:11px; } 
.crema_product_reviews_score__container { display:inline-block; } 




























/* BASIC css end */