/* 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: 12px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -2px; line-height: 19px;}
.page-body .brandBox figcaption span{ display: block; padding: 0 0 20px 0; color: #000; font-size: 12px; font-family: 'Noto Sans KR',"맑은 고딕",'Malgun Gothic',sans-serif; line-height: 19px;}

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

/* 탭네비 */
.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;}




.vision_mission {
	margin-top: 50px;
    text-align: center;
	font-family: 'Crimson Text','NotoSans', 'sans-serif';
}

.vision_mission .title {
	color: #000;
    font-size: 32px;
	line-height: 36px;
	font-weight: normal;
}

.vision_mission .title .text3 {
    margin: 20px;
	line-height: 20px;
	font-size: 12px;
    color: #858585;
}

.vision_mission .title span {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
}

.vision_mission .desc dl {
	margin-top: 50px;
}

.vision_mission .desc dt {
	font-size: 16px;
	color: #666;
}

.vision_mission .desc dd {
	position: relative;
	margin-top: 10px;
	padding-top: 40px;
	line-height: 19px;
	font-size: 12px;
    color: #858585;
}

.vision_mission .desc dd:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 28px;
	background: #e5e5e5;
}

.vision_mission .desc2 {
	margin: 60px 0;
    padding-bottom:30px;
    border-bottom: 1px solid #d9d9d9;
}

.vision_mission .desc2:before {
	content: '“';
	font-size: 50px;
	font-family: 'Nanum Myeongjo', 'sans-serif';
    color:#ddd;
}

.vision_mission .desc2:after {
	content: '”';
	font-size: 50px;
	font-family: 'Nanum Myeongjo', 'sans-serif';
    color:#ddd;
    line-height:1;
}

.vision_mission .desc dl .dt2:after {
	content: '';
	position: absolute;
	top: 70px;
	left: 50%;
	width: 1px;
	height: 60px;
	background: #d9d9d9;
}

.vision_mission .desc2 .text {
	margin: 15px 0;
	font-size: 13px;
    color:#666;
}

.vision_mission .desc2 .text2 {
	margin-top: -10px;
	line-height: 24px;
	font-size: 16px;
	font-family: 'Nanum Myeongjo', 'sans-serif';
    font-weight: 600;
    color:#000;
}

.vision_mission .desc2 .text3 {
	margin: 15px 0;
	line-height: 19px;
	font-size: 12px;
    color: #858585;
}



/* BASIC css end */