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

.divide_pic { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0; }
.divide_pic .pic { flex-basis:35%; }
.divide_pic .pic img { width:100%; }
.divide_pic .content { flex-basis:60%; display:flex; justify-content:center; flex-direction:column; align-items:; background:#f6f6f6; padding:0 0 0 5%; }
.divide_pic .content h1 { font-size:1.2em; font-weight:500; }
.divide_pic .content span a { display:inline-block; background:#20519e; border-radius:10px; padding:15px 25px; margin:30px 0 0; font-size:1.1em; color:#fff; text-align:center;}







/* 인사말 */
.company_1 { display:flex; justify-content:space-between; flex-wrap:wrap; }
.company_1 .pic { order:2; width:35%; }
.company_1 .pic img { width:100%; }
.company_1 .content_wrap { order:1; margin:auto 0; width:60%; }
.company_1 .content_wrap h1 { font-size:2.2em; color:#222; }
.company_1 .content_wrap h2 { display:block; margin:30px 0 0; font-size:1.2em; font-weight:500; color:#222; }
.company_1 .content_wrap ul { display:flex; flex-direction:column; margin:40px 0; }
.company_1 .content_wrap ul li { margin:30px 0 0; padding:0 0 25px; border-bottom:1px solid #dedede; }
.company_1 .content_wrap ul li span { margin:auto 0; border-radius:10px; width:80px; height:80px; padding:10px 20px; font-size:1.5em; font-weight:500; color:#fff; text-align:center; }
.company_1 .content_wrap ul li:nth-child(1) span {background:#003586; }
.company_1 .content_wrap ul li:nth-child(2) span {background:#114da8; }
.company_1 .content_wrap ul li:nth-child(3) span {background:#1b59b9; }
.company_1 .content_wrap ul li:nth-child(4) span {background:#2264c9; }
.company_1 .content_wrap ul li:nth-child(5) span {background:#2a6fd7; }
.company_1 .content_wrap ul li:nth-child(6) span {background:#3d7fe3; }
.company_1 .content_wrap ul li p { display:inline-block; margin:0 0 0 10px; font-size:1.1em; }
.company_1 .content_wrap ul li p strong {color:#07439f; }


/* 구성원 */
.member { text-align:center; }
.member h1 { display:inline-block; background:linear-gradient(180deg, #ffc63e, #d6933c); border:1px solid #d6933c; border-radius:40px; padding:20px 40px; margin:0 auto 20px; font-size:1.8em; font-weight:600; color:#614014; text-align:center; }
.member_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.member_wrap .content { background:url(../images/member_bg.png) right #d9dde9; background-size:cover; width:49%; margin:13px 0; }
.member_wrap .content .name { background:#20519e; width:100%; padding:12px 0; font-size:1.3em; font-weight:500; color:#fff; text-align:center;  }
.member_wrap .content .desc { display:flex; justify-content:space-between; flex-wrap:wrap; padding:20px 30px; }
.member_wrap .content .desc .pic { margin:auto 0; width:15%; }
.member_wrap .content .desc .pic img { width:100%; }
.member_wrap .content .desc .txt { margin:auto 0; width:80%; text-align:left; }
.member_wrap .content .desc .txt p { display:block; font-size:1.0em; color:#666; line-height:1.4em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }


/* 구성원2
.member > h1 { display:block; margin:0 0 40px; font-size:2.2em; font-weight:500; color:#222; line-height:1.5em; text-align:center; }
.member > h1:after {content :""; display:block; background:repeating-linear-gradient(-45deg, #fff, #fff 5px, #255aad 0, #255aad 10px); margin-top:15px; width:; height:5px; }
/* .member > h1 { display:block; background:#5c6988; margin:0 0 40px; padding:15px; font-size:1.7em; font-weight:500; color:#fff; text-align:center; }
.member .content_4wrap { display:flex; justify-content:space-around; flex-wrap:wrap; }
.member .content_4wrap .content { width:23%; }
.member .content_4wrap .content .pic { text-align:center; }
.member .content_4wrap .content .pic img { width:120px; text-align:center;}
.member .content_4wrap .content .desc { margin:20px 0 0; text-align:center; }
.member .content_4wrap .content .desc h1 { display:inline-block; background:#77859b; border-radius:30px; padding:4px 20px; font-size:1.0em; font-weight:400; color:#fff; text-align:center; }
.member .content_4wrap .content .desc h2 { display:block; margin:10px 0 0; font-size:1.1em; }

.member .content_5wrap { display:flex; justify-content:space-around; flex-wrap:wrap; }
.member .content_5wrap .content { width:18%; }
.member .content_5wrap .content .pic { text-align:center; }
.member .content_5wrap .content .pic img { width:120px; text-align:center;}
.member .content_5wrap .content .desc { margin:20px 0 0; text-align:center; }
.member .content_5wrap .content .desc h1 { display:inline-block; background:#77859b; border-radius:30px; padding:4px 20px; font-size:1.0em; font-weight:400; color:#fff; text-align:center; }
.member .content_5wrap .content .desc h2 { display:block; margin:10px 0 0; font-size:1.1em; }
 */


/* 기술평가 종류 */
.value_1 .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 70px; }
.value_1 .content:last-child { margin:0; }
.value_1 .content .pic { order:1; width:35%; }
.value_1 .content .pic img { width:100%; }
.value_1 .content .desc { order:2; margin:auto 0; width:60%; }
.value_1 .content .desc h1 { font-size:1.1em; font-weight:500; color:#07439f; }
.value_1 .content .desc h2 { display:block; margin:15px 0 30px; font-size:2.0em; font-weight:600; color:#222; letter-spacing:-1.0px; }
.value_1 .content .desc span { display:block; margin:20px 0 0; font-size:0.9em; color:#666; }



/* 활용방안 및 진행절차 */
.value_2_1 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.value_2_1 .content { border-bottom:1px solid #dedede; width:32%; margin:0 0 1.8%; overflow:hidden;}
.value_2_1 .content .pic { display:block; text-align:center; }
.value_2_1 .content .pic img { width:100%; margin:0 auto; }
.value_2_1 .content .desc { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:80%; padding:10%;}
.value_2_1 .content .desc h1 { display:block; margin:0 0 10px; font-size:1.5em; font-weight:600; color:#07439f; text-align:center; }
.value_2_1 .content .desc p { text-align:center; }


/* 업무절차 */
.work_proc { background:url(../images/work_proc_bg.jpg) center; background-attachment:fixed; background-size:cover; padding:110px 0 90px; }
.work_proc h1 { display:block; margin:0 0 30px; font-size:2.5em; color:#fff; text-align:center;}
.work_proc .content { display:flex; justify-content:space-between; flex-wrap:wrap; width:1300px; margin:0 auto; }
.work_proc ul:nth-child(1), .work_proc ul:nth-child(3), .work_proc ul:nth-child(5), .work_proc ul:nth-child(7), .work_proc ul:nth-child(9), .work_proc ul:nth-child(11), .work_proc ul:nth-child(13), .work_proc ul:nth-child(15) { display:flex; justify-content:center; background:url(../images/work_proc_won.png) center no-repeat; background-size:100%; width:14%; text-align:center;}
.work_proc ul:nth-child(2), .work_proc ul:nth-child(4), .work_proc ul:nth-child(6), .work_proc ul:nth-child(10), .work_proc ul:nth-child(12), .work_proc ul:nth-child(14) { background:url(../images/work_proc_arr.png) center no-repeat; width:12%; height:220px; }
.work_proc ul:nth-child(8) { display:none; }
.work_proc ul { margin:0; }
.work_proc ul li { margin:auto 0; padding:0 25px; font-size:1.1em; color:#07439f; line-height:1.4em; }
.work_proc ul li span { display:block; margin:0 0 5px; font-weight:600; color:#333; }


/* 업무절차 7step
.work_proc .content { display:flex; justify-content:space-between; flex-wrap:wrap; }
.work_proc ul:nth-child(1), .work_proc ul:nth-child(3), .work_proc ul:nth-child(5), .work_proc ul:nth-child(7), .work_proc ul:nth-child(9), .work_proc ul:nth-child(11), .work_proc ul:nth-child(13) { display:flex; justify-content:center; background:url(../images/work_proc_bg.png) center no-repeat; background-size:100%; width:10.8%; text-align:center;}
.work_proc ul:nth-child(2), .work_proc ul:nth-child(4), .work_proc ul:nth-child(6), .work_proc ul:nth-child(8), .work_proc ul:nth-child(10), .work_proc ul:nth-child(12) { background:url(../images/work_proc_arr.png) center no-repeat; width:4%; height:177px; }
.work_proc ul li { margin:auto 0; padding:0 25px; color:#07439f; line-height:1.4em; }
.work_proc ul li span { display:block; margin:0 0 5px; font-weight:500; color:#333; }
 */


/* 평가 수수료 */
.info_2 { display:flex; justify-content:space-between; flex-wrap:wrap; }
.info_2 .content { width:48%; }


/* 주요 DB */
.db_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.db_wrap ul li { border:1px solid #dedede; padding:20px 0; width:19%; margin:0 0 1.2%;}
.db_wrap ul li img { width:100%; }