/* 공통 */
.sub_con {width: 100%; margin:0 auto; padding:0 15px ;}
.s_title h1 {font-size:24px; font-weight: 700; color:#000; text-transform: uppercase; font-family: 'Montserrat'; }
.s_title h1::before {content: ''; display: block; width: 55px; height: 3px; background: #e60012; margin:0 auto 20px;}
.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 26px; word-break: keep-all;}
.dot_bg {padding:50px 15px; 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: 10px; height: 10px; border-radius: 50%; background-color: rgba(230,0,18,.2); margin-bottom: 10px; }
.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:40px 0 50px; z-index: 1; position: relative; }
#history .img {width: 100%; margin:40px 0 0;}
#history .img img {width: 100%; }

#history .w_box {background: #fff; padding:30px 0 0; position: relative; z-index:2; width: 100%; margin:0 auto 0;}
.sub_bot_bg {background: #333; }
/* his_list */
#his_list {width: 100%; margin:0 auto 35px; border-top: 1px solid #010c15; text-align: left; }
#his_list li {width: 100%; padding:15px 10px; border-bottom: 1px solid #ddd; display: flex; align-items: center; }
#his_list li span {display: flex; align-items: center; width: 100px; height: 45px; text-align: center; background-color:#e60012 ; font-family: 'Montserrat';
font-size:15px; font-weight: 600; color:#fff; letter-spacing: 1px;  justify-content: center; border:1px solid #e60012; }
#his_list li > div {width:calc(100% - 100px); margin-left:20px; padding:0 0 0;}
#his_list li > div p {letter-spacing: -.5px; line-height: 22px;}
#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) {

}