/* COMMON */
/* .sv1 { background: url('/child/img/sub/sv1.png') no-repeat center / cover; } */

.sub-title {  }
.sub-title h2 { padding: 90px 0 50px; font-size: 45px; font-weight: 600; color: #333333; border-bottom: 2px solid #555; }

@media (max-width: 1024px){
    .sub-title h2 { font-size: 35px; padding: 50px 0 30px; }
}
@media (max-width: 768px){
    .sub-title h2 { font-size: 24px; }
}




/* 회사소개 */

/* CEO인사말 */
.about .img { z-index: 1; }
.about .text-top { z-index: 10; position: relative; margin: -80px 0 60px 60px; padding: 45px 60px 0 60px; width: 770px; background: #fff; letter-spacing: -0.15em;}
.about .text-top p:first-child { margin-bottom: 25px;}
.about .text-top p:last-child { line-height: 32px; }
.about .text-bottom { padding: 0 50px; }
.about .text-bottom p { margin-bottom: 40px; }
.about .text-bottom .ceo { display: block; padding-top: 30px; text-align: right; }
@media (max-width: 1024px){
    .about .text-top { width: 95%; margin: -80px auto; padding: 25px 40px 0 40px; }
}
@media (max-width: 768px){
    .about .text-top { margin: -30px auto 30px; padding: 15px 20px 0 20px; }
    .about .text-top p:first-child { margin-bottom: 15px;}
    .about .text-top p:last-child { line-height: 26px; }
    .about .text-bottom { padding: 0px; }
    .about .text-bottom p { margin-bottom: 20px; }
    .about .text-bottom .ceo { padding-top: 15px; }
}


/* 조직도 */
.org img { margin: 0 auto; }


/* 주요 고객사 */
.partner .photo_b .photo_img { height: 70px!important; border: 2px solid #e1e1e1; }
.partner .photo_b .photo_img a img { max-width: 100%; }
.partner #bbs_style { border-bottom: none;}

@media (max-width: 1024px){
}
@media (max-width: 768px){
    .partner .photo_b .photo_img { height: 50px!important; }
}



/* 오시는길 */
.location h3 { margin-bottom: 25px; }
.location-info span { position: relative; display: inline-block; padding-right: 30px; }
.location-info span:first-child:after { content:  ''; position: absolute; display: block; top: 9px; right: 15px; width: 1px; height: 16px; background: #e1e1e1; }
.map { margin-top: 30px; font-size: 0; box-shadow: 0px 10px 30px 0px rgba(0,0,0,.1); }
.map .map-frame{ width: 100%; height: 425px; }

.location .contact { margin-top: 100px; }
.location .contact p { margin-bottom: 50px; }
.location .contact table { width: 100%; border-top: 2px solid #275bb3; }
.location .contact table tr { border-bottom: 1px solid #e1e1e1; }
.location .contact table th { padding: 22px 0; width: 25%; font-size: 18px; color: #555555; background: #f8fbff; }
.location .contact table td { padding: 22px 0; text-align: center; font-size: 18px; font-weight: 200; color: #555; }
.location .contact table td span { padding-left: 20px; width: 16px; height: 16px; color: #555; background: url('/child/img/sub/about/contact-icon.png') center left no-repeat; }


@media (max-width: 1024px){
}
@media (max-width: 768px){
    .map .map-frame { width: 100%; height: 200px; }
    .location .contact { margin-top: 50px; }
    .location .contact p { margin-bottom: 30px; }

    .location .contact table,
    .location .contact table tbody,
    .location .contact table tbody tr { display: block; }
    .location .contact table tbody tr { border: none; }
    .location .contact table th { display: inline-block; padding: 15px 0; width: 50%; font-size: 14px; line-height: 20px; border-bottom: 1px solid #e1e1e1; }
    .location .contact table td { display: inline-block; float: right; padding: 15px 0; width: 50%; font-size: 14px; line-height: 20px; border-bottom: 1px solid #e1e1e1; }
    .location .contact table td.border-none { border: none; }


}



.history { margin-top: 40px; }






/* 서비스 분야 */
.service .line { display: block; margin: 50px 0; width: 100%; border-bottom: 1px solid #e1e1e1; }
.service .service-area { margin-bottom: 100px; }
.service .service-area h3 { margin-top: 100px; margin-bottom: 30px; }
.service .service-area h3:after { content: ''; display: block; margin-top: 30px; width:35px; height: 1px; background: #e1e1e1; }
.service .service-area h3:first-child { margin-top: 0; }
.service .service-area:last-child { margin-bottom: 0; }

.service .process-green { padding: 50px; background: #f6fff3; border:1px solid #68be4f; }
.service .process-green img { margin: 0 auto; }
.service .process-blue { padding: 50px; background: #f6fcff; border:1px solid #275bb3; }
.service .process-blue img { margin: 0 auto; }

.service01 .service-area img { margin: 50px auto 0; }
.service01 .title-middle { margin: 100px 0; padding: 110px 0; text-align: center; background: url('/child/img/sub/survice/01/title-bg.png') no-repeat center / cover;}

.service .effect > div { padding: 0 15px; }
.service .effect > div > div { vertical-align: top; box-sizing: border-box; margin-top: 50px; min-height: 200px; }
.service .effect h4 { display: block; margin: -27px auto 0; width: 200px; height: 50px; line-height: 50px; text-align: center; border-radius: 25px; }
.service .effect ul { margin: 20px 40px 30px; }
.service .effect li { padding: 5px 0 5px 5px; text-indent: -5px; font-weight: 300; }
.service .effect li:last-child { padding-bottom: 0;}
.service .effect p { padding: 20px 35px; text-align: center; }
.service .effect .effect-01 { border: 2px solid #275bb3; }
.service .effect .effect-01 h4 { background: #275bb3; }
.service .effect .effect-02 { border: 2px solid #68be4f; }
.service .effect .effect-02 h4 { background: #68be4f; }
.service .effect .effect-03 { border: 2px solid #999999; }
.service .effect .effect-03 h4 { background: #999999; }
.service .effect .effect-04 { border: 2px solid #45b6b6; }
.service .effect .effect-04 h4 { background: #45b6b6; }
.service02 .effect > div > div { min-height: 135px; }

.service .work .work-box { padding: 20px 30px; border: 1px solid #e1e1e1; }
.service .work > div { padding: 7px 15px; }
.service .work .line2 { min-height: 120px; }
.service .work h4 { margin-bottom: 5px; }

.service01 .work ul { display: inline-block; vertical-align: top; padding: 0 15px; }
.service01 .work ul li { margin-bottom: 40px;}
.service01 .work ul li.line2 { min-height: 80px; }
.service01 .work ul li.line3 { min-height: 105px; }

.service02 .work .work-box { padding: 20px 30px; border: 1px solid #e1e1e1; }
.service02 .work .line2 { min-height: 120px; }
.service02 .work h4 { margin-bottom: 5px; }

.service03 .title-middle { margin: 100px 0; height: 300px; text-align: center; background: #f1f1f1;}

.service06 .work > div { display: block; }
.service07 .work > div .work-box { width: 70%; }

.service08 .work .work-box { padding: 30px 40px; min-height: 210px; }
.service08 .work .work-box li { padding: 2px 0; }

.service09 .title-01 { margin-bottom: 70px; padding: 125px 0; width: 100%; height: 300px; text-align: center; background: #eeeeee; }
.service09 .title-02 { margin-bottom: 70px; padding: 125px 0; width: 100%; height: 300px; text-align: center; background: #eeeeee; }
.service09 .title-03 { margin-bottom: 70px; padding: 125px 0; width: 100%; height: 300px; text-align: center; background: #eeeeee; }
.service09 img { margin: 0 auto; }
.service09 table { width: 100%; border-top: 2px solid #275bb3; }
.service09 table th { padding: 20px 0; font-size: 16px; color: #555; background: #f8fbff; border-bottom: 1px solid #e1e1e1;  }
.service09 table tbody th { background: #f9f9f9; }
.service09 table td { padding: 20px 17px; font-size: 16px; line-height: 26px; text-align: center; font-weight: 200; color: #777; vertical-align: top; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.service09 table td:first-child { vertical-align: middle; font-weight: 600; background: #f9f9f9; }
.service09 table td:last-child { border-right: none; }
.service09 table td ul li { padding: 3px 0  3px 7px; text-indent: -7px; }
.service09 table.table-time td { border-right: none; vertical-align: middle; }


@media (max-width: 1024px){
    .service01 .service-area img { margin: 30px auto 0; }
    .service01 .title-middle { margin: 50px 0; padding: 50px 0; }
    .service03 .title-middle { margin: 50px 0; height: 200px; }
    .service .line { margin: 20px 0; }
    .service .service-area { margin-bottom: 50px; }

    .service .effect > div.grid-6 { width: 50%; }
    .service .effect h4 { margin-top: -19px; width: 180px; height: 40px; line-height: 40px; }
    .service02 .effect > div > div { min-height: 95px; }


}
@media (max-width: 768px){

    .service .service-area h3 { margin-top: 50px; margin-bottom: 20px; }
    .service .service-area h3:after { margin-top: 20px; width:25px; }

    .service .effect > div > div { width: 100%; min-height: auto; }
    .service .effect .effect-01 { margin-top: 20px; }
    .service .effect ul { margin: 10px 20px 20px; }
    .service .effect p { padding: 10px 20px 20px; }

    .service01 .work ul { width: 100%; padding: 0 15px; }
    .service01 .work ul li { margin-bottom: 20px;}
    .service01 .work ul li.line2 { min-height: auto; }
    .service01 .work ul li.line3 { min-height: auto; }

    .service .effect > div.grid-6 { width: 100%; }
    .service .work > div { width: 100%; }
    .service .work .work-box { padding: 15px 20px; }

    .service01 .work ul li.line2,
    .service01 .work ul li.line3,
    .service02 .work .line2,
    .service08 .work .work-box  { min-height: auto; }
    .service07 .work > div .work-box { width: 100%; }

    .service .process-green,
    .service .process-blue { padding: 20px; }

    .service09 .title-01,
    .service09 .title-02,
    .service09 .title-03 { margin-bottom: 50px; padding: 50px 0; height: auto; }

    .service09 table { width: 200%; }

    .service09 .table-scroll {overflow: hidden;position: relative;margin: auto;max-width: 1100px;}
    .service09 table th { padding: 12px 0; font-size: 15px; color: #555; background: #f8fbff; border-bottom: 1px solid #e1e1e1;  }
    .service09 table td { padding: 12px 12px; font-size: 14px; line-height: 22px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
    .service09 table td ul li { padding: 3px 0  3px 7px; text-indent: -7px; }
}







@media (max-width: 1024px){
}
@media (max-width: 768px){
}