/*공통*/
.con1600 {width: 1600px; margin: 0 auto;}
.con1300 {width: 1300px; margin: 0 auto;}

.c_title {text-align: center;}
.c_title h2 {font-size: 18px; font-family: 'Poppins',sans-serif; font-weight: 600; color:#bcc0cf; letter-spacing: 1.8px;}
.c_title h2 span {color:#3f5aab;}
.c_title h1 {font-size:38px; font-weight: 400; color:#222; line-height: 50px; letter-spacing: -1.9px; margin: 20px 0 30px 0;}
.c_title h1 span {font-weight: 700;}
.c_title p {font-size: 14px; font-weight: 300; color: rgba(34, 34, 34, 0.5); line-height: 26px; word-break: keep-all;}

.sub_h1 {font-size: 24px; font-weight: 400; color:#222; margin-bottom: 25px; position: relative; padding-left: 32px;}
.sub_h1::before {display: block; content:""; width: 17px; height: 17px; border-radius: 50%; border:4px solid #3f5aab; background: #fff; position: absolute; top: 10px; left: 0; }

.busin_table {width: 1300px; margin: 0 auto;}
.busin_table table {width: 100%;font-family: 'Noto Sans KR', sans-serif; border-collapse: collapse;}
.busin_table table th, .busin_table table td {padding: 10px; word-break: keep-all;}
.busin_table table thead th, .busin_table table thead td {color:#fff; border: 1px solid #536fc3; font-size: 14px; font-weight: 400; line-height: 26px;}
.busin_table table thead th {background: #3f5aab; }
.busin_table table thead th:last-child {border-right: 1px solid #3f5aab}
.busin_table table thead tr:last-child th {border-bottom: 1px solid #3f5aab}

.busin_table table thead td {background: #28548d; border: 1px solid #5376a4;}
.busin_table table thead td:last-child {border-right: 1px solid #28548d}


.busin_table table tbody th, .busin_table table tbody td {  }
.busin_table table tbody th {text-align: center; font-weight: 400; color:#333; background: #edeff6; line-height: 26px;font-size: 14px;  border: 1px solid #d3d8e9 }
.busin_table table tbody td {font-weight: 300; color:#666; line-height: 26px; background: #fff; font-size: 14px; text-align: center;border: 1px solid #dfe3ed; }

/*Content CSS*/
#history {position: relative; padding-bottom: 140px; overflow: hidden;}
#history::before {display: block; content: ""; width :100%; height: calc(100% - 176px); background: url('../img/his_bg.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; position: absolute; bottom: 0;}
#history .con1300 {box-shadow: 10.6px 15.8px 19.7px 4.3px rgba(14, 26, 41, 0.06); background: #fff; padding: 0 60px 60px; position: relative; z-index: 2;}
#history .con1300 .his_box {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 80px;}
#history .con1300 .his_box:last-child {margin-bottom: 0;}
#history .con1300 .img {width: 46%; background: #000; height: 450px; text-align: center; overflow: hidden;}
#history .con1300 .script { width: 46%; }
#history .con1300 .script h1 {font-size: 30px; color:#333; font-weight: 500; margin-bottom: 25px; border-bottom: 1px solid #ddd; width: 100%; padding-bottom: 20px; position: relative;}
#history .con1300 .script h1::after{position: absolute; bottom: -1px; left: 0; display: block; content: ""; width: 250px; height: 2px; background: #3f5aab}
#history .con1300 .script ul li {margin-bottom: 20px; font-size: 15px; font-weight: 300; color:#666; padding-left: 30px; position: relative;}
#history .con1300 .script ul li::before {display: block; content: ""; width: 7px; height: 7px; background: #3f5aab; position: absolute; top: 7px; left: 0;}
#history .con1300 .script ul li span {color:#3f5aab; font-weight: 700;  padding-right: 30px;}


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

}

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

}

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