/* BASIC css start */
#header{position:fixed !important; }
#header .headerBottom{border-bottom:0 !important}
#header .headerBottom_wrap.fix{border-bottom:1px solid #e6e6e6 !important;}

/* 로고 (흰로고) */
#wrap #header .headerBottom_wrap .headerBottom .tlogo a{ width: 160px; height: 18px; background: url(/design/artcollect/ACLlogo.png) no-repeat; background-size: contain; }

/* 상단픽스 (검정색) */
#wrap #header.backon .headerBottom_wrap .headerBottom .tlogo a, #wrap #header .headerBottom_wrap.fix .headerBottom .tlogo a{ width: 160px; height: 18px; background: url(/design/artcollect/ACLlogo.png) no-repeat; background-size: contain;}
#wrap #header.backon .headerBottom_wrap .headerBottom .tnbRight .menuArea .search a, #wrap #header .headerBottom_wrap.fix .headerBottom .tnbRight .menuArea .search a{width: 20px; height: 20px; background: url(//skin.makeshop.co.kr/skin/newpage/pc/icon/searchicon_black.png) no-repeat;}
#wrap #header.backon .headerBottom_wrap .headerBottom .tnbRight .menuArea .menuBox, #wrap #header .headerBottom_wrap.fix .headerBottom .tnbRight .menuArea .menuBox{width: 22px; height: 14px; background: url(//skin.makeshop.co.kr/skin/newpage/pc/icon/menuicon_black.png) no-repeat;}
#wrap #header.backon .headerBottom_wrap .headerBottom .navWrap ul li > a, #wrap #header .headerBottom_wrap.fix .headerBottom .navWrap ul li > a{ color: #000;}

/* 상단 색 */
#wrap #header .headerBottom .navWrap ul li > a{ color: #fff;}

/* 상단 아이콘 (흰색)*/
#wrap #header .headerBottom .tnbRight .menuArea .search a{width: 20px; height: 20px; background: url(//skin.makeshop.co.kr/skin/newpage/pc/icon/searchicon_white.png) no-repeat;}
#wrap #header .headerBottom .tnbRight .menuArea .menuBox{width: 22px; height: 14px; background: url(//skin.makeshop.co.kr/skin/newpage/pc/icon/menuicon_white.png) no-repeat;}

/* 메인 롤링이미지 */
#big {width: 100%; min-width: 1302px; margin: 0 auto;}
#big .swiper-wrapper{ position: relative; width: 100%; min-width: 1280px;}
#big .swiper-slide  a img{width: 100%;}
#big .swiper-button-prev { position: absolute; left: 150px; z-index: 10; background-image: url(/design/artcollect/ACLlogo.png) !important; background-size: cover; width: 41px; height: 81px;}
#big .swiper-button-next { position: absolute; right: 150px; z-index: 10; background-image: url(/design/artcollect/ACLlogo.png) !important; background-size: cover; width: 41px; height: 81px;}
#big .swiper-button-next:after,#big .swiper-button-prev:after{font-size:0}
#big .swiper-button-prev i, #big .swiper-button-next i {opacity: 0;}

/* 섹션타이틀 */
.setionTit h2{ margin: 0 0 40px; color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 40px; font-weight: bold;}
figcaption h1{ margin: 0 0 20px; color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 44px; font-weight: 300; letter-spacing: -4px; line-height: 56px;}
figcaption p{color: #777777; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 100; letter-spacing: -2px; line-height: 36px;}
    
/* 서브타이틀 */
.subBanner{ width: 1200px; margin: 120px auto;}
.subBanner .brandBox{margin: 0;}
.subBanner .brandBox a img{width: 100%;}
.subBanner .brandBox figcaption{ margin: 75px 0 0; text-align: center;}

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1100px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }

/* 브랜드 스토리 */
.brandArea{width: 100%; margin: 0 auto; padding: 120px 0; background: #fafafa;}
.brandArea .brandBox{width: 1200px; margin: 0 auto;}
.brandArea .brandBox:after{content:''; display:block; clear:both;}
.brandArea .brandBox .setionTit h3{margin: 0 0 50px; color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: bold;}
.brandArea .brandBox > a{float: left; width: 510px;}
.brandArea .brandBox > a img{width: 100%;}
.brandArea .brandBox figcaption{ float: right; width: 490px; padding: 120px 0 0; }
.brandArea .brandBox figcaption p{ margin: 35px 0 0;}
.brandArea .brandBox .morebtn{ display: inline-block; margin: 75px 0 0; padding: 12px 30px 12px 35px; border: 1px solid #888888;}
.brandArea .brandBox .morebtn a{ color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 18px; letter-spacing: 5px;}

/* 게시판 */
.board_area .board{width: 1200px; margin: 0 auto; padding: 120px 0;}
.board_area .board .board_wrap .board_gallery{ margin: 0 -7px; font-size: 0;}
.board_area .board .board_wrap .board_gallery .slick-slide{margin: 0 7px; outline: 0; border: 0;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner{ display: inline-block; position: relative; width: 388px; margin: 0 14px 14px 0; border: 1px solid #e2e2e2; vertical-align: top; }
.board_area .board .board_wrap .board_gallery .board_gallery_inner:nth-of-type(3n){margin-right:0}
.board_area .board .board_wrap .board_gallery .board_gallery_inner a{ display: block; padding: 50px; outline: 0; border: 0;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_con{min-height: 174px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_con p{ margin: 0 0 25px; color: #222222; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner div span{ color: #888; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; line-height: 24px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day .bodline{ width: 30px; height: 1px; margin: 0 0 30px; background: #cccccc;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day .date{display: block; width: 92px; height: 26px; overflow: hidden;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day .bodmore{display:none; position: absolute; right: 30px; bottom: 59px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner:hover{border: 1px solid #000;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner:hover .bodmore{display:block;}

.board_area .board .board_wrap .board_gallery .slick-dots{margin: 60px 0 0; text-align: center;}
.board_area .board .board_wrap .board_gallery .slick-dots li{ display: inline-block; width: 40px; height: 2px; margin: 0 4px; background: #a3a3a3;}
.board_area .board .board_wrap .board_gallery .slick-dots li.slick-active{background: #000;} 
.board_area .board .board_wrap .board_gallery .slick-dots li button{font-size:0}
/* BASIC css end */