.cont_title { font-weight: 600; text-align: center; }
/* 회사소개 */
.intro { text-align: center; }
.intro .intro_title { font-weight: 400; }
.intro .intro_title span { display: block; }
.intro .intro_title b { font-weight: 600; }
.intro .intro_txt span { line-height: 2; word-break: keep-all; word-wrap: break-word; }

.intro .bt_img img { width: 100%; vertical-align: bottom; }

/* 경영진 */
.people { background-color: #fff; }
.people .people_list .people_box .p_pos { font-weight: 600; color: #fff; background-color: #32afff; text-align: center;}
.people .people_list .people_box .p_txt { background-color: #fff; border: 1px solid #32afff; }
.people .people_list .people_box .p_txt .p_name { font-weight: 600; background: url('../img/cont/people_name.png') no-repeat right center; display: inline-block; }
.people .people_list .people_box .p_txt .p_info li { background: url('../img/cont/people_dot.png') no-repeat;  word-wrap: break-word; word-break: keep-all; }

/* 미션 */
.mission { background: url('../img/cont/mission_bg.jpg') no-repeat center /cover; padding: 115px 0; text-align: center; }
.mission img { max-width: 100%; }

/* 연혁 */
.history .c_frame { background-color: #fff; padding-bottom: 0; }
.history .c_frame img { max-width: 100%; }
.history .his_box .his_list .his_txt { margin-bottom: 10px; display: flex; align-items: baseline; }
.history .his_box .his_list .his_txt span { display: block; }
.history .his_box .his_list .his_txt .month { font-weight: 600; color: #48a3db; }
.history .his_box .his_list .his_txt .tt { letter-spacing: -1.2px; word-break: keep-all; word-wrap: break-word; }

/* 오시는길 */
.map .ad_box { padding: 25px 0; background-color: #415270; font-weight: 600; color: #fff; }
.map .ad_box .ad_bg { background-repeat: no-repeat; background-position: left center; }
.map .ad_box address { padding-top: 10px; padding-bottom: 10px; background-image: url('../img/cont/map_address.png'); font-weight: 500; }
.map .ad_box .call_box .call { background-image: url('../img/cont/map_call.png'); }
.map .ad_box .call_box .fax { background-image: url('../img/cont/map_fax.png'); }

/* 연구분야 */
.rd_title { font-weight: 600; color: #0475f4; background: url('../img/cont/rd_title.jpg') no-repeat left center; text-align: left; }
.research .re_box img { max-width: 100%; }

/* 핵심기술 */
.technology .rd_title { margin-bottom: 40px; }
.technology .img_box { text-align: center; }
.technology .soft_box { margin-bottom: 125px; }
.technology .soft_box .img_box img { max-width: 100%; }
.technology .soft_box .img_box img:first-of-type { margin-right: 10px; }
.technology .pdp_box { text-align: center;; }
.technology .pdp_box img { max-width: 100%; }
.technology .pdp_box .rd_title { margin-bottom: 85px; }
.technology .pdp_box .pdp_img { margin-bottom: 35px; }
.technology .pdp_box .pdp_txt { display: inline-block; background-color: #898989; }
.technology .pdp_box .pdp_txt .pdp_t { display: block; color: #fff; text-align: left; }


/* 파이프라인 */
.pipeLine .table_frame { overflow: auto; }
.pipeLine .pipe_table thead { border-top: 1px solid #ccc; }
.pipeLine .pipe_table thead th { color: #fff; background-color: #20a8ff; border-right: 1px solid #ccc; border-left: 1px solid #ccc; white-space: nowrap; }
.pipeLine .pipe_table tbody th { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #efefef; font-weight: 500; }
.pipeLine .pipe_table tbody td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.pipeLine .pipe_table thead th,
.pipeLine .pipe_table tbody td { width: 14.2%; }
.pipeLine .pipe_table tbody th,
.pipeLine .pipe_table tbody td { text-align: center; }
.pipeLine .pipe_table tbody .bgg { background-color: #e0e0e0; }
.pipeLine .pipe_table tbody .bar_box { position: relative; }
.pipeLine .pipe_table tbody .bar_box .bar { height: 30px; display: block; background-color: #f19149; position: absolute; top: 50%; transform: translateY(-50%); left: 0; border-radius: 0 50px 50px 0; animation-duration: 2s; }
.pipeLine .pipe_table tbody .bar_box .bar1 { animation-name: graph1; width: 200% }
.pipeLine .pipe_table tbody .bar_box .bar2 { animation-name: graph2; width: 80%; }
.pipeLine .pipe_table tbody .bar_box .bar3 { animation-name: graph3; width: 195%; }
.pipeLine .pipe_table tbody .bar_box .bar4 { animation-name: graph4; width: 140%; }

@keyframes graph1 {
    from {
        width: 0%;
    }
    to{
        width: 200%;
    }
}
@keyframes graph2 {
    from {
        width: 0%;
    }
    to{
        width: 80%;
    }
}

@keyframes graph3 {
    from {
        width: 0%;
    }
    to{
        width: 195%;
    }
}

@keyframes graph4 {
    from {
        width: 0%;
    }
    to{
        width: 140%;
    }
}

/* 파트너스 */
.partner .part_box .part_title { font-weight: 600; }
.partner .part_box .part_list { line-height: 2; letter-spacing: -1.5px; }
.partner .part_box .part_list li span { padding-left: 10px; display: block; }
.partner .part_box .part_frame { background-color: #f5f5f5; position: relative; }
.partner .part_box .part_b_list li a .img-box { display: block; padding-bottom:45%; position: relative; border: 1px solid #dadada; }
.partner .part_box .part_b_list li a .img-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
.partner .part_box .part_b_list li a .tt { text-align: center; display: block; }
.partner .part_box .part_frame .navi { position: absolute; display: flex; }
.partner .part_box .part_frame .navi a { border-radius: 20px; display: block; background: #20a8ff no-repeat center; }
.partner .part_box .part_frame .navi .prev-btn { background-image: url('../img/cont/part_prev.png'); position: relative; }
.partner .part_box .part_frame .navi .prev-btn::after { content: ''; display: inline-block; width: 1px;  background-color: #e5e5e5; position: absolute; top: 50%; transform: translateY(-50%); }
.partner .part_box .part_frame .navi .next-btn { background-image: url('../img/cont/part_next.png'); }

/* contact us */
.form .cont_title .tt2 { letter-spacing: 1px; color: #a7a7a7; }
.form .cont_title span { display: block; font-weight: 400; }
.form .form_frame { box-shadow: 5px 5px 15px 7px rgba(0, 0, 0, .1); border-radius: 20px; }
.form .form_frame .adr_box {  color: #fff; background:url('../img/cont/contactUs_bg.jpg') no-repeat center / cover;  }
.form .form_frame .adr_box .adr_tt { text-align: center; }
.form .form_frame .adr_box .adr_txt { background: no-repeat left top 10px; }
.form .form_frame .adr_box .call { background-image: url('../img/cont/contactUs_img1.png'); font-weight: 600; }
.form .form_frame .adr_box .email { background-image: url('../img/cont/contactUs_img2.png'); }
.form .form_frame .adr_box .adr { background-image: url('../img/cont/contactUs_img3.png'); }
.form .form_frame .adr_box .adr span { display: block; }
.form .form_frame .adr_box .bt_t { font-weight: 500; opacity: 0.5; text-align: center; }
.form .form_frame .info_form { background-color: #fff; }
.form .form_frame .info_form .info:not(:last-of-type) { margin-bottom: 10px; }
.form .form_frame .info_form .flex-box input:first-of-type { margin-right: 10px; }
.form .form_frame .info_form .info input::placeholder,
.form .form_frame .info_form .info textarea::placeholder { color: #c8c8c8; }
.form .form_frame .info_form .info input,
.form .form_frame .info_form .info textarea { border: 1px solid #ccc; border-radius: 10px; width: 100%; }
.form .form_frame .info_form .send_bt { color: #fff; background-color: #738ec0; display: block; margin: 0 auto; border-radius: 30px; border: 0; cursor: pointer; transition: all 0.3s; }
.form .form_frame .info_form .send_bt:hover { background-color: #5f80bf; }
 


/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:767px) {
    .cont_title { font-size: 20px; margin-bottom: 30px; }
    .c_frame { padding: 35px 0; }
    #mqContents { padding: 35px 0; }

    /* 회사소개 */
    .intro .intro_title { font-size: 18px; margin-bottom: 40px; }
    .intro .intro_title img { width: 15px; }
    .intro .intro_title b { font-size: 22px; }
    .intro .intro_txt { margin-bottom: 50px; }
    .intro .intro_txt p:not(:last-child) { margin-bottom: 15px; }
    .intro .intro_txt span { font-size: 14px; }
    .intro .bt_img { margin-bottom: -40px; }

    /* 경영진 */
    .people .people_list .people_box { margin-bottom: 25px; }
    .people .people_list .people_box .p_pos { font-size: 19px; padding: 10px 0; }
    .people .people_list .people_box .p_txt { padding: 25px 20px; }
    .people .people_list .people_box .p_txt .p_name { font-size: 22px; padding-right: 30px; margin-bottom: 15px; letter-spacing: 5px; background-size: 25px; }
    .people .people_list .people_box .p_txt .p_info li { font-size: 14px; margin-bottom: 10px; padding-left: 20px; background-position: left 7px; background-size: 7px; }

    /* 연혁 */
    .history .his_box { padding: 25px 20px; }
    .history .his_box .his_list:not(:last-child) { margin-bottom: 40px; }
    .history .his_box .his_list .year { margin-bottom: 15px; }
    .history .his_box .his_list .year img { width: 50px; }
    .history .his_box .his_list .his_txt .month { font-size: 16px; margin-right: 10px; }
    .history .his_box .his_list .his_txt .tt { font-size: 14px; }
    
    /* 오시는길 */
    .map .root_daum_roughmap { height: 300px; }
    .map .ad_box .ad_bg { padding-left: 25px; background-size: 20px; }
    .map .ad_box address { font-size: 14px; letter-spacing: -1.2px; }
    .map .ad_box .call_box { font-size: 18px; }
    .map .ad_box .call_box .call { margin-right: 15px; }

    /* 연구분야 */
    .rd_title { font-size: 18px; padding-left: 25px; background-size: 15px; }
    .research .re_box { margin-top: 60px; }

    /* 핵심기술 */
    .technology .pdp_box .pdp_txt { padding: 15px 20px; }
    .technology .pdp_box .pdp_txt span { font-size: 14px; }
    .technology .t-h { font-size: 10px !important; }

    /* 파트너스 */
    .partner .part_box { margin-bottom: 50px; }
    .partner .part_box .part_title { font-size: 18px; margin-bottom: 20px; }
    .partner .part_box .part_list { font-size: 14px; }
    .partner .part_box .part_frame { padding: 40px 20px; }
    .partner .part_box .part_list li { word-wrap: break-word; word-break: keep-all; }
    .partner .part_box .part_b_list li a .img-box { margin-bottom: 10px; }
    .partner .part_box .part_b_list li a .tt { font-size: 14px; }
    .partner .part_box .part_frame .navi { top: 15px; right: 20px; }
    .partner .part_box .part_frame .navi a { width: 15px; height: 15px; background-size: 3px; }
    .partner .part_box .part_frame .navi .prev-btn { margin-right: 15px; }
    .partner .part_box .part_frame .navi .prev-btn::after { height: 10px; left: 22px; }

    /* 파이프라인 */
    .pipeLine .pipe_table thead th { font-size: 18px; }
    .pipeLine .pipe_table tbody th,
    .pipeLine .pipe_table tbody td { font-size: 14px;  }
    .pipeLine .pipe_table thead th,
    .pipeLine .pipe_table tbody td { height: 60px; }
    .pipeLine .pipe_table tbody td .mo { width: 72px; display: block; }
    .pipeLine .pipe_table tbody .bar_box .bar { height: 20px; }

    /* contact us */
    .form { margin-top: 45px; }
    .form .cont_title .tt2 { font-size: 16px; }
    .form .form_frame .adr_box { padding: 30px 35px; }
    .form .form_frame .adr_box .adr_tt { font-size: 23px; margin-bottom: 25px; }
    .form .form_frame .adr_box .adr_txt { padding-left: 30px; background-size: 15px; }
    .form .form_frame .adr_box .adr_txt:not(.adr) { margin-bottom: 15px; }
    .form .form_frame .adr_box .call { font-size: 23px; }
    .form .form_frame .adr_box .email { font-size: 18px; }
    .form .form_frame .adr_box .adr { font-size: 16px; margin-bottom: 50px; }
    .form .form_frame .adr_box .bt_t { font-size: 22px; }
    .form .form_frame .info_form { padding: 40px 20px; }
    .form .form_frame .info_form .info:last-of-type { margin-bottom: 15px; }
    .form .form_frame .info_form .info input,
    .form .form_frame .info_form .info textarea { padding: 10px 20px; font-size: 16px; }
    .form .form_frame .info_form .send_bt { width: 180px; padding: 15px; font-size: 18px; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1319px) {
    .technology .soft_box .img_box img:first-of-type { margin-bottom: 20px; }
    .pipeLine .pipe_table thead th,
    .pipeLine .pipe_table tbody th,
    .pipeLine .pipe_table tbody td { padding: 0 10px; word-wrap: break-word; word-break: keep-all; }

    /* contact us */
    .form .form_frame .adr_box { border-radius: 20px 20px 0 0; }
    .form .form_frame .info_form { border-radius: 0 0 20px 20px; }
}  

/*** Tablet ***/
@media screen and (min-width:768px) and (max-width:1319px) {
    .cont_title { font-size: 27px; margin-bottom: 40px; }
    .c_frame { padding: 60px 0; }
    #mqContents { padding: 60px 0; }
    /* 회사소개 */
    .intro .intro_title { font-size: 27px; margin-bottom: 80px; }
    .intro .intro_title b { font-size: 31px; }
    .intro .intro_txt { margin-bottom: 80px; padding: 0 20px; }
    .intro .intro_txt p:not(:last-child) { margin-bottom: 20px; }
    .intro .intro_txt span { font-size: 18px; }
    .intro .bt_img { margin-bottom: -60px; }

    /* 경영진 */
    .people .people_list .people_box { margin-bottom: 30px; }
    .people .people_list .people_box .p_pos { font-size: 30px; padding: 15px 0; }
    .people .people_list .people_box .p_txt { padding: 35px 65px; }
    .people .people_list .people_box .p_txt .p_name { font-size: 35px; padding-right: 40px; margin-bottom: 30px; letter-spacing: 15px; }
    .people .people_list .people_box .p_txt .p_info li { font-size: 18px; margin-bottom: 10px; padding-left: 20px; background-position: left 11px; }

    /* 연혁 */
    .history .his_box { padding: 30px 20px; }
    .history .his_box .his_list:not(:last-child) { margin-right: 50px; }
    .history .his_box .his_list .year { margin-bottom: 20px; }
    .history .his_box .his_list .year img { width: 80px; }
    .history .his_box .his_list .his_txt .month { font-size: 18px; margin-right: 15px; }
    .history .his_box .his_list .his_txt .tt { font-size: 16px; }

    /* 오시는길 */
    .map .ad_box .ad_bg { padding-left: 40px; background-size: 35px; }
    .map .ad_box address { font-size: 22px; }
    .map .ad_box .call_box { font-size: 30px; }
    .map .ad_box .call_box .call { margin-right: 20px; }

    /* 연구분야 */
    .rd_title { font-size: 22px; padding-left: 50px; }
    .research .re_box { margin-top: 100px; }

    /* 핵심기술 */
    .technology .pdp_box .pdp_txt { padding: 20px 25px; }
    .technology .pdp_box .pdp_txt span { font-size: 18px; }
    .technology .t-h { font-size: 12px !important; }

    /* 파이프라인 */
    .pipeLine .pipe_table thead th { font-size: 22px; }
    .pipeLine .pipe_table tbody th,
    .pipeLine .pipe_table tbody td { font-size: 18px; }
    .pipeLine .pipe_table thead th,
    .pipeLine .pipe_table tbody td { height: 70px; }
    .pipeLine .pipe_table tbody .bar_box .bar { height: 25px; }

    /* 파트너스 */
    .partner .part_box { margin-bottom: 80px; }
    .partner .part_box .part_title { font-size: 24px; margin-bottom: 30px; }
    .partner .part_box .part_list { font-size: 18px; }
    .partner .part_box .part_frame { padding: 60px 30px; }
    .partner .part_box .part_b_list li a .img-box { margin-bottom: 15px; }
    .partner .part_box .part_b_list li a .tt { font-size: 18px; }
    .partner .part_box .part_frame .navi { top: 20px; right: 30px; }
    .partner .part_box .part_frame .navi a { width: 20px; height: 20px; }
    .partner .part_box .part_frame .navi .prev-btn { margin-right: 15px; }
    .partner .part_box .part_frame .navi .prev-btn::after { height: 15px; left: 27px; }

    /* contact us */
    .form { margin-top: 45px; }
    .form .cont_title .tt2 { font-size: 20px; }
    .form .form_frame .adr_box { padding: 40px 50px; }
    .form .form_frame .adr_box .adr_tt { font-size: 30px; margin-bottom: 40px; }
    .form .form_frame .adr_box .adr_txt { padding-left: 40px; }
    .form .form_frame .adr_box .adr_txt:not(.adr) { margin-bottom: 20px; }
    .form .form_frame .adr_box .call { font-size: 30px; }
    .form .form_frame .adr_box .email { font-size: 20px; }
    .form .form_frame .adr_box .adr { font-size: 20px; margin-bottom: 80px; }
    .form .form_frame .adr_box .bt_t { font-size: 26px; }
    .form .form_frame .info_form { padding: 50px 30px; }
    .form .form_frame .info_form .info:last-of-type { margin-bottom: 20px; }
    .form .form_frame .info_form .info input,
    .form .form_frame .info_form .info textarea { padding: 10px 20px; font-size: 20px; }
    .form .form_frame .info_form .send_bt { width: 200px; padding: 15px; font-size: 20px; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:768px) {
    /* 연혁 */
    .history .his_box { display: flex; }
    
}

/*** Desktop ***/
@media screen and (min-width:1320px) {
    #mqContents { padding: 70px 0; }
    .c_frame { padding: 70px 0; }
    .cont_title { font-size: 32px; margin-bottom: 55px; }

    /* 회사소개 */
    .intro .intro_title { font-size: 32px; margin-bottom: 105px; }
    .intro .intro_title b { font-size: 36px; }
    .intro .intro_txt { margin-bottom: 105px; }
    .intro .intro_txt p:not(:last-child) { margin-bottom: 30px; }
    .intro .intro_txt span { font-size: 22px; display: block; }
    .intro .bt_img { margin-bottom: -75px; }

    /* 경영진 */
    .people .people_list .people_box { margin-bottom: 45px; }
    .people .people_list .people_box .p_pos { font-size: 34px; padding: 20px 0; }
    .people .people_list .people_box .p_txt { padding: 48px 75px; }
    .people .people_list .people_box .p_txt .p_name { font-size: 40px; padding-right: 60px; margin-bottom: 40px; letter-spacing: 15px; }
    .people .people_list .people_box .p_txt .p_info li { font-size: 22px; margin-bottom: 10px; padding-left: 20px; background-position: left 13px; }

    /* 연혁 */
    .history .his_box { padding: 45px 0; }
    .history .his_box .his_list:not(:last-child) { margin-right: 70px; }
    .history .his_box .his_list .year { margin-bottom: 35px; }
    .history .his_box .his_list .his_txt .month { font-size: 22px; margin-right: 20px; }
    .history .his_box .his_list .his_txt .tt { font-size: 20px; }
    
    /* 오시는길 */
    .map .ad_box .ad_bg { padding-left: 60px; }
    .map .ad_box address { font-size: 26px; }
    .map .ad_box .call_box { font-size: 36px; }
    .map .ad_box .call_box .call { margin-right: 30px; }

    /* 연구분야 */
    .rd_title { font-size: 26px; padding-left: 50px; }
    .research .re_box { margin-top: 130px;  padding-left: 50px; }

    /* 핵심기술 */
    .technology .pdp_box .pdp_txt { padding: 25px 30px; }
    .technology .pdp_box .pdp_txt span { font-size: 22px; }
    .technology .t-h { font-size: 14px !important; }

    /* 파이프라인 */
    .pipeLine .pipe_table thead th { font-size: 26px; }
    .pipeLine .pipe_table tbody th,
    .pipeLine .pipe_table tbody td { font-size: 22px; }
    .pipeLine .pipe_table thead th,
    .pipeLine .pipe_table tbody td { height: 80px; }
    .pipeLine .pipe_table tbody .bar_box .bar { height: 30px; }

    /* 파트너스 */
    .partner .part_box { margin-bottom: 100px; }   
    .partner .part_box .part_title { font-size: 28px; margin-bottom: 45px; } 
    .partner .part_box .part_list { font-size: 22px; }
    .partner .part_box .part_frame { padding: 80px 45px; }
    .partner .part_box .part_b_list li a .img-box { margin-bottom: 20px; }
    .partner .part_box .part_b_list li a .tt { font-size: 22px; }
    .partner .part_box .part_frame .navi { top: 35px; right: 40px; }
    .partner .part_box .part_frame .navi a { width: 20px; height: 20px; }
    .partner .part_box .part_frame .navi .prev-btn { margin-right: 15px; }
    .partner .part_box .part_frame .navi .prev-btn::after { height: 15px; left: 27px; }

    /* contact us */
    .form { margin-top: 65px; }
    .form .cont_title .tt2 { font-size: 22px; }
    .form .form_frame { display: flex; }
    .form .form_frame .adr_box {  border-radius: 20px 0 0 20px; padding: 60px 70px; width: 40%; }
    .form .form_frame .adr_box .adr_tt { font-size: 34px; margin-bottom: 50px; }
    .form .form_frame .adr_box .adr_txt { padding-left: 50px; }
    .form .form_frame .adr_box .adr_txt:not(.adr) { margin-bottom: 30px; }
    .form .form_frame .adr_box .call { font-size: 34px; }
    .form .form_frame .adr_box .email { font-size: 24px; }
    .form .form_frame .adr_box .adr { font-size: 22px; margin-bottom: 100px; }
    .form .form_frame .adr_box .bt_t { font-size: 30px; }
    .form .form_frame .info_form { padding: 60px 40px; width: 60%; border-radius: 0 20px 20px 0; }
    .form .form_frame .info_form .info:last-of-type { margin-bottom: 30px; }
    .form .form_frame .info_form .info input,
    .form .form_frame .info_form .info textarea { padding: 10px 30px; font-size: 24px; }
    .form .form_frame .info_form .send_bt { width: 255px; padding: 15px; font-size: 24px; }
}