/* 기본 좌우 정렬 */
.divide_hor { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide_hor .pic { width:35%;}
.divide_hor .pic img { width:100%; }
.divide_hor .desc { margin:auto 0; width:60%; }
.divide_hor .desc h2 { display:block; margin:0 0 15px; font-size:1.7em; color:#164681; line-height:1.5em; }
.divide_hor .desc p { text-align:left; }

/* 가로 2단 */
.divide2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide2 .content { border-bottom:0px solid #dedede; width:48%; margin:2% 0; overflow:hidden; }
.divide2 .content img { width:100%; }
.divide2 .content article { background:#69829c; padding:10px; font-size:1.1em; color:#fff; text-align:center;}

/* 가로 3단 이미지 */
.divide3_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide3_pic .content { border-bottom:0px solid #dedede; width:31%; margin:0; overflow:hidden; }
.divide3_pic .content img { width:100%; margin:0 auto; }

/* 가로 4단 이미지 */
.divide4_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_pic .content { border-bottom:0px solid #dedede; width:23.5%; margin:0; overflow:hidden; }
.divide4_pic .content img { width:100%; margin:0 auto; }

/* 가로 4단 */
.divide4 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%;}
.divide4 .content { border-bottom:1px solid #dedede; width:23.5%; margin:0 0 1.8%; overflow:hidden; }
.divide4 .content .pic { display:block; text-align:center; }
.divide4 .content .pic img { width:100%; margin:0 auto; }
.divide4 .content .desc { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; font-size:1.1em;}
.divide4 .content .desc h2 { display:block; margin:0 0 10px; font-size:1.5em; font-weight:600; color:#07439f; text-align:center; }
.divide4 .content .desc p { text-align:center; }

.divide4_tit { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_tit .content { border-bottom:1px solid #dedede; width:23.5%; overflow:hidden; }
.divide4_tit .content h2 { background:#69c11e; padding:12px 0; font-size:1.2em; font-weight:; color:#fff; text-align:center; }
.divide4_tit .content span { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; text-align:center; }





@media (min-width:1600px) {
	
/* 네오원 이야기 */
.story { margin:80px auto; width:90%; max-width:1600px; }
.story .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:100px; }
.story .content article { margin:auto 0; width:47%; }
.story .content .pic { width:47%; margin-left:3%; }
.story .content .pic img { border-radius:15px; width:100%; }
.story .content:nth-child(even) article { order:2; }
.story .content:nth-child(even) .pic { margin-left:0; }
.story .content article h2 { display:block; margin-bottom:25px; color:#111; line-height:1.5em; }

/* 핵심가치 */
.vision { margin:80px auto; width:90%; max-width:1600px; }
.vision article {  }
.vision article h2 { display:block; margin:15px 0 -15px; font-size:2.3em; color:#111; line-height:1.2em; }
.vision article h3 { font-size:1.1em; color:#003286; }
.vision article h4 { font-size:1.3em; font-weight:500; color:#111; line-height:1.5em; }
.vision .content { border-radius:8px; border:0px solid #dedede; background:#edf6fd; padding:70px 50px; margin-top:70px; }
.vision .content h2 { font-size:2.0em; color:#003286; text-align:center; }
.vision .content .pic { margin-top:50px; text-align:center;}
.vision .content .pic img { width:85%; margin:0 auto; }

/* 실천원칙 */
.about_2 { margin:80px 0 0; padding:120px 0; background:url(../images/about_02.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
.about_2 .content_wrap { margin:0 auto; width:90%; max-width:1600px; }
.about_2 .content_wrap h2 { font-size:1.6em; color:#fff; line-height:1.5em; }
.about_2 .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:40px; }
.about_2 .content_wrap ul li { border-radius:15px; background:#fff; padding:3%; width:32%; }
.about_2 .content_wrap ul li span { display:block; font-size:3.0em; font-weight:600; color:#ccc; }
.about_2 .content_wrap ul li h3 { display:block; margin:30px 0 5px; font-size:1.5em; font-weight:600; color:#111; line-height:1.5em; }

/* CI BI */
.about_3_1 { margin:80px auto; width:90%; max-width:1600px; border-radius:15px; border:1px solid #dedede; padding:100px 100px 99px; background:url(../images/ci_dot_bg.png); text-align:center; }
.about_3_1 img { height:70px; }
.about_3_2 .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto; width:90%; max-width:1600px; }
.about_3_2 .content_wrap .content { width:31%; }
.about_3_2 .content_wrap .content h2 { display:block; border-bottom:2px solid #333; padding-bottom:20px; font-size:1.6em; color:#111; line-height:1.5em; }
.about_3_2 .content_wrap .content h3 { display:block; margin:30px 0 0; color:#003286; }
.about_3_2 .content_wrap .content p { display:block; margin:25px 0 0; }

/* 주요 고객사 */
.about_4 { margin:-40px auto 0; width:90%; max-width:1600px; }
.about_4 ul { display:flex; justify-content:; flex-wrap:wrap; }
.about_4 ul li { border-radius:8px; border:1px solid #dedede; padding:10px 0; width:9%; margin:0.5%; text-align:center; }
.about_4 ul li img { width:100%; }

/* 표준가이드 */
.about_5 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto; }
.about_5 .pic { width:30%; }
.about_5 article { width:65%; }

/* 서비스 안내 head */
.service_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto; width:90%; max-width:1600px; }
.service_1 article { width:30%; border-radius:8px; background:#edf6fd; padding:50px 50px 70px; text-align:center; }
.service_1 article h2 { font-size:3.0em; color:#111; line-height:1.1em; text-align:center; }
.service_1 article p { display:block; margin-top:20px; font-size:1.4em; font-weight:600; color:#333; line-height:1.5em; text-align:center; }
.service_1 article .pic { margin-top:60px; background:#; }
.service_1 .content_wrap { margin:auto 0; margin-left:5%; width:65%; }
.service_1 .content_wrap .content { padding:60px 0 45px; border-bottom:1px solid #dedede; }
.service_1 .content_wrap .content:last-child { padding:60px 0; border-bottom:0; }
.service_1 .content_wrap .content h2 { font-size:2.0em; color:#003286; }
.service_1 .content_wrap .content h4 { display:block; margin-bottom:15px; font-size:1.2em; font-weight:600; color:#111; line-height:1.5em; }
.service_1 .content_wrap .content .example {}
.service_1 .content_wrap .content .example h3 { color:#111; }
.service_1 .content_wrap .content .example ul { display:flex; flex-wrap:wrap; margin-top:15px; }
.service_1 .content_wrap .content .example ul li { border-radius:8px; border:1px solid #becde5; padding:15px 25px; margin:0 15px 15px 0; width:18%; font-size:0.9em; color:#555; line-height:1.6em; text-align:center; }

.service_gallery { margin:120px 0 0; padding:100px 0; background:url(../images/main_profile_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
.service_gallery ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
.service_gallery ul li { width:32%; margin:1.0% 0; border:2px solid #fff; }
.service_gallery ul li img { width:100%; }







}






@media (min-width:768px) and (max-width:1599px){

/* 네오원 이야기 */
.story { margin:70px auto; width:90%; }
.story .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:90px; }
.story .content article { margin:auto 0; width:47%; }
.story .content .pic { width:47%; margin-left:3%; }
.story .content .pic img { border-radius:15px; width:100%; }
.story .content:nth-child(even) article { order:2; }
.story .content:nth-child(even) .pic { margin-left:0; }
.story .content article h2 { display:block; margin-bottom:25px; color:#111; line-height:1.5em; }

/* 핵심가치 */
.vision { margin:70px auto; width:90%; }
.vision article {  }
.vision article h2 { display:block; margin:15px 0 -15px; font-size:2.0em; color:#111; line-height:1.2em; }
.vision article h3 { font-size:1.0em; color:#003286; }
.vision article h4 { font-size:1.2em; font-weight:500; color:#111; line-height:1.5em; }
.vision .content { border-radius:8px; border:0px solid #dedede; background:#edf6fd; padding:60px 40px; margin-top:60px; }
.vision .content h2 { font-size:1.7em; color:#003286; text-align:center; }
.vision .content .pic { margin-top:40px; text-align:center;}
.vision .content .pic img { width:95%; margin:0 auto; }

/* 실천원칙 */
.about_2 { margin:70px 0 0; padding:100px 0; background:url(../images/about_02.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
.about_2 .content_wrap { margin:0 auto; width:90%; }
.about_2 .content_wrap h2 { font-size:1.4em; color:#fff; line-height:1.5em; }
.about_2 .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:40px;}
.about_2 .content_wrap ul li { border-radius:15px; background:#fff; padding:4% 3%; width:32%; }
.about_2 .content_wrap ul li span { display:block; font-size:2.5em; font-weight:600; color:#ccc; }
.about_2 .content_wrap ul li h3 { display:block; margin:20px 0 5px; font-size:1.3em; font-weight:600; color:#111; line-height:1.5em; }

/* CI BI */
.about_3_1 { margin:70px auto; width:90%; border-radius:15px; border:1px solid #dedede; padding:80px 80px 79px; background:url(../images/ci_dot_bg.png); text-align:center; }
.about_3_1 img { height:60px; }
.about_3_2 .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px auto; width:90%; }
.about_3_2 .content_wrap .content { width:31%; }
.about_3_2 .content_wrap .content h2 { display:block; border-bottom:2px solid #333; padding-bottom:20px; font-size:1.5em; color:#111; line-height:1.5em; }
.about_3_2 .content_wrap .content h3 { display:block; margin:30px 0 0; color:#003286; }
.about_3_2 .content_wrap .content p { display:block; margin:25px 0 0; }

/* 주요 고객사 */
.about_4 { margin:-30px auto 0; width:90%; }
.about_4 ul { display:flex; justify-content:; flex-wrap:wrap; }
.about_4 ul li { border-radius:8px; border:1px solid #dedede; padding:10px 0; width:12%; margin:0.2%; text-align:center; }
.about_4 ul li img { width:100%; }

/* 서비스 안내 head */
.service_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:70px auto; width:90%; }
.service_1 article { width:30%; border-radius:8px; background:#edf6fd; padding:50px 30px 70px; text-align:center; }
.service_1 article h2 { font-size:3.0vw; color:#111; line-height:1.1em; text-align:center; }
.service_1 article p { display:block;  margin-top:15px; font-size:1.2em; font-weight:600; color:#333; line-height:1.5em; text-align:center; }
.service_1 article .pic { margin-top:40px; background:#; }
.service_1 article .pic img { width:100%; }
.service_1 .content_wrap { margin:auto 0; margin-left:5%; width:65%; }
.service_1 .content_wrap .content { padding:45px 0 40px; border-bottom:1px solid #dedede; }
.service_1 .content_wrap .content:last-child { padding:45px 0; border-bottom:0; }
.service_1 .content_wrap .content h2 { font-size:1.7em; color:#003286; }
.service_1 .content_wrap .content h4 { display:block; margin-bottom:15px; font-size:1.2em; font-weight:600; color:#111; line-height:1.5em; }
.service_1 .content_wrap .content .example {}
.service_1 .content_wrap .content .example h3 { color:#111; }
.service_1 .content_wrap .content .example ul { display:flex; flex-wrap:wrap; margin-top:15px; }
.service_1 .content_wrap .content .example ul li { border-radius:8px; border:1px solid #becde5; padding:15px; margin:0 8px 8px 0; width:18.5%; font-size:0.9em; color:#555; line-height:1.6em; text-align:center; }

.service_gallery { margin:110px 0 0; padding:80px 0; background:url(../images/main_profile_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
.service_gallery ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
.service_gallery ul li { width:32%; margin:1.0% 0; border:2px solid #fff; }
.service_gallery ul li img { width:100%; }

}






@media (max-width:767px){

/* 가로 2단 */
.divide2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide2 .content { border-bottom:0px solid #dedede; width:100%; margin:5% 0; overflow:hidden; }
.divide2 .content img { width:100%; }
.divide2 .content article { background:#69829c; padding:6px; font-size:1.1em; color:#fff; text-align:center;}

/* 네오원 이야기 */
.story { margin:30px auto; width:85%; }
.story .content { margin-bottom:50px; }
.story .content article {  }
.story .content article h2 { display:block; margin-bottom:15px; font-size:1.1em; color:#111; line-height:1.5em; }
.story .content .pic { margin-top:30px; }
.story .content .pic img { border-radius:15px; width:100%; }

/* 핵심가치 */
.vision { margin:30px auto; width:85%; }
.vision article {  }
.vision article h2 { display:block; margin:8px 0 -8px; font-size:1.2em; color:#111; line-height:1.5em; }
.vision article h3 { font-size:0.9em; color:#003286; }
.vision article h4 { font-size:1.0em; font-weight:500; color:#111; line-height:1.5em; }
.vision .content { border-radius:8px; border:0px solid #dedede; background:#edf6fd; padding:30px 20px; margin-top:30px; }
.vision .content h2 { font-size:1.1em; color:#003286; text-align:center; }
.vision .content .pic { margin-top:15px; text-align:center;}
.vision .content .pic img { width:100%; margin:0 auto; }

/* 실천원칙 */
.about_2 { margin:30px 0 0; padding:70px 0; background:url(../images/about_02_mob.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
.about_2 .content_wrap { margin:0 auto; width:85%; }
.about_2 .content_wrap h2 { font-size:1.2em; color:#fff; line-height:1.5em; }
.about_2 .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px;}
.about_2 .content_wrap ul li { border-radius:15px; background:#fff; padding:10%; margin:5px 0; width:100%; }
.about_2 .content_wrap ul li span { display:block; font-size:2.0em; font-weight:600; color:#ccc; }
.about_2 .content_wrap ul li h3 { display:block; margin:15px 0 5px; font-size:1.1em; font-weight:600; color:#111; line-height:1.5em; }

/* CI BI */
.about_3_1 { margin:30px auto; width:85%; border-radius:15px; border:1px solid #dedede; padding:50px; background:url(../images/ci_dot_bg.png) center; text-align:center; }
.about_3_1 img { width:70%; }
.about_3_2 .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto; width:85%; }
.about_3_2 .content_wrap .content { width:100%; margin:20px 0; }
.about_3_2 .content_wrap .content h2 { display:block; border-bottom:2px solid #333; padding-bottom:10px; font-size:1.2em; color:#111; line-height:1.5em; }
.about_3_2 .content_wrap .content h3 { display:block; margin:15px 0 0; color:#003286; }
.about_3_2 .content_wrap .content p { display:block; margin:15px 0 0; }

/* 주요 고객사 */
.about_4 { margin:0 auto; width:85%; }
.about_4 ul { display:flex; justify-content:; flex-wrap:wrap; }
.about_4 ul li { border-radius:8px; border:1px solid #dedede; padding:10px 0; width:31%; margin:1%; text-align:center; }
.about_4 ul li img { width:100%; }

/* 서비스 안내 head */
.service_1 { margin:30px auto; width:85%; }
.service_1 article { border-radius:8px; background:#edf6fd; padding:30px 30px 40px; text-align:center; }
.service_1 article h2 { font-size:1.8em; color:#111; line-height:1.3em; text-align:center; }
.service_1 article p { display:block; font-size:1.1em; font-weight:600; color:#333; line-height:1.5em; text-align:center; }
.service_1 article .pic { margin-top:25px; background:#; }
.service_1 article .pic img { width:100%; }
.service_1 .content_wrap { margin-top:20px; }
.service_1 .content_wrap .content { padding:30px 0; border-bottom:1px solid #dedede; }
.service_1 .content_wrap .content h2 { font-size:1.4em; color:#003286; }
.service_1 .content_wrap .content h4 { display:block; margin-bottom:15px; font-size:1.2em; font-weight:600; color:#111; line-height:1.5em; }
.service_1 .content_wrap .content .example {}
.service_1 .content_wrap .content .example h3 { color:#111; }
.service_1 .content_wrap .content .example ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:10px; }
.service_1 .content_wrap .content .example ul li { border-radius:8px; border:1px solid #becde5; padding:15px; margin:1% 0; width:49%; font-size:0.9em; color:#555; line-height:1.6em; text-align:center; }

.service_gallery { margin:60px 0 0; padding:40px 0; background:url(../images/main_profile_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
.service_gallery ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:85%; }
.service_gallery ul li { width:48%; margin:1.0% 0; border:1px solid #fff; }
.service_gallery ul li img { width:100%; }


}