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

/* sec1 */
.ov_s1 {padding:0 0 50px;}
.ov_s1 .sub_title {padding:0 15px; }
.ov_s1 .sub_title h1 {font-size:20px; }
.ov_top {width: 100%; height: 180px; background: url('../img/ov_top.jpg') 50% 75% no-repeat;  margin:30px 0 0; background-size: cover; }
.ov_s1 .sub_title h2 {margin-bottom: 10px;}
.ov_s1 .box {width: 100%; background: #fff; position: relative; z-index: 2; margin:45px auto 0; padding:0 15px 0; text-align: center;}
.ov_s1 .box h3 {font-size:15px; font-weight: 500; color:#333;   margin-bottom: 15px; line-height: 28px; word-break: keep-all;}
.ov_s1 .box h3::before {content: ''; display: block; width: 40px; height: 2px; background: #000; margin:20px 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:0 0 50px;}
.ov_s2 .sub_con .img {width: 100%; }
.ov_s2 .sub_con .img img {width: 100%; }
.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:30px 15px; background: #fff; text-align: center; }
.ov_s2 .sub_title h3 {    font-size: 12px; font-weight: 500; color: #0867ae; letter-spacing: 3px; font-family: 'Montserrat';  text-transform: uppercase; margin-bottom: 5px; }
.ov_s2 .sub_title h1 {font-size:18px; margin-bottom: 15px; word-break: keep-all; line-height: 30px; }
.ov_s2 ul {margin-top:40px; padding:0 15px ;}
.ov_s2 ul li {width: 100%; margin-bottom: 15px; background: #fff; display: flex; align-items: center; text-align: center; border-top: 2px solid #0768af;
padding:20px 15px ;}
.ov_s2 ul li:last-child {margin-bottom: 0;}
.ov_s2 ul li:nth-child(2) {border-top-color: #0891ae;}
.ov_s2 ul li h2 {    font-size: 15px; font-weight:500; color: #0867ae; margin: 0 20px 0;}
.ov_s2 ul li .sub_p {font-size:13px; }
.ov_s2 ul li div img {width: 40px; }


/* sec 3  */
.ov_s3 {padding:50px 0 0; position: relative;}
/* .ov_s3 .sub_title {position: absolute; top:50px; left:50%; transform:translateX(-50%);} */
.ov_s3 > ul {width: 100%; display: flex; flex-wrap:wrap; margin:30px 0 0;}
.ov_s3 > ul > li {width: 100%; border-bottom:1px solid #eee;  text-align: left; padding:15px 20px 15px 15px; display: flex; align-items: center;
transition: all .3s ease;}
.ov_s3 > ul > li:first-child {border-top: 1px solid #eee;}
.ov_s3 .icon {width: 90px; height: 90px;  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; margin:0 auto; }
.ov_s3 .icon img {height: 35px;}
.ov_s3 .icon::before {    content: ''; display: block; width: calc(100% - 10px); height: calc(100% - 10px); transition: all .3s ease; border: 3px solid #f1f1f1;
position: absolute; left: 5px; top: 5px; z-index: -1; border-radius: 50%; background: #fff;}
.ov_s3 > ul > li h2 {    font-size: 10px; font-weight: 500; color: #0867ae; letter-spacing: 1px; font-family: 'Montserrat';  text-transform: uppercase; margin:10px 0 5px;}
.ov_s3 > ul > li h1 {font-size: 17px; font-weight: 700; color: #333; font-family: 'NanumSquare',sans-serif; }
.ov_s3 > ul > li p {font-size:13px; font-weight: 300; line-height: 24px; letter-spacing: -.7px; color:#666;word-break: keep-all;}
/* .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;} */
/* 모바일 */
.ov_s3 .left {text-align: center; margin-right: 25px; min-width: 132px; width: 132px; }
.ov_s3 > ul > li > p, .ov_s3 > ul > li .sub_list {width: calc(100% - 132px); }
.ov_s3 .sub_list {display: flex; flex-wrap:wrap; }
.ov_s3 .sub_list li {width: 50%; }
@media screen and (max-width: 404px) {
    .ov_s3 .sub_list li {width: 100%; }
}

/* sec4 */
.ov_s4 {padding:50px 0; background: #fbfbfb;}
.ov_s4 .sub_title h1::after { content: ''; display: block; width: 1px; height: 30px; background: #0867ae; margin:20px auto 0;}
.ov_s4 .sub_con {padding:0;}
.ov_s4 .sub_title {padding:0 15px; }
.ov_s4 .sub_con .w_box {background: #fff; padding: 40px 15px; }
/* .ov_s4 .sub_con .flex {display: flex; flex-direction: column ; align-items: center; margin-top:40px;} */
.ov_s4 .sub_con .flex {margin:30px 0 0;}
.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:14px; color:#fff; font-weight: 500; padding:10px; width: 80px; }
.ov_s4 .sub_con table td {font-size:13px; font-weight: 300; color:#666; letter-spacing: -.7px; padding:10px; border:1px solid #eee; border-right: 0; word-break: keep-all;}
.ov_s4 .contact {width: 100%; padding: 0; background: #fff;  display: flex; box-shadow: 0 0 10px 4.3px rgba(14, 26, 41, 0.05); flex-direction: column; }
.ov_s4 .contact li {width: 100%;text-align: left; padding:20px 15px; border-top: 1px solid #eee; display: flex; }
.ov_s4 .contact li:first-child {border-top: 0;}
.ov_s4 .contact li i {font-size:20px; color:#333; }
.ov_s4 .contact li h2 {font-size:14px; font-weight: 500; color:#333; font-family: 'Montserrat'; margin:0 15px 0; min-width: 51px ;width: 51px ;}
.ov_s4 .contact li p {font-size:13px; 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) {

}