@charset "utf-8";

/* 내용관리 */
#ctt {/* padding:20px; */ }
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {/* padding:10px 0; */word-break:keep-all;}
.ctt_img {text-align:center}
.brand_intro{width:100%; min-height: 550px; background: url('img/brandstory_bg_cap.jpg') 50% no-repeat; }
.bgcolor{background:rgba(0,0,0,0.3); min-height: 850px; }
.brand_intro .brand_contxt{padding-top:130px; width: 60%; margin:0 auto; color:#fff;word-break:keep-all;}
.brand_intro .brand_contxt .title{text-align: center;}
.brand_intro .brand_contxt .title .pc_tit, .mo_tit{ position:relative; font-size: 3.2em;}

.brand_intro .brand_contxt .title .mo_tit{ position:relative; font-size: 3.2em; display: none;
}
.brand_intro .brand_contxt .title span{display:inline-block; margin:20px 0 0;}
.brand_intro .brand_contxt .title span img{width:100%; height:47px;}
.brand_intro .brand_contxt .pc_cont{padding-top:30px; font-size: 1rem; text-align: center; line-height:25px;}
.brand_intro .brand_contxt .mo_cont{position:relative; padding-top:30px; font-size: 1.2em; text-align: center; font-weight: 400;  display: none;word-break:keep-all;}

#bi_con{max-width:1280px; margin:0 auto 50px; text-align: center; padding:0 20px; color:#2a2a2a; word-break:keep-all;}
#bi_con h2{font-size: 2.8rem; letter-spacing: -2px;  }
#bi_con h2 strong{color:#ba161c;}
#bi_con .symbol_con{padding-top:85px;}
#bi_con .logo_con{padding-top:85px;}

#bi_con img{width:100%;}
#bi_con .h3_tit{color:#ba161c; font-size: 2.1rem; letter-spacing: -0.6px;}
#bi_con .sym_img{padding:35px 0; max-width: 170px; margin: 0 auto;}
#bi_con .log_img{padding:35px 0; max-width: 469px; margin: 0 auto;}
.log_color_img{padding-top:100px; max-width:759px; margin: 0 auto;}
#bi_con p{font-size: 1.2rem; letter-spacing: -0.3px;}

@media(max-width:969px){   
    .brand_intro{ background: url('img/mo_brandstory_bg_cap970.jpg') 50% no-repeat; }
    .brand_intro .brand_contxt{width: 100%; padding:100px 40px; }
    .brand_intro .brand_contxt .title .pc_tit{display: none;}
    .brand_intro .brand_contxt .title .mo_tit{ font-size: 3em; display:block;}    
    .brand_intro .brand_contxt .pc_cont{display:none;}
    .brand_intro .brand_contxt .mo_cont{display: block;font-size: 1.4em; line-height:30px;max-width: 500px; margin: 0 auto;}
    /* .brand_intro .brand_contxt .title span img{height:35px;} */
    #bi_con h2{font-size: 2.8rem; letter-spacing: -2px;}
    #bi_con h2 strong{color:#ba161c;}
    .bgcolor{min-height: 810px; }
}
@media(max-width:600px){ 

}