@charset "utf-8";

/* ==============NIKE============== */
.nike{font-family: 'Pretendard'}
.nike .main img{width: 100%;height: auto;}
.nike .nike-ad img{width: 100%}
.nike .tit{text-align: center; font-size: 22px; font-weight: bold; letter-spacing: -1px; margin-bottom: 20px}
.nike>article{margin-bottom: 40px}
.nike>article.nike-swiper{padding-bottom: 44px}
.nike>article.main{margin-bottom: 50px}
/*.nike .a-link{height: 25px;line-height: 27px;padding: 0 20px; background: #282828; color: #fff; font-size: 11px}*/

.nike .nike-swiper .txt{position: relative; padding: 0 35px 15px; margin-bottom: 30px;}
.nike .nike-swiper .txt:after{content: ""; display: block; clear: both}
.nike .nike-swiper .tit{float: left; text-align: left; font-size: 24px;}
.nike .nike-swiper .txt span{position: absolute; bottom: 0; right: 35px; font-size: 50px; border-bottom: 8px solid #282828; font-weight: 800; }
.nike .nike-swiper .txt .a-link{position: absolute; left: 35px; bottom: 0; z-index: 1;}
.nike .nike-swiper .swiper-slide .img{padding: 0 35px;}
.nike .nike-swiper .swiper-slide img{width: 100%;}
.nike .nike-swiper .swiper-pagination{position: absolute; bottom: 3px; left: 0; text-align: left; padding: 0 35px}
.nike .nike-swiper .swiper-pagination-bullet {font-size: 12px; color: #c2c2c2; font-weight: 800; background: transparent; margin-right: 15px; width: auto}
.nike .nike-swiper .swiper-pagination-bullet-active {color: #191919; font-weight: 800; margin-right: 15px; width: auto}
/*.nike .swiper-container{margin-bottom: 52px; width: 95%;}
*/.nike .swiper-container img {width: 100%;}

.detail-item {margin: 8% 3%;}
/*.nike .tab-panel{width: 95%; margin: 0 auto;}
*/.nike .tab-panel ul:after{content: ""; display: block; clear: both}
.nike .tab-panel li{/*width: 48%; float: left; */margin-right: 2%; margin-bottom: 2%; /*border: 1px solid #f0f0f0; margin-top: -1px;padding:14px;*/}

.nike .tab-panel li:nth-child(even){margin-left: -1px}
.nike .tab-panel li a {display: block;}
.nike .tab-panel li img{width: 100%;}

.nike-ad {width: 95%; margin: 0 auto; margin-bottom: 60px !important;}
.nike-ad .txt{position: relative; height: 50px}
/*.nike-ad .txt .a-link{position: absolute; z-index: 1; top: 20px;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
*/
.nike .collection .tab-selector{margin-bottom: 32px; display: table; margin-left: 10px; margin-right: auto}
.nike .collection .tab-selector li{margin-right: 16px; margin-bottom: 10px;}
.nike .collection .tab-selector li:last-child{margin-right: 0}

.nike .collection .tab-selector li a{font-size: 1.1em; color: #a9a9a9; font-weight: 600;}
.nike .collection .tab-selector li.active a{color: #191919; border-bottom: 3px solid #191919; font-weight: 800}
.nike .collection .tab-selector #tabs-col ul #BestShoesList {margin-left: 3%;}


.nike .logo{height: 65px; background: url("/images/img/nike_logo_black.png") no-repeat 50% 50%; background-size: 83px 28px}

.visual-gnb{margin-bottom: 30px;}
.visual-gnb ul li{overflow: hidden;position: relative;width: 100%;height: 120px;margin-top: 5px;}
.visual-gnb ul li:first-child{margin-top: 0;}
.visual-gnb ul li>a{width: 100%;}
.visual-gnb ul li .img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;width: 100%;z-index: 1;}
.visual-gnb ul li img{width: 100%;}
.visual-gnb ul li .txt{position: absolute;top: 50%;left: 50%;-webket-transform: translate(-50%, -50%);transform: translate(-50%, -50%);height: 22px;padding: 0 7px;line-height: 24px;font-size: 12px;color: #fff;background: rgba(25, 25, 25, .52);z-index: 2;}
.visual-gnb .nike-btn {position:absolute; width: 50%; top:65%; left:50%;-webket-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

#nike-lineup {width: 100%; margin: 0 auto; display: block; margin-bottom: 12%;}
#nike-lineup li img {width: 100%; height: 100%; display: block;}
#nike-lineup li .SBBTit, #nike-lineup li .SBBSubTit {padding-left: 2%;}
#nike-lineup li .SBBTit {text-align: left; font-size: 1.5em; font-weight: 800; margin: 10px 0;}
#nike-lineup li .SBBSubTit {text-align: left; margin-bottom: 6%; font-size: 1.2em;}
#nike-lineup li .lineProducts {width:50%; float: left; padding: 2%;}
#nike-lineup .lineProducts .PrdInfoName {font-size: 1.2em; padding: 2% 0;}
#nike-lineup .lineProducts .PrdInfoPrice {font-size: 1.2em; font-weight: 600;}

#nike-lineup .swiper-button-next {background: url(/Images/ico/arrow_right.png) no-repeat center; background-size: 13.5px 22px; top: 30%; width: 18%;}
#nike-lineup .swiper-button-prev {background: url(/Images/ico/arrow_left.png) no-repeat center; background-size: 13.5px 22px; top: 30%; width: 18%;}

.btm-logo button{
    width: 60%;
    height: 45px;
    border: 2px solid #000;
    color: #000;
    font-size: 1.3em;
    font-weight: 700;
    margin: 0 auto;
    left: 50%;
    transform: translateX(35%);
    margin-bottom: 60px;
}

#nikenew div.swiper-slide a img {width: 100%;}
p.productsName{font-size: 15px;margin-top: 10px;}

#BestShoesList li.swiper-slide a div.saleprice{display: flex; justify-content: space-between;}
#BestShoesList li.swiper-slide a p.productsPrice{font-size: 15px; font-weight: 700; margin-bottom: 22px;}
#BestShoesList li.swiper-slide a p.discount{color: #d8231e; font-weight: 700; font-size: 15px;}
#nikenew div.swiper-slide a div.saleprice{display: flex; justify-content: space-between;}
#nikenew div.swiper-slide a p.productsPrice{font-size: 15px; font-weight: 700; margin-bottom: 22px;}
#nikenew div.swiper-slide a p.discount{color: #d8231e; font-weight: 700; font-size: 15px;}

.nike .detail-item .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {position: static;}

/*.nike-lineup li {width: 50%; float: left; position: relative;}
.nike-lineup li img {width: 100%; height: 100%; display: block;}
.nike-lineup .lineup_txt {position: absolute; bottom: 10%; right: 10%; font-size: 18px; font-weight: bold; color: #282828;}*/

.thumbnail .txt {
    display: inline-block;
    top: initial;
    bottom: 13%;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    height: 45px;
    /* background: #fff; */
    text-align: left;
}

.thumbnail .txt p {
    position: absolute;
    display: inline-block;
    top: -17px;
    left: 0;
    width: 100%;
    height: 39px;
    line-height: 39px;
    color: #fff;
    font-size: 26px;
    overflow: hidden;
    /* letter-spacing: -2px;*/ }

.thumbnail .txt>span {
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
    overflow: hidden; }