/* 공통 */
.con_bg {width: 100%; background: url('../img/dot_bg.jpg'); padding: 80px 0;}

.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;}

.sub_title .sub_p {margin-top:20px;}
/*Content CSS*/
#vison3 .sub_title h2 {letter-spacing: 4px; }
/* sec1 */
.vis_sec1 p {font-size:17px; line-height: 40px; color:#666; font-weight: 400; font-family: 'NanumSquare',sans-serif; margin:20px 0 0;}

/* vision */
.vis_sec2 {padding:80px 0 120px; margin:80px 0 0;}
.vis_sec2 .img {text-align: center; margin:100px 0 0; }
/* vis_list */
.vis_list {display: flex; justify-content: space-between; margin:50px 0 0; text-align: center; }
.vis_list li {width: 410px; background: #fff; border-top:2px solid #0867ae; padding:50px 40px;  }
.vis_list li .icon {    width: 174px; height: 174px;border-radius: 50%;background: #fff;text-align: center;margin: 0 auto 25px auto;
border:8px solid #f5f5f5; display: flex; align-items: center ;justify-content: center ; }
.vis_list li .icon img {transition: transform 500ms;}
.vis_list li h2 {font-size:18px; font-weight: 700; color:#0867ae; font-family: 'Montserrat'; }
.vis_list li h1 {    font-size: 24px; font-family: 'NanumSquare',sans-serif; font-weight: 700; margin: 10px 0 20px; color:#333; }
.vis_list li p {font-size:14px; font-weight: 300; color:#666; line-height: 27px; word-break: keep-all; letter-spacing: -.5px; }
.vis_list li:nth-child(2) {border-top-color: #4aa198; }
.vis_list li:nth-child(2) h2 {color:#4aa198; }
/* hover */
.vis_list li:hover .icon img {transform: rotateY(180deg);}





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

}

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

}

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

}

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

}