/* 공통 */
.sub_con {width: 100%; margin:0 auto; padding:0 15px ;}
.s_title h1 {font-size:24px; font-weight: 700; color:#000; text-transform: uppercase; font-family: 'Montserrat'; }
.s_title h1::before {content: ''; display: block; width: 55px; height: 3px; background: #e60012; margin:0 auto 20px;}
.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 26px; word-break: keep-all;}
.dot_bg {padding:50px 15px; background: url('../img/dot_bg.jpg') 50% 50% repeat; }

/*Content CSS*/
#vision {text-align: center; }
/* section1 */
#vis_sec1 {padding:40px 0 50px;}
#vis_sec1 h2 {font-size:15px; font-weight: 300; color:#333; line-height: 28px; margin:0 0 0; word-break: keep-all; letter-spacing: -.5px; }
#vis_sec1 h2 span {font-weight: 500; color:#000; }
#vis_sec1 .img {width: 100%;  margin:40px 0 0;}
#vis_sec1 .img img {width: 100%;}
#vis_sec1 .txt {background: #fff; padding:30px 15px 0; position: relative; z-index:2; width: 100%; margin:-0 auto 0; }

/* section2 */
#vis_sec2 {;}
#vis_sec2 .top p {font-size:15px; font-weight: 300; color:#333; margin:15px 0 40px;  word-break: keep-all; line-height: 28px;}
#vis_sec2 .list {display: flex; flex-direction: column; align-items: center; }
#vis_sec2 .list li {width: 100%; background: #fff; text-align: center; padding:20px; border:4px solid #eee; display: flex; align-items: center; max-width: 410px;
margin-bottom: 15px;}
#vis_sec2 .list li:last-child {margin-bottom: 0; }
/* #vis_sec2 .list li:nth-child(2) {border-top-color: #333; } */
#vis_sec2 .list li .icon {width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; background: #f8f8f8; border-radius: 50%;
margin-right: 40px; }
#vis_sec2 .list li .icon img {height: 40px; }
#vis_sec2 .list li h2 {font-size:16px; font-weight: 300; color:#333; }
#vis_sec2 .list li h2::before {content: ''; display: block; width: 30px; height: 1px; background: #000; margin:0 0 15px;}
#vis_sec2 .list li h2 b {font-weight: 500; color:#000; }





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

}

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

}

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

}

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

}
