/* 공통 */
.sub_con {width: 100%; padding:0 15px ;}
.s_title {text-align: center; }
.s_title h2 {font-size:15px; font-weight: 500; color:#aacd06; letter-spacing: 3.6px;  border-bottom: 2px solid #aacd06; display: inline-block ; padding-bottom: 5px; }
.s_title h1 {font-size:24px; font-weight: 600; color:#000; margin-top:12px;}

.w_box {background: #fff; position: relative; z-index: 2; }
.cir_bullet {display: flex; flex-direction: column; align-items: center; }
.cir_bullet > span {display: block; width: 10px; height: 10px; border-radius: 50%; background-image: linear-gradient(to left, #aacd06, #009944); margin-bottom: 10px; }
.cir_bullet > span:nth-child(2) {opacity: .4;}
.cir_bullet > span:nth-child(3) {opacity: .2; margin-bottom: 0; }


/*Content CSS*/
#history {padding:40px 0 60px; position: relative ; z-index: 1; }
/* section1 */
#his_sec {margin-top:40px;}
/* his_list */
#his_list {width: 100%; margin:0 auto 40px; border-top: 1px solid #010c15; text-align: left;  display: flex; flex-wrap:wrap; }
#his_list li {padding:15px 0; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; width: 100%; }
#his_list li span {display: flex; align-items: center; text-align: center; font-size:18px; font-weight: 800; color:#000; letter-spacing: -.6px; font-family: 'NanumSquare',sans-serif; justify-content: center; min-width: 70px; padding-top:3px;}
#his_list li > div {width:calc(100% - 70px); margin-left:20px; padding:0 0 0;}
#his_list li > div p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.5px;word-break: keep-all;}














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

}

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

}

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

}