@charset "urf-8";
/*공용*/
*{
	margin:0; padding:0; list-style:none;
}
.clear::after{
	content:'';
	display:block;
	clear:both;
	width:0; height:0;
	visibility:hidden;
}

#contentsArea{
    width:100%;
    margin:0 auto;
}
.b_line{
    width:80px; height:4px;
    display:inline-block;
    background-color: #9B1919;
    }
#b_main_contnet_wrap{
    max-width:1270px;
    width:100%;
    text-align:center;
    margin:70px 0 0 0;
}
.b_head_text{
    margin:0;
    padding-top:5px;
    font-size:24px;
    font-weight:900;
    color:#222;
}
.b_sub_text{
    margin:0 0 40px 0;
    padding-top:10px;
    font-size:18px;
    font-weight:500;
    color:#929292;
}
/*비전*/
#b_banner1{
    background-image: url(./img/b_brand_banner00.png);
    width:100%; height:150px;
    margin:70px 0 70px 0;
    position:relative;
}
#b_banner1_text_wrap{
    text-align:center;
}
#b_banner1_allWrap{
    position:absolute;
    display:block;
    left:50%; top:50%;
    transform:translate(-50%,-50%);
}
#logo1{
    width:130px;
    float:left;
    margin-right:20px;
}
#b_banner1_text_wrap{
    float:left;
}
#b_banner1_text_wrap>p{
    color:#ffffff;
    text-align:left;
    margin:0;
    line-height:2;
    font-size:18px;
    font-weight:700;
}
#b_banner1_text_wrap>p>span{
    color:#FF5050;
    line-height:2;
}

/*경영철학*/
#b_mp_left{
    float:left;
    width:70%;
    text-align:left;
    height:440px;
}
#b_mp_left>.b_line{
    margin-top:30px;
}
#b_mp_right{
    float:right;
    width:30%;
    height:440px;
    overflow:hidden;
    position:relative;
}
#b_mp_left_list,#b_mp_left>h2,#b_mp_left>p,#b_mp_left>.b_line{
    margin-left:50px;
}
#b_mp_left_list{
    margin-top:-20px;
}
#b_mp_left_list>dd{
    font-size:18px;
    font-weight:600;
    line-height:3;
}
#b_mp_left_list>dd>strong{
    color:#FF5050;
    font-weight:900;
}
#b_mp_right>img{
    width:100%;
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
}

/*핵심가치*/
#b_banner2{
    background-image: url(./img/b_brand_banner00.png);
    width:100%; height:150px;
    max-width:1270px;
    margin:70px 0 30px 0;
    position:relative;
}
#b_banner2>div{
    position:absolute;
    top:50%; left:50%;
    width:100%;
    transform:translate(-50%,-50%);
}
#b_banner2>div>p:nth-of-type(1){
    font-size:16px;
    color:#EDEDED;
}
#b_banner2>div>p{
    color:#ffffff;
    text-align:center;
    margin:0;
    line-height:2;
    font-size:20px;
    font-weight:700;
}
#b_banner2>div>p>span{
    color:#FF5050;
}

/*미디어쿼리*/
@media (max-width: 1088px) {
    /*텍스트*/
    .b_head_text{
        font-size:2.2vw;
    }
    #b_banner1_text_wrap>p{
        font-size:1.5vw;
        margin-top:.6vw;
    }
    .b_sub_text{
        font-size:1.5vw;
    }
    #b_banner2>div>p:nth-of-type(1){
        font-size:1.4vw;
        color:#EDEDED;
    }
    #b_banner2>div>p{
        color:#ffffff;
        text-align:center;
        margin:0;
        line-height:2;
        font-size:1.8vw;
        font-weight:700;
    }
    #b_mp_left_list>dd{
        font-size:1.7vw;
        font-weight:600;
        line-height:3;
    }
  }
  @media (max-width: 991px) {
      /*텍스트*/
    .b_head_text{
        font-size:20px;
        text-align:center;
        
    }
    .b_sub_text{
        font-size:16px;
        text-align:center;
    }
    #logo1{
        width:100px;
    }
    #b_banner1_text_wrap>p{
        font-size:14px;
        transform:translateY(-10px);
    }
    #b_banner2>div>p:nth-of-type(1){
        font-size:14px;
        color:#EDEDED;
    }
    #b_banner2>div>p{
        font-size:16px;
    }
    #b_mp_left_list{
        margin-top:40px;
    }
    #b_mp_left_list>dd{
        font-size:14px;
        text-align:center;
    }
    /*비전*/
    #b_banner1{
    height:300px;
    }
    #logo1{
        float:none;
    }
    #b_banner1_text_wrap{
        margin-top:30px;
        float:none;
    }
    #b_banner1_text_wrap>p{
        text-align:center;
    }
    #b_banner1_allWrap{
        width:90%;
    }
    /*경영철학*/
    #b_mp_right{
        float:none;
        width:100%;
        height:200px;
    }
    #b_mp_left{
        float:none;
        width:100%;
        text-align:center;
    }
    #b_mp_left_list,#b_mp_left>h2,#b_mp_left>p,#b_mp_left>.b_line{
        margin-left:0;
    }
}