
/* 공통 */
.sub_con {width: 100%; margin:0 auto ; position: relative; padding:0 15px;}
.sub_p {font-size:14px; font-weight: 300; color:#000; line-height: 26px; letter-spacing: -.5px; word-break: keep-all; }
.section {padding:60px 0; position: relative; }
.s_tit h2 {font-size: 13px; font-weight: 600; color:#af231c; font-family: 'Montserrat';  letter-spacing:3px;}
.s_tit h1 {font-size: 22px; font-weight: 400; color:#000; font-family: 'NanumSquare',sans-serif; margin-top:15px ;line-height: 40px;word-break: keep-all;}
.s_tit h1 b {font-weight: 800;}


/*Content CSS*/
#bi { padding: 60px 0 0; text-align: center; }

#bi .top { position:relative; padding:0 0 25px; margin:0 0 25px; }
#bi .top::after {content: ''; display: block; width: 100%; height: 5px; background: url('../img/sub_title.png') 31% 50% repeat;  position: absolute;bottom: -0; left: -2px;}
#bi .top b { font-size: 12px; font-family: 'Montserrat';  display: block; font-weight: 600; color: #af231c; letter-spacing: 4px; }
#bi .top h3 { font-size: 22px; font-family: 'NanumSquare',sans-serif; font-weight: 300; color: #000; margin-top: 10px; }

/* .img_div { margin:30px 0; } */
.img_div img { max-width:100%; margin:0 auto 20px; }

.img_txt { margin:30px 0 0; }
.img_txt .img { margin:0 0 30px; }
.img_txt .img img { max-width:100%; border:1px solid #ddd;}

.img_txt .txt { }
.img_txt .txt .sub_p { line-height: 2; }
.img_txt .txt .sub_p strong { color:#b01018; font-weight: 500; font-size: 16px; }
.img_txt .txt .sub_p b { color:#333333; font-weight: 500; font-size: 16px; }

.color_box { margin:30px 0 0; display: flex; justify-content: space-between; }
.color_box > div { width: 50%; padding:25px; background-color: #af231c; color:#fff; }
.color_box > div:last-of-type { background-color: #26252a;  }
.color_box b { font-size: 17px; font-weight: 500; }
.color_box p { font-size: 14px; line-height: 23px; font-weight: 300; margin:10px 0 0; }


/* 캐릭터 */
.bi_s2 { background:#f7f7f7; padding:50px 0 80px; margin:50px 0 0; }
.char_info { text-align: center; }
.char_info .img { border:1px solid #ddd; padding:30px 20px; background:#fff; margin:0 0 25px; }
.char_info .img img { width:100%; }
.char_info .txt { text-align: left; }
.char_info p strong { color:#b01018; font-weight: 600; font-size: 15px; }
.char_info p b { color:#333333; font-weight: 600; font-size: 15px; }
