@charset "utf-8";

/* 그리드 레이아웃 */
.divide3_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:1300px; height:100%; }
.divide3_wrap .content { background:#748a9e; border:1px solid #dedede; width:31%; }
.divide3_wrap .content .pic img { width:100%; }
.divide3_wrap .content .txt { background:#748a9e; padding:5%; font-size:1.2em; color:#fff; line-height:1.4em; letter-spacing:0; text-align:center;}
.divide3_wrap .content .txt span { display:block; font-size:0.9em; }

.divide4_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:1300px; }
.divide4_wrap .content { background:#748a9e; border:1px solid #dedede; width:23%; }
.divide4_wrap .content .pic img { width:100%; }
.divide4_wrap .content .txt { background:#748a9e; padding:5%; font-size:1.2em; color:#fff; line-height:1.4em; letter-spacing:0; text-align:center; }

.divide5_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:40px auto 0; width:1300px; }
.divide5_wrap .content { background:#748a9e; border:1px solid #dedede; width:31%; margin:1%; }
.divide5_wrap .content .pic img { width:100%; }
.divide5_wrap .content .txt { background:#748a9e; padding:5%; font-size:1.2em; color:#fff; line-height:1.4em; letter-spacing:0; text-align:center; }


.common_won3 {display:flex; justify-content:center; flex-wrap:wrap; margin:40px auto; width:1300px; }
.common_won3 .content { display:flex; justify-content:center; flex-direction:column; align-items:center; background:#fff; border:0 solid #dedede; border-radius:150px; width:300px; height:300px; margin:0 50px;}
.common_won3 .content .pic { display:block; margin:0 auto 20px; width:25%; }
.common_won3 .content .pic img { width:100%; }
.common_won3 .content p { display:block; font-size:1.4em; font-weight:500; color:#222; line-height:1.3em; text-align:center; }
.common_won3 .content p strong { color:#ed2024; }


/* 인사말 */
.company_1 {  display:flex; justify-content:space-between; }
.company_1 .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:55%; }
.company_1 .content_wrap .content { width:46%; }
.company_1 .content_wrap .content img { width:100%; }
.company_1 .content_wrap .content:last-child { margin:50px 0 0;}
.company_1 .desc { display:flex; flex-direction:column; margin:30px 0; width:40%; }
.company_1 .desc h1 { display:block; margin:30px 0 20px; width:80%; font-size:2.1em; font-weight:500; color:#222; line-height:1.4em; letter-spacing:0; }
.company_1 .desc h2 { display:block; margin:0 0 40px; width:80%; font-size:2.1em; color:#0151b0; line-height:1.4em; letter-spacing:0; }
.company_1 .desc h3 { display:block; margin:40px 0 0; font-size:1.3em; font-weight:500; color:#222; line-height:1.4em; letter-spacing:0; }
.company_1 .desc p { display:block; font-size:1.0em; color:#444; line-height:; }


/* 비전 */
.company_2_1 h1 { display:block; margin:40px 0 60px; font-size:2.4em; font-weight:500; color:#222; }
.company_2_1 h1 strong { color:#0151b0;}


/* 인재상 */
.company_2_2 { display:flex; justify-content:space-between; flex-wrap:wrap; }
.company_2_2 .content { border-bottom:1px solid #d8d8d8; width:31.5%; margin:1.5% 0; overflow:hidden; }
.company_2_2 .content .pic { display:block; width:100%; padding:0; }
.company_2_2 .content .pic img { width:100%; }
.company_2_2 .content .txt { border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; height:80%; padding:10%; text-align:center;}
.company_2_2 .content .txt span { display:block; margin-bottom:5px; font-size:1.6em; font-weight:600; color:#0151b0; letter-spacing:-0.5px; text-align:center;}
.company_2_2 .content .txt span:after {content :""; display:block; border-bottom:1px solid #0151b0; margin:20px auto; width:25px; height:1px; }
.company_2_2 .content .txt p { display:block; font-size:1.1em; color:#555; line-height:1.5em; letter-spacing:-0.5px; text-align:center;}
.company_2_2 .content .txt p strong { color:#1252b1;}


/* CI */
.company_3 { border-bottom:1px solid #dedede; margin:90px 0 0; padding:0 0 90px; }
.company_3:first-child { margin:0; }
.company_3:last-child { border:0; }
.company_3 .content { display:flex; justify-content:space-between; flex-wrap:wrap; }
.company_3 .content .pic { width:55%; text-align:center; }
.company_3 .content .pic img {  }
.company_3 .content .desc { margin:auto 0; width:40%; }
.company_3 .content .desc h1 { font-size:2.0em; color:#222; }
.company_3 .content .desc h2 { display:block; margin:20px 0 30px; font-size:1.4em; font-weight:500; color:#0151b0; }


/* 제품소개 */
.product_intro { display:flex; justify-content:space-between; flex-wrap:wrap; background:url(../images/product_intro_bg.jpg) top no-repeat; padding:70px 0 0 80px; }
.product_intro .desc { width:50%; }
.product_intro .desc h1 { font-family: 'GmarketSansBold', serif; font-size:1.7em; color:#fff; }
.product_intro .desc h2 { display:block; margin:30px 0 0; font-size:1.1em; font-weight:400; color:#fff; }
.product_intro .desc h2 span { color:#ffe345; }
.product_intro .pic { width:45%; text-align:center; }

.product_tit { display:block; margin:0 0 30px; font-size:2.2em; font-weight:600; color:#0151b0; line-height:1.6em; }
.product_feat { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f9f9f9; }
.product_feat .pic { order:1; background:#fff; border:1px solid #dedede; padding:2% 0; width:30%; text-align:center;}
.product_feat .desc { order:2; margin:auto 0; width:65%; }

/* 사용분야 */
.using h1 { display:block; background:#677996; padding:16px 0; font-size:1.3em; font-weight:500; color:#fff; text-align:center; }
.using .content { display:flex; justify-content:space-between; flex-wrap:wrap; } 
.using .content span { border:1px solid #dedede; padding:0.5%; margin:10px 0 0; width:15%; }
.using .content span img { width:100%; }
.using .content span p { display:block; margin:7px 0; text-align:center;}