/* BASIC css start */
/* 상단(흰로고) */
#header{position: fixed;}
#wrap #header .headerGnb ul.depth1 > li > a,
#wrap #header .headerTop .headerTopinner .tnbRight ul li a{color:#fff}
#wrap #header .headerTop .headerTopinner .tlogo a{ background: url(//skin.makeshop.co.kr/skin/namuhana/pc/icon/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(//skin.makeshop.co.kr/skin/namuhana/pc/icon/namuhanalogo_black.pngg) 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: #102117; font-size: 36px; font-family: 'Brandon Grotesque', "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: bold; letter-spacing: 3px;}
.mainSpot_in .slide_content p{ margin: 0 0 30px; color: #102117; font-size: 20px; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", 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;}
@keyframes moveUp{
    from {
        opacity:0; margin-top:30px
    }
    to{
        opacity:1; margin-top:0;
    }
}

/* 브랜드 스토리 */
.brandArea{width: 100%; max-width: 1540px; margin: 0 auto; padding: 150px 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: #808080; font-size: 14px; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 300; line-height: 27px; text-align: center; letter-spacing: -1px;}

/* 색션 공통부분 */
.setionTit{text-align: center;}
.setionTit h3{margin: 0 0 20px; font-size: 13px; color: #000; font-weight: bold; letter-spacing: 2px; font-family: 'Lato', sans-serif;}
.setionTit .line{display: block; width: 7px; height: 1px; background: #000; margin: 0 auto 20px;}
.setionTit h1{ color: #000; font-family: 'MapoGoldenPier', sans-serif; font-size: 36px; line-height: 42px; text-align: center; }

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

/* 서브배너 영역 */
.subBnnr{ width: 1170px; margin: 150px auto; text-align: center;}
.subBnnr h3{ margin: 0 0 60px; color: #181818; font-size: 24px; font-family: 'MapoGoldenPier', sans-serif; letter-spacing: 8px;}
.subBnnr .inner:after{content:''; display:block; clear:both;}
.subBnnr .inner img{float: left;}
.subBnnr .inner img.Mr30{margin-right:30px}
.subBnnr .inner img.Mt30{margin-top:30px}

/* 쇼룸 */
.sroomArea{padding: 150px 0; background: #f1f0ec;}
.sroomArea .sroomBox{width: 1170px; margin: 0 auto;}
.sroomArea .sroomBox:after{content:''; display:block; clear:both;}
.sroomArea .sroomBox a{ float: right; width: 710px;}
.sroomArea .sroomBox a img{width: 100%;}
.sroomArea .sroomBox figcaption{ float: left; width: 350px; padding: 90px 0 0;}
.sroomArea .sroomBox figcaption p{ margin: 35px 0 0; color: #808080; font-size: 14px; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif; font-weight: 300; line-height: 27px; text-align: center; letter-spacing: -1px;}

/* 하단 */
#footer { margin-top:0 !important;}
/* BASIC css end */