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

/* 메뉴 아이콘 (흰아이콘)*/
#container #header .header_top .menubtn { width: 25px; right: 15px; background: url(/design/tocabi/newpage/m/icon/menu_black.png)no-repeat; background-size: contain; }
#container #header .header_top .logo a{ width: 108px; height: 16px; background: url(/design/tocabi/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(/design/tocabi/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(/design/tocabi/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(/design/tocabi/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(/design/tocabi/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: 2rem; font-weight: 300; letter-spacing: -3px; line-height: 48px;}
figcaption p{color: #222; font-family: 'Jost', 'Noto Sans KR', sans-serif; font-size: 16px; 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: 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;} 


/* 상품 목록 영역 */
.product-wrap { position:relative; width:100%; padding: 70px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.item-wrap .cateTit h3{
    margin: 4px 0 35px 0;
    color: #222;
    font-family: 'Jost', 'Noto Sans KR', sans-serif;
    font-size: 2rem;
    font-weight: bold;
}    
.item-wrap { overflow: hidden; width:100% }
.item-wrap .item-hd { margin: 40px 0 20px 0 }
.item-wrap .nbg { background: none; text-align: center; }
.item-wrap .item-info { zoom: 1; overflow: hidden; padding: 35px 0 10px; margin-bottom:10px }
.item-wrap .item-info:after { display:block; clear:both; content:'' }
.item-wrap .item-info .item-total { float: left; font-size:14px; color:#7b7b7b }
.item-wrap .item-info .item-total span { color: #0e0d0d }
.item-wrap .item-info .item-order { float: right }
.item-wrap .item-info .item-order li { float: left; padding: 0 15px; line-height:12px; border-right:1px solid #ddd }
.item-wrap .item-info .item-order li.nobg { padding-right:0; border-right:none }
.item-wrap .item-info .item-order li a { font-size: 12px; color:#a6a6a6; line-height:12px; vertical-align:top }
.item-wrap .item-info .item-order li a .on { color: #111 }

.item-wrap .item-cont { width:100%; *zoom:1 }
.item-wrap .item-cont:after { content: ""; display: block; clear: both }
.item-wrap .item-cont .item-list { padding-right:1.11%; float:left; width:50%; text-align:center; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.item-wrap .item-cont .item-list:nth-of-type(2n){padding-right:0; padding-left: 1.11%;}
.item-wrap .item-cont .item-list a{font-family: 'Noto Sans KR', sans-serif;}
.item-wrap .item-cont .item-list .thumb { width:100%; overflow:hidden; border: 1px solid #eaeaea; box-sizing: border-box;}
.item-wrap .item-cont .item-list .thumb:hover{border: 1px solid #000;}
.item-wrap .item-cont .item-list .thumb img { width:100%;}
.item-wrap .item-cont .item-list .prd-info { padding:0; overflow:hidden; float:left; position:relative; margin:13px 8px; text-align:left; }
.item-wrap .item-cont .item-list .prd-ico {margin-top: 5px;}
.item-wrap .item-cont .item-list .prd-ico img { margin:2px }
.item-wrap .item-cont .item-list .prd-sub{ margin: 0 0 18px; color: #777777; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 100;}
.item-wrap .item-cont .item-list .prd-name { margin-bottom: 7px; }
.item-wrap .item-cont .item-list .prd-name a { display:block; color:#333; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; line-height:19px; text-overflow:ellipsis; word-wrap:normal;}
.item-wrap .item-cont .item-list .prd-price { padding-top:5px; font-family: 'Montserrat','NotoSansKR',Malgun Gothic,'맑은 고딕',Dotum,'돋움',sans-serif; }
.item-wrap .item-cont .item-list .prd-price strike { color:#707070; font-weight: 350;    font-size: 12px;    margin-right: 4px; }
.item-wrap .item-cont .item-list .prd-price .price { color:#1c1c1c; font-size: 14px; font-weight: bold; }
.item-wrap .item-cont .item-list .prd-color { padding-top:5px }
.item-wrap .item-cont .item-list .prd-preview { padding-top:5px }
.item-wrap .item-cont .item-list .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }
.item-wrap .item-cont .item-list .prd-subname { margin-top:15px; padding-top:15px; color:#8b8b8b; text-align:left; }
.item-wrap .item-cont .item-list .MK-product-icons img { vertical-align: middle }
.item-wrap .item-cont .nomg { padding-right: 0px }
.item-wrap .item-page { margin-top: 50px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px }
.item-wrap .item-page a:hover, .item-wrap .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; }


.item-wrap .item-cont .item-list .prd-brand {
    margin-bottom: 4px;
}
.item-wrap .item-cont .item-list .prd-brand a {
    font-size: 10px;
    color: #999;
}
.item-wrap .item-cont .item-list .prd-review a {
    position: absolute;
    top: 0;
    right: 0;
    color: #589db7;
    font-size: 10px;
    font-weight: 500;
}
.item-wrap .item-cont .item-list .prd-color font {
    font-size: 27px;
line-height:30px;
}


/* 내용 */
.setionTit h1{ margin: 0 0 12px; color: #222; font-family: 'Noto Sans KR', sans-serif; font-size: 1.5rem; font-weight: 300; letter-spacing: -3px; line-height: 38px;}
.setionTit p{margin: 0 0 25px; color: #aaaaaa; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; font-weight: 100; letter-spacing: -2px; line-height: 36px;}
.page-body{padding: 50px 20px; text-align: center;}
.page-body .brandBox{ margin: 0;}
.page-body .brandBox a img{width: 100%;}
.page-body .brandBox figcaption{ padding: 30px 0 0;}
.page-body .brandBox figcaption p{ display: block; color: #222222; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif; line-height: 28px;}
.page-body .brandBox figcaption span{ display: block; margin: 24px 0 0; color: #777777; font-size: .925rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 100; line-height: 32px;}


/* BASIC css end */