/* BASIC css start */
#brandstory .etc_title{
    font-size: 19px;
    font-weight: bold;
    color: #232323;
    letter-spacing: 2px;
    text-align: center;
    line-height: 1;
    margin: 30px 0 20px;
}

#brandstory .tab_wrap{}

#brandstory .tab_wrap .tab_hd{
    margin-bottom: 48px;
    padding: 0 10px;
}

#brandstory .tab_wrap .tab_hd > div{
    width: 33.333333%;
    font-size: 11.5px;
    line-height: 35px;
    border: 1px solid #e6e6e6;
    text-align: center;
    color: #454545;
    margin-right: -1px;
    box-sizing: border-box;
    -khtml-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}

#brandstory .tab_wrap .tab_hd > div:hover,
#brandstory .tab_wrap .tab_hd > div.on{
    background: #ffacaa;
    color: #fff;
    border: 1px solid #ffacaa;
    font-weight: bold;
}

#brandstory .tab_wrap .tab_body > div{
    display: none;
}

#brandstory .tab_wrap .tab_body > div.on{
    display: block;
}

#brandstory .tab_wrap .tab_body > div img{
    width: 100%;
}
/* BASIC css end */