/* BASIC css start */
/* 배너타이틀 */
.brand_bnnr a img{width: 100%;}

/* 내용 */
.shopbrand .page-body{padding:0 15px}
.page-body .brandBox img{width: 100%;}
.page-body .brandBox figcaption{ padding: 10px 0 0; text-align: center;}
.page-body .brandBox figcaption p{ display: block; margin: 30px 0 0; color: #222222; font-size: 1.4rem; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; line-height: 34px;}
.page-body .brandBox figcaption span{ display: block; margin: 10px 0 0; color: #aaa; font-size: 1rem; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; line-height: 29px;}

/* 타이틀 */
.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;}

/* 탭네비 */
.tab_navi{ height: 50px; border-bottom: 1px solid #dddddd;}
.tab_navi .navi_in{ }
.tab_navi .navi_in div a{ display: block; padding: 0 18px; color: #222222; font-family: 'Noto Sans KR', sans-serif; font-size: .825rem; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.tab_navi .navi_in .homeBox{ float: left; width: 50%; line-height: 50px; box-sizing: border-box;}
.tab_navi .navi_in .naviBox{ position: relative;  float: left; width: 100%; border-left: 1px solid #dddddd; line-height: 50px; box-sizing: border-box;}
.tab_navi .navi_in .naviBox .navi_tit .arrow{position: absolute; top: 40%; right: 18px; width: 14px; margin-left: 60px; transition: 0.2s;}
.tab_navi .navi_in .naviBox .navi_tit .arrow.rota{transform: rotate(180deg); transition: 0.2s;}
.tab_navi .navi_in .naviBox .navi_list{ position: absolute; left: -1px; width: 100%; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; z-index: 99; background: #fff;}
.tab_navi .navi_in .naviBox .navi_list li{border-bottom: 1px solid #dddddd;}
/* BASIC css end */