/* BASIC css start */
/* 로고, 아이콘 (흰색)*/
#header{position: fixed;}
#wrap #header .headerTop .headerTopinner .tlogo a{ background: url(/design/buna2013/logopc.png) no-repeat; background-size: contain;}
#wrap #header .headerGnb ul .search a{ background: url(//skin.makeshop.co.kr/skin/mypage/pc/icon/search_btn_white.png) no-repeat; background-size: contain;}
#wrap #header .headerGnb ul .menu > a{ background: url(//skin.makeshop.co.kr/skin/mypage/pc/icon/menu_btn_white.png) no-repeat; background-size: contain; }
#wrap #header .headerGnb ul.depth1 > li > a{ color: #fff;}

#wrap #header .headerGnb ul .menu .downmenu{border: 1px solid #000000; background: #000000; }
#wrap  #header .headerGnb ul .menu .downmenu li a{color: #fff;}

#wrap #header .headerGnb ul.depth1 > li > a:hover:after{border-bottom: 2px solid #fff;}

/* 상단 고정(검정로고) */
#contentWrapper {padding-top: 138px; }


/* 메인 비쥬얼 배너 */
#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: 'Brandon Grotesque', "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: bold; letter-spacing: 3px;}
.mainSpot_in .slide_content p{ margin: 0 0 30px; color: #fff; font-size: 14px; 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; }
.brandArea .brandBox{width: 1160px; margin: 0 auto;}
.brandArea .brandBox:after{content:''; display:block; clear:both;}
.brandArea .brandBox a{float: left; width: 710px;}
.brandArea .brandBox a img{width: 100%;}
.brandArea .brandBox figcaption{ float: right; width: 387px; padding: 10px 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;}

/* 색션 공통부분 */
.setionTit{}
.setionTit h3{ display: inline-block; margin: 0 0 40px; padding: 0 0 6px; border-bottom: 1px solid #000; font-size: 13px; color: #000; font-weight: bold; letter-spacing: 6px; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif;}
.setionTit .line{display: block; width: 7px; height: 1px; background: #000; margin: 0 auto 20px;}
.setionTit h1{ color: #000; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 36px; line-height: 46px; }
.setionTit h4{ color: #000; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 48px; line-height: 46px; font-weight: 800;}

/* 서브영역 */
.middleArea{ padding: 150px 0; background: #ffffff; text-align: center;}
.middleArea .md_iconBox{margin: 90px 0 0;}
.middleArea .md_iconBox img{margin:0 50px}
.middleArea p{ margin: 90px 0 0; color: #000; font-size: 16px; font-family: 'Lato',"맑은 고딕",'Malgun Gothic', sans-serif; line-height: 35px;}

/* 게시판 영역 */
.board_area{ padding: 150px 0; text-align: center;}
.board_area .board_wrap{ width: 1160px; margin: 80px auto 0;}
.board_area .board_wrap:after{content:''; display:block; clear:both;}
.board_area .board_wrap div{width: 560px;}
.board_area .board_wrap div .board_more{ padding: 0 0 8px; margin:0 0 20px; border-bottom: 1px solid #424242; color: #000; font-size: 18px; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif; text-align: left;}
.board_area .board_wrap div .board_more a{ float: right; margin: 2px 0 0;}
.board_area .board_wrap div .board_gallery_inner{ margin: 0 0 14px;}
.board_area .board_wrap div .board_gallery_inner .board_gallery_con:after{content:''; display:block; clear:both;}
.board_area .board_wrap div .board_gallery_inner .board_gallery_con .con{float: left;}
.board_area .board_wrap div .board_gallery_inner .board_gallery_con .date{float: right;}
.board_area .board_wrap div .board_gallery_inner .board_gallery_con p{color: #505050; font-size: 13px; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif;}

.board_area .board_wrap .board_gallery_left{ float: left;}
.board_area .board_wrap .board_gallery_right{ float: right;}

/* 지도 */
.map_wrap{ padding: 150px 0; background: #ffffff;}
.map_wrap .map_area{width: 1160px; margin: 0 auto;}
.map_wrap .map_area:after{content:''; display:block; clear:both;}
.map_wrap .map_area .map_left{float: left; margin: 50px 0 0;}
.map_wrap .map_area .map_left .map_info{ padding: 14px 0 0;}
.map_wrap .map_area .map_left .map_info p{ margin: 30px 0 0; color: #111; font-size: 14px; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif;}
.map_wrap .map_area .map_left .map_info span{ display: block; margin: 10px 0 0; color: #111; font-size: 14px; font-family: 'Lato', "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 300; line-height: 22px;}
.map_wrap .map_area .map_main{ float: right;}

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