/* 공통 */
.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*/
#org_chart {text-align: center; }

/* sec1 */
.ov_s1 {padding:0 0 160px;}
.ov_top {width: 100%; height: 340px; background: url('../img/ov_top.jpg') 50% 50% no-repeat;  background-attachment: fixed; margin:40px 0 0;}
.ov_s1 .sub_title h2 {margin-bottom: 20px;}
.ov_s1 .box {width: 1100px; background: #fff; position: relative; z-index: 2; margin:-80px auto 0; padding:80px 0 0; text-align: center;}
.ov_s1 .box h3 {font-size:18px; font-weight: 600; color:#333;  font-family: 'NanumSquare',sans-serif; margin-bottom: 15px;}
.ov_s1 .box h3::before {content: ''; display: block; width: 50px; height: 2px; background: #000; margin:40px auto;}

/* sec2 */
.ov_s2 { background: url('../img/ov_s2_bg.jpg') 50% 50% no-repeat; background-size:cover; }
.ov_s2 .sub_con {z-index: 1; padding:120px 0 100px;}
.ov_s2 .sub_con .img {position: absolute; right:0; top:-60px; z-index: -1;}
.ov_s2 .sub_con .img::before {content: ''; display: block; position: absolute; left:15px; top:15px; width: calc(100% - 30px);  height: calc(100% - 30px);
border:1px solid rgba(255,255,255,.5);}
.ov_s2 .txt {padding:50px 50px; background: #fff; text-align: left; max-width: 800px;}
.ov_s2 .sub_title {text-align: left;}
.ov_s2 .sub_title h3 {    font-size: 14px; font-weight: 500; color: #0867ae; letter-spacing: 3px; font-family: 'Montserrat';  text-transform: uppercase;}
.ov_s2 .sub_title h1 {font-size:25px; margin-bottom: 20px;}
.ov_s2 ul {margin-top:100px; display: flex;}
.ov_s2 ul li {width: 400px; margin-right: 50px; background: #fff; min-height: 250px; display: flex; align-items: center; justify-content: center; flex-direction: column;
    text-align: center; border-top: 3px solid #0768af;}
.ov_s2 ul li:last-child {margin-right: 0;}
.ov_s2 ul li:nth-child(2) {border-top-color: #0891ae;}
.ov_s2 ul li h2 {    font-size: 20px; font-weight:800; color: #0867ae; font-family: 'NanumSquare',sans-serif; margin: 25px 0 8px;}
.ov_s2 ul li div {transition: transform 500ms;}
.ov_s2 ul li:hover div {transform: rotateY(180deg);}

/* sec 3  */
.ov_s3 {padding:0; position: relative;}
.ov_s3 .sub_title {position: absolute; top:100px; left:50%; transform:translateX(-50%);}
.ov_s3 > ul {display: flex; width: 100%; }
.ov_s3 > ul > li {flex:1; border-left:1px solid #eee;  text-align: center; padding:300px 0 120px; display: flex; align-items: center; flex-direction: column;
transition: all .3s ease;}
.ov_s3 > ul > li:last-child {border-right: 1px solid #eee;}
.ov_s3 .icon {width: 190px; height: 190px;  display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; border-radius: 50%;
background: #fff; border:1px solid #f1f1f1; transition: all .3s ease;}
.ov_s3 .icon img {transition: transform 500ms;}
.ov_s3 .icon::before {    content: ''; display: block; width: calc(100% - 20px); height: calc(100% - 20px); transition: all .3s ease; border: 5px solid #f1f1f1;
position: absolute; left: 10px; top: 10px; z-index: -1; border-radius: 50%; background: #fff;}
.ov_s3 > ul > li h2 {    font-size: 13px; font-weight: 500; color: #0867ae; letter-spacing: 1.4px; font-family: 'Montserrat'; margin: 40px 0 10px; text-transform: uppercase;}
.ov_s3 > ul > li h1 {font-size: 20px; font-weight: 700; color: #333; margin-bottom: 20px; font-family: 'NanumSquare',sans-serif;}
.ov_s3 > ul > li p {font-size:14px; font-weight: 300; line-height: 25px; letter-spacing: -.5px; color:#666;}
.ov_s3 > ul > li:hover .icon, .ov_s3 > ul > li:hover .icon::before {border-color: #0092ff;}
.ov_s3 > ul > li:hover .icon img {transform: rotateY(180deg);}
.ov_s3 > ul > li:hover {background-color: #fbfbfb;}

/* sec4 */
.ov_s4 {padding:100px 0; background: #fbfbfb;}
.ov_s4 .sub_title h1::after { content: ''; display: block; width: 1px; height: 55px; background: #0867ae; margin:20px auto 0;}
.ov_s4 .sub_con .w_box {background: #fff; padding: 80px 100px; }
.ov_s4 .sub_con .flex {display: flex; justify-content: space-between; align-items: center; margin-top:60px;}
/* .ov_s4 .info {display: flex; flex-wrap:wrap; width: 100%;}
.ov_s4 .info li { font-size:17px; color: #666; margin-bottom: 20px; font-family: 'NanumSquare',sans-serif;	 font-weight: 400; display: flex; width: 50%;}
.ov_s4 .info li span {font-weight: 800; color:#000; margin-right: 15px; display: block; } */
.ov_s4 .sub_con table {width: 100%; border-collapse: collapse; }
.ov_s4 .sub_con table th {background: #0867ae; border:1px solid rgba(255,255,255,.2); font-size:15px; color:#fff; font-weight: 500; padding:18px 20px;}
.ov_s4 .sub_con table td {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; padding:18px; border:1px solid #eee; border-right: 0;}
.ov_s4 .contact {width: 720px; padding: 40px 0; background: #fff;  display: flex; box-shadow: 0 0 19px 4.3px rgba(14, 26, 41, 0.05); }
.ov_s4 .contact li {flex:1; text-align: center; border-right: 1px; padding:20px 0; border-right: 1px solid #eee;}
.ov_s4 .contact li:last-child {border-right: 0;}
.ov_s4 .contact li i {font-size:30px; color:#333; }
.ov_s4 .contact li h2 {font-size:15px; font-weight: 500; color:#333; font-family: 'Montserrat'; margin:15px 0 5px;}
.ov_s4 .contact li p {font-size:14px; font-weight: 300; color:#666;}






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

}

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

}

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

}

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

}