/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot .slideWrap .active_slider li{ position: relative;}
#mainSpot .slideWrap .active_slider li .slide_content{ position: absolute; bottom:60px; left: 20px; opacity:0; color: #fff; font-family: 'Noto Sans KR', sans-serif;}
#mainSpot .slideWrap .active_slider li.active .slide_content{opacity:1; margin-bottom:-25px; animation:moveUp 1.3s forwards;}
@keyframes moveUp{
    from {
        opacity:0; margin-bottom:-25px
    }
    to{
        opacity:1; margin-bottom:0
    }
}
#mainSpot .slideWrap .active_slider li a img{width:100%}
#mainSpot .slideWrap .active_slider li .slide_content .t1 { display:block; font-size:.825rem; font-weight: bold; line-height:30px;}
#mainSpot .slideWrap .active_slider li .slide_content .t1 img{ width:50px; margin-left:2px;}
#mainSpot .slideWrap .active_slider li .slide_content .t2 { display:block; padding-top:24px; font-size:1.8rem; font-weight: 300;}
#mainSpot .slideWrap .active_slider li .slide_content .t3 { display:block; font-size:1.6rem; margin: 8px 0 0 0; line-height: 30px; letter-spacing: -1px;}
#mainSpot .slideWrap .active_slider li .slide_content .t4 { display:block; padding-top:26px; font-size:1rem; font-weight: 300;}
#mainSpot .slideWrap .bx-wrapper{position: relative;}
#mainSpot .slideWrap .bx-wrapper .bx-controls .bx-pager{position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
#mainSpot .slideWrap .bx-wrapper .bx-controls .bx-pager-item{ float: left;}
#mainSpot .slideWrap .bx-wrapper .bx-controls .bx-pager-item a{  display: block; width: 30px; height: 2px; background: #aeadb2; font-size: 0;}
#mainSpot .slideWrap .bx-wrapper .bx-controls .bx-pager-item a.active{background: #fff;}

/* 화살표 */
#mainSpot .bx-controls .bx-controls-direction{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
#mainSpot .bx-controls .bx-controls-direction .bx-prev{ position: absolute; left: 10px; width: 32px; height: 32px; margin: 0; background: url(/design/nordmason/studio/m/icon/left_btn.png) no-repeat; background-size: contain; text-indent: -9999px; opacity: 0.8;}
#mainSpot .bx-controls .bx-controls-direction .bx-next{ position: absolute; right: 10px; width: 32px; height: 32px; margin: 0; background: url(/design/nordmason/studio/m/icon/right_btn.png) no-repeat; background-size: contain; text-indent: -9999px; }

/* 타이틀 */
.setionTit{ margin: 50px 0 30px; text-align: center;}
.setionTit h2{ color: #222222; font-size: 1.8rem; font-family: 'Montserrat','Noto Sans KR', sans-serif; font-weight: bold;}

/* 게시판 */
.board_area {margin: 0 15px;}
.board_area .board .board_wrap{border-top: 2px solid #222;}
.board_area .board .board_wrap .board_gallery{ 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: 100%; border-bottom: 2px solid #eee; vertical-align: top; letter-spacing: -0.5px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner a{ display: block; padding: 23px 0 17px; outline: 0; border: 0;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_con p{ margin: 0 0 10px; color: #555; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day{position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: right;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner div span{ color: #aaa; font-size: .825rem; 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 .date{display: block; width: 92px; height: 26px; color:#ccc; 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 .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}

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

/* 상품영역 */
.procont{ padding: 0 9px; display: none;}
.procont li a{ padding: 0 4px 18px 4px;}
.procont .list_shoppingInfo{ margin: 12px 0;}

/* contact */
.contactArea{padding: 0 15px;}
.contactArea ul{ padding: 25px 0 0; border-bottom: 1px solid #eee;}
.contactArea ul li{ width: 100%; border-top: 1px solid #eee; padding: 18px 30px; margin: 0 0 6px; align-items: center; box-sizing: border-box; }
.contactArea ul li:after{content:''; display:block; clear:both}
.contactArea ul li img{ width:35px; float: left;}
.contactArea ul li .contact_txt{ text-align: center;}
.contactArea ul li .contact_txt p{ color: #555; font-size: .8rem; font-family: 'Noto Sans KR',sans-serif; font-weight: 300; line-height: 19px;}
/* BASIC css end */