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

:focus { outline:none; } 
#wrap { overflow-x:hidden; } 
#container { margin-bottom:0; } 
.clearfix:before { content:''; display:block; clear:both; } 
.clearfix:after { content:''; display:block; clear:both; } 


/* [S] VISUAL */
.sec-visual { width: 100%; }
.sec-visual .visual-slider { position: relative; overflow-x: hidden; }
.sec-visual .visual-slider .swiper-slide a { display: block; }
.sec-visual .visual-slider .swiper-slide a img { max-width: 100%; }
.sec-visual .visual-slider .swiper-pagination { position: absolute; bottom: auto; left: auto; top: 20px; right: 20px; display: inline-block; width: auto; padding: 6px 8px 6px; background: #00000050; font-size: 12px; 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; }


/* [S] BEST */
.sec-product-best { position:relative; width:100%; margin:50px auto 80px; }
.sec-product-best .tit { margin:0 0 30px; text-align: center; }
.sec-product-best .tit span { font-size:20px; letter-spacing: 0.19em; line-height:1; color:#000; font-weight: 600; }
.sec-product-best .ec-base-product { margin: 0 auto; }
.sec-product-best .btn_box { text-align: center; }
.sec-product-best .btn_box a { position: relative; display: inline-block; width: 180px; height: 40px; line-height: 40px; border: 1px solid #000; background-color:#fff; color:#000; font-size:12px; border-radius: 40em; }
.sec-product-best .btn_box a:after { content:'¡æ'; display: inline-block; position: absolute; right: 15px; }


/* [S] COLLECTION */
.sec-slider-collection { width:100%; margin:50px auto 80px; }
.sec-slider-collection .tit { margin:0 0 30px; text-align: center; }
.sec-slider-collection .tit span { font-size:20px; letter-spacing: 0.19em; line-height:1; color:#000; font-weight: 600; }
.sec-slider-collection .collection-slider { position:relative; }
.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; }
.sec-slider-collection .collection-slider .swiper-pagination { position: absolute; bottom: auto; left: auto; top: 20px; right: 20px; display: inline-block; width: auto; padding: 6px 8px 6px; background: #00000080; font-size: 12px; line-height: 1; color: #a2a2a3; border-radius: 40em; z-index: 2; }
.sec-slider-collection .collection-slider .swiper-pagination .swiper-pagination-current { font-weight: bold; color: #fff; }


/* [S] MEN'S STORY */
.sec-banner-story { width:100%; margin:50px auto 80px; }
.sec-banner-story .tit { margin:0 0 20px; text-align: center; }
.sec-banner-story .tit span { font-size:20px; letter-spacing: 0.19em; line-height:1; color:#000; font-weight: 600; }
.sec-banner-story .banner-wrap {}
.sec-banner-story .banner-wrap a { display: block; max-width: 300px; margin: 0 auto; }
.sec-banner-story .banner-wrap a img { max-width: 100%; }


/* [S] NEW */
.sec-product-new { position:relative; width:100%; margin:50px auto 80px; padding: 60px 0 60px; background: #ebebeb; }
.sec-product-new .tit { margin:0 0 20px; text-align: center; }
.sec-product-new .tit span { font-size:20px; letter-spacing: 0.19em; line-height:1; color:#000; font-weight: 600; }
.sec-product-new .sec-inner { max-width: 300px; margin: 0 auto; }
.sec-product-new .cont-area { overflow: hidden; }
.sec-product-new .cont-area .swiper-slide { background: #fff; }
.sec-product-new .cont-area .swiper-slide .thumbnail {}
.sec-product-new .cont-area .swiper-slide .thumbnail a { display: block; width: 100%; height: 100%; }
.sec-product-new .cont-area .swiper-slide .thumbnail a img { max-width: 100%; }
.sec-product-new .cont-area .swiper-slide .description { padding: 5px 10px 10px; }

.sec-product-new .paging-wrap { position: relative; margin: 30px 0 0; }
.sec-product-new .paging-wrap .swiper-pagination { position: static; font-size: 14px; color: #555; }
.sec-product-new .paging-wrap .swiper-pagination .swiper-pagination-current { color: #000; }
.sec-product-new .paging-wrap .swiper-button-prev { left: 60px; color: #555; }
.sec-product-new .paging-wrap .swiper-button-next { right: 60px; color: #555; }
.sec-product-new .paging-wrap .swiper-button-prev:after { font-size: 14px; }
.sec-product-new .paging-wrap .swiper-button-next:after { font-size: 14px; }


/* [S] PANTIES */
.sec-product-panties { position:relative; width:100%; margin:50px auto 80px; }
.sec-product-panties .tit { margin:0 0 30px; text-align: center; }
.sec-product-panties .tit span { font-size:20px; letter-spacing: 0.19em; line-height:1; color:#000; font-weight: 600; }
.sec-product-panties .ec-base-product { margin: 0 auto; }
.sec-product-panties .btn_box { text-align: center; }
.sec-product-panties .btn_box a { position: relative; display: inline-block; width: 180px; height: 40px; line-height: 40px; border: 1px solid #000; background-color:#fff; color:#000; font-size:12px; border-radius: 40em; }
.sec-product-panties .btn_box a:after { content:'¡æ'; display: inline-block; position: absolute; right: 15px; }


/* [S] HOME WEAR */
.sec-product-homewear { position:relative; width:100%; margin:50px auto 80px; }
.sec-product-homewear .tit { margin:0 0 30px; text-align: center; }
.sec-product-homewear .tit span { font-size:20px; letter-spacing: 0.19em; line-height:1; color:#000; font-weight: 600; }
.sec-product-homewear .ec-base-product { margin: 0 auto; }
.sec-product-homewear .btn_box { text-align: center; }
.sec-product-homewear .btn_box a { position: relative; display: inline-block; width: 180px; height: 40px; line-height: 40px; border: 1px solid #000; background-color:#fff; color:#000; font-size:12px; border-radius: 40em; }
.sec-product-homewear .btn_box a:after { content:'¡æ'; display: inline-block; position: absolute; right: 15px; }





/* BASIC css end */