/* 공통 */
.sub_con {width: 1300px; margin:0 auto; }
.s_title h1 {font-size:48px; font-weight: 700; color:#000; text-transform: uppercase; font-family: 'Montserrat', 'Noto Sans KR'; }
.s_title h1::before {content: ''; display: block; width: 72px; height: 4px; background: #e60012; margin:0 auto 40px;}
.sub_p {font-size:16px; font-weight: 300; color:#666; line-height: 30px; word-break: keep-all;}
.dot_bg {padding:100px 0; background: url('../img/dot_bg.jpg') 50% 50% repeat; }

.w_box {background: #fff; position: relative; z-index: 2;   }
/* .sub_bot_bg {width: 100%; height: 500px; position: relative; z-index: -1; background: url('../img/his_bg.jpg') 50% 50% no-repeat; background-size:cover;
margin-top:-200px; } */

.cir_bullet {display: flex; flex-direction: column; align-items: center; }
.cir_bullet > span {display: block; width: 14px; height: 14px; border-radius: 50%; background-color: rgba(230,0,18,.2); margin-bottom: 15px; }
.cir_bullet > span:nth-child(2) {background-color: rgba(230,0,18,.5); }
.cir_bullet > span:nth-child(3) {background-color: #e60012; margin-bottom: 0; }

/*Content CSS*/
#history {text-align: center; padding:80px 0 120px; z-index: 1; position: relative; }
#history .img {width: 100%; height: 340px; background: #333; margin:50px 0 0;}

#history .w_box {background: #fff; padding:100px 80px 0; position: relative; z-index:2; width: 1100px; margin:-60px auto 0;}
.sub_bot_bg {background: #333; }
/* his_list */
#his_list {width: 100%; margin:0 auto 40px; border-top: 1px solid #010c15; text-align: left; }
#his_list li {width: 100%; padding:20px 25px; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; }
#his_list li span {display: flex; align-items: center; width: 180px; height: 56px; text-align: center; background-color:#e60012 ; font-family: 'Montserrat';
font-size:24px; font-weight: 600; color:#fff; letter-spacing: 1px;  justify-content: center; border:1px solid #e60012; }
#his_list li > div {width:calc(100% - 180px); margin-left:50px; padding:12px 0 0;}
#his_list li:nth-child(even) span {background: #fff; color:#e60012; }



@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}