/* 공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; padding:0 15px; }
.sub_title {text-align: center;}
.sub_title h2 {    font-size: 12px; font-weight: 400; color: #0867ae; letter-spacing: 3px; font-family: 'Montserrat'; margin-bottom: 8px; text-transform: uppercase;}
.sub_title h1 {    font-size:22px; font-weight: 400; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 35px; word-break: keep-all;}
.sub_title h1 b {font-weight: 800;}
.apos_head {display: inline-block; position: relative; text-align: center; padding:0 30px;}
.apos_head h1 {font-size:18px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif; word-break: keep-all; line-height: 30px; }
.apos_head h1 span {font-weight: 800; color:#0867ae;}
.apos_head > img {position: absolute; top:-10px; width: 20px; }
.apos_head > img.apos1 {left:0;}
.apos_head > img.apos2 {right:0;}
.sub_p {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.7px; line-height: 25px; word-break: keep-all; word-break: keep-all;}
.sub_list {text-align: left;}
.sub_list li {font-size:12px; font-weight: 300; color:#666; letter-spacing: -.7px; margin-bottom: 6px; display: flex; align-items: flex-start;}
.sub_list li:last-child {margin-bottom: 0;}
.sub_list li::before {content: ''; display: block; width: 3px; height: 3px; min-width: 3px; min-height: 3px; background: #0867ae; margin-right:8px; position: relative; top:7px;}



/*Content CSS*/
#histroy {padding-bottom: 60px;}
#histroy .img {width: 100%; height: 170px; text-align: center; display: flex; align-items: center; justify-content: center; color:#fff; font-size: 25px;font-family: 'Montserrat';  font-weight: 600; background: url('../img/his_bg.jpg')no-repeat 50% 50%; background-size: cover;}

#histroy .article {position: relative; width: 100%; background: #fff; padding: 30px 0 0 0; margin: 0 auto 0;}
#histroy .article::before {width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 0;  display: block; content: "";}
.his_box {width: 100%; position: relative; margin-bottom: 50px; }
.his_box > div {width: 100%;  position: relative; padding-left:55px  }
.his_box h1 {font-family: 'NanumSquare',sans-serif; font-weight: 900; font-size: 20px; color:#333; text-align: left;}
.his_box ul {margin-top: 10px; }
.his_box ul li {position: relative; margin-bottom: 10px; font-size: 13px; color:#666; word-break: keep-all; padding-left: 55px; line-height: 24px; letter-spacing: -.7px;
word-break: keep-all;}
.his_box ul li:last-child {margin-bottom: 0;}
.his_box ul li span {color:#0768af; font-size: 15px; font-weight: 500; width: 40px; position: absolute; top: 0; left: 15px;}
.his_box ul li::before {width: 4px; height: 4px; background: #e0e5e9; display: block; content: ""; position: absolute;; top: 10px; left: 0;}


.his_box {display: flex; justify-content: flex-start;}
/* .his_box.right {display: flex; justify-content: flex-end; top: -30px;} */
/* .his_box.right > div {padding-left: 180px;} */

/*line*/
#histroy .his_box > div::before {position: absolute; top: 10px; left: 0; content: ""; background: #ddd; width: 30px; height: 1px;}
/* #histroy .his_box.right > div::before {position: absolute; top: 22px; left: 0; content: ""; background: #ddd; width: 150px; height: 1px;} */

#histroy .his_box > div::after {width: 11px; height: 11px; border: 3px solid #0768af; border-radius: 50%; display: block; content: ""; position: absolute; top: 5px; left: 30px; z-index: 2; background: #fff; }
/* #histroy .his_box.right > div::after {width: 15px; height: 15px; border: 3px solid #0768af; border-radius: 50%; display: block; content: ""; position: absolute; top: 15px; left: -8px; z-index: 2; background: #fff; } */


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

}

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

}

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

}

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

}