/* BASIC css start */
#footer{margin-top:0 !important}

/* 상단(흰아이콘) */
#container #header{position: fixed !important}
#container #header .header_top .menubtn { width: 23px; background: url(https://saveheels.speedgabia.com/preorder/icon.png)no-repeat; background-size: contain;}
#container #header .header_top .logo a{ width: 115px; height:50px; background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_white.png)no-repeat; background-size: contain;}
#container #header .header_top .basket a { width: 22px; background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_white.png)no-repeat; background-size: cover;}
#container #header .header_top .basket a span{color: #000; background: #fff;}

/* 상단고정(검정아이콘) */
#header.header-scroll .header_top .menubtn{background: url(https://saveheels.speedgabia.com/preorder/icon.png)no-repeat !important; background-size: contain !important;}
#header.header-scroll .header_top .logo a{background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_black.png)no-repeat !important; background-size: contain !important;}
#header.header-scroll .header_top .basket a{background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_black.png)no-repeat !important; background-size: cover !important;}
#header.header-scroll .header_top .basket a span{ color: #fff !important; background: #000 !important;}

/* 롤링배너 */
#mainSpot .mainSpot_in img{width:100%}
#mainSpot .mainSpot_in{ position: relative;}
#mainSpot .mainSpot_in .slide_content{position: absolute; top: 50%; left: 50%; width: 82%; transform: translate(-50%, -50%); animation: moveUp 1.3s forwards; text-align: center;}
#mainSpot .mainSpot_in .slide_content h2{ margin: 0 0 30px; color: #fff; font-size: 1.5rem; font-family: 'Pretendard-Regular', sans-serif; font-weight: bold; letter-spacing: 1px; line-height: 25px;}
#mainSpot .mainSpot_in .slide_content p{ margin: 0 0 30px; color: #fff; font-size: .9rem; font-family: 'Pretendard-Regular', sans-serif; line-height: 24px; }
#mainSpot .mainSpot_in .slide_content span a{ display: inline-block; width: 165px; height: 48px; line-height: 48px; border: 1px solid #fff;}
#mainSpot .mainSpot_in .slide_content span a img{width: 30px; vertical-align: middle;}
@keyframes moveUp{
    from {
        opacity:0; margin-top:30px
    }
    to{
        opacity:1; margin-top:0;
    }
}
/* //롤링배너 */

/* 브랜드 스토리 */
.brandArea{ margin: 50px 0 0;}
.brandArea .brandBox{}
.brandArea .brandBox a{display: block; margin: 0 35px;}
.brandArea .brandBox img{width: 100%;}
.brandArea .brandBox figcaption{ padding: 0 20px;  }
.brandArea .brandBox figcaption p{ margin: 35px 0 0; color: #000; font-size: .9rem; font-family: 'Pretendard-Regular', sans-serif; font-weight: 400; line-height: 27px; text-align: center; letter-spacing: 1px;}
.brandArea .brandBox figcaption p span{ color: #000; font-size: 1rem; font-family: 'Pretendard-Regular', sans-serif; font-weight: 600; line-height: 27px; text-align: center; letter-spacing: 1px;}

/* 색션 공통부분 */
.setionTit{margin: 40px 0 0; text-align: center;}
.setionTit h3{margin: 0 0 20px; font-size: 2rem; color: #000; font-weight: bold; letter-spacing: 2px; font-family: 'Pretendard-Regular', sans-serif;}
.setionTit .line{display: block; width: 8px; height: 1px; background: #000; margin: 0 auto 20px;}
.setionTit h1{ color: #000; font-family: 'Pretendard-black', sans-serif; font-size: 1.8rem; line-height: 38px; text-align: center; }

/* 중간배너영역 */
.middlebnnr{ margin: 70px 0 0;}
.middlebnnr img{ width: 100%;}

/* 서브배너 영역 */
.subBnnr{width:100%; margin: 50px auto; text-align: center;}
.subBnnr h3{ margin: 0 0 60px; color: #181818; font-size: 25px; font-family: 'Pretendard-Regular', sans-serif; font-weight: 800; letter-spacing: 4px; border:2px solid;padding: 15px 0;}
.subBnnr .inner img{width: 95%;margin-bottom:20px;}
.subBnnr .inner a.Pdtb{ display: block; margin: 35px 46px 25px;}
.subBnnr .inner a.Pdlr{ display: block; margin: 0 46px;}
.subBnnr .inner{display: flex; flex-flow: row nowrap; justify-content: space-between;}
.subBnnr .sub_main{}
.subBnnr .sub_main img{width:100%;margin-bottom: 15px;}

/* 쇼룸 */
.sroomArea{padding: 20px 0 60px; background: #f1f0ec;}
.sroomArea .sroomBox{}
.sroomArea .sroomBox a{ display: block; margin: 30px 20px 0; }
.sroomArea .sroomBox a img{width: 100%;}
.sroomArea .sroomBox figcaption{ }
.sroomArea .sroomBox figcaption p{ margin: 35px 0 0; color: #808080; font-size: 14px; font-family: 'Pretendard-Regular', sans-serif; font-weight: 300; line-height: 27px; text-align: center; letter-spacing: -1px;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */