/* BASIC css start */
#header{position: fixed !important;}

/* 메뉴 아이콘 (흰아이콘)*/
#container #header .header_top .menubtn { width: 25px; right: 15px; background: url(//skin.makeshop.co.kr/skin/newpage/m/icon/menuicon.png)no-repeat; background-size: contain; }
#container #header .header_top .logo a{ width: 108px; height: 16px; background: url(//skin.makeshop.co.kr/skin/newpage/m/icon/newpage_logo_white.png)no-repeat; background-size: contain;}

/* 메뉴 고정 (검정아이콘)*/
#container #header.header-scroll .header_top .menubtn { width: 25px; right: 15px; background: url(//skin.makeshop.co.kr/skin/newpage/m/icon/menu_black.png)no-repeat; background-size: contain;}
#container #header.header-scroll .header_top .logo a{ width: 108px; height: 16px; background: url(//skin.makeshop.co.kr/skin/newpage/m/icon/newpage_logo_black.png)no-repeat; background-size: contain;}

/* 롤링배너 */
#mainSpot .spotSlider li a img{width: 100%;}
#mainSpot .spotSlider .slick-dots{ position: absolute; bottom: 15px !important; left: 50%; transform: translateX(-50%); }
#mainSpot .spotSlider .slick-dots li{ float: left; margin: 0 5px;}
#mainSpot .spotSlider .slick-dots li button{ width: 9px; height: 9px; border-radius: 50%; background: #ccc; font-size: 0; outline: 0; border: 0;}
#mainSpot .spotSlider .slick-dots li.slick-active button{ background: #1c1c1c;}
#mainSpot .slick-dots li:nth-of-type(1) button { padding-left: 0;}
#mainSpot .slick-prev{width:20px; height:41px; background:url(//skin.makeshop.co.kr/skin/newpage/m/icon/mainleftarrow.png) 0 0 no-repeat; background-size: contain; font-size: 0; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); left: 12px; outline:0; border: 0;}
#mainSpot .slick-next{width:20px; height:41px; background:url(//skin.makeshop.co.kr/skin/newpage/m/icon/mainrightarrow.png) 0 0 no-repeat; background-size: contain; font-size: 0; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); right: 12px; outline:0; border: 0;}

/* 섹션공통 */
.setionTit h2{ margin: 0 0 35px; color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 2rem; font-weight: bold;}
figcaption h1{ margin: 0 0 20px; color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 1.8rem; font-weight: 300; letter-spacing: -3px; line-height: 40px;}
figcaption p{color: #777777; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 1rem; font-weight: 100; letter-spacing: -2px; line-height: 30px;}
.padTL{padding: 70px 20px;}
.padTL .brandBox figcaption{ margin: 35px 0 0;}

/* 서브타이틀 */
.subBanner .brandBox > a img{width: 100%;}


/* 브랜드 스토리 */
.brandArea{background: #fafafa;}
.brandArea .brandBox > a img{width: 100%;}
.brandArea .brandBox figcaption p{ margin: 0 0 20px;}
.brandArea .brandBox .morebtn{ display: inline-block; margin: 20px 0 0; padding: 11px 22px 11px 27px; border: 1px solid #888888;}
.brandArea .brandBox .morebtn a{ color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: .925rem; letter-spacing: 4px;}

/*쿠폰 혜택 버튼*/
.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; }

/* 게시판 */
.board_area .board .board_wrap .board_gallery .slick-list{ padding-left: 54px; }
.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:first-of-type{margin-left: -53px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner{ display: inline-block; position: relative; margin: 0 20px 20px 0; border: 1px solid #e2e2e2; vertical-align: top; }
.board_area .board .board_wrap .board_gallery .board_gallery_inner a{ display: block; padding: 42px 25px 32px; outline: 0; border: 0;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_con{min-height: 210px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_con p{ margin: 0 0 25px; color: #222222; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; line-height: 22px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner div span{ color: #888; font-size: .925rem; 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: 23px; height: 1px; margin: 0 0 20px; background: #cccccc;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day .date{display: block; width: 92px; height: 26px; font-size: .825rem; 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.slick-active{ border: 1px solid #000;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner.slick-active .board_gallery_day .bodmore{display:block;}

.board_area .board .board_wrap .board_gallery .slick-dots{margin: 10px 0 0; text-align: center; font-size: 0;}
.board_area .board .board_wrap .board_gallery .slick-dots li{ display: inline-block; margin: 0 5px;}
.board_area .board .board_wrap .board_gallery .slick-dots li button{ display: block; width: 10px; height: 10px; background: #cccccc; border: 0; border-radius: 50%; outline: 0;}
.board_area .board .board_wrap .board_gallery .slick-dots li.slick-active button{background: #1c1c1c;} 
/* BASIC css end */