/* BASIC css start */
@font-face {
    font-family: 'MapoGoldenPier';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/* »ó´Ü(Èò·Î°í) */
#header{position: fixed;}
#wrap #header .headerGnb ul.depth1 > li > a,
#wrap #header .headerTop .headerTopinner .tnbRight ul li a{color:#black}
#wrap #header .headerTop .headerTopinner .tlogo a{ background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_white.png) no-repeat;}

/* »ó´Ü °íÁ¤(°ËÁ¤·Î°í) */
#wrap #header .headerTop.header-scroll .headerGnb ul.depth1 > li > a,
#wrap #header .headerTop.header-scroll .headerTopinner .tnbRight ul li a{ color: #000;}
#wrap #header .headerTop.header-scroll .headerTopinner .tlogo a{ background: url(https://saveheels.speedgabia.com/preorder/namuhanalogo_black.png) no-repeat;}

/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot { position:relative; width:100%; }
.mainSpot_in{ position: relative;}
.mainSpot_in > img{width: 100%;}
.mainSpot_in .slide_content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: moveUp 1.3s forwards; text-align: center;}
.mainSpot_in .slide_content h2{ margin: 0 0 30px; color: #fff; font-size: 36px; font-family: 'Pretendard-Regular', sans-serif; font-weight: bold; letter-spacing: 3px;}
.mainSpot_in .slide_content p{ margin: 0 0 30px; color: #fff; font-size: 14px; font-family: 'Pretendard-Regular', sans-serif; letter-spacing: 3px; line-height: 25px; }
.mainSpot_in .slide_content span a{ display: inline-block; width: 200px; height: 55px; line-height: 55px; border: 1px solid #fff; color: #fff; font-size: 16px; font-family: 'Pretendard-Regular', sans-serif; font-weight: 300;}
@keyframes moveUp{
    from {
        opacity:0; margin-top:30px
    }
    to{
        opacity:1; margin-top:0;
    }
}
.button_mid{position: relative;width:1150px;margin:0 auto; top: -150px;}
.button_mid .center{margin : 0 80px;}
/* ºê·£µå ½ºÅ丮 */
.brandArea{width: 100%; max-width: 1540px; margin: 0 auto; padding: 50px 0 0; }
.brandArea .brandBox{width: 1170px; margin: 0 auto;}
.brandArea .brandBox:after{content:''; display:block; clear:both;}
.brandArea .brandBox a{float: left; width: 510px;}
.brandArea .brandBox a img{width: 100%;}
.brandArea .brandBox figcaption{ float: right; width: 540px; padding: 90px 0 0; }
.brandArea .brandBox figcaption p{ margin: 35px 0 0; color: #000; font-size: 15px; font-family: 'Pretendard-Regular', sans-serif; font-weight: 300; line-height: 27px; text-align: center; letter-spacing: 1px;}
.brandArea .brandBox figcaption p span{ color: #000; font-size: 21px; font-family: 'Pretendard-Regular', sans-serif; font-weight: 500; line-height: 27px; text-align: center; letter-spacing: 1px;}

/* »ö¼Ç °øÅëºÎºÐ */
.setionTit{text-align: center;}
.setionTit h3{margin: 0 0 20px; font-size: 35px; color: #000; font-weight: bold; letter-spacing: 2px; font-family: 'Pretendard-Regular', sans-serif;}
.setionTit .line{display: block; width: 7px; height: 1px; background: #000; margin: 0 auto 20px;}
.setionTit h1{    color: #000;
    font-family: 'Pretendard-black', sans-serif;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 1px;
    text-align: center;}

/* Áß°£¹è³Ê¿µ¿ª */
.middlebnnr{ margin: 50px 0 0;}
.middlebnnr a img{ width: 100%;}

/* ¼­ºê¹è³Ê ¿µ¿ª */
.subBnnr{ width: 1170px; margin: 100px 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:after{content:''; display:block; clear:both;}
.subBnnr .inner img{width:30%;}
.subBnnr .inner a{display:inline;}
.subBnnr .inner img.Mr30{margin-right:30px}
.subBnnr .inner img.Mr30:first-child{margin-left:20px}
.subBnnr .inner img.Mt30{margin-top:30px}
.subBnnr .inner img.Mt30{margin-right:30px}
.subBnnr .inner img.Mt30{margin-top:30px}
.subBnnr .inner .small_3 img{margin-top:10px;}

/* ¼î·ë */
.setionTit h5{margin: 0 0 20px; font-size: 24px; color: #000; font-weight: bold;  font-family: 'Pretendard-Regular', sans-serif; text-align:left;}
.sroomArea{padding: 100px 0; background: #f1f0ec;}
.sroomArea .sroomBox{width: 1000px; margin: 0 auto;}
.sroomArea .sroomBox .gosave{ 
    width: 50px;
    height: 100px;
    line-height: 55px;
    border: 1px solid #808080;
    font-size: 16px;
    padding: 10px 30px;
    margin-top:20%;
    color:#181818;
    font-family: 'Pretendard-Regular', sans-serif; font-weight: 300;
    
}
.sroomArea .sroomBox:after{content:''; display:block; clear:both;}
.sroomArea .sroomBox .line{display: block; width: 100px; height: 2px; background: #000;margin:0!important;}
.sroomArea .sroomBox figcaption{ padding: 30px 0 0;}
.sroomArea .sroomBox figcaption p{ margin: 18px 0 0; color: #808080; font-size: 16px; font-family: 'Pretendard-Regular', sans-serif; font-weight: 300; line-height: 27px; text-align: left; letter-spacing: -1px;}

/* ÇÏ´Ü */
#footer { margin-top:0 !important;}

.footer_section{display:none!important;}

/* BASIC css end */