/* 공통 */
.sub_con {width: 1300px; margin:0 auto; }
.s_title {text-align: center; }
.s_title h2 {font-size:18px; font-weight: 500; color:#aacd06; letter-spacing: 3.6px;  border-bottom: 2px solid #aacd06; display: inline-block ; padding-bottom: 5px;
margin-bottom: 20px;}
.s_title h1 {font-size:36px; font-weight: 600; color:#000; }

.w_box {background: #fff; position: relative; z-index: 2; box-shadow: 2.2px 2px 18px 0 rgba(0, 0, 0, 0.09); padding:90px 0; border-radius: 5px; }
.cir_bullet {display: flex; flex-direction: column; align-items: center; }
.cir_bullet > span {display: block; width: 14px; height: 14px; border-radius: 50%; background-image: linear-gradient(to left, #aacd06, #009944); margin-bottom: 15px; }
.cir_bullet > span:nth-child(2) {opacity: .4;}
.cir_bullet > span:nth-child(3) {opacity: .2; margin-bottom: 0; }
.color_bg {width: 100%; height: 450px; position: absolute; z-index: -1;  left:0; top:350px; background-image: linear-gradient(to bottom, #aacd06, #009944);}


/*Content CSS*/
#history {padding:85px 0 155px; position: relative ; z-index: 1; }
/* section1 */
#his_sec {margin-top:50px;}
/* his_list */
#his_list {width: 1050px; margin:0 auto 50px; border-top: 1px solid #010c15; text-align: left;  display: flex; flex-wrap:wrap; }
#his_list li {width: 100%; padding:20px 0; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; width: 50%; }
#his_list li span {display: flex; align-items: center; width: 180px; height: 56px; text-align: center;
font-size:24px; font-weight: 800; color:#000; letter-spacing: -.6px; font-family: 'NanumSquare',sans-serif; justify-content: center; }
#his_list li > div {width:calc(100% - 180px); margin-left:20px; padding:5px 0 0;}
#his_list li > div p {font-size:18px; font-weight: 300; color:#666; line-height: 42px; }
#his_list li:last-child {width: 100%; }













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

}

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

}

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

}