/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative;}
.sub_title {text-align: center;}
.sub_title h2 {    font-size: 14px; font-weight: 400; color: #0867ae; letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 15px; text-transform: uppercase;}
.sub_title h1 {    font-size: 35px; font-weight: 400; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 55px;}
.sub_title h1 b {font-weight: 800;}
.apos_head {display: inline-block; position: relative; text-align: center; }
.apos_head h1 {font-size:30px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif;}
.apos_head h1 span {font-weight: 800; color:#0867ae;}
.apos_head > img {position: absolute; top:-20px;}
.apos_head > img.apos1 {left:-75px;}
.apos_head > img.apos2 {right:-75px;}
.sub_p {font-size:15px; font-weight: 300; color:#666; letter-spacing: -.5px; line-height: 30px; word-break: keep-all;}
.sub_list {text-align: left;}
.sub_list li {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; margin-bottom: 10px; 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; background: #0867ae; margin-right: 8px; position: relative; top:9px;}

/*Content CSS*/
#overview2 {text-align: center; padding:0 0 130px;}
#overview2 .sub_title .sub_p {margin-top:20px;}
/* ov2_list */
.ov2_list {display: flex;text-align: left; margin-top:60px;}
.ov2_list li {width: 25%; display: flex; display: flex; flex-direction: column; padding:0 30px; padding:60px 50px 0; background: #fbfbfb; min-height: 650px;
cursor: pointer; position: relative; transition: all .4s ease;}
.ov2_list li.active {width: 50%;}
.ov2_list li h2 {    font-size: 28px; font-weight:600; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 28px;}
.ov2_list li h2::after {content: ''; display: block; width: 35px; height: 2px; background: #333; margin:35px 0;}
.ov2_list li p {font-size:14px; font-weight: 300; color:#333; line-height: 26px; word-break: keep-all; letter-spacing: -.5px; display: none; white-space: nowrap;}
.ov2_list li span {font-size:15px; font-weight: 300; color:#333; line-height: 28px;  word-break: keep-all; display: block;  white-space: nowrap;}
.ov2_list li a {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; width: 120px; height: 100px; visibility: hidden;
bottom: 40px; right: 40px; background: #fff;     font-size: 14px; font-weight: 500; color:#0768af; transition: all .4s ease; font-family: 'Montserrat'; opacity: 0;}
/* bg */
.ov2_list li:nth-child(1) {background: url('../img/ov2_img2.jpg?v=210402') 50% 50% no-repeat; background-size:cover;}
.ov2_list li:nth-child(2) {background: url('../img/ov2_img1.jpg?v=210402') 50% 50% no-repeat; background-size:cover;}
.ov2_list li:nth-child(3) {background: url('../img/ov2_img3.jpg') 50% 50% no-repeat; background-size:cover;}
/*active   hover */
.ov2_list li.active span {display: none;}
.ov2_list li.active p {display: block;}
.ov2_list li.active a {opacity: 1; visibility: visible;}
.ov2_list li.active a:hover {background: #0768af; color:#fff;}
.ov2_list li.active h2, .ov2_list li.active p {color:#fff;}
.ov2_list li.active h2::after {background-color: #fff;}
.ov2_list li:nth-child(1).active {background-image: url('../img/ov2_img2_ac.jpg?v=210402') ;}
.ov2_list li:nth-child(2).active {background-image: url('../img/ov2_img1_ac.jpg?v=210402') ;}
.ov2_list li:nth-child(3).active {background-image: url('../img/ov2_img3_ac.jpg') ;}


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

}

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

}

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

}

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

}