/*공통*/
.con_wrap {width: 100%;}
.con_bg {width: 100%; background: url('../img/dot_bg.jpg'); padding: 90px 0;}
.con1500 {width: 1500px; margin: 0 auto;}

.c_title h2 {font-family: 'NanumSquare',sans-serif; font-weight: 700; font-size: 17px; color:#0932a9; margin-bottom: 15px; }
.c_title h1 {font-family: 'NanumSquare',sans-serif; font-weight: 900; font-size: 57px; color:#000;}
.c_title h3 {font-family: 'NanumSquare',sans-serif; font-size: 24px; color:#000; margin-top: 30px;}
.c_title p {font-family: 'NanumSquare',sans-serif; font-size: 17px; color:#888; margin-top: 30px; line-height: 28px; word-break: keep-all;}

.sub_list li {position: relative; font-size: 14px; color: #969696; margin-bottom: 5px; padding-left:13px; font-weight: 300;}
.sub_list li::before {content: ""; display: block; position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #4ceacd}

/*Content CSS*/
#vision {overflow: hidden; padding: 0 0 110px 0;}
#vision .c_title {text-align: center;}
#vision .flex_wrap { display: flex; flex-direction: row; width: 100%;}
#vision .article {width: 995px; height: 758px; background: url('../img/vs_bg.png')no-repeat 50% 50%; position: relative;}
#vision .article .box {text-align: center;}
#vision .article .box:nth-child(1) {position: absolute; left: 156px; top: 283px;}
#vision .article .box:nth-child(2) {position: absolute; right: 400px; top: 283px;}
#vision .article .box:nth-child(3) {position: absolute; left: 350px; bottom: 160px;}
#vision .article .logo {position: absolute; left: 308px;  top: 339px; }
#vision .article .box .icon {margin-bottom: 13px;}
#vision .article .box .icon img {vertical-align:middle; transition:transform 500ms}
#vision .article .box p {font-family: "NanumSquare",sans-serif; font-size: 25px; color:#fff; font-weight: 900;}


#vision .script {width: 530px; margin-left: -25px;}
#vision .script .box {display: flex; flex-direction: row; align-items: center;}
#vision .script .box:nth-child(1) {padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #eee}
#vision .script .box:nth-child(2) {padding-bottom: 55px; margin-bottom: 55px; border-bottom: 1px solid #eee}

#vision .script .box .left {text-align: center; width: 155px; margin-right: 30px;}
#vision .script .box:nth-child(1) .left {color:#a1d1ff}
#vision .script .box:nth-child(2) .left {color:#558de6}
#vision .script .box:nth-child(3) .left {color:#233f80}
#vision .script .box .left h1 {font-family: "NanumSquare",sans-serif; font-weight: 900; font-size: 99px; }
#vision .script .box .left p {font-family: "NanumSquare",sans-serif; font-weight: 900; font-size: 40px; }

#vision .script .box .right {width:calc(100% - 185px)}
#vision .script .box .right h1 {font-family: "NanumSquare",sans-serif; font-size: 18px; color:#000; line-height: 30px; font-weight: 700; margin-bottom: 10px;}



#vision .article .box:hover .icon img {transform:rotateY(180deg); transition:transform 500ms}


#vision_c2 {margin-top: 100px; width: 1500px; height: 500px; background: url('../img/vision_img.jpg')no-repeat 50% 50%; background-attachment: fixed;}













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


}